react-semaphor 0.1.290 → 0.1.292

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

@@ -0,0 +1,1970 @@
+import { jsx as e, jsxs as o, Fragment as A } from "react/jsx-runtime";
+import { c as Z, dp as Ka, u as N, B as M, dq as ls, O as Qs, d as H, e as ds, dr as Qa, ct as Oe, f as us, g as ms, h as hs, i as Ws, L as es, I as le, w as Wa, ds as ce, cK as Ie, dt as Ja, du as $s, dv as Js, b as Y, dw as Ys, dx as Ya, c$ as ps, dy as Xa, dz as Za, dA as et, dB as st, dC as at, dD as tt, J as Pe, Y as _e, y as k, dE as Ue, dF as Xs, dG as Zs, d8 as nt, dH as rt, x as X, cJ as K, dI as ot, dJ as it, dK as ss, dL as ct, dM as lt, dN as ea, dO as sa, dP as ke, dQ as Te, d4 as as, cP as ts, dR as ns, ch as aa, dS as rs, cc as ta, dT as dt, cS as na, cT as ra, cU as oa, cV as ia, cW as ca, cX as la, cY as da, cZ as os, dU as ua, cB as ut, dV as mt, ah as ht, V as Vs, ag as Ae, dW as pt, an as ft, ai as We, dX as gt, dY as vt, dZ as bt, aC as yt, d_ as St, a8 as Je, d$ as Nt, bT as xt, bU as Dt, bV as wt, e0 as Ct, bW as Et, e1 as Mt, dn as At, e2 as Lt, cC as It, cD as Ot, cE as kt, cF as Tt, cG as q, de as Pt, aa as _t, cM as Ut, e3 as Rt, cH as Gt, au as Ft, e4 as $t, e5 as Vt, e6 as qt, am as Ht, ab as zt, e7 as jt, at as Bt, e8 as Kt } from "./index-72yod5pb.js";
+import * as E from "react";
+import ma, { useState as S, useMemo as B, useCallback as qs, useEffect as Hs } from "react";
+import "react-dom";
+import { b as Qt, u as Wt, d as Jt, A as Yt, V as Xt, c as Zt, D as en, N as sn, U as an } from "./dashboard-filter-controls-button-DDqEus_E.js";
+import { l as tn } from "./date-formatter-vkCj9Ct-.js";
+import { C as nn, D as rn } from "./dashboard-summary-settings-dialog-DbcWMZsr.js";
+import { u as on } from "./use-debounced-dirty-check-BwAbnX_5.js";
+import { s as Ye } from "./normalize-dashboard-for-dirty-check-5KpZN8xr.js";
+import { S as zs } from "./use-create-flow-overlay-state-UruHbtfS.js";
+import { B as cn } from "./braces-0bzwctGp.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 ln = Z("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 dn = Z("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 un = Z("Monitor", [
+  ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
+  ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
+  ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
+]);
+/**
+ * @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 mn = Z("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 hn = Z("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 pn = Z("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 is = { exports: {} }, Xe = {};
+/**
+ * @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 js;
+function fn() {
+  if (js) return Xe;
+  js = 1;
+  var s = ma;
+  function n(u, r) {
+    return u === r && (u !== 0 || 1 / u === 1 / r) || u !== u && r !== r;
+  }
+  var t = typeof Object.is == "function" ? Object.is : n, a = s.useState, c = s.useEffect, l = s.useLayoutEffect, h = s.useDebugValue;
+  function m(u, r) {
+    var p = r(), g = a({ inst: { value: p, getSnapshot: r } }), y = g[0].inst, x = g[1];
+    return l(
+      function() {
+        y.value = p, y.getSnapshot = r, f(y) && x({ inst: y });
+      },
+      [u, p, r]
+    ), c(
+      function() {
+        return f(y) && x({ inst: y }), u(function() {
+          f(y) && x({ inst: y });
+        });
+      },
+      [u]
+    ), h(p), p;
+  }
+  function f(u) {
+    var r = u.getSnapshot;
+    u = u.value;
+    try {
+      var p = r();
+      return !t(u, p);
+    } catch {
+      return !0;
+    }
+  }
+  function v(u, r) {
+    return r();
+  }
+  var d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? v : m;
+  return Xe.useSyncExternalStore = s.useSyncExternalStore !== void 0 ? s.useSyncExternalStore : d, Xe;
+}
+var Ze = {};
+/**
+ * @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 Bs;
+function gn() {
+  return Bs || (Bs = 1, process.env.NODE_ENV !== "production" && function() {
+    function s(p, g) {
+      return p === g && (p !== 0 || 1 / p === 1 / g) || p !== p && g !== g;
+    }
+    function n(p, g) {
+      d || c.startTransition === void 0 || (d = !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 y = g();
+      if (!u) {
+        var x = g();
+        l(y, x) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), u = !0);
+      }
+      x = h({
+        inst: { value: y, getSnapshot: g }
+      });
+      var C = x[0].inst, L = x[1];
+      return f(
+        function() {
+          C.value = y, C.getSnapshot = g, t(C) && L({ inst: C });
+        },
+        [p, y, g]
+      ), m(
+        function() {
+          return t(C) && L({ inst: C }), p(function() {
+            t(C) && L({ inst: C });
+          });
+        },
+        [p]
+      ), v(y), y;
+    }
+    function t(p) {
+      var g = p.getSnapshot;
+      p = p.value;
+      try {
+        var y = g();
+        return !l(p, y);
+      } catch {
+        return !0;
+      }
+    }
+    function a(p, g) {
+      return g();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var c = ma, l = typeof Object.is == "function" ? Object.is : s, h = c.useState, m = c.useEffect, f = c.useLayoutEffect, v = c.useDebugValue, d = !1, u = !1, r = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? a : n;
+    Ze.useSyncExternalStore = c.useSyncExternalStore !== void 0 ? c.useSyncExternalStore : r, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), Ze;
+}
+process.env.NODE_ENV === "production" ? is.exports = fn() : is.exports = gn();
+var vn = is.exports;
+const Le = ["light", "dark", "system"];
+function bn() {
+  const { theme: s, setTheme: n } = Ka(), t = N(
+    (h) => h.actions.setDashboardTheme
+  );
+  function a() {
+    const h = Le.includes(s) ? s : "system", m = Le[(Le.indexOf(h) + 1) % Le.length];
+    n(m), t(m);
+  }
+  const c = s === "light" ? pn : s === "dark" ? mn : un, l = s === "light" ? "Theme: light (click for dark)" : s === "dark" ? "Theme: dark (click for system)" : "Theme: system (click for light)";
+  return /* @__PURE__ */ e(
+    M,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "xs",
+      className: "h-7 w-7 p-0 text-muted-foreground hover:text-foreground",
+      onClick: a,
+      "aria-label": l,
+      title: l,
+      children: /* @__PURE__ */ e(c, { className: "h-3.5 w-3.5", strokeWidth: 1.5 })
+    }
+  );
+}
+async function yn(s, n, t, a, c) {
+  if (!c)
+    return null;
+  const l = JSON.stringify(t), h = `${s}/v1/lens`;
+  return await ls(h, c, {
+    name: n,
+    template: l,
+    filterValues: a,
+    operation: "create"
+  });
+}
+async function cs(s, n, t) {
+  if (!t)
+    return null;
+  const { id: a, template: c, filterValues: l, isDefault: h, shared: m } = n, f = `${s}/v1/lens`;
+  return await ls(f, t, {
+    lensId: a,
+    template: c,
+    filterValues: l,
+    isDefault: h,
+    shared: m,
+    operation: "update"
+  });
+}
+async function Sn(s, n, t) {
+  if (!t)
+    return null;
+  const a = `${s}/v1/lens`;
+  return await ls(a, t, {
+    operation: "delete",
+    lensId: n
+  });
+}
+function Nn({ open: s, onOpenChange: n } = {}) {
+  const [t, a] = S(""), [c, l] = S(!1), h = N((D) => D.lenses), { setLenses: m, setSelectedLensId: f } = Qs(), [v, d] = S(!1), [u, r] = S(!1), p = s !== void 0, g = p ? s : u, y = (D) => {
+    p || r(D), n == null || n(D);
+  }, x = N((D) => D.dashboard), C = N((D) => D.filterValues), { authToken: L, tokenProps: R } = H();
+  async function T() {
+    d(!0);
+    const D = await yn(
+      R.apiServiceUrl,
+      t,
+      x,
+      C,
+      L == null ? void 0 : L.accessToken
+    );
+    D && (m([...h || [], D]), f(D.id), y(!1)), d(!1);
+  }
+  return /* @__PURE__ */ o(ds, { open: g, onOpenChange: y, children: [
+    p ? null : /* @__PURE__ */ e(Qa, { asChild: !0, children: /* @__PURE__ */ o(
+      M,
+      {
+        variant: "secondary",
+        className: "h-7 p-2",
+        size: "sm",
+        children: [
+          /* @__PURE__ */ e(Oe, { className: "mr-2 h-4 w-4" }),
+          "Lens"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ o(us, { className: "sm:max-w-[425px]", children: [
+      /* @__PURE__ */ o(ms, { children: [
+        /* @__PURE__ */ e(hs, { children: "Create Lens" }),
+        /* @__PURE__ */ e(Ws, { 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(es, { className: "text-right", children: "Name" }),
+        /* @__PURE__ */ e(
+          le,
+          {
+            value: t,
+            onChange: (D) => {
+              a(D.target.value);
+            },
+            id: "name",
+            className: "col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
+          }
+        )
+      ] }) }),
+      c && /* @__PURE__ */ e("p", { className: "text-sm", children: "The lens name already exists. Use a differnet name." }),
+      /* @__PURE__ */ e(Wa, { children: /* @__PURE__ */ e(
+        M,
+        {
+          size: "sm",
+          variant: "outline",
+          type: "submit",
+          onClick: T,
+          disabled: v,
+          children: v ? "Creating..." : "Add"
+        }
+      ) })
+    ] })
+  ] });
+}
+function xn({ includeLabel: s = !1 } = {}) {
+  const n = N((d) => d.lenses), t = N((d) => d.selectedLensId), { setLenses: a, setSelectedLensId: c } = Qs(), { authToken: l, tokenProps: h } = H();
+  async function m(d) {
+    c(d);
+  }
+  async function f(d) {
+    if (await Sn(h.apiServiceUrl, d, l == null ? void 0 : l.accessToken)) {
+      const r = n == null ? void 0 : n.filter((p) => p.id !== d);
+      a(r || []), c("original");
+    }
+  }
+  async function v(d) {
+    const u = n == null ? void 0 : n.map((g) => g.id === d.id ? {
+      ...g,
+      isDefault: !d.isDefault
+    } : {
+      ...g,
+      isDefault: !1
+    });
+    a(u || []);
+    const r = {
+      ...d,
+      isDefault: !d.isDefault
+    };
+    await cs(h.apiServiceUrl, r, l == null ? void 0 : l.accessToken);
+    const p = n == null ? void 0 : n.find((g) => g.isDefault);
+    if (p && p.id !== d.id) {
+      const g = {
+        ...p,
+        isDefault: !1
+      };
+      await cs(h.apiServiceUrl, g, l == null ? void 0 : l.accessToken);
+    }
+  }
+  return /* @__PURE__ */ o(A, { children: [
+    s ? /* @__PURE__ */ o(A, { children: [
+      /* @__PURE__ */ e(ce, { className: "px-3", children: "Lenses" }),
+      /* @__PURE__ */ e(Ie, {})
+    ] }) : null,
+    /* @__PURE__ */ o(
+      Ja,
+      {
+        value: t,
+        onValueChange: m,
+        children: [
+          /* @__PURE__ */ e($s, { value: "original", children: "Original" }),
+          n == null ? void 0 : n.map((d) => /* @__PURE__ */ o(
+            $s,
+            {
+              className: "group flex justify-between gap-2",
+              value: d.id,
+              children: [
+                /* @__PURE__ */ e("p", { children: d.name }),
+                /* @__PURE__ */ o("span", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ e(
+                    Js,
+                    {
+                      onClick: (u) => {
+                        u.preventDefault(), v(d);
+                      },
+                      className: Y(
+                        "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
+                        {
+                          invisible: !d.isDefault,
+                          "text-green-500": d.isDefault
+                        }
+                      ),
+                      strokeWidth: 1.5
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    Ys,
+                    {
+                      onClick: (u) => {
+                        u.preventDefault(), f(d.id);
+                      },
+                      className: "invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
+                      strokeWidth: 1.5
+                    }
+                  )
+                ] })
+              ]
+            },
+            d.id
+          ))
+        ]
+      }
+    )
+  ] });
+}
+function Dn() {
+  const { displayPreferences: s, shouldShowElement: n } = Ya(), { currentUser: t, userContext: a } = ps(), c = B(
+    () => Xa(t),
+    [t]
+  ), l = B(() => (m) => c && c[m] !== void 0 && c[m] === !1 ? !1 : n(m), [c, n, s]), h = B(
+    () => {
+      var m, f, v, d, u;
+      return {
+        canEdit: ((m = a == null ? void 0 : a.permissions) == null ? void 0 : m.canEdit) ?? tt(t),
+        canUseFilters: ((f = a == null ? void 0 : a.permissions) == null ? void 0 : f.canEdit) ?? at(t),
+        canManageDashboards: ((v = a == null ? void 0 : a.permissions) == null ? void 0 : v.canCreateDashboard) ?? st(t),
+        canCreateDashboards: ((d = a == null ? void 0 : a.permissions) == null ? void 0 : d.canCreateDashboard) ?? et(t),
+        canAccessVisuals: ((u = a == null ? void 0 : a.permissions) == null ? void 0 : u.canEdit) ?? Za(t)
+      };
+    },
+    [t, a]
+  );
+  return {
+    displayPreferences: s,
+    shouldShowElement: l,
+    permissions: h,
+    currentUser: t
+  };
+}
+const wn = async (s, n, t) => {
+  const a = `${s}/management/v1/groups`;
+  return await Zs(a, n, t);
+}, Cn = async (s, n, t) => {
+  const a = `${s}/management/v1/groups/${t}`;
+  await Xs(a, n, "DELETE");
+}, En = async (s, n, t, a) => {
+  const c = `${s}/management/v1/groups/${t}/members`;
+  return await Zs(c, n, a);
+}, Mn = async (s, n, t, a) => {
+  const c = `${s}/management/v1/groups/${t}/members`;
+  await Xs(c, n, "DELETE", a);
+};
+function An() {
+  const { authToken: s, tokenProps: n } = H(), t = Pe();
+  return _e({
+    mutationFn: (a) => wn(n.apiServiceUrl, (s == null ? void 0 : s.accessToken) || "", a),
+    onSuccess: () => {
+      t.invalidateQueries({ queryKey: ["groups"] }), k.success("Group created successfully");
+    },
+    onError: (a) => {
+      console.error("Failed to create group:", a), k.error("Failed to create group", {
+        description: Ue(a, "Failed to create group")
+      });
+    }
+  });
+}
+function Ln() {
+  const { authToken: s, tokenProps: n } = H(), t = Pe();
+  return _e({
+    mutationFn: (a) => Cn(n.apiServiceUrl, (s == null ? void 0 : s.accessToken) || "", a),
+    onSuccess: (a, c) => {
+      t.invalidateQueries({ queryKey: ["groups"] }), t.removeQueries({ queryKey: ["group", c] }), k.success("Group deleted successfully");
+    },
+    onError: (a) => {
+      console.error("Failed to delete group:", a), k.error("Failed to delete group", {
+        description: Ue(a, "Failed to delete group")
+      });
+    }
+  });
+}
+function In() {
+  const { authToken: s, tokenProps: n } = H(), t = Pe();
+  return _e({
+    mutationFn: ({
+      groupId: a,
+      data: c
+    }) => En(n.apiServiceUrl, (s == null ? void 0 : s.accessToken) || "", a, c),
+    onSuccess: (a, c) => {
+      t.invalidateQueries({ queryKey: ["group", c.groupId] }), t.invalidateQueries({
+        queryKey: ["group-members", c.groupId]
+      }), t.invalidateQueries({ queryKey: ["groups"] }), k.success("Members added successfully");
+    },
+    onError: (a) => {
+      console.error("Failed to add group members:", a), k.error("Failed to add members", {
+        description: Ue(a, "Failed to add members")
+      });
+    }
+  });
+}
+function On() {
+  const { authToken: s, tokenProps: n } = H(), t = Pe();
+  return _e({
+    mutationFn: ({
+      groupId: a,
+      data: c
+    }) => Mn(n.apiServiceUrl, (s == null ? void 0 : s.accessToken) || "", a, c),
+    onSuccess: (a, c) => {
+      t.invalidateQueries({ queryKey: ["group", c.groupId] }), t.invalidateQueries({
+        queryKey: ["group-members", c.groupId]
+      }), t.invalidateQueries({ queryKey: ["groups"] }), k.success("Members removed successfully");
+    },
+    onError: (a) => {
+      console.error("Failed to remove group members:", a), k.error("Failed to remove members", {
+        description: Ue(a, "Failed to remove members")
+      });
+    }
+  });
+}
+function kn({
+  onSuccess: s,
+  tenantId: n,
+  isTenantUser: t
+}) {
+  const [a, c] = S(""), [l, h] = S(""), [m, f] = S({}), v = An(), d = () => {
+    const r = {};
+    return a.trim() ? a.length < 3 ? r.name = "Group name must be at least 3 characters" : a.length > 50 && (r.name = "Group name must be less than 50 characters") : r.name = "Group name is required", l && l.length > 200 && (r.description = "Description must be less than 200 characters"), f(r), Object.keys(r).length === 0;
+  };
+  return /* @__PURE__ */ o("form", { onSubmit: async (r) => {
+    if (r.preventDefault(), !d()) return;
+    const p = {
+      name: a.trim(),
+      description: l.trim() || void 0,
+      type: t ? "TENANT_GROUP" : "ORG_GROUP",
+      ...t && n ? { tenantId: n } : {}
+    };
+    try {
+      await v.mutateAsync(p), c(""), h(""), f({}), s();
+    } catch (g) {
+      console.error("Failed to create group:", g);
+    }
+  }, className: "space-y-6", children: [
+    /* @__PURE__ */ o("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ o("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ o(es, { htmlFor: "group-name", children: [
+          "Group Name ",
+          /* @__PURE__ */ e("span", { className: "text-destructive", children: "*" })
+        ] }),
+        /* @__PURE__ */ e(
+          le,
+          {
+            id: "group-name",
+            placeholder: "e.g., Marketing Team, Engineering Squad",
+            value: a,
+            onChange: (r) => {
+              c(r.target.value), m.name && f((p) => ({ ...p, name: "" }));
+            },
+            className: m.name ? "border-destructive" : "",
+            disabled: v.isPending
+          }
+        ),
+        m.name && /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: m.name })
+      ] }),
+      /* @__PURE__ */ o("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ o(es, { htmlFor: "group-description", children: [
+          "Description",
+          /* @__PURE__ */ e("span", { className: "ml-2 text-xs text-muted-foreground", children: "(optional)" })
+        ] }),
+        /* @__PURE__ */ e(
+          nt,
+          {
+            id: "group-description",
+            placeholder: "Describe the purpose of this group...",
+            value: l,
+            onChange: (r) => {
+              h(r.target.value), m.description && f((p) => ({ ...p, description: "" }));
+            },
+            className: m.description ? "border-destructive" : "",
+            disabled: v.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: [
+          l.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(rt, { 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: () => {
+            c(""), h(""), f({});
+          },
+          disabled: v.isPending,
+          children: "Clear"
+        }
+      ),
+      /* @__PURE__ */ e(
+        M,
+        {
+          type: "submit",
+          disabled: v.isPending || !a.trim(),
+          children: v.isPending ? /* @__PURE__ */ o(A, { children: [
+            /* @__PURE__ */ e(X, { className: "mr-2 h-4 w-4 animate-spin" }),
+            "Creating..."
+          ] }) : /* @__PURE__ */ o(A, { children: [
+            /* @__PURE__ */ e(K, { className: "mr-2 h-4 w-4" }),
+            "Create Group"
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+function Tn(s, n = []) {
+  let t = [];
+  function a(l, h) {
+    const m = E.createContext(h);
+    m.displayName = l + "Context";
+    const f = t.length;
+    t = [...t, h];
+    const v = (u) => {
+      var C;
+      const { scope: r, children: p, ...g } = u, y = ((C = r == null ? void 0 : r[s]) == null ? void 0 : C[f]) || m, x = E.useMemo(() => g, Object.values(g));
+      return /* @__PURE__ */ e(y.Provider, { value: x, children: p });
+    };
+    v.displayName = l + "Provider";
+    function d(u, r) {
+      var y;
+      const p = ((y = r == null ? void 0 : r[s]) == null ? void 0 : y[f]) || m, g = E.useContext(p);
+      if (g) return g;
+      if (h !== void 0) return h;
+      throw new Error(`\`${u}\` must be used within \`${l}\``);
+    }
+    return [v, d];
+  }
+  const c = () => {
+    const l = t.map((h) => E.createContext(h));
+    return function(m) {
+      const f = (m == null ? void 0 : m[s]) || l;
+      return E.useMemo(
+        () => ({ [`__scope${s}`]: { ...m, [s]: f } }),
+        [m, f]
+      );
+    };
+  };
+  return c.scopeName = s, [a, Pn(c, ...n)];
+}
+function Pn(...s) {
+  const n = s[0];
+  if (s.length === 1) return n;
+  const t = () => {
+    const a = s.map((c) => ({
+      useScope: c(),
+      scopeName: c.scopeName
+    }));
+    return function(l) {
+      const h = a.reduce((m, { useScope: f, scopeName: v }) => {
+        const u = f(l)[`__scope${v}`];
+        return { ...m, ...u };
+      }, {});
+      return E.useMemo(() => ({ [`__scope${n.scopeName}`]: h }), [h]);
+    };
+  };
+  return t.scopeName = n.scopeName, t;
+}
+var _n = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], fs = _n.reduce((s, n) => {
+  const t = ot(`Primitive.${n}`), a = E.forwardRef((c, l) => {
+    const { asChild: h, ...m } = c, f = h ? t : n;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ e(f, { ...m, ref: l });
+  });
+  return a.displayName = `Primitive.${n}`, { ...s, [n]: a };
+}, {});
+function Un() {
+  return vn.useSyncExternalStore(
+    Rn,
+    () => !0,
+    () => !1
+  );
+}
+function Rn() {
+  return () => {
+  };
+}
+var gs = "Avatar", [Gn] = Tn(gs), [Fn, ha] = Gn(gs), pa = E.forwardRef(
+  (s, n) => {
+    const { __scopeAvatar: t, ...a } = s, [c, l] = E.useState("idle");
+    return /* @__PURE__ */ e(
+      Fn,
+      {
+        scope: t,
+        imageLoadingStatus: c,
+        onImageLoadingStatusChange: l,
+        children: /* @__PURE__ */ e(fs.span, { ...a, ref: n })
+      }
+    );
+  }
+);
+pa.displayName = gs;
+var fa = "AvatarImage", ga = E.forwardRef(
+  (s, n) => {
+    const { __scopeAvatar: t, src: a, onLoadingStatusChange: c = () => {
+    }, ...l } = s, h = ha(fa, t), m = $n(a, l), f = it((v) => {
+      c(v), h.onImageLoadingStatusChange(v);
+    });
+    return ss(() => {
+      m !== "idle" && f(m);
+    }, [m, f]), m === "loaded" ? /* @__PURE__ */ e(fs.img, { ...l, ref: n, src: a }) : null;
+  }
+);
+ga.displayName = fa;
+var va = "AvatarFallback", ba = E.forwardRef(
+  (s, n) => {
+    const { __scopeAvatar: t, delayMs: a, ...c } = s, l = ha(va, t), [h, m] = E.useState(a === void 0);
+    return E.useEffect(() => {
+      if (a !== void 0) {
+        const f = window.setTimeout(() => m(!0), a);
+        return () => window.clearTimeout(f);
+      }
+    }, [a]), h && l.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ e(fs.span, { ...c, ref: n }) : null;
+  }
+);
+ba.displayName = va;
+function Ks(s, n) {
+  return s ? n ? (s.src !== n && (s.src = n), s.complete && s.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
+}
+function $n(s, { referrerPolicy: n, crossOrigin: t }) {
+  const a = Un(), c = E.useRef(null), l = a ? (c.current || (c.current = new window.Image()), c.current) : null, [h, m] = E.useState(
+    () => Ks(l, s)
+  );
+  return ss(() => {
+    m(Ks(l, s));
+  }, [l, s]), ss(() => {
+    const f = (u) => () => {
+      m(u);
+    };
+    if (!l) return;
+    const v = f("loaded"), d = f("error");
+    return l.addEventListener("load", v), l.addEventListener("error", d), n && (l.referrerPolicy = n), typeof t == "string" && (l.crossOrigin = t), () => {
+      l.removeEventListener("load", v), l.removeEventListener("error", d);
+    };
+  }, [l, t, n]), h;
+}
+var ya = pa, Sa = ga, Na = ba;
+const vs = E.forwardRef(({ className: s, ...n }, t) => /* @__PURE__ */ e(
+  ya,
+  {
+    ref: t,
+    className: Y(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      s
+    ),
+    ...n
+  }
+));
+vs.displayName = ya.displayName;
+const Vn = E.forwardRef(({ className: s, ...n }, t) => /* @__PURE__ */ e(
+  Sa,
+  {
+    ref: t,
+    className: Y("aspect-square h-full w-full", s),
+    ...n
+  }
+));
+Vn.displayName = Sa.displayName;
+const bs = E.forwardRef(({ className: s, ...n }, t) => /* @__PURE__ */ e(
+  Na,
+  {
+    ref: t,
+    className: Y(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      s
+    ),
+    ...n
+  }
+));
+bs.displayName = Na.displayName;
+function qn({
+  open: s,
+  onOpenChange: n,
+  group: t,
+  onUpdate: a
+}) {
+  const [c, l] = S("members"), [h, m] = S(""), [f, v] = S([]), [d, u] = S([]), { data: r, isLoading: p, refetch: g } = ct(t.id), y = t.type === "TENANT_GROUP" ? "tenant" : "organization", { users: x, isLoading: C } = lt({
+    type: y,
+    tenantId: t.tenantId || void 0,
+    active: !0,
+    limit: 100
+  }), L = In(), R = On(), T = (r == null ? void 0 : r.members) || [], D = B(() => new Set(T.map((b) => b.userId)), [T]), G = B(() => x.filter((b) => !D.has(b.id)), [x, D]), Q = B(() => {
+    if (!h) return G;
+    const b = h.toLowerCase();
+    return G.filter(
+      (I) => {
+        var U, F;
+        return ((U = I.name) == null ? void 0 : U.toLowerCase().includes(b)) || ((F = I.email) == null ? void 0 : F.toLowerCase().includes(b));
+      }
+    );
+  }, [G, h]), w = B(() => {
+    if (!h) return T;
+    const b = h.toLowerCase();
+    return T.filter(
+      (I) => {
+        var U, F, me, z;
+        return ((F = (U = I.user) == null ? void 0 : U.name) == null ? void 0 : F.toLowerCase().includes(b)) || ((z = (me = I.user) == null ? void 0 : me.email) == null ? void 0 : z.toLowerCase().includes(b));
+      }
+    );
+  }, [T, h]), W = async () => {
+    if (f.length !== 0)
+      try {
+        await L.mutateAsync({
+          groupId: t.id,
+          data: {
+            userIds: f,
+            userType: y === "tenant" ? "tenant" : "org"
+          }
+        }), v([]), l("members"), g(), a == null || a();
+      } catch (b) {
+        console.error("Failed to add members:", b);
+      }
+  }, de = async () => {
+    if (d.length !== 0)
+      try {
+        await R.mutateAsync({
+          groupId: t.id,
+          data: {
+            userIds: d
+          }
+        }), u([]), g(), a == null || a();
+      } catch (b) {
+        console.error("Failed to remove members:", b);
+      }
+  }, Re = (b) => {
+    v(
+      (I) => I.includes(b) ? I.filter((U) => U !== b) : [...I, b]
+    );
+  }, ue = (b) => {
+    u(
+      (I) => I.includes(b) ? I.filter((U) => U !== b) : [...I, b]
+    );
+  };
+  return /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(ds, { open: s, onOpenChange: n, children: /* @__PURE__ */ o(us, { className: "max-w-3xl max-h-[80vh]", "aria-describedby": "group-members-description", children: [
+    /* @__PURE__ */ o(ms, { children: [
+      /* @__PURE__ */ e(hs, { 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: [
+        T.length,
+        " ",
+        T.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(ea, { value: c, onValueChange: (b) => {
+      l(b), m(""), u([]);
+    }, className: "mt-4", children: [
+      /* @__PURE__ */ o(sa, { className: "grid w-full grid-cols-2", children: [
+        /* @__PURE__ */ e(ke, { value: "members", children: "Current Members" }),
+        /* @__PURE__ */ e(ke, { value: "add", children: "Add Members" })
+      ] }),
+      /* @__PURE__ */ o(Te, { value: "members", className: "mt-4 space-y-4", children: [
+        /* @__PURE__ */ o("div", { className: "relative", children: [
+          /* @__PURE__ */ e(as, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+          /* @__PURE__ */ e(
+            le,
+            {
+              placeholder: "Search members...",
+              value: h,
+              onChange: (b) => m(b.target.value),
+              className: "pl-10"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(ts, { className: d.length > 0 ? "h-[300px]" : "h-[350px]", children: p ? /* @__PURE__ */ e("div", { className: "space-y-2", children: [1, 2, 3].map((b) => /* @__PURE__ */ e(ns, { className: "h-16 w-full" }, b)) }) : w.length === 0 ? /* @__PURE__ */ o("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
+          /* @__PURE__ */ e(K, { className: "h-12 w-12 mb-3 opacity-50" }),
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: h ? "No members found" : "No members yet" }),
+          /* @__PURE__ */ e("p", { className: "text-xs mt-1", children: h ? "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((b) => /* @__PURE__ */ e(
+          Hn,
+          {
+            member: b,
+            selected: d.includes(b.userId),
+            onToggle: () => ue(b.userId)
+          },
+          b.id
+        )) }) }),
+        d.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: [
+            d.length,
+            " member",
+            d.length !== 1 ? "s" : "",
+            " selected"
+          ] }),
+          /* @__PURE__ */ e(
+            M,
+            {
+              variant: "destructive",
+              size: "sm",
+              onClick: de,
+              disabled: R.isPending,
+              children: R.isPending ? /* @__PURE__ */ o(A, { children: [
+                /* @__PURE__ */ e(X, { className: "mr-2 h-4 w-4 animate-spin" }),
+                "Removing..."
+              ] }) : /* @__PURE__ */ o(A, { children: [
+                /* @__PURE__ */ e(aa, { className: "mr-2 h-4 w-4" }),
+                "Remove Selected"
+              ] })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ o(Te, { value: "add", className: "mt-4 space-y-4", children: [
+        /* @__PURE__ */ o("div", { className: "relative", children: [
+          /* @__PURE__ */ e(as, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+          /* @__PURE__ */ e(
+            le,
+            {
+              placeholder: "Search users to add...",
+              value: h,
+              onChange: (b) => m(b.target.value),
+              className: "pl-10"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(ts, { className: "h-[300px]", children: C ? /* @__PURE__ */ e("div", { className: "space-y-2", children: [1, 2, 3].map((b) => /* @__PURE__ */ e(ns, { className: "h-16 w-full" }, b)) }) : Q.length === 0 ? /* @__PURE__ */ o("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
+          /* @__PURE__ */ e(rs, { 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: h ? "Try a different search" : "All eligible users are already members" })
+        ] }) : /* @__PURE__ */ e("div", { className: "space-y-2", children: Q.map((b) => /* @__PURE__ */ e(
+          zn,
+          {
+            user: b,
+            selected: f.includes(b.id),
+            onToggle: () => Re(b.id)
+          },
+          b.id
+        )) }) }),
+        f.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: [
+            f.length,
+            " user",
+            f.length !== 1 ? "s" : "",
+            " selected"
+          ] }),
+          /* @__PURE__ */ e(
+            M,
+            {
+              onClick: W,
+              disabled: L.isPending,
+              children: L.isPending ? /* @__PURE__ */ o(A, { children: [
+                /* @__PURE__ */ e(X, { className: "mr-2 h-4 w-4 animate-spin" }),
+                "Adding..."
+              ] }) : /* @__PURE__ */ o(A, { children: [
+                /* @__PURE__ */ e(rs, { className: "mr-2 h-4 w-4" }),
+                "Add Members"
+              ] })
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] }) }) });
+}
+function Hn({
+  member: s,
+  selected: n,
+  onToggle: t
+}) {
+  var c, l, h, m;
+  const a = ((l = (c = s.user) == null ? void 0 : c.name) == null ? void 0 : l.split(" ").map((f) => f[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(ta, { checked: n }),
+        /* @__PURE__ */ e(vs, { className: "h-8 w-8", children: /* @__PURE__ */ e(bs, { className: "text-xs", children: a }) }),
+        /* @__PURE__ */ o("div", { className: "flex-1", children: [
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: ((h = s.user) == null ? void 0 : h.name) || "Unknown User" }),
+          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: (m = s.user) == null ? void 0 : m.email })
+        ] })
+      ]
+    }
+  );
+}
+function zn({
+  user: s,
+  selected: n,
+  onToggle: t
+}) {
+  var c;
+  const a = ((c = s.name) == null ? void 0 : c.split(" ").map((l) => l[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(ta, { checked: n }),
+        /* @__PURE__ */ e(vs, { className: "h-8 w-8", children: /* @__PURE__ */ e(bs, { className: "text-xs", children: a }) }),
+        /* @__PURE__ */ o("div", { className: "flex-1", children: [
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: s.name }),
+          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: s.email })
+        ] })
+      ]
+    }
+  );
+}
+function jn({
+  open: s,
+  onOpenChange: n
+}) {
+  const [t, a] = S("groups"), [c, l] = S(""), [h, m] = S(null), [f, v] = S(!1), [d, u] = S(null), { tokenProps: r } = H(), { currentUser: p } = ps(), g = Ln(), y = (p == null ? void 0 : p.type) === "tenant", x = r == null ? void 0 : r.tenantId, { groups: C, isLoading: L, refetch: R } = dt({
+    type: y ? "TENANT_GROUP" : "all",
+    tenantId: y ? x : void 0,
+    includeMembers: !1
+  }), T = C.filter(
+    (w) => {
+      var W;
+      return w.name.toLowerCase().includes(c.toLowerCase()) || ((W = w.description) == null ? void 0 : W.toLowerCase().includes(c.toLowerCase()));
+    }
+  ), D = async () => {
+    if (d)
+      try {
+        await g.mutateAsync(d.id), u(null), R();
+      } catch (w) {
+        console.error("Failed to delete group:", w);
+      }
+  }, G = (w) => {
+    m(w), v(!0);
+  }, Q = () => {
+    a("groups"), R();
+  };
+  return /* @__PURE__ */ o(A, { children: [
+    /* @__PURE__ */ e(ds, { open: s, onOpenChange: n, children: /* @__PURE__ */ o(us, { className: "max-w-4xl max-h-[80vh]", children: [
+      /* @__PURE__ */ o(ms, { children: [
+        /* @__PURE__ */ o(hs, { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(K, { className: "h-5 w-5" }),
+          "Group Management"
+        ] }),
+        /* @__PURE__ */ e(Ws, { children: "Manage your groups, create new groups, and control group membership" })
+      ] }),
+      /* @__PURE__ */ o(ea, { value: t, onValueChange: a, className: "mt-4", children: [
+        /* @__PURE__ */ o(sa, { className: "grid w-full grid-cols-2", children: [
+          /* @__PURE__ */ o(ke, { value: "groups", className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(K, { className: "h-4 w-4" }),
+            "Groups"
+          ] }),
+          /* @__PURE__ */ o(ke, { value: "create", className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(Oe, { className: "h-4 w-4" }),
+            "Create Group"
+          ] })
+        ] }),
+        /* @__PURE__ */ e(Te, { value: "groups", className: "mt-4", children: /* @__PURE__ */ o("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ o("div", { className: "relative", children: [
+            /* @__PURE__ */ e(as, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+            /* @__PURE__ */ e(
+              le,
+              {
+                placeholder: "Search groups...",
+                value: c,
+                onChange: (w) => l(w.target.value),
+                className: "pl-10"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(ts, { className: "h-[400px]", children: L ? /* @__PURE__ */ e("div", { className: "space-y-3", children: [1, 2, 3].map((w) => /* @__PURE__ */ e(ns, { className: "h-24 w-full" }, w)) }) : T.length === 0 ? /* @__PURE__ */ o("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
+            /* @__PURE__ */ e(K, { 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: c ? "Try a different search" : "Create your first group to get started" })
+          ] }) : /* @__PURE__ */ e("div", { className: "space-y-3", children: T.map((w) => /* @__PURE__ */ e(
+            Bn,
+            {
+              group: w,
+              onManageMembers: () => G(w),
+              onDelete: () => u(w),
+              currentUserId: p == null ? void 0 : p.id
+            },
+            w.id
+          )) }) })
+        ] }) }),
+        /* @__PURE__ */ e(Te, { value: "create", className: "mt-4", children: /* @__PURE__ */ e(
+          kn,
+          {
+            onSuccess: Q,
+            tenantId: x,
+            isTenantUser: y
+          }
+        ) })
+      ] })
+    ] }) }),
+    h && /* @__PURE__ */ e(
+      qn,
+      {
+        open: f,
+        onOpenChange: v,
+        group: h,
+        onUpdate: () => R()
+      }
+    ),
+    /* @__PURE__ */ e(
+      na,
+      {
+        open: !!d,
+        onOpenChange: () => u(null),
+        children: /* @__PURE__ */ o(ra, { children: [
+          /* @__PURE__ */ o(oa, { children: [
+            /* @__PURE__ */ e(ia, { children: "Delete Group" }),
+            /* @__PURE__ */ o(ca, { children: [
+              'Are you sure you want to delete "',
+              d == null ? void 0 : d.name,
+              '"? This action cannot be undone and will remove all members from the group.'
+            ] })
+          ] }),
+          /* @__PURE__ */ o(la, { children: [
+            /* @__PURE__ */ e(da, { children: "Cancel" }),
+            /* @__PURE__ */ e(
+              os,
+              {
+                onClick: D,
+                disabled: g.isPending,
+                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                children: g.isPending ? /* @__PURE__ */ o(A, { children: [
+                  /* @__PURE__ */ e(X, { className: "mr-2 h-4 w-4 animate-spin" }),
+                  "Deleting..."
+                ] }) : "Delete Group"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function Bn({
+  group: s,
+  onManageMembers: n,
+  onDelete: t,
+  currentUserId: a
+}) {
+  const c = s.createdBy === a;
+  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: s.name }),
+        s.description && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mt-1", children: s.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(K, { className: "h-3 w-3" }),
+          s.memberCount,
+          " ",
+          s.memberCount === 1 ? "member" : "members"
+        ] }),
+        /* @__PURE__ */ o("span", { children: [
+          "Created ",
+          tn(new Date(s.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(rs, { className: "h-4 w-4" })
+        }
+      ),
+      c && /* @__PURE__ */ e(
+        M,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: t,
+          title: "Delete group",
+          className: "text-destructive hover:text-destructive",
+          children: /* @__PURE__ */ e(aa, { className: "h-4 w-4" })
+        }
+      )
+    ] })
+  ] }) });
+}
+function oe(s, n, t) {
+  var l, h;
+  const a = (s.controls || []).find(
+    (m) => m.id === t
+  );
+  if (a)
+    return a.label;
+  const c = (h = (l = ua(s, n)) == null ? void 0 : l.controls) == null ? void 0 : h.find(
+    (m) => m.id === t
+  );
+  return (c == null ? void 0 : c.label) || t;
+}
+function ie(s, n) {
+  var t;
+  return ((t = ua(s, n)) == null ? void 0 : t.title) || n;
+}
+function Kn(s) {
+  const { errors: n, dashboard: t } = s;
+  if (!t)
+    return n;
+  const a = /* @__PURE__ */ new Map();
+  for (const c of n) {
+    const l = c.match(
+      /^Card '(.+)' binding for control '(.+)' maps to missing metric '(.+)'\.$/
+    );
+    if (l) {
+      const [, d, u] = l, r = `${d}:${u}:missing-metric`;
+      a.has(r) || a.set(
+        r,
+        `"${ie(t, d)}" has an outdated "${oe(
+          t,
+          d,
+          u
+        )}" mapping. Some choices still point to metrics that are no longer available on this card. Open the card controls and choose replacements.`
+      );
+      continue;
+    }
+    const h = c.match(
+      /^Card '(.+)' binding for control '(.+)' maps to missing group-by field '(.+)'\.$/
+    );
+    if (h) {
+      const [, d, u] = h, r = `${d}:${u}:missing-group-by`;
+      a.has(r) || a.set(
+        r,
+        `"${ie(t, d)}" has an outdated "${oe(
+          t,
+          d,
+          u
+        )}" 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 = c.match(
+      /^Card '(.+)' binding for control '(.+)' maps to an invalid metric target\.$/
+    );
+    if (m) {
+      const [, d, u] = m, r = `${d}:${u}:invalid-metric`;
+      a.has(r) || a.set(
+        r,
+        `"${ie(t, d)}" has an invalid "${oe(
+          t,
+          d,
+          u
+        )}" metric mapping. Open the card controls and choose a valid metric for each option.`
+      );
+      continue;
+    }
+    const f = c.match(
+      /^Card '(.+)' binding for control '(.+)' maps to an invalid group-by target\.$/
+    );
+    if (f) {
+      const [, d, u] = f, r = `${d}:${u}:invalid-group-by`;
+      a.has(r) || a.set(
+        r,
+        `"${ie(t, d)}" has an invalid "${oe(
+          t,
+          d,
+          u
+        )}" field mapping. Open the card controls and choose a valid field for each option.`
+      );
+      continue;
+    }
+    const v = c.match(
+      /^Card '(.+)' binding for control '(.+)' requires at least one temporal group-by field\.$/
+    );
+    if (v) {
+      const [, d, u] = v, r = `${d}:${u}:missing-temporal-group-by`;
+      a.has(r) || a.set(
+        r,
+        `"${ie(t, d)}" can no longer use "${oe(
+          t,
+          d,
+          u
+        )}" for time grain because the card does not currently group by a date field.`
+      );
+      continue;
+    }
+    a.set(c, c);
+  }
+  return Array.from(a.values());
+}
+function rr() {
+  var _s, Us, Rs, Gs;
+  Qt(), Wt();
+  const {
+    authToken: s,
+    tokenProps: n,
+    id: t
+  } = H(), { isLocalDev: a } = ut(), { permissions: c } = Dn(), l = mt(), { isLoading: h } = ht();
+  N((i) => i.theme);
+  const m = N((i) => i.isDownloadingPdf), f = N(
+    (i) => i.dashboardAssistantDraftScopeKey
+  ), v = N((i) => i.lenses), d = N((i) => i.selectedLensId), u = v == null ? void 0 : v.find((i) => i.id === d), r = N((i) => i.dashboard);
+  N((i) => i.selectedSheetId);
+  const p = N(
+    (i) => i.isDashboardEditing
+  ), { setDashboardTitle: g } = N((i) => i.actions), [y, x] = S(!1), [C, L] = S(!1), [R, T] = S(!1), [D, G] = S(!1), [Q, w] = S(!1), [W, de] = S(!1), [Re, ue] = S(!1), [b, I] = S(!1), [U, F] = S(null), [me, z] = S(!1), [he, pe] = S(null), [ys, fe] = S([]), [Ss, ge] = S(!1), xa = N((i) => i.isDashboardPanelOpen), Da = N(
+    (i) => i.actions.setIsDashboardPanelOpen
+  ), wa = N((i) => i.filterValues), P = N((i) => i.isVisualEditing);
+  Vs((i) => i.card);
+  const ee = Ae(
+    (i) => i.selectedDashboard
+  ), ve = Ae(
+    (i) => i.initialDashboard
+  );
+  Ae((i) => i.selectedVisual), N((i) => i.selectedFrameId), Vs((i) => i.frame);
+  const be = ee ? (Us = ee == null ? void 0 : ee.permissions) == null ? void 0 : Us.canEdit : (_s = ve == null ? void 0 : ve.permissions) == null ? void 0 : _s.canEdit, ye = N((i) => i.showFilters), Ns = pt((i) => i.setPanelOpen), xs = N(
+    (i) => i.showDashboardJSON
+  ), Ge = N((i) => i.onSaveFunction), Ds = N(
+    (i) => i.actions.setShowFilters
+  ), { setIsDashboardEditing: ws, setShowDashboardJSON: Cs } = N(
+    (i) => i.actions
+  ), { setInitialDashboard: Es, clearSelectedDashboard: Fe } = Ae(
+    (i) => i.actions
+  ), { resources: Se } = ft(We.DASHBOARD), { data: $e } = gt(), Ca = ((Rs = $e == null ? void 0 : $e.preference) == null ? void 0 : Rs.defaultDashboardId) || null, { mutate: Ea, isPending: Ma } = vt(), { currentUser: Aa } = ps(), La = bt(Aa), J = ee || ve, Ms = J ? {
+    id: J.id,
+    title: (r == null ? void 0 : r.title) || J.title || "Dashboard"
+  } : null, { handleAddNewFrame: Ia } = yt(), [Ve, qe] = S(!1), [Oa, se] = S(!1), [He, Ne] = S("close"), ae = St(We.DASHBOARD), [$, ze] = S(
+    null
+  ), As = qs(
+    (i) => {
+      window.setTimeout(() => {
+        F(i);
+      }, 0);
+    },
+    []
+  ), ka = async (i, O) => {
+    if (!(r != null && r.id)) {
+      console.log("No dashboard ID found");
+      return;
+    }
+    console.log("Updating dashboard title:", {
+      dashboardId: r.id,
+      newTitle: i,
+      previousTitle: O
+    }), ae.mutate(
+      {
+        resourceId: r.id,
+        data: { title: i }
+      },
+      {
+        onSuccess: () => {
+          console.log("Dashboard title updated successfully"), k.success("Dashboard title updated");
+        },
+        onError: (V) => {
+          console.error("Failed to update dashboard title:", V), k.error("Failed to update dashboard title"), g(O);
+        }
+      }
+    );
+  };
+  Hs(() => {
+    if (Se && Se.length > 0) {
+      const i = r == null ? void 0 : r.id;
+      if (i) {
+        const O = Se.find(
+          (V) => V.id === i
+        );
+        O && Es(O);
+      }
+    }
+  }, [Se, r == null ? void 0 : r.id, Es]);
+  const te = n.orgUserId || n.tenantId, Ls = p && !P && te && be, { setDashboard: je } = N((i) => i.actions), Ta = () => {
+    ws(!0);
+  }, Be = () => {
+    ws(!1), Cs(!1), ze(null), F(null);
+  };
+  Jt(
+    p,
+    r,
+    $,
+    (i) => ze(i)
+  );
+  const { isDirty: Is, isDirtyPending: Pa, resetDirty: xe } = on(
+    r,
+    $,
+    300,
+    1e3,
+    Ye
+  ), Os = qs(() => $ ? Ye(r) !== Ye($) : !1, [r, $]), ks = Is || Pa, De = Ve || ae.isPending, _a = () => {
+    Os() ? (Ne("close"), se(!0)) : (Be(), xe());
+  }, Ua = async () => {
+    await Ke({
+      closeAfterSave: !0,
+      navigateHomeAfterSave: He === "home"
+    });
+  }, Ra = () => {
+    $ && je($), Be(), He === "home" && Fe(), Ne("close"), se(!1), xe();
+  }, Ga = () => {
+    $ && (je($), xe());
+  }, Fa = () => {
+    if (p && Os()) {
+      Ne("home"), se(!0);
+      return;
+    }
+    Fe();
+  };
+  async function Ke(i) {
+    const O = N.getState().dashboard;
+    if (!O)
+      return;
+    const V = (i == null ? void 0 : i.closeAfterSave) ?? Ss, za = (i == null ? void 0 : i.navigateHomeAfterSave) ?? !1;
+    ge(V), V && se(!1);
+    const ja = Bt(O);
+    z(!0), pe(null), fe([]), qe(!0);
+    const Ba = {
+      template: O
+    };
+    ae.mutate(
+      {
+        resourceId: O.id,
+        data: Ba
+      },
+      {
+        onSuccess: (_) => {
+          var Ce, Ee, Fs;
+          const j = (_ == null ? void 0 : _.id) || ((Ce = _ == null ? void 0 : _.dashboard) == null ? void 0 : Ce.id) || ((Ee = _ == null ? void 0 : _.resource) == null ? void 0 : Ee.id) || ((Fs = _ == null ? void 0 : _.template) == null ? void 0 : Fs.id) || null;
+          if (!O.id && j) {
+            const Qe = Kt.getState(), Me = Qe.pendingDashboardDraftMigration;
+            (Me == null ? void 0 : Me.scopeKey) === f ? Qe.actions.setPendingDashboardDraftMigrationExpectedDashboardId(
+              j
+            ) : Me && Qe.actions.clearPendingDashboardDraftMigration();
+          }
+          qe(!1), k.success("Dashboard saved!"), ze(ja), z(!1), ge(!1), V && (Be(), xe(), za && Fe()), Ne("close");
+        },
+        onError: (_) => {
+          qe(!1), pe("Failed to save dashboard. Please try again.");
+          const j = _.details, Ce = Array.isArray(
+            j == null ? void 0 : j.errors
+          ) ? (j.errors || []).filter(
+            (Ee) => typeof Ee == "string"
+          ) : [];
+          fe(
+            Kn({
+              errors: Ce,
+              dashboard: O || void 0
+            })
+          ), k.error("Failed to save dashboard");
+        }
+      }
+    );
+  }
+  async function $a() {
+    if (x(!0), !d || !u) return;
+    const i = N.getState().dashboard;
+    if (!i) {
+      x(!1);
+      return;
+    }
+    const O = JSON.stringify(i), V = {
+      ...u,
+      template: O,
+      filterValues: wa
+    };
+    await cs(
+      n.apiServiceUrl,
+      V,
+      s == null ? void 0 : s.accessToken
+    ), k.success("Lens saved"), Ge == null || Ge(i), x(!1);
+  }
+  const Ts = (u == null ? void 0 : u.name) || r.title, ne = !!(r != null && r.id);
+  ae.isPending && console.log("Title during update:", {
+    title: Ts,
+    dashboardStateTitle: r.title,
+    dashboardId: r == null ? void 0 : r.id,
+    currentLensName: u == null ? void 0 : u.name
+  });
+  const Ps = n.orgUserId || n.tenantId && n.endUserId && n.endUserEmail, Va = !!Ps && !!(s != null && s.accessToken) && !!(n != null && n.apiServiceUrl);
+  Hs(() => {
+    !ne && D && G(!1);
+  }, [ne, D]);
+  const qa = l, re = (r == null ? void 0 : r.id) || null, we = !!re && Ca === re, Ha = () => {
+    re && Ea({
+      dashboardId: we ? null : re
+    });
+  };
+  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: [
+          Ps && /* @__PURE__ */ o(A, { children: [
+            /* @__PURE__ */ e(
+              Je,
+              {
+                "aria-label": "Manage Dashboards",
+                tooltip: "Manage Dashboards",
+                onClick: () => {
+                  Da(!xa);
+                },
+                className: "h-7 w-7 px-0",
+                buttonProps: { size: "xs" },
+                children: /* @__PURE__ */ e(dn, { className: "h-3.5 w-3.5" })
+              }
+            ),
+            qa && !P && /* @__PURE__ */ e(
+              Je,
+              {
+                "aria-label": "Dashboard Hub",
+                tooltip: "Dashboard Hub",
+                onClick: Fa,
+                className: "h-7 w-7 px-0",
+                buttonProps: { size: "xs" },
+                children: /* @__PURE__ */ e(Js, { className: "h-3.5 w-3.5" })
+              }
+            )
+          ] }),
+          !P && l && (h ? /* @__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(A, { children: [
+            /* @__PURE__ */ e(
+              Nt,
+              {
+                value: Ts || "Untitled Dashboard",
+                onSave: (i) => {
+                  console.log("EditableText onSave called:", {
+                    newTitle: i,
+                    canEditDashboard: be,
+                    dashboardId: r == null ? void 0 : r.id
+                  });
+                  const O = (r == null ? void 0 : r.title) || "";
+                  g(i), ka(i, O);
+                },
+                isEditable: be && !u,
+                displayClassName: "text-[13px] font-medium",
+                inputClassName: "text-[13px] font-medium",
+                placeholder: "Dashboard Title",
+                isPending: ae.isPending
+              }
+            ),
+            Va && re && /* @__PURE__ */ e(xt, { children: /* @__PURE__ */ o(Dt, { children: [
+              /* @__PURE__ */ e(wt, { asChild: !0, children: /* @__PURE__ */ e(
+                M,
+                {
+                  variant: "ghost",
+                  size: "xs",
+                  onClick: Ha,
+                  disabled: Ma || !(s != null && s.accessToken) || !(n != null && n.apiServiceUrl),
+                  className: "w-7 px-0",
+                  "aria-label": we ? "Remove as default dashboard" : "Make this a default dashboard",
+                  children: /* @__PURE__ */ e(
+                    Ct,
+                    {
+                      className: Y(
+                        "h-3.5 w-3.5 transition-colors",
+                        we ? "fill-foreground text-foreground" : "text-muted-foreground hover:text-foreground"
+                      )
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ e(Et, { children: /* @__PURE__ */ e("p", { children: we ? "Remove as default dashboard" : "Make this a default dashboard" }) })
+            ] }) })
+          ] }))
+        ] }),
+        /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+          P && /* @__PURE__ */ o(A, { children: [
+            /* @__PURE__ */ e(Yt, {}),
+            /* @__PURE__ */ e(Xt, {})
+          ] }),
+          !P && l && ((Gs = J == null ? void 0 : J.permissions) == null ? void 0 : Gs.canShare) && /* @__PURE__ */ o(
+            M,
+            {
+              variant: "outline",
+              size: "xs",
+              onClick: () => L(!0),
+              children: [
+                /* @__PURE__ */ e(Mt, { className: "h-3.5 w-3.5" }),
+                "Share"
+              ]
+            }
+          ),
+          !P && p && c.canUseFilters && l && /* @__PURE__ */ e(
+            Zt,
+            {
+              showFilters: ye,
+              onToggleFilters: () => {
+                ye || Ns("dashboard", !1), Ds(!ye);
+              },
+              onAddFilter: () => {
+                ye || (Ns("dashboard", !1), Ds(!0));
+              },
+              onAddControl: () => {
+                As("create");
+              },
+              onManageControls: () => As("manage")
+            }
+          ),
+          p && !P && l && U ? /* @__PURE__ */ e(
+            en,
+            {
+              open: !0,
+              onOpenChange: (i) => {
+                i || F(null);
+              },
+              showTrigger: !1,
+              initialMode: U
+            }
+          ) : null,
+          p && !P && te && u && a && l && /* @__PURE__ */ o(
+            M,
+            {
+              variant: "secondary",
+              size: "xs",
+              disabled: y,
+              onClick: $a,
+              children: [
+                /* @__PURE__ */ e(zs, { className: "h-3.5 w-3.5" }),
+                "Save Lens"
+              ]
+            }
+          ),
+          p && !P && l && /* @__PURE__ */ o(
+            M,
+            {
+              variant: "outline",
+              size: "xs",
+              disabled: !p,
+              onClick: () => Ia(),
+              children: [
+                /* @__PURE__ */ e(Oe, { className: "h-3.5 w-3.5" }),
+                "Visual"
+              ]
+            }
+          ),
+          !P && !p && be && l && /* @__PURE__ */ o(M, { size: "xs", onClick: Ta, children: [
+            /* @__PURE__ */ e(At, { className: "h-3.5 w-3.5" }),
+            "Edit"
+          ] }),
+          Ls && l && Is && /* @__PURE__ */ o(
+            M,
+            {
+              variant: "outline",
+              size: "xs",
+              onClick: Ga,
+              disabled: De,
+              children: [
+                /* @__PURE__ */ e(Lt, { className: "h-3.5 w-3.5" }),
+                "Undo"
+              ]
+            }
+          ),
+          Ls && l && /* @__PURE__ */ o(
+            M,
+            {
+              size: "xs",
+              className: Y(!ks && "opacity-60"),
+              disabled: De || !ks,
+              onClick: () => Ke(),
+              children: [
+                De ? /* @__PURE__ */ e(X, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(zs, { className: "h-3.5 w-3.5" }),
+                De ? "Saving..." : "Save"
+              ]
+            }
+          ),
+          p && !P && l && /* @__PURE__ */ o(
+            M,
+            {
+              variant: "outline",
+              size: "xs",
+              onClick: _a,
+              children: [
+                /* @__PURE__ */ e(Ys, { className: "h-3.5 w-3.5" }),
+                "Close"
+              ]
+            }
+          ),
+          !P && l && /* @__PURE__ */ e("div", { className: "ml-2", children: /* @__PURE__ */ e(sn, {}) }),
+          !P && a && /* @__PURE__ */ e(bn, {}),
+          !P && l && /* @__PURE__ */ o(It, { children: [
+            /* @__PURE__ */ e(Ot, { asChild: !0, children: /* @__PURE__ */ e(
+              Je,
+              {
+                tooltip: "More Options",
+                className: "w-7 px-0 text-muted-foreground hover:text-foreground",
+                buttonProps: {
+                  size: "xs",
+                  variant: "ghost",
+                  "aria-label": "More dashboard options"
+                },
+                children: /* @__PURE__ */ e(kt, { className: "h-3.5 w-3.5" })
+              }
+            ) }),
+            /* @__PURE__ */ o(
+              Tt,
+              {
+                align: "end",
+                className: "w-56 rounded-[6px] border border-border/60 p-1 shadow-sm",
+                children: [
+                  /* @__PURE__ */ e(ce, { children: "Reports" }),
+                  /* @__PURE__ */ o(
+                    q,
+                    {
+                      disabled: m,
+                      onSelect: () => I(!0),
+                      children: [
+                        /* @__PURE__ */ e(Pt, { className: "h-3.5 w-3.5" }),
+                        "Export"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ o(
+                    q,
+                    {
+                      disabled: !ne,
+                      onSelect: () => {
+                        ne && G(!0);
+                      },
+                      children: [
+                        /* @__PURE__ */ e(_t, { className: "h-3.5 w-3.5" }),
+                        "Schedule"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e(Ie, {}),
+                  La && /* @__PURE__ */ o(A, { children: [
+                    /* @__PURE__ */ e(ce, { children: "Access" }),
+                    /* @__PURE__ */ o(
+                      q,
+                      {
+                        onClick: () => T(!0),
+                        children: [
+                          /* @__PURE__ */ e(K, { className: "h-3.5 w-3.5" }),
+                          "Manage Groups"
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ e(Ie, {})
+                  ] }),
+                  /* @__PURE__ */ e(ce, { children: "Preferences" }),
+                  /* @__PURE__ */ o(q, { onClick: () => w(!0), children: [
+                    /* @__PURE__ */ e(Ut, { className: "h-3.5 w-3.5" }),
+                    "Calendar Preferences"
+                  ] }),
+                  /* @__PURE__ */ o(q, { onClick: () => de(!0), children: [
+                    /* @__PURE__ */ e(Rt, { className: "h-3.5 w-3.5" }),
+                    "Summary Settings"
+                  ] }),
+                  a && l && /* @__PURE__ */ o(A, { children: [
+                    /* @__PURE__ */ e(Ie, {}),
+                    /* @__PURE__ */ e(ce, { children: "Developer" }),
+                    /* @__PURE__ */ o(
+                      q,
+                      {
+                        onSelect: () => {
+                          var i;
+                          s != null && s.accessToken && ((i = navigator == null ? void 0 : navigator.clipboard) != null && i.writeText ? navigator.clipboard.writeText(s.accessToken).then(
+                            () => k.success("Token copied to clipboard")
+                          ).catch(() => k.error("Unable to copy token")) : k.error("Clipboard not available"));
+                        },
+                        children: [
+                          /* @__PURE__ */ e(Gt, { className: "h-3.5 w-3.5" }),
+                          "Copy token"
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ o(
+                      q,
+                      {
+                        onSelect: () => Ft(n.apiServiceUrl),
+                        children: [
+                          /* @__PURE__ */ e(hn, { className: "h-3.5 w-3.5" }),
+                          "Invalidate token"
+                        ]
+                      }
+                    ),
+                    p && /* @__PURE__ */ o(
+                      q,
+                      {
+                        onSelect: () => Cs(!xs),
+                        children: [
+                          /* @__PURE__ */ e(cn, { className: "h-3.5 w-3.5" }),
+                          xs ? "Hide dashboard JSON" : "Show dashboard JSON"
+                        ]
+                      }
+                    ),
+                    te && p && /* @__PURE__ */ o(
+                      q,
+                      {
+                        onSelect: () => ue(!0),
+                        children: [
+                          /* @__PURE__ */ e(Oe, { className: "h-3.5 w-3.5" }),
+                          "Add lens"
+                        ]
+                      }
+                    ),
+                    te && /* @__PURE__ */ o($t, { children: [
+                      /* @__PURE__ */ o(Vt, { children: [
+                        /* @__PURE__ */ e(ln, { className: "h-3.5 w-3.5" }),
+                        "Lenses"
+                      ] }),
+                      /* @__PURE__ */ e(qt, { className: "w-60", children: /* @__PURE__ */ e(xn, {}) })
+                    ] })
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          C && Ms && /* @__PURE__ */ e(
+            Ht,
+            {
+              resource: Ms,
+              resourceType: We.DASHBOARD,
+              onClose: () => L(!1)
+            }
+          ),
+          /* @__PURE__ */ e(
+            jn,
+            {
+              open: R,
+              onOpenChange: T
+            }
+          ),
+          ne && (r == null ? void 0 : r.id) && /* @__PURE__ */ e(
+            zt,
+            {
+              open: D,
+              onOpenChange: G,
+              dashboardId: r.id,
+              dashboardName: r == null ? void 0 : r.title
+            }
+          ),
+          /* @__PURE__ */ e(
+            nn,
+            {
+              open: Q,
+              onOpenChange: w
+            }
+          ),
+          /* @__PURE__ */ e(
+            rn,
+            {
+              open: W,
+              onOpenChange: de,
+              dashboard: r,
+              disabled: !p,
+              onApply: (i) => je({
+                ...r,
+                summary: i
+              })
+            }
+          ),
+          a && te && l && /* @__PURE__ */ e(
+            Nn,
+            {
+              open: Re,
+              onOpenChange: ue
+            }
+          ),
+          l && /* @__PURE__ */ e(
+            jt,
+            {
+              open: b,
+              onOpenChange: I
+            }
+          ),
+          /* @__PURE__ */ e(
+            na,
+            {
+              open: me,
+              onOpenChange: (i) => {
+                !i && Ve && !he || (z(i), i || (pe(null), fe([]), ge(!1)));
+              },
+              children: /* @__PURE__ */ o(ra, { className: "max-w-sm", children: [
+                /* @__PURE__ */ o(oa, { children: [
+                  /* @__PURE__ */ e(ia, { children: he ? "Save failed" : "Saving dashboard" }),
+                  /* @__PURE__ */ e(ca, { className: "pt-2", children: he ? "We could not save the dashboard. Please try again." : "Please wait while we save your changes." }),
+                  ys.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: ys.slice(0, 5).map((i) => /* @__PURE__ */ e("li", { children: i }, i)) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ e(la, { className: "flex-col gap-2 sm:flex-row sm:justify-end", children: he ? /* @__PURE__ */ o(A, { children: [
+                  /* @__PURE__ */ e(
+                    da,
+                    {
+                      onClick: () => {
+                        z(!1), pe(null), fe([]), ge(!1);
+                      },
+                      className: "m-0",
+                      children: "Close"
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    os,
+                    {
+                      onClick: () => Ke({
+                        closeAfterSave: Ss,
+                        navigateHomeAfterSave: He === "home"
+                      }),
+                      className: "m-0",
+                      children: "Retry"
+                    }
+                  )
+                ] }) : /* @__PURE__ */ o(
+                  os,
+                  {
+                    disabled: !0,
+                    className: "m-0 cursor-default",
+                    children: [
+                      /* @__PURE__ */ e(X, { className: "mr-2 h-4 w-4 animate-spin" }),
+                      "Saving..."
+                    ]
+                  }
+                ) })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ e(
+            an,
+            {
+              open: Oa,
+              onOpenChange: (i) => {
+                se(i);
+              },
+              onSave: Ua,
+              onDiscard: Ra,
+              isSaving: Ve,
+              saveLabel: "Save",
+              discardLabel: "Discard"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  rr as default
+};