react-semaphor 0.1.59 → 0.1.61

package/dist/chunks/dashboard-plus-DSUKhvcv.js

@@ -0,0 +1,2941 @@
+import { jsxs as s, jsx as e, Fragment as R } from "react/jsx-runtime";
+import { E as he, bG as _s, e as N, bH as ye, bI as we, B as I, bJ as De, bK as Q, bL as ns, G as Re, Q as re, bM as Ee, bN as Bs, _ as le, bO as ke, bP as Fe, bQ as Le, bR as Ge, L as X, I as Ce, bS as Qe, ag as de, bT as qs, bU as Ze, bV as Qs, bW as ys, bX as Ms, q as G, bY as rs, bZ as Hs, b_ as $s, b$ as Ks, c0 as Ws, c1 as Js, aZ as A, aq as ws, c2 as Xs, c3 as Zs, c4 as ae, u as ne, aV as He, c5 as $e, c6 as Es, c7 as ks, c8 as Ys, a$ as Z, c9 as te, ca as ea, cb as sa, a4 as is, a5 as ls, a6 as Se, cc as Pe, by as Ye, bx as Ie, cd as es, ce as je, cf as ss, C as Be, cg as Fs, ch as Ls, ci as Ae, cj as aa, bl as os, bm as cs, bn as ds, bo as hs, bp as us, bq as ms, br as ps, bs as fs, ck as ta, bz as ze, aW as na, aX as Ke, cl as ra, M as Ds, a1 as ia, bc as Cs, d as As, cm as la, cn as oa, co as ca, cp as Ts, cq as gs, cr as da, cs as ha, ct as ua, ai as Ue, cu as ma, cv as pa, cw as fa, cx as ga, ap as ba, cy as va, cz as Na, r as xa, cA as ya, am as bs, bw as wa, cB as Da, cC as Ca, cD as Sa, cE as Pa, F as Ia, cF as Ma, cG as Ea, cH as ka, bi as Os, bk as Vs, cI as Ss, cJ as Fa, cK as La, cL as Aa, cM as Ta, cN as Us, cO as Oa, cP as zs, cQ as Rs, cR as Va, cS as Ua, cT as za, cU as Ra, cV as Ga, bB as ja, cW as _a, cX as Ba, aO as qa, aP as Qa, aQ as Ha, aR as $a, b9 as Ka, a7 as Wa, a8 as Ja, a9 as Xa, cY as Za, aa as Ya, cZ as et, c_ as st, c$ as at, d0 as Ps, d1 as tt, ac as nt, d2 as rt } from "./index--MUeDITx.js";
+import Gs, { useState as x, useMemo as _e, useContext as it, useEffect as Me, useRef as Is } from "react";
+import "react-dom";
+import { u as vs, E as lt, V as ot, a as ct, b as dt, S as qe, c as ht, d as ut, F as mt, e as pt, f as ft } from "./use-local-storage-state-CL0JsTZM.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 gt = he("CirclePlus", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M8 12h8", key: "1wcyev" }],
+  ["path", { d: "M12 8v8", key: "napkw2" }]
+]);
+/**
+ * @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 bt = he("FolderOpen", [
+  [
+    "path",
+    {
+      d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",
+      key: "usdka0"
+    }
+  ]
+]);
+/**
+ * @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 vt = he("Glasses", [
+  ["circle", { cx: "6", cy: "15", r: "4", key: "vux9w4" }],
+  ["circle", { cx: "18", cy: "15", r: "4", key: "18o8ve" }],
+  ["path", { d: "M14 15a2 2 0 0 0-2-2 2 2 0 0 0-2 2", key: "1ag4bs" }],
+  ["path", { d: "M2.5 13 5 7c.7-1.3 1.4-2 3-2", key: "1hm1gs" }],
+  ["path", { d: "M21.5 13 19 7c-.7-1.3-1.5-2-3-2", key: "1r31ai" }]
+]);
+/**
+ * @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 Nt = he("Menu", [
+  ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
+  ["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
+  ["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
+]);
+/**
+ * @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 xt = he("Moon", [
+  ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
+]);
+/**
+ * @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 yt = he("PanelLeft", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M9 3v18", key: "fh3hqa" }]
+]);
+/**
+ * @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 wt = he("ShieldX", [
+  [
+    "path",
+    {
+      d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+      key: "oel41y"
+    }
+  ],
+  ["path", { d: "m14.5 9.5-5 5", key: "17q4r4" }],
+  ["path", { d: "m9.5 9.5 5 5", key: "18nt4w" }]
+]);
+/**
+ * @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 Dt = he("Sun", [
+  ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
+  ["path", { d: "M12 2v2", key: "tus03m" }],
+  ["path", { d: "M12 20v2", key: "1lh1kg" }],
+  ["path", { d: "m4.93 4.93 1.41 1.41", key: "149t6j" }],
+  ["path", { d: "m17.66 17.66 1.41 1.41", key: "ptbguv" }],
+  ["path", { d: "M2 12h2", key: "1t8f8n" }],
+  ["path", { d: "M20 12h2", key: "1q8mjw" }],
+  ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
+  ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
+]);
+function Ct() {
+  const { setTheme: a } = _s(), i = N(
+    (n) => n.actions.setDashboardTheme
+  );
+  return /* @__PURE__ */ s(ye, { children: [
+    /* @__PURE__ */ e(we, { asChild: !0, children: /* @__PURE__ */ s(I, { className: "h-7 p-2", variant: "ghost", size: "sm", children: [
+      /* @__PURE__ */ e(
+        Dt,
+        {
+          strokeWidth: 1.5,
+          className: "h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"
+        }
+      ),
+      /* @__PURE__ */ e(
+        xt,
+        {
+          strokeWidth: 1.5,
+          className: "absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "sr-only", children: "Toggle theme" })
+    ] }) }),
+    /* @__PURE__ */ s(De, { align: "end", children: [
+      /* @__PURE__ */ e(
+        Q,
+        {
+          onClick: () => {
+            a("light"), i("light");
+          },
+          children: "Light"
+        }
+      ),
+      /* @__PURE__ */ e(
+        Q,
+        {
+          onClick: () => {
+            a("dark"), i("dark");
+          },
+          children: "Dark"
+        }
+      ),
+      /* @__PURE__ */ e(
+        Q,
+        {
+          onClick: () => {
+            a("system"), i("system");
+          },
+          children: "System"
+        }
+      )
+    ] })
+  ] });
+}
+function as(a) {
+  var i;
+  return {
+    ...a,
+    sheets: (i = a == null ? void 0 : a.sheets) == null ? void 0 : i.map((n) => {
+      var t;
+      return {
+        ...n,
+        frames: (t = n.frames) == null ? void 0 : t.map((r) => {
+          var c;
+          return {
+            ...r,
+            cards: (c = r.cards) == null ? void 0 : c.map((o) => St(o))
+          };
+        })
+      };
+    })
+  };
+}
+function St(a) {
+  return {
+    ...a,
+    // cfg: {
+    //   ...card.cfg,
+    //   data: {
+    //     ...card.cfg?.data,
+    //     labels: [],
+    //     datasets: card.cfg?.data?.datasets?.map((dataset: any) => {
+    //       return {
+    //         ...dataset,
+    //         data: [],
+    //       };
+    //     }),
+    //   },
+    // },
+    customCfg: Pt(a.customCfg),
+    // if customCfg is present, clean it, otherwise return null{
+    data: []
+  };
+}
+function Pt(a) {
+  var i, n;
+  return a ? {
+    ...a,
+    data: {
+      ...a == null ? void 0 : a.data,
+      labels: [],
+      datasets: (n = (i = a == null ? void 0 : a.data) == null ? void 0 : i.datasets) == null ? void 0 : n.map((t) => ({
+        ...t,
+        data: []
+      }))
+    }
+  } : null;
+}
+async function It(a, i, n, t, r) {
+  if (!r)
+    return null;
+  const c = JSON.stringify(n), o = `${a}/v1/lens`;
+  return await ns(o, r, {
+    name: i,
+    template: c,
+    filterValues: t,
+    operation: "create"
+  });
+}
+async function ts(a, i, n) {
+  if (!n)
+    return null;
+  const { id: t, template: r, filterValues: c, isDefault: o, shared: m } = i, d = `${a}/v1/lens`;
+  return await ns(d, n, {
+    lensId: t,
+    template: r,
+    filterValues: c,
+    isDefault: o,
+    shared: m,
+    operation: "update"
+  });
+}
+async function Mt(a, i, n) {
+  if (!n)
+    return null;
+  const t = `${a}/v1/lens`;
+  return await ns(t, n, {
+    operation: "delete",
+    lensId: i
+  });
+}
+function Et() {
+  const [a, i] = x(""), [n, t] = x(!1), r = N((P) => P.lenses), { setLenses: c, setSelectedLensId: o } = Re(), [m, d] = x(!1), [f, p] = x(!1), l = N((P) => P.dashboard), u = N((P) => P.filterValues), { authToken: y, tokenProps: v } = re();
+  async function S() {
+    d(!0);
+    const P = as(
+      l
+    ), L = await It(
+      v.apiServiceUrl,
+      a,
+      P,
+      u,
+      y == null ? void 0 : y.accessToken
+    );
+    L && (c([...r || [], L]), o(L.id), p(!1)), d(!1);
+  }
+  return /* @__PURE__ */ s(Ee, { open: f, onOpenChange: p, children: [
+    /* @__PURE__ */ e(Bs, { asChild: !0, children: /* @__PURE__ */ s(
+      I,
+      {
+        variant: "secondary",
+        className: "h-7 p-2",
+        size: "sm",
+        children: [
+          /* @__PURE__ */ e(le, { className: "mr-2 h-4 w-4" }),
+          "Lens"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ s(ke, { className: "sm:max-w-[425px]", children: [
+      /* @__PURE__ */ s(Fe, { children: [
+        /* @__PURE__ */ e(Le, { children: "Create Lens" }),
+        /* @__PURE__ */ e(Ge, { children: "Lenses are private by default and are only visible to you." })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ s("div", { className: "grid grid-cols-8 items-center gap-4", children: [
+        /* @__PURE__ */ e(X, { className: "text-right", children: "Name" }),
+        /* @__PURE__ */ e(
+          Ce,
+          {
+            value: a,
+            onChange: (P) => {
+              i(P.target.value);
+            },
+            id: "name",
+            className: "col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
+          }
+        )
+      ] }) }),
+      n && /* @__PURE__ */ e("p", { className: "text-sm", children: "The lens name already exists. Use a differnet name." }),
+      /* @__PURE__ */ e(Qe, { children: /* @__PURE__ */ e(
+        I,
+        {
+          size: "sm",
+          variant: "outline",
+          type: "submit",
+          onClick: S,
+          disabled: m,
+          children: m ? "Creating..." : "Add"
+        }
+      ) })
+    ] })
+  ] });
+}
+function kt() {
+  const [a, i] = x(!1), n = N((l) => l.lenses), t = N((l) => l.selectedLensId), { setLenses: r, setSelectedLensId: c } = Re(), { authToken: o, tokenProps: m } = re();
+  async function d(l) {
+    c(l);
+  }
+  async function f(l) {
+    if (await Mt(m.apiServiceUrl, l, o == null ? void 0 : o.accessToken)) {
+      const y = n == null ? void 0 : n.filter((v) => v.id !== l);
+      r(y || []), c("original");
+    }
+  }
+  async function p(l) {
+    const u = n == null ? void 0 : n.map((S) => S.id === l.id ? {
+      ...S,
+      isDefault: !l.isDefault
+    } : {
+      ...S,
+      isDefault: !1
+    });
+    r(u || []);
+    const y = {
+      ...l,
+      isDefault: !l.isDefault
+    };
+    await ts(m.apiServiceUrl, y, o == null ? void 0 : o.accessToken);
+    const v = n == null ? void 0 : n.find((S) => S.isDefault);
+    if (v && v.id !== l.id) {
+      const S = {
+        ...v,
+        isDefault: !1
+      };
+      await ts(m.apiServiceUrl, S, o == null ? void 0 : o.accessToken);
+    }
+  }
+  return /* @__PURE__ */ s(ye, { open: a, onOpenChange: i, children: [
+    /* @__PURE__ */ e(we, { asChild: !0, children: /* @__PURE__ */ e(de, { tooltip: "Lenses", className: "h-7 p-2", children: /* @__PURE__ */ e(vt, { className: "h-4 w-4" }) }) }),
+    /* @__PURE__ */ s(De, { align: "end", className: "w-60", children: [
+      /* @__PURE__ */ e(qs, { className: "px-3", children: "Lenses" }),
+      /* @__PURE__ */ e(Ze, {}),
+      /* @__PURE__ */ s(
+        Qs,
+        {
+          value: t,
+          onValueChange: d,
+          children: [
+            /* @__PURE__ */ e(ys, { value: "original", children: "Original" }),
+            n == null ? void 0 : n.map((l) => /* @__PURE__ */ s(
+              ys,
+              {
+                className: "group flex justify-between gap-2",
+                value: l.id,
+                children: [
+                  /* @__PURE__ */ e("p", { children: l.name }),
+                  /* @__PURE__ */ s("span", { className: "flex items-center gap-3", children: [
+                    /* @__PURE__ */ e(
+                      Ms,
+                      {
+                        onClick: (u) => {
+                          u.preventDefault(), p(l);
+                        },
+                        className: G(
+                          "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
+                          {
+                            invisible: !l.isDefault,
+                            "text-green-500": l.isDefault
+                          }
+                        ),
+                        strokeWidth: 1.5
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      rs,
+                      {
+                        onClick: (u) => {
+                          u.preventDefault(), f(l.id);
+                        },
+                        className: "invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
+                        strokeWidth: 1.5
+                      }
+                    )
+                  ] })
+                ]
+              },
+              l.id
+            ))
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function Ft({
+  iconClassName: a
+}) {
+  const [i, n] = x(!1), [t, r] = x(""), [c, o] = x(!1), m = N((l) => l.isDownloadingPdf), { tokenProps: d } = re();
+  async function f() {
+    const l = A.loading(
+      "Generating PDF... may take up to 60 seconds"
+    );
+    try {
+      await ws(d.apiServiceUrl), A.dismiss(l), A.success("PDF downloaded successfully!", {
+        duration: 2e3
+      });
+    } catch (u) {
+      A.dismiss(l), A.error("Failed to download PDF", {
+        description: "Please try again or contact support.",
+        richColors: !0
+      }), console.error("PDF download error:", u);
+    }
+  }
+  async function p() {
+    if (!t) return;
+    n(!1), r(""), o(!1);
+    const l = A.loading(
+      "Generating protected PDF... may take up to 60 seconds"
+    );
+    try {
+      await ws(d.apiServiceUrl, t), A.dismiss(l), A.success("Protected PDF downloaded successfully!", {
+        duration: 2e3,
+        position: "top-right"
+      });
+    } catch (u) {
+      A.dismiss(l), A.error("Failed to download protected PDF. Please try again."), console.error("Protected PDF download error:", u);
+    }
+  }
+  return /* @__PURE__ */ s(R, { children: [
+    /* @__PURE__ */ s(ye, { modal: !1, children: [
+      /* @__PURE__ */ e(we, { asChild: !0, children: /* @__PURE__ */ e(
+        I,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "h-7 p-2",
+          disabled: m,
+          children: /* @__PURE__ */ e(Hs, { className: G("size-4", a) })
+        }
+      ) }),
+      /* @__PURE__ */ s(De, { align: "end", children: [
+        /* @__PURE__ */ s(Q, { onClick: f, children: [
+          /* @__PURE__ */ e($s, { className: "mr-2 h-4 w-4" }),
+          "Download PDF"
+        ] }),
+        /* @__PURE__ */ s(Q, { onClick: () => n(!0), children: [
+          /* @__PURE__ */ e(Ks, { className: "mr-2 h-4 w-4" }),
+          "Download Protected PDF"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      Ee,
+      {
+        open: i,
+        onOpenChange: n,
+        children: /* @__PURE__ */ s(ke, { className: "sm:max-w-[425px]", children: [
+          /* @__PURE__ */ s(Fe, { children: [
+            /* @__PURE__ */ e(Le, { children: "Download Protected PDF" }),
+            /* @__PURE__ */ e(Ge, { children: "Enter a password to protect your PDF. The PDF will be encrypted and require this password to open." })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ s("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ e(X, { htmlFor: "password", children: "Password" }),
+            /* @__PURE__ */ s("div", { className: "relative", children: [
+              /* @__PURE__ */ e(
+                Ce,
+                {
+                  id: "password",
+                  type: c ? "text" : "password",
+                  value: t,
+                  onChange: (l) => r(l.target.value),
+                  placeholder: "Enter password",
+                  className: "pr-10",
+                  onKeyDown: (l) => {
+                    l.key === "Enter" && t && p();
+                  }
+                }
+              ),
+              /* @__PURE__ */ e(
+                I,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
+                  onClick: () => o(!c),
+                  children: c ? /* @__PURE__ */ e(Ws, { className: "h-4 w-4 text-muted-foreground" }) : /* @__PURE__ */ e(Js, { className: "h-4 w-4 text-muted-foreground" })
+                }
+              )
+            ] })
+          ] }) }),
+          /* @__PURE__ */ s(Qe, { children: [
+            /* @__PURE__ */ e(
+              I,
+              {
+                variant: "outline",
+                onClick: () => n(!1),
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ e(I, { onClick: p, disabled: !t, children: "Download" })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function Lt({
+  triggerButtonClassName: a
+}) {
+  const [i, n] = x(!1), t = N((m) => {
+    var d;
+    return (d = m.dashboard) == null ? void 0 : d.id;
+  }), r = N((m) => {
+    var d;
+    return (d = m.dashboard) == null ? void 0 : d.title;
+  }), c = N((m) => {
+    var d;
+    return (d = m.dashboard) == null ? void 0 : d.sheets;
+  }), o = N((m) => m.selectedSheetId);
+  return c == null || c.find((m) => m.id === o), t ? /* @__PURE__ */ s(R, { children: [
+    /* @__PURE__ */ e(
+      de,
+      {
+        tooltip: "Schedule Dashboard",
+        className: G("h-7 p-2", a),
+        onClick: () => n(!0),
+        children: /* @__PURE__ */ e(Xs, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ e(
+      Zs,
+      {
+        open: i,
+        onOpenChange: n,
+        dashboardId: t,
+        dashboardName: r
+      }
+    )
+  ] }) : null;
+}
+function At({
+  type: a,
+  isLinked: i,
+  className: n
+}) {
+  const t = N((f) => f.selectedFrameId), r = ae((f) => f.selectedVisual), c = ne((f) => f.frame);
+  let o;
+  if (a)
+    o = a;
+  else if (i !== void 0)
+    o = i ? "linked" : "library";
+  else if (!!!(c != null && c.visualId || r != null && r.id) && t)
+    o = "local";
+  else if (r && !t)
+    o = "library";
+  else if (c != null && c.visualId && t)
+    o = "linked";
+  else if (r != null && r.id && t)
+    o = "library";
+  else
+    return null;
+  const m = {
+    local: "bg-gray-100 text-gray-700",
+    linked: "bg-purple-100 text-purple-700",
+    library: "bg-blue-100 text-blue-700"
+  }, d = {
+    local: "Local Visual",
+    linked: "Linked Visual",
+    library: "Library Visual"
+  };
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: G(
+        "rounded-full px-2.5 py-0.5 text-xs font-medium",
+        m[o],
+        n
+      ),
+      children: d[o]
+    }
+  );
+}
+const Tt = async (a, i, n) => {
+  const t = `${a}/management/v1/groups`;
+  return await Es(t, i, n);
+}, Ot = async (a, i, n) => {
+  const t = `${a}/management/v1/groups/${n}`, r = await fetch(t, {
+    method: "DELETE",
+    headers: {
+      Authorization: `Bearer ${i}`
+    }
+  });
+  if (!r.ok) {
+    const c = await r.text();
+    throw new Error(c || "Failed to delete group");
+  }
+}, Vt = async (a, i, n, t) => {
+  const r = `${a}/management/v1/groups/${n}/members`;
+  return await Es(r, i, t);
+}, Ut = async (a, i, n, t) => {
+  const r = `${a}/management/v1/groups/${n}/members`, c = await fetch(r, {
+    method: "DELETE",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${i}`
+    },
+    body: JSON.stringify(t)
+  });
+  if (!c.ok) {
+    const o = await c.text();
+    throw new Error(o || "Failed to remove group members");
+  }
+};
+function zt() {
+  const { authToken: a, tokenProps: i } = re(), n = He();
+  return $e({
+    mutationFn: (t) => Tt(i.apiServiceUrl, (a == null ? void 0 : a.accessToken) || "", t),
+    onSuccess: () => {
+      n.invalidateQueries({ queryKey: ["groups"] }), A.success("Group created successfully");
+    },
+    onError: (t) => {
+      console.error("Failed to create group:", t), A.error("Failed to create group", {
+        description: t.message
+      });
+    }
+  });
+}
+function Rt() {
+  const { authToken: a, tokenProps: i } = re(), n = He();
+  return $e({
+    mutationFn: (t) => Ot(i.apiServiceUrl, (a == null ? void 0 : a.accessToken) || "", t),
+    onSuccess: (t, r) => {
+      n.invalidateQueries({ queryKey: ["groups"] }), n.removeQueries({ queryKey: ["group", r] }), A.success("Group deleted successfully");
+    },
+    onError: (t) => {
+      console.error("Failed to delete group:", t), A.error("Failed to delete group", {
+        description: t.message
+      });
+    }
+  });
+}
+function Gt() {
+  const { authToken: a, tokenProps: i } = re(), n = He();
+  return $e({
+    mutationFn: ({
+      groupId: t,
+      data: r
+    }) => Vt(i.apiServiceUrl, (a == null ? void 0 : a.accessToken) || "", t, r),
+    onSuccess: (t, r) => {
+      n.invalidateQueries({ queryKey: ["group", r.groupId] }), n.invalidateQueries({
+        queryKey: ["group-members", r.groupId]
+      }), n.invalidateQueries({ queryKey: ["groups"] }), A.success("Members added successfully");
+    },
+    onError: (t) => {
+      console.error("Failed to add group members:", t), A.error("Failed to add members", {
+        description: t.message
+      });
+    }
+  });
+}
+function jt() {
+  const { authToken: a, tokenProps: i } = re(), n = He();
+  return $e({
+    mutationFn: ({
+      groupId: t,
+      data: r
+    }) => Ut(i.apiServiceUrl, (a == null ? void 0 : a.accessToken) || "", t, r),
+    onSuccess: (t, r) => {
+      n.invalidateQueries({ queryKey: ["group", r.groupId] }), n.invalidateQueries({
+        queryKey: ["group-members", r.groupId]
+      }), n.invalidateQueries({ queryKey: ["groups"] }), A.success("Members removed successfully");
+    },
+    onError: (t) => {
+      console.error("Failed to remove group members:", t), A.error("Failed to remove members", {
+        description: t.message
+      });
+    }
+  });
+}
+function _t({
+  onSuccess: a,
+  tenantId: i,
+  isTenantUser: n
+}) {
+  const [t, r] = x(""), [c, o] = x(""), [m, d] = x({}), f = zt(), p = () => {
+    const u = {};
+    return t.trim() ? t.length < 3 ? u.name = "Group name must be at least 3 characters" : t.length > 50 && (u.name = "Group name must be less than 50 characters") : u.name = "Group name is required", c && c.length > 200 && (u.description = "Description must be less than 200 characters"), d(u), Object.keys(u).length === 0;
+  };
+  return /* @__PURE__ */ s("form", { onSubmit: async (u) => {
+    if (u.preventDefault(), !p()) return;
+    const y = {
+      name: t.trim(),
+      description: c.trim() || void 0,
+      type: n ? "TENANT_GROUP" : "ORG_GROUP",
+      ...n && i ? { tenantId: i } : {}
+    };
+    try {
+      await f.mutateAsync(y), r(""), o(""), d({}), a();
+    } catch (v) {
+      console.error("Failed to create group:", v);
+    }
+  }, className: "space-y-6", children: [
+    /* @__PURE__ */ s("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ s(X, { htmlFor: "group-name", children: [
+          "Group Name ",
+          /* @__PURE__ */ e("span", { className: "text-destructive", children: "*" })
+        ] }),
+        /* @__PURE__ */ e(
+          Ce,
+          {
+            id: "group-name",
+            placeholder: "e.g., Marketing Team, Engineering Squad",
+            value: t,
+            onChange: (u) => {
+              r(u.target.value), m.name && d((y) => ({ ...y, name: "" }));
+            },
+            className: m.name ? "border-destructive" : "",
+            disabled: f.isPending
+          }
+        ),
+        m.name && /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: m.name })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ s(X, { htmlFor: "group-description", children: [
+          "Description",
+          /* @__PURE__ */ e("span", { className: "ml-2 text-xs text-muted-foreground", children: "(optional)" })
+        ] }),
+        /* @__PURE__ */ e(
+          ks,
+          {
+            id: "group-description",
+            placeholder: "Describe the purpose of this group...",
+            value: c,
+            onChange: (u) => {
+              o(u.target.value), m.description && d((y) => ({ ...y, description: "" }));
+            },
+            className: m.description ? "border-destructive" : "",
+            disabled: f.isPending,
+            rows: 3
+          }
+        ),
+        m.description && /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: m.description }),
+        /* @__PURE__ */ s("p", { className: "text-xs text-muted-foreground", children: [
+          c.length,
+          "/200 characters"
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "rounded-lg border bg-muted/50 p-4", children: /* @__PURE__ */ s("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ e(Ys, { className: "h-4 w-4 mt-0.5 text-muted-foreground" }),
+        /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground", children: "This group will be accessible to users in your workspace. You can add members after creating the group." })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "flex justify-end gap-3", children: [
+      /* @__PURE__ */ e(
+        I,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: () => {
+            r(""), o(""), d({});
+          },
+          disabled: f.isPending,
+          children: "Clear"
+        }
+      ),
+      /* @__PURE__ */ e(
+        I,
+        {
+          type: "submit",
+          disabled: f.isPending || !t.trim(),
+          children: f.isPending ? /* @__PURE__ */ s(R, { children: [
+            /* @__PURE__ */ e(Z, { className: "mr-2 h-4 w-4 animate-spin" }),
+            "Creating..."
+          ] }) : /* @__PURE__ */ s(R, { children: [
+            /* @__PURE__ */ e(te, { className: "mr-2 h-4 w-4" }),
+            "Create Group"
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+function Bt({
+  open: a,
+  onOpenChange: i,
+  group: n,
+  onUpdate: t
+}) {
+  const [r, c] = x("members"), [o, m] = x(""), [d, f] = x([]), [p, l] = x([]), { data: u, isLoading: y, refetch: v } = ea(n.id), S = n.type === "TENANT_GROUP" ? "tenant" : "organization", { users: P, isLoading: L } = sa({
+    type: S,
+    tenantId: n.tenantId || void 0,
+    active: !0,
+    limit: 100
+  }), w = Gt(), O = jt(), C = (u == null ? void 0 : u.members) || [], V = _e(() => new Set(C.map((D) => D.userId)), [C]), T = _e(() => P.filter((D) => !V.has(D.id)), [P, V]), M = _e(() => {
+    if (!o) return T;
+    const D = o.toLowerCase();
+    return T.filter(
+      (U) => {
+        var z, K;
+        return ((z = U.name) == null ? void 0 : z.toLowerCase().includes(D)) || ((K = U.email) == null ? void 0 : K.toLowerCase().includes(D));
+      }
+    );
+  }, [T, o]), k = _e(() => {
+    if (!o) return C;
+    const D = o.toLowerCase();
+    return C.filter(
+      (U) => {
+        var z, K, ie, se;
+        return ((K = (z = U.user) == null ? void 0 : z.name) == null ? void 0 : K.toLowerCase().includes(D)) || ((se = (ie = U.user) == null ? void 0 : ie.email) == null ? void 0 : se.toLowerCase().includes(D));
+      }
+    );
+  }, [C, o]), E = async () => {
+    if (d.length !== 0)
+      try {
+        await w.mutateAsync({
+          groupId: n.id,
+          data: {
+            userIds: d,
+            userType: S === "tenant" ? "tenant" : "org"
+          }
+        }), f([]), c("members"), v(), t == null || t();
+      } catch (D) {
+        console.error("Failed to add members:", D);
+      }
+  }, Y = async () => {
+    if (p.length !== 0)
+      try {
+        await O.mutateAsync({
+          groupId: n.id,
+          data: {
+            userIds: p
+          }
+        }), l([]), v(), t == null || t();
+      } catch (D) {
+        console.error("Failed to remove members:", D);
+      }
+  }, j = (D) => {
+    f(
+      (U) => U.includes(D) ? U.filter((z) => z !== D) : [...U, D]
+    );
+  }, ee = (D) => {
+    l(
+      (U) => U.includes(D) ? U.filter((z) => z !== D) : [...U, D]
+    );
+  };
+  return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(Ee, { open: a, onOpenChange: i, children: /* @__PURE__ */ s(ke, { className: "max-w-3xl max-h-[80vh]", "aria-describedby": "group-members-description", children: [
+    /* @__PURE__ */ s(Fe, { children: [
+      /* @__PURE__ */ e(Le, { children: n.name }),
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2 mt-1", children: /* @__PURE__ */ s("p", { className: "text-sm text-muted-foreground", children: [
+        C.length,
+        " ",
+        C.length === 1 ? "member" : "members"
+      ] }) }),
+      /* @__PURE__ */ s("p", { id: "group-members-description", className: "sr-only", children: [
+        "Add or remove members from the ",
+        n.name,
+        " group"
+      ] })
+    ] }),
+    /* @__PURE__ */ s(is, { value: r, onValueChange: (D) => {
+      c(D), m(""), l([]);
+    }, className: "mt-4", children: [
+      /* @__PURE__ */ s(ls, { className: "grid w-full grid-cols-2", children: [
+        /* @__PURE__ */ e(Se, { value: "members", children: "Current Members" }),
+        /* @__PURE__ */ e(Se, { value: "add", children: "Add Members" })
+      ] }),
+      /* @__PURE__ */ s(Pe, { value: "members", className: "mt-4 space-y-4", children: [
+        /* @__PURE__ */ s("div", { className: "relative", children: [
+          /* @__PURE__ */ e(Ye, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+          /* @__PURE__ */ e(
+            Ce,
+            {
+              placeholder: "Search members...",
+              value: o,
+              onChange: (D) => m(D.target.value),
+              className: "pl-10"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(Ie, { className: p.length > 0 ? "h-[300px]" : "h-[350px]", children: y ? /* @__PURE__ */ e("div", { className: "space-y-2", children: [1, 2, 3].map((D) => /* @__PURE__ */ e(es, { className: "h-16 w-full" }, D)) }) : k.length === 0 ? /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
+          /* @__PURE__ */ e(te, { className: "h-12 w-12 mb-3 opacity-50" }),
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: o ? "No members found" : "No members yet" }),
+          /* @__PURE__ */ e("p", { className: "text-xs mt-1", children: o ? "Try a different search" : 'Switch to the "Add Members" tab to add people to this group' })
+        ] }) : /* @__PURE__ */ e("div", { className: "space-y-2", children: k.map((D) => /* @__PURE__ */ e(
+          qt,
+          {
+            member: D,
+            selected: p.includes(D.userId),
+            onToggle: () => ee(D.userId)
+          },
+          D.id
+        )) }) }),
+        p.length > 0 && /* @__PURE__ */ s("div", { className: "flex items-center justify-between pt-4 border-t", children: [
+          /* @__PURE__ */ s("span", { className: "text-sm text-muted-foreground", children: [
+            p.length,
+            " member",
+            p.length !== 1 ? "s" : "",
+            " selected"
+          ] }),
+          /* @__PURE__ */ e(
+            I,
+            {
+              variant: "destructive",
+              size: "sm",
+              onClick: Y,
+              disabled: O.isPending,
+              children: O.isPending ? /* @__PURE__ */ s(R, { children: [
+                /* @__PURE__ */ e(Z, { className: "mr-2 h-4 w-4 animate-spin" }),
+                "Removing..."
+              ] }) : /* @__PURE__ */ s(R, { children: [
+                /* @__PURE__ */ e(je, { className: "mr-2 h-4 w-4" }),
+                "Remove Selected"
+              ] })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ s(Pe, { value: "add", className: "mt-4 space-y-4", children: [
+        /* @__PURE__ */ s("div", { className: "relative", children: [
+          /* @__PURE__ */ e(Ye, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+          /* @__PURE__ */ e(
+            Ce,
+            {
+              placeholder: "Search users to add...",
+              value: o,
+              onChange: (D) => m(D.target.value),
+              className: "pl-10"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(Ie, { className: "h-[300px]", children: L ? /* @__PURE__ */ e("div", { className: "space-y-2", children: [1, 2, 3].map((D) => /* @__PURE__ */ e(es, { className: "h-16 w-full" }, D)) }) : M.length === 0 ? /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
+          /* @__PURE__ */ e(ss, { className: "h-12 w-12 mb-3 opacity-50" }),
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: "No available users" }),
+          /* @__PURE__ */ e("p", { className: "text-xs mt-1", children: o ? "Try a different search" : "All eligible users are already members" })
+        ] }) : /* @__PURE__ */ e("div", { className: "space-y-2", children: M.map((D) => /* @__PURE__ */ e(
+          Qt,
+          {
+            user: D,
+            selected: d.includes(D.id),
+            onToggle: () => j(D.id)
+          },
+          D.id
+        )) }) }),
+        d.length > 0 && /* @__PURE__ */ s("div", { className: "flex items-center justify-between pt-4 border-t", children: [
+          /* @__PURE__ */ s("span", { className: "text-sm text-muted-foreground", children: [
+            d.length,
+            " user",
+            d.length !== 1 ? "s" : "",
+            " selected"
+          ] }),
+          /* @__PURE__ */ e(
+            I,
+            {
+              onClick: E,
+              disabled: w.isPending,
+              children: w.isPending ? /* @__PURE__ */ s(R, { children: [
+                /* @__PURE__ */ e(Z, { className: "mr-2 h-4 w-4 animate-spin" }),
+                "Adding..."
+              ] }) : /* @__PURE__ */ s(R, { children: [
+                /* @__PURE__ */ e(ss, { className: "mr-2 h-4 w-4" }),
+                "Add Members"
+              ] })
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] }) }) });
+}
+function qt({
+  member: a,
+  selected: i,
+  onToggle: n
+}) {
+  var r, c, o, m;
+  const t = ((c = (r = a.user) == null ? void 0 : r.name) == null ? void 0 : c.split(" ").map((d) => d[0]).join("").toUpperCase()) || "?";
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: "flex items-center gap-3 p-3 rounded-lg border bg-card hover:bg-muted/50 cursor-pointer",
+      onClick: n,
+      children: [
+        /* @__PURE__ */ e(Be, { checked: i }),
+        /* @__PURE__ */ e(Fs, { className: "h-8 w-8", children: /* @__PURE__ */ e(Ls, { className: "text-xs", children: t }) }),
+        /* @__PURE__ */ s("div", { className: "flex-1", children: [
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: ((o = a.user) == null ? void 0 : o.name) || "Unknown User" }),
+          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: (m = a.user) == null ? void 0 : m.email })
+        ] })
+      ]
+    }
+  );
+}
+function Qt({
+  user: a,
+  selected: i,
+  onToggle: n
+}) {
+  var r;
+  const t = ((r = a.name) == null ? void 0 : r.split(" ").map((c) => c[0]).join("").toUpperCase()) || "?";
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: "flex items-center gap-3 p-3 rounded-lg border bg-card hover:bg-muted/50 cursor-pointer",
+      onClick: n,
+      children: [
+        /* @__PURE__ */ e(Be, { checked: i }),
+        /* @__PURE__ */ e(Fs, { className: "h-8 w-8", children: /* @__PURE__ */ e(Ls, { className: "text-xs", children: t }) }),
+        /* @__PURE__ */ s("div", { className: "flex-1", children: [
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: a.name }),
+          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: a.email })
+        ] })
+      ]
+    }
+  );
+}
+function Ht({
+  open: a,
+  onOpenChange: i
+}) {
+  const [n, t] = x("groups"), [r, c] = x(""), [o, m] = x(null), [d, f] = x(!1), [p, l] = x(null), { tokenProps: u } = re(), { currentUser: y } = Ae(), v = Rt(), S = (y == null ? void 0 : y.type) === "tenant", P = u == null ? void 0 : u.tenantId, { groups: L, isLoading: w, refetch: O } = aa({
+    type: S ? "TENANT_GROUP" : "all",
+    tenantId: S ? P : void 0,
+    includeMembers: !1
+  }), C = L.filter(
+    (k) => {
+      var E;
+      return k.name.toLowerCase().includes(r.toLowerCase()) || ((E = k.description) == null ? void 0 : E.toLowerCase().includes(r.toLowerCase()));
+    }
+  ), V = async () => {
+    if (p)
+      try {
+        await v.mutateAsync(p.id), l(null), O();
+      } catch (k) {
+        console.error("Failed to delete group:", k);
+      }
+  }, T = (k) => {
+    m(k), f(!0);
+  }, M = () => {
+    t("groups"), O();
+  };
+  return /* @__PURE__ */ s(R, { children: [
+    /* @__PURE__ */ e(Ee, { open: a, onOpenChange: i, children: /* @__PURE__ */ s(ke, { className: "max-w-4xl max-h-[80vh]", children: [
+      /* @__PURE__ */ s(Fe, { children: [
+        /* @__PURE__ */ s(Le, { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(te, { className: "h-5 w-5" }),
+          "Group Management"
+        ] }),
+        /* @__PURE__ */ e(Ge, { children: "Manage your groups, create new groups, and control group membership" })
+      ] }),
+      /* @__PURE__ */ s(is, { value: n, onValueChange: t, className: "mt-4", children: [
+        /* @__PURE__ */ s(ls, { className: "grid w-full grid-cols-2", children: [
+          /* @__PURE__ */ s(Se, { value: "groups", className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(te, { className: "h-4 w-4" }),
+            "Groups"
+          ] }),
+          /* @__PURE__ */ s(Se, { value: "create", className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(le, { className: "h-4 w-4" }),
+            "Create Group"
+          ] })
+        ] }),
+        /* @__PURE__ */ e(Pe, { value: "groups", className: "mt-4", children: /* @__PURE__ */ s("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ s("div", { className: "relative", children: [
+            /* @__PURE__ */ e(Ye, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+            /* @__PURE__ */ e(
+              Ce,
+              {
+                placeholder: "Search groups...",
+                value: r,
+                onChange: (k) => c(k.target.value),
+                className: "pl-10"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(Ie, { className: "h-[400px]", children: w ? /* @__PURE__ */ e("div", { className: "space-y-3", children: [1, 2, 3].map((k) => /* @__PURE__ */ e(es, { className: "h-24 w-full" }, k)) }) : C.length === 0 ? /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
+            /* @__PURE__ */ e(te, { className: "h-12 w-12 mb-3 opacity-50" }),
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: "No groups found" }),
+            /* @__PURE__ */ e("p", { className: "text-xs mt-1", children: r ? "Try a different search" : "Create your first group to get started" })
+          ] }) : /* @__PURE__ */ e("div", { className: "space-y-3", children: C.map((k) => /* @__PURE__ */ e(
+            $t,
+            {
+              group: k,
+              onManageMembers: () => T(k),
+              onDelete: () => l(k),
+              currentUserId: y == null ? void 0 : y.id
+            },
+            k.id
+          )) }) })
+        ] }) }),
+        /* @__PURE__ */ e(Pe, { value: "create", className: "mt-4", children: /* @__PURE__ */ e(
+          _t,
+          {
+            onSuccess: M,
+            tenantId: P,
+            isTenantUser: S
+          }
+        ) })
+      ] })
+    ] }) }),
+    o && /* @__PURE__ */ e(
+      Bt,
+      {
+        open: d,
+        onOpenChange: f,
+        group: o,
+        onUpdate: () => O()
+      }
+    ),
+    /* @__PURE__ */ e(
+      os,
+      {
+        open: !!p,
+        onOpenChange: () => l(null),
+        children: /* @__PURE__ */ s(cs, { children: [
+          /* @__PURE__ */ s(ds, { children: [
+            /* @__PURE__ */ e(hs, { children: "Delete Group" }),
+            /* @__PURE__ */ s(us, { children: [
+              'Are you sure you want to delete "',
+              p == null ? void 0 : p.name,
+              '"? This action cannot be undone and will remove all members from the group.'
+            ] })
+          ] }),
+          /* @__PURE__ */ s(ms, { children: [
+            /* @__PURE__ */ e(ps, { children: "Cancel" }),
+            /* @__PURE__ */ e(
+              fs,
+              {
+                onClick: V,
+                disabled: v.isPending,
+                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                children: v.isPending ? /* @__PURE__ */ s(R, { children: [
+                  /* @__PURE__ */ e(Z, { className: "mr-2 h-4 w-4 animate-spin" }),
+                  "Deleting..."
+                ] }) : "Delete Group"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function $t({
+  group: a,
+  onManageMembers: i,
+  onDelete: n,
+  currentUserId: t
+}) {
+  const r = a.createdBy === t;
+  return /* @__PURE__ */ e("div", { className: "rounded-lg border bg-card p-4 transition-colors hover:bg-muted/50", children: /* @__PURE__ */ s("div", { className: "flex items-start justify-between gap-3", children: [
+    /* @__PURE__ */ s("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ e("h4", { className: "font-medium", children: a.name }),
+        a.description && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mt-1", children: a.description })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ s("span", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ e(te, { className: "h-3 w-3" }),
+          a.memberCount,
+          " ",
+          a.memberCount === 1 ? "member" : "members"
+        ] }),
+        /* @__PURE__ */ s("span", { children: [
+          "Created ",
+          ta(new Date(a.createdAt), "MMM d, yyyy")
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ e(
+        I,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: i,
+          title: "Manage members",
+          children: /* @__PURE__ */ e(ss, { className: "h-4 w-4" })
+        }
+      ),
+      r && /* @__PURE__ */ e(
+        I,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: n,
+          title: "Delete group",
+          className: "text-destructive hover:text-destructive",
+          children: /* @__PURE__ */ e(je, { className: "h-4 w-4" })
+        }
+      )
+    ] })
+  ] }) });
+}
+function Kt({
+  open: a,
+  onOpenChange: i,
+  isLibraryVisual: n,
+  currentVisualName: t,
+  isSaving: r = !1,
+  onConfirm: c
+}) {
+  const [o, m] = x(
+    n && t ? `Copy of ${t}` : t || ""
+  ), [d, f] = x(""), [p, l] = x(!n), [u, y] = x(!0);
+  Gs.useEffect(() => {
+    a && (m(
+      n && t ? `Copy of ${t}` : t || ""
+    ), f(""), l(!n), y(!0));
+  }, [a, n, t]);
+  const v = () => {
+    o.trim() && (!p && !u || c({
+      name: o.trim(),
+      description: d.trim() || void 0,
+      saveToLibrary: p,
+      saveToCurrentDashboard: u
+    }));
+  }, S = o.trim() && (p || u);
+  return /* @__PURE__ */ e(Ee, { open: a, onOpenChange: i, children: /* @__PURE__ */ s(ke, { className: "sm:max-w-[425px]", children: [
+    /* @__PURE__ */ s(Fe, { children: [
+      /* @__PURE__ */ e(Le, { children: "Save Visual As" }),
+      /* @__PURE__ */ e(Ge, { children: n ? "Create a copy of this visual with a new name" : "Save this visual to make it reusable" })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "grid gap-4 py-4", children: [
+      /* @__PURE__ */ s("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ e(X, { htmlFor: "name", children: "Name" }),
+        /* @__PURE__ */ e(
+          ze,
+          {
+            id: "name",
+            value: o,
+            onChange: (P) => m(P.target.value),
+            placeholder: "Enter visual name",
+            disabled: r
+          }
+        )
+      ] }),
+      /* @__PURE__ */ s("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ e(X, { htmlFor: "description", children: "Description (optional)" }),
+        /* @__PURE__ */ e(
+          ks,
+          {
+            id: "description",
+            value: d,
+            onChange: (P) => f(P.target.value),
+            placeholder: "Enter visual description",
+            rows: 3,
+            disabled: r
+          }
+        )
+      ] }),
+      /* @__PURE__ */ s("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ e(X, { children: "Save to:" }),
+        /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ s("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ e(
+              Be,
+              {
+                id: "save-to-dashboard",
+                checked: u,
+                onCheckedChange: (P) => y(!!P),
+                disabled: r
+              }
+            ),
+            /* @__PURE__ */ s(
+              "label",
+              {
+                htmlFor: "save-to-dashboard",
+                className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+                children: [
+                  "Current Dashboard",
+                  /* @__PURE__ */ e("span", { className: "ml-2 text-xs text-muted-foreground", children: n ? "(add copy to this dashboard)" : "(keep as local visual)" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ e(
+              Be,
+              {
+                id: "save-to-library",
+                checked: p,
+                onCheckedChange: (P) => l(!!P),
+                disabled: r
+              }
+            ),
+            /* @__PURE__ */ s(
+              "label",
+              {
+                htmlFor: "save-to-library",
+                className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+                children: [
+                  "Visual Library",
+                  /* @__PURE__ */ e("span", { className: "ml-2 text-xs text-muted-foreground", children: n ? "(save as new reusable visual)" : "(make available to all dashboards)" })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        !p && !u && /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: "Please select at least one destination" })
+      ] })
+    ] }),
+    /* @__PURE__ */ s(Qe, { children: [
+      /* @__PURE__ */ e(
+        I,
+        {
+          variant: "outline",
+          onClick: () => i(!1),
+          disabled: r,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ s(I, { onClick: v, disabled: !S || r, children: [
+        r && /* @__PURE__ */ e(Z, { className: "mr-2 h-4 w-4 animate-spin" }),
+        r ? "Saving..." : "Save"
+      ] })
+    ] })
+  ] }) });
+}
+function Wt() {
+  const [a, i] = x(!1), [n, t] = x(!1), [r, c] = x(null), o = ne((C) => C.frame), m = ne((C) => C.card), d = na(), f = N((C) => C.selectedSheetId), p = N(
+    (C) => C.actions.setIsDashboardPanelOpen
+  ), { getUpdatedFrame: l } = vs(), { selectVisual: u } = Ke(), { addFrame: y, setSelectedFrameId: v, setIsVisualEditing: S } = Re(), P = !!(o != null && o.visualId), L = (d == null ? void 0 : d.title) || (m == null ? void 0 : m.title) || "Untitled Visual", w = ra((C) => {
+    if (C != null && C.id) {
+      if (u(C), n && r && f) {
+        const V = {
+          ...r,
+          id: Ds(),
+          visualId: C.id
+          // Link to the newly created library visual
+        };
+        y(f, V, "end"), v(V.id), t(!1), c(null), S(!1);
+      }
+      p(!0), i(!1);
+    }
+  });
+  return {
+    saveAsDialogOpen: a,
+    setSaveAsDialogOpen: i,
+    handleSaveAs: async (C) => {
+      if (!f) {
+        A.error("No sheet selected");
+        return;
+      }
+      const V = l();
+      if (C.saveToLibrary) {
+        t(C.saveToCurrentDashboard), c(V);
+        const T = {
+          title: C.name,
+          description: C.description,
+          frameObject: V,
+          isPrivate: !1
+        };
+        w.mutate(T);
+      } else if (C.saveToCurrentDashboard) {
+        const T = {
+          ...V,
+          id: Ds(),
+          visualId: void 0,
+          // Explicitly no visualId for local visuals
+          cards: V.cards.map((M) => ({
+            ...M,
+            title: M.id === m.id ? C.name : M.title
+          }))
+        };
+        y(f, T, "end"), v(T.id), A.success("Visual saved to dashboard"), i(!1), S(!1);
+      }
+    },
+    isLibraryVisual: P,
+    currentVisualName: L,
+    isSaving: w.isPending
+  };
+}
+function Jt({
+  className: a
+}) {
+  const i = ne((w) => w.frame), n = ne((w) => w.card), t = ae((w) => w.selectedVisual), r = N((w) => w.selectedFrameId), c = N((w) => w.selectedSheetId), { setIsVisualEditing: o } = Re(), m = !!(i != null && i.visualId || t != null && t.id), d = !!(i != null && i.visualId && r), f = m && !d, {
+    saveAsDialogOpen: p,
+    setSaveAsDialogOpen: l,
+    handleSaveAs: u,
+    isLibraryVisual: y,
+    currentVisualName: v,
+    isSaving: S
+  } = Wt(), { handleAddLibraryVisual: P } = vs(), L = async () => {
+    if (!c) {
+      A.error("No dashboard sheet selected");
+      return;
+    }
+    if (!t) {
+      A.error("No visual selected");
+      return;
+    }
+    const w = await P(t);
+    w.success ? (A.success("Visual added to dashboard"), o(!1)) : A.error(w.error || "Failed to add visual to dashboard");
+  };
+  return /* @__PURE__ */ s(R, { children: [
+    !m && /* @__PURE__ */ e(lt, { className: a, variant: "default" }),
+    m && /* @__PURE__ */ s(R, { children: [
+      d && /* @__PURE__ */ e(ot, { className: a }),
+      f && c && n && (n.sql || ia(n.config)) && /* @__PURE__ */ s(
+        I,
+        {
+          onClick: L,
+          className: G(a),
+          size: "sm",
+          variant: "outline",
+          children: [
+            /* @__PURE__ */ e(gt, { className: "mr-2 size-4 font-bold" }),
+            "Add to Dashboard"
+          ]
+        }
+      ),
+      f && /* @__PURE__ */ e(ct, { className: a, variant: "default" }),
+      d && /* @__PURE__ */ e(dt, { className: a }),
+      /* @__PURE__ */ s(ye, { modal: !1, children: [
+        /* @__PURE__ */ e(we, { asChild: !0, children: /* @__PURE__ */ e(
+          I,
+          {
+            variant: "outline",
+            size: "sm",
+            className: G(a, "w-8 p-0"),
+            children: /* @__PURE__ */ e(Cs, { className: "h-4 w-4" })
+          }
+        ) }),
+        /* @__PURE__ */ e(De, { align: "end", children: /* @__PURE__ */ s(
+          Q,
+          {
+            onClick: (w) => {
+              w.stopPropagation(), l(!0);
+            },
+            children: [
+              /* @__PURE__ */ e(qe, { className: "mr-2 h-4 w-4" }),
+              "Save As..."
+            ]
+          }
+        ) })
+      ] })
+    ] }),
+    !m && /* @__PURE__ */ s(ye, { modal: !1, children: [
+      /* @__PURE__ */ e(we, { asChild: !0, children: /* @__PURE__ */ e(
+        I,
+        {
+          variant: "outline",
+          size: "sm",
+          className: G(a, "w-8 p-0"),
+          children: /* @__PURE__ */ e(Cs, { className: "h-4 w-4" })
+        }
+      ) }),
+      /* @__PURE__ */ e(De, { align: "end", children: /* @__PURE__ */ s(Q, { onClick: () => l(!0), children: [
+        /* @__PURE__ */ e(qe, { className: "mr-2 h-4 w-4" }),
+        "Save As..."
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e(ht, { className: a }),
+    /* @__PURE__ */ e(
+      Kt,
+      {
+        open: p,
+        onOpenChange: (w) => {
+          S || l(w);
+        },
+        isLibraryVisual: y,
+        currentVisualName: v,
+        isSaving: S,
+        onConfirm: u
+      }
+    )
+  ] });
+}
+function Xt({
+  className: a,
+  //labelClassName,
+  switchClassName: i
+}) {
+  const n = ne((m) => m.isDevMode), t = N((m) => m.isVisualEditing), { setIsDevMode: r } = As(), { config: c } = it(la).tokenProps, o = (c == null ? void 0 : c.showAdvancedMode) !== !1;
+  return !t || !o ? null : /* @__PURE__ */ s("div", { className: G("flex items-center space-x-2", a), children: [
+    /* @__PURE__ */ e(
+      oa,
+      {
+        className: G("", i),
+        checked: n,
+        onCheckedChange: () => r(!n),
+        id: "advanced-mode",
+        icon: /* @__PURE__ */ e(ca, { className: "h-4 w-4" }),
+        tooltip: "Advanced Mode"
+      }
+    ),
+    /* @__PURE__ */ e("label", { htmlFor: "advanced-mode", className: "sr-only", children: "Advanced Mode" })
+  ] });
+}
+function Zt() {
+  var Ve, g, q;
+  const {
+    authToken: a,
+    tokenProps: i,
+    id: n
+  } = re(), { isLocalDev: t, isConsoleMode: r } = Ts(), { permissions: c } = gs(), o = da(), { isLoading: m } = ha();
+  N((h) => h.theme);
+  const d = N((h) => h.lenses), f = N((h) => h.selectedLensId), p = d == null ? void 0 : d.find((h) => h.id === f), l = N((h) => h.dashboard);
+  N((h) => h.selectedSheetId);
+  const u = N(
+    (h) => h.isDashboardEditing
+  ), { setDashboardTitle: y } = N((h) => h.actions), [v, S] = x(!1), [P, L] = x(!1), [w, O] = x(!1), C = N((h) => h.isDashboardPanelOpen), V = N(
+    (h) => h.actions.setIsDashboardPanelOpen
+  ), T = N((h) => h.filterValues), M = N((h) => h.isVisualEditing), k = ne((h) => h.card), E = ae(
+    (h) => h.selectedDashboard
+  ), Y = ae(
+    (h) => h.initialDashboard
+  ), j = ae((h) => h.selectedVisual);
+  N((h) => h.selectedFrameId), ne((h) => h.frame);
+  const ee = E ? (g = E == null ? void 0 : E.permissions) == null ? void 0 : g.canEdit : (Ve = Y == null ? void 0 : Y.permissions) == null ? void 0 : Ve.canEdit, D = N((h) => h.showFilters), U = N(
+    (h) => h.showDashboardJSON
+  ), z = N((h) => h.onSaveFunction), K = N(
+    (h) => h.actions.setShowFilters
+  ), { setIsDashboardEditing: ie, setShowDashboardJSON: se } = N(
+    (h) => h.actions
+  ), { setInitialDashboard: W, clearSelectedDashboard: Te } = ae(
+    (h) => h.actions
+  ), { resources: H } = ua(Ue.DASHBOARD), { currentUser: ue } = Ae(), me = ma(ue), J = E || Y, ve = J ? {
+    id: J.id,
+    title: (l == null ? void 0 : l.title) || J.title || "Dashboard"
+  } : null, { handleAddNewFrame: Oe } = pa(), [pe, fe] = x(!1), b = fa(Ue.DASHBOARD), B = async (h, _) => {
+    if (!(l != null && l.id)) {
+      console.log("No dashboard ID found");
+      return;
+    }
+    console.log("Updating dashboard title:", {
+      dashboardId: l.id,
+      newTitle: h,
+      previousTitle: _
+    }), b.mutate(
+      {
+        resourceId: l.id,
+        data: { title: h }
+      },
+      {
+        onSuccess: () => {
+          console.log("Dashboard title updated successfully"), A.success("Dashboard title updated");
+        },
+        onError: (ce) => {
+          console.error("Failed to update dashboard title:", ce), A.error("Failed to update dashboard title"), y(_);
+        }
+      }
+    );
+  };
+  Me(() => {
+    if (H && H.length > 0) {
+      const h = l == null ? void 0 : l.id;
+      if (h) {
+        const _ = H.find(
+          (ce) => ce.id === h
+        );
+        _ && W(_);
+      }
+    }
+  }, [H, l == null ? void 0 : l.id, W]);
+  const F = i.orgUserId || i.tenantId, oe = u && !M && F && ee, Ne = () => {
+    ie(!0);
+  };
+  async function ge() {
+    const h = as(
+      l
+    );
+    fe(!0);
+    const _ = {
+      template: h
+    };
+    b.mutate(
+      {
+        resourceId: h.id,
+        data: _
+      },
+      {
+        onSuccess: () => {
+          fe(!1), A.success("Dashboard saved!");
+        },
+        onError: () => {
+          fe(!1), A.error("Failed to save dashboard");
+        }
+      }
+    );
+  }
+  async function xe() {
+    if (S(!0), !f || !p) return;
+    const h = as(
+      l
+    ), _ = JSON.stringify(h), ce = {
+      ...p,
+      template: _,
+      filterValues: T
+    };
+    await ts(
+      i.apiServiceUrl,
+      ce,
+      a == null ? void 0 : a.accessToken
+    ), A.success("Lens saved"), z == null || z(h), S(!1);
+  }
+  const $ = (p == null ? void 0 : p.name) || l.title;
+  b.isPending && console.log("Title during update:", {
+    title: $,
+    dashboardStateTitle: l.title,
+    dashboardId: l == null ? void 0 : l.id,
+    currentLensName: p == null ? void 0 : p.name
+  });
+  const We = H && H.length > 0 && (i.orgUserId || i.tenantId && i.endUserId && i.endUserEmail), Je = E && !(i != null && i.dashboard_id) && !n;
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: "flex h-11 items-center justify-between gap-2 border-b px-4 py-2",
+      role: "dashboard-controls",
+      children: [
+        /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+          We && /* @__PURE__ */ s(R, { children: [
+            /* @__PURE__ */ e(
+              de,
+              {
+                "aria-label": "Manage Dashboards",
+                tooltip: "Manage Dashboards",
+                onClick: () => {
+                  V(!C);
+                },
+                className: "h-7 p-2",
+                children: /* @__PURE__ */ e(Nt, { className: "h-4 w-4" })
+              }
+            ),
+            Je && !M && /* @__PURE__ */ e(
+              de,
+              {
+                "aria-label": "Dashboard Hub",
+                tooltip: "Dashboard Hub",
+                onClick: () => Te(),
+                className: "h-7 p-2",
+                children: /* @__PURE__ */ e(Ms, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          !M && o && (m ? /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(Z, { className: "h-3 w-3 animate-spin text-muted-foreground" }),
+            /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "Loading..." })
+          ] }) : /* @__PURE__ */ e(
+            ga,
+            {
+              value: $ || "Untitled Dashboard",
+              onSave: (h) => {
+                console.log("EditableText onSave called:", {
+                  newTitle: h,
+                  canEditDashboard: ee,
+                  dashboardId: l == null ? void 0 : l.id
+                });
+                const _ = (l == null ? void 0 : l.title) || "";
+                y(h), B(h, _);
+              },
+              isEditable: ee && !p,
+              displayClassName: "text-sm font-medium",
+              inputClassName: "text-sm font-medium",
+              placeholder: "Dashboard Title",
+              isPending: b.isPending
+            }
+          )),
+          M && /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(X, { className: "text-sm font-medium", children: (j == null ? void 0 : j.title) || (k == null ? void 0 : k.title) || "Untitled Visual" }),
+            /* @__PURE__ */ e(At, {})
+          ] })
+        ] }),
+        /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+          M && /* @__PURE__ */ s(R, { children: [
+            /* @__PURE__ */ e(Xt, { className: "mr-2" }),
+            /* @__PURE__ */ e(Jt, { className: "h-7" })
+          ] }),
+          t && !M && /* @__PURE__ */ e(
+            de,
+            {
+              tooltip: "Invalidate Token",
+              onClick: () => ba(i.apiServiceUrl),
+              className: "h-7 p-2",
+              children: /* @__PURE__ */ e(wt, { className: "h-4 w-4" })
+            }
+          ),
+          !M && o && /* @__PURE__ */ e(Ft, {}),
+          !M && o && /* @__PURE__ */ e(Lt, {}),
+          !M && o && me && /* @__PURE__ */ e(
+            de,
+            {
+              tooltip: "Manage Groups",
+              onClick: () => O(!0),
+              className: "h-7 p-2",
+              children: /* @__PURE__ */ e(te, { className: "h-4 w-4" })
+            }
+          ),
+          !M && o && ((q = J == null ? void 0 : J.permissions) == null ? void 0 : q.canShare) && /* @__PURE__ */ e(
+            de,
+            {
+              tooltip: "Share Dashboard",
+              onClick: () => L(!0),
+              className: "h-7 p-2",
+              children: /* @__PURE__ */ e(va, { className: "h-4 w-4" })
+            }
+          ),
+          !D && !M && u && c.canUseFilters && o && /* @__PURE__ */ e(
+            I,
+            {
+              className: "h-7 p-2",
+              variant: "outline",
+              onClick: () => K(!0),
+              size: "sm",
+              children: /* @__PURE__ */ e(Na, { className: "h-4 w-4" })
+            }
+          ),
+          u && !M && F && t && o && /* @__PURE__ */ e(Et, {}),
+          !M && F && t && o && /* @__PURE__ */ e(kt, {}),
+          u && !M && F && p && t && o && /* @__PURE__ */ s(
+            I,
+            {
+              className: "h-7 p-2",
+              variant: "secondary",
+              disabled: v,
+              onClick: xe,
+              size: "sm",
+              children: [
+                /* @__PURE__ */ e(qe, { className: "mr-2 h-4 w-4" }),
+                "Save Lens"
+              ]
+            }
+          ),
+          u && !M && o && /* @__PURE__ */ s(
+            I,
+            {
+              variant: "outline",
+              className: "h-7 p-2",
+              size: "sm",
+              disabled: !u,
+              onClick: () => Oe(),
+              children: [
+                /* @__PURE__ */ e(le, { className: "mr-2 h-4 w-4" }),
+                "Visual"
+              ]
+            }
+          ),
+          !M && !u && c.canEdit && o && /* @__PURE__ */ s(
+            I,
+            {
+              variant: "outline",
+              className: "h-7 p-2",
+              onClick: Ne,
+              size: "sm",
+              children: [
+                /* @__PURE__ */ e(xa, { className: "mr-2 h-4 w-4" }),
+                "Edit"
+              ]
+            }
+          ),
+          oe && o && /* @__PURE__ */ s(
+            I,
+            {
+              className: "h-7 p-2",
+              disabled: pe,
+              onClick: ge,
+              size: "sm",
+              children: [
+                pe ? /* @__PURE__ */ e(Z, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ e(qe, { className: "mr-2 h-4 w-4" }),
+                pe ? "Saving..." : "Save"
+              ]
+            }
+          ),
+          !M && u && t && o && /* @__PURE__ */ e("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ e(
+            I,
+            {
+              className: "h-7 p-2",
+              onClick: () => se(!U),
+              size: "sm",
+              variant: "ghost",
+              children: /* @__PURE__ */ e(ya, { className: "h-4 w-4" })
+            }
+          ) }),
+          !M && t && /* @__PURE__ */ e(Ct, {}),
+          u && !M && o && /* @__PURE__ */ s(
+            I,
+            {
+              variant: "outline",
+              className: "h-7 p-2",
+              onClick: () => {
+                ie(!1), se(!1);
+              },
+              children: [
+                /* @__PURE__ */ e(rs, { className: "mr-2 h-4 w-4" }),
+                "Close"
+              ]
+            }
+          ),
+          P && ve && /* @__PURE__ */ e(
+            bs,
+            {
+              resource: ve,
+              resourceType: Ue.DASHBOARD,
+              onClose: () => L(!1)
+            }
+          ),
+          /* @__PURE__ */ e(
+            Ht,
+            {
+              open: w,
+              onOpenChange: O
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function Yt() {
+  ut();
+  const a = N((d) => d.selectedSheetId), i = N((d) => d.selectedFrameId), n = N((d) => d.dashboard), t = N((d) => d.actions.getSelectedFrame), { setSelectedFrameId: r } = Re(), { setCard: c } = As(), o = ne((d) => d.card.dataSource);
+  return Me(() => {
+    var f, p;
+    let d = t();
+    if (!d) {
+      const l = (f = n == null ? void 0 : n.sheets) == null ? void 0 : f.find((y) => y.id === a), u = (p = l == null ? void 0 : l.frames) == null ? void 0 : p[0];
+      u && (r(u.id), d = u);
+    }
+    if (d) {
+      const l = d.cards.find((u) => u.id === d.activeCardId);
+      l && c(l);
+    }
+  }, [t, a, i, n, r, c]), {
+    hasEntities: !!(o != null && o.selectedEntities && o.selectedEntities.length > 0)
+  };
+}
+function en() {
+  const a = N(
+    (n) => n.actions.setShowFilters
+  ), { hasEntities: i } = Yt();
+  return /* @__PURE__ */ s("section", { className: "relative flex min-w-[320px] grow flex-col border-l", children: [
+    /* @__PURE__ */ s("div", { className: "mt-4 flex items-center justify-between gap-2 px-4", children: [
+      /* @__PURE__ */ e(X, { className: "px-2 text-base", children: "Dashboard Filters" }),
+      /* @__PURE__ */ e(
+        I,
+        {
+          onClick: () => a(!1),
+          className: "h-7 w-7 p-0",
+          variant: "ghost",
+          children: /* @__PURE__ */ e(rs, {})
+        }
+      )
+    ] }),
+    !i && /* @__PURE__ */ s("div", { className: "flex h-full flex-col items-center justify-center px-6 py-12 text-center", children: [
+      /* @__PURE__ */ e(wa, { className: "mb-4 h-12 w-12 text-muted-foreground/50" }),
+      /* @__PURE__ */ e("h3", { className: "mb-2 text-sm font-medium text-foreground", children: "No fields configured" }),
+      /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: "Please configure a data source for this card to enable filtering" })
+    ] }),
+    i && /* @__PURE__ */ e("div", { className: "flex grow", children: /* @__PURE__ */ e(Da, { collisionDetection: Ca, children: /* @__PURE__ */ e(Sa, { items: [], strategy: Pa, children: /* @__PURE__ */ e(mt, { context: "filter" }) }) }) })
+  ] });
+}
+function sn() {
+  const a = N((t) => t.dashboard.filters), i = N((t) => t.theme), n = a == null ? void 0 : a.filter((t) => t.hide);
+  return n != null && n.length ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: G("mb-1 flex items-center gap-2 border-y px-0.5 pb-0.5", {
+        "bg-[repeating-linear-gradient(45deg,_#ffffff_0_3px,_#f3f3f3_3px_6px)]": i === "light",
+        "bg-[repeating-linear-gradient(45deg,_#18171d_0_3px,_#272729_3px_6px)]": i === "dark"
+      }),
+      children: n == null ? void 0 : n.map((t) => /* @__PURE__ */ s(
+        "div",
+        {
+          className: "flex min-w-[250px] max-w-fit flex-col gap-1 p-2",
+          children: [
+            /* @__PURE__ */ e(Ia, { filter: t }),
+            /* @__PURE__ */ e(Ma, { filter: t })
+          ]
+        },
+        t.id
+      ))
+    }
+  ) : null;
+}
+function an() {
+  const a = N((t) => t.showFilters), i = N((t) => t.isVisualEditing), n = N(
+    (t) => t.isDashboardEditing
+  );
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      role: "dashboard-plus-main",
+      className: G("", {
+        "max-h-0 overflow-hidden": i,
+        "flex grow overflow-auto": !i
+        // can't do h-full because parent container has dashboard controls (10px height)
+        //**overflow-auto** is needed to prevent the tabs from overflowing the container - important for chatbox
+      }),
+      children: [
+        /* @__PURE__ */ s("section", { className: "flex grow flex-col", children: [
+          n && /* @__PURE__ */ e(sn, {}),
+          /* @__PURE__ */ e(Ea, {})
+        ] }),
+        a && /* @__PURE__ */ e("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e(en, {}) })
+      ]
+    }
+  );
+}
+function js() {
+  return /* @__PURE__ */ e(Ie, { className: "w-full flex-1", children: /* @__PURE__ */ s("div", { className: "space-y-4 px-4 py-2", children: [
+    /* @__PURE__ */ e("div", { className: "h-9 w-full rounded bg-muted animate-pulse" }),
+    /* @__PURE__ */ e("div", { className: "h-9 w-full rounded bg-muted animate-pulse" }),
+    /* @__PURE__ */ e("div", { className: "space-y-3 pt-2", children: [...Array(3)].map((a, i) => /* @__PURE__ */ s("div", { className: "flex gap-3 animate-pulse", children: [
+      /* @__PURE__ */ e("div", { className: "h-8 w-8 rounded bg-muted flex-shrink-0" }),
+      /* @__PURE__ */ s("div", { className: "flex-1 space-y-1.5", children: [
+        /* @__PURE__ */ e("div", { className: "h-4 w-2/3 rounded bg-muted" }),
+        /* @__PURE__ */ e("div", { className: "h-3 w-4/5 rounded bg-muted" })
+      ] })
+    ] }, i)) })
+  ] }) });
+}
+const tn = (a) => {
+  const i = N((r) => r.isVisualEditing), n = N((r) => r.selectedFrameId), t = ne((r) => r.frame);
+  return !!(i && n && (t == null ? void 0 : t.visualId) === a);
+};
+function nn({
+  visual: a,
+  isDeleting: i,
+  isDuplicating: n,
+  onAddVisual: t,
+  onOpenVisual: r,
+  onEditDetails: c,
+  onDeleteClick: o,
+  onDuplicateVisual: m,
+  // onTogglePrivacy,
+  onShareVisual: d,
+  formatDate: f
+}) {
+  var V, T, M, k;
+  const { selectVisual: p } = Ke(), l = ka(a.id), u = tn(a.id), { isConsoleMode: y } = Ts(), v = Gs.useRef(null), [S, P] = x(!1), [L, w] = x(!1);
+  Me(() => {
+    n ? (P(!0), w(!0)) : L && (P(!1), w(!1));
+  }, [n, L]), Me(() => {
+    u && v.current && v.current.scrollIntoView({
+      behavior: "smooth",
+      block: "center"
+    });
+  }, [u]);
+  const O = () => /* @__PURE__ */ e(Us, { className: "h-4 w-4" }), C = () => {
+    p(a), r == null || r(a);
+  };
+  return /* @__PURE__ */ e(
+    Os,
+    {
+      ref: v,
+      className: G(
+        "group cursor-pointer border border-border/50 p-3 transition-colors hover:bg-accent/50",
+        u ? "border-purple-500" : l && "border-primary"
+      ),
+      onClick: C,
+      children: /* @__PURE__ */ s("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ e("div", { className: "mt-0.5 rounded bg-muted p-1.5", children: O() }),
+        /* @__PURE__ */ s("div", { className: "min-w-0 flex-1 flex flex-col", children: [
+          /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(
+              "p",
+              {
+                className: "text-sm font-medium text-foreground truncate",
+                title: a.title || "Untitled Visual",
+                children: a.title || "Untitled Visual"
+              }
+            ),
+            a.ownership.status === "shared" && /* @__PURE__ */ s(Vs, { variant: "outline", className: "text-xs", children: [
+              /* @__PURE__ */ e(te, { className: "mr-1 h-2.5 w-2.5" }),
+              "Shared"
+            ] })
+          ] }),
+          /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ e(
+              "p",
+              {
+                className: "text-xs text-muted-foreground line-clamp-2 flex-1",
+                title: a.description || "No description",
+                children: (V = a.description) != null && V.trim() ? a.description : "No description"
+              }
+            ),
+            /* @__PURE__ */ s(
+              "div",
+              {
+                className: G(
+                  "invisible flex flex-shrink-0 items-center gap-1 transition-opacity duration-150 group-hover:visible",
+                  l && "visible"
+                ),
+                onClick: (E) => E.stopPropagation(),
+                children: [
+                  /* @__PURE__ */ e(
+                    I,
+                    {
+                      size: "sm",
+                      variant: "ghost",
+                      className: "h-6 w-6 p-0",
+                      onClick: (E) => {
+                        E.stopPropagation(), t(a);
+                      },
+                      title: "Add to dashboard",
+                      children: /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5" })
+                    }
+                  ),
+                  a.ownership.isOwner && /* @__PURE__ */ e(
+                    I,
+                    {
+                      size: "sm",
+                      variant: "ghost",
+                      className: "h-6 w-6 p-0",
+                      onClick: (E) => {
+                        E.stopPropagation(), c == null || c(a);
+                      },
+                      title: "Edit details",
+                      children: /* @__PURE__ */ e(Ss, { className: "h-3 w-3" })
+                    }
+                  ),
+                  /* @__PURE__ */ s(
+                    ye,
+                    {
+                      modal: !1,
+                      open: S,
+                      onOpenChange: P,
+                      children: [
+                        /* @__PURE__ */ e(we, { asChild: !0, children: /* @__PURE__ */ e(I, { size: "sm", variant: "ghost", className: "h-6 w-6 p-0", children: /* @__PURE__ */ e(Fa, { className: "h-3 w-3" }) }) }),
+                        /* @__PURE__ */ s(De, { align: "end", className: "z-[51] w-40", children: [
+                          /* @__PURE__ */ s(
+                            Q,
+                            {
+                              onClick: (E) => {
+                                E.stopPropagation(), t(a);
+                              },
+                              children: [
+                                /* @__PURE__ */ e(le, { className: "mr-2 h-3 w-3" }),
+                                "Add"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ s(
+                            Q,
+                            {
+                              onClick: (E) => {
+                                E.stopPropagation(), r == null || r(a);
+                              },
+                              children: [
+                                /* @__PURE__ */ e(bt, { className: "mr-2 h-3 w-3" }),
+                                "Open"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ s(
+                            Q,
+                            {
+                              onClick: (E) => {
+                                E.preventDefault(), E.stopPropagation(), m(a.id);
+                              },
+                              disabled: n,
+                              children: [
+                                n ? /* @__PURE__ */ e(Z, { className: "mr-2 h-3 w-3 animate-spin" }) : /* @__PURE__ */ e(La, { className: "mr-2 h-3 w-3" }),
+                                n ? "Duplicating..." : "Duplicate"
+                              ]
+                            }
+                          ),
+                          a.ownership.isOwner && /* @__PURE__ */ s(R, { children: [
+                            /* @__PURE__ */ s(
+                              Q,
+                              {
+                                onClick: (E) => {
+                                  E.stopPropagation(), c == null || c(a);
+                                },
+                                children: [
+                                  /* @__PURE__ */ e(Ss, { className: "mr-2 h-3 w-3" }),
+                                  "Edit details"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ s(
+                              Q,
+                              {
+                                onClick: (E) => {
+                                  E.stopPropagation(), d(a);
+                                },
+                                children: [
+                                  /* @__PURE__ */ e(te, { className: "mr-2 h-3 w-3" }),
+                                  "Share"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ e(Ze, {}),
+                            /* @__PURE__ */ s(
+                              Q,
+                              {
+                                onClick: (E) => {
+                                  E.stopPropagation(), o(a);
+                                },
+                                className: "text-destructive",
+                                disabled: i,
+                                children: [
+                                  /* @__PURE__ */ e(je, { className: "mr-2 h-3 w-3" }),
+                                  i ? "Deleting..." : "Delete"
+                                ]
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ e(Ze, {}),
+                          /* @__PURE__ */ s("div", { className: "space-y-1 px-2 py-2 text-xs text-slate-500 dark:text-slate-400", children: [
+                            (((T = a.ownership.createdBy) == null ? void 0 : T.type) === "tenant" || ((M = a.ownership.createdBy) == null ? void 0 : M.type) === "organization" && y) && /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
+                              /* @__PURE__ */ e(Aa, { className: "h-3 w-3" }),
+                              /* @__PURE__ */ e("span", { children: ((k = a.ownership.createdBy) == null ? void 0 : k.name) || "Unknown" })
+                            ] }),
+                            /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
+                              /* @__PURE__ */ e(Ta, { className: "h-3 w-3" }),
+                              /* @__PURE__ */ e("span", { children: f(a.lastModified) })
+                            ] })
+                          ] })
+                        ] })
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] })
+    },
+    a.id
+  );
+}
+function rn({
+  open: a,
+  onOpenChange: i,
+  onSubmit: n,
+  isCreating: t
+}) {
+  const [r, c] = x(""), [o, m] = x("");
+  Me(() => {
+    a || (c(""), m(""));
+  }, [a]);
+  const d = () => {
+    r.trim() && n({ title: r, description: o });
+  }, f = (p) => {
+    i(p);
+  };
+  return /* @__PURE__ */ e(Ee, { open: a, onOpenChange: f, children: /* @__PURE__ */ s(ke, { children: [
+    /* @__PURE__ */ s(Fe, { children: [
+      /* @__PURE__ */ e(Le, { children: "Create New Visual" }),
+      /* @__PURE__ */ e(Ge, { children: "Add a new visual to your library. You can configure it after creation." })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "space-y-4 py-4", children: [
+      /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(X, { htmlFor: "title", children: "Visual Title" }),
+        /* @__PURE__ */ e(
+          ze,
+          {
+            id: "title",
+            placeholder: "Enter visual title...",
+            value: r,
+            onChange: (p) => c(p.target.value),
+            disabled: t,
+            onKeyDown: (p) => {
+              p.key === "Enter" && !p.shiftKey && (p.preventDefault(), d());
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(X, { htmlFor: "description", children: "Description (optional)" }),
+        /* @__PURE__ */ e(
+          ze,
+          {
+            id: "description",
+            placeholder: "Enter visual description...",
+            value: o,
+            onChange: (p) => m(p.target.value),
+            disabled: t
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ s(Qe, { children: [
+      /* @__PURE__ */ e(
+        I,
+        {
+          variant: "outline",
+          onClick: () => f(!1),
+          disabled: t,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ e(
+        I,
+        {
+          onClick: d,
+          disabled: !r.trim() || t,
+          children: t ? /* @__PURE__ */ s(R, { children: [
+            /* @__PURE__ */ e(Z, { className: "mr-2 h-4 w-4 animate-spin" }),
+            "Creating..."
+          ] }) : "Create Visual"
+        }
+      )
+    ] })
+  ] }) });
+}
+function ln() {
+  const [a, i] = x(""), [n, t] = x(!1), [r, c] = x(!1), [o, m] = x(
+    null
+  ), [d, f] = x(!1), [p, l] = x(null), [u, y] = x(null), [v, S] = x(
+    null
+  ), { selectVisual: P } = Ke(), { handleEditLibraryVisual: L, handleAddLibraryVisual: w } = vs(), {
+    resources: O,
+    isLoading: C,
+    isError: V,
+    createResource: T,
+    updateResource: M,
+    deleteResource: k,
+    duplicateResource: E,
+    isCreating: Y,
+    isDeleting: j
+  } = Oa(
+    () => {
+      f(!1), l(null);
+    },
+    (b) => {
+      t(!1), b && (P(b), L(b));
+    }
+  );
+  Ae();
+  const ee = O.filter(
+    (b) => {
+      var B, F;
+      return ((B = b == null ? void 0 : b.title) == null ? void 0 : B.toLowerCase().includes(a.toLowerCase())) || ((F = b == null ? void 0 : b.description) == null ? void 0 : F.toLowerCase().includes(a.toLowerCase()));
+    }
+  ), D = (b) => new Date(b).toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }), U = (b) => {
+    T({
+      title: b.title,
+      description: b.description,
+      isPrivate: !1
+    });
+  }, z = (b) => {
+    l(b), f(!0);
+  }, K = () => {
+    p && k(p.id);
+  }, {
+    startUpdating: ie,
+    stopUpdating: se,
+    isUpdating: W
+  } = zs(), Te = (b, B, F) => {
+    var xe;
+    const oe = Object.fromEntries(
+      Object.entries(B).filter(([, $]) => $ !== void 0)
+    );
+    if (Object.keys(oe).length === 0) {
+      (xe = F == null ? void 0 : F.onSuccess) == null || xe.call(F);
+      return;
+    }
+    const Ne = Object.keys(oe), ge = Ne.length === 1 ? Ne[0] : void 0;
+    ie(b, ge), M(
+      {
+        resourceId: b,
+        data: oe
+      },
+      {
+        onSuccess: () => {
+          var $;
+          se(b, ge), ($ = F == null ? void 0 : F.onSuccess) == null || $.call(F);
+        },
+        onError: () => {
+          var $;
+          se(b, ge), ($ = F == null ? void 0 : F.onError) == null || $.call(F);
+        }
+      }
+    );
+  }, H = (b) => {
+    y(b), E(b, {
+      onSettled: () => y(null)
+    });
+  }, ue = (b) => {
+    L(b);
+  }, me = (b) => {
+    w(b);
+  }, J = (b) => {
+    const B = O.find((F) => F.id === b);
+    B && M({
+      resourceId: b,
+      data: {
+        isPrivate: !B.isPrivate
+      }
+    });
+  }, ve = (b) => {
+    m(b), c(!0);
+  }, Oe = (b) => {
+    S(b);
+  }, pe = () => {
+    S(null);
+  }, fe = ({
+    title: b,
+    description: B
+  }) => {
+    if (!v)
+      return;
+    const F = {};
+    b !== v.title && (F.title = b), (v.description || "") !== B && (F.description = B), Te(v.id, F, {
+      onSuccess: () => {
+        S(null);
+      }
+    });
+  };
+  return C ? /* @__PURE__ */ e(js, {}) : V ? /* @__PURE__ */ e(Ie, { className: "w-full flex-1 pr-2", children: /* @__PURE__ */ s("div", { className: "py-8 text-center text-muted-foreground", children: [
+    /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: "Failed to load visuals" }),
+    /* @__PURE__ */ e(
+      I,
+      {
+        variant: "outline",
+        size: "sm",
+        className: "mt-2",
+        onClick: () => window.location.reload(),
+        children: "Retry"
+      }
+    )
+  ] }) }) : /* @__PURE__ */ s("div", { className: "relative flex h-full flex-1 flex-col gap-4", children: [
+    O && O.length > 5 && /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(
+      ze,
+      {
+        id: "search",
+        placeholder: "Search by title or description...",
+        value: a,
+        onChange: (b) => i(b.target.value),
+        className: "h-9"
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e("div", { className: "flex flex-1 basis-0 flex-col gap-3 overflow-y-auto", children: ee.length === 0 ? /* @__PURE__ */ s("div", { className: "py-8 text-center", children: [
+      /* @__PURE__ */ e("div", { className: "mb-3", children: /* @__PURE__ */ e(Us, { className: "mx-auto h-12 w-12 text-muted-foreground/50" }) }),
+      /* @__PURE__ */ e("h3", { className: "mb-1 font-medium text-foreground", children: a ? "No visuals found" : "No visuals yet" }),
+      /* @__PURE__ */ e("p", { className: "mb-4 text-sm text-muted-foreground", children: a ? "Try adjusting your search" : "Create your first visual component to get started" }),
+      !a && /* @__PURE__ */ s(
+        I,
+        {
+          size: "sm",
+          className: "bg-primary hover:bg-primary/90",
+          onClick: () => t(!0),
+          children: [
+            /* @__PURE__ */ e(le, { className: "mr-2 h-4 w-4" }),
+            "Create Visual"
+          ]
+        }
+      )
+    ] }) : ee.map((b) => /* @__PURE__ */ e(
+      nn,
+      {
+        visual: b,
+        onAddVisual: me,
+        onOpenVisual: ue,
+        onEditDetails: Oe,
+        onDeleteClick: z,
+        onDuplicateVisual: H,
+        onTogglePrivacy: J,
+        onShareVisual: ve,
+        isDeleting: j,
+        isDuplicating: u === b.id,
+        formatDate: D
+      },
+      b.id
+    )) }) }),
+    r && o && /* @__PURE__ */ e(
+      bs,
+      {
+        resource: o,
+        resourceType: Ue.VISUAL,
+        onClose: () => {
+          c(!1), m(null);
+        }
+      }
+    ),
+    v && /* @__PURE__ */ e(
+      Rs,
+      {
+        open: !!v,
+        resourceLabel: "Visual",
+        initialTitle: v.title || "",
+        initialDescription: v.description || "",
+        onClose: pe,
+        onSave: fe,
+        isSaving: W(v.id)
+      }
+    ),
+    /* @__PURE__ */ e(
+      os,
+      {
+        open: d,
+        onOpenChange: (b) => {
+          !b && j || (f(b), b || l(null));
+        },
+        children: /* @__PURE__ */ s(cs, { children: [
+          /* @__PURE__ */ s(ds, { children: [
+            /* @__PURE__ */ e(hs, { children: "Delete Visual" }),
+            /* @__PURE__ */ s(us, { children: [
+              'Are you sure you want to delete "',
+              p == null ? void 0 : p.title,
+              '"? This action cannot be undone.'
+            ] })
+          ] }),
+          /* @__PURE__ */ s(ms, { children: [
+            /* @__PURE__ */ e(ps, { disabled: j, children: "Cancel" }),
+            /* @__PURE__ */ s(
+              fs,
+              {
+                onClick: (b) => {
+                  b.preventDefault(), b.stopPropagation(), K();
+                },
+                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                disabled: j,
+                children: [
+                  j ? /* @__PURE__ */ e(Z, { className: "mr-2 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(je, { className: "mr-2 h-3.5 w-3.5" }),
+                  j ? "Deleting..." : "Delete"
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(
+      rn,
+      {
+        open: n,
+        onOpenChange: t,
+        onSubmit: U,
+        isCreating: Y
+      }
+    ),
+    /* @__PURE__ */ e(
+      I,
+      {
+        size: "icon",
+        className: "absolute bottom-2 left-2 h-11 w-11 rounded-full shadow-lg shadow-black/15",
+        onClick: () => t(!0),
+        "aria-label": "Create visual",
+        children: /* @__PURE__ */ e(le, { className: "h-5 w-5" })
+      }
+    )
+  ] });
+}
+function on({
+  dashboard: a,
+  isDeleting: i,
+  isDuplicating: n,
+  onLoadDashboard: t,
+  onEditDetails: r,
+  onDeleteClick: c,
+  onDuplicateDashboard: o,
+  onShareDashboard: m,
+  formatDate: d,
+  onDashboardItemClick: f
+}) {
+  var w, O;
+  const { selectDashboard: p } = Ke(), l = Va(a.id), { userContext: u, isLoading: y } = Ae(), v = ((w = u == null ? void 0 : u.permissions) == null ? void 0 : w.canEdit) ?? !1, S = y || !v, P = () => /* @__PURE__ */ e(za, { className: "h-4 w-4" }), L = () => {
+    p(a), t(a.id), f == null || f(a.id);
+  };
+  return /* @__PURE__ */ e(
+    Os,
+    {
+      className: G(
+        "group cursor-pointer border border-border/50 p-3 transition-colors hover:bg-accent/50",
+        l && "border-primary"
+      ),
+      onClick: L,
+      children: /* @__PURE__ */ s("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ e("div", { className: "mt-0.5 rounded bg-muted p-1.5", children: P() }),
+        /* @__PURE__ */ s("div", { className: "min-w-0 flex-1 flex flex-col", children: [
+          /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(
+              "p",
+              {
+                className: "text-sm font-medium text-foreground truncate",
+                title: a.title || "Untitled Dashboard",
+                children: a.title || "Untitled Dashboard"
+              }
+            ),
+            a.ownership.status === "shared" && /* @__PURE__ */ s(Vs, { variant: "outline", className: "text-xs", children: [
+              /* @__PURE__ */ e(te, { className: "mr-1 h-2.5 w-2.5" }),
+              "Shared"
+            ] })
+          ] }),
+          /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ e(
+              "p",
+              {
+                className: "text-xs text-muted-foreground line-clamp-2 flex-1",
+                title: a.description || "No description",
+                children: (O = a.description) != null && O.trim() ? a.description : "No description"
+              }
+            ),
+            /* @__PURE__ */ e(
+              Ua,
+              {
+                dashboard: a,
+                isDeleting: i,
+                isDuplicating: n,
+                shouldHideActions: S,
+                onEditDetails: r,
+                onDeleteClick: c,
+                onDuplicateDashboard: o,
+                onShareDashboard: m,
+                formatDate: d
+              }
+            )
+          ] })
+        ] })
+      ] })
+    },
+    a.id
+  );
+}
+function cn({ onRetry: a }) {
+  return /* @__PURE__ */ e(Ie, { className: "w-full flex-1 pr-2", children: /* @__PURE__ */ s("div", { className: "py-8 text-center text-muted-foreground", children: [
+    /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: "Failed to load dashboards" }),
+    /* @__PURE__ */ e(I, { variant: "outline", size: "sm", className: "mt-2", onClick: a, children: "Retry" })
+  ] }) });
+}
+function dn(a) {
+  var Ve;
+  const { onLoadDashboard: i, onEditDashboard: n, onDashboardItemClick: t } = a, [r, c] = x(""), [o, m] = x(!1), [d, f] = x(!1), [p, l] = x(
+    null
+  ), [u, y] = x(!1), [v, S] = x(null), [P, L] = x(null), [w, O] = x(null), C = ae(
+    (g) => g.lastSelectedDashboard
+  ), V = ae(
+    (g) => g.selectedDashboard
+  ), T = ae(
+    (g) => g.actions.selectDashboard
+  ), M = ae(
+    (g) => g.actions.clearSelectedDashboard
+  ), { tokenProps: k, id: E } = re();
+  gs();
+  const { onCreateSuccess: Y } = Ra({
+    onDashboardSelect: t
+  }), {
+    resources: j,
+    isLoading: ee,
+    isError: D,
+    createResource: U,
+    updateResource: z,
+    deleteResource: K,
+    duplicateResource: ie,
+    isCreating: se,
+    isDeleting: W,
+    refetch: Te
+  } = Ga(
+    () => {
+      y(!1);
+      const g = v == null ? void 0 : v.id;
+      S(null), (V == null ? void 0 : V.id) === g && (!(k != null && k.dashboard_id) && !E ? M() : C && C.id !== g && T(C));
+    },
+    (g) => {
+      m(!1), Y(g, Te);
+    }
+  ), { currentUser: H, userContext: ue } = Ae(), me = ((Ve = ue == null ? void 0 : ue.permissions) == null ? void 0 : Ve.canCreateDashboard) ?? !1, J = j.filter(
+    (g) => {
+      var q, h;
+      return ((q = g == null ? void 0 : g.title) == null ? void 0 : q.toLowerCase().includes(r.toLowerCase())) || ((h = g == null ? void 0 : g.description) == null ? void 0 : h.toLowerCase().includes(r.toLowerCase()));
+    }
+  ), ve = (g) => new Date(g).toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }), Oe = (g) => {
+    U({
+      title: g.title,
+      description: g.description,
+      isPrivate: !1
+    });
+  }, pe = (g) => {
+    i == null || i(g);
+  }, fe = (g) => {
+    S(g), y(!0);
+  }, b = () => {
+    v && K(v.id);
+  }, B = (g) => {
+    L(g), ie(g, {
+      onSettled: () => L(null)
+    });
+  }, {
+    startUpdating: F,
+    stopUpdating: oe,
+    isUpdating: Ne
+  } = zs(), ge = (g, q, h) => {
+    var xs;
+    const _ = Object.fromEntries(
+      Object.entries(q).filter(([, be]) => be !== void 0)
+    );
+    if (Object.keys(_).length === 0) {
+      (xs = h == null ? void 0 : h.onSuccess) == null || xs.call(h);
+      return;
+    }
+    const ce = Object.keys(_), Xe = ce.length === 1 ? ce[0] : void 0;
+    F(g, Xe), z(
+      {
+        resourceId: g,
+        data: _
+      },
+      {
+        onSuccess: () => {
+          var be;
+          oe(g, Xe), (be = h == null ? void 0 : h.onSuccess) == null || be.call(h);
+        },
+        onError: () => {
+          var be;
+          oe(g, Xe), (be = h == null ? void 0 : h.onError) == null || be.call(h);
+        }
+      }
+    );
+  }, xe = (g) => {
+    const q = j.find(
+      (h) => h.id === g
+    );
+    q && z({
+      resourceId: g,
+      data: {
+        isPrivate: !q.isPrivate
+      }
+    });
+  }, $ = (g) => {
+    l(g), H == null || H.type, f(!0);
+  }, Ns = (g) => {
+    n == null || n(g.id), O(g);
+  }, We = () => {
+    O(null);
+  }, Je = ({
+    title: g,
+    description: q
+  }) => {
+    if (!w)
+      return;
+    const h = {};
+    g !== w.title && (h.title = g), (w.description || "") !== q && (h.description = q), ge(w.id, h, {
+      onSuccess: () => {
+        O(null);
+      }
+    });
+  };
+  return ee ? /* @__PURE__ */ e(js, {}) : D ? /* @__PURE__ */ e(cn, { onRetry: () => window.location.reload() }) : /* @__PURE__ */ s("div", { className: "relative flex h-full flex-1 flex-col gap-4", children: [
+    j && j.length > 5 && /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(
+      ze,
+      {
+        id: "search",
+        placeholder: "Search by title or description...",
+        value: r,
+        onChange: (g) => c(g.target.value),
+        className: "h-9"
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e("div", { className: "flex flex-1 basis-0 flex-col gap-3 overflow-y-auto", children: J.length === 0 ? /* @__PURE__ */ s("div", { className: "py-8 text-center", children: [
+      /* @__PURE__ */ e("div", { className: "mb-3", children: /* @__PURE__ */ e(ja, { className: "mx-auto h-12 w-12 text-muted-foreground/50" }) }),
+      /* @__PURE__ */ e("h3", { className: "mb-1 font-medium text-foreground", children: r ? "No dashboards found" : "No dashboards yet" }),
+      /* @__PURE__ */ e("p", { className: "mb-4 text-sm text-muted-foreground", children: r ? "Try adjusting your search" : me ? "Create your first dashboard to get started" : "No dashboards have been shared with you yet" }),
+      me && !r && /* @__PURE__ */ s(
+        I,
+        {
+          size: "sm",
+          className: "bg-primary hover:bg-primary/90",
+          onClick: () => m(!0),
+          children: [
+            /* @__PURE__ */ e(le, { className: "mr-2 h-4 w-4" }),
+            "Create Dashboard"
+          ]
+        }
+      )
+    ] }) : J.map((g) => /* @__PURE__ */ e(
+      on,
+      {
+        dashboard: g,
+        isDeleting: W,
+        isDuplicating: P === g.id,
+        onLoadDashboard: pe,
+        onEditDetails: Ns,
+        onDeleteClick: fe,
+        onDuplicateDashboard: B,
+        onTogglePrivacy: xe,
+        onShareDashboard: $,
+        formatDate: ve,
+        onDashboardItemClick: t
+      },
+      g.id
+    )) }) }),
+    d && p && /* @__PURE__ */ e(
+      bs,
+      {
+        resource: p,
+        resourceType: Ue.DASHBOARD,
+        onClose: () => {
+          f(!1), l(null);
+        }
+      }
+    ),
+    /* @__PURE__ */ e(
+      os,
+      {
+        open: u,
+        onOpenChange: (g) => {
+          !g && W || (y(g), g || S(null));
+        },
+        children: /* @__PURE__ */ s(cs, { children: [
+          /* @__PURE__ */ s(ds, { children: [
+            /* @__PURE__ */ e(hs, { children: "Delete Dashboard" }),
+            /* @__PURE__ */ s(us, { children: [
+              'Are you sure you want to delete "',
+              v == null ? void 0 : v.title,
+              '"? This action cannot be undone.'
+            ] })
+          ] }),
+          /* @__PURE__ */ s(ms, { children: [
+            /* @__PURE__ */ e(ps, { disabled: W, children: "Cancel" }),
+            /* @__PURE__ */ s(
+              fs,
+              {
+                onClick: (g) => {
+                  g.preventDefault(), g.stopPropagation(), b();
+                },
+                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                disabled: W,
+                children: [
+                  W ? /* @__PURE__ */ e(Z, { className: "mr-2 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(je, { className: "mr-2 h-3.5 w-3.5" }),
+                  W ? "Deleting..." : "Delete"
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    w && /* @__PURE__ */ e(
+      Rs,
+      {
+        open: !!w,
+        resourceLabel: "Dashboard",
+        initialTitle: w.title || "",
+        initialDescription: w.description || "",
+        onClose: We,
+        onSave: Je,
+        isSaving: Ne(w.id)
+      }
+    ),
+    /* @__PURE__ */ e(
+      _a,
+      {
+        open: o,
+        onOpenChange: m,
+        onSubmit: Oe,
+        isCreating: se
+      }
+    ),
+    me && /* @__PURE__ */ e(
+      I,
+      {
+        size: "icon",
+        className: "absolute bottom-2 left-2 h-11 w-11 rounded-full shadow-lg shadow-black/15",
+        onClick: () => m(!0),
+        "aria-label": "Create dashboard",
+        children: /* @__PURE__ */ e(le, { className: "h-5 w-5" })
+      }
+    )
+  ] });
+}
+function hn({
+  isOpen: a,
+  onClose: i,
+  className: n,
+  onDashboardItemClick: t,
+  variant: r = "inline"
+}) {
+  N((T) => T.dashboard);
+  const c = N((T) => T.isDashboardEditing), { setDashboard: o, addSheet: m } = N(
+    (T) => T.actions
+  ), {
+    currentUser: d
+  } = Ae(), f = d, { permissions: p } = gs(), u = Ba() && p.canAccessVisuals && c, y = "dashboards", [v, S] = pt(
+    "resource-management-active-tab",
+    y
+  ), P = u ? v : "dashboards", L = r === "overlay", w = ft(i, {
+    enabled: a && L
+  }), O = G(
+    "flex h-full flex-col border-r bg-background",
+    L ? G(
+      "absolute inset-y-0 left-0 z-[51] w-96 shadow-lg transition-transform duration-300 ease-in-out",
+      a ? "translate-x-0" : "pointer-events-none -translate-x-full"
+    ) : "w-full max-w-[28rem] min-w-[18rem] overflow-hidden shadow-sm",
+    n
+  ), C = (T) => {
+  }, V = (T) => {
+    console.log("Editing dashboard:", T);
+  };
+  return /* @__PURE__ */ e(qa, { children: (!L || a) && /* @__PURE__ */ s("div", { ref: w, className: O, children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-b border-border p-4", children: [
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: f && /* @__PURE__ */ s(R, { children: [
+        /* @__PURE__ */ s(Qa, { children: [
+          /* @__PURE__ */ e(Ha, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex h-8 w-8 cursor-default items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ e("span", { className: "text-sm font-medium text-primary", children: f.name.charAt(0).toUpperCase() }) }) }),
+          /* @__PURE__ */ e($a, { side: "bottom", className: "ml-2 max-w-xs", children: /* @__PURE__ */ s("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ e("div", { className: "font-medium", children: f.name }),
+            /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: f.email }),
+            f.role && /* @__PURE__ */ s("div", { className: "text-xs text-muted-foreground", children: [
+              "Role:",
+              " ",
+              Ka(
+                f.role.replace(/_/g, " ")
+              )
+            ] }),
+            /* @__PURE__ */ s("div", { className: "text-xs text-muted-foreground", children: [
+              "ID: ",
+              f.id
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: f.name }) })
+      ] }) }),
+      /* @__PURE__ */ e(
+        de,
+        {
+          className: "h-8 w-8 p-0 text-muted-foreground hover:text-foreground",
+          onClick: i,
+          tooltip: "Close Sidebar",
+          children: /* @__PURE__ */ e(yt, { className: "h-4 w-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col overflow-hidden", children: /* @__PURE__ */ s(
+      is,
+      {
+        value: P,
+        onValueChange: u ? S : void 0,
+        className: "flex h-9 grow flex-col",
+        children: [
+          u && /* @__PURE__ */ e("div", { className: "px-4 pt-4", children: /* @__PURE__ */ s(ls, { className: "grid w-full grid-cols-2", children: [
+            /* @__PURE__ */ e(Se, { value: "dashboards", className: "text-sm", children: "Dashboards" }),
+            /* @__PURE__ */ e(Se, { value: "visuals", className: "text-sm", children: "Visuals" })
+          ] }) }),
+          /* @__PURE__ */ e(Pe, { value: "dashboards", className: "flex-1 px-4 py-4", children: /* @__PURE__ */ e(
+            dn,
+            {
+              onLoadDashboard: C,
+              onEditDashboard: V,
+              onDashboardItemClick: t
+            }
+          ) }),
+          u && /* @__PURE__ */ e(Pe, { value: "visuals", className: "flex-1 px-4 py-4", children: /* @__PURE__ */ e(ln, {}) })
+        ]
+      }
+    ) })
+  ] }) });
+}
+function bn({
+  showControls: a = !1,
+  showFooter: i = !0,
+  ...n
+}) {
+  const t = N(
+    (u) => u.isDashboardPanelOpen
+  );
+  N((u) => u.isVisualEditing);
+  const r = N(
+    (u) => u.actions.setIsDashboardPanelOpen
+  ), c = 20, o = 20, m = 30, d = t, f = Is(null), p = Is(null);
+  Me(() => {
+    f.current && p.current && (t ? (f.current.resize(c), p.current.resize(100 - c)) : (f.current.resize(0), p.current.resize(100)));
+  }, [t]);
+  const { preferences: l } = n;
+  return /* @__PURE__ */ e(Wa, { FallbackComponent: Ja, children: /* @__PURE__ */ s(Xa, { dashboardProps: n, children: [
+    /* @__PURE__ */ e(Za, {}),
+    /* @__PURE__ */ e(Ya, { children: /* @__PURE__ */ s(et, { preferences: l, children: [
+      /* @__PURE__ */ e(st, {}),
+      /* @__PURE__ */ s("main", { className: "relative flex h-full w-full flex-col", children: [
+        a && /* @__PURE__ */ e(Zt, {}),
+        /* @__PURE__ */ s(
+          at,
+          {
+            direction: "horizontal",
+            className: "flex grow overflow-hidden",
+            children: [
+              /* @__PURE__ */ e(
+                Ps,
+                {
+                  ref: f,
+                  className: G("flex h-full max-w-[26rem] overflow-hidden", {
+                    "min-w-[20rem]": d
+                  }),
+                  defaultSize: d ? c : 0,
+                  minSize: d ? o : 0,
+                  maxSize: d ? m : 0,
+                  children: /* @__PURE__ */ e(
+                    hn,
+                    {
+                      isOpen: t,
+                      onClose: () => r(!1),
+                      variant: "inline"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ e(
+                tt,
+                {
+                  className: G("", {
+                    "w-0": !d
+                  })
+                }
+              ),
+              /* @__PURE__ */ e(
+                Ps,
+                {
+                  ref: p,
+                  className: "flex min-w-0 flex-1",
+                  defaultSize: d ? 100 - c : 100,
+                  minSize: d ? 40 : 100,
+                  children: /* @__PURE__ */ s(nt, { ...n, type: "dashboard", children: [
+                    /* @__PURE__ */ e(rt, {}),
+                    /* @__PURE__ */ e(an, {})
+                  ] })
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    ] }) })
+  ] }) });
+}
+export {
+  Xt as A,
+  bn as D,
+  hn as R,
+  Lt as S,
+  Jt as V,
+  At as a,
+  St as c,
+  as as g
+};