react-semaphor 0.1.260 → 0.1.262

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

@@ -0,0 +1,1979 @@
+import { jsxs as o, jsx as e, Fragment as I } from "react/jsx-runtime";
+import { bL as de, dn as $s, u as x, cy as ta, cz as ra, B as M, cB as na, cC as Q, dp as oa, N as Va, b as $, e as ia, dq as Vs, cp as la, f as ca, g as da, h as ua, i as qa, L as Ke, I as ce, v as qs, a6 as K, dr as De, cG as Qe, ds as Hs, dt as _a, du as Ha, c as Y, dv as ja, dw as js, cX as ma, dx as zs, dy as Bs, dz as Ks, dA as Qs, dB as Ws, dC as Js, H as Ae, V as Me, x as k, dD as za, d5 as Xs, dE as Ys, w as Z, cF as J, dF as Zs, dG as et, dH as We, dI as at, dJ as st, 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 tt, 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 rt, dS as nt, af as ot, U as Pa, ae as we, dT as it, al as lt, ag as He, dU as ct, dV as dt, dW as ut, aA as mt, dX as ht, dY as pt, bS as ft, bT as gt, bU as vt, dZ as bt, bV as yt, cD as Nt, as as St, d_ as xt, d$ as wt, dm as Dt, e0 as Ct, e1 as Et, cA as At, a8 as Mt, cI as Lt, e2 as kt, ak as It, a9 as Ot, ar as Tt, e3 as _t } from "./index-BtbNfaQD.js";
+import * as A from "react";
+import rs, { useState as N, useMemo as W, useCallback as Ua, useEffect as Pt } from "react";
+import "react-dom";
+import { b as Ut, u as Gt, d as Rt, A as Ft, V as $t, N as Vt, c as qt, D as Ht, U as jt } from "./dashboard-filter-controls-button-udrHABi3.js";
+import { l as zt } from "./date-formatter-vkCj9Ct-.js";
+import { C as Bt, D as Kt } from "./dashboard-summary-settings-dialog-DDxHxKjp.js";
+import { u as Qt } 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-BcMrPzMc.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 Wt = 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 Jt = 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 Xt = 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 Yt = 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 Zt = 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 er() {
+  if (Ra) return ze;
+  Ra = 1;
+  var a = rs;
+  function n(r, d) {
+    return r === d && (r !== 0 || 1 / r === 1 / d) || r !== r && d !== d;
+  }
+  var s = typeof Object.is == "function" ? Object.is : n, t = a.useState, i = a.useEffect, c = a.useLayoutEffect, u = a.useDebugValue;
+  function m(r, d) {
+    var f = d(), v = t({ 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 });
+      },
+      [r, f, d]
+    ), i(
+      function() {
+        return p(b) && S({ inst: b }), r(function() {
+          p(b) && S({ inst: b });
+        });
+      },
+      [r]
+    ), u(f), f;
+  }
+  function p(r) {
+    var d = r.getSnapshot;
+    r = r.value;
+    try {
+      var f = d();
+      return !s(r, f);
+    } catch {
+      return !0;
+    }
+  }
+  function y(r, 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 ar() {
+  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 (!r) {
+        var S = v();
+        c(b, S) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), r = !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, s(C) && P({ inst: C });
+        },
+        [f, b, v]
+      ), m(
+        function() {
+          return s(C) && P({ inst: C }), f(function() {
+            s(C) && P({ inst: C });
+          });
+        },
+        [f]
+      ), y(b), b;
+    }
+    function s(f) {
+      var v = f.getSnapshot;
+      f = f.value;
+      try {
+        var b = v();
+        return !c(f, b);
+      } catch {
+        return !0;
+      }
+    }
+    function t(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, r = !1, d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? t : 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 = er() : aa.exports = ar();
+var sr = aa.exports;
+function tr() {
+  const { setTheme: a } = $s(), n = x(
+    (s) => s.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(
+        Zt,
+        {
+          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__ */ o(na, { align: "end", children: [
+      /* @__PURE__ */ e(
+        Q,
+        {
+          onClick: () => {
+            a("light"), n("light");
+          },
+          children: "Light"
+        }
+      ),
+      /* @__PURE__ */ e(
+        Q,
+        {
+          onClick: () => {
+            a("dark"), n("dark");
+          },
+          children: "Dark"
+        }
+      ),
+      /* @__PURE__ */ e(
+        Q,
+        {
+          onClick: () => {
+            a("system"), n("system");
+          },
+          children: "System"
+        }
+      )
+    ] })
+  ] });
+}
+async function rr(a, n, s, t, i) {
+  if (!i)
+    return null;
+  const c = JSON.stringify(s), u = `${a}/v1/lens`;
+  return await oa(u, i, {
+    name: n,
+    template: c,
+    filterValues: t,
+    operation: "create"
+  });
+}
+async function sa(a, n, s) {
+  if (!s)
+    return null;
+  const { id: t, template: i, filterValues: c, isDefault: u, shared: m } = n, p = `${a}/v1/lens`;
+  return await oa(p, s, {
+    lensId: t,
+    template: i,
+    filterValues: c,
+    isDefault: u,
+    shared: m,
+    operation: "update"
+  });
+}
+async function nr(a, n, s) {
+  if (!s)
+    return null;
+  const t = `${a}/v1/lens`;
+  return await oa(t, s, {
+    operation: "delete",
+    lensId: n
+  });
+}
+function or() {
+  const [a, n] = N(""), [s, t] = N(!1), i = x((S) => S.lenses), { setLenses: c, setSelectedLensId: u } = Va(), [m, p] = N(!1), [y, h] = N(!1), r = x((S) => S.dashboard), d = x((S) => S.filterValues), { authToken: f, tokenProps: v } = $();
+  async function b() {
+    p(!0);
+    const S = await rr(
+      v.apiServiceUrl,
+      a,
+      r,
+      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(Vs, { 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"
+          }
+        )
+      ] }) }),
+      s && /* @__PURE__ */ e("p", { className: "text-sm", children: "The lens name already exists. Use a differnet name." }),
+      /* @__PURE__ */ e(qs, { children: /* @__PURE__ */ e(
+        M,
+        {
+          size: "sm",
+          variant: "outline",
+          type: "submit",
+          onClick: b,
+          disabled: m,
+          children: m ? "Creating..." : "Add"
+        }
+      ) })
+    ] })
+  ] });
+}
+function ir() {
+  const [a, n] = N(!1), s = x((r) => r.lenses), t = x((r) => r.selectedLensId), { setLenses: i, setSelectedLensId: c } = Va(), { authToken: u, tokenProps: m } = $();
+  async function p(r) {
+    c(r);
+  }
+  async function y(r) {
+    if (await nr(m.apiServiceUrl, r, u == null ? void 0 : u.accessToken)) {
+      const f = s == null ? void 0 : s.filter((v) => v.id !== r);
+      i(f || []), c("original");
+    }
+  }
+  async function h(r) {
+    const d = s == null ? void 0 : s.map((b) => b.id === r.id ? {
+      ...b,
+      isDefault: !r.isDefault
+    } : {
+      ...b,
+      isDefault: !1
+    });
+    i(d || []);
+    const f = {
+      ...r,
+      isDefault: !r.isDefault
+    };
+    await sa(m.apiServiceUrl, f, u == null ? void 0 : u.accessToken);
+    const v = s == null ? void 0 : s.find((b) => b.isDefault);
+    if (v && v.id !== r.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(K, { tooltip: "Lenses", className: "h-7 p-2", children: /* @__PURE__ */ e(Wt, { 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(
+        Hs,
+        {
+          value: t,
+          onValueChange: p,
+          children: [
+            /* @__PURE__ */ e(_a, { value: "original", children: "Original" }),
+            s == null ? void 0 : s.map((r) => /* @__PURE__ */ o(
+              _a,
+              {
+                className: "group flex justify-between gap-2",
+                value: r.id,
+                children: [
+                  /* @__PURE__ */ e("p", { children: r.name }),
+                  /* @__PURE__ */ o("span", { className: "flex items-center gap-3", children: [
+                    /* @__PURE__ */ e(
+                      Ha,
+                      {
+                        onClick: (d) => {
+                          d.preventDefault(), h(r);
+                        },
+                        className: Y(
+                          "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
+                          {
+                            invisible: !r.isDefault,
+                            "text-green-500": r.isDefault
+                          }
+                        ),
+                        strokeWidth: 1.5
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      ja,
+                      {
+                        onClick: (d) => {
+                          d.preventDefault(), y(r.id);
+                        },
+                        className: "invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
+                        strokeWidth: 1.5
+                      }
+                    )
+                  ] })
+                ]
+              },
+              r.id
+            ))
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function lr() {
+  const { displayPreferences: a, shouldShowElement: n } = js(), { currentUser: s, userContext: t } = ma(), i = W(
+    () => zs(s),
+    [s]
+  ), c = W(() => (m) => i && i[m] !== void 0 && i[m] === !1 ? !1 : n(m), [i, n, a]), u = W(
+    () => {
+      var m, p, y, h, r;
+      return {
+        canEdit: ((m = t == null ? void 0 : t.permissions) == null ? void 0 : m.canEdit) ?? Js(s),
+        canUseFilters: ((p = t == null ? void 0 : t.permissions) == null ? void 0 : p.canEdit) ?? Ws(s),
+        canManageDashboards: ((y = t == null ? void 0 : t.permissions) == null ? void 0 : y.canCreateDashboard) ?? Qs(s),
+        canCreateDashboards: ((h = t == null ? void 0 : t.permissions) == null ? void 0 : h.canCreateDashboard) ?? Ks(s),
+        canAccessVisuals: ((r = t == null ? void 0 : t.permissions) == null ? void 0 : r.canEdit) ?? Bs(s)
+      };
+    },
+    [s, t]
+  );
+  return {
+    displayPreferences: a,
+    shouldShowElement: c,
+    permissions: u,
+    currentUser: s
+  };
+}
+const cr = async (a, n, s) => {
+  const t = `${a}/management/v1/groups`;
+  return await za(t, n, s);
+}, dr = async (a, n, s) => {
+  const t = `${a}/management/v1/groups/${s}`, i = await fetch(t, {
+    method: "DELETE",
+    headers: {
+      Authorization: `Bearer ${n}`
+    }
+  });
+  if (!i.ok) {
+    const c = await i.text();
+    throw new Error(c || "Failed to delete group");
+  }
+}, ur = async (a, n, s, t) => {
+  const i = `${a}/management/v1/groups/${s}/members`;
+  return await za(i, n, t);
+}, mr = async (a, n, s, t) => {
+  const i = `${a}/management/v1/groups/${s}/members`, c = await fetch(i, {
+    method: "DELETE",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${n}`
+    },
+    body: JSON.stringify(t)
+  });
+  if (!c.ok) {
+    const u = await c.text();
+    throw new Error(u || "Failed to remove group members");
+  }
+};
+function hr() {
+  const { authToken: a, tokenProps: n } = $(), s = Ae();
+  return Me({
+    mutationFn: (t) => cr(n.apiServiceUrl, (a == null ? void 0 : a.accessToken) || "", t),
+    onSuccess: () => {
+      s.invalidateQueries({ queryKey: ["groups"] }), k.success("Group created successfully");
+    },
+    onError: (t) => {
+      console.error("Failed to create group:", t), k.error("Failed to create group", {
+        description: t.message
+      });
+    }
+  });
+}
+function pr() {
+  const { authToken: a, tokenProps: n } = $(), s = Ae();
+  return Me({
+    mutationFn: (t) => dr(n.apiServiceUrl, (a == null ? void 0 : a.accessToken) || "", t),
+    onSuccess: (t, i) => {
+      s.invalidateQueries({ queryKey: ["groups"] }), s.removeQueries({ queryKey: ["group", i] }), k.success("Group deleted successfully");
+    },
+    onError: (t) => {
+      console.error("Failed to delete group:", t), k.error("Failed to delete group", {
+        description: t.message
+      });
+    }
+  });
+}
+function fr() {
+  const { authToken: a, tokenProps: n } = $(), s = Ae();
+  return Me({
+    mutationFn: ({
+      groupId: t,
+      data: i
+    }) => ur(n.apiServiceUrl, (a == null ? void 0 : a.accessToken) || "", t, i),
+    onSuccess: (t, i) => {
+      s.invalidateQueries({ queryKey: ["group", i.groupId] }), s.invalidateQueries({
+        queryKey: ["group-members", i.groupId]
+      }), s.invalidateQueries({ queryKey: ["groups"] }), k.success("Members added successfully");
+    },
+    onError: (t) => {
+      console.error("Failed to add group members:", t), k.error("Failed to add members", {
+        description: t.message
+      });
+    }
+  });
+}
+function gr() {
+  const { authToken: a, tokenProps: n } = $(), s = Ae();
+  return Me({
+    mutationFn: ({
+      groupId: t,
+      data: i
+    }) => mr(n.apiServiceUrl, (a == null ? void 0 : a.accessToken) || "", t, i),
+    onSuccess: (t, i) => {
+      s.invalidateQueries({ queryKey: ["group", i.groupId] }), s.invalidateQueries({
+        queryKey: ["group-members", i.groupId]
+      }), s.invalidateQueries({ queryKey: ["groups"] }), k.success("Members removed successfully");
+    },
+    onError: (t) => {
+      console.error("Failed to remove group members:", t), k.error("Failed to remove members", {
+        description: t.message
+      });
+    }
+  });
+}
+function vr({
+  onSuccess: a,
+  tenantId: n,
+  isTenantUser: s
+}) {
+  const [t, i] = N(""), [c, u] = N(""), [m, p] = N({}), y = hr(), h = () => {
+    const d = {};
+    return t.trim() ? t.length < 3 ? d.name = "Group name must be at least 3 characters" : t.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: t.trim(),
+      description: c.trim() || void 0,
+      type: s ? "TENANT_GROUP" : "ORG_GROUP",
+      ...s && 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: t,
+            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(
+          Xs,
+          {
+            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(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__ */ 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 || !t.trim(),
+          children: y.isPending ? /* @__PURE__ */ o(I, { children: [
+            /* @__PURE__ */ e(Z, { className: "mr-2 h-4 w-4 animate-spin" }),
+            "Creating..."
+          ] }) : /* @__PURE__ */ o(I, { children: [
+            /* @__PURE__ */ e(J, { className: "mr-2 h-4 w-4" }),
+            "Create Group"
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+function br(a, n = []) {
+  let s = [];
+  function t(c, u) {
+    const m = A.createContext(u);
+    m.displayName = c + "Context";
+    const p = s.length;
+    s = [...s, u];
+    const y = (r) => {
+      var C;
+      const { scope: d, children: f, ...v } = r, 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(r, 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(`\`${r}\` must be used within \`${c}\``);
+    }
+    return [y, h];
+  }
+  const i = () => {
+    const c = s.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, [t, yr(i, ...n)];
+}
+function yr(...a) {
+  const n = a[0];
+  if (a.length === 1) return n;
+  const s = () => {
+    const t = a.map((i) => ({
+      useScope: i(),
+      scopeName: i.scopeName
+    }));
+    return function(c) {
+      const u = t.reduce((m, { useScope: p, scopeName: y }) => {
+        const r = p(c)[`__scope${y}`];
+        return { ...m, ...r };
+      }, {});
+      return A.useMemo(() => ({ [`__scope${n.scopeName}`]: u }), [u]);
+    };
+  };
+  return s.scopeName = n.scopeName, s;
+}
+var Nr = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], ha = Nr.reduce((a, n) => {
+  const s = Zs(`Primitive.${n}`), t = A.forwardRef((i, c) => {
+    const { asChild: u, ...m } = i, p = u ? s : n;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ e(p, { ...m, ref: c });
+  });
+  return t.displayName = `Primitive.${n}`, { ...a, [n]: t };
+}, {});
+function Sr() {
+  return sr.useSyncExternalStore(
+    xr,
+    () => !0,
+    () => !1
+  );
+}
+function xr() {
+  return () => {
+  };
+}
+var pa = "Avatar", [wr] = br(pa), [Dr, ns] = wr(pa), os = A.forwardRef(
+  (a, n) => {
+    const { __scopeAvatar: s, ...t } = a, [i, c] = A.useState("idle");
+    return /* @__PURE__ */ e(
+      Dr,
+      {
+        scope: s,
+        imageLoadingStatus: i,
+        onImageLoadingStatusChange: c,
+        children: /* @__PURE__ */ e(ha.span, { ...t, ref: n })
+      }
+    );
+  }
+);
+os.displayName = pa;
+var is = "AvatarImage", ls = A.forwardRef(
+  (a, n) => {
+    const { __scopeAvatar: s, src: t, onLoadingStatusChange: i = () => {
+    }, ...c } = a, u = ns(is, s), m = Cr(t, c), p = et((y) => {
+      i(y), u.onImageLoadingStatusChange(y);
+    });
+    return We(() => {
+      m !== "idle" && p(m);
+    }, [m, p]), m === "loaded" ? /* @__PURE__ */ e(ha.img, { ...c, ref: n, src: t }) : null;
+  }
+);
+ls.displayName = is;
+var cs = "AvatarFallback", ds = A.forwardRef(
+  (a, n) => {
+    const { __scopeAvatar: s, delayMs: t, ...i } = a, c = ns(cs, s), [u, m] = A.useState(t === void 0);
+    return A.useEffect(() => {
+      if (t !== void 0) {
+        const p = window.setTimeout(() => m(!0), t);
+        return () => window.clearTimeout(p);
+      }
+    }, [t]), 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 Cr(a, { referrerPolicy: n, crossOrigin: s }) {
+  const t = Sr(), i = A.useRef(null), c = t ? (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 = (r) => () => {
+      m(r);
+    };
+    if (!c) return;
+    const y = p("loaded"), h = p("error");
+    return c.addEventListener("load", y), c.addEventListener("error", h), n && (c.referrerPolicy = n), typeof s == "string" && (c.crossOrigin = s), () => {
+      c.removeEventListener("load", y), c.removeEventListener("error", h);
+    };
+  }, [c, s, n]), u;
+}
+var us = os, ms = ls, hs = ds;
+const fa = A.forwardRef(({ className: a, ...n }, s) => /* @__PURE__ */ e(
+  us,
+  {
+    ref: s,
+    className: Y(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      a
+    ),
+    ...n
+  }
+));
+fa.displayName = us.displayName;
+const Er = A.forwardRef(({ className: a, ...n }, s) => /* @__PURE__ */ e(
+  ms,
+  {
+    ref: s,
+    className: Y("aspect-square h-full w-full", a),
+    ...n
+  }
+));
+Er.displayName = ms.displayName;
+const ga = A.forwardRef(({ className: a, ...n }, s) => /* @__PURE__ */ e(
+  hs,
+  {
+    ref: s,
+    className: Y(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      a
+    ),
+    ...n
+  }
+));
+ga.displayName = hs.displayName;
+function Ar({
+  open: a,
+  onOpenChange: n,
+  group: s,
+  onUpdate: t
+}) {
+  const [i, c] = N("members"), [u, m] = N(""), [p, y] = N([]), [h, r] = N([]), { data: d, isLoading: f, refetch: v } = at(s.id), b = s.type === "TENANT_GROUP" ? "tenant" : "organization", { users: S, isLoading: C } = st({
+    type: b,
+    tenantId: s.tenantId || void 0,
+    active: !0,
+    limit: 100
+  }), P = fr(), U = gr(), _ = (d == null ? void 0 : d.members) || [], V = W(() => new Set(_.map((g) => g.userId)), [_]), q = W(() => S.filter((g) => !V.has(g.id)), [S, V]), H = W(() => {
+    if (!u) return q;
+    const g = u.toLowerCase();
+    return q.filter(
+      (E) => {
+        var O, F;
+        return ((O = E.name) == null ? void 0 : O.toLowerCase().includes(g)) || ((F = E.email) == null ? void 0 : F.toLowerCase().includes(g));
+      }
+    );
+  }, [q, u]), w = W(() => {
+    if (!u) return _;
+    const g = u.toLowerCase();
+    return _.filter(
+      (E) => {
+        var O, F, z, ae;
+        return ((F = (O = E.user) == null ? void 0 : O.name) == null ? void 0 : F.toLowerCase().includes(g)) || ((ae = (z = E.user) == null ? void 0 : z.email) == null ? void 0 : ae.toLowerCase().includes(g));
+      }
+    );
+  }, [_, u]), j = async () => {
+    if (p.length !== 0)
+      try {
+        await P.mutateAsync({
+          groupId: s.id,
+          data: {
+            userIds: p,
+            userType: b === "tenant" ? "tenant" : "org"
+          }
+        }), y([]), c("members"), v(), t == null || t();
+      } catch (g) {
+        console.error("Failed to add members:", g);
+      }
+  }, ue = async () => {
+    if (h.length !== 0)
+      try {
+        await U.mutateAsync({
+          groupId: s.id,
+          data: {
+            userIds: h
+          }
+        }), r([]), v(), t == null || t();
+      } catch (g) {
+        console.error("Failed to remove members:", g);
+      }
+  }, ee = (g) => {
+    y(
+      (E) => E.includes(g) ? E.filter((O) => O !== g) : [...E, g]
+    );
+  }, Le = (g) => {
+    r(
+      (E) => E.includes(g) ? E.filter((O) => O !== g) : [...E, g]
+    );
+  };
+  return /* @__PURE__ */ e(I, { 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: s.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 ",
+        s.name,
+        " group"
+      ] })
+    ] }),
+    /* @__PURE__ */ o(Ba, { value: i, onValueChange: (g) => {
+      c(g), m(""), r([]);
+    }, 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(J, { 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(
+          Mr,
+          {
+            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(I, { children: [
+                /* @__PURE__ */ e(Z, { className: "mr-2 h-4 w-4 animate-spin" }),
+                "Removing..."
+              ] }) : /* @__PURE__ */ o(I, { 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)) }) : H.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: H.map((g) => /* @__PURE__ */ e(
+          Lr,
+          {
+            user: g,
+            selected: p.includes(g.id),
+            onToggle: () => ee(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: j,
+              disabled: P.isPending,
+              children: P.isPending ? /* @__PURE__ */ o(I, { children: [
+                /* @__PURE__ */ e(Z, { className: "mr-2 h-4 w-4 animate-spin" }),
+                "Adding..."
+              ] }) : /* @__PURE__ */ o(I, { children: [
+                /* @__PURE__ */ e(Ze, { className: "mr-2 h-4 w-4" }),
+                "Add Members"
+              ] })
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] }) }) });
+}
+function Mr({
+  member: a,
+  selected: n,
+  onToggle: s
+}) {
+  var i, c, u, m;
+  const t = ((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: s,
+      children: [
+        /* @__PURE__ */ e(Wa, { checked: n }),
+        /* @__PURE__ */ e(fa, { className: "h-8 w-8", children: /* @__PURE__ */ e(ga, { className: "text-xs", children: t }) }),
+        /* @__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 Lr({
+  user: a,
+  selected: n,
+  onToggle: s
+}) {
+  var i;
+  const t = ((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: s,
+      children: [
+        /* @__PURE__ */ e(Wa, { checked: n }),
+        /* @__PURE__ */ e(fa, { className: "h-8 w-8", children: /* @__PURE__ */ e(ga, { className: "text-xs", children: t }) }),
+        /* @__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 kr({
+  open: a,
+  onOpenChange: n
+}) {
+  const [s, t] = N("groups"), [i, c] = N(""), [u, m] = N(null), [p, y] = N(!1), [h, r] = N(null), { tokenProps: d } = $(), { currentUser: f } = ma(), v = pr(), b = (f == null ? void 0 : f.type) === "tenant", S = d == null ? void 0 : d.tenantId, { groups: C, isLoading: P, refetch: U } = tt({
+    type: b ? "TENANT_GROUP" : "all",
+    tenantId: b ? S : void 0,
+    includeMembers: !1
+  }), _ = C.filter(
+    (w) => {
+      var j;
+      return w.name.toLowerCase().includes(i.toLowerCase()) || ((j = w.description) == null ? void 0 : j.toLowerCase().includes(i.toLowerCase()));
+    }
+  ), V = async () => {
+    if (h)
+      try {
+        await v.mutateAsync(h.id), r(null), U();
+      } catch (w) {
+        console.error("Failed to delete group:", w);
+      }
+  }, q = (w) => {
+    m(w), y(!0);
+  }, H = () => {
+    t("groups"), U();
+  };
+  return /* @__PURE__ */ o(I, { 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(J, { 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: s, onValueChange: t, 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(J, { 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(J, { 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(
+            Ir,
+            {
+              group: w,
+              onManageMembers: () => q(w),
+              onDelete: () => r(w),
+              currentUserId: f == null ? void 0 : f.id
+            },
+            w.id
+          )) }) })
+        ] }) }),
+        /* @__PURE__ */ e(Ee, { value: "create", className: "mt-4", children: /* @__PURE__ */ e(
+          vr,
+          {
+            onSuccess: H,
+            tenantId: S,
+            isTenantUser: b
+          }
+        ) })
+      ] })
+    ] }) }),
+    u && /* @__PURE__ */ e(
+      Ar,
+      {
+        open: p,
+        onOpenChange: y,
+        group: u,
+        onUpdate: () => U()
+      }
+    ),
+    /* @__PURE__ */ e(
+      Ja,
+      {
+        open: !!h,
+        onOpenChange: () => r(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: V,
+                disabled: v.isPending,
+                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                children: v.isPending ? /* @__PURE__ */ o(I, { children: [
+                  /* @__PURE__ */ e(Z, { className: "mr-2 h-4 w-4 animate-spin" }),
+                  "Deleting..."
+                ] }) : "Delete Group"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function Ir({
+  group: a,
+  onManageMembers: n,
+  onDelete: s,
+  currentUserId: t
+}) {
+  const i = a.createdBy === t;
+  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(J, { className: "h-3 w-3" }),
+          a.memberCount,
+          " ",
+          a.memberCount === 1 ? "member" : "members"
+        ] }),
+        /* @__PURE__ */ o("span", { children: [
+          "Created ",
+          zt(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: s,
+          title: "Delete group",
+          className: "text-destructive hover:text-destructive",
+          children: /* @__PURE__ */ e(Qa, { className: "h-4 w-4" })
+        }
+      )
+    ] })
+  ] }) });
+}
+function ie(a, n, s) {
+  var c, u;
+  const t = (a.controls || []).find(
+    (m) => m.id === s
+  );
+  if (t)
+    return t.label;
+  const i = (u = (c = ts(a, n)) == null ? void 0 : c.controls) == null ? void 0 : u.find(
+    (m) => m.id === s
+  );
+  return (i == null ? void 0 : i.label) || s;
+}
+function le(a, n) {
+  var s;
+  return ((s = ts(a, n)) == null ? void 0 : s.title) || n;
+}
+function Or(a) {
+  const { errors: n, dashboard: s } = a;
+  if (!s)
+    return n;
+  const t = /* @__PURE__ */ new Map();
+  for (const i of n) {
+    const c = i.match(
+      /^Card '(.+)' binding for control '(.+)' maps to missing metric '(.+)'\.$/
+    );
+    if (c) {
+      const [, h, r] = c, d = `${h}:${r}:missing-metric`;
+      t.has(d) || t.set(
+        d,
+        `"${le(s, h)}" has an outdated "${ie(
+          s,
+          h,
+          r
+        )}" 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, r] = u, d = `${h}:${r}:missing-group-by`;
+      t.has(d) || t.set(
+        d,
+        `"${le(s, h)}" has an outdated "${ie(
+          s,
+          h,
+          r
+        )}" 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, r] = m, d = `${h}:${r}:invalid-metric`;
+      t.has(d) || t.set(
+        d,
+        `"${le(s, h)}" has an invalid "${ie(
+          s,
+          h,
+          r
+        )}" 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, r] = p, d = `${h}:${r}:invalid-group-by`;
+      t.has(d) || t.set(
+        d,
+        `"${le(s, h)}" has an invalid "${ie(
+          s,
+          h,
+          r
+        )}" 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, r] = y, d = `${h}:${r}:missing-temporal-group-by`;
+      t.has(d) || t.set(
+        d,
+        `"${le(s, h)}" can no longer use "${ie(
+          s,
+          h,
+          r
+        )}" for time grain because the card does not currently group by a date field.`
+      );
+      continue;
+    }
+    t.set(i, i);
+  }
+  return Array.from(t.values());
+}
+function Hr() {
+  var La, ka, Ia, Oa;
+  Ut(), Gt();
+  const {
+    authToken: a,
+    tokenProps: n,
+    id: s
+  } = $(), { isLocalDev: t } = rt(), { permissions: i } = lr(), c = nt(), { isLoading: u } = ot();
+  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), r = 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), [_, V] = N(!1), [q, H] = N(!1), [w, j] = N(!1), [ue, ee] = N(null), [Le, g] = N(!1), [E, O] = N(null), [F, z] = N([]), [ae, 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 se = we(
+    (l) => l.selectedDashboard
+  ), he = we(
+    (l) => l.initialDashboard
+  );
+  we((l) => l.selectedVisual), x((l) => l.selectedFrameId), Pa((l) => l.frame);
+  const pe = se ? (ka = se == null ? void 0 : se.permissions) == null ? void 0 : ka.canEdit : (La = he == null ? void 0 : he.permissions) == null ? void 0 : La.canEdit, fe = x((l) => l.showFilters), va = it((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 } = lt(He.DASHBOARD), { data: Oe } = ct(), bs = ((Ia = Oe == null ? void 0 : Oe.preference) == null ? void 0 : Ia.defaultDashboardId) || null, { mutate: ys, isPending: Ns } = dt(), { currentUser: Ss } = ma(), xs = ut(Ss), X = se || he, xa = X ? {
+    id: X.id,
+    title: (r == null ? void 0 : r.title) || X.title || "Dashboard"
+  } : null, { handleAddNewFrame: ws } = mt(), [Te, _e] = N(!1), [Ds, te] = N(!1), [Pe, ve] = N("close"), re = ht(He.DASHBOARD), [G, Ue] = N(
+    null
+  ), wa = Ua(
+    (l) => {
+      window.setTimeout(() => {
+        ee(l);
+      }, 0);
+    },
+    []
+  ), Cs = async (l, L) => {
+    if (!(r != null && r.id)) {
+      console.log("No dashboard ID found");
+      return;
+    }
+    console.log("Updating dashboard title:", {
+      dashboardId: r.id,
+      newTitle: l,
+      previousTitle: L
+    }), re.mutate(
+      {
+        resourceId: r.id,
+        data: { title: l }
+      },
+      {
+        onSuccess: () => {
+          console.log("Dashboard title updated successfully"), k.success("Dashboard title updated");
+        },
+        onError: (R) => {
+          console.error("Failed to update dashboard title:", R), k.error("Failed to update dashboard title"), f(L);
+        }
+      }
+    );
+  };
+  Pt(() => {
+    if (ge && ge.length > 0) {
+      const l = r == null ? void 0 : r.id;
+      if (l) {
+        const L = ge.find(
+          (R) => R.id === l
+        );
+        L && Sa(L);
+      }
+    }
+  }, [ge, r == null ? void 0 : r.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), ee(null);
+  };
+  Rt(
+    d,
+    r,
+    G,
+    (l) => Ue(l)
+  );
+  const { isDirty: Ca, isDirtyPending: As, resetDirty: ye } = Qt(
+    r,
+    G,
+    300,
+    1e3,
+    je
+  ), Ea = Ua(() => G ? je(r) !== je(G) : !1, [r, G]), Fe = Ca || As, ne = Te || re.isPending, Ms = () => {
+    Ea() ? (ve("close"), te(!0)) : (Re(), ye());
+  }, Ls = async () => {
+    await $e({
+      closeAfterSave: !0,
+      navigateHomeAfterSave: Pe === "home"
+    });
+  }, ks = () => {
+    G && Ge(G), Re(), Pe === "home" && Ie(), ve("close"), te(!1), ye();
+  }, Is = () => {
+    G && (Ge(G), ye());
+  }, Os = () => {
+    if (d && Ea()) {
+      ve("home"), te(!0);
+      return;
+    }
+    Ie();
+  };
+  async function $e(l) {
+    const L = x.getState().dashboard;
+    if (!L)
+      return;
+    const R = (l == null ? void 0 : l.closeAfterSave) ?? ae, Gs = (l == null ? void 0 : l.navigateHomeAfterSave) ?? !1;
+    me(R), R && te(!1);
+    const Rs = Tt(L);
+    g(!0), O(null), z([]), _e(!0);
+    const Fs = {
+      template: L
+    };
+    re.mutate(
+      {
+        resourceId: L.id,
+        data: Fs
+      },
+      {
+        onSuccess: (T) => {
+          var Ne, Se, Ta;
+          const B = (T == null ? void 0 : T.id) || ((Ne = T == null ? void 0 : T.dashboard) == null ? void 0 : Ne.id) || ((Se = T == null ? void 0 : T.resource) == null ? void 0 : Se.id) || ((Ta = T == null ? void 0 : T.template) == null ? void 0 : Ta.id) || null;
+          if (!L.id && B) {
+            const qe = _t.getState(), xe = qe.pendingDashboardDraftMigration;
+            (xe == null ? void 0 : xe.scopeKey) === m ? qe.actions.setPendingDashboardDraftMigrationExpectedDashboardId(
+              B
+            ) : xe && qe.actions.clearPendingDashboardDraftMigration();
+          }
+          _e(!1), k.success("Dashboard saved!"), Ue(Rs), g(!1), me(!1), R && (Re(), ye(), Gs && Ie()), ve("close");
+        },
+        onError: (T) => {
+          _e(!1), O("Failed to save dashboard. Please try again.");
+          const B = T.details, Ne = Array.isArray(
+            B == null ? void 0 : B.errors
+          ) ? (B.errors || []).filter(
+            (Se) => typeof Se == "string"
+          ) : [];
+          z(
+            Or({
+              errors: Ne,
+              dashboard: L || void 0
+            })
+          ), k.error("Failed to save dashboard");
+        }
+      }
+    );
+  }
+  async function Ts() {
+    if (b(!0), !y || !h) return;
+    const l = x.getState().dashboard;
+    if (!l) {
+      b(!1);
+      return;
+    }
+    const L = JSON.stringify(l), R = {
+      ...h,
+      template: L,
+      filterValues: gs
+    };
+    await sa(
+      n.apiServiceUrl,
+      R,
+      a == null ? void 0 : a.accessToken
+    ), k.success("Lens saved"), ke == null || ke(l), b(!1);
+  }
+  const Aa = (h == null ? void 0 : h.name) || r.title;
+  re.isPending && console.log("Title during update:", {
+    title: Aa,
+    dashboardStateTitle: r.title,
+    dashboardId: r == null ? void 0 : r.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, oe = (r == null ? void 0 : r.id) || null, Ve = !!oe && bs === oe, Us = () => {
+    oe && ys({
+      dashboardId: Ve ? null : oe
+    });
+  };
+  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(I, { children: [
+            /* @__PURE__ */ e(
+              K,
+              {
+                "aria-label": "Manage Dashboards",
+                tooltip: "Manage Dashboards",
+                onClick: () => {
+                  fs(!ps);
+                },
+                className: "h-7 p-2",
+                children: /* @__PURE__ */ e(Jt, { className: "h-4 w-4" })
+              }
+            ),
+            Ps && !D && /* @__PURE__ */ e(
+              K,
+              {
+                "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(I, { children: [
+            /* @__PURE__ */ e(
+              pt,
+              {
+                value: Aa || "Untitled Dashboard",
+                onSave: (l) => {
+                  console.log("EditableText onSave called:", {
+                    newTitle: l,
+                    canEditDashboard: pe,
+                    dashboardId: r == null ? void 0 : r.id
+                  });
+                  const L = (r == null ? void 0 : r.title) || "";
+                  f(l), Cs(l, L);
+                },
+                isEditable: pe && !h,
+                displayClassName: "text-sm font-medium",
+                inputClassName: "text-sm font-medium",
+                placeholder: "Dashboard Title",
+                isPending: re.isPending
+              }
+            ),
+            _s && oe && /* @__PURE__ */ e(ft, { children: /* @__PURE__ */ o(gt, { children: [
+              /* @__PURE__ */ e(vt, { 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(
+                    bt,
+                    {
+                      className: Y(
+                        "h-4 w-4 transition-colors",
+                        Ve ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground hover:text-yellow-400"
+                      )
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ e(yt, { 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(I, { children: [
+            /* @__PURE__ */ e(Ft, { className: "mr-2" }),
+            /* @__PURE__ */ e($t, { className: "h-7" })
+          ] }),
+          t && !D && /* @__PURE__ */ o(I, { children: [
+            /* @__PURE__ */ e(
+              K,
+              {
+                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(() => k.success("Token copied to clipboard")).catch(() => k.error("Unable to copy token")) : k.error("Clipboard not available"));
+                },
+                className: "h-7 p-2",
+                children: /* @__PURE__ */ e(Nt, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ e(
+              K,
+              {
+                tooltip: "Invalidate Token",
+                onClick: () => St(n.apiServiceUrl),
+                className: "h-7 p-2",
+                children: /* @__PURE__ */ e(Yt, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          !D && c && /* @__PURE__ */ e(xt, {}),
+          !D && c && /* @__PURE__ */ e(Vt, {}),
+          !D && c && ((Oa = X == null ? void 0 : X.permissions) == null ? void 0 : Oa.canShare) && /* @__PURE__ */ e(
+            K,
+            {
+              tooltip: "Share Dashboard",
+              onClick: () => C(!0),
+              className: "h-7 p-2",
+              children: /* @__PURE__ */ e(wt, { className: "h-4 w-4" })
+            }
+          ),
+          !D && d && i.canUseFilters && c && /* @__PURE__ */ e(
+            qt,
+            {
+              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(
+            Ht,
+            {
+              open: !0,
+              onOpenChange: (l) => {
+                l || ee(null);
+              },
+              showTrigger: !1,
+              initialMode: ue
+            }
+          ) : null,
+          d && !D && be && t && c && /* @__PURE__ */ e(or, {}),
+          !D && be && t && c && /* @__PURE__ */ e(ir, {}),
+          d && !D && be && h && t && 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(Dt, { 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: ne,
+              children: [
+                /* @__PURE__ */ e(Ct, { className: "mr-2 h-4 w-4" }),
+                "Undo"
+              ]
+            }
+          ),
+          Da && c && /* @__PURE__ */ o("div", { className: "relative inline-flex", children: [
+            /* @__PURE__ */ o(
+              M,
+              {
+                className: Y("h-7 p-2", !Fe && "opacity-60"),
+                disabled: ne || !Fe,
+                onClick: () => $e(),
+                size: "sm",
+                children: [
+                  ne ? /* @__PURE__ */ e(Z, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ e(Ga, { className: "mr-2 h-4 w-4" }),
+                  ne ? "Saving..." : "Save"
+                ]
+              }
+            ),
+            Fe && !ne && /* @__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 && t && 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(Et, { className: "h-4 w-4" })
+            }
+          ) }),
+          !D && t && /* @__PURE__ */ e(tr, {}),
+          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(
+              K,
+              {
+                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(At, { 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(
+                    Q,
+                    {
+                      onClick: () => V(!0),
+                      className: "flex items-center gap-2",
+                      children: [
+                        /* @__PURE__ */ e(Mt, { className: "mr-2 h-4 w-4" }),
+                        "Schedule Dashboard"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e(Qe, {}),
+                  xs && /* @__PURE__ */ o(I, { children: [
+                    /* @__PURE__ */ e(De, { className: "px-2.5 text-xs font-medium text-muted-foreground", children: "Access" }),
+                    /* @__PURE__ */ o(
+                      Q,
+                      {
+                        onClick: () => U(!0),
+                        className: "flex items-center gap-2",
+                        children: [
+                          /* @__PURE__ */ e(J, { 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(
+                    Q,
+                    {
+                      onClick: () => H(!0),
+                      className: "flex items-center gap-2",
+                      children: [
+                        /* @__PURE__ */ e(Lt, { className: "mr-2 h-4 w-4" }),
+                        "Calendar Preferences"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ o(
+                    Q,
+                    {
+                      onClick: () => j(!0),
+                      className: "flex items-center gap-2",
+                      children: [
+                        /* @__PURE__ */ e(kt, { className: "mr-2 h-4 w-4" }),
+                        "Summary Settings"
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          ] }),
+          S && xa && /* @__PURE__ */ e(
+            It,
+            {
+              resource: xa,
+              resourceType: He.DASHBOARD,
+              onClose: () => C(!1)
+            }
+          ),
+          /* @__PURE__ */ e(
+            kr,
+            {
+              open: P,
+              onOpenChange: U
+            }
+          ),
+          (r == null ? void 0 : r.id) && /* @__PURE__ */ e(
+            Ot,
+            {
+              open: _,
+              onOpenChange: V,
+              dashboardId: r.id,
+              dashboardName: r == null ? void 0 : r.title
+            }
+          ),
+          /* @__PURE__ */ e(
+            Bt,
+            {
+              open: q,
+              onOpenChange: H
+            }
+          ),
+          /* @__PURE__ */ e(
+            Kt,
+            {
+              open: w,
+              onOpenChange: j,
+              dashboard: r,
+              disabled: !d,
+              onApply: (l) => Ge({
+                ...r,
+                summary: l
+              })
+            }
+          ),
+          /* @__PURE__ */ e(
+            Ja,
+            {
+              open: Le,
+              onOpenChange: (l) => {
+                !l && Te && !E || (g(l), l || (O(null), z([]), 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." }),
+                  F.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: F.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(I, { children: [
+                  /* @__PURE__ */ e(
+                    ss,
+                    {
+                      onClick: () => {
+                        g(!1), O(null), z([]), me(!1);
+                      },
+                      className: "m-0",
+                      children: "Close"
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    ea,
+                    {
+                      onClick: () => $e({
+                        closeAfterSave: ae,
+                        navigateHomeAfterSave: Pe === "home"
+                      }),
+                      className: "m-0",
+                      children: "Retry"
+                    }
+                  )
+                ] }) : /* @__PURE__ */ o(
+                  ea,
+                  {
+                    disabled: !0,
+                    className: "m-0 cursor-default",
+                    children: [
+                      /* @__PURE__ */ e(Z, { className: "mr-2 h-4 w-4 animate-spin" }),
+                      "Saving..."
+                    ]
+                  }
+                ) })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ e(
+            jt,
+            {
+              open: Ds,
+              onOpenChange: (l) => {
+                te(l);
+              },
+              onSave: Ls,
+              onDiscard: ks,
+              isSaving: Te,
+              saveLabel: "Save",
+              discardLabel: "Discard"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  Hr as default
+};