react-semaphor 0.1.257 → 0.1.259

package/dist/chunks/dashboard-controls-51P6aUVB.js

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