react-semaphor 0.1.229 → 0.1.231

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

@@ -0,0 +1,1837 @@
+import { jsxs as r, jsx as e, Fragment as M } from "react/jsx-runtime";
+import { bK as Z, cL as wa, u as w, c0 as Ke, c1 as Qe, B as E, c3 as We, c4 as j, cM as Je, N as Es, b as G, e as Xe, cN as xa, b$ as Ye, f as Ze, g as es, h as ss, i as Ls, L as Re, I as oe, v as Da, a4 as V, cO as fe, c8 as Ge, cP as Ca, cQ as Ns, cR as As, c as X, cS as ks, cT as Ea, cq as as, cU as La, cV as Aa, cW as ka, cX as Ma, cY as Oa, cZ as Ia, H as be, c_ as ye, x as k, c$ as Ms, cA as Ta, d0 as _a, w as Y, c7 as H, d1 as Pa, d2 as Ua, d3 as Fe, d4 as Ra, d5 as Ga, d6 as Os, d7 as Is, d8 as ge, d9 as ve, cw as Ve, ce as je, da as qe, c9 as Ts, db as He, dc as _s, dd as Fa, ch as Ps, ci as Us, cj as Rs, ck as Gs, cl as Fs, cm as Vs, cn as js, co as $e, b_ as Va, de as ja, aa as qa, U as Ss, a9 as pe, df as Ha, ag as $a, ab as Te, dg as za, dh as Ba, di as Ka, av as Qa, dj as Wa, dk as Ja, bR as Xa, bS as Ya, bT as Za, dl as et, bV as st, c5 as at, an as tt, dm as rt, dn as nt, dp as ot, dq as it, dr as lt, ds as ct, c2 as dt, a6 as ut, cb as mt, dt as ht, af as pt, a7 as ft, am as gt } from "./index-BSv9U5tc.js";
+import * as L from "react";
+import qs, { useState as S, useMemo as q, useEffect as vt, useCallback as bt } from "react";
+import "react-dom";
+import { b as yt, u as Nt, c as St, A as wt, V as xt, N as Dt, U as Ct } from "./notification-bell-a6BxRjVN.js";
+import { d as Et } from "./date-formatter-Y8Za1ib3.js";
+import { C as Lt, D as At } from "./dashboard-summary-settings-dialog-CB5TScfc.js";
+import { u as kt } from "./use-debounced-dirty-check-BwAbnX_5.js";
+import { s as _e } from "./normalize-dashboard-for-dirty-check-Bn27S0PN.js";
+import { S as ws } from "./editor-action-buttons-TCC22i95.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 Mt = Z("FilterX", [
+  ["path", { d: "M13.013 3H2l8 9.46V19l4 2v-8.54l.9-1.055", key: "1fi1da" }],
+  ["path", { d: "m22 3-5 5", key: "12jva0" }],
+  ["path", { d: "m17 3 5 5", key: "k36vhe" }]
+]);
+/**
+ * @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 Ot = 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 It = 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 Tt = 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 _t = 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 Pt = 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 ze = { exports: {} }, Pe = {};
+/**
+ * @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 xs;
+function Ut() {
+  if (xs) return Pe;
+  xs = 1;
+  var s = qs;
+  function n(d, h) {
+    return d === h && (d !== 0 || 1 / d === 1 / h) || d !== d && h !== h;
+  }
+  var t = typeof Object.is == "function" ? Object.is : n, a = s.useState, o = s.useEffect, l = s.useLayoutEffect, u = s.useDebugValue;
+  function m(d, h) {
+    var f = h(), v = a({ inst: { value: f, getSnapshot: h } }), y = v[0].inst, N = v[1];
+    return l(
+      function() {
+        y.value = f, y.getSnapshot = h, p(y) && N({ inst: y });
+      },
+      [d, f, h]
+    ), o(
+      function() {
+        return p(y) && N({ inst: y }), d(function() {
+          p(y) && N({ inst: y });
+        });
+      },
+      [d]
+    ), u(f), f;
+  }
+  function p(d) {
+    var h = d.getSnapshot;
+    d = d.value;
+    try {
+      var f = h();
+      return !t(d, f);
+    } catch {
+      return !0;
+    }
+  }
+  function g(d, h) {
+    return h();
+  }
+  var c = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? g : m;
+  return Pe.useSyncExternalStore = s.useSyncExternalStore !== void 0 ? s.useSyncExternalStore : c, Pe;
+}
+var Ue = {};
+/**
+ * @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 Ds;
+function Rt() {
+  return Ds || (Ds = 1, process.env.NODE_ENV !== "production" && function() {
+    function s(f, v) {
+      return f === v && (f !== 0 || 1 / f === 1 / v) || f !== f && v !== v;
+    }
+    function n(f, v) {
+      c || o.startTransition === void 0 || (c = !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 = v();
+      if (!d) {
+        var N = v();
+        l(y, N) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), d = !0);
+      }
+      N = u({
+        inst: { value: y, getSnapshot: v }
+      });
+      var A = N[0].inst, T = N[1];
+      return p(
+        function() {
+          A.value = y, A.getSnapshot = v, t(A) && T({ inst: A });
+        },
+        [f, y, v]
+      ), m(
+        function() {
+          return t(A) && T({ inst: A }), f(function() {
+            t(A) && T({ inst: A });
+          });
+        },
+        [f]
+      ), g(y), y;
+    }
+    function t(f) {
+      var v = f.getSnapshot;
+      f = f.value;
+      try {
+        var y = v();
+        return !l(f, y);
+      } catch {
+        return !0;
+      }
+    }
+    function a(f, v) {
+      return v();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var o = qs, l = typeof Object.is == "function" ? Object.is : s, u = o.useState, m = o.useEffect, p = o.useLayoutEffect, g = o.useDebugValue, c = !1, d = !1, h = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? a : n;
+    Ue.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : h, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), Ue;
+}
+process.env.NODE_ENV === "production" ? ze.exports = Ut() : ze.exports = Rt();
+var Gt = ze.exports;
+function Ft() {
+  const { setTheme: s } = wa(), n = w(
+    (t) => t.actions.setDashboardTheme
+  );
+  return /* @__PURE__ */ r(Ke, { children: [
+    /* @__PURE__ */ e(Qe, { asChild: !0, children: /* @__PURE__ */ r(E, { className: "h-7 p-2", variant: "ghost", size: "sm", children: [
+      /* @__PURE__ */ e(
+        Pt,
+        {
+          strokeWidth: 1.5,
+          className: "h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"
+        }
+      ),
+      /* @__PURE__ */ e(
+        Tt,
+        {
+          strokeWidth: 1.5,
+          className: "absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "sr-only", children: "Toggle theme" })
+    ] }) }),
+    /* @__PURE__ */ r(We, { align: "end", children: [
+      /* @__PURE__ */ e(
+        j,
+        {
+          onClick: () => {
+            s("light"), n("light");
+          },
+          children: "Light"
+        }
+      ),
+      /* @__PURE__ */ e(
+        j,
+        {
+          onClick: () => {
+            s("dark"), n("dark");
+          },
+          children: "Dark"
+        }
+      ),
+      /* @__PURE__ */ e(
+        j,
+        {
+          onClick: () => {
+            s("system"), n("system");
+          },
+          children: "System"
+        }
+      )
+    ] })
+  ] });
+}
+async function Vt(s, n, t, a, o) {
+  if (!o)
+    return null;
+  const l = JSON.stringify(t), u = `${s}/v1/lens`;
+  return await Je(u, o, {
+    name: n,
+    template: l,
+    filterValues: a,
+    operation: "create"
+  });
+}
+async function Be(s, n, t) {
+  if (!t)
+    return null;
+  const { id: a, template: o, filterValues: l, isDefault: u, shared: m } = n, p = `${s}/v1/lens`;
+  return await Je(p, t, {
+    lensId: a,
+    template: o,
+    filterValues: l,
+    isDefault: u,
+    shared: m,
+    operation: "update"
+  });
+}
+async function jt(s, n, t) {
+  if (!t)
+    return null;
+  const a = `${s}/v1/lens`;
+  return await Je(a, t, {
+    operation: "delete",
+    lensId: n
+  });
+}
+function qt() {
+  const [s, n] = S(""), [t, a] = S(!1), o = w((N) => N.lenses), { setLenses: l, setSelectedLensId: u } = Es(), [m, p] = S(!1), [g, c] = S(!1), d = w((N) => N.dashboard), h = w((N) => N.filterValues), { authToken: f, tokenProps: v } = G();
+  async function y() {
+    p(!0);
+    const N = await Vt(
+      v.apiServiceUrl,
+      s,
+      d,
+      h,
+      f == null ? void 0 : f.accessToken
+    );
+    N && (l([...o || [], N]), u(N.id), c(!1)), p(!1);
+  }
+  return /* @__PURE__ */ r(Xe, { open: g, onOpenChange: c, children: [
+    /* @__PURE__ */ e(xa, { asChild: !0, children: /* @__PURE__ */ r(
+      E,
+      {
+        variant: "secondary",
+        className: "h-7 p-2",
+        size: "sm",
+        children: [
+          /* @__PURE__ */ e(Ye, { className: "mr-2 h-4 w-4" }),
+          "Lens"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ r(Ze, { className: "sm:max-w-[425px]", children: [
+      /* @__PURE__ */ r(es, { children: [
+        /* @__PURE__ */ e(ss, { children: "Create Lens" }),
+        /* @__PURE__ */ e(Ls, { children: "Lenses are private by default and are only visible to you." })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ r("div", { className: "grid grid-cols-8 items-center gap-4", children: [
+        /* @__PURE__ */ e(Re, { className: "text-right", children: "Name" }),
+        /* @__PURE__ */ e(
+          oe,
+          {
+            value: s,
+            onChange: (N) => {
+              n(N.target.value);
+            },
+            id: "name",
+            className: "col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
+          }
+        )
+      ] }) }),
+      t && /* @__PURE__ */ e("p", { className: "text-sm", children: "The lens name already exists. Use a differnet name." }),
+      /* @__PURE__ */ e(Da, { children: /* @__PURE__ */ e(
+        E,
+        {
+          size: "sm",
+          variant: "outline",
+          type: "submit",
+          onClick: y,
+          disabled: m,
+          children: m ? "Creating..." : "Add"
+        }
+      ) })
+    ] })
+  ] });
+}
+function Ht() {
+  const [s, n] = S(!1), t = w((d) => d.lenses), a = w((d) => d.selectedLensId), { setLenses: o, setSelectedLensId: l } = Es(), { authToken: u, tokenProps: m } = G();
+  async function p(d) {
+    l(d);
+  }
+  async function g(d) {
+    if (await jt(m.apiServiceUrl, d, u == null ? void 0 : u.accessToken)) {
+      const f = t == null ? void 0 : t.filter((v) => v.id !== d);
+      o(f || []), l("original");
+    }
+  }
+  async function c(d) {
+    const h = t == null ? void 0 : t.map((y) => y.id === d.id ? {
+      ...y,
+      isDefault: !d.isDefault
+    } : {
+      ...y,
+      isDefault: !1
+    });
+    o(h || []);
+    const f = {
+      ...d,
+      isDefault: !d.isDefault
+    };
+    await Be(m.apiServiceUrl, f, u == null ? void 0 : u.accessToken);
+    const v = t == null ? void 0 : t.find((y) => y.isDefault);
+    if (v && v.id !== d.id) {
+      const y = {
+        ...v,
+        isDefault: !1
+      };
+      await Be(m.apiServiceUrl, y, u == null ? void 0 : u.accessToken);
+    }
+  }
+  return /* @__PURE__ */ r(Ke, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e(Qe, { asChild: !0, children: /* @__PURE__ */ e(V, { tooltip: "Lenses", className: "h-7 p-2", children: /* @__PURE__ */ e(Ot, { className: "h-4 w-4" }) }) }),
+    /* @__PURE__ */ r(We, { align: "end", className: "w-60", children: [
+      /* @__PURE__ */ e(fe, { className: "px-3", children: "Lenses" }),
+      /* @__PURE__ */ e(Ge, {}),
+      /* @__PURE__ */ r(
+        Ca,
+        {
+          value: a,
+          onValueChange: p,
+          children: [
+            /* @__PURE__ */ e(Ns, { value: "original", children: "Original" }),
+            t == null ? void 0 : t.map((d) => /* @__PURE__ */ r(
+              Ns,
+              {
+                className: "group flex justify-between gap-2",
+                value: d.id,
+                children: [
+                  /* @__PURE__ */ e("p", { children: d.name }),
+                  /* @__PURE__ */ r("span", { className: "flex items-center gap-3", children: [
+                    /* @__PURE__ */ e(
+                      As,
+                      {
+                        onClick: (h) => {
+                          h.preventDefault(), c(d);
+                        },
+                        className: X(
+                          "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(
+                      ks,
+                      {
+                        onClick: (h) => {
+                          h.preventDefault(), g(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 $t() {
+  const { displayPreferences: s, shouldShowElement: n } = Ea(), { currentUser: t, userContext: a } = as(), o = q(
+    () => La(t),
+    [t]
+  ), l = q(() => (m) => o && o[m] !== void 0 && o[m] === !1 ? !1 : n(m), [o, n, s]), u = q(
+    () => {
+      var m, p, g, c, d;
+      return {
+        canEdit: ((m = a == null ? void 0 : a.permissions) == null ? void 0 : m.canEdit) ?? Ia(t),
+        canUseFilters: ((p = a == null ? void 0 : a.permissions) == null ? void 0 : p.canEdit) ?? Oa(t),
+        canManageDashboards: ((g = a == null ? void 0 : a.permissions) == null ? void 0 : g.canCreateDashboard) ?? Ma(t),
+        canCreateDashboards: ((c = a == null ? void 0 : a.permissions) == null ? void 0 : c.canCreateDashboard) ?? ka(t),
+        canAccessVisuals: ((d = a == null ? void 0 : a.permissions) == null ? void 0 : d.canEdit) ?? Aa(t)
+      };
+    },
+    [t, a]
+  );
+  return {
+    displayPreferences: s,
+    shouldShowElement: l,
+    permissions: u,
+    currentUser: t
+  };
+}
+const zt = async (s, n, t) => {
+  const a = `${s}/management/v1/groups`;
+  return await Ms(a, n, t);
+}, Bt = async (s, n, t) => {
+  const a = `${s}/management/v1/groups/${t}`, o = await fetch(a, {
+    method: "DELETE",
+    headers: {
+      Authorization: `Bearer ${n}`
+    }
+  });
+  if (!o.ok) {
+    const l = await o.text();
+    throw new Error(l || "Failed to delete group");
+  }
+}, Kt = async (s, n, t, a) => {
+  const o = `${s}/management/v1/groups/${t}/members`;
+  return await Ms(o, n, a);
+}, Qt = async (s, n, t, a) => {
+  const o = `${s}/management/v1/groups/${t}/members`, l = await fetch(o, {
+    method: "DELETE",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${n}`
+    },
+    body: JSON.stringify(a)
+  });
+  if (!l.ok) {
+    const u = await l.text();
+    throw new Error(u || "Failed to remove group members");
+  }
+};
+function Wt() {
+  const { authToken: s, tokenProps: n } = G(), t = be();
+  return ye({
+    mutationFn: (a) => zt(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: a.message
+      });
+    }
+  });
+}
+function Jt() {
+  const { authToken: s, tokenProps: n } = G(), t = be();
+  return ye({
+    mutationFn: (a) => Bt(n.apiServiceUrl, (s == null ? void 0 : s.accessToken) || "", a),
+    onSuccess: (a, o) => {
+      t.invalidateQueries({ queryKey: ["groups"] }), t.removeQueries({ queryKey: ["group", o] }), k.success("Group deleted successfully");
+    },
+    onError: (a) => {
+      console.error("Failed to delete group:", a), k.error("Failed to delete group", {
+        description: a.message
+      });
+    }
+  });
+}
+function Xt() {
+  const { authToken: s, tokenProps: n } = G(), t = be();
+  return ye({
+    mutationFn: ({
+      groupId: a,
+      data: o
+    }) => Kt(n.apiServiceUrl, (s == null ? void 0 : s.accessToken) || "", a, o),
+    onSuccess: (a, o) => {
+      t.invalidateQueries({ queryKey: ["group", o.groupId] }), t.invalidateQueries({
+        queryKey: ["group-members", o.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: a.message
+      });
+    }
+  });
+}
+function Yt() {
+  const { authToken: s, tokenProps: n } = G(), t = be();
+  return ye({
+    mutationFn: ({
+      groupId: a,
+      data: o
+    }) => Qt(n.apiServiceUrl, (s == null ? void 0 : s.accessToken) || "", a, o),
+    onSuccess: (a, o) => {
+      t.invalidateQueries({ queryKey: ["group", o.groupId] }), t.invalidateQueries({
+        queryKey: ["group-members", o.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: a.message
+      });
+    }
+  });
+}
+function Zt({
+  onSuccess: s,
+  tenantId: n,
+  isTenantUser: t
+}) {
+  const [a, o] = S(""), [l, u] = S(""), [m, p] = S({}), g = Wt(), c = () => {
+    const h = {};
+    return a.trim() ? a.length < 3 ? h.name = "Group name must be at least 3 characters" : a.length > 50 && (h.name = "Group name must be less than 50 characters") : h.name = "Group name is required", l && l.length > 200 && (h.description = "Description must be less than 200 characters"), p(h), Object.keys(h).length === 0;
+  };
+  return /* @__PURE__ */ r("form", { onSubmit: async (h) => {
+    if (h.preventDefault(), !c()) return;
+    const f = {
+      name: a.trim(),
+      description: l.trim() || void 0,
+      type: t ? "TENANT_GROUP" : "ORG_GROUP",
+      ...t && n ? { tenantId: n } : {}
+    };
+    try {
+      await g.mutateAsync(f), o(""), u(""), p({}), s();
+    } catch (v) {
+      console.error("Failed to create group:", v);
+    }
+  }, className: "space-y-6", children: [
+    /* @__PURE__ */ r("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ r(Re, { htmlFor: "group-name", children: [
+          "Group Name ",
+          /* @__PURE__ */ e("span", { className: "text-destructive", children: "*" })
+        ] }),
+        /* @__PURE__ */ e(
+          oe,
+          {
+            id: "group-name",
+            placeholder: "e.g., Marketing Team, Engineering Squad",
+            value: a,
+            onChange: (h) => {
+              o(h.target.value), m.name && p((f) => ({ ...f, name: "" }));
+            },
+            className: m.name ? "border-destructive" : "",
+            disabled: g.isPending
+          }
+        ),
+        m.name && /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: m.name })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ r(Re, { htmlFor: "group-description", children: [
+          "Description",
+          /* @__PURE__ */ e("span", { className: "ml-2 text-xs text-muted-foreground", children: "(optional)" })
+        ] }),
+        /* @__PURE__ */ e(
+          Ta,
+          {
+            id: "group-description",
+            placeholder: "Describe the purpose of this group...",
+            value: l,
+            onChange: (h) => {
+              u(h.target.value), m.description && p((f) => ({ ...f, description: "" }));
+            },
+            className: m.description ? "border-destructive" : "",
+            disabled: g.isPending,
+            rows: 3
+          }
+        ),
+        m.description && /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: m.description }),
+        /* @__PURE__ */ r("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__ */ r("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ e(_a, { 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__ */ r("div", { className: "flex justify-end gap-3", children: [
+      /* @__PURE__ */ e(
+        E,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: () => {
+            o(""), u(""), p({});
+          },
+          disabled: g.isPending,
+          children: "Clear"
+        }
+      ),
+      /* @__PURE__ */ e(
+        E,
+        {
+          type: "submit",
+          disabled: g.isPending || !a.trim(),
+          children: g.isPending ? /* @__PURE__ */ r(M, { children: [
+            /* @__PURE__ */ e(Y, { className: "mr-2 h-4 w-4 animate-spin" }),
+            "Creating..."
+          ] }) : /* @__PURE__ */ r(M, { children: [
+            /* @__PURE__ */ e(H, { className: "mr-2 h-4 w-4" }),
+            "Create Group"
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+function er(s, n = []) {
+  let t = [];
+  function a(l, u) {
+    const m = L.createContext(u);
+    m.displayName = l + "Context";
+    const p = t.length;
+    t = [...t, u];
+    const g = (d) => {
+      var A;
+      const { scope: h, children: f, ...v } = d, y = ((A = h == null ? void 0 : h[s]) == null ? void 0 : A[p]) || m, N = L.useMemo(() => v, Object.values(v));
+      return /* @__PURE__ */ e(y.Provider, { value: N, children: f });
+    };
+    g.displayName = l + "Provider";
+    function c(d, h) {
+      var y;
+      const f = ((y = h == null ? void 0 : h[s]) == null ? void 0 : y[p]) || m, v = L.useContext(f);
+      if (v) return v;
+      if (u !== void 0) return u;
+      throw new Error(`\`${d}\` must be used within \`${l}\``);
+    }
+    return [g, c];
+  }
+  const o = () => {
+    const l = t.map((u) => L.createContext(u));
+    return function(m) {
+      const p = (m == null ? void 0 : m[s]) || l;
+      return L.useMemo(
+        () => ({ [`__scope${s}`]: { ...m, [s]: p } }),
+        [m, p]
+      );
+    };
+  };
+  return o.scopeName = s, [a, sr(o, ...n)];
+}
+function sr(...s) {
+  const n = s[0];
+  if (s.length === 1) return n;
+  const t = () => {
+    const a = s.map((o) => ({
+      useScope: o(),
+      scopeName: o.scopeName
+    }));
+    return function(l) {
+      const u = a.reduce((m, { useScope: p, scopeName: g }) => {
+        const d = p(l)[`__scope${g}`];
+        return { ...m, ...d };
+      }, {});
+      return L.useMemo(() => ({ [`__scope${n.scopeName}`]: u }), [u]);
+    };
+  };
+  return t.scopeName = n.scopeName, t;
+}
+var ar = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], ts = ar.reduce((s, n) => {
+  const t = Pa(`Primitive.${n}`), a = L.forwardRef((o, l) => {
+    const { asChild: u, ...m } = o, p = u ? t : n;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ e(p, { ...m, ref: l });
+  });
+  return a.displayName = `Primitive.${n}`, { ...s, [n]: a };
+}, {});
+function tr() {
+  return Gt.useSyncExternalStore(
+    rr,
+    () => !0,
+    () => !1
+  );
+}
+function rr() {
+  return () => {
+  };
+}
+var rs = "Avatar", [nr] = er(rs), [or, Hs] = nr(rs), $s = L.forwardRef(
+  (s, n) => {
+    const { __scopeAvatar: t, ...a } = s, [o, l] = L.useState("idle");
+    return /* @__PURE__ */ e(
+      or,
+      {
+        scope: t,
+        imageLoadingStatus: o,
+        onImageLoadingStatusChange: l,
+        children: /* @__PURE__ */ e(ts.span, { ...a, ref: n })
+      }
+    );
+  }
+);
+$s.displayName = rs;
+var zs = "AvatarImage", Bs = L.forwardRef(
+  (s, n) => {
+    const { __scopeAvatar: t, src: a, onLoadingStatusChange: o = () => {
+    }, ...l } = s, u = Hs(zs, t), m = ir(a, l), p = Ua((g) => {
+      o(g), u.onImageLoadingStatusChange(g);
+    });
+    return Fe(() => {
+      m !== "idle" && p(m);
+    }, [m, p]), m === "loaded" ? /* @__PURE__ */ e(ts.img, { ...l, ref: n, src: a }) : null;
+  }
+);
+Bs.displayName = zs;
+var Ks = "AvatarFallback", Qs = L.forwardRef(
+  (s, n) => {
+    const { __scopeAvatar: t, delayMs: a, ...o } = s, l = Hs(Ks, t), [u, m] = L.useState(a === void 0);
+    return L.useEffect(() => {
+      if (a !== void 0) {
+        const p = window.setTimeout(() => m(!0), a);
+        return () => window.clearTimeout(p);
+      }
+    }, [a]), u && l.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ e(ts.span, { ...o, ref: n }) : null;
+  }
+);
+Qs.displayName = Ks;
+function Cs(s, n) {
+  return s ? n ? (s.src !== n && (s.src = n), s.complete && s.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
+}
+function ir(s, { referrerPolicy: n, crossOrigin: t }) {
+  const a = tr(), o = L.useRef(null), l = a ? (o.current || (o.current = new window.Image()), o.current) : null, [u, m] = L.useState(
+    () => Cs(l, s)
+  );
+  return Fe(() => {
+    m(Cs(l, s));
+  }, [l, s]), Fe(() => {
+    const p = (d) => () => {
+      m(d);
+    };
+    if (!l) return;
+    const g = p("loaded"), c = p("error");
+    return l.addEventListener("load", g), l.addEventListener("error", c), n && (l.referrerPolicy = n), typeof t == "string" && (l.crossOrigin = t), () => {
+      l.removeEventListener("load", g), l.removeEventListener("error", c);
+    };
+  }, [l, t, n]), u;
+}
+var Ws = $s, Js = Bs, Xs = Qs;
+const ns = L.forwardRef(({ className: s, ...n }, t) => /* @__PURE__ */ e(
+  Ws,
+  {
+    ref: t,
+    className: X(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      s
+    ),
+    ...n
+  }
+));
+ns.displayName = Ws.displayName;
+const lr = L.forwardRef(({ className: s, ...n }, t) => /* @__PURE__ */ e(
+  Js,
+  {
+    ref: t,
+    className: X("aspect-square h-full w-full", s),
+    ...n
+  }
+));
+lr.displayName = Js.displayName;
+const os = L.forwardRef(({ className: s, ...n }, t) => /* @__PURE__ */ e(
+  Xs,
+  {
+    ref: t,
+    className: X(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      s
+    ),
+    ...n
+  }
+));
+os.displayName = Xs.displayName;
+function cr({
+  open: s,
+  onOpenChange: n,
+  group: t,
+  onUpdate: a
+}) {
+  const [o, l] = S("members"), [u, m] = S(""), [p, g] = S([]), [c, d] = S([]), { data: h, isLoading: f, refetch: v } = Ra(t.id), y = t.type === "TENANT_GROUP" ? "tenant" : "organization", { users: N, isLoading: A } = Ga({
+    type: y,
+    tenantId: t.tenantId || void 0,
+    active: !0,
+    limit: 100
+  }), T = Xt(), P = Yt(), O = (h == null ? void 0 : h.members) || [], $ = q(() => new Set(O.map((b) => b.userId)), [O]), R = q(() => N.filter((b) => !$.has(b.id)), [N, $]), z = q(() => {
+    if (!u) return R;
+    const b = u.toLowerCase();
+    return R.filter(
+      (C) => {
+        var _, F;
+        return ((_ = C.name) == null ? void 0 : _.toLowerCase().includes(b)) || ((F = C.email) == null ? void 0 : F.toLowerCase().includes(b));
+      }
+    );
+  }, [R, u]), x = q(() => {
+    if (!u) return O;
+    const b = u.toLowerCase();
+    return O.filter(
+      (C) => {
+        var _, F, ie, D;
+        return ((F = (_ = C.user) == null ? void 0 : _.name) == null ? void 0 : F.toLowerCase().includes(b)) || ((D = (ie = C.user) == null ? void 0 : ie.email) == null ? void 0 : D.toLowerCase().includes(b));
+      }
+    );
+  }, [O, u]), B = async () => {
+    if (p.length !== 0)
+      try {
+        await T.mutateAsync({
+          groupId: t.id,
+          data: {
+            userIds: p,
+            userType: y === "tenant" ? "tenant" : "org"
+          }
+        }), g([]), l("members"), v(), a == null || a();
+      } catch (b) {
+        console.error("Failed to add members:", b);
+      }
+  }, K = async () => {
+    if (c.length !== 0)
+      try {
+        await P.mutateAsync({
+          groupId: t.id,
+          data: {
+            userIds: c
+          }
+        }), d([]), v(), a == null || a();
+      } catch (b) {
+        console.error("Failed to remove members:", b);
+      }
+  }, Q = (b) => {
+    g(
+      (C) => C.includes(b) ? C.filter((_) => _ !== b) : [...C, b]
+    );
+  }, W = (b) => {
+    d(
+      (C) => C.includes(b) ? C.filter((_) => _ !== b) : [...C, b]
+    );
+  };
+  return /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(Xe, { open: s, onOpenChange: n, children: /* @__PURE__ */ r(Ze, { className: "max-w-3xl max-h-[80vh]", "aria-describedby": "group-members-description", children: [
+    /* @__PURE__ */ r(es, { children: [
+      /* @__PURE__ */ e(ss, { children: t.name }),
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2 mt-1", children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground", children: [
+        O.length,
+        " ",
+        O.length === 1 ? "member" : "members"
+      ] }) }),
+      /* @__PURE__ */ r("p", { id: "group-members-description", className: "sr-only", children: [
+        "Add or remove members from the ",
+        t.name,
+        " group"
+      ] })
+    ] }),
+    /* @__PURE__ */ r(Os, { value: o, onValueChange: (b) => {
+      l(b), m(""), d([]);
+    }, className: "mt-4", children: [
+      /* @__PURE__ */ r(Is, { className: "grid w-full grid-cols-2", children: [
+        /* @__PURE__ */ e(ge, { value: "members", children: "Current Members" }),
+        /* @__PURE__ */ e(ge, { value: "add", children: "Add Members" })
+      ] }),
+      /* @__PURE__ */ r(ve, { value: "members", className: "mt-4 space-y-4", children: [
+        /* @__PURE__ */ r("div", { className: "relative", children: [
+          /* @__PURE__ */ e(Ve, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+          /* @__PURE__ */ e(
+            oe,
+            {
+              placeholder: "Search members...",
+              value: u,
+              onChange: (b) => m(b.target.value),
+              className: "pl-10"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(je, { className: c.length > 0 ? "h-[300px]" : "h-[350px]", children: f ? /* @__PURE__ */ e("div", { className: "space-y-2", children: [1, 2, 3].map((b) => /* @__PURE__ */ e(qe, { className: "h-16 w-full" }, b)) }) : x.length === 0 ? /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
+          /* @__PURE__ */ e(H, { className: "h-12 w-12 mb-3 opacity-50" }),
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: u ? "No members found" : "No members yet" }),
+          /* @__PURE__ */ e("p", { className: "text-xs mt-1", children: u ? "Try a different search" : 'Switch to the "Add Members" tab to add people to this group' })
+        ] }) : /* @__PURE__ */ e("div", { className: "space-y-2", children: x.map((b) => /* @__PURE__ */ e(
+          dr,
+          {
+            member: b,
+            selected: c.includes(b.userId),
+            onToggle: () => W(b.userId)
+          },
+          b.id
+        )) }) }),
+        c.length > 0 && /* @__PURE__ */ r("div", { className: "flex items-center justify-between pt-4 border-t", children: [
+          /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground", children: [
+            c.length,
+            " member",
+            c.length !== 1 ? "s" : "",
+            " selected"
+          ] }),
+          /* @__PURE__ */ e(
+            E,
+            {
+              variant: "destructive",
+              size: "sm",
+              onClick: K,
+              disabled: P.isPending,
+              children: P.isPending ? /* @__PURE__ */ r(M, { children: [
+                /* @__PURE__ */ e(Y, { className: "mr-2 h-4 w-4 animate-spin" }),
+                "Removing..."
+              ] }) : /* @__PURE__ */ r(M, { children: [
+                /* @__PURE__ */ e(Ts, { className: "mr-2 h-4 w-4" }),
+                "Remove Selected"
+              ] })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ r(ve, { value: "add", className: "mt-4 space-y-4", children: [
+        /* @__PURE__ */ r("div", { className: "relative", children: [
+          /* @__PURE__ */ e(Ve, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+          /* @__PURE__ */ e(
+            oe,
+            {
+              placeholder: "Search users to add...",
+              value: u,
+              onChange: (b) => m(b.target.value),
+              className: "pl-10"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(je, { className: "h-[300px]", children: A ? /* @__PURE__ */ e("div", { className: "space-y-2", children: [1, 2, 3].map((b) => /* @__PURE__ */ e(qe, { className: "h-16 w-full" }, b)) }) : z.length === 0 ? /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
+          /* @__PURE__ */ e(He, { className: "h-12 w-12 mb-3 opacity-50" }),
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: "No available users" }),
+          /* @__PURE__ */ e("p", { className: "text-xs mt-1", children: u ? "Try a different search" : "All eligible users are already members" })
+        ] }) : /* @__PURE__ */ e("div", { className: "space-y-2", children: z.map((b) => /* @__PURE__ */ e(
+          ur,
+          {
+            user: b,
+            selected: p.includes(b.id),
+            onToggle: () => Q(b.id)
+          },
+          b.id
+        )) }) }),
+        p.length > 0 && /* @__PURE__ */ r("div", { className: "flex items-center justify-between pt-4 border-t", children: [
+          /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground", children: [
+            p.length,
+            " user",
+            p.length !== 1 ? "s" : "",
+            " selected"
+          ] }),
+          /* @__PURE__ */ e(
+            E,
+            {
+              onClick: B,
+              disabled: T.isPending,
+              children: T.isPending ? /* @__PURE__ */ r(M, { children: [
+                /* @__PURE__ */ e(Y, { className: "mr-2 h-4 w-4 animate-spin" }),
+                "Adding..."
+              ] }) : /* @__PURE__ */ r(M, { children: [
+                /* @__PURE__ */ e(He, { className: "mr-2 h-4 w-4" }),
+                "Add Members"
+              ] })
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] }) }) });
+}
+function dr({
+  member: s,
+  selected: n,
+  onToggle: t
+}) {
+  var o, l, u, m;
+  const a = ((l = (o = s.user) == null ? void 0 : o.name) == null ? void 0 : l.split(" ").map((p) => p[0]).join("").toUpperCase()) || "?";
+  return /* @__PURE__ */ r(
+    "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(_s, { checked: n }),
+        /* @__PURE__ */ e(ns, { className: "h-8 w-8", children: /* @__PURE__ */ e(os, { className: "text-xs", children: a }) }),
+        /* @__PURE__ */ r("div", { className: "flex-1", children: [
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: ((u = s.user) == null ? void 0 : u.name) || "Unknown User" }),
+          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: (m = s.user) == null ? void 0 : m.email })
+        ] })
+      ]
+    }
+  );
+}
+function ur({
+  user: s,
+  selected: n,
+  onToggle: t
+}) {
+  var o;
+  const a = ((o = s.name) == null ? void 0 : o.split(" ").map((l) => l[0]).join("").toUpperCase()) || "?";
+  return /* @__PURE__ */ r(
+    "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(_s, { checked: n }),
+        /* @__PURE__ */ e(ns, { className: "h-8 w-8", children: /* @__PURE__ */ e(os, { className: "text-xs", children: a }) }),
+        /* @__PURE__ */ r("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 mr({
+  open: s,
+  onOpenChange: n
+}) {
+  const [t, a] = S("groups"), [o, l] = S(""), [u, m] = S(null), [p, g] = S(!1), [c, d] = S(null), { tokenProps: h } = G(), { currentUser: f } = as(), v = Jt(), y = (f == null ? void 0 : f.type) === "tenant", N = h == null ? void 0 : h.tenantId, { groups: A, isLoading: T, refetch: P } = Fa({
+    type: y ? "TENANT_GROUP" : "all",
+    tenantId: y ? N : void 0,
+    includeMembers: !1
+  }), O = A.filter(
+    (x) => {
+      var B;
+      return x.name.toLowerCase().includes(o.toLowerCase()) || ((B = x.description) == null ? void 0 : B.toLowerCase().includes(o.toLowerCase()));
+    }
+  ), $ = async () => {
+    if (c)
+      try {
+        await v.mutateAsync(c.id), d(null), P();
+      } catch (x) {
+        console.error("Failed to delete group:", x);
+      }
+  }, R = (x) => {
+    m(x), g(!0);
+  }, z = () => {
+    a("groups"), P();
+  };
+  return /* @__PURE__ */ r(M, { children: [
+    /* @__PURE__ */ e(Xe, { open: s, onOpenChange: n, children: /* @__PURE__ */ r(Ze, { className: "max-w-4xl max-h-[80vh]", children: [
+      /* @__PURE__ */ r(es, { children: [
+        /* @__PURE__ */ r(ss, { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(H, { className: "h-5 w-5" }),
+          "Group Management"
+        ] }),
+        /* @__PURE__ */ e(Ls, { children: "Manage your groups, create new groups, and control group membership" })
+      ] }),
+      /* @__PURE__ */ r(Os, { value: t, onValueChange: a, className: "mt-4", children: [
+        /* @__PURE__ */ r(Is, { className: "grid w-full grid-cols-2", children: [
+          /* @__PURE__ */ r(ge, { value: "groups", className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(H, { className: "h-4 w-4" }),
+            "Groups"
+          ] }),
+          /* @__PURE__ */ r(ge, { value: "create", className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(Ye, { className: "h-4 w-4" }),
+            "Create Group"
+          ] })
+        ] }),
+        /* @__PURE__ */ e(ve, { value: "groups", className: "mt-4", children: /* @__PURE__ */ r("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ r("div", { className: "relative", children: [
+            /* @__PURE__ */ e(Ve, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+            /* @__PURE__ */ e(
+              oe,
+              {
+                placeholder: "Search groups...",
+                value: o,
+                onChange: (x) => l(x.target.value),
+                className: "pl-10"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(je, { className: "h-[400px]", children: T ? /* @__PURE__ */ e("div", { className: "space-y-3", children: [1, 2, 3].map((x) => /* @__PURE__ */ e(qe, { className: "h-24 w-full" }, x)) }) : O.length === 0 ? /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
+            /* @__PURE__ */ e(H, { 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: o ? "Try a different search" : "Create your first group to get started" })
+          ] }) : /* @__PURE__ */ e("div", { className: "space-y-3", children: O.map((x) => /* @__PURE__ */ e(
+            hr,
+            {
+              group: x,
+              onManageMembers: () => R(x),
+              onDelete: () => d(x),
+              currentUserId: f == null ? void 0 : f.id
+            },
+            x.id
+          )) }) })
+        ] }) }),
+        /* @__PURE__ */ e(ve, { value: "create", className: "mt-4", children: /* @__PURE__ */ e(
+          Zt,
+          {
+            onSuccess: z,
+            tenantId: N,
+            isTenantUser: y
+          }
+        ) })
+      ] })
+    ] }) }),
+    u && /* @__PURE__ */ e(
+      cr,
+      {
+        open: p,
+        onOpenChange: g,
+        group: u,
+        onUpdate: () => P()
+      }
+    ),
+    /* @__PURE__ */ e(
+      Ps,
+      {
+        open: !!c,
+        onOpenChange: () => d(null),
+        children: /* @__PURE__ */ r(Us, { children: [
+          /* @__PURE__ */ r(Rs, { children: [
+            /* @__PURE__ */ e(Gs, { children: "Delete Group" }),
+            /* @__PURE__ */ r(Fs, { children: [
+              'Are you sure you want to delete "',
+              c == null ? void 0 : c.name,
+              '"? This action cannot be undone and will remove all members from the group.'
+            ] })
+          ] }),
+          /* @__PURE__ */ r(Vs, { children: [
+            /* @__PURE__ */ e(js, { children: "Cancel" }),
+            /* @__PURE__ */ e(
+              $e,
+              {
+                onClick: $,
+                disabled: v.isPending,
+                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                children: v.isPending ? /* @__PURE__ */ r(M, { children: [
+                  /* @__PURE__ */ e(Y, { className: "mr-2 h-4 w-4 animate-spin" }),
+                  "Deleting..."
+                ] }) : "Delete Group"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function hr({
+  group: s,
+  onManageMembers: n,
+  onDelete: t,
+  currentUserId: a
+}) {
+  const o = s.createdBy === a;
+  return /* @__PURE__ */ e("div", { className: "rounded-lg border bg-card p-4 transition-colors hover:bg-muted/50", children: /* @__PURE__ */ r("div", { className: "flex items-start justify-between gap-3", children: [
+    /* @__PURE__ */ r("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ r("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__ */ r("div", { className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ r("span", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ e(H, { className: "h-3 w-3" }),
+          s.memberCount,
+          " ",
+          s.memberCount === 1 ? "member" : "members"
+        ] }),
+        /* @__PURE__ */ r("span", { children: [
+          "Created ",
+          Et(new Date(s.createdAt), "MMM d, yyyy")
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ e(
+        E,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: n,
+          title: "Manage members",
+          children: /* @__PURE__ */ e(He, { className: "h-4 w-4" })
+        }
+      ),
+      o && /* @__PURE__ */ e(
+        E,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: t,
+          title: "Delete group",
+          className: "text-destructive hover:text-destructive",
+          children: /* @__PURE__ */ e(Ts, { className: "h-4 w-4" })
+        }
+      )
+    ] })
+  ] }) });
+}
+function Dr() {
+  var gs, vs, bs, ys;
+  yt(), Nt();
+  const {
+    authToken: s,
+    tokenProps: n,
+    id: t
+  } = G(), { isLocalDev: a } = Va(), { permissions: o } = $t(), l = ja(), { isLoading: u } = qa();
+  w((i) => i.theme);
+  const m = w((i) => i.lenses), p = w((i) => i.selectedLensId), g = m == null ? void 0 : m.find((i) => i.id === p), c = w((i) => i.dashboard);
+  w((i) => i.selectedSheetId);
+  const d = w(
+    (i) => i.isDashboardEditing
+  ), { setDashboardTitle: h } = w((i) => i.actions), [f, v] = S(!1), [y, N] = S(!1), [A, T] = S(!1), [P, O] = S(!1), [$, R] = S(!1), [z, x] = S(!1), [B, K] = S(!1), [Q, W] = S(null), [b, C] = S(!1), _ = w((i) => i.isDashboardPanelOpen), F = w(
+    (i) => i.actions.setIsDashboardPanelOpen
+  ), ie = w((i) => i.filterValues), D = w((i) => i.isVisualEditing);
+  Ss((i) => i.card);
+  const ee = pe(
+    (i) => i.selectedDashboard
+  ), le = pe(
+    (i) => i.initialDashboard
+  );
+  pe((i) => i.selectedVisual), w((i) => i.selectedFrameId), Ss((i) => i.frame);
+  const ce = ee ? (vs = ee == null ? void 0 : ee.permissions) == null ? void 0 : vs.canEdit : (gs = le == null ? void 0 : le.permissions) == null ? void 0 : gs.canEdit, Ne = w((i) => i.showFilters), Ys = Ha((i) => i.setPanelOpen), Zs = w(
+    (i) => i.showDashboardJSON
+  ), Se = w((i) => i.onSaveFunction), ea = w(
+    (i) => i.actions.setShowFilters
+  ), { setIsDashboardEditing: is, setShowDashboardJSON: ls } = w(
+    (i) => i.actions
+  ), { setInitialDashboard: cs, clearSelectedDashboard: we } = pe(
+    (i) => i.actions
+  ), { resources: de } = $a(Te.DASHBOARD), { data: xe } = za(), sa = ((bs = xe == null ? void 0 : xe.preference) == null ? void 0 : bs.defaultDashboardId) || null, { mutate: aa, isPending: ta } = Ba(), { currentUser: ra } = as(), na = Ka(ra), J = ee || le, ds = J ? {
+    id: J.id,
+    title: (c == null ? void 0 : c.title) || J.title || "Dashboard"
+  } : null, { handleAddNewFrame: oa } = Qa(), [De, Ce] = S(!1), [ia, se] = S(!1), [Ee, ue] = S("close"), ae = Wa(Te.DASHBOARD), [U, Le] = S(
+    null
+  ), la = async (i, I) => {
+    if (!(c != null && c.id)) {
+      console.log("No dashboard ID found");
+      return;
+    }
+    console.log("Updating dashboard title:", {
+      dashboardId: c.id,
+      newTitle: i,
+      previousTitle: I
+    }), ae.mutate(
+      {
+        resourceId: c.id,
+        data: { title: i }
+      },
+      {
+        onSuccess: () => {
+          console.log("Dashboard title updated successfully"), k.success("Dashboard title updated");
+        },
+        onError: (ne) => {
+          console.error("Failed to update dashboard title:", ne), k.error("Failed to update dashboard title"), h(I);
+        }
+      }
+    );
+  };
+  vt(() => {
+    if (de && de.length > 0) {
+      const i = c == null ? void 0 : c.id;
+      if (i) {
+        const I = de.find(
+          (ne) => ne.id === i
+        );
+        I && cs(I);
+      }
+    }
+  }, [de, c == null ? void 0 : c.id, cs]);
+  const me = n.orgUserId || n.tenantId, us = d && !D && me && ce, { setDashboard: Ae } = w((i) => i.actions), ca = () => {
+    is(!0);
+  }, ke = () => {
+    is(!1), ls(!1), Le(null);
+  };
+  St(
+    d,
+    c,
+    U,
+    (i) => Le(i)
+  );
+  const { isDirty: ms, isDirtyPending: da, resetDirty: he } = kt(
+    c,
+    U,
+    300,
+    1e3,
+    _e
+  ), hs = bt(() => U ? _e(c) !== _e(U) : !1, [c, U]), Me = ms || da, te = De || ae.isPending, ua = () => {
+    hs() ? (ue("close"), se(!0)) : (ke(), he());
+  }, ma = async () => {
+    await Oe({
+      closeAfterSave: !0,
+      navigateHomeAfterSave: Ee === "home"
+    });
+  }, ha = () => {
+    U && Ae(U), ke(), Ee === "home" && we(), ue("close"), se(!1), he();
+  }, pa = () => {
+    U && (Ae(U), he());
+  }, fa = () => {
+    if (d && hs()) {
+      ue("home"), se(!0);
+      return;
+    }
+    we();
+  };
+  async function Oe(i) {
+    const I = (i == null ? void 0 : i.closeAfterSave) ?? b, ne = (i == null ? void 0 : i.navigateHomeAfterSave) ?? !1;
+    C(I), I && se(!1);
+    const Na = gt(c);
+    K(!0), W(null), Ce(!0);
+    const Sa = {
+      template: c
+    };
+    ae.mutate(
+      {
+        resourceId: c.id,
+        data: Sa
+      },
+      {
+        onSuccess: () => {
+          Ce(!1), k.success("Dashboard saved!"), Le(Na), K(!1), C(!1), I && (ke(), he(), ne && we()), ue("close");
+        },
+        onError: () => {
+          Ce(!1), W("Failed to save dashboard. Please try again."), k.error("Failed to save dashboard");
+        }
+      }
+    );
+  }
+  async function ga() {
+    if (v(!0), !p || !g) return;
+    const i = JSON.stringify(c), I = {
+      ...g,
+      template: i,
+      filterValues: ie
+    };
+    await Be(
+      n.apiServiceUrl,
+      I,
+      s == null ? void 0 : s.accessToken
+    ), k.success("Lens saved"), Se == null || Se(c), v(!1);
+  }
+  const ps = (g == null ? void 0 : g.name) || c.title;
+  ae.isPending && console.log("Title during update:", {
+    title: ps,
+    dashboardStateTitle: c.title,
+    dashboardId: c == null ? void 0 : c.id,
+    currentLensName: g == null ? void 0 : g.name
+  });
+  const fs = n.orgUserId || n.tenantId && n.endUserId && n.endUserEmail, va = !!fs && !!(s != null && s.accessToken) && !!(n != null && n.apiServiceUrl), ba = l, re = (c == null ? void 0 : c.id) || null, Ie = !!re && sa === re, ya = () => {
+    re && aa({
+      dashboardId: Ie ? null : re
+    });
+  };
+  return /* @__PURE__ */ r(
+    "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__ */ r("div", { className: "flex items-center gap-2", children: [
+          fs && /* @__PURE__ */ r(M, { children: [
+            /* @__PURE__ */ e(
+              V,
+              {
+                "aria-label": "Manage Dashboards",
+                tooltip: "Manage Dashboards",
+                onClick: () => {
+                  F(!_);
+                },
+                className: "h-7 p-2",
+                children: /* @__PURE__ */ e(It, { className: "h-4 w-4" })
+              }
+            ),
+            ba && !D && /* @__PURE__ */ e(
+              V,
+              {
+                "aria-label": "Dashboard Hub",
+                tooltip: "Dashboard Hub",
+                onClick: fa,
+                className: "h-7 p-2",
+                children: /* @__PURE__ */ e(As, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          !D && l && (u ? /* @__PURE__ */ e(
+            "div",
+            {
+              className: "h-4 w-28 rounded-md bg-muted/70 animate-pulse",
+              "aria-label": "Loading dashboard title",
+              role: "status",
+              children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Loading dashboard title" })
+            }
+          ) : /* @__PURE__ */ r(M, { children: [
+            /* @__PURE__ */ e(
+              Ja,
+              {
+                value: ps || "Untitled Dashboard",
+                onSave: (i) => {
+                  console.log("EditableText onSave called:", {
+                    newTitle: i,
+                    canEditDashboard: ce,
+                    dashboardId: c == null ? void 0 : c.id
+                  });
+                  const I = (c == null ? void 0 : c.title) || "";
+                  h(i), la(i, I);
+                },
+                isEditable: ce && !g,
+                displayClassName: "text-sm font-medium",
+                inputClassName: "text-sm font-medium",
+                placeholder: "Dashboard Title",
+                isPending: ae.isPending
+              }
+            ),
+            va && re && /* @__PURE__ */ e(Xa, { children: /* @__PURE__ */ r(Ya, { children: [
+              /* @__PURE__ */ e(Za, { asChild: !0, children: /* @__PURE__ */ e(
+                E,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: ya,
+                  disabled: ta || !(s != null && s.accessToken) || !(n != null && n.apiServiceUrl),
+                  className: "h-7 w-7",
+                  children: /* @__PURE__ */ e(
+                    et,
+                    {
+                      className: X(
+                        "h-4 w-4 transition-colors",
+                        Ie ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground hover:text-yellow-400"
+                      )
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ e(st, { children: /* @__PURE__ */ e("p", { children: Ie ? "Remove as default dashboard" : "Make this a default dashboard" }) })
+            ] }) })
+          ] }))
+        ] }),
+        /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+          D && /* @__PURE__ */ r(M, { children: [
+            /* @__PURE__ */ e(wt, { className: "mr-2" }),
+            /* @__PURE__ */ e(xt, { className: "h-7" })
+          ] }),
+          a && !D && /* @__PURE__ */ r(M, { children: [
+            /* @__PURE__ */ e(
+              V,
+              {
+                tooltip: "Copy Token",
+                onClick: () => {
+                  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"));
+                },
+                className: "h-7 p-2",
+                children: /* @__PURE__ */ e(at, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ e(
+              V,
+              {
+                tooltip: "Invalidate Token",
+                onClick: () => tt(n.apiServiceUrl),
+                className: "h-7 p-2",
+                children: /* @__PURE__ */ e(_t, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          !D && l && /* @__PURE__ */ e(rt, {}),
+          !D && l && /* @__PURE__ */ e(Dt, {}),
+          !D && l && ((ys = J == null ? void 0 : J.permissions) == null ? void 0 : ys.canShare) && /* @__PURE__ */ e(
+            V,
+            {
+              tooltip: "Share Dashboard",
+              onClick: () => N(!0),
+              className: "h-7 p-2",
+              children: /* @__PURE__ */ e(nt, { className: "h-4 w-4" })
+            }
+          ),
+          !D && d && o.canUseFilters && l && /* @__PURE__ */ r(
+            E,
+            {
+              className: "h-7 px-2",
+              variant: "outline",
+              onClick: () => {
+                Ne || Ys("dashboard", !1), ea(!Ne);
+              },
+              size: "sm",
+              children: [
+                Ne ? /* @__PURE__ */ e(Mt, { className: "mr-2 h-4 w-4" }) : /* @__PURE__ */ e(ot, { className: "mr-2 h-4 w-4" }),
+                "Filter"
+              ]
+            }
+          ),
+          d && !D && me && a && l && /* @__PURE__ */ e(qt, {}),
+          !D && me && a && l && /* @__PURE__ */ e(Ht, {}),
+          d && !D && me && g && a && l && /* @__PURE__ */ r(
+            E,
+            {
+              className: "h-7 p-2",
+              variant: "secondary",
+              disabled: f,
+              onClick: ga,
+              size: "sm",
+              children: [
+                /* @__PURE__ */ e(ws, { className: "mr-2 h-4 w-4" }),
+                "Save Lens"
+              ]
+            }
+          ),
+          d && !D && l && /* @__PURE__ */ r(
+            E,
+            {
+              variant: "outline",
+              className: "h-7 p-2",
+              size: "sm",
+              disabled: !d,
+              onClick: () => oa(),
+              children: [
+                /* @__PURE__ */ e(Ye, { className: "mr-2 h-4 w-4" }),
+                "Visual"
+              ]
+            }
+          ),
+          !D && !d && ce && l && /* @__PURE__ */ r(
+            E,
+            {
+              variant: "outline",
+              className: "h-7 p-2",
+              onClick: ca,
+              size: "sm",
+              children: [
+                /* @__PURE__ */ e(it, { className: "mr-2 h-4 w-4" }),
+                "Edit"
+              ]
+            }
+          ),
+          us && l && ms && /* @__PURE__ */ r(
+            E,
+            {
+              variant: "outline",
+              className: "h-7 p-2",
+              onClick: pa,
+              size: "sm",
+              disabled: te,
+              children: [
+                /* @__PURE__ */ e(lt, { className: "mr-2 h-4 w-4" }),
+                "Undo"
+              ]
+            }
+          ),
+          us && l && /* @__PURE__ */ r("div", { className: "relative inline-flex", children: [
+            /* @__PURE__ */ r(
+              E,
+              {
+                className: X("h-7 p-2", !Me && "opacity-60"),
+                disabled: te || !Me,
+                onClick: () => Oe(),
+                size: "sm",
+                children: [
+                  te ? /* @__PURE__ */ e(Y, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ e(ws, { className: "mr-2 h-4 w-4" }),
+                  te ? "Saving..." : "Save"
+                ]
+              }
+            ),
+            Me && !te && /* @__PURE__ */ e(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "pointer-events-none absolute -right-1 -top-1 h-2.5 w-2.5 rounded-full bg-orange-500 ring-2 ring-background"
+              }
+            )
+          ] }),
+          !D && d && a && l && /* @__PURE__ */ e("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ e(
+            E,
+            {
+              className: "h-7 p-2",
+              onClick: () => ls(!Zs),
+              size: "sm",
+              variant: "ghost",
+              children: /* @__PURE__ */ e(ct, { className: "h-4 w-4" })
+            }
+          ) }),
+          !D && a && /* @__PURE__ */ e(Ft, {}),
+          d && !D && l && /* @__PURE__ */ r(
+            E,
+            {
+              variant: "outline",
+              className: "h-7 p-2",
+              onClick: ua,
+              children: [
+                /* @__PURE__ */ e(ks, { className: "mr-2 h-4 w-4" }),
+                "Close"
+              ]
+            }
+          ),
+          !D && l && /* @__PURE__ */ r(Ke, { children: [
+            /* @__PURE__ */ e(Qe, { asChild: !0, children: /* @__PURE__ */ e(
+              V,
+              {
+                tooltip: "More Options",
+                className: "h-8 w-8 rounded-md border border-transparent p-0 text-muted-foreground hover:bg-muted/50 hover:text-foreground",
+                buttonProps: { "aria-label": "More dashboard options" },
+                children: /* @__PURE__ */ e(dt, { className: "h-4 w-4" })
+              }
+            ) }),
+            /* @__PURE__ */ r(
+              We,
+              {
+                align: "end",
+                className: "w-56 rounded-xl border border-border/60 p-1 shadow-sm",
+                children: [
+                  /* @__PURE__ */ e(fe, { className: "px-2.5 text-xs font-medium text-muted-foreground", children: "Automation" }),
+                  /* @__PURE__ */ r(
+                    j,
+                    {
+                      onClick: () => O(!0),
+                      className: "flex items-center gap-2",
+                      children: [
+                        /* @__PURE__ */ e(ut, { className: "mr-2 h-4 w-4" }),
+                        "Schedule Dashboard"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e(Ge, {}),
+                  na && /* @__PURE__ */ r(M, { children: [
+                    /* @__PURE__ */ e(fe, { className: "px-2.5 text-xs font-medium text-muted-foreground", children: "Access" }),
+                    /* @__PURE__ */ r(
+                      j,
+                      {
+                        onClick: () => T(!0),
+                        className: "flex items-center gap-2",
+                        children: [
+                          /* @__PURE__ */ e(H, { className: "mr-2 h-4 w-4" }),
+                          "Manage Groups"
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ e(Ge, {})
+                  ] }),
+                  /* @__PURE__ */ e(fe, { className: "px-2.5 text-xs font-medium text-muted-foreground", children: "Preferences" }),
+                  /* @__PURE__ */ r(
+                    j,
+                    {
+                      onClick: () => R(!0),
+                      className: "flex items-center gap-2",
+                      children: [
+                        /* @__PURE__ */ e(mt, { className: "mr-2 h-4 w-4" }),
+                        "Calendar Preferences"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ r(
+                    j,
+                    {
+                      onClick: () => x(!0),
+                      className: "flex items-center gap-2",
+                      children: [
+                        /* @__PURE__ */ e(ht, { className: "mr-2 h-4 w-4" }),
+                        "Summary Settings"
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          ] }),
+          y && ds && /* @__PURE__ */ e(
+            pt,
+            {
+              resource: ds,
+              resourceType: Te.DASHBOARD,
+              onClose: () => N(!1)
+            }
+          ),
+          /* @__PURE__ */ e(
+            mr,
+            {
+              open: A,
+              onOpenChange: T
+            }
+          ),
+          (c == null ? void 0 : c.id) && /* @__PURE__ */ e(
+            ft,
+            {
+              open: P,
+              onOpenChange: O,
+              dashboardId: c.id,
+              dashboardName: c == null ? void 0 : c.title
+            }
+          ),
+          /* @__PURE__ */ e(
+            Lt,
+            {
+              open: $,
+              onOpenChange: R
+            }
+          ),
+          /* @__PURE__ */ e(
+            At,
+            {
+              open: z,
+              onOpenChange: x,
+              dashboard: c,
+              disabled: !d,
+              onApply: (i) => Ae({
+                ...c,
+                summary: i
+              })
+            }
+          ),
+          /* @__PURE__ */ e(
+            Ps,
+            {
+              open: B,
+              onOpenChange: (i) => {
+                !i && De && !Q || (K(i), i || (W(null), C(!1)));
+              },
+              children: /* @__PURE__ */ r(Us, { className: "max-w-sm", children: [
+                /* @__PURE__ */ r(Rs, { children: [
+                  /* @__PURE__ */ e(Gs, { children: Q ? "Save failed" : "Saving dashboard" }),
+                  /* @__PURE__ */ e(Fs, { className: "pt-2", children: Q ? "We could not save the dashboard. Please try again." : "Please wait while we save your changes." })
+                ] }),
+                /* @__PURE__ */ e(Vs, { className: "flex-col gap-2 sm:flex-row sm:justify-end", children: Q ? /* @__PURE__ */ r(M, { children: [
+                  /* @__PURE__ */ e(
+                    js,
+                    {
+                      onClick: () => {
+                        K(!1), W(null), C(!1);
+                      },
+                      className: "m-0",
+                      children: "Close"
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    $e,
+                    {
+                      onClick: () => Oe({
+                        closeAfterSave: b,
+                        navigateHomeAfterSave: Ee === "home"
+                      }),
+                      className: "m-0",
+                      children: "Retry"
+                    }
+                  )
+                ] }) : /* @__PURE__ */ r(
+                  $e,
+                  {
+                    disabled: !0,
+                    className: "m-0 cursor-default",
+                    children: [
+                      /* @__PURE__ */ e(Y, { className: "mr-2 h-4 w-4 animate-spin" }),
+                      "Saving..."
+                    ]
+                  }
+                ) })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ e(
+            Ct,
+            {
+              open: ia,
+              onOpenChange: (i) => {
+                se(i);
+              },
+              onSave: ma,
+              onDiscard: ha,
+              isSaving: De,
+              saveLabel: "Save",
+              discardLabel: "Discard"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  Dr as default
+};