react-semaphor 0.1.260 → 0.1.261

package/dist/chunks/dashboard-controls-BYi_r2lH.js

@@ -0,0 +1,1971 @@
+import { jsxs as o, jsx as e, Fragment as k } from "react/jsx-runtime";
+import { bL as de, dn as Fs, u as x, cy as ta, cz as ra, B as M, cB as na, cC as K, dp as oa, N as Va, b as F, e as ia, dq as $s, cp as la, f as ca, g as da, h as ua, i as qa, L as Ke, I as ce, v as Vs, a6 as B, dr as De, cG as Qe, ds as qs, dt as _a, du as Ha, c as X, dv as ja, dw as Hs, cX as ma, dx as js, dy as zs, dz as Bs, dA as Ks, dB as Qs, dC as Ws, H as Ae, V as Me, x as L, dD as za, d5 as Js, dE as Xs, w as Y, cF as W, dF as Ys, dG as Zs, dH as We, dI as et, dJ as at, dK as Ba, dL as Ka, dM as Ce, dN as Ee, d1 as Je, cL as Xe, dO as Ye, cc as Qa, dP as Ze, c7 as Wa, dQ as st, cO as Ja, cP as Xa, cQ as Ya, cR as Za, cS as es, cT as as, cU as ss, cV as ea, dR as ts, cx as tt, dS as rt, af as nt, U as Pa, ae as we, dT as ot, al as it, ag as He, dU as lt, dV as ct, dW as dt, aA as ut, dX as mt, dY as ht, bS as pt, bT as ft, bU as gt, dZ as vt, bV as bt, cD as yt, as as Nt, d_ as St, d$ as xt, dm as wt, e0 as Dt, e1 as Ct, cA as Et, a8 as At, cI as Mt, e2 as Lt, ak as kt, a9 as It, ar as Ot, e3 as Tt } from "./index-C2c-_lPE.js";
+import * as A from "react";
+import rs, { useState as N, useMemo as Q, useCallback as Ua, useEffect as _t } from "react";
+import "react-dom";
+import { b as Pt, u as Ut, d as Gt, A as Rt, V as Ft, N as $t, c as Vt, D as qt, U as Ht } from "./dashboard-filter-controls-button-BPCw1GMh.js";
+import { l as jt } from "./date-formatter-vkCj9Ct-.js";
+import { C as zt, D as Bt } from "./dashboard-summary-settings-dialog-B9zRCvc-.js";
+import { u as Kt } from "./use-debounced-dirty-check-BwAbnX_5.js";
+import { s as je } from "./normalize-dashboard-for-dirty-check-5KpZN8xr.js";
+import { S as Ga } from "./use-create-flow-overlay-state-Vyd5mSnf.js";
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Qt = de("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 Wt = de("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 Jt = de("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 Xt = de("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 Yt = de("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" }]
+]);
+var aa = { exports: {} }, ze = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ra;
+function Zt() {
+  if (Ra) return ze;
+  Ra = 1;
+  var a = rs;
+  function n(s, d) {
+    return s === d && (s !== 0 || 1 / s === 1 / d) || s !== s && d !== d;
+  }
+  var t = typeof Object.is == "function" ? Object.is : n, r = a.useState, i = a.useEffect, c = a.useLayoutEffect, u = a.useDebugValue;
+  function m(s, d) {
+    var f = d(), v = r({ inst: { value: f, getSnapshot: d } }), b = v[0].inst, S = v[1];
+    return c(
+      function() {
+        b.value = f, b.getSnapshot = d, p(b) && S({ inst: b });
+      },
+      [s, f, d]
+    ), i(
+      function() {
+        return p(b) && S({ inst: b }), s(function() {
+          p(b) && S({ inst: b });
+        });
+      },
+      [s]
+    ), u(f), f;
+  }
+  function p(s) {
+    var d = s.getSnapshot;
+    s = s.value;
+    try {
+      var f = d();
+      return !t(s, f);
+    } catch {
+      return !0;
+    }
+  }
+  function y(s, d) {
+    return d();
+  }
+  var h = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? y : m;
+  return ze.useSyncExternalStore = a.useSyncExternalStore !== void 0 ? a.useSyncExternalStore : h, ze;
+}
+var Be = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Fa;
+function er() {
+  return Fa || (Fa = 1, process.env.NODE_ENV !== "production" && function() {
+    function a(f, v) {
+      return f === v && (f !== 0 || 1 / f === 1 / v) || f !== f && v !== v;
+    }
+    function n(f, v) {
+      h || i.startTransition === void 0 || (h = !0, console.error(
+        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
+      ));
+      var b = v();
+      if (!s) {
+        var S = v();
+        c(b, S) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), s = !0);
+      }
+      S = u({
+        inst: { value: b, getSnapshot: v }
+      });
+      var C = S[0].inst, P = S[1];
+      return p(
+        function() {
+          C.value = b, C.getSnapshot = v, t(C) && P({ inst: C });
+        },
+        [f, b, v]
+      ), m(
+        function() {
+          return t(C) && P({ inst: C }), f(function() {
+            t(C) && P({ inst: C });
+          });
+        },
+        [f]
+      ), y(b), b;
+    }
+    function t(f) {
+      var v = f.getSnapshot;
+      f = f.value;
+      try {
+        var b = v();
+        return !c(f, b);
+      } catch {
+        return !0;
+      }
+    }
+    function r(f, v) {
+      return v();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var i = rs, c = typeof Object.is == "function" ? Object.is : a, u = i.useState, m = i.useEffect, p = i.useLayoutEffect, y = i.useDebugValue, h = !1, s = !1, d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : n;
+    Be.useSyncExternalStore = i.useSyncExternalStore !== void 0 ? i.useSyncExternalStore : d, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), Be;
+}
+process.env.NODE_ENV === "production" ? aa.exports = Zt() : aa.exports = er();
+var ar = aa.exports;
+function sr() {
+  const { setTheme: a } = Fs(), n = x(
+    (t) => t.actions.setDashboardTheme
+  );
+  return /* @__PURE__ */ o(ta, { children: [
+    /* @__PURE__ */ e(ra, { asChild: !0, children: /* @__PURE__ */ o(M, { className: "h-7 p-2", variant: "ghost", size: "sm", children: [
+      /* @__PURE__ */ e(
+        Yt,
+        {
+          strokeWidth: 1.5,
+          className: "h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"
+        }
+      ),
+      /* @__PURE__ */ e(
+        Jt,
+        {
+          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__ */ o(na, { align: "end", children: [
+      /* @__PURE__ */ e(
+        K,
+        {
+          onClick: () => {
+            a("light"), n("light");
+          },
+          children: "Light"
+        }
+      ),
+      /* @__PURE__ */ e(
+        K,
+        {
+          onClick: () => {
+            a("dark"), n("dark");
+          },
+          children: "Dark"
+        }
+      ),
+      /* @__PURE__ */ e(
+        K,
+        {
+          onClick: () => {
+            a("system"), n("system");
+          },
+          children: "System"
+        }
+      )
+    ] })
+  ] });
+}
+async function tr(a, n, t, r, i) {
+  if (!i)
+    return null;
+  const c = JSON.stringify(t), u = `${a}/v1/lens`;
+  return await oa(u, i, {
+    name: n,
+    template: c,
+    filterValues: r,
+    operation: "create"
+  });
+}
+async function sa(a, n, t) {
+  if (!t)
+    return null;
+  const { id: r, template: i, filterValues: c, isDefault: u, shared: m } = n, p = `${a}/v1/lens`;
+  return await oa(p, t, {
+    lensId: r,
+    template: i,
+    filterValues: c,
+    isDefault: u,
+    shared: m,
+    operation: "update"
+  });
+}
+async function rr(a, n, t) {
+  if (!t)
+    return null;
+  const r = `${a}/v1/lens`;
+  return await oa(r, t, {
+    operation: "delete",
+    lensId: n
+  });
+}
+function nr() {
+  const [a, n] = N(""), [t, r] = N(!1), i = x((S) => S.lenses), { setLenses: c, setSelectedLensId: u } = Va(), [m, p] = N(!1), [y, h] = N(!1), s = x((S) => S.dashboard), d = x((S) => S.filterValues), { authToken: f, tokenProps: v } = F();
+  async function b() {
+    p(!0);
+    const S = await tr(
+      v.apiServiceUrl,
+      a,
+      s,
+      d,
+      f == null ? void 0 : f.accessToken
+    );
+    S && (c([...i || [], S]), u(S.id), h(!1)), p(!1);
+  }
+  return /* @__PURE__ */ o(ia, { open: y, onOpenChange: h, children: [
+    /* @__PURE__ */ e($s, { asChild: !0, children: /* @__PURE__ */ o(
+      M,
+      {
+        variant: "secondary",
+        className: "h-7 p-2",
+        size: "sm",
+        children: [
+          /* @__PURE__ */ e(la, { className: "mr-2 h-4 w-4" }),
+          "Lens"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ o(ca, { className: "sm:max-w-[425px]", children: [
+      /* @__PURE__ */ o(da, { children: [
+        /* @__PURE__ */ e(ua, { children: "Create Lens" }),
+        /* @__PURE__ */ e(qa, { children: "Lenses are private by default and are only visible to you." })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ o("div", { className: "grid grid-cols-8 items-center gap-4", children: [
+        /* @__PURE__ */ e(Ke, { className: "text-right", children: "Name" }),
+        /* @__PURE__ */ e(
+          ce,
+          {
+            value: a,
+            onChange: (S) => {
+              n(S.target.value);
+            },
+            id: "name",
+            className: "col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
+          }
+        )
+      ] }) }),
+      t && /* @__PURE__ */ e("p", { className: "text-sm", children: "The lens name already exists. Use a differnet name." }),
+      /* @__PURE__ */ e(Vs, { children: /* @__PURE__ */ e(
+        M,
+        {
+          size: "sm",
+          variant: "outline",
+          type: "submit",
+          onClick: b,
+          disabled: m,
+          children: m ? "Creating..." : "Add"
+        }
+      ) })
+    ] })
+  ] });
+}
+function or() {
+  const [a, n] = N(!1), t = x((s) => s.lenses), r = x((s) => s.selectedLensId), { setLenses: i, setSelectedLensId: c } = Va(), { authToken: u, tokenProps: m } = F();
+  async function p(s) {
+    c(s);
+  }
+  async function y(s) {
+    if (await rr(m.apiServiceUrl, s, u == null ? void 0 : u.accessToken)) {
+      const f = t == null ? void 0 : t.filter((v) => v.id !== s);
+      i(f || []), c("original");
+    }
+  }
+  async function h(s) {
+    const d = t == null ? void 0 : t.map((b) => b.id === s.id ? {
+      ...b,
+      isDefault: !s.isDefault
+    } : {
+      ...b,
+      isDefault: !1
+    });
+    i(d || []);
+    const f = {
+      ...s,
+      isDefault: !s.isDefault
+    };
+    await sa(m.apiServiceUrl, f, u == null ? void 0 : u.accessToken);
+    const v = t == null ? void 0 : t.find((b) => b.isDefault);
+    if (v && v.id !== s.id) {
+      const b = {
+        ...v,
+        isDefault: !1
+      };
+      await sa(m.apiServiceUrl, b, u == null ? void 0 : u.accessToken);
+    }
+  }
+  return /* @__PURE__ */ o(ta, { open: a, onOpenChange: n, children: [
+    /* @__PURE__ */ e(ra, { asChild: !0, children: /* @__PURE__ */ e(B, { tooltip: "Lenses", className: "h-7 p-2", children: /* @__PURE__ */ e(Qt, { className: "h-4 w-4" }) }) }),
+    /* @__PURE__ */ o(na, { align: "end", className: "w-60", children: [
+      /* @__PURE__ */ e(De, { className: "px-3", children: "Lenses" }),
+      /* @__PURE__ */ e(Qe, {}),
+      /* @__PURE__ */ o(
+        qs,
+        {
+          value: r,
+          onValueChange: p,
+          children: [
+            /* @__PURE__ */ e(_a, { value: "original", children: "Original" }),
+            t == null ? void 0 : t.map((s) => /* @__PURE__ */ o(
+              _a,
+              {
+                className: "group flex justify-between gap-2",
+                value: s.id,
+                children: [
+                  /* @__PURE__ */ e("p", { children: s.name }),
+                  /* @__PURE__ */ o("span", { className: "flex items-center gap-3", children: [
+                    /* @__PURE__ */ e(
+                      Ha,
+                      {
+                        onClick: (d) => {
+                          d.preventDefault(), h(s);
+                        },
+                        className: X(
+                          "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
+                          {
+                            invisible: !s.isDefault,
+                            "text-green-500": s.isDefault
+                          }
+                        ),
+                        strokeWidth: 1.5
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      ja,
+                      {
+                        onClick: (d) => {
+                          d.preventDefault(), y(s.id);
+                        },
+                        className: "invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
+                        strokeWidth: 1.5
+                      }
+                    )
+                  ] })
+                ]
+              },
+              s.id
+            ))
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function ir() {
+  const { displayPreferences: a, shouldShowElement: n } = Hs(), { currentUser: t, userContext: r } = ma(), i = Q(
+    () => js(t),
+    [t]
+  ), c = Q(() => (m) => i && i[m] !== void 0 && i[m] === !1 ? !1 : n(m), [i, n, a]), u = Q(
+    () => {
+      var m, p, y, h, s;
+      return {
+        canEdit: ((m = r == null ? void 0 : r.permissions) == null ? void 0 : m.canEdit) ?? Ws(t),
+        canUseFilters: ((p = r == null ? void 0 : r.permissions) == null ? void 0 : p.canEdit) ?? Qs(t),
+        canManageDashboards: ((y = r == null ? void 0 : r.permissions) == null ? void 0 : y.canCreateDashboard) ?? Ks(t),
+        canCreateDashboards: ((h = r == null ? void 0 : r.permissions) == null ? void 0 : h.canCreateDashboard) ?? Bs(t),
+        canAccessVisuals: ((s = r == null ? void 0 : r.permissions) == null ? void 0 : s.canEdit) ?? zs(t)
+      };
+    },
+    [t, r]
+  );
+  return {
+    displayPreferences: a,
+    shouldShowElement: c,
+    permissions: u,
+    currentUser: t
+  };
+}
+const lr = async (a, n, t) => {
+  const r = `${a}/management/v1/groups`;
+  return await za(r, n, t);
+}, cr = async (a, n, t) => {
+  const r = `${a}/management/v1/groups/${t}`, i = await fetch(r, {
+    method: "DELETE",
+    headers: {
+      Authorization: `Bearer ${n}`
+    }
+  });
+  if (!i.ok) {
+    const c = await i.text();
+    throw new Error(c || "Failed to delete group");
+  }
+}, dr = async (a, n, t, r) => {
+  const i = `${a}/management/v1/groups/${t}/members`;
+  return await za(i, n, r);
+}, ur = async (a, n, t, r) => {
+  const i = `${a}/management/v1/groups/${t}/members`, c = await fetch(i, {
+    method: "DELETE",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${n}`
+    },
+    body: JSON.stringify(r)
+  });
+  if (!c.ok) {
+    const u = await c.text();
+    throw new Error(u || "Failed to remove group members");
+  }
+};
+function mr() {
+  const { authToken: a, tokenProps: n } = F(), t = Ae();
+  return Me({
+    mutationFn: (r) => lr(n.apiServiceUrl, (a == null ? void 0 : a.accessToken) || "", r),
+    onSuccess: () => {
+      t.invalidateQueries({ queryKey: ["groups"] }), L.success("Group created successfully");
+    },
+    onError: (r) => {
+      console.error("Failed to create group:", r), L.error("Failed to create group", {
+        description: r.message
+      });
+    }
+  });
+}
+function hr() {
+  const { authToken: a, tokenProps: n } = F(), t = Ae();
+  return Me({
+    mutationFn: (r) => cr(n.apiServiceUrl, (a == null ? void 0 : a.accessToken) || "", r),
+    onSuccess: (r, i) => {
+      t.invalidateQueries({ queryKey: ["groups"] }), t.removeQueries({ queryKey: ["group", i] }), L.success("Group deleted successfully");
+    },
+    onError: (r) => {
+      console.error("Failed to delete group:", r), L.error("Failed to delete group", {
+        description: r.message
+      });
+    }
+  });
+}
+function pr() {
+  const { authToken: a, tokenProps: n } = F(), t = Ae();
+  return Me({
+    mutationFn: ({
+      groupId: r,
+      data: i
+    }) => dr(n.apiServiceUrl, (a == null ? void 0 : a.accessToken) || "", r, i),
+    onSuccess: (r, i) => {
+      t.invalidateQueries({ queryKey: ["group", i.groupId] }), t.invalidateQueries({
+        queryKey: ["group-members", i.groupId]
+      }), t.invalidateQueries({ queryKey: ["groups"] }), L.success("Members added successfully");
+    },
+    onError: (r) => {
+      console.error("Failed to add group members:", r), L.error("Failed to add members", {
+        description: r.message
+      });
+    }
+  });
+}
+function fr() {
+  const { authToken: a, tokenProps: n } = F(), t = Ae();
+  return Me({
+    mutationFn: ({
+      groupId: r,
+      data: i
+    }) => ur(n.apiServiceUrl, (a == null ? void 0 : a.accessToken) || "", r, i),
+    onSuccess: (r, i) => {
+      t.invalidateQueries({ queryKey: ["group", i.groupId] }), t.invalidateQueries({
+        queryKey: ["group-members", i.groupId]
+      }), t.invalidateQueries({ queryKey: ["groups"] }), L.success("Members removed successfully");
+    },
+    onError: (r) => {
+      console.error("Failed to remove group members:", r), L.error("Failed to remove members", {
+        description: r.message
+      });
+    }
+  });
+}
+function gr({
+  onSuccess: a,
+  tenantId: n,
+  isTenantUser: t
+}) {
+  const [r, i] = N(""), [c, u] = N(""), [m, p] = N({}), y = mr(), h = () => {
+    const d = {};
+    return r.trim() ? r.length < 3 ? d.name = "Group name must be at least 3 characters" : r.length > 50 && (d.name = "Group name must be less than 50 characters") : d.name = "Group name is required", c && c.length > 200 && (d.description = "Description must be less than 200 characters"), p(d), Object.keys(d).length === 0;
+  };
+  return /* @__PURE__ */ o("form", { onSubmit: async (d) => {
+    if (d.preventDefault(), !h()) return;
+    const f = {
+      name: r.trim(),
+      description: c.trim() || void 0,
+      type: t ? "TENANT_GROUP" : "ORG_GROUP",
+      ...t && n ? { tenantId: n } : {}
+    };
+    try {
+      await y.mutateAsync(f), i(""), u(""), p({}), a();
+    } catch (v) {
+      console.error("Failed to create group:", v);
+    }
+  }, className: "space-y-6", children: [
+    /* @__PURE__ */ o("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ o("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ o(Ke, { 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: r,
+            onChange: (d) => {
+              i(d.target.value), m.name && p((f) => ({ ...f, name: "" }));
+            },
+            className: m.name ? "border-destructive" : "",
+            disabled: y.isPending
+          }
+        ),
+        m.name && /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: m.name })
+      ] }),
+      /* @__PURE__ */ o("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ o(Ke, { htmlFor: "group-description", children: [
+          "Description",
+          /* @__PURE__ */ e("span", { className: "ml-2 text-xs text-muted-foreground", children: "(optional)" })
+        ] }),
+        /* @__PURE__ */ e(
+          Js,
+          {
+            id: "group-description",
+            placeholder: "Describe the purpose of this group...",
+            value: c,
+            onChange: (d) => {
+              u(d.target.value), m.description && p((f) => ({ ...f, description: "" }));
+            },
+            className: m.description ? "border-destructive" : "",
+            disabled: y.isPending,
+            rows: 3
+          }
+        ),
+        m.description && /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: m.description }),
+        /* @__PURE__ */ o("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__ */ o("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ e(Xs, { 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__ */ o("div", { className: "flex justify-end gap-3", children: [
+      /* @__PURE__ */ e(
+        M,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: () => {
+            i(""), u(""), p({});
+          },
+          disabled: y.isPending,
+          children: "Clear"
+        }
+      ),
+      /* @__PURE__ */ e(
+        M,
+        {
+          type: "submit",
+          disabled: y.isPending || !r.trim(),
+          children: y.isPending ? /* @__PURE__ */ o(k, { children: [
+            /* @__PURE__ */ e(Y, { className: "mr-2 h-4 w-4 animate-spin" }),
+            "Creating..."
+          ] }) : /* @__PURE__ */ o(k, { children: [
+            /* @__PURE__ */ e(W, { className: "mr-2 h-4 w-4" }),
+            "Create Group"
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+function vr(a, n = []) {
+  let t = [];
+  function r(c, u) {
+    const m = A.createContext(u);
+    m.displayName = c + "Context";
+    const p = t.length;
+    t = [...t, u];
+    const y = (s) => {
+      var C;
+      const { scope: d, children: f, ...v } = s, b = ((C = d == null ? void 0 : d[a]) == null ? void 0 : C[p]) || m, S = A.useMemo(() => v, Object.values(v));
+      return /* @__PURE__ */ e(b.Provider, { value: S, children: f });
+    };
+    y.displayName = c + "Provider";
+    function h(s, d) {
+      var b;
+      const f = ((b = d == null ? void 0 : d[a]) == null ? void 0 : b[p]) || m, v = A.useContext(f);
+      if (v) return v;
+      if (u !== void 0) return u;
+      throw new Error(`\`${s}\` must be used within \`${c}\``);
+    }
+    return [y, h];
+  }
+  const i = () => {
+    const c = t.map((u) => A.createContext(u));
+    return function(m) {
+      const p = (m == null ? void 0 : m[a]) || c;
+      return A.useMemo(
+        () => ({ [`__scope${a}`]: { ...m, [a]: p } }),
+        [m, p]
+      );
+    };
+  };
+  return i.scopeName = a, [r, br(i, ...n)];
+}
+function br(...a) {
+  const n = a[0];
+  if (a.length === 1) return n;
+  const t = () => {
+    const r = a.map((i) => ({
+      useScope: i(),
+      scopeName: i.scopeName
+    }));
+    return function(c) {
+      const u = r.reduce((m, { useScope: p, scopeName: y }) => {
+        const s = p(c)[`__scope${y}`];
+        return { ...m, ...s };
+      }, {});
+      return A.useMemo(() => ({ [`__scope${n.scopeName}`]: u }), [u]);
+    };
+  };
+  return t.scopeName = n.scopeName, t;
+}
+var yr = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], ha = yr.reduce((a, n) => {
+  const t = Ys(`Primitive.${n}`), r = A.forwardRef((i, c) => {
+    const { asChild: u, ...m } = i, p = u ? t : n;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ e(p, { ...m, ref: c });
+  });
+  return r.displayName = `Primitive.${n}`, { ...a, [n]: r };
+}, {});
+function Nr() {
+  return ar.useSyncExternalStore(
+    Sr,
+    () => !0,
+    () => !1
+  );
+}
+function Sr() {
+  return () => {
+  };
+}
+var pa = "Avatar", [xr] = vr(pa), [wr, ns] = xr(pa), os = A.forwardRef(
+  (a, n) => {
+    const { __scopeAvatar: t, ...r } = a, [i, c] = A.useState("idle");
+    return /* @__PURE__ */ e(
+      wr,
+      {
+        scope: t,
+        imageLoadingStatus: i,
+        onImageLoadingStatusChange: c,
+        children: /* @__PURE__ */ e(ha.span, { ...r, ref: n })
+      }
+    );
+  }
+);
+os.displayName = pa;
+var is = "AvatarImage", ls = A.forwardRef(
+  (a, n) => {
+    const { __scopeAvatar: t, src: r, onLoadingStatusChange: i = () => {
+    }, ...c } = a, u = ns(is, t), m = Dr(r, c), p = Zs((y) => {
+      i(y), u.onImageLoadingStatusChange(y);
+    });
+    return We(() => {
+      m !== "idle" && p(m);
+    }, [m, p]), m === "loaded" ? /* @__PURE__ */ e(ha.img, { ...c, ref: n, src: r }) : null;
+  }
+);
+ls.displayName = is;
+var cs = "AvatarFallback", ds = A.forwardRef(
+  (a, n) => {
+    const { __scopeAvatar: t, delayMs: r, ...i } = a, c = ns(cs, t), [u, m] = A.useState(r === void 0);
+    return A.useEffect(() => {
+      if (r !== void 0) {
+        const p = window.setTimeout(() => m(!0), r);
+        return () => window.clearTimeout(p);
+      }
+    }, [r]), u && c.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ e(ha.span, { ...i, ref: n }) : null;
+  }
+);
+ds.displayName = cs;
+function $a(a, n) {
+  return a ? n ? (a.src !== n && (a.src = n), a.complete && a.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
+}
+function Dr(a, { referrerPolicy: n, crossOrigin: t }) {
+  const r = Nr(), i = A.useRef(null), c = r ? (i.current || (i.current = new window.Image()), i.current) : null, [u, m] = A.useState(
+    () => $a(c, a)
+  );
+  return We(() => {
+    m($a(c, a));
+  }, [c, a]), We(() => {
+    const p = (s) => () => {
+      m(s);
+    };
+    if (!c) return;
+    const y = p("loaded"), h = p("error");
+    return c.addEventListener("load", y), c.addEventListener("error", h), n && (c.referrerPolicy = n), typeof t == "string" && (c.crossOrigin = t), () => {
+      c.removeEventListener("load", y), c.removeEventListener("error", h);
+    };
+  }, [c, t, n]), u;
+}
+var us = os, ms = ls, hs = ds;
+const fa = A.forwardRef(({ className: a, ...n }, t) => /* @__PURE__ */ e(
+  us,
+  {
+    ref: t,
+    className: X(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      a
+    ),
+    ...n
+  }
+));
+fa.displayName = us.displayName;
+const Cr = A.forwardRef(({ className: a, ...n }, t) => /* @__PURE__ */ e(
+  ms,
+  {
+    ref: t,
+    className: X("aspect-square h-full w-full", a),
+    ...n
+  }
+));
+Cr.displayName = ms.displayName;
+const ga = A.forwardRef(({ className: a, ...n }, t) => /* @__PURE__ */ e(
+  hs,
+  {
+    ref: t,
+    className: X(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      a
+    ),
+    ...n
+  }
+));
+ga.displayName = hs.displayName;
+function Er({
+  open: a,
+  onOpenChange: n,
+  group: t,
+  onUpdate: r
+}) {
+  const [i, c] = N("members"), [u, m] = N(""), [p, y] = N([]), [h, s] = N([]), { data: d, isLoading: f, refetch: v } = et(t.id), b = t.type === "TENANT_GROUP" ? "tenant" : "organization", { users: S, isLoading: C } = at({
+    type: b,
+    tenantId: t.tenantId || void 0,
+    active: !0,
+    limit: 100
+  }), P = pr(), U = fr(), _ = (d == null ? void 0 : d.members) || [], $ = Q(() => new Set(_.map((g) => g.userId)), [_]), V = Q(() => S.filter((g) => !$.has(g.id)), [S, $]), q = Q(() => {
+    if (!u) return V;
+    const g = u.toLowerCase();
+    return V.filter(
+      (E) => {
+        var I, R;
+        return ((I = E.name) == null ? void 0 : I.toLowerCase().includes(g)) || ((R = E.email) == null ? void 0 : R.toLowerCase().includes(g));
+      }
+    );
+  }, [V, u]), w = Q(() => {
+    if (!u) return _;
+    const g = u.toLowerCase();
+    return _.filter(
+      (E) => {
+        var I, R, j, ee;
+        return ((R = (I = E.user) == null ? void 0 : I.name) == null ? void 0 : R.toLowerCase().includes(g)) || ((ee = (j = E.user) == null ? void 0 : j.email) == null ? void 0 : ee.toLowerCase().includes(g));
+      }
+    );
+  }, [_, u]), H = async () => {
+    if (p.length !== 0)
+      try {
+        await P.mutateAsync({
+          groupId: t.id,
+          data: {
+            userIds: p,
+            userType: b === "tenant" ? "tenant" : "org"
+          }
+        }), y([]), c("members"), v(), r == null || r();
+      } catch (g) {
+        console.error("Failed to add members:", g);
+      }
+  }, ue = async () => {
+    if (h.length !== 0)
+      try {
+        await U.mutateAsync({
+          groupId: t.id,
+          data: {
+            userIds: h
+          }
+        }), s([]), v(), r == null || r();
+      } catch (g) {
+        console.error("Failed to remove members:", g);
+      }
+  }, Z = (g) => {
+    y(
+      (E) => E.includes(g) ? E.filter((I) => I !== g) : [...E, g]
+    );
+  }, Le = (g) => {
+    s(
+      (E) => E.includes(g) ? E.filter((I) => I !== g) : [...E, g]
+    );
+  };
+  return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(ia, { open: a, onOpenChange: n, children: /* @__PURE__ */ o(ca, { className: "max-w-3xl max-h-[80vh]", "aria-describedby": "group-members-description", children: [
+    /* @__PURE__ */ o(da, { children: [
+      /* @__PURE__ */ e(ua, { children: t.name }),
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2 mt-1", children: /* @__PURE__ */ o("p", { className: "text-sm text-muted-foreground", children: [
+        _.length,
+        " ",
+        _.length === 1 ? "member" : "members"
+      ] }) }),
+      /* @__PURE__ */ o("p", { id: "group-members-description", className: "sr-only", children: [
+        "Add or remove members from the ",
+        t.name,
+        " group"
+      ] })
+    ] }),
+    /* @__PURE__ */ o(Ba, { value: i, onValueChange: (g) => {
+      c(g), m(""), s([]);
+    }, className: "mt-4", children: [
+      /* @__PURE__ */ o(Ka, { className: "grid w-full grid-cols-2", children: [
+        /* @__PURE__ */ e(Ce, { value: "members", children: "Current Members" }),
+        /* @__PURE__ */ e(Ce, { value: "add", children: "Add Members" })
+      ] }),
+      /* @__PURE__ */ o(Ee, { value: "members", className: "mt-4 space-y-4", children: [
+        /* @__PURE__ */ o("div", { className: "relative", children: [
+          /* @__PURE__ */ e(Je, { 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: u,
+              onChange: (g) => m(g.target.value),
+              className: "pl-10"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(Xe, { className: h.length > 0 ? "h-[300px]" : "h-[350px]", children: f ? /* @__PURE__ */ e("div", { className: "space-y-2", children: [1, 2, 3].map((g) => /* @__PURE__ */ e(Ye, { className: "h-16 w-full" }, g)) }) : w.length === 0 ? /* @__PURE__ */ o("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
+          /* @__PURE__ */ e(W, { className: "h-12 w-12 mb-3 opacity-50" }),
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: u ? "No members found" : "No members yet" }),
+          /* @__PURE__ */ e("p", { className: "text-xs mt-1", children: u ? "Try a different search" : 'Switch to the "Add Members" tab to add people to this group' })
+        ] }) : /* @__PURE__ */ e("div", { className: "space-y-2", children: w.map((g) => /* @__PURE__ */ e(
+          Ar,
+          {
+            member: g,
+            selected: h.includes(g.userId),
+            onToggle: () => Le(g.userId)
+          },
+          g.id
+        )) }) }),
+        h.length > 0 && /* @__PURE__ */ o("div", { className: "flex items-center justify-between pt-4 border-t", children: [
+          /* @__PURE__ */ o("span", { className: "text-sm text-muted-foreground", children: [
+            h.length,
+            " member",
+            h.length !== 1 ? "s" : "",
+            " selected"
+          ] }),
+          /* @__PURE__ */ e(
+            M,
+            {
+              variant: "destructive",
+              size: "sm",
+              onClick: ue,
+              disabled: U.isPending,
+              children: U.isPending ? /* @__PURE__ */ o(k, { children: [
+                /* @__PURE__ */ e(Y, { className: "mr-2 h-4 w-4 animate-spin" }),
+                "Removing..."
+              ] }) : /* @__PURE__ */ o(k, { children: [
+                /* @__PURE__ */ e(Qa, { className: "mr-2 h-4 w-4" }),
+                "Remove Selected"
+              ] })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ o(Ee, { value: "add", className: "mt-4 space-y-4", children: [
+        /* @__PURE__ */ o("div", { className: "relative", children: [
+          /* @__PURE__ */ e(Je, { 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: u,
+              onChange: (g) => m(g.target.value),
+              className: "pl-10"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(Xe, { className: "h-[300px]", children: C ? /* @__PURE__ */ e("div", { className: "space-y-2", children: [1, 2, 3].map((g) => /* @__PURE__ */ e(Ye, { className: "h-16 w-full" }, g)) }) : q.length === 0 ? /* @__PURE__ */ o("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
+          /* @__PURE__ */ e(Ze, { 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: u ? "Try a different search" : "All eligible users are already members" })
+        ] }) : /* @__PURE__ */ e("div", { className: "space-y-2", children: q.map((g) => /* @__PURE__ */ e(
+          Mr,
+          {
+            user: g,
+            selected: p.includes(g.id),
+            onToggle: () => Z(g.id)
+          },
+          g.id
+        )) }) }),
+        p.length > 0 && /* @__PURE__ */ o("div", { className: "flex items-center justify-between pt-4 border-t", children: [
+          /* @__PURE__ */ o("span", { className: "text-sm text-muted-foreground", children: [
+            p.length,
+            " user",
+            p.length !== 1 ? "s" : "",
+            " selected"
+          ] }),
+          /* @__PURE__ */ e(
+            M,
+            {
+              onClick: H,
+              disabled: P.isPending,
+              children: P.isPending ? /* @__PURE__ */ o(k, { children: [
+                /* @__PURE__ */ e(Y, { className: "mr-2 h-4 w-4 animate-spin" }),
+                "Adding..."
+              ] }) : /* @__PURE__ */ o(k, { children: [
+                /* @__PURE__ */ e(Ze, { className: "mr-2 h-4 w-4" }),
+                "Add Members"
+              ] })
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] }) }) });
+}
+function Ar({
+  member: a,
+  selected: n,
+  onToggle: t
+}) {
+  var i, c, u, m;
+  const r = ((c = (i = a.user) == null ? void 0 : i.name) == null ? void 0 : c.split(" ").map((p) => p[0]).join("").toUpperCase()) || "?";
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: "flex items-center gap-3 p-3 rounded-lg border bg-card hover:bg-muted/50 cursor-pointer",
+      onClick: t,
+      children: [
+        /* @__PURE__ */ e(Wa, { checked: n }),
+        /* @__PURE__ */ e(fa, { className: "h-8 w-8", children: /* @__PURE__ */ e(ga, { className: "text-xs", children: r }) }),
+        /* @__PURE__ */ o("div", { className: "flex-1", children: [
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: ((u = a.user) == null ? void 0 : u.name) || "Unknown User" }),
+          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: (m = a.user) == null ? void 0 : m.email })
+        ] })
+      ]
+    }
+  );
+}
+function Mr({
+  user: a,
+  selected: n,
+  onToggle: t
+}) {
+  var i;
+  const r = ((i = a.name) == null ? void 0 : i.split(" ").map((c) => c[0]).join("").toUpperCase()) || "?";
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: "flex items-center gap-3 p-3 rounded-lg border bg-card hover:bg-muted/50 cursor-pointer",
+      onClick: t,
+      children: [
+        /* @__PURE__ */ e(Wa, { checked: n }),
+        /* @__PURE__ */ e(fa, { className: "h-8 w-8", children: /* @__PURE__ */ e(ga, { className: "text-xs", children: r }) }),
+        /* @__PURE__ */ o("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 Lr({
+  open: a,
+  onOpenChange: n
+}) {
+  const [t, r] = N("groups"), [i, c] = N(""), [u, m] = N(null), [p, y] = N(!1), [h, s] = N(null), { tokenProps: d } = F(), { currentUser: f } = ma(), v = hr(), b = (f == null ? void 0 : f.type) === "tenant", S = d == null ? void 0 : d.tenantId, { groups: C, isLoading: P, refetch: U } = st({
+    type: b ? "TENANT_GROUP" : "all",
+    tenantId: b ? S : void 0,
+    includeMembers: !1
+  }), _ = C.filter(
+    (w) => {
+      var H;
+      return w.name.toLowerCase().includes(i.toLowerCase()) || ((H = w.description) == null ? void 0 : H.toLowerCase().includes(i.toLowerCase()));
+    }
+  ), $ = async () => {
+    if (h)
+      try {
+        await v.mutateAsync(h.id), s(null), U();
+      } catch (w) {
+        console.error("Failed to delete group:", w);
+      }
+  }, V = (w) => {
+    m(w), y(!0);
+  }, q = () => {
+    r("groups"), U();
+  };
+  return /* @__PURE__ */ o(k, { children: [
+    /* @__PURE__ */ e(ia, { open: a, onOpenChange: n, children: /* @__PURE__ */ o(ca, { className: "max-w-4xl max-h-[80vh]", children: [
+      /* @__PURE__ */ o(da, { children: [
+        /* @__PURE__ */ o(ua, { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(W, { className: "h-5 w-5" }),
+          "Group Management"
+        ] }),
+        /* @__PURE__ */ e(qa, { children: "Manage your groups, create new groups, and control group membership" })
+      ] }),
+      /* @__PURE__ */ o(Ba, { value: t, onValueChange: r, className: "mt-4", children: [
+        /* @__PURE__ */ o(Ka, { className: "grid w-full grid-cols-2", children: [
+          /* @__PURE__ */ o(Ce, { value: "groups", className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(W, { className: "h-4 w-4" }),
+            "Groups"
+          ] }),
+          /* @__PURE__ */ o(Ce, { value: "create", className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(la, { className: "h-4 w-4" }),
+            "Create Group"
+          ] })
+        ] }),
+        /* @__PURE__ */ e(Ee, { value: "groups", className: "mt-4", children: /* @__PURE__ */ o("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ o("div", { className: "relative", children: [
+            /* @__PURE__ */ e(Je, { 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: i,
+                onChange: (w) => c(w.target.value),
+                className: "pl-10"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(Xe, { className: "h-[400px]", children: P ? /* @__PURE__ */ e("div", { className: "space-y-3", children: [1, 2, 3].map((w) => /* @__PURE__ */ e(Ye, { className: "h-24 w-full" }, w)) }) : _.length === 0 ? /* @__PURE__ */ o("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
+            /* @__PURE__ */ e(W, { 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: i ? "Try a different search" : "Create your first group to get started" })
+          ] }) : /* @__PURE__ */ e("div", { className: "space-y-3", children: _.map((w) => /* @__PURE__ */ e(
+            kr,
+            {
+              group: w,
+              onManageMembers: () => V(w),
+              onDelete: () => s(w),
+              currentUserId: f == null ? void 0 : f.id
+            },
+            w.id
+          )) }) })
+        ] }) }),
+        /* @__PURE__ */ e(Ee, { value: "create", className: "mt-4", children: /* @__PURE__ */ e(
+          gr,
+          {
+            onSuccess: q,
+            tenantId: S,
+            isTenantUser: b
+          }
+        ) })
+      ] })
+    ] }) }),
+    u && /* @__PURE__ */ e(
+      Er,
+      {
+        open: p,
+        onOpenChange: y,
+        group: u,
+        onUpdate: () => U()
+      }
+    ),
+    /* @__PURE__ */ e(
+      Ja,
+      {
+        open: !!h,
+        onOpenChange: () => s(null),
+        children: /* @__PURE__ */ o(Xa, { children: [
+          /* @__PURE__ */ o(Ya, { children: [
+            /* @__PURE__ */ e(Za, { children: "Delete Group" }),
+            /* @__PURE__ */ o(es, { children: [
+              'Are you sure you want to delete "',
+              h == null ? void 0 : h.name,
+              '"? This action cannot be undone and will remove all members from the group.'
+            ] })
+          ] }),
+          /* @__PURE__ */ o(as, { children: [
+            /* @__PURE__ */ e(ss, { children: "Cancel" }),
+            /* @__PURE__ */ e(
+              ea,
+              {
+                onClick: $,
+                disabled: v.isPending,
+                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                children: v.isPending ? /* @__PURE__ */ o(k, { children: [
+                  /* @__PURE__ */ e(Y, { className: "mr-2 h-4 w-4 animate-spin" }),
+                  "Deleting..."
+                ] }) : "Delete Group"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function kr({
+  group: a,
+  onManageMembers: n,
+  onDelete: t,
+  currentUserId: r
+}) {
+  const i = a.createdBy === r;
+  return /* @__PURE__ */ e("div", { className: "rounded-lg border bg-card p-4 transition-colors hover:bg-muted/50", children: /* @__PURE__ */ o("div", { className: "flex items-start justify-between gap-3", children: [
+    /* @__PURE__ */ o("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ o("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__ */ o("div", { className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ o("span", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ e(W, { className: "h-3 w-3" }),
+          a.memberCount,
+          " ",
+          a.memberCount === 1 ? "member" : "members"
+        ] }),
+        /* @__PURE__ */ o("span", { children: [
+          "Created ",
+          jt(new Date(a.createdAt), "MMM d, yyyy")
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ e(
+        M,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: n,
+          title: "Manage members",
+          children: /* @__PURE__ */ e(Ze, { className: "h-4 w-4" })
+        }
+      ),
+      i && /* @__PURE__ */ e(
+        M,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: t,
+          title: "Delete group",
+          className: "text-destructive hover:text-destructive",
+          children: /* @__PURE__ */ e(Qa, { className: "h-4 w-4" })
+        }
+      )
+    ] })
+  ] }) });
+}
+function ie(a, n, t) {
+  var c, u;
+  const r = (a.controls || []).find(
+    (m) => m.id === t
+  );
+  if (r)
+    return r.label;
+  const i = (u = (c = ts(a, n)) == null ? void 0 : c.controls) == null ? void 0 : u.find(
+    (m) => m.id === t
+  );
+  return (i == null ? void 0 : i.label) || t;
+}
+function le(a, n) {
+  var t;
+  return ((t = ts(a, n)) == null ? void 0 : t.title) || n;
+}
+function Ir(a) {
+  const { errors: n, dashboard: t } = a;
+  if (!t)
+    return n;
+  const r = /* @__PURE__ */ new Map();
+  for (const i of n) {
+    const c = i.match(
+      /^Card '(.+)' binding for control '(.+)' maps to missing metric '(.+)'\.$/
+    );
+    if (c) {
+      const [, h, s] = c, d = `${h}:${s}:missing-metric`;
+      r.has(d) || r.set(
+        d,
+        `"${le(t, h)}" has an outdated "${ie(
+          t,
+          h,
+          s
+        )}" mapping. Some choices still point to metrics that are no longer available on this card. Open the card controls and choose replacements.`
+      );
+      continue;
+    }
+    const u = i.match(
+      /^Card '(.+)' binding for control '(.+)' maps to missing group-by field '(.+)'\.$/
+    );
+    if (u) {
+      const [, h, s] = u, d = `${h}:${s}:missing-group-by`;
+      r.has(d) || r.set(
+        d,
+        `"${le(t, h)}" has an outdated "${ie(
+          t,
+          h,
+          s
+        )}" mapping. Some choices still point to fields that are no longer available on this card. Open the card controls and choose replacements.`
+      );
+      continue;
+    }
+    const m = i.match(
+      /^Card '(.+)' binding for control '(.+)' maps to an invalid metric target\.$/
+    );
+    if (m) {
+      const [, h, s] = m, d = `${h}:${s}:invalid-metric`;
+      r.has(d) || r.set(
+        d,
+        `"${le(t, h)}" has an invalid "${ie(
+          t,
+          h,
+          s
+        )}" metric mapping. Open the card controls and choose a valid metric for each option.`
+      );
+      continue;
+    }
+    const p = i.match(
+      /^Card '(.+)' binding for control '(.+)' maps to an invalid group-by target\.$/
+    );
+    if (p) {
+      const [, h, s] = p, d = `${h}:${s}:invalid-group-by`;
+      r.has(d) || r.set(
+        d,
+        `"${le(t, h)}" has an invalid "${ie(
+          t,
+          h,
+          s
+        )}" field mapping. Open the card controls and choose a valid field for each option.`
+      );
+      continue;
+    }
+    const y = i.match(
+      /^Card '(.+)' binding for control '(.+)' requires at least one temporal group-by field\.$/
+    );
+    if (y) {
+      const [, h, s] = y, d = `${h}:${s}:missing-temporal-group-by`;
+      r.has(d) || r.set(
+        d,
+        `"${le(t, h)}" can no longer use "${ie(
+          t,
+          h,
+          s
+        )}" for time grain because the card does not currently group by a date field.`
+      );
+      continue;
+    }
+    r.set(i, i);
+  }
+  return Array.from(r.values());
+}
+function qr() {
+  var La, ka, Ia, Oa;
+  Pt(), Ut();
+  const {
+    authToken: a,
+    tokenProps: n,
+    id: t
+  } = F(), { isLocalDev: r } = tt(), { permissions: i } = ir(), c = rt(), { isLoading: u } = nt();
+  x((l) => l.theme);
+  const m = x(
+    (l) => l.dashboardAssistantDraftScopeKey
+  ), p = x((l) => l.lenses), y = x((l) => l.selectedLensId), h = p == null ? void 0 : p.find((l) => l.id === y), s = x((l) => l.dashboard);
+  x((l) => l.selectedSheetId);
+  const d = x(
+    (l) => l.isDashboardEditing
+  ), { setDashboardTitle: f } = x((l) => l.actions), [v, b] = N(!1), [S, C] = N(!1), [P, U] = N(!1), [_, $] = N(!1), [V, q] = N(!1), [w, H] = N(!1), [ue, Z] = N(null), [Le, g] = N(!1), [E, I] = N(null), [R, j] = N([]), [ee, me] = N(!1), ps = x((l) => l.isDashboardPanelOpen), fs = x(
+    (l) => l.actions.setIsDashboardPanelOpen
+  ), gs = x((l) => l.filterValues), D = x((l) => l.isVisualEditing);
+  Pa((l) => l.card);
+  const ae = we(
+    (l) => l.selectedDashboard
+  ), he = we(
+    (l) => l.initialDashboard
+  );
+  we((l) => l.selectedVisual), x((l) => l.selectedFrameId), Pa((l) => l.frame);
+  const pe = ae ? (ka = ae == null ? void 0 : ae.permissions) == null ? void 0 : ka.canEdit : (La = he == null ? void 0 : he.permissions) == null ? void 0 : La.canEdit, fe = x((l) => l.showFilters), va = ot((l) => l.setPanelOpen), vs = x(
+    (l) => l.showDashboardJSON
+  ), ke = x((l) => l.onSaveFunction), ba = x(
+    (l) => l.actions.setShowFilters
+  ), { setIsDashboardEditing: ya, setShowDashboardJSON: Na } = x(
+    (l) => l.actions
+  ), { setInitialDashboard: Sa, clearSelectedDashboard: Ie } = we(
+    (l) => l.actions
+  ), { resources: ge } = it(He.DASHBOARD), { data: Oe } = lt(), bs = ((Ia = Oe == null ? void 0 : Oe.preference) == null ? void 0 : Ia.defaultDashboardId) || null, { mutate: ys, isPending: Ns } = ct(), { currentUser: Ss } = ma(), xs = dt(Ss), J = ae || he, xa = J ? {
+    id: J.id,
+    title: (s == null ? void 0 : s.title) || J.title || "Dashboard"
+  } : null, { handleAddNewFrame: ws } = ut(), [Te, _e] = N(!1), [Ds, se] = N(!1), [Pe, ve] = N("close"), te = mt(He.DASHBOARD), [G, Ue] = N(
+    null
+  ), wa = Ua(
+    (l) => {
+      window.setTimeout(() => {
+        Z(l);
+      }, 0);
+    },
+    []
+  ), Cs = async (l, T) => {
+    if (!(s != null && s.id)) {
+      console.log("No dashboard ID found");
+      return;
+    }
+    console.log("Updating dashboard title:", {
+      dashboardId: s.id,
+      newTitle: l,
+      previousTitle: T
+    }), te.mutate(
+      {
+        resourceId: s.id,
+        data: { title: l }
+      },
+      {
+        onSuccess: () => {
+          console.log("Dashboard title updated successfully"), L.success("Dashboard title updated");
+        },
+        onError: (oe) => {
+          console.error("Failed to update dashboard title:", oe), L.error("Failed to update dashboard title"), f(T);
+        }
+      }
+    );
+  };
+  _t(() => {
+    if (ge && ge.length > 0) {
+      const l = s == null ? void 0 : s.id;
+      if (l) {
+        const T = ge.find(
+          (oe) => oe.id === l
+        );
+        T && Sa(T);
+      }
+    }
+  }, [ge, s == null ? void 0 : s.id, Sa]);
+  const be = n.orgUserId || n.tenantId, Da = d && !D && be && pe, { setDashboard: Ge } = x((l) => l.actions), Es = () => {
+    ya(!0);
+  }, Re = () => {
+    ya(!1), Na(!1), Ue(null), Z(null);
+  };
+  Gt(
+    d,
+    s,
+    G,
+    (l) => Ue(l)
+  );
+  const { isDirty: Ca, isDirtyPending: As, resetDirty: ye } = Kt(
+    s,
+    G,
+    300,
+    1e3,
+    je
+  ), Ea = Ua(() => G ? je(s) !== je(G) : !1, [s, G]), Fe = Ca || As, re = Te || te.isPending, Ms = () => {
+    Ea() ? (ve("close"), se(!0)) : (Re(), ye());
+  }, Ls = async () => {
+    await $e({
+      closeAfterSave: !0,
+      navigateHomeAfterSave: Pe === "home"
+    });
+  }, ks = () => {
+    G && Ge(G), Re(), Pe === "home" && Ie(), ve("close"), se(!1), ye();
+  }, Is = () => {
+    G && (Ge(G), ye());
+  }, Os = () => {
+    if (d && Ea()) {
+      ve("home"), se(!0);
+      return;
+    }
+    Ie();
+  };
+  async function $e(l) {
+    const T = (l == null ? void 0 : l.closeAfterSave) ?? ee, oe = (l == null ? void 0 : l.navigateHomeAfterSave) ?? !1;
+    me(T), T && se(!1);
+    const Gs = Ot(s);
+    g(!0), I(null), j([]), _e(!0);
+    const Rs = {
+      template: s
+    };
+    te.mutate(
+      {
+        resourceId: s.id,
+        data: Rs
+      },
+      {
+        onSuccess: (O) => {
+          var Ne, Se, Ta;
+          const z = (O == null ? void 0 : O.id) || ((Ne = O == null ? void 0 : O.dashboard) == null ? void 0 : Ne.id) || ((Se = O == null ? void 0 : O.resource) == null ? void 0 : Se.id) || ((Ta = O == null ? void 0 : O.template) == null ? void 0 : Ta.id) || null;
+          if (!s.id && z) {
+            const qe = Tt.getState(), xe = qe.pendingDashboardDraftMigration;
+            (xe == null ? void 0 : xe.scopeKey) === m ? qe.actions.setPendingDashboardDraftMigrationExpectedDashboardId(
+              z
+            ) : xe && qe.actions.clearPendingDashboardDraftMigration();
+          }
+          _e(!1), L.success("Dashboard saved!"), Ue(Gs), g(!1), me(!1), T && (Re(), ye(), oe && Ie()), ve("close");
+        },
+        onError: (O) => {
+          _e(!1), I("Failed to save dashboard. Please try again.");
+          const z = O.details, Ne = Array.isArray(
+            z == null ? void 0 : z.errors
+          ) ? (z.errors || []).filter(
+            (Se) => typeof Se == "string"
+          ) : [];
+          j(
+            Ir({
+              errors: Ne,
+              dashboard: s || void 0
+            })
+          ), L.error("Failed to save dashboard");
+        }
+      }
+    );
+  }
+  async function Ts() {
+    if (b(!0), !y || !h) return;
+    const l = JSON.stringify(s), T = {
+      ...h,
+      template: l,
+      filterValues: gs
+    };
+    await sa(
+      n.apiServiceUrl,
+      T,
+      a == null ? void 0 : a.accessToken
+    ), L.success("Lens saved"), ke == null || ke(s), b(!1);
+  }
+  const Aa = (h == null ? void 0 : h.name) || s.title;
+  te.isPending && console.log("Title during update:", {
+    title: Aa,
+    dashboardStateTitle: s.title,
+    dashboardId: s == null ? void 0 : s.id,
+    currentLensName: h == null ? void 0 : h.name
+  });
+  const Ma = n.orgUserId || n.tenantId && n.endUserId && n.endUserEmail, _s = !!Ma && !!(a != null && a.accessToken) && !!(n != null && n.apiServiceUrl), Ps = c, ne = (s == null ? void 0 : s.id) || null, Ve = !!ne && bs === ne, Us = () => {
+    ne && ys({
+      dashboardId: Ve ? null : ne
+    });
+  };
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: "flex h-11 shrink-0 items-center justify-between gap-2 overflow-x-auto border-b px-4 py-2",
+      role: "dashboard-controls",
+      children: [
+        /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+          Ma && /* @__PURE__ */ o(k, { children: [
+            /* @__PURE__ */ e(
+              B,
+              {
+                "aria-label": "Manage Dashboards",
+                tooltip: "Manage Dashboards",
+                onClick: () => {
+                  fs(!ps);
+                },
+                className: "h-7 p-2",
+                children: /* @__PURE__ */ e(Wt, { className: "h-4 w-4" })
+              }
+            ),
+            Ps && !D && /* @__PURE__ */ e(
+              B,
+              {
+                "aria-label": "Dashboard Hub",
+                tooltip: "Dashboard Hub",
+                onClick: Os,
+                className: "h-7 p-2",
+                children: /* @__PURE__ */ e(Ha, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          !D && c && (u ? /* @__PURE__ */ e(
+            "div",
+            {
+              className: "h-4 w-28 rounded-md bg-muted/70 animate-pulse",
+              "aria-label": "Loading dashboard title",
+              role: "status",
+              children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Loading dashboard title" })
+            }
+          ) : /* @__PURE__ */ o(k, { children: [
+            /* @__PURE__ */ e(
+              ht,
+              {
+                value: Aa || "Untitled Dashboard",
+                onSave: (l) => {
+                  console.log("EditableText onSave called:", {
+                    newTitle: l,
+                    canEditDashboard: pe,
+                    dashboardId: s == null ? void 0 : s.id
+                  });
+                  const T = (s == null ? void 0 : s.title) || "";
+                  f(l), Cs(l, T);
+                },
+                isEditable: pe && !h,
+                displayClassName: "text-sm font-medium",
+                inputClassName: "text-sm font-medium",
+                placeholder: "Dashboard Title",
+                isPending: te.isPending
+              }
+            ),
+            _s && ne && /* @__PURE__ */ e(pt, { children: /* @__PURE__ */ o(ft, { children: [
+              /* @__PURE__ */ e(gt, { asChild: !0, children: /* @__PURE__ */ e(
+                M,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: Us,
+                  disabled: Ns || !(a != null && a.accessToken) || !(n != null && n.apiServiceUrl),
+                  className: "h-7 w-7",
+                  children: /* @__PURE__ */ e(
+                    vt,
+                    {
+                      className: X(
+                        "h-4 w-4 transition-colors",
+                        Ve ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground hover:text-yellow-400"
+                      )
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ e(bt, { children: /* @__PURE__ */ e("p", { children: Ve ? "Remove as default dashboard" : "Make this a default dashboard" }) })
+            ] }) })
+          ] }))
+        ] }),
+        /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+          D && /* @__PURE__ */ o(k, { children: [
+            /* @__PURE__ */ e(Rt, { className: "mr-2" }),
+            /* @__PURE__ */ e(Ft, { className: "h-7" })
+          ] }),
+          r && !D && /* @__PURE__ */ o(k, { children: [
+            /* @__PURE__ */ e(
+              B,
+              {
+                tooltip: "Copy Token",
+                onClick: () => {
+                  var l;
+                  a != null && a.accessToken && ((l = navigator == null ? void 0 : navigator.clipboard) != null && l.writeText ? navigator.clipboard.writeText(a.accessToken).then(() => L.success("Token copied to clipboard")).catch(() => L.error("Unable to copy token")) : L.error("Clipboard not available"));
+                },
+                className: "h-7 p-2",
+                children: /* @__PURE__ */ e(yt, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ e(
+              B,
+              {
+                tooltip: "Invalidate Token",
+                onClick: () => Nt(n.apiServiceUrl),
+                className: "h-7 p-2",
+                children: /* @__PURE__ */ e(Xt, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          !D && c && /* @__PURE__ */ e(St, {}),
+          !D && c && /* @__PURE__ */ e($t, {}),
+          !D && c && ((Oa = J == null ? void 0 : J.permissions) == null ? void 0 : Oa.canShare) && /* @__PURE__ */ e(
+            B,
+            {
+              tooltip: "Share Dashboard",
+              onClick: () => C(!0),
+              className: "h-7 p-2",
+              children: /* @__PURE__ */ e(xt, { className: "h-4 w-4" })
+            }
+          ),
+          !D && d && i.canUseFilters && c && /* @__PURE__ */ e(
+            Vt,
+            {
+              showFilters: fe,
+              onToggleFilters: () => {
+                fe || va("dashboard", !1), ba(!fe);
+              },
+              onAddFilter: () => {
+                fe || (va("dashboard", !1), ba(!0));
+              },
+              onAddControl: () => {
+                wa("create");
+              },
+              onManageControls: () => wa("manage")
+            }
+          ),
+          d && !D && c && ue ? /* @__PURE__ */ e(
+            qt,
+            {
+              open: !0,
+              onOpenChange: (l) => {
+                l || Z(null);
+              },
+              showTrigger: !1,
+              initialMode: ue
+            }
+          ) : null,
+          d && !D && be && r && c && /* @__PURE__ */ e(nr, {}),
+          !D && be && r && c && /* @__PURE__ */ e(or, {}),
+          d && !D && be && h && r && c && /* @__PURE__ */ o(
+            M,
+            {
+              className: "h-7 p-2",
+              variant: "secondary",
+              disabled: v,
+              onClick: Ts,
+              size: "sm",
+              children: [
+                /* @__PURE__ */ e(Ga, { className: "mr-2 h-4 w-4" }),
+                "Save Lens"
+              ]
+            }
+          ),
+          d && !D && c && /* @__PURE__ */ o(
+            M,
+            {
+              variant: "outline",
+              className: "h-7 p-2",
+              size: "sm",
+              disabled: !d,
+              onClick: () => ws(),
+              children: [
+                /* @__PURE__ */ e(la, { className: "mr-2 h-4 w-4" }),
+                "Visual"
+              ]
+            }
+          ),
+          !D && !d && pe && c && /* @__PURE__ */ o(
+            M,
+            {
+              variant: "outline",
+              className: "h-7 p-2",
+              onClick: Es,
+              size: "sm",
+              children: [
+                /* @__PURE__ */ e(wt, { className: "mr-2 h-4 w-4" }),
+                "Edit"
+              ]
+            }
+          ),
+          Da && c && Ca && /* @__PURE__ */ o(
+            M,
+            {
+              variant: "outline",
+              className: "h-7 p-2",
+              onClick: Is,
+              size: "sm",
+              disabled: re,
+              children: [
+                /* @__PURE__ */ e(Dt, { className: "mr-2 h-4 w-4" }),
+                "Undo"
+              ]
+            }
+          ),
+          Da && c && /* @__PURE__ */ o("div", { className: "relative inline-flex", children: [
+            /* @__PURE__ */ o(
+              M,
+              {
+                className: X("h-7 p-2", !Fe && "opacity-60"),
+                disabled: re || !Fe,
+                onClick: () => $e(),
+                size: "sm",
+                children: [
+                  re ? /* @__PURE__ */ e(Y, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ e(Ga, { className: "mr-2 h-4 w-4" }),
+                  re ? "Saving..." : "Save"
+                ]
+              }
+            ),
+            Fe && !re && /* @__PURE__ */ e(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "pointer-events-none absolute -right-1 -top-1 h-2.5 w-2.5 rounded-full bg-orange-500 ring-2 ring-background"
+              }
+            )
+          ] }),
+          !D && d && r && c && /* @__PURE__ */ e("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ e(
+            M,
+            {
+              className: "h-7 p-2",
+              onClick: () => Na(!vs),
+              size: "sm",
+              variant: "ghost",
+              children: /* @__PURE__ */ e(Ct, { className: "h-4 w-4" })
+            }
+          ) }),
+          !D && r && /* @__PURE__ */ e(sr, {}),
+          d && !D && c && /* @__PURE__ */ o(
+            M,
+            {
+              variant: "outline",
+              className: "h-7 p-2",
+              onClick: Ms,
+              children: [
+                /* @__PURE__ */ e(ja, { className: "mr-2 h-4 w-4" }),
+                "Close"
+              ]
+            }
+          ),
+          !D && c && /* @__PURE__ */ o(ta, { children: [
+            /* @__PURE__ */ e(ra, { asChild: !0, children: /* @__PURE__ */ e(
+              B,
+              {
+                tooltip: "More Options",
+                className: "h-8 w-8 rounded-md border border-transparent p-0 text-muted-foreground hover:bg-muted/50 hover:text-foreground",
+                buttonProps: { "aria-label": "More dashboard options" },
+                children: /* @__PURE__ */ e(Et, { className: "h-4 w-4" })
+              }
+            ) }),
+            /* @__PURE__ */ o(
+              na,
+              {
+                align: "end",
+                className: "w-56 rounded-xl border border-border/60 p-1 shadow-sm",
+                children: [
+                  /* @__PURE__ */ e(De, { className: "px-2.5 text-xs font-medium text-muted-foreground", children: "Automation" }),
+                  /* @__PURE__ */ o(
+                    K,
+                    {
+                      onClick: () => $(!0),
+                      className: "flex items-center gap-2",
+                      children: [
+                        /* @__PURE__ */ e(At, { className: "mr-2 h-4 w-4" }),
+                        "Schedule Dashboard"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e(Qe, {}),
+                  xs && /* @__PURE__ */ o(k, { children: [
+                    /* @__PURE__ */ e(De, { className: "px-2.5 text-xs font-medium text-muted-foreground", children: "Access" }),
+                    /* @__PURE__ */ o(
+                      K,
+                      {
+                        onClick: () => U(!0),
+                        className: "flex items-center gap-2",
+                        children: [
+                          /* @__PURE__ */ e(W, { className: "mr-2 h-4 w-4" }),
+                          "Manage Groups"
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ e(Qe, {})
+                  ] }),
+                  /* @__PURE__ */ e(De, { className: "px-2.5 text-xs font-medium text-muted-foreground", children: "Preferences" }),
+                  /* @__PURE__ */ o(
+                    K,
+                    {
+                      onClick: () => q(!0),
+                      className: "flex items-center gap-2",
+                      children: [
+                        /* @__PURE__ */ e(Mt, { className: "mr-2 h-4 w-4" }),
+                        "Calendar Preferences"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ o(
+                    K,
+                    {
+                      onClick: () => H(!0),
+                      className: "flex items-center gap-2",
+                      children: [
+                        /* @__PURE__ */ e(Lt, { className: "mr-2 h-4 w-4" }),
+                        "Summary Settings"
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          ] }),
+          S && xa && /* @__PURE__ */ e(
+            kt,
+            {
+              resource: xa,
+              resourceType: He.DASHBOARD,
+              onClose: () => C(!1)
+            }
+          ),
+          /* @__PURE__ */ e(
+            Lr,
+            {
+              open: P,
+              onOpenChange: U
+            }
+          ),
+          (s == null ? void 0 : s.id) && /* @__PURE__ */ e(
+            It,
+            {
+              open: _,
+              onOpenChange: $,
+              dashboardId: s.id,
+              dashboardName: s == null ? void 0 : s.title
+            }
+          ),
+          /* @__PURE__ */ e(
+            zt,
+            {
+              open: V,
+              onOpenChange: q
+            }
+          ),
+          /* @__PURE__ */ e(
+            Bt,
+            {
+              open: w,
+              onOpenChange: H,
+              dashboard: s,
+              disabled: !d,
+              onApply: (l) => Ge({
+                ...s,
+                summary: l
+              })
+            }
+          ),
+          /* @__PURE__ */ e(
+            Ja,
+            {
+              open: Le,
+              onOpenChange: (l) => {
+                !l && Te && !E || (g(l), l || (I(null), j([]), me(!1)));
+              },
+              children: /* @__PURE__ */ o(Xa, { className: "max-w-sm", children: [
+                /* @__PURE__ */ o(Ya, { children: [
+                  /* @__PURE__ */ e(Za, { children: E ? "Save failed" : "Saving dashboard" }),
+                  /* @__PURE__ */ e(es, { className: "pt-2", children: E ? "We could not save the dashboard. Please try again." : "Please wait while we save your changes." }),
+                  R.length > 0 && /* @__PURE__ */ o("div", { className: "space-y-1 rounded-md border border-destructive/20 bg-destructive/5 p-3 text-left", children: [
+                    /* @__PURE__ */ e("div", { className: "text-sm font-medium text-destructive", children: "What needs attention" }),
+                    /* @__PURE__ */ e("ul", { className: "list-disc space-y-1 pl-4 text-xs text-muted-foreground", children: R.slice(0, 5).map((l) => /* @__PURE__ */ e("li", { children: l }, l)) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ e(as, { className: "flex-col gap-2 sm:flex-row sm:justify-end", children: E ? /* @__PURE__ */ o(k, { children: [
+                  /* @__PURE__ */ e(
+                    ss,
+                    {
+                      onClick: () => {
+                        g(!1), I(null), j([]), me(!1);
+                      },
+                      className: "m-0",
+                      children: "Close"
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    ea,
+                    {
+                      onClick: () => $e({
+                        closeAfterSave: ee,
+                        navigateHomeAfterSave: Pe === "home"
+                      }),
+                      className: "m-0",
+                      children: "Retry"
+                    }
+                  )
+                ] }) : /* @__PURE__ */ o(
+                  ea,
+                  {
+                    disabled: !0,
+                    className: "m-0 cursor-default",
+                    children: [
+                      /* @__PURE__ */ e(Y, { className: "mr-2 h-4 w-4 animate-spin" }),
+                      "Saving..."
+                    ]
+                  }
+                ) })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ e(
+            Ht,
+            {
+              open: Ds,
+              onOpenChange: (l) => {
+                se(l);
+              },
+              onSave: Ls,
+              onDiscard: ks,
+              isSaving: Te,
+              saveLabel: "Save",
+              discardLabel: "Discard"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  qr as default
+};