react-semaphor 0.1.203 → 0.1.205

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

@@ -0,0 +1,1584 @@
+import { jsxs as a, jsx as e, Fragment as O } from "react/jsx-runtime";
+import { bI as ee, cU as Xs, u as x, b$ as Oe, c0 as Ie, B as L, c2 as Te, c3 as Y, cV as _e, bs as ns, l as j, m as Ge, cW as Ys, c4 as Re, n as Pe, o as Ue, p as Fe, q as os, L as we, Q as Z, G as Zs, a2 as F, cX as ea, c8 as sa, cY as aa, cZ as Ze, c_ as is, c as de, c$ as ls, bP as ue, d0 as me, I as D, d1 as cs, cF as ta, d2 as ra, H as V, c7 as z, d3 as je, d4 as na, d5 as oa, d6 as xe, d7 as ia, d8 as la, d9 as ds, da as us, db as le, dc as ce, cC as Ce, ce as De, dd as Le, c9 as ms, de as Ee, cG as hs, e as ps, df as ca, ch as fs, ci as gs, cj as vs, ck as ys, cl as bs, cm as Ns, cn as Ss, co as Ae, bZ as da, dg as ua, bu as ma, bA as es, bE as oe, dh as ha, bF as pa, ag as be, di as fa, dj as ga, dk as va, dl as ya, c5 as ba, aO as Na, dm as Sa, dn as wa, dp as xa, dq as Ca, dr as Da, c1 as La, cb as Ea, ds as Aa, ai as ka, am as Ma } from "./index-em2ecoK3.js";
+import * as _ from "react";
+import ws, { useState as S, useMemo as ie, useEffect as Oa } from "react";
+import "react-dom";
+import { b as Ia, u as Ta, c as _a, A as Ga, V as Ra, S as Pa, N as Ua, U as Fa } from "./notification-bell-Ck-SNMez.js";
+import { u as ja } from "./use-role-aware-display-preferences-DEkMGyx9.js";
+import { d as qa } from "./date-formatter-Y8Za1ib3.js";
+import { C as Va, D as za } from "./dashboard-summary-settings-dialog-DnfxWTj2.js";
+import { S as ss } from "./editor-action-buttons-DngVSXyw.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 $a = ee("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 Ha = ee("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 Ba = ee("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 Ka = ee("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 Qa = ee("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 ke = { exports: {} }, Ne = {};
+/**
+ * @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 as;
+function Wa() {
+  if (as) return Ne;
+  as = 1;
+  var s = ws;
+  function o(c, m) {
+    return c === m && (c !== 0 || 1 / c === 1 / m) || c !== c && m !== m;
+  }
+  var t = typeof Object.is == "function" ? Object.is : o, r = s.useState, l = s.useEffect, i = s.useLayoutEffect, u = s.useDebugValue;
+  function p(c, m) {
+    var h = m(), y = r({ inst: { value: h, getSnapshot: m } }), b = y[0].inst, N = y[1];
+    return i(
+      function() {
+        b.value = h, b.getSnapshot = m, g(b) && N({ inst: b });
+      },
+      [c, h, m]
+    ), l(
+      function() {
+        return g(b) && N({ inst: b }), c(function() {
+          g(b) && N({ inst: b });
+        });
+      },
+      [c]
+    ), u(h), h;
+  }
+  function g(c) {
+    var m = c.getSnapshot;
+    c = c.value;
+    try {
+      var h = m();
+      return !t(c, h);
+    } catch {
+      return !0;
+    }
+  }
+  function v(c, m) {
+    return m();
+  }
+  var d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? v : p;
+  return Ne.useSyncExternalStore = s.useSyncExternalStore !== void 0 ? s.useSyncExternalStore : d, Ne;
+}
+var Se = {};
+/**
+ * @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 ts;
+function Ja() {
+  return ts || (ts = 1, process.env.NODE_ENV !== "production" && function() {
+    function s(h, y) {
+      return h === y && (h !== 0 || 1 / h === 1 / y) || h !== h && y !== y;
+    }
+    function o(h, y) {
+      d || l.startTransition === void 0 || (d = !0, console.error(
+        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
+      ));
+      var b = y();
+      if (!c) {
+        var N = y();
+        i(b, N) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), c = !0);
+      }
+      N = u({
+        inst: { value: b, getSnapshot: y }
+      });
+      var A = N[0].inst, I = N[1];
+      return g(
+        function() {
+          A.value = b, A.getSnapshot = y, t(A) && I({ inst: A });
+        },
+        [h, b, y]
+      ), p(
+        function() {
+          return t(A) && I({ inst: A }), h(function() {
+            t(A) && I({ inst: A });
+          });
+        },
+        [h]
+      ), v(b), b;
+    }
+    function t(h) {
+      var y = h.getSnapshot;
+      h = h.value;
+      try {
+        var b = y();
+        return !i(h, b);
+      } catch {
+        return !0;
+      }
+    }
+    function r(h, y) {
+      return y();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var l = ws, i = typeof Object.is == "function" ? Object.is : s, u = l.useState, p = l.useEffect, g = l.useLayoutEffect, v = l.useDebugValue, d = !1, c = !1, m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : o;
+    Se.useSyncExternalStore = l.useSyncExternalStore !== void 0 ? l.useSyncExternalStore : m, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), Se;
+}
+process.env.NODE_ENV === "production" ? ke.exports = Wa() : ke.exports = Ja();
+var Xa = ke.exports;
+function Ya() {
+  const { setTheme: s } = Xs(), o = x(
+    (t) => t.actions.setDashboardTheme
+  );
+  return /* @__PURE__ */ a(Oe, { children: [
+    /* @__PURE__ */ e(Ie, { asChild: !0, children: /* @__PURE__ */ a(L, { className: "h-7 p-2", variant: "ghost", size: "sm", children: [
+      /* @__PURE__ */ e(
+        Qa,
+        {
+          strokeWidth: 1.5,
+          className: "h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"
+        }
+      ),
+      /* @__PURE__ */ e(
+        Ba,
+        {
+          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__ */ a(Te, { align: "end", children: [
+      /* @__PURE__ */ e(
+        Y,
+        {
+          onClick: () => {
+            s("light"), o("light");
+          },
+          children: "Light"
+        }
+      ),
+      /* @__PURE__ */ e(
+        Y,
+        {
+          onClick: () => {
+            s("dark"), o("dark");
+          },
+          children: "Dark"
+        }
+      ),
+      /* @__PURE__ */ e(
+        Y,
+        {
+          onClick: () => {
+            s("system"), o("system");
+          },
+          children: "System"
+        }
+      )
+    ] })
+  ] });
+}
+async function Za(s, o, t, r, l) {
+  if (!l)
+    return null;
+  const i = JSON.stringify(t), u = `${s}/v1/lens`;
+  return await _e(u, l, {
+    name: o,
+    template: i,
+    filterValues: r,
+    operation: "create"
+  });
+}
+async function Me(s, o, t) {
+  if (!t)
+    return null;
+  const { id: r, template: l, filterValues: i, isDefault: u, shared: p } = o, g = `${s}/v1/lens`;
+  return await _e(g, t, {
+    lensId: r,
+    template: l,
+    filterValues: i,
+    isDefault: u,
+    shared: p,
+    operation: "update"
+  });
+}
+async function et(s, o, t) {
+  if (!t)
+    return null;
+  const r = `${s}/v1/lens`;
+  return await _e(r, t, {
+    operation: "delete",
+    lensId: o
+  });
+}
+function st() {
+  const [s, o] = S(""), [t, r] = S(!1), l = x((N) => N.lenses), { setLenses: i, setSelectedLensId: u } = ns(), [p, g] = S(!1), [v, d] = S(!1), c = x((N) => N.dashboard), m = x((N) => N.filterValues), { authToken: h, tokenProps: y } = j();
+  async function b() {
+    g(!0);
+    const N = await Za(
+      y.apiServiceUrl,
+      s,
+      c,
+      m,
+      h == null ? void 0 : h.accessToken
+    );
+    N && (i([...l || [], N]), u(N.id), d(!1)), g(!1);
+  }
+  return /* @__PURE__ */ a(Ge, { open: v, onOpenChange: d, children: [
+    /* @__PURE__ */ e(Ys, { asChild: !0, children: /* @__PURE__ */ a(
+      L,
+      {
+        variant: "secondary",
+        className: "h-7 p-2",
+        size: "sm",
+        children: [
+          /* @__PURE__ */ e(Re, { className: "mr-2 h-4 w-4" }),
+          "Lens"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ a(Pe, { className: "sm:max-w-[425px]", children: [
+      /* @__PURE__ */ a(Ue, { children: [
+        /* @__PURE__ */ e(Fe, { children: "Create Lens" }),
+        /* @__PURE__ */ e(os, { children: "Lenses are private by default and are only visible to you." })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-8 items-center gap-4", children: [
+        /* @__PURE__ */ e(we, { className: "text-right", children: "Name" }),
+        /* @__PURE__ */ e(
+          Z,
+          {
+            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"
+          }
+        )
+      ] }) }),
+      t && /* @__PURE__ */ e("p", { className: "text-sm", children: "The lens name already exists. Use a differnet name." }),
+      /* @__PURE__ */ e(Zs, { children: /* @__PURE__ */ e(
+        L,
+        {
+          size: "sm",
+          variant: "outline",
+          type: "submit",
+          onClick: b,
+          disabled: p,
+          children: p ? "Creating..." : "Add"
+        }
+      ) })
+    ] })
+  ] });
+}
+function at() {
+  const [s, o] = S(!1), t = x((c) => c.lenses), r = x((c) => c.selectedLensId), { setLenses: l, setSelectedLensId: i } = ns(), { authToken: u, tokenProps: p } = j();
+  async function g(c) {
+    i(c);
+  }
+  async function v(c) {
+    if (await et(p.apiServiceUrl, c, u == null ? void 0 : u.accessToken)) {
+      const h = t == null ? void 0 : t.filter((y) => y.id !== c);
+      l(h || []), i("original");
+    }
+  }
+  async function d(c) {
+    const m = t == null ? void 0 : t.map((b) => b.id === c.id ? {
+      ...b,
+      isDefault: !c.isDefault
+    } : {
+      ...b,
+      isDefault: !1
+    });
+    l(m || []);
+    const h = {
+      ...c,
+      isDefault: !c.isDefault
+    };
+    await Me(p.apiServiceUrl, h, u == null ? void 0 : u.accessToken);
+    const y = t == null ? void 0 : t.find((b) => b.isDefault);
+    if (y && y.id !== c.id) {
+      const b = {
+        ...y,
+        isDefault: !1
+      };
+      await Me(p.apiServiceUrl, b, u == null ? void 0 : u.accessToken);
+    }
+  }
+  return /* @__PURE__ */ a(Oe, { open: s, onOpenChange: o, children: [
+    /* @__PURE__ */ e(Ie, { asChild: !0, children: /* @__PURE__ */ e(F, { tooltip: "Lenses", className: "h-7 p-2", children: /* @__PURE__ */ e($a, { className: "h-4 w-4" }) }) }),
+    /* @__PURE__ */ a(Te, { align: "end", className: "w-60", children: [
+      /* @__PURE__ */ e(ea, { className: "px-3", children: "Lenses" }),
+      /* @__PURE__ */ e(sa, {}),
+      /* @__PURE__ */ a(
+        aa,
+        {
+          value: r,
+          onValueChange: g,
+          children: [
+            /* @__PURE__ */ e(Ze, { value: "original", children: "Original" }),
+            t == null ? void 0 : t.map((c) => /* @__PURE__ */ a(
+              Ze,
+              {
+                className: "group flex justify-between gap-2",
+                value: c.id,
+                children: [
+                  /* @__PURE__ */ e("p", { children: c.name }),
+                  /* @__PURE__ */ a("span", { className: "flex items-center gap-3", children: [
+                    /* @__PURE__ */ e(
+                      is,
+                      {
+                        onClick: (m) => {
+                          m.preventDefault(), d(c);
+                        },
+                        className: de(
+                          "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
+                          {
+                            invisible: !c.isDefault,
+                            "text-green-500": c.isDefault
+                          }
+                        ),
+                        strokeWidth: 1.5
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      ls,
+                      {
+                        onClick: (m) => {
+                          m.preventDefault(), v(c.id);
+                        },
+                        className: "invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
+                        strokeWidth: 1.5
+                      }
+                    )
+                  ] })
+                ]
+              },
+              c.id
+            ))
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+const tt = async (s, o, t) => {
+  const r = `${s}/management/v1/groups`;
+  return await cs(r, o, t);
+}, rt = async (s, o, t) => {
+  const r = `${s}/management/v1/groups/${t}`, l = await fetch(r, {
+    method: "DELETE",
+    headers: {
+      Authorization: `Bearer ${o}`
+    }
+  });
+  if (!l.ok) {
+    const i = await l.text();
+    throw new Error(i || "Failed to delete group");
+  }
+}, nt = async (s, o, t, r) => {
+  const l = `${s}/management/v1/groups/${t}/members`;
+  return await cs(l, o, r);
+}, ot = async (s, o, t, r) => {
+  const l = `${s}/management/v1/groups/${t}/members`, i = await fetch(l, {
+    method: "DELETE",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${o}`
+    },
+    body: JSON.stringify(r)
+  });
+  if (!i.ok) {
+    const u = await i.text();
+    throw new Error(u || "Failed to remove group members");
+  }
+};
+function it() {
+  const { authToken: s, tokenProps: o } = j(), t = ue();
+  return me({
+    mutationFn: (r) => tt(o.apiServiceUrl, (s == null ? void 0 : s.accessToken) || "", r),
+    onSuccess: () => {
+      t.invalidateQueries({ queryKey: ["groups"] }), D.success("Group created successfully");
+    },
+    onError: (r) => {
+      console.error("Failed to create group:", r), D.error("Failed to create group", {
+        description: r.message
+      });
+    }
+  });
+}
+function lt() {
+  const { authToken: s, tokenProps: o } = j(), t = ue();
+  return me({
+    mutationFn: (r) => rt(o.apiServiceUrl, (s == null ? void 0 : s.accessToken) || "", r),
+    onSuccess: (r, l) => {
+      t.invalidateQueries({ queryKey: ["groups"] }), t.removeQueries({ queryKey: ["group", l] }), D.success("Group deleted successfully");
+    },
+    onError: (r) => {
+      console.error("Failed to delete group:", r), D.error("Failed to delete group", {
+        description: r.message
+      });
+    }
+  });
+}
+function ct() {
+  const { authToken: s, tokenProps: o } = j(), t = ue();
+  return me({
+    mutationFn: ({
+      groupId: r,
+      data: l
+    }) => nt(o.apiServiceUrl, (s == null ? void 0 : s.accessToken) || "", r, l),
+    onSuccess: (r, l) => {
+      t.invalidateQueries({ queryKey: ["group", l.groupId] }), t.invalidateQueries({
+        queryKey: ["group-members", l.groupId]
+      }), t.invalidateQueries({ queryKey: ["groups"] }), D.success("Members added successfully");
+    },
+    onError: (r) => {
+      console.error("Failed to add group members:", r), D.error("Failed to add members", {
+        description: r.message
+      });
+    }
+  });
+}
+function dt() {
+  const { authToken: s, tokenProps: o } = j(), t = ue();
+  return me({
+    mutationFn: ({
+      groupId: r,
+      data: l
+    }) => ot(o.apiServiceUrl, (s == null ? void 0 : s.accessToken) || "", r, l),
+    onSuccess: (r, l) => {
+      t.invalidateQueries({ queryKey: ["group", l.groupId] }), t.invalidateQueries({
+        queryKey: ["group-members", l.groupId]
+      }), t.invalidateQueries({ queryKey: ["groups"] }), D.success("Members removed successfully");
+    },
+    onError: (r) => {
+      console.error("Failed to remove group members:", r), D.error("Failed to remove members", {
+        description: r.message
+      });
+    }
+  });
+}
+function ut({
+  onSuccess: s,
+  tenantId: o,
+  isTenantUser: t
+}) {
+  const [r, l] = S(""), [i, u] = S(""), [p, g] = S({}), v = it(), d = () => {
+    const m = {};
+    return r.trim() ? r.length < 3 ? m.name = "Group name must be at least 3 characters" : r.length > 50 && (m.name = "Group name must be less than 50 characters") : m.name = "Group name is required", i && i.length > 200 && (m.description = "Description must be less than 200 characters"), g(m), Object.keys(m).length === 0;
+  };
+  return /* @__PURE__ */ a("form", { onSubmit: async (m) => {
+    if (m.preventDefault(), !d()) return;
+    const h = {
+      name: r.trim(),
+      description: i.trim() || void 0,
+      type: t ? "TENANT_GROUP" : "ORG_GROUP",
+      ...t && o ? { tenantId: o } : {}
+    };
+    try {
+      await v.mutateAsync(h), l(""), u(""), g({}), s();
+    } catch (y) {
+      console.error("Failed to create group:", y);
+    }
+  }, className: "space-y-6", children: [
+    /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ a(we, { htmlFor: "group-name", children: [
+          "Group Name ",
+          /* @__PURE__ */ e("span", { className: "text-destructive", children: "*" })
+        ] }),
+        /* @__PURE__ */ e(
+          Z,
+          {
+            id: "group-name",
+            placeholder: "e.g., Marketing Team, Engineering Squad",
+            value: r,
+            onChange: (m) => {
+              l(m.target.value), p.name && g((h) => ({ ...h, name: "" }));
+            },
+            className: p.name ? "border-destructive" : "",
+            disabled: v.isPending
+          }
+        ),
+        p.name && /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: p.name })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ a(we, { 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: i,
+            onChange: (m) => {
+              u(m.target.value), p.description && g((h) => ({ ...h, description: "" }));
+            },
+            className: p.description ? "border-destructive" : "",
+            disabled: v.isPending,
+            rows: 3
+          }
+        ),
+        p.description && /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: p.description }),
+        /* @__PURE__ */ a("p", { className: "text-xs text-muted-foreground", children: [
+          i.length,
+          "/200 characters"
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "rounded-lg border bg-muted/50 p-4", children: /* @__PURE__ */ a("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ e(ra, { 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__ */ a("div", { className: "flex justify-end gap-3", children: [
+      /* @__PURE__ */ e(
+        L,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: () => {
+            l(""), u(""), g({});
+          },
+          disabled: v.isPending,
+          children: "Clear"
+        }
+      ),
+      /* @__PURE__ */ e(
+        L,
+        {
+          type: "submit",
+          disabled: v.isPending || !r.trim(),
+          children: v.isPending ? /* @__PURE__ */ a(O, { children: [
+            /* @__PURE__ */ e(V, { className: "mr-2 h-4 w-4 animate-spin" }),
+            "Creating..."
+          ] }) : /* @__PURE__ */ a(O, { children: [
+            /* @__PURE__ */ e(z, { className: "mr-2 h-4 w-4" }),
+            "Create Group"
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+function mt() {
+  return Xa.useSyncExternalStore(
+    ht,
+    () => !0,
+    () => !1
+  );
+}
+function ht() {
+  return () => {
+  };
+}
+var qe = "Avatar", [pt] = na(qe), [ft, xs] = pt(qe), Cs = _.forwardRef(
+  (s, o) => {
+    const { __scopeAvatar: t, ...r } = s, [l, i] = _.useState("idle");
+    return /* @__PURE__ */ e(
+      ft,
+      {
+        scope: t,
+        imageLoadingStatus: l,
+        onImageLoadingStatusChange: i,
+        children: /* @__PURE__ */ e(je.span, { ...r, ref: o })
+      }
+    );
+  }
+);
+Cs.displayName = qe;
+var Ds = "AvatarImage", Ls = _.forwardRef(
+  (s, o) => {
+    const { __scopeAvatar: t, src: r, onLoadingStatusChange: l = () => {
+    }, ...i } = s, u = xs(Ds, t), p = gt(r, i), g = oa((v) => {
+      l(v), u.onImageLoadingStatusChange(v);
+    });
+    return xe(() => {
+      p !== "idle" && g(p);
+    }, [p, g]), p === "loaded" ? /* @__PURE__ */ e(je.img, { ...i, ref: o, src: r }) : null;
+  }
+);
+Ls.displayName = Ds;
+var Es = "AvatarFallback", As = _.forwardRef(
+  (s, o) => {
+    const { __scopeAvatar: t, delayMs: r, ...l } = s, i = xs(Es, t), [u, p] = _.useState(r === void 0);
+    return _.useEffect(() => {
+      if (r !== void 0) {
+        const g = window.setTimeout(() => p(!0), r);
+        return () => window.clearTimeout(g);
+      }
+    }, [r]), u && i.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ e(je.span, { ...l, ref: o }) : null;
+  }
+);
+As.displayName = Es;
+function rs(s, o) {
+  return s ? o ? (s.src !== o && (s.src = o), s.complete && s.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
+}
+function gt(s, { referrerPolicy: o, crossOrigin: t }) {
+  const r = mt(), l = _.useRef(null), i = r ? (l.current || (l.current = new window.Image()), l.current) : null, [u, p] = _.useState(
+    () => rs(i, s)
+  );
+  return xe(() => {
+    p(rs(i, s));
+  }, [i, s]), xe(() => {
+    const g = (c) => () => {
+      p(c);
+    };
+    if (!i) return;
+    const v = g("loaded"), d = g("error");
+    return i.addEventListener("load", v), i.addEventListener("error", d), o && (i.referrerPolicy = o), typeof t == "string" && (i.crossOrigin = t), () => {
+      i.removeEventListener("load", v), i.removeEventListener("error", d);
+    };
+  }, [i, t, o]), u;
+}
+var ks = Cs, Ms = Ls, Os = As;
+const Ve = _.forwardRef(({ className: s, ...o }, t) => /* @__PURE__ */ e(
+  ks,
+  {
+    ref: t,
+    className: de(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      s
+    ),
+    ...o
+  }
+));
+Ve.displayName = ks.displayName;
+const vt = _.forwardRef(({ className: s, ...o }, t) => /* @__PURE__ */ e(
+  Ms,
+  {
+    ref: t,
+    className: de("aspect-square h-full w-full", s),
+    ...o
+  }
+));
+vt.displayName = Ms.displayName;
+const ze = _.forwardRef(({ className: s, ...o }, t) => /* @__PURE__ */ e(
+  Os,
+  {
+    ref: t,
+    className: de(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      s
+    ),
+    ...o
+  }
+));
+ze.displayName = Os.displayName;
+function yt({
+  open: s,
+  onOpenChange: o,
+  group: t,
+  onUpdate: r
+}) {
+  const [l, i] = S("members"), [u, p] = S(""), [g, v] = S([]), [d, c] = S([]), { data: m, isLoading: h, refetch: y } = ia(t.id), b = t.type === "TENANT_GROUP" ? "tenant" : "organization", { users: N, isLoading: A } = la({
+    type: b,
+    tenantId: t.tenantId || void 0,
+    active: !0,
+    limit: 100
+  }), I = ct(), G = dt(), k = (m == null ? void 0 : m.members) || [], $ = ie(() => new Set(k.map((f) => f.userId)), [k]), P = ie(() => N.filter((f) => !$.has(f.id)), [N, $]), H = ie(() => {
+    if (!u) return P;
+    const f = u.toLowerCase();
+    return P.filter(
+      (E) => {
+        var T, w;
+        return ((T = E.name) == null ? void 0 : T.toLowerCase().includes(f)) || ((w = E.email) == null ? void 0 : w.toLowerCase().includes(f));
+      }
+    );
+  }, [P, u]), C = ie(() => {
+    if (!u) return k;
+    const f = u.toLowerCase();
+    return k.filter(
+      (E) => {
+        var T, w, U, q;
+        return ((w = (T = E.user) == null ? void 0 : T.name) == null ? void 0 : w.toLowerCase().includes(f)) || ((q = (U = E.user) == null ? void 0 : U.email) == null ? void 0 : q.toLowerCase().includes(f));
+      }
+    );
+  }, [k, u]), R = async () => {
+    if (g.length !== 0)
+      try {
+        await I.mutateAsync({
+          groupId: t.id,
+          data: {
+            userIds: g,
+            userType: b === "tenant" ? "tenant" : "org"
+          }
+        }), v([]), i("members"), y(), r == null || r();
+      } catch (f) {
+        console.error("Failed to add members:", f);
+      }
+  }, B = async () => {
+    if (d.length !== 0)
+      try {
+        await G.mutateAsync({
+          groupId: t.id,
+          data: {
+            userIds: d
+          }
+        }), c([]), y(), r == null || r();
+      } catch (f) {
+        console.error("Failed to remove members:", f);
+      }
+  }, he = (f) => {
+    v(
+      (E) => E.includes(f) ? E.filter((T) => T !== f) : [...E, f]
+    );
+  }, K = (f) => {
+    c(
+      (E) => E.includes(f) ? E.filter((T) => T !== f) : [...E, f]
+    );
+  };
+  return /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(Ge, { open: s, onOpenChange: o, children: /* @__PURE__ */ a(Pe, { className: "max-w-3xl max-h-[80vh]", "aria-describedby": "group-members-description", children: [
+    /* @__PURE__ */ a(Ue, { children: [
+      /* @__PURE__ */ e(Fe, { children: t.name }),
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2 mt-1", children: /* @__PURE__ */ a("p", { className: "text-sm text-muted-foreground", children: [
+        k.length,
+        " ",
+        k.length === 1 ? "member" : "members"
+      ] }) }),
+      /* @__PURE__ */ a("p", { id: "group-members-description", className: "sr-only", children: [
+        "Add or remove members from the ",
+        t.name,
+        " group"
+      ] })
+    ] }),
+    /* @__PURE__ */ a(ds, { value: l, onValueChange: (f) => {
+      i(f), p(""), c([]);
+    }, className: "mt-4", children: [
+      /* @__PURE__ */ a(us, { className: "grid w-full grid-cols-2", children: [
+        /* @__PURE__ */ e(le, { value: "members", children: "Current Members" }),
+        /* @__PURE__ */ e(le, { value: "add", children: "Add Members" })
+      ] }),
+      /* @__PURE__ */ a(ce, { value: "members", className: "mt-4 space-y-4", children: [
+        /* @__PURE__ */ a("div", { className: "relative", children: [
+          /* @__PURE__ */ e(Ce, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+          /* @__PURE__ */ e(
+            Z,
+            {
+              placeholder: "Search members...",
+              value: u,
+              onChange: (f) => p(f.target.value),
+              className: "pl-10"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(De, { className: d.length > 0 ? "h-[300px]" : "h-[350px]", children: h ? /* @__PURE__ */ e("div", { className: "space-y-2", children: [1, 2, 3].map((f) => /* @__PURE__ */ e(Le, { className: "h-16 w-full" }, f)) }) : C.length === 0 ? /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
+          /* @__PURE__ */ e(z, { 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: C.map((f) => /* @__PURE__ */ e(
+          bt,
+          {
+            member: f,
+            selected: d.includes(f.userId),
+            onToggle: () => K(f.userId)
+          },
+          f.id
+        )) }) }),
+        d.length > 0 && /* @__PURE__ */ a("div", { className: "flex items-center justify-between pt-4 border-t", children: [
+          /* @__PURE__ */ a("span", { className: "text-sm text-muted-foreground", children: [
+            d.length,
+            " member",
+            d.length !== 1 ? "s" : "",
+            " selected"
+          ] }),
+          /* @__PURE__ */ e(
+            L,
+            {
+              variant: "destructive",
+              size: "sm",
+              onClick: B,
+              disabled: G.isPending,
+              children: G.isPending ? /* @__PURE__ */ a(O, { children: [
+                /* @__PURE__ */ e(V, { className: "mr-2 h-4 w-4 animate-spin" }),
+                "Removing..."
+              ] }) : /* @__PURE__ */ a(O, { children: [
+                /* @__PURE__ */ e(ms, { className: "mr-2 h-4 w-4" }),
+                "Remove Selected"
+              ] })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ a(ce, { value: "add", className: "mt-4 space-y-4", children: [
+        /* @__PURE__ */ a("div", { className: "relative", children: [
+          /* @__PURE__ */ e(Ce, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+          /* @__PURE__ */ e(
+            Z,
+            {
+              placeholder: "Search users to add...",
+              value: u,
+              onChange: (f) => p(f.target.value),
+              className: "pl-10"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(De, { className: "h-[300px]", children: A ? /* @__PURE__ */ e("div", { className: "space-y-2", children: [1, 2, 3].map((f) => /* @__PURE__ */ e(Le, { className: "h-16 w-full" }, f)) }) : H.length === 0 ? /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
+          /* @__PURE__ */ e(Ee, { className: "h-12 w-12 mb-3 opacity-50" }),
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: "No available users" }),
+          /* @__PURE__ */ e("p", { className: "text-xs mt-1", children: u ? "Try a different search" : "All eligible users are already members" })
+        ] }) : /* @__PURE__ */ e("div", { className: "space-y-2", children: H.map((f) => /* @__PURE__ */ e(
+          Nt,
+          {
+            user: f,
+            selected: g.includes(f.id),
+            onToggle: () => he(f.id)
+          },
+          f.id
+        )) }) }),
+        g.length > 0 && /* @__PURE__ */ a("div", { className: "flex items-center justify-between pt-4 border-t", children: [
+          /* @__PURE__ */ a("span", { className: "text-sm text-muted-foreground", children: [
+            g.length,
+            " user",
+            g.length !== 1 ? "s" : "",
+            " selected"
+          ] }),
+          /* @__PURE__ */ e(
+            L,
+            {
+              onClick: R,
+              disabled: I.isPending,
+              children: I.isPending ? /* @__PURE__ */ a(O, { children: [
+                /* @__PURE__ */ e(V, { className: "mr-2 h-4 w-4 animate-spin" }),
+                "Adding..."
+              ] }) : /* @__PURE__ */ a(O, { children: [
+                /* @__PURE__ */ e(Ee, { className: "mr-2 h-4 w-4" }),
+                "Add Members"
+              ] })
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] }) }) });
+}
+function bt({
+  member: s,
+  selected: o,
+  onToggle: t
+}) {
+  var l, i, u, p;
+  const r = ((i = (l = s.user) == null ? void 0 : l.name) == null ? void 0 : i.split(" ").map((g) => g[0]).join("").toUpperCase()) || "?";
+  return /* @__PURE__ */ a(
+    "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(hs, { checked: o }),
+        /* @__PURE__ */ e(Ve, { className: "h-8 w-8", children: /* @__PURE__ */ e(ze, { className: "text-xs", children: r }) }),
+        /* @__PURE__ */ a("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: (p = s.user) == null ? void 0 : p.email })
+        ] })
+      ]
+    }
+  );
+}
+function Nt({
+  user: s,
+  selected: o,
+  onToggle: t
+}) {
+  var l;
+  const r = ((l = s.name) == null ? void 0 : l.split(" ").map((i) => i[0]).join("").toUpperCase()) || "?";
+  return /* @__PURE__ */ a(
+    "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(hs, { checked: o }),
+        /* @__PURE__ */ e(Ve, { className: "h-8 w-8", children: /* @__PURE__ */ e(ze, { className: "text-xs", children: r }) }),
+        /* @__PURE__ */ a("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 St({
+  open: s,
+  onOpenChange: o
+}) {
+  const [t, r] = S("groups"), [l, i] = S(""), [u, p] = S(null), [g, v] = S(!1), [d, c] = S(null), { tokenProps: m } = j(), { currentUser: h } = ps(), y = lt(), b = (h == null ? void 0 : h.type) === "tenant", N = m == null ? void 0 : m.tenantId, { groups: A, isLoading: I, refetch: G } = ca({
+    type: b ? "TENANT_GROUP" : "all",
+    tenantId: b ? N : void 0,
+    includeMembers: !1
+  }), k = A.filter(
+    (C) => {
+      var R;
+      return C.name.toLowerCase().includes(l.toLowerCase()) || ((R = C.description) == null ? void 0 : R.toLowerCase().includes(l.toLowerCase()));
+    }
+  ), $ = async () => {
+    if (d)
+      try {
+        await y.mutateAsync(d.id), c(null), G();
+      } catch (C) {
+        console.error("Failed to delete group:", C);
+      }
+  }, P = (C) => {
+    p(C), v(!0);
+  }, H = () => {
+    r("groups"), G();
+  };
+  return /* @__PURE__ */ a(O, { children: [
+    /* @__PURE__ */ e(Ge, { open: s, onOpenChange: o, children: /* @__PURE__ */ a(Pe, { className: "max-w-4xl max-h-[80vh]", children: [
+      /* @__PURE__ */ a(Ue, { children: [
+        /* @__PURE__ */ a(Fe, { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(z, { className: "h-5 w-5" }),
+          "Group Management"
+        ] }),
+        /* @__PURE__ */ e(os, { children: "Manage your groups, create new groups, and control group membership" })
+      ] }),
+      /* @__PURE__ */ a(ds, { value: t, onValueChange: r, className: "mt-4", children: [
+        /* @__PURE__ */ a(us, { className: "grid w-full grid-cols-2", children: [
+          /* @__PURE__ */ a(le, { value: "groups", className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(z, { className: "h-4 w-4" }),
+            "Groups"
+          ] }),
+          /* @__PURE__ */ a(le, { value: "create", className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(Re, { className: "h-4 w-4" }),
+            "Create Group"
+          ] })
+        ] }),
+        /* @__PURE__ */ e(ce, { value: "groups", className: "mt-4", children: /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ a("div", { className: "relative", children: [
+            /* @__PURE__ */ e(Ce, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+            /* @__PURE__ */ e(
+              Z,
+              {
+                placeholder: "Search groups...",
+                value: l,
+                onChange: (C) => i(C.target.value),
+                className: "pl-10"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(De, { className: "h-[400px]", children: I ? /* @__PURE__ */ e("div", { className: "space-y-3", children: [1, 2, 3].map((C) => /* @__PURE__ */ e(Le, { className: "h-24 w-full" }, C)) }) : k.length === 0 ? /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
+            /* @__PURE__ */ e(z, { 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: k.map((C) => /* @__PURE__ */ e(
+            wt,
+            {
+              group: C,
+              onManageMembers: () => P(C),
+              onDelete: () => c(C),
+              currentUserId: h == null ? void 0 : h.id
+            },
+            C.id
+          )) }) })
+        ] }) }),
+        /* @__PURE__ */ e(ce, { value: "create", className: "mt-4", children: /* @__PURE__ */ e(
+          ut,
+          {
+            onSuccess: H,
+            tenantId: N,
+            isTenantUser: b
+          }
+        ) })
+      ] })
+    ] }) }),
+    u && /* @__PURE__ */ e(
+      yt,
+      {
+        open: g,
+        onOpenChange: v,
+        group: u,
+        onUpdate: () => G()
+      }
+    ),
+    /* @__PURE__ */ e(
+      fs,
+      {
+        open: !!d,
+        onOpenChange: () => c(null),
+        children: /* @__PURE__ */ a(gs, { children: [
+          /* @__PURE__ */ a(vs, { children: [
+            /* @__PURE__ */ e(ys, { children: "Delete Group" }),
+            /* @__PURE__ */ a(bs, { children: [
+              'Are you sure you want to delete "',
+              d == null ? void 0 : d.name,
+              '"? This action cannot be undone and will remove all members from the group.'
+            ] })
+          ] }),
+          /* @__PURE__ */ a(Ns, { children: [
+            /* @__PURE__ */ e(Ss, { children: "Cancel" }),
+            /* @__PURE__ */ e(
+              Ae,
+              {
+                onClick: $,
+                disabled: y.isPending,
+                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                children: y.isPending ? /* @__PURE__ */ a(O, { children: [
+                  /* @__PURE__ */ e(V, { className: "mr-2 h-4 w-4 animate-spin" }),
+                  "Deleting..."
+                ] }) : "Delete Group"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function wt({
+  group: s,
+  onManageMembers: o,
+  onDelete: t,
+  currentUserId: r
+}) {
+  const l = s.createdBy === r;
+  return /* @__PURE__ */ e("div", { className: "rounded-lg border bg-card p-4 transition-colors hover:bg-muted/50", children: /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-3", children: [
+    /* @__PURE__ */ a("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ a("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__ */ a("div", { className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ a("span", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ e(z, { className: "h-3 w-3" }),
+          s.memberCount,
+          " ",
+          s.memberCount === 1 ? "member" : "members"
+        ] }),
+        /* @__PURE__ */ a("span", { children: [
+          "Created ",
+          qa(new Date(s.createdAt), "MMM d, yyyy")
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ e(
+        L,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: o,
+          title: "Manage members",
+          children: /* @__PURE__ */ e(Ee, { className: "h-4 w-4" })
+        }
+      ),
+      l && /* @__PURE__ */ e(
+        L,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: t,
+          title: "Delete group",
+          className: "text-destructive hover:text-destructive",
+          children: /* @__PURE__ */ e(ms, { className: "h-4 w-4" })
+        }
+      )
+    ] })
+  ] }) });
+}
+function Tt() {
+  var Je, Xe, Ye;
+  Ia(), Ta();
+  const {
+    authToken: s,
+    tokenProps: o,
+    id: t
+  } = j(), { isLocalDev: r } = da(), { permissions: l } = ja(), i = ua(), { isLoading: u } = ma();
+  x((n) => n.theme);
+  const p = x((n) => n.lenses), g = x((n) => n.selectedLensId), v = p == null ? void 0 : p.find((n) => n.id === g), d = x((n) => n.dashboard);
+  x((n) => n.selectedSheetId);
+  const c = x(
+    (n) => n.isDashboardEditing
+  ), { setDashboardTitle: m } = x((n) => n.actions), [h, y] = S(!1), [b, N] = S(!1), [A, I] = S(!1), [G, k] = S(!1), [$, P] = S(!1), [H, C] = S(!1), [R, B] = S(null), [he, K] = S(!1), f = x((n) => n.isDashboardPanelOpen), E = x(
+    (n) => n.actions.setIsDashboardPanelOpen
+  ), T = x((n) => n.filterValues), w = x((n) => n.isVisualEditing);
+  es((n) => n.card);
+  const U = oe(
+    (n) => n.selectedDashboard
+  ), q = oe(
+    (n) => n.initialDashboard
+  );
+  oe((n) => n.selectedVisual), x((n) => n.selectedFrameId), es((n) => n.frame);
+  const se = U ? (Xe = U == null ? void 0 : U.permissions) == null ? void 0 : Xe.canEdit : (Je = q == null ? void 0 : q.permissions) == null ? void 0 : Je.canEdit, Is = x((n) => n.showFilters), Ts = ha((n) => n.setPanelOpen), _s = x(
+    (n) => n.showDashboardJSON
+  ), pe = x((n) => n.onSaveFunction), Gs = x(
+    (n) => n.actions.setShowFilters
+  ), { setIsDashboardEditing: $e, setShowDashboardJSON: He } = x(
+    (n) => n.actions
+  ), { setInitialDashboard: Be, clearSelectedDashboard: Rs } = oe(
+    (n) => n.actions
+  ), { resources: ae } = pa(be.DASHBOARD), { currentUser: Ps } = ps(), Us = fa(Ps), Q = U || q, Ke = Q ? {
+    id: Q.id,
+    title: (d == null ? void 0 : d.title) || Q.title || "Dashboard"
+  } : null, { handleAddNewFrame: Fs } = ga(), [W, fe] = S(!1), [js, te] = S(!1), re = va(be.DASHBOARD), [J, ge] = S(
+    null
+  ), qs = async (n, M) => {
+    if (!(d != null && d.id)) {
+      console.log("No dashboard ID found");
+      return;
+    }
+    console.log("Updating dashboard title:", {
+      dashboardId: d.id,
+      newTitle: n,
+      previousTitle: M
+    }), re.mutate(
+      {
+        resourceId: d.id,
+        data: { title: n }
+      },
+      {
+        onSuccess: () => {
+          console.log("Dashboard title updated successfully"), D.success("Dashboard title updated");
+        },
+        onError: (X) => {
+          console.error("Failed to update dashboard title:", X), D.error("Failed to update dashboard title"), m(M);
+        }
+      }
+    );
+  };
+  Oa(() => {
+    if (ae && ae.length > 0) {
+      const n = d == null ? void 0 : d.id;
+      if (n) {
+        const M = ae.find(
+          (X) => X.id === n
+        );
+        M && Be(M);
+      }
+    }
+  }, [ae, d == null ? void 0 : d.id, Be]);
+  const ne = o.orgUserId || o.tenantId, Vs = c && !w && ne && se, { setDashboard: Qe } = x((n) => n.actions), zs = () => {
+    $e(!0);
+  }, ve = () => {
+    $e(!1), He(!1), ge(null);
+  };
+  _a(
+    c,
+    d,
+    J,
+    (n) => ge(n)
+  );
+  const $s = () => J ? JSON.stringify(d) !== JSON.stringify(J) : !1, Hs = () => {
+    $s() ? te(!0) : ve();
+  }, Bs = async () => {
+    await ye({ closeAfterSave: !0 });
+  }, Ks = () => {
+    J && Qe(J), ve(), te(!1);
+  };
+  async function ye(n) {
+    const M = (n == null ? void 0 : n.closeAfterSave) ?? he;
+    K(M), M && te(!1);
+    const X = Ma(d);
+    C(!0), B(null), fe(!0);
+    const Js = {
+      template: d
+    };
+    re.mutate(
+      {
+        resourceId: d.id,
+        data: Js
+      },
+      {
+        onSuccess: () => {
+          fe(!1), D.success("Dashboard saved!"), ge(X), C(!1), K(!1), M && ve();
+        },
+        onError: () => {
+          fe(!1), B("Failed to save dashboard. Please try again."), D.error("Failed to save dashboard");
+        }
+      }
+    );
+  }
+  async function Qs() {
+    if (y(!0), !g || !v) return;
+    const n = JSON.stringify(d), M = {
+      ...v,
+      template: n,
+      filterValues: T
+    };
+    await Me(
+      o.apiServiceUrl,
+      M,
+      s == null ? void 0 : s.accessToken
+    ), D.success("Lens saved"), pe == null || pe(d), y(!1);
+  }
+  const We = (v == null ? void 0 : v.name) || d.title;
+  re.isPending && console.log("Title during update:", {
+    title: We,
+    dashboardStateTitle: d.title,
+    dashboardId: d == null ? void 0 : d.id,
+    currentLensName: v == null ? void 0 : v.name
+  });
+  const Ws = o.orgUserId || o.tenantId && o.endUserId && o.endUserEmail;
+  return /* @__PURE__ */ a(
+    "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__ */ a("div", { className: "flex items-center gap-2", children: [
+          Ws && /* @__PURE__ */ a(O, { children: [
+            /* @__PURE__ */ e(
+              F,
+              {
+                "aria-label": "Manage Dashboards",
+                tooltip: "Manage Dashboards",
+                onClick: () => {
+                  E(!f);
+                },
+                className: "h-7 p-2",
+                children: /* @__PURE__ */ e(Ha, { className: "h-4 w-4" })
+              }
+            ),
+            i && !w && /* @__PURE__ */ e(
+              F,
+              {
+                "aria-label": "Dashboard Hub",
+                tooltip: "Dashboard Hub",
+                onClick: () => Rs(),
+                className: "h-7 p-2",
+                children: /* @__PURE__ */ e(is, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          !w && i && (u ? /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(V, { className: "h-3 w-3 animate-spin text-muted-foreground" }),
+            /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "Loading..." })
+          ] }) : /* @__PURE__ */ e(
+            ya,
+            {
+              value: We || "Untitled Dashboard",
+              onSave: (n) => {
+                console.log("EditableText onSave called:", {
+                  newTitle: n,
+                  canEditDashboard: se,
+                  dashboardId: d == null ? void 0 : d.id
+                });
+                const M = (d == null ? void 0 : d.title) || "";
+                m(n), qs(n, M);
+              },
+              isEditable: se && !v,
+              displayClassName: "text-sm font-medium",
+              inputClassName: "text-sm font-medium",
+              placeholder: "Dashboard Title",
+              isPending: re.isPending
+            }
+          ))
+        ] }),
+        /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+          w && /* @__PURE__ */ a(O, { children: [
+            /* @__PURE__ */ e(Ga, { className: "mr-2" }),
+            /* @__PURE__ */ e(Ra, { className: "h-7" })
+          ] }),
+          r && !w && /* @__PURE__ */ a(O, { children: [
+            /* @__PURE__ */ e(
+              F,
+              {
+                tooltip: "Copy Token",
+                onClick: () => {
+                  var n;
+                  s != null && s.accessToken && ((n = navigator == null ? void 0 : navigator.clipboard) != null && n.writeText ? navigator.clipboard.writeText(s.accessToken).then(() => D.success("Token copied to clipboard")).catch(() => D.error("Unable to copy token")) : D.error("Clipboard not available"));
+                },
+                className: "h-7 p-2",
+                children: /* @__PURE__ */ e(ba, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ e(
+              F,
+              {
+                tooltip: "Invalidate Token",
+                onClick: () => Na(o.apiServiceUrl),
+                className: "h-7 p-2",
+                children: /* @__PURE__ */ e(Ka, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          !w && i && /* @__PURE__ */ e(Sa, {}),
+          !w && i && /* @__PURE__ */ e(Pa, {}),
+          !w && i && /* @__PURE__ */ e(Ua, {}),
+          !w && i && Us && /* @__PURE__ */ e(
+            F,
+            {
+              tooltip: "Manage Groups",
+              onClick: () => I(!0),
+              className: "h-7 p-2",
+              children: /* @__PURE__ */ e(z, { className: "h-4 w-4" })
+            }
+          ),
+          !w && i && ((Ye = Q == null ? void 0 : Q.permissions) == null ? void 0 : Ye.canShare) && /* @__PURE__ */ e(
+            F,
+            {
+              tooltip: "Share Dashboard",
+              onClick: () => N(!0),
+              className: "h-7 p-2",
+              children: /* @__PURE__ */ e(wa, { className: "h-4 w-4" })
+            }
+          ),
+          !Is && !w && c && l.canUseFilters && i && /* @__PURE__ */ e(
+            L,
+            {
+              className: "h-7 p-2",
+              variant: "outline",
+              onClick: () => {
+                Ts("dashboard", !1), Gs(!0);
+              },
+              size: "sm",
+              children: /* @__PURE__ */ e(xa, { className: "h-4 w-4" })
+            }
+          ),
+          c && !w && ne && r && i && /* @__PURE__ */ e(st, {}),
+          !w && ne && r && i && /* @__PURE__ */ e(at, {}),
+          c && !w && ne && v && r && i && /* @__PURE__ */ a(
+            L,
+            {
+              className: "h-7 p-2",
+              variant: "secondary",
+              disabled: h,
+              onClick: Qs,
+              size: "sm",
+              children: [
+                /* @__PURE__ */ e(ss, { className: "mr-2 h-4 w-4" }),
+                "Save Lens"
+              ]
+            }
+          ),
+          c && !w && i && /* @__PURE__ */ a(
+            L,
+            {
+              variant: "outline",
+              className: "h-7 p-2",
+              size: "sm",
+              disabled: !c,
+              onClick: () => Fs(),
+              children: [
+                /* @__PURE__ */ e(Re, { className: "mr-2 h-4 w-4" }),
+                "Visual"
+              ]
+            }
+          ),
+          !w && !c && se && i && /* @__PURE__ */ a(
+            L,
+            {
+              variant: "outline",
+              className: "h-7 p-2",
+              onClick: zs,
+              size: "sm",
+              children: [
+                /* @__PURE__ */ e(Ca, { className: "mr-2 h-4 w-4" }),
+                "Edit"
+              ]
+            }
+          ),
+          Vs && i && /* @__PURE__ */ a(
+            L,
+            {
+              className: "h-7 p-2",
+              disabled: W,
+              onClick: () => ye(),
+              size: "sm",
+              children: [
+                W ? /* @__PURE__ */ e(V, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ e(ss, { className: "mr-2 h-4 w-4" }),
+                W ? "Saving..." : "Save"
+              ]
+            }
+          ),
+          !w && c && r && i && /* @__PURE__ */ e("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ e(
+            L,
+            {
+              className: "h-7 p-2",
+              onClick: () => He(!_s),
+              size: "sm",
+              variant: "ghost",
+              children: /* @__PURE__ */ e(Da, { className: "h-4 w-4" })
+            }
+          ) }),
+          !w && r && /* @__PURE__ */ e(Ya, {}),
+          c && !w && i && /* @__PURE__ */ a(
+            L,
+            {
+              variant: "outline",
+              className: "h-7 p-2",
+              onClick: Hs,
+              children: [
+                /* @__PURE__ */ e(ls, { className: "mr-2 h-4 w-4" }),
+                "Close"
+              ]
+            }
+          ),
+          !w && i && /* @__PURE__ */ a(Oe, { children: [
+            /* @__PURE__ */ e(Ie, { asChild: !0, children: /* @__PURE__ */ e(F, { tooltip: "More Options", className: "h-7 p-2", children: /* @__PURE__ */ e(La, { className: "h-4 w-4" }) }) }),
+            /* @__PURE__ */ a(Te, { align: "end", children: [
+              /* @__PURE__ */ a(Y, { onClick: () => k(!0), children: [
+                /* @__PURE__ */ e(Ea, { className: "mr-2 h-4 w-4" }),
+                "Calendar Preferences"
+              ] }),
+              /* @__PURE__ */ a(Y, { onClick: () => P(!0), children: [
+                /* @__PURE__ */ e(Aa, { className: "mr-2 h-4 w-4" }),
+                "Summary Settings"
+              ] })
+            ] })
+          ] }),
+          b && Ke && /* @__PURE__ */ e(
+            ka,
+            {
+              resource: Ke,
+              resourceType: be.DASHBOARD,
+              onClose: () => N(!1)
+            }
+          ),
+          /* @__PURE__ */ e(
+            St,
+            {
+              open: A,
+              onOpenChange: I
+            }
+          ),
+          /* @__PURE__ */ e(
+            Va,
+            {
+              open: G,
+              onOpenChange: k
+            }
+          ),
+          /* @__PURE__ */ e(
+            za,
+            {
+              open: $,
+              onOpenChange: P,
+              dashboard: d,
+              disabled: !c,
+              onApply: (n) => Qe({
+                ...d,
+                summary: n
+              })
+            }
+          ),
+          /* @__PURE__ */ e(
+            fs,
+            {
+              open: H,
+              onOpenChange: (n) => {
+                !n && W && !R || (C(n), n || (B(null), K(!1)));
+              },
+              children: /* @__PURE__ */ a(gs, { className: "max-w-sm", children: [
+                /* @__PURE__ */ a(vs, { children: [
+                  /* @__PURE__ */ e(ys, { children: R ? "Save failed" : "Saving dashboard" }),
+                  /* @__PURE__ */ e(bs, { className: "pt-2", children: R ? "We could not save the dashboard. Please try again." : "Please wait while we save your changes." })
+                ] }),
+                /* @__PURE__ */ e(Ns, { className: "flex-col gap-2 sm:flex-row sm:justify-end", children: R ? /* @__PURE__ */ a(O, { children: [
+                  /* @__PURE__ */ e(
+                    Ss,
+                    {
+                      onClick: () => {
+                        C(!1), B(null), K(!1);
+                      },
+                      className: "m-0",
+                      children: "Close"
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    Ae,
+                    {
+                      onClick: () => ye(),
+                      className: "m-0",
+                      children: "Retry"
+                    }
+                  )
+                ] }) : /* @__PURE__ */ a(
+                  Ae,
+                  {
+                    disabled: !0,
+                    className: "m-0 cursor-default",
+                    children: [
+                      /* @__PURE__ */ e(V, { className: "mr-2 h-4 w-4 animate-spin" }),
+                      "Saving..."
+                    ]
+                  }
+                ) })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ e(
+            Fa,
+            {
+              open: js,
+              onOpenChange: te,
+              onSave: Bs,
+              onDiscard: Ks,
+              isSaving: W
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  Tt as default
+};