react-semaphor 0.1.292 → 0.1.293

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

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