@nice2dev/ui-communication 1.1.5 → 1.1.7

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as l, Fragment as fe } from "react/jsx-runtime";
-import { NiceIcon as S, NiceAppShell as bt } from "@nice2dev/ui";
-import Qe, { useRef as ce, useState as $, useCallback as P, useEffect as re, useMemo as se, useReducer as Rt, useLayoutEffect as At } from "react";
+import { NiceIcon as S, useNiceTranslation as Rt, NiceEmpty as At, NiceAppShell as bt, useControllableState as Dt } from "@nice2dev/ui";
+import Qe, { useRef as ce, useState as N, useCallback as T, useEffect as re, useMemo as se, useReducer as Et, useLayoutEffect as Nt } from "react";
 class vt {
   constructor() {
     this.listeners = /* @__PURE__ */ new Map();
@@ -20,7 +20,7 @@ class vt {
     this.listeners.clear();
   }
 }
-class Dt extends vt {
+class $t extends vt {
   constructor(e = {}) {
     super(), this.type = "webrtc", this.signalingWs = null, this.localStream = null, this.screenStream = null, this.peers = /* @__PURE__ */ new Map(), this.userId = "", this.connected = !1, this.config = {
       iceServers: [
@@ -216,15 +216,15 @@ class Dt extends vt {
       for (const c of o) {
         if (!c.track)
           continue;
-        const d = c.getParameters();
-        d.encodings || (d.encodings = [{}]), c.track.kind === "audio" && this.config.maxBitrate.audio ? d.encodings[0].maxBitrate = this.config.maxBitrate.audio : c.track.kind === "video" && this.config.maxBitrate.video && (d.encodings[0].maxBitrate = this.config.maxBitrate.video), await c.setParameters(d);
+        const p = c.getParameters();
+        p.encodings || (p.encodings = [{}]), c.track.kind === "audio" && this.config.maxBitrate.audio ? p.encodings[0].maxBitrate = this.config.maxBitrate.audio : c.track.kind === "video" && this.config.maxBitrate.video && (p.encodings[0].maxBitrate = this.config.maxBitrate.video), await c.setParameters(p);
       }
     }
     const n = await t.createOffer();
     return await t.setLocalDescription(n), this.sendSignal({ type: "offer", to: e, from: this.userId, sdp: n.sdp }), t;
   }
 }
-class Et extends vt {
+class Mt extends vt {
   constructor() {
     super(...arguments), this.type = "mock", this.connected = !1, this.localStream = null;
   }
@@ -242,8 +242,8 @@ class Et extends vt {
     t.createOscillator().connect(n);
     const s = n.stream, o = document.createElement("canvas");
     o.width = 640, o.height = 480;
-    const c = o.captureStream(15), d = [...s.getTracks(), ...c.getTracks()];
-    return this.localStream = new MediaStream(d), this.localStream;
+    const c = o.captureStream(15), p = [...s.getTracks(), ...c.getTracks()];
+    return this.localStream = new MediaStream(p), this.localStream;
   }
   releaseLocalStream() {
     var e;
@@ -293,17 +293,17 @@ class Et extends vt {
     this.emit("screen:stopped", { participantId: "local" });
   }
 }
-function $t(i, e) {
+function Ot(i, e) {
   switch (i) {
     case "mock":
-      return new Et();
+      return new Mt();
     case "webrtc":
     case "sfu":
     default:
-      return new Dt(e);
+      return new $t(e);
   }
 }
-function Nt(i) {
+function Lt(i) {
   const {
     currentUser: e,
     transport: t = "webrtc",
@@ -312,10 +312,10 @@ function Nt(i) {
     autoConnect: s = !1,
     onCallEnded: o,
     onIncomingCall: c,
-    onStreamAdded: d,
+    onStreamAdded: p,
     onStreamRemoved: f,
     onError: m
-  } = i, u = ce(null), [y, h] = $({
+  } = i, u = ce(null), [y, h] = N({
     isConnected: !1,
     activeCall: null,
     incomingCall: null,
@@ -326,10 +326,10 @@ function Nt(i) {
     screenStream: null,
     isHandRaised: !1,
     connectionError: null
-  }), x = P(() => {
+  }), x = T(() => {
     if (u.current)
       return u.current;
-    const I = $t(t, n);
+    const I = Ot(t, n);
     return I.on(
       "transport:connected",
       () => h((C) => ({ ...C, isConnected: !0, connectionError: null }))
@@ -337,13 +337,13 @@ function Nt(i) {
       const { error: L } = C;
       h((G) => ({ ...G, connectionError: L.message })), m == null || m(L);
     }), I.on("call:incoming", (C) => {
-      const { callId: L, callType: G, callerId: E } = C, T = {
+      const { callId: L, callType: G, callerId: E } = C, z = {
         callId: L,
         callType: G,
         caller: { id: E, name: E, presence: { status: "online" } },
         startedAt: /* @__PURE__ */ new Date()
       };
-      h((j) => ({ ...j, incomingCall: T })), c == null || c(T);
+      h((j) => ({ ...j, incomingCall: z })), c == null || c(z);
     }), I.on("call:ended", (C) => {
       const { callId: L } = C;
       h((G) => {
@@ -356,7 +356,7 @@ function Nt(i) {
       }), o == null || o(L);
     }), I.on("stream:added", (C) => {
       const { participantId: L, stream: G } = C;
-      d == null || d(L, G);
+      p == null || p(L, G);
     }), I.on("stream:removed", (C) => {
       const { participantId: L } = C;
       f == null || f(L);
@@ -366,7 +366,7 @@ function Nt(i) {
     n,
     o,
     c,
-    d,
+    p,
     f,
     m
   ]);
@@ -377,21 +377,21 @@ function Nt(i) {
     var C;
     (C = u.current) == null || C.disconnect(), u.current = null;
   }), [s, a, e.id, x, m]);
-  const z = P(
+  const P = T(
     async (I) => {
       await x().connect(I, e.id);
     },
     [x, e.id]
-  ), p = P(() => {
+  ), d = T(() => {
     var I;
     (I = u.current) == null || I.disconnect(), u.current = null, h((C) => ({ ...C, isConnected: !1 }));
-  }, []), A = P(
+  }, []), D = T(
     async (I, C = "video") => {
-      const L = u.current ?? x(), G = C === "video" ? { audio: !0, video: { width: 1280, height: 720 } } : { audio: !0, video: !1 }, E = await L.getLocalStream(G), T = await L.startCall(I, C);
-      return h((j) => ({ ...j, activeCall: T, localStream: E })), T;
+      const L = u.current ?? x(), G = C === "video" ? { audio: !0, video: { width: 1280, height: 720 } } : { audio: !0, video: !1 }, E = await L.getLocalStream(G), z = await L.startCall(I, C);
+      return h((j) => ({ ...j, activeCall: z, localStream: E })), z;
     },
     [x]
-  ), D = P(async () => {
+  ), A = T(async () => {
     const I = u.current, { incomingCall: C } = y;
     if (!I || !C)
       return;
@@ -407,12 +407,12 @@ function Nt(i) {
       isTranscribing: !1,
       layout: "spotlight"
     };
-    h((T) => ({ ...T, activeCall: E, incomingCall: null, localStream: G }));
-  }, [y]), O = P(() => {
+    h((z) => ({ ...z, activeCall: E, incomingCall: null, localStream: G }));
+  }, [y]), O = T(() => {
     var C;
     const { incomingCall: I } = y;
     I && ((C = u.current) == null || C.declineCall(I.callId), h((L) => ({ ...L, incomingCall: null })));
-  }, [y]), U = P(() => {
+  }, [y]), U = T(() => {
     var C, L;
     const { activeCall: I } = y;
     I && ((C = u.current) == null || C.endCall(I.id), (L = u.current) == null || L.releaseLocalStream(), h((G) => ({
@@ -422,32 +422,32 @@ function Nt(i) {
       isScreenSharing: !1,
       screenStream: null
     })));
-  }, [y]), W = P(() => {
+  }, [y]), W = T(() => {
     var C;
     const I = !y.isMicMuted;
     (C = u.current) == null || C.muteAudio(I), h((L) => ({ ...L, isMicMuted: I }));
-  }, [y.isMicMuted]), H = P(() => {
+  }, [y.isMicMuted]), H = T(() => {
     var C;
     const I = !y.isCameraMuted;
     (C = u.current) == null || C.muteVideo(I), h((L) => ({ ...L, isCameraMuted: I }));
-  }, [y.isCameraMuted]), q = P(async () => {
+  }, [y.isCameraMuted]), q = T(async () => {
     const I = u.current;
     if (!I)
       return;
     const C = await I.startScreenShare();
     h((L) => ({ ...L, isScreenSharing: !0, screenStream: C }));
-  }, []), _ = P(() => {
+  }, []), _ = T(() => {
     var I;
     (I = u.current) == null || I.stopScreenShare(), h((C) => ({ ...C, isScreenSharing: !1, screenStream: null }));
-  }, []), V = P(() => {
+  }, []), V = T(() => {
     h((I) => ({ ...I, isHandRaised: !I.isHandRaised }));
   }, []);
   return {
     state: y,
-    connect: z,
-    disconnect: p,
-    startCall: A,
-    acceptCall: D,
+    connect: P,
+    disconnect: d,
+    startCall: D,
+    acceptCall: A,
     declineCall: O,
     endCall: U,
     toggleMic: W,
@@ -458,7 +458,7 @@ function Nt(i) {
     transport: u
   };
 }
-function Jn(i, e, t, n = "text") {
+function ti(i, e, t, n = "text") {
   return {
     id: `optimistic-${crypto.randomUUID()}`,
     conversationId: i,
@@ -482,13 +482,13 @@ function it(i, e, t) {
 function xt(i) {
   return i.reduce((e, t) => e + t.unreadCount, 0);
 }
-function Qn(i) {
+function ni(i) {
   return i.reduce((e, t) => e + t.mentionCount, 0);
 }
-function Zn(i, e) {
+function ii(i, e) {
   return i ? "workspace" : e ? "messenger" : "bubble";
 }
-const Mt = {
+const Wt = {
   online: "Online",
   away: "Away",
   busy: "Busy",
@@ -496,7 +496,7 @@ const Mt = {
   offline: "Offline",
   invisible: "Invisible",
   unknown: "Unknown"
-}, Ot = {
+}, _t = {
   online: "var(--nice-success, #22c55e)",
   away: "var(--nice-warning, #f59e0b)",
   busy: "var(--nice-danger, #ef4444)",
@@ -504,7 +504,7 @@ const Mt = {
   offline: "var(--nice-text-muted, #9ca3af)",
   invisible: "var(--nice-text-muted, #9ca3af)",
   unknown: "var(--nice-border, #d1d5db)"
-}, Lt = {
+}, Ft = {
   xs: 6,
   sm: 8,
   md: 10,
@@ -520,7 +520,7 @@ function we({
   id: o,
   "data-testid": c
 }) {
-  const d = Lt[e], f = Ot[i], m = Mt[i], u = /* @__PURE__ */ r(
+  const p = Ft[e], f = _t[i], m = Wt[i], u = /* @__PURE__ */ r(
     "span",
     {
       className: `nice-presence-dot nice-presence-dot--${i} nice-presence-dot--${e}`,
@@ -529,8 +529,8 @@ function we({
       role: "img",
       style: {
         display: "inline-block",
-        width: d,
-        height: d,
+        width: p,
+        height: p,
         borderRadius: "50%",
         backgroundColor: f,
         flexShrink: 0,
@@ -548,7 +548,7 @@ function we({
       style: { display: "inline-flex", alignItems: "center", gap: 6, ...s },
       children: [
         u,
-        /* @__PURE__ */ r("span", { className: "nice-presence-label", style: { fontSize: d + 4, color: f }, children: m })
+        /* @__PURE__ */ r("span", { className: "nice-presence-label", style: { fontSize: p + 4, color: f }, children: m })
       ]
     }
   ) : /* @__PURE__ */ r(
@@ -571,7 +571,7 @@ function wt({
   onEndCall: s,
   onMuteAudio: o,
   onMuteVideo: c,
-  onStartScreenShare: d,
+  onStartScreenShare: p,
   onStopScreenShare: f,
   onRaiseHand: m,
   className: u,
@@ -580,11 +580,11 @@ function wt({
   "data-testid": x
 }) {
   var w, Z;
-  const z = ce(null), p = ce(null), [A, D] = $(!1), [O, U] = $(i.type === "audio"), [W, H] = $(!1), [q, _] = $(0), [V, I] = $(!1), C = i.participants.find((Q) => Q.user.id !== e.id);
+  const P = ce(null), d = ce(null), [D, A] = N(!1), [O, U] = N(i.type === "audio"), [W, H] = N(!1), [q, _] = N(0), [V, I] = N(!1), C = i.participants.find((Q) => Q.user.id !== e.id);
   re(() => {
-    z.current && t && (z.current.srcObject = t);
+    P.current && t && (P.current.srcObject = t);
   }, [t]), re(() => {
-    p.current && (C != null && C.stream) && (p.current.srcObject = C.stream);
+    d.current && (C != null && C.stream) && (d.current.srcObject = C.stream);
   }, [C == null ? void 0 : C.stream]), re(() => {
     if (i.status !== "active")
       return;
@@ -595,13 +595,13 @@ function wt({
     const te = Math.floor(Q / 3600), X = Math.floor(Q % 3600 / 60), pe = Q % 60;
     return te > 0 ? `${te}:${String(X).padStart(2, "0")}:${String(pe).padStart(2, "0")}` : `${String(X).padStart(2, "0")}:${String(pe).padStart(2, "0")}`;
   }, G = () => {
-    const Q = !A;
-    D(Q), o == null || o(Q);
+    const Q = !D;
+    A(Q), o == null || o(Q);
   }, E = () => {
     const Q = !O;
     U(Q), c == null || c(Q);
-  }, T = async () => {
-    W ? (H(!1), f == null || f()) : (H(!0), await (d == null ? void 0 : d()));
+  }, z = async () => {
+    W ? (H(!1), f == null || f()) : (H(!0), await (p == null ? void 0 : p()));
   }, j = () => {
     s == null || s(i.id);
   }, K = {
@@ -627,7 +627,7 @@ function wt({
         i.type === "video" && (C != null && C.stream) && !C.isCameraOff ? /* @__PURE__ */ r(
           "video",
           {
-            ref: p,
+            ref: d,
             autoPlay: !0,
             playsInline: !0,
             style: {
@@ -768,7 +768,7 @@ function wt({
             children: /* @__PURE__ */ r(
               "video",
               {
-                ref: z,
+                ref: P,
                 autoPlay: !0,
                 muted: !0,
                 playsInline: !0,
@@ -798,10 +798,10 @@ function wt({
                 Pe,
                 {
                   icon: "mic",
-                  label: A ? "Unmute" : "Mute",
+                  label: D ? "Unmute" : "Mute",
                   onClick: G,
-                  active: !A,
-                  style: { background: A ? "var(--nice-danger, #ef4444)" : void 0 }
+                  active: !D,
+                  style: { background: D ? "var(--nice-danger, #ef4444)" : void 0 }
                 }
               ),
               i.type === "video" && /* @__PURE__ */ r(
@@ -820,7 +820,7 @@ function wt({
                   icon: "monitor",
                   label: W ? "Stop sharing" : "Share screen",
                   onClick: () => {
-                    T();
+                    z();
                   },
                   active: W,
                   style: { background: W ? "var(--nice-success, #22c55e)" : void 0 }
@@ -914,7 +914,7 @@ function Pe({
     )
   ] });
 }
-const Wt = ["👍", "❤️", "😂", "😮", "😢", "🎉"];
+const jt = ["👍", "❤️", "😂", "😮", "😢", "🎉"];
 function Ke({
   message: i,
   author: e,
@@ -924,12 +924,12 @@ function Ke({
   onReact: s,
   onReply: o,
   onEdit: c,
-  onDelete: d,
+  onDelete: p,
   onPin: f,
   onOpenThread: m
 }) {
-  var A, D, O, U;
-  const [u, y] = $(!1), [h, x] = $(!1), z = i.isDeleted, p = i.timestamp.toLocaleTimeString([], {
+  var D, A, O, U;
+  const [u, y] = N(!1), [h, x] = N(!1), P = i.isDeleted, d = i.timestamp.toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
   });
@@ -968,7 +968,7 @@ function Ke({
                 fontWeight: 600,
                 flexShrink: 0
               },
-              children: !(e != null && e.avatarUrl) && (((D = (A = e == null ? void 0 : e.name) == null ? void 0 : A[0]) == null ? void 0 : D.toUpperCase()) ?? "?")
+              children: !(e != null && e.avatarUrl) && (((A = (D = e == null ? void 0 : e.name) == null ? void 0 : D[0]) == null ? void 0 : A.toUpperCase()) ?? "?")
             }
           ),
           /* @__PURE__ */ r(
@@ -1033,7 +1033,7 @@ function Ke({
                     lineHeight: 1.5,
                     wordBreak: "break-word"
                   },
-                  children: z ? /* @__PURE__ */ r("span", { style: { fontStyle: "italic", opacity: 0.6 }, children: "This message was deleted" }) : i.contentType === "image" && ((U = i.attachments) != null && U[0]) ? /* @__PURE__ */ r(
+                  children: P ? /* @__PURE__ */ r("span", { style: { fontStyle: "italic", opacity: 0.6 }, children: "This message was deleted" }) : i.contentType === "image" && ((U = i.attachments) != null && U[0]) ? /* @__PURE__ */ r(
                     "img",
                     {
                       src: i.attachments[0].url,
@@ -1043,7 +1043,7 @@ function Ke({
                   ) : /* @__PURE__ */ r("span", { children: i.content })
                 }
               ),
-              !z && i.attachments && i.attachments.length > 0 && i.contentType !== "image" && /* @__PURE__ */ r("div", { className: "nice-chat-attachments", style: { marginTop: 4 }, children: i.attachments.map((W) => /* @__PURE__ */ l(
+              !P && i.attachments && i.attachments.length > 0 && i.contentType !== "image" && /* @__PURE__ */ r("div", { className: "nice-chat-attachments", style: { marginTop: 4 }, children: i.attachments.map((W) => /* @__PURE__ */ l(
                 "a",
                 {
                   href: W.url,
@@ -1071,7 +1071,7 @@ function Ke({
                 W.id
               )) }),
               /* @__PURE__ */ l("div", { style: { display: "flex", alignItems: "center", gap: 4, marginTop: 2 }, children: [
-                /* @__PURE__ */ r("span", { style: { fontSize: 11, color: "var(--nice-text-muted, #9ca3af)" }, children: p }),
+                /* @__PURE__ */ r("span", { style: { fontSize: 11, color: "var(--nice-text-muted, #9ca3af)" }, children: d }),
                 i.editedAt && /* @__PURE__ */ r("span", { style: { fontSize: 11, color: "var(--nice-text-muted, #9ca3af)" }, children: "(edited)" }),
                 t && /* @__PURE__ */ r(
                   "span",
@@ -1147,7 +1147,7 @@ function Ke({
             ]
           }
         ),
-        u && !z && /* @__PURE__ */ l(
+        u && !P && /* @__PURE__ */ l(
           "div",
           {
             className: "nice-chat-actions",
@@ -1197,7 +1197,7 @@ function Ke({
                       padding: "6px 8px",
                       zIndex: 20
                     },
-                    children: Wt.map((W) => /* @__PURE__ */ r(
+                    children: jt.map((W) => /* @__PURE__ */ r(
                       "button",
                       {
                         onClick: () => {
@@ -1267,12 +1267,12 @@ function Ke({
                   children: /* @__PURE__ */ r(S, { name: "map-pin", size: 16 })
                 }
               ),
-              t && d && /* @__PURE__ */ r(
+              t && p && /* @__PURE__ */ r(
                 "button",
                 {
                   title: "Delete",
                   "aria-label": "Delete",
-                  onClick: () => d(i),
+                  onClick: () => p(i),
                   style: {
                     background: "none",
                     border: "none",
@@ -1301,7 +1301,7 @@ function rt({
   onAttach: s,
   disabled: o
 }) {
-  const [c, d] = $(""), f = ce(null);
+  const [c, p] = N(""), f = ce(null);
   re(() => {
     t && f.current && f.current.focus();
   }, [t]);
@@ -1309,9 +1309,9 @@ function rt({
     h.key === "Enter" && !h.shiftKey && (h.preventDefault(), u());
   }, u = () => {
     const h = c.trim();
-    h && (a(h), d(""), f.current && (f.current.style.height = "auto"));
+    h && (a(h), p(""), f.current && (f.current.style.height = "auto"));
   }, y = (h) => {
-    d(h.target.value), h.target.style.height = "auto", h.target.style.height = `${Math.min(h.target.scrollHeight, 120)}px`;
+    p(h.target.value), h.target.style.height = "auto", h.target.style.height = `${Math.min(h.target.scrollHeight, 120)}px`;
   };
   return /* @__PURE__ */ l(
     "div",
@@ -1463,17 +1463,17 @@ function He({
   hasMore: s = !1,
   showHeader: o = !0,
   showUserAvatars: c = !0,
-  enableReactions: d = !0,
+  enableReactions: p = !0,
   enableThreads: f = !0,
   enableAttachments: m = !0,
   placeholder: u,
   maxMessageLength: y,
   onSendMessage: h,
   onEditMessage: x,
-  onDeleteMessage: z,
-  onReactToMessage: p,
-  onPinMessage: A,
-  onLoadMoreMessages: D,
+  onDeleteMessage: P,
+  onReactToMessage: d,
+  onPinMessage: D,
+  onLoadMoreMessages: A,
   onStartCall: O,
   className: U,
   style: W,
@@ -1481,7 +1481,7 @@ function He({
   "data-testid": q
 }) {
   var Y, g;
-  const _ = ce(null), V = ce(null), [I, C] = $(null), [L, G] = $(null), E = Qe.useMemo(() => {
+  const _ = ce(null), V = ce(null), [I, C] = N(null), [L, G] = N(null), E = Qe.useMemo(() => {
     const w = /* @__PURE__ */ new Map();
     return t.forEach((Z) => w.set(Z.id, Z)), w;
   }, [t]);
@@ -1489,10 +1489,10 @@ function He({
     var w;
     (w = _.current) == null || w.scrollIntoView({ behavior: "smooth" });
   }, [e]);
-  const T = P(() => {
+  const z = T(() => {
     const w = V.current;
-    !w || !s || a || w.scrollTop === 0 && e.length > 0 && (D == null || D(i.id, e[0].id));
-  }, [s, a, e, i.id, D]), j = P(
+    !w || !s || a || w.scrollTop === 0 && e.length > 0 && (A == null || A(i.id, e[0].id));
+  }, [s, a, e, i.id, A]), j = T(
     (w) => {
       h == null || h(i.id, w, "text"), C(null);
     },
@@ -1603,7 +1603,7 @@ function He({
           {
             ref: V,
             className: "nice-chat-messages",
-            onScroll: T,
+            onScroll: z,
             style: {
               flex: 1,
               overflowY: "auto",
@@ -1615,7 +1615,7 @@ function He({
               s && /* @__PURE__ */ r(
                 "button",
                 {
-                  onClick: () => e.length > 0 && (D == null ? void 0 : D(i.id, e[0].id)),
+                  onClick: () => e.length > 0 && (A == null ? void 0 : A(i.id, e[0].id)),
                   disabled: a,
                   style: {
                     display: "block",
@@ -1640,12 +1640,12 @@ function He({
                     author: E.get(w.authorId),
                     isMine: w.authorId === n.id,
                     showAvatar: te,
-                    enableReactions: d,
-                    onReact: (X, pe) => p == null ? void 0 : p(X, pe),
+                    enableReactions: p,
+                    onReact: (X, pe) => d == null ? void 0 : d(X, pe),
                     onReply: (X) => C(X),
                     onEdit: x ? (X) => x(X.id, X.content) : void 0,
-                    onDelete: z ? (X) => z(X.id) : void 0,
-                    onPin: A ? (X) => A(X.id) : void 0,
+                    onDelete: P ? (X) => P(X.id) : void 0,
+                    onPin: D ? (X) => D(X.id) : void 0,
                     onOpenThread: f ? (X) => G(X) : void 0
                   },
                   w.id
@@ -1712,8 +1712,8 @@ function He({
                     author: E.get(L.authorId),
                     isMine: L.authorId === n.id,
                     showAvatar: !0,
-                    enableReactions: d,
-                    onReact: (w, Z) => p == null ? void 0 : p(w, Z),
+                    enableReactions: p,
+                    onReact: (w, Z) => d == null ? void 0 : d(w, Z),
                     onReply: () => {
                     }
                   }
@@ -1725,8 +1725,8 @@ function He({
                     author: E.get(w.authorId),
                     isMine: w.authorId === n.id,
                     showAvatar: !0,
-                    enableReactions: d,
-                    onReact: (Z, Q) => p == null ? void 0 : p(Z, Q),
+                    enableReactions: p,
+                    onReact: (Z, Q) => d == null ? void 0 : d(Z, Q),
                     onReply: () => {
                     }
                   },
@@ -1759,9 +1759,9 @@ function He({
     }
   );
 }
-function _t({ conversation: i, partner: e, isActive: t, lastMessage: n, onClick: a }) {
+function Bt({ conversation: i, partner: e, isActive: t, lastMessage: n, onClick: a }) {
   var m;
-  const s = (e == null ? void 0 : e.displayName) ?? (e == null ? void 0 : e.name) ?? i.name ?? "Group", o = ((m = s[0]) == null ? void 0 : m.toUpperCase()) ?? "?", c = (e == null ? void 0 : e.avatarUrl) ?? i.avatarUrl, d = n ? n.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : "", f = n ? n.isDeleted ? "Message deleted" : n.content.slice(0, 50) : "";
+  const s = (e == null ? void 0 : e.displayName) ?? (e == null ? void 0 : e.name) ?? i.name ?? "Group", o = ((m = s[0]) == null ? void 0 : m.toUpperCase()) ?? "?", c = (e == null ? void 0 : e.avatarUrl) ?? i.avatarUrl, p = n ? n.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : "", f = n ? n.isDeleted ? "Message deleted" : n.content.slice(0, 50) : "";
   return /* @__PURE__ */ l(
     "button",
     {
@@ -1850,7 +1850,7 @@ function _t({ conversation: i, partner: e, isActive: t, lastMessage: n, onClick:
                   flexShrink: 0,
                   marginLeft: 4
                 },
-                children: d
+                children: p
               }
             )
           ] }),
@@ -1931,7 +1931,7 @@ function _t({ conversation: i, partner: e, isActive: t, lastMessage: n, onClick:
     }
   );
 }
-function Ft({
+function Ut({
   conversations: i,
   messages: e,
   users: t,
@@ -1940,23 +1940,23 @@ function Ft({
   teams: s,
   enableGroupConversations: o = !0,
   showPresence: c = !0,
-  enableSearch: d = !0,
+  enableSearch: p = !0,
   onSendMessage: f,
   onEditMessage: m,
   onDeleteMessage: u,
   onReactToMessage: y,
   onPinMessage: h,
   onLoadMoreMessages: x,
-  onMarkAsRead: z,
-  onStartCall: p,
-  onCreateConversation: A,
-  className: D,
+  onMarkAsRead: P,
+  onStartCall: d,
+  onCreateConversation: D,
+  className: A,
   style: O,
   id: U,
   "data-testid": W
 }) {
   var Y;
-  const [H, q] = $(a ?? null), [_, V] = $(""), [I, C] = $("all");
+  const [H, q] = N(a ?? null), [_, V] = N(""), [I, C] = N("all");
   se(() => {
     const g = /* @__PURE__ */ new Map();
     return t.forEach((w) => g.set(w.id, w)), g;
@@ -1984,18 +1984,18 @@ function Ft({
   ), E = se(
     () => H ? e[H] ?? [] : [],
     [e, H]
-  ), T = P(
+  ), z = T(
     (g) => {
-      q(g), z == null || z(g);
+      q(g), P == null || P(g);
     },
-    [z]
+    [P]
   ), j = se(() => xt(i), [i]), K = s ?? [];
   return /* @__PURE__ */ l(
     "div",
     {
       id: U,
       "data-testid": W,
-      className: `nice-messenger${D ? ` ${D}` : ""}`,
+      className: `nice-messenger${A ? ` ${A}` : ""}`,
       style: {
         display: "flex",
         height: "100%",
@@ -2045,10 +2045,10 @@ function Ft({
                           }
                         )
                       ] }),
-                      o && A && /* @__PURE__ */ r(
+                      o && D && /* @__PURE__ */ r(
                         "button",
                         {
-                          onClick: () => A([], "group"),
+                          onClick: () => D([], "group"),
                           title: "New conversation",
                           "aria-label": "New conversation",
                           style: {
@@ -2065,7 +2065,7 @@ function Ft({
                         }
                       )
                     ] }),
-                    d && /* @__PURE__ */ r(
+                    p && /* @__PURE__ */ r(
                       "input",
                       {
                         type: "search",
@@ -2214,13 +2214,13 @@ function Ft({
                     children: "No conversations"
                   }
                 ) : L.map((g) => /* @__PURE__ */ r(
-                  _t,
+                  Bt,
                   {
                     conversation: g,
                     partner: it(g, n.id, t),
                     isActive: g.id === H,
                     lastMessage: g.lastMessage,
-                    onClick: () => T(g.id)
+                    onClick: () => z(g.id)
                   },
                   g.id
                 ))
@@ -2321,7 +2321,7 @@ function Ft({
                 onReactToMessage: y,
                 onPinMessage: h,
                 onLoadMoreMessages: x,
-                onStartCall: p,
+                onStartCall: d,
                 style: { height: "100%" }
               }
             ) : /* @__PURE__ */ l(
@@ -2348,7 +2348,7 @@ function Ft({
     }
   );
 }
-const jt = ["👍", "❤️", "😂", "🎉", "😮", "😢"];
+const Ht = ["👍", "❤️", "😂", "🎉", "😮", "😢"];
 function Ye({
   message: i,
   author: e,
@@ -2359,12 +2359,12 @@ function Ye({
   onOpenThread: o,
   onReply: c
 }) {
-  var x, z, p;
-  const [d, f] = $(!1), [m, u] = $(!1), y = i.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }), h = i.timestamp.toLocaleDateString([], { month: "short", day: "numeric" });
+  var x, P, d;
+  const [p, f] = N(!1), [m, u] = N(!1), y = i.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }), h = i.timestamp.toLocaleDateString([], { month: "short", day: "numeric" });
   return /* @__PURE__ */ l(
     "div",
     {
-      className: `nice-channel-msg${d ? " nice-channel-msg--hovered" : ""}${t ? " nice-channel-msg--mine" : ""}`,
+      className: `nice-channel-msg${p ? " nice-channel-msg--hovered" : ""}${t ? " nice-channel-msg--mine" : ""}`,
       onMouseEnter: () => f(!0),
       onMouseLeave: () => {
         f(!1), u(!1);
@@ -2374,7 +2374,7 @@ function Ye({
         gap: 10,
         padding: "4px 16px",
         position: "relative",
-        background: d ? "rgba(99,102,241,0.04)" : "transparent"
+        background: p ? "rgba(99,102,241,0.04)" : "transparent"
       },
       children: [
         /* @__PURE__ */ r("div", { style: { width: 36, flexShrink: 0 }, children: /* @__PURE__ */ r(
@@ -2392,7 +2392,7 @@ function Ye({
               fontWeight: 700,
               fontSize: 14
             },
-            children: !(e != null && e.avatarUrl) && (((z = (x = e == null ? void 0 : e.name) == null ? void 0 : x[0]) == null ? void 0 : z.toUpperCase()) ?? "?")
+            children: !(e != null && e.avatarUrl) && (((P = (x = e == null ? void 0 : e.name) == null ? void 0 : x[0]) == null ? void 0 : P.toUpperCase()) ?? "?")
           }
         ) }),
         /* @__PURE__ */ l("div", { style: { flex: 1, minWidth: 0 }, children: [
@@ -2437,7 +2437,7 @@ function Ye({
                 color: "var(--nice-text, #1f2937)",
                 wordBreak: "break-word"
               },
-              children: i.contentType === "image" && ((p = i.attachments) != null && p[0]) ? /* @__PURE__ */ r(
+              children: i.contentType === "image" && ((d = i.attachments) != null && d[0]) ? /* @__PURE__ */ r(
                 "img",
                 {
                   src: i.attachments[0].url,
@@ -2453,10 +2453,10 @@ function Ye({
               ) : i.content
             }
           ),
-          !i.isDeleted && i.attachments && i.attachments.length > 0 && i.contentType !== "image" && /* @__PURE__ */ r("div", { style: { display: "flex", flexWrap: "wrap", gap: 6, marginTop: 4 }, children: i.attachments.map((A) => /* @__PURE__ */ l(
+          !i.isDeleted && i.attachments && i.attachments.length > 0 && i.contentType !== "image" && /* @__PURE__ */ r("div", { style: { display: "flex", flexWrap: "wrap", gap: 6, marginTop: 4 }, children: i.attachments.map((D) => /* @__PURE__ */ l(
             "a",
             {
-              href: A.url,
+              href: D.url,
               target: "_blank",
               rel: "noreferrer",
               style: {
@@ -2473,18 +2473,18 @@ function Ye({
               children: [
                 /* @__PURE__ */ r(S, { name: "paperclip", size: 14 }),
                 " ",
-                A.name
+                D.name
               ]
             },
-            A.id
+            D.id
           )) }),
-          i.reactions && i.reactions.length > 0 && /* @__PURE__ */ r("div", { style: { display: "flex", flexWrap: "wrap", gap: 4, marginTop: 4 }, children: i.reactions.map((A) => /* @__PURE__ */ l(
+          i.reactions && i.reactions.length > 0 && /* @__PURE__ */ r("div", { style: { display: "flex", flexWrap: "wrap", gap: 4, marginTop: 4 }, children: i.reactions.map((D) => /* @__PURE__ */ l(
             "button",
             {
-              onClick: () => s(i.id, A.emoji),
+              onClick: () => s(i.id, D.emoji),
               style: {
-                background: A.mine ? "var(--nice-accent-bg, #ede9fe)" : "var(--nice-bg-secondary, #f3f4f6)",
-                border: A.mine ? "1px solid var(--nice-info, #6366f1)" : "1px solid transparent",
+                background: D.mine ? "var(--nice-accent-bg, #ede9fe)" : "var(--nice-bg-secondary, #f3f4f6)",
+                border: D.mine ? "1px solid var(--nice-info, #6366f1)" : "1px solid transparent",
                 borderRadius: 12,
                 padding: "2px 7px",
                 fontSize: 12,
@@ -2494,12 +2494,12 @@ function Ye({
                 gap: 3
               },
               children: [
-                A.emoji,
+                D.emoji,
                 " ",
-                A.count
+                D.count
               ]
             },
-            A.emoji
+            D.emoji
           )) }),
           a && (i.threadCount ?? 0) > 0 && /* @__PURE__ */ l(
             "button",
@@ -2529,7 +2529,7 @@ function Ye({
             }
           )
         ] }),
-        d && !i.isDeleted && /* @__PURE__ */ l(
+        p && !i.isDeleted && /* @__PURE__ */ l(
           "div",
           {
             style: {
@@ -2549,7 +2549,7 @@ function Ye({
                 /* @__PURE__ */ r(
                   "button",
                   {
-                    onClick: () => u((A) => !A),
+                    onClick: () => u((D) => !D),
                     title: "React",
                     "aria-label": "React",
                     style: {
@@ -2578,11 +2578,11 @@ function Ye({
                       padding: "6px 8px",
                       zIndex: 20
                     },
-                    children: jt.map((A) => /* @__PURE__ */ r(
+                    children: Ht.map((D) => /* @__PURE__ */ r(
                       "button",
                       {
                         onClick: () => {
-                          s(i.id, A), u(!1);
+                          s(i.id, D), u(!1);
                         },
                         style: {
                           background: "none",
@@ -2590,9 +2590,9 @@ function Ye({
                           cursor: "pointer",
                           fontSize: 18
                         },
-                        children: A
+                        children: D
                       },
-                      A
+                      D
                     ))
                   }
                 )
@@ -2638,7 +2638,7 @@ function Ye({
     }
   );
 }
-function Bt({
+function Kt({
   channel: i,
   messages: e,
   users: t,
@@ -2647,22 +2647,22 @@ function Bt({
   isLoading: s = !1,
   hasMore: o = !1,
   enableThreads: c = !0,
-  enableReactions: d = !0,
+  enableReactions: p = !0,
   enableAttachments: f = !0,
   onSendMessage: m,
   onEditMessage: u,
   onDeleteMessage: y,
   onReactToMessage: h,
   onPinMessage: x,
-  onLoadMoreMessages: z,
-  onStartCall: p,
-  className: A,
-  style: D,
+  onLoadMoreMessages: P,
+  onStartCall: d,
+  className: D,
+  style: A,
   id: O,
   "data-testid": U
 }) {
   var Y;
-  const W = ce(null), H = ce(null), [q, _] = $(""), [V, I] = $(null), [C, L] = $(null), G = Qe.useMemo(() => {
+  const W = ce(null), H = ce(null), [q, _] = N(""), [V, I] = N(null), [C, L] = N(null), G = Qe.useMemo(() => {
     const g = /* @__PURE__ */ new Map();
     return t.forEach((w) => g.set(w.id, w)), g;
   }, [t]);
@@ -2670,27 +2670,27 @@ function Bt({
     var g;
     (g = W.current) == null || g.scrollIntoView({ behavior: "smooth" });
   }, [e]);
-  const E = P(() => {
+  const E = T(() => {
     const g = H.current;
-    !g || !o || s || g.scrollTop === 0 && e.length > 0 && (z == null || z(i.id, e[0].id));
-  }, [o, s, e, i.id, z]), T = P(() => {
+    !g || !o || s || g.scrollTop === 0 && e.length > 0 && (P == null || P(i.id, e[0].id));
+  }, [o, s, e, i.id, P]), z = T(() => {
     const g = q.trim();
     g && (m == null || m(i.id, g, "text"), _(""), I(null));
   }, [q, i.id, m]), j = (g) => {
-    g.key === "Enter" && !g.shiftKey && (g.preventDefault(), T());
+    g.key === "Enter" && !g.shiftKey && (g.preventDefault(), z());
   }, K = t.filter((g) => g.presence.status === "online").length;
   return /* @__PURE__ */ l(
     "div",
     {
       id: O,
       "data-testid": U,
-      className: `nice-channel-view${A ? ` ${A}` : ""}`,
+      className: `nice-channel-view${D ? ` ${D}` : ""}`,
       style: {
         display: "flex",
         height: "100%",
         background: "var(--nice-bg, #fff)",
         overflow: "hidden",
-        ...D
+        ...A
       },
       children: [
         /* @__PURE__ */ l("div", { style: { flex: 1, display: "flex", flexDirection: "column", overflow: "hidden" }, children: [
@@ -2749,11 +2749,11 @@ function Bt({
                     K,
                     " online"
                   ] }),
-                  p && /* @__PURE__ */ l(fe, { children: [
+                  d && /* @__PURE__ */ l(fe, { children: [
                     /* @__PURE__ */ r(
                       "button",
                       {
-                        onClick: () => p(
+                        onClick: () => d(
                           t.map((g) => g.id),
                           "audio"
                         ),
@@ -2774,7 +2774,7 @@ function Bt({
                     /* @__PURE__ */ r(
                       "button",
                       {
-                        onClick: () => p(
+                        onClick: () => d(
                           t.map((g) => g.id),
                           "video"
                         ),
@@ -2807,7 +2807,7 @@ function Bt({
                 o && /* @__PURE__ */ r(
                   "button",
                   {
-                    onClick: () => e.length > 0 && (z == null ? void 0 : z(i.id, e[0].id)),
+                    onClick: () => e.length > 0 && (P == null ? void 0 : P(i.id, e[0].id)),
                     disabled: s,
                     style: {
                       display: "block",
@@ -2829,7 +2829,7 @@ function Bt({
                     message: g,
                     author: G.get(g.authorId),
                     isMine: g.authorId === n.id,
-                    enableReactions: d,
+                    enableReactions: p,
                     enableThreads: c,
                     onReact: (w, Z) => h == null ? void 0 : h(w, Z),
                     onOpenThread: (w) => L(w),
@@ -2934,7 +2934,7 @@ function Bt({
                   /* @__PURE__ */ r(
                     "button",
                     {
-                      onClick: T,
+                      onClick: z,
                       disabled: !q.trim(),
                       title: "Send",
                       "aria-label": "Send",
@@ -3012,7 +3012,7 @@ function Bt({
                     message: C,
                     author: G.get(C.authorId),
                     isMine: C.authorId === n.id,
-                    enableReactions: d,
+                    enableReactions: p,
                     enableThreads: !1,
                     onReact: (g, w) => h == null ? void 0 : h(g, w),
                     onOpenThread: () => {
@@ -3043,7 +3043,7 @@ function Bt({
                     message: g,
                     author: G.get(g.authorId),
                     isMine: g.authorId === n.id,
-                    enableReactions: d,
+                    enableReactions: p,
                     enableThreads: !1,
                     onReact: (w, Z) => h == null ? void 0 : h(w, Z),
                     onOpenThread: () => {
@@ -3115,11 +3115,11 @@ function Ge({
   onPin: n,
   size: a = "medium"
 }) {
-  var z;
+  var P;
   const s = ce(null), {
     user: o,
     isMuted: c,
-    isCameraOff: d,
+    isCameraOff: p,
     isScreenSharing: f,
     isSpeaking: m,
     isHandRaised: u,
@@ -3129,8 +3129,8 @@ function Ge({
   return re(() => {
     if (!s.current)
       return;
-    const p = f ? h : y;
-    p && (s.current.srcObject = p);
+    const d = f ? h : y;
+    d && (s.current.srcObject = d);
   }, [y, h, f]), /* @__PURE__ */ l(
     "div",
     {
@@ -3147,7 +3147,7 @@ function Ge({
         aspectRatio: "16/9"
       },
       children: [
-        !d && !!y ? /* @__PURE__ */ r(
+        !p && !!y ? /* @__PURE__ */ r(
           "video",
           {
             ref: s,
@@ -3177,7 +3177,7 @@ function Ge({
                 fontWeight: 700,
                 fontSize: a === "large" ? 28 : a === "small" ? 12 : 18
               },
-              children: !o.avatarUrl && ((z = o.name[0]) == null ? void 0 : z.toUpperCase())
+              children: !o.avatarUrl && ((P = o.name[0]) == null ? void 0 : P.toUpperCase())
             }
           ),
           a !== "small" && /* @__PURE__ */ r("span", { style: { color: "var(--nice-bg, #fff)", fontSize: 12 }, children: o.displayName ?? o.name })
@@ -3255,17 +3255,17 @@ function Ge({
               gap: 2,
               alignItems: "flex-end"
             },
-            children: [1, 2, 3].map((p) => /* @__PURE__ */ r(
+            children: [1, 2, 3].map((d) => /* @__PURE__ */ r(
               "div",
               {
                 style: {
                   flex: 1,
-                  background: i.connectionQuality === "excellent" || i.connectionQuality === "good" && p <= 2 || i.connectionQuality === "fair" && p <= 1 ? "var(--nice-success, #22c55e)" : "var(--nice-overlay-light-30, rgba(255, 255, 255, 0.3))",
-                  height: `${p * 30}%`,
+                  background: i.connectionQuality === "excellent" || i.connectionQuality === "good" && d <= 2 || i.connectionQuality === "fair" && d <= 1 ? "var(--nice-success, #22c55e)" : "var(--nice-overlay-light-30, rgba(255, 255, 255, 0.3))",
+                  height: `${d * 30}%`,
                   borderRadius: 1
                 }
               },
-              p
+              d
             ))
           }
         )
@@ -3282,31 +3282,31 @@ function St({
   enableTranscription: s = !1,
   enableRaiseHand: o = !0,
   maxGridCols: c = 4,
-  onEndCall: d,
+  onEndCall: p,
   onMuteAudio: f,
   onMuteVideo: m,
   onStartScreenShare: u,
   onStopScreenShare: y,
   onRaiseHand: h,
   className: x,
-  style: z,
-  id: p,
-  "data-testid": A
+  style: P,
+  id: d,
+  "data-testid": D
 }) {
-  const [D, O] = $(!1), [U, W] = $(!1), [H, q] = $(!1), [_, V] = $(!1), [I, C] = $(i.pinnedParticipantId ?? null), [L, G] = $(
+  const [A, O] = N(!1), [U, W] = N(!1), [H, q] = N(!1), [_, V] = N(!1), [I, C] = N(i.pinnedParticipantId ?? null), [L, G] = N(
     i.layout === "sidebar" ? "grid" : i.layout ?? "grid"
-  ), [E, T] = $(0), [j, K] = $(!1);
+  ), [E, z] = N(0), [j, K] = N(!1);
   re(() => {
     if (i.status !== "active")
       return;
-    const B = setInterval(() => T((ee) => ee + 1), 1e3);
+    const B = setInterval(() => z((ee) => ee + 1), 1e3);
     return () => clearInterval(B);
   }, [i.status]);
   const Y = (B) => {
     const ee = Math.floor(B / 3600), oe = Math.floor(B % 3600 / 60), de = B % 60;
     return ee > 0 ? `${ee}:${String(oe).padStart(2, "0")}:${String(de).padStart(2, "0")}` : `${String(oe).padStart(2, "0")}:${String(de).padStart(2, "0")}`;
   }, g = () => {
-    const B = !D;
+    const B = !A;
     O(B), f == null || f(B);
   }, w = () => {
     const B = !U;
@@ -3319,7 +3319,7 @@ function St({
   }, te = [
     {
       user: e,
-      isMuted: D,
+      isMuted: A,
       isCameraOff: U,
       isScreenSharing: H,
       isSpeaking: !1,
@@ -3335,8 +3335,8 @@ function St({
   return /* @__PURE__ */ l(
     "div",
     {
-      id: p,
-      "data-testid": A,
+      id: d,
+      "data-testid": D,
       className: `nice-video-conference${x ? ` ${x}` : ""}`,
       style: {
         position: "relative",
@@ -3346,7 +3346,7 @@ function St({
         display: "flex",
         flexDirection: "column",
         overflow: "hidden",
-        ...z
+        ...P
       },
       children: [
         /* @__PURE__ */ l(
@@ -3608,9 +3608,9 @@ function St({
                 Ie,
                 {
                   icon: "mic",
-                  label: D ? "Unmute" : "Mute",
+                  label: A ? "Unmute" : "Mute",
                   onClick: g,
-                  danger: D
+                  danger: A
                 }
               ),
               /* @__PURE__ */ r(
@@ -3655,7 +3655,7 @@ function St({
                   active: i.isTranscribing
                 }
               ),
-              /* @__PURE__ */ r(Ie, { icon: "phone", label: "Leave", onClick: () => d == null ? void 0 : d(i.id), end: !0 })
+              /* @__PURE__ */ r(Ie, { icon: "phone", label: "Leave", onClick: () => p == null ? void 0 : p(i.id), end: !0 })
             ]
           }
         )
@@ -3718,7 +3718,7 @@ function Je(i) {
   };
   return i.unit === "forever" ? e.forever : e[i.unit] * i.value;
 }
-function $e(i, e = /* @__PURE__ */ new Date()) {
+function Ne(i, e = /* @__PURE__ */ new Date()) {
   if (i.unit !== "forever")
     return new Date(e.getTime() + Je(i));
 }
@@ -3749,16 +3749,16 @@ class at {
     return new Promise((n, a) => {
       const c = t.transaction(this.storeName, "readonly").objectStore(this.storeName).get(e);
       c.onsuccess = () => {
-        const d = c.result;
-        if (!d) {
+        const p = c.result;
+        if (!p) {
           n(void 0);
           return;
         }
-        if (d.expiresAt && new Date(d.expiresAt) < /* @__PURE__ */ new Date()) {
+        if (p.expiresAt && new Date(p.expiresAt) < /* @__PURE__ */ new Date()) {
           this.delete(e), n(void 0);
           return;
         }
-        n(d.data);
+        n(p.data);
       }, c.onerror = () => a(c.error);
     });
   }
@@ -3773,22 +3773,22 @@ class at {
     const t = await this.openDb();
     return new Promise((n, a) => {
       const c = t.transaction(this.storeName, "readonly").objectStore(this.storeName).getAllKeys();
-      c.onsuccess = () => n((c.result ?? []).filter((d) => d.startsWith(e))), c.onerror = () => a(c.error);
+      c.onsuccess = () => n((c.result ?? []).filter((p) => p.startsWith(e))), c.onerror = () => a(c.error);
     });
   }
   async clear(e) {
     if (!e) {
       const n = await this.openDb();
       return new Promise((a, s) => {
-        const d = n.transaction(this.storeName, "readwrite").objectStore(this.storeName).clear();
-        d.onsuccess = () => a(), d.onerror = () => s(d.error);
+        const p = n.transaction(this.storeName, "readwrite").objectStore(this.storeName).clear();
+        p.onsuccess = () => a(), p.onerror = () => s(p.error);
       });
     }
     const t = await this.list(e);
     await Promise.all(t.map((n) => this.delete(n)));
   }
 }
-class Ut {
+class Yt {
   constructor(e = "nice_comm__") {
     this.prefix = e;
   }
@@ -3825,14 +3825,14 @@ class Ut {
     (await this.list(e ?? "")).forEach((n) => localStorage.removeItem(this.prefix + n));
   }
 }
-class Ht {
+class Gt {
   constructor(e, t) {
     this.config = e, this.encryption = t, this.adapter = this.buildAdapter();
   }
   buildAdapter() {
     switch (this.config.provider) {
       case "localstorage":
-        return new Ut();
+        return new Yt();
       case "custom":
         return this.config.customAdapter ?? new at();
       default:
@@ -3867,7 +3867,7 @@ class Ht {
   }
   // ── Messages ──────────────────────────────────────────────────────────────
   async saveMessages(e, t) {
-    const n = this.getRuleFor("messages"), a = n ? $e(n.activePeriod) : void 0, s = await this.encode(t);
+    const n = this.getRuleFor("messages"), a = n ? Ne(n.activePeriod) : void 0, s = await this.encode(t);
     await this.adapter.save(`msg:${e}`, s, a);
   }
   async loadMessages(e) {
@@ -3883,7 +3883,7 @@ class Ht {
   }
   // ── Whiteboard snapshots ──────────────────────────────────────────────────
   async saveWhiteboardSnapshot(e, t) {
-    const n = this.getRuleFor("whiteboard-snapshots"), a = n ? $e(n.activePeriod) : void 0, s = await this.encode(t);
+    const n = this.getRuleFor("whiteboard-snapshots"), a = n ? Ne(n.activePeriod) : void 0, s = await this.encode(t);
     await this.adapter.save(`wb:${e}`, s, a);
   }
   async loadWhiteboardSnapshot(e) {
@@ -3892,7 +3892,7 @@ class Ht {
   }
   // ── Recordings ────────────────────────────────────────────────────────────
   async saveRecordingMeta(e) {
-    const t = this.getRuleFor("recordings"), n = t ? $e(t.activePeriod) : void 0, a = await this.encode(e);
+    const t = this.getRuleFor("recordings"), n = t ? Ne(t.activePeriod) : void 0, a = await this.encode(e);
     await this.adapter.save(`rec:${e.id}`, a, n);
   }
   async loadRecordingMeta(e) {
@@ -3908,7 +3908,7 @@ class Ht {
   }
   // ── Documents (arbitrary JSON docs) ──────────────────────────────────────
   async saveDocument(e, t) {
-    const n = this.getRuleFor("documents"), a = n ? $e(n.activePeriod) : void 0, s = await this.encode(t);
+    const n = this.getRuleFor("documents"), a = n ? Ne(n.activePeriod) : void 0, s = await this.encode(t);
     await this.adapter.save(`doc:${e}`, s, a);
   }
   async loadDocument(e) {
@@ -3932,12 +3932,12 @@ class Ht {
       const c = this.getRuleFor(o);
       if (!c)
         continue;
-      const d = await this.adapter.list(s);
-      for (const f of d) {
+      const p = await this.adapter.list(s);
+      for (const f of p) {
         const m = await this.adapter.load(f);
         if (m) {
           if (Je(c.activePeriod), c.archivePeriod) {
-            const u = `archive:${f}`, y = $e(c.archivePeriod, n);
+            const u = `archive:${f}`, y = Ne(c.archivePeriod, n);
             await this.adapter.save(u, m, y), e++;
           }
           if (c.deleteAfterArchive && c.archivePeriod) {
@@ -4016,10 +4016,10 @@ const kt = [
     legalHoldEnabled: !0
   }
 ], Fe = /* @__PURE__ */ new Map();
-function Kt(i, e, t) {
-  return Fe.has(i) || Fe.set(i, new Ht(e, t)), Fe.get(i);
+function qt(i, e, t) {
+  return Fe.has(i) || Fe.set(i, new Gt(e, t)), Fe.get(i);
 }
-function ei(i) {
+function ri(i) {
   Fe.delete(i);
 }
 const st = [
@@ -4034,7 +4034,7 @@ const st = [
   "var(--nice-warning-dark, #795548)",
   "var(--nice-text-secondary, #607d8b)"
 ];
-function Yt(i) {
+function Vt(i) {
   let e = 0;
   for (let t = 0; t < i.length; t++)
     e = e * 31 + i.charCodeAt(t) >>> 0;
@@ -4082,7 +4082,7 @@ function ot(i, e, t) {
   }
   return { objects: n, layers: a };
 }
-function Gt(i, e) {
+function Xt(i, e) {
   switch (e.type) {
     case "LOAD_SESSION":
       return {
@@ -4100,7 +4100,7 @@ function Gt(i, e) {
         objects: a,
         layers: s,
         updatedAt: t.timestamp
-      }, d = n && [
+      }, p = n && [
         "object:add",
         "object:update",
         "object:delete",
@@ -4112,7 +4112,7 @@ function Gt(i, e) {
       return {
         ...i,
         session: o,
-        undoStack: d,
+        undoStack: p,
         redoStack: n ? [] : i.redoStack,
         // clear redo on new local op
         isDirty: !0
@@ -4184,7 +4184,7 @@ function Gt(i, e) {
       return i;
   }
 }
-function qt(i) {
+function Jt(i) {
   const {
     session: e,
     currentUser: t,
@@ -4193,7 +4193,7 @@ function qt(i) {
     readonly: s = !1,
     storageConfig: o,
     autoSaveMs: c = 3e4
-  } = i, [d, f] = Rt(Gt, {
+  } = i, [p, f] = Et(Xt, {
     session: e,
     activeTool: s ? "select" : "pen",
     selectedObjectIds: [],
@@ -4204,140 +4204,140 @@ function qt(i) {
     isDirty: !1
   }), m = ce(0), u = ce(null), y = ce(null);
   re(() => {
-    o && (y.current = Kt(`wb_${e.id}`, o), y.current.loadWhiteboardSnapshot(e.id).then((T) => {
-      T && f({ type: "LOAD_SESSION", session: T });
+    o && (y.current = qt(`wb_${e.id}`, o), y.current.loadWhiteboardSnapshot(e.id).then((z) => {
+      z && f({ type: "LOAD_SESSION", session: z });
     }));
   }, [e.id, o]), re(() => {
-    if (!c || !y.current || !d.isDirty)
+    if (!c || !y.current || !p.isDirty)
       return;
-    const T = setTimeout(() => {
+    const z = setTimeout(() => {
       var j;
-      (j = y.current) == null || j.saveWhiteboardSnapshot(d.session.id, d.session).then(() => {
+      (j = y.current) == null || j.saveWhiteboardSnapshot(p.session.id, p.session).then(() => {
         f({ type: "MARK_SAVED" });
       });
     }, c);
-    return () => clearTimeout(T);
-  }, [d.isDirty, d.session, c]);
+    return () => clearTimeout(z);
+  }, [p.isDirty, p.session, c]);
   const h = ce(/* @__PURE__ */ new Set());
   re(() => {
-    for (const T of a)
-      if (!h.current.has(T.id) && T.userId !== t.id)
-        if (h.current.add(T.id), T.type === "cursor:move") {
-          const { x: j, y: K } = T.payload;
-          f({ type: "UPDATE_CURSOR", userId: T.userId, x: j, y: K });
-        } else T.type === "viewport:sync" || f({ type: "APPLY_OP", op: T, local: !1 });
+    for (const z of a)
+      if (!h.current.has(z.id) && z.userId !== t.id)
+        if (h.current.add(z.id), z.type === "cursor:move") {
+          const { x: j, y: K } = z.payload;
+          f({ type: "UPDATE_CURSOR", userId: z.userId, x: j, y: K });
+        } else z.type === "viewport:sync" || f({ type: "APPLY_OP", op: z, local: !1 });
   }, [a, t.id]);
-  function x(T, j) {
+  function x(z, j) {
     return {
       id: `${t.id}_${++m.current}_${Date.now()}`,
-      sessionId: d.session.id,
-      type: T,
+      sessionId: p.session.id,
+      type: z,
       userId: t.id,
       timestamp: /* @__PURE__ */ new Date(),
       payload: j
     };
   }
-  const z = P(
-    (T) => {
-      s || f({ type: "SET_TOOL", tool: T });
+  const P = T(
+    (z) => {
+      s || f({ type: "SET_TOOL", tool: z });
     },
     [s]
-  ), p = P(
-    (T) => {
+  ), d = T(
+    (z) => {
       if (s)
         return;
-      const j = x("object:add", T);
+      const j = x("object:add", z);
       f({ type: "APPLY_OP", op: j, local: !0 }), n == null || n(j);
     },
-    [s, n, d.session.id]
-  ), A = P(
-    (T) => {
+    [s, n, p.session.id]
+  ), D = T(
+    (z) => {
       if (s)
         return;
-      const j = x("object:update", T);
+      const j = x("object:update", z);
       f({ type: "APPLY_OP", op: j, local: !0 }), n == null || n(j);
     },
-    [s, n, d.session.id]
-  ), D = P(
-    (T) => {
+    [s, n, p.session.id]
+  ), A = T(
+    (z) => {
       if (!s) {
-        for (const j of T) {
+        for (const j of z) {
           const K = x("object:delete", { id: j });
           f({ type: "APPLY_OP", op: K, local: !0 }), n == null || n(K);
         }
         f({ type: "SET_SELECTION", ids: [] });
       }
     },
-    [s, n, d.session.id]
-  ), O = P(
-    (T) => {
+    [s, n, p.session.id]
+  ), O = T(
+    (z) => {
       if (!s)
-        for (const { id: j, x: K, y: Y } of T) {
+        for (const { id: j, x: K, y: Y } of z) {
           const g = x("object:move", { id: j, x: K, y: Y });
           f({ type: "APPLY_OP", op: g, local: !0 }), n == null || n(g);
         }
     },
-    [s, n, d.session.id]
-  ), U = P((T) => {
-    f({ type: "SET_SELECTION", ids: T });
-  }, []), W = P(() => {
+    [s, n, p.session.id]
+  ), U = T((z) => {
+    f({ type: "SET_SELECTION", ids: z });
+  }, []), W = T(() => {
     s || f({ type: "UNDO" });
-  }, [s]), H = P(() => {
+  }, [s]), H = T(() => {
     s || f({ type: "REDO" });
-  }, [s]), q = P(
-    (T) => {
-      f({ type: "SET_VIEWPORT", viewport: T });
-      const j = x("viewport:sync", T);
+  }, [s]), q = T(
+    (z) => {
+      f({ type: "SET_VIEWPORT", viewport: z });
+      const j = x("viewport:sync", z);
       n == null || n(j);
     },
-    [n, d.session.id]
-  ), _ = P(
-    (T, j) => {
+    [n, p.session.id]
+  ), _ = T(
+    (z, j) => {
       if (u.current)
         return;
       u.current = setTimeout(() => {
         u.current = null;
       }, 50);
-      const K = x("cursor:move", { x: T, y: j });
+      const K = x("cursor:move", { x: z, y: j });
       n == null || n(K);
     },
-    [n, d.session.id]
-  ), V = P(
-    (T) => {
+    [n, p.session.id]
+  ), V = T(
+    (z) => {
       if (s)
         return;
       const j = {
         id: `layer_${Date.now()}`,
-        name: T,
+        name: z,
         visible: !0,
         locked: !1,
         objectIds: []
       }, K = x("layer:add", j);
       f({ type: "APPLY_OP", op: K, local: !0 }), n == null || n(K);
     },
-    [s, n, d.session.id]
-  ), I = P(
-    (T) => {
+    [s, n, p.session.id]
+  ), I = T(
+    (z) => {
       if (s)
         return;
-      const j = x("layer:update", T);
+      const j = x("layer:update", z);
       f({ type: "APPLY_OP", op: j, local: !0 }), n == null || n(j);
     },
-    [s, n, d.session.id]
-  ), C = P(
-    (T) => {
+    [s, n, p.session.id]
+  ), C = T(
+    (z) => {
       if (s)
         return;
-      const j = x("layer:delete", { id: T });
+      const j = x("layer:delete", { id: z });
       f({ type: "APPLY_OP", op: j, local: !0 }), n == null || n(j);
     },
-    [s, n, d.session.id]
-  ), L = P((T) => {
+    [s, n, p.session.id]
+  ), L = T((z) => {
     const j = {
-      user: T,
+      user: z,
       cursorX: 0,
       cursorY: 0,
-      color: Yt(T.id),
+      color: Vt(z.id),
       selectedObjectIds: [],
       activeTool: "pen",
       lastSeenAt: /* @__PURE__ */ new Date()
@@ -4347,31 +4347,31 @@ function qt(i) {
       op: x("cursor:move", j),
       local: !1
     });
-  }, []), G = P((T) => {
-    f({ type: "REMOVE_COLLABORATOR", userId: T });
-  }, []), E = P(async () => {
-    y.current && (await y.current.saveWhiteboardSnapshot(d.session.id, d.session), f({ type: "MARK_SAVED" }));
-  }, [d.session]);
+  }, []), G = T((z) => {
+    f({ type: "REMOVE_COLLABORATOR", userId: z });
+  }, []), E = T(async () => {
+    y.current && (await y.current.saveWhiteboardSnapshot(p.session.id, p.session), f({ type: "MARK_SAVED" }));
+  }, [p.session]);
   return {
     // State
-    session: d.session,
-    activeTool: d.activeTool,
-    selectedObjectIds: d.selectedObjectIds,
-    isDrawing: d.isDrawing,
-    isPanning: d.isPanning,
-    isDirty: d.isDirty,
-    lastSavedAt: d.lastSavedAt,
-    canUndo: d.undoStack.length > 0,
-    canRedo: d.redoStack.length > 0,
-    collaborators: Object.values(d.session.collaborators),
-    objects: Object.values(d.session.objects),
-    layers: d.session.layers,
-    viewport: d.session.viewport,
+    session: p.session,
+    activeTool: p.activeTool,
+    selectedObjectIds: p.selectedObjectIds,
+    isDrawing: p.isDrawing,
+    isPanning: p.isPanning,
+    isDirty: p.isDirty,
+    lastSavedAt: p.lastSavedAt,
+    canUndo: p.undoStack.length > 0,
+    canRedo: p.redoStack.length > 0,
+    collaborators: Object.values(p.session.collaborators),
+    objects: Object.values(p.session.objects),
+    layers: p.session.layers,
+    viewport: p.session.viewport,
     // Actions
-    setTool: z,
-    addObject: p,
-    updateObject: A,
-    deleteObjects: D,
+    setTool: P,
+    addObject: d,
+    updateObject: D,
+    deleteObjects: A,
     moveObjects: O,
     setSelection: U,
     undo: W,
@@ -4386,7 +4386,7 @@ function qt(i) {
     saveNow: E
   };
 }
-const Vt = [
+const Qt = [
   { id: "select", label: "Select", icon: "cursor", group: "select" },
   { id: "laser", label: "Laser", icon: "circle", group: "select" },
   { id: "pen", label: "Pen", icon: "pen", group: "draw" },
@@ -4408,13 +4408,13 @@ function We() {
 function qe(i, e, t) {
   return { sx: i * t.scale + t.x, sy: e * t.scale + t.y };
 }
-function Xt(i, e, t) {
+function Zt(i, e, t) {
   return { wx: (i - t.x) / t.scale, wy: (e - t.y) / t.scale };
 }
-function Jt(i, e) {
+function en(i, e) {
   return Math.hypot(e.x - i.x, e.y - i.y);
 }
-function Qt(i, e) {
+function tn(i, e) {
   if (!(e.points.length < 2)) {
     i.save(), i.globalAlpha = e.opacity, i.strokeStyle = e.color, i.lineWidth = e.strokeWidth, i.lineCap = "round", i.lineJoin = "round", e.tool === "highlighter" && (i.globalCompositeOperation = "multiply"), i.beginPath(), i.moveTo(e.points[0].x, e.points[0].y);
     for (let t = 1; t < e.points.length; t++) {
@@ -4427,7 +4427,7 @@ function Qt(i, e) {
     i.stroke(), i.restore();
   }
 }
-function Zt(i, e) {
+function nn(i, e) {
   switch (i.save(), i.globalAlpha = e.opacity, i.strokeStyle = e.strokeColor, i.lineWidth = e.strokeWidth, e.fillColor && (i.fillStyle = e.fillColor), i.translate(e.x + e.width / 2, e.y + e.height / 2), i.rotate(e.rotation * Math.PI / 180), i.beginPath(), e.shape) {
     case "rect":
       i.rect(-e.width / 2, -e.height / 2, e.width, e.height);
@@ -4448,7 +4448,7 @@ function Zt(i, e) {
   }
   e.fillColor && i.fill(), i.stroke(), i.restore();
 }
-function en(i, e) {
+function rn(i, e) {
   if (i.save(), i.translate(e.x + e.width / 2, e.y + e.height / 2), i.rotate(e.rotation * Math.PI / 180), i.font = `${e.fontStyle} ${e.fontWeight} ${e.fontSize}px ${e.fontFamily}`, i.fillStyle = e.color, i.textAlign = e.textAlign, i.textBaseline = "middle", e.backgroundColor) {
     const t = i.measureText(e.text), n = 4;
     i.fillStyle = e.backgroundColor, i.fillRect(
@@ -4460,17 +4460,17 @@ function en(i, e) {
   }
   i.fillText(e.text, 0, 0), i.restore();
 }
-function tn(i, e) {
+function an(i, e) {
   i.save(), i.translate(e.x, e.y), i.rotate(e.rotation * Math.PI / 180), i.shadowColor = "var(--nice-overlay-15, rgba(0, 0, 0, 0.15))", i.shadowBlur = 8, i.shadowOffsetY = 3, i.fillStyle = e.backgroundColor, i.fillRect(0, 0, e.width, e.height), i.shadowColor = "transparent", i.fillStyle = e.textColor, i.font = `${e.fontSize}px sans-serif`, i.textAlign = "left", i.textBaseline = "top";
   const t = 10, n = e.width - t * 2, a = e.fontSize * 1.4, s = e.text.split(" ");
   let o = "", c = t;
-  for (const d of s) {
-    const f = o ? `${o} ${d}` : d;
-    i.measureText(f).width > n && o ? (i.fillText(o, t, c), o = d, c += a) : o = f;
+  for (const p of s) {
+    const f = o ? `${o} ${p}` : p;
+    i.measureText(f).width > n && o ? (i.fillText(o, t, c), o = p, c += a) : o = f;
   }
   o && i.fillText(o, t, c), i.restore();
 }
-function nn(i, e) {
+function sn(i, e) {
   if (!(e.points.length < 2)) {
     if (i.save(), i.strokeStyle = e.strokeColor, i.lineWidth = e.strokeWidth, i.lineCap = "round", i.beginPath(), i.moveTo(e.points[0].x, e.points[0].y), e.curved && e.points.length > 2) {
       for (let t = 1; t < e.points.length - 1; t++) {
@@ -4497,24 +4497,24 @@ function nn(i, e) {
     i.restore();
   }
 }
-function rn(i, e) {
+function on(i, e) {
   i.save(), i.strokeStyle = e.borderColor ?? "var(--nice-text-muted, #aaa)", i.lineWidth = 2, i.setLineDash([8, 4]), e.backgroundColor && (i.fillStyle = e.backgroundColor, i.fillRect(e.x, e.y, e.width, e.height)), i.strokeRect(e.x, e.y, e.width, e.height), i.setLineDash([]), i.fillStyle = "var(--nice-text-secondary, #555)", i.font = "bold 13px sans-serif", i.fillText(e.name, e.x + 8, e.y - 6), i.restore();
 }
-function an(i, e) {
+function ln(i, e) {
   if (e.visible)
     switch (e.type) {
       case "stroke":
-        return Qt(i, e);
+        return tn(i, e);
       case "shape":
-        return Zt(i, e);
+        return nn(i, e);
       case "text":
-        return en(i, e);
+        return rn(i, e);
       case "sticky":
-        return tn(i, e);
+        return an(i, e);
       case "connector":
-        return nn(i, e);
+        return sn(i, e);
       case "frame":
-        return rn(i, e);
+        return on(i, e);
       case "image": {
         const t = e, n = new Image();
         n.src = t.dataUrl ?? t.url, i.save(), i.translate(t.x + t.width / 2, t.y + t.height / 2), i.rotate(t.rotation * Math.PI / 180), i.drawImage(n, -t.width / 2, -t.height / 2, t.width, t.height), i.restore();
@@ -4522,7 +4522,11 @@ function an(i, e) {
       }
     }
 }
-function Ct({
+function Ct(i) {
+  const { t: e } = Rt();
+  return i.session ? /* @__PURE__ */ r(cn, { ...i, session: i.session }) : /* @__PURE__ */ r("div", { className: i.className, style: i.style, "data-testid": i["data-testid"], children: /* @__PURE__ */ r(At, { title: e("whiteboard.noSession", "No whiteboard session") }) });
+}
+function cn({
   session: i,
   currentUser: e,
   onOperation: t,
@@ -4531,16 +4535,16 @@ function Ct({
   enableLayers: s = !0,
   enableExport: o = !0,
   enableLaserPointer: c = !0,
-  enableVectorEditor: d = !1,
+  enableVectorEditor: p = !1,
   enableDiagramEditor: f = !1,
   onExport: m,
   onSessionUpdate: u,
   storageConfig: y,
   className: h,
   style: x,
-  "data-testid": z
+  "data-testid": P
 }) {
-  const p = qt({
+  const d = Jt({
     session: i,
     currentUser: e,
     onOperation: t,
@@ -4548,9 +4552,9 @@ function Ct({
     readonly: a,
     storageConfig: y,
     autoSaveMs: 3e4
-  }), A = ce(null);
+  }), D = ce(null);
   ce(null);
-  const D = ce(0), [O, U] = $(!1), [W, H] = $("var(--nice-bg, #1a1a1a)"), [q, _] = $(3), [V, I] = $(void 0), [C, L] = $(18), [G, E] = $("var(--nice-warning-bg, #fef08a)"), [T, j] = $(null), [K, Y] = $(
+  const A = ce(0), [O, U] = N(!1), [W, H] = N("var(--nice-bg, #1a1a1a)"), [q, _] = N(3), [V, I] = N(void 0), [C, L] = N(18), [G, E] = N("var(--nice-warning-bg, #fef08a)"), [z, j] = N(null), [K, Y] = N(
     null
   ), g = ce({
     active: !1,
@@ -4561,63 +4565,63 @@ function Ct({
     spaceDown: !1,
     panStart: null,
     laserPoints: []
-  }), w = P(
+  }), w = T(
     (b, v, M, F) => {
-      if (!p.session.gridEnabled)
+      if (!d.session.gridEnabled)
         return;
-      const N = p.session.gridSize * v.scale, J = (v.x % N + N) % N, k = (v.y % N + N) % N;
+      const $ = d.session.gridSize * v.scale, J = (v.x % $ + $) % $, k = (v.y % $ + $) % $;
       b.strokeStyle = "rgba(180,180,200,0.35)", b.lineWidth = 1, b.beginPath();
-      for (let R = J; R < M; R += N)
+      for (let R = J; R < M; R += $)
         b.moveTo(R, 0), b.lineTo(R, F);
-      for (let R = k; R < F; R += N)
+      for (let R = k; R < F; R += $)
         b.moveTo(0, R), b.lineTo(M, R);
       b.stroke();
     },
-    [p.session.gridEnabled, p.session.gridSize]
-  ), Z = P(
+    [d.session.gridEnabled, d.session.gridSize]
+  ), Z = T(
     (b, v) => {
-      for (const M of p.collaborators) {
+      for (const M of d.collaborators) {
         if (M.user.id === e.id)
           continue;
-        const { sx: F, sy: N } = qe(M.cursorX, M.cursorY, v);
-        b.save(), b.fillStyle = M.color, b.beginPath(), b.moveTo(F, N), b.lineTo(F + 14, N + 5), b.lineTo(F + 5, N + 14), b.closePath(), b.fill(), b.fillStyle = M.color, b.font = "bold 11px sans-serif", b.fillText(M.user.name, F + 16, N + 14), b.restore();
+        const { sx: F, sy: $ } = qe(M.cursorX, M.cursorY, v);
+        b.save(), b.fillStyle = M.color, b.beginPath(), b.moveTo(F, $), b.lineTo(F + 14, $ + 5), b.lineTo(F + 5, $ + 14), b.closePath(), b.fill(), b.fillStyle = M.color, b.font = "bold 11px sans-serif", b.fillText(M.user.name, F + 16, $ + 14), b.restore();
       }
     },
-    [p.collaborators, e.id]
-  ), Q = P(
+    [d.collaborators, e.id]
+  ), Q = T(
     (b, v) => {
-      if (p.selectedObjectIds.length !== 0)
-        for (const M of p.selectedObjectIds) {
-          const F = p.session.objects[M];
+      if (d.selectedObjectIds.length !== 0)
+        for (const M of d.selectedObjectIds) {
+          const F = d.session.objects[M];
           if (!F)
             continue;
-          const { sx: N, sy: J } = qe(F.x, F.y, v), k = F.width * v.scale, R = F.height * v.scale;
-          b.strokeStyle = "var(--nice-primary, #4f8df9)", b.lineWidth = 1.5, b.setLineDash([4, 2]), b.strokeRect(N - 2, J - 2, k + 4, R + 4), b.setLineDash([]);
+          const { sx: $, sy: J } = qe(F.x, F.y, v), k = F.width * v.scale, R = F.height * v.scale;
+          b.strokeStyle = "var(--nice-primary, #4f8df9)", b.lineWidth = 1.5, b.setLineDash([4, 2]), b.strokeRect($ - 2, J - 2, k + 4, R + 4), b.setLineDash([]);
           const ie = [
-            [N - 2, J - 2],
-            [N + k + 2, J - 2],
-            [N - 2, J + R + 2],
-            [N + k + 2, J + R + 2]
+            [$ - 2, J - 2],
+            [$ + k + 2, J - 2],
+            [$ - 2, J + R + 2],
+            [$ + k + 2, J + R + 2]
           ];
           b.fillStyle = "var(--nice-bg, #fff)", b.strokeStyle = "var(--nice-primary, #4f8df9)", b.lineWidth = 1.5;
           for (const [ne, le] of ie)
             b.fillRect(ne - 4, le - 4, 8, 8), b.strokeRect(ne - 4, le - 4, 8, 8);
         }
     },
-    [p.selectedObjectIds, p.session.objects]
-  ), te = P(() => {
-    const b = A.current;
+    [d.selectedObjectIds, d.session.objects]
+  ), te = T(() => {
+    const b = D.current;
     if (!b)
       return;
     const v = b.getContext("2d");
     if (!v)
       return;
-    const { width: M, height: F } = b, N = p.viewport;
-    v.clearRect(0, 0, M, F), v.fillStyle = p.session.backgroundColor, v.fillRect(0, 0, M, F), w(v, N, M, F), v.save();
-    const J = Object.values(p.session.objects).filter((k) => k.visible).sort((k, R) => k.zIndex - R.zIndex);
-    v.translate(N.x, N.y), v.scale(N.scale, N.scale);
+    const { width: M, height: F } = b, $ = d.viewport;
+    v.clearRect(0, 0, M, F), v.fillStyle = d.session.backgroundColor, v.fillRect(0, 0, M, F), w(v, $, M, F), v.save();
+    const J = Object.values(d.session.objects).filter((k) => k.visible).sort((k, R) => k.zIndex - R.zIndex);
+    v.translate($.x, $.y), v.scale($.scale, $.scale);
     for (const k of J)
-      an(v, k);
+      ln(v, k);
     if (g.current.active && g.current.currentPoints.length > 1) {
       const k = g.current.currentPoints;
       v.strokeStyle = W, v.lineWidth = q, v.lineCap = "round", v.lineJoin = "round", v.beginPath(), v.moveTo(k[0].x, k[0].y);
@@ -4625,31 +4629,31 @@ function Ct({
         v.lineTo(k[R].x, k[R].y);
       v.stroke();
     }
-    if (g.current.laserPoints.length > 1 && p.activeTool === "laser") {
+    if (g.current.laserPoints.length > 1 && d.activeTool === "laser") {
       const k = g.current.laserPoints;
       v.strokeStyle = "#ff2c2c", v.lineWidth = 3, v.globalAlpha = 0.7, v.beginPath(), v.moveTo(k[0].x, k[0].y);
       for (let R = 1; R < k.length; R++)
         v.lineTo(k[R].x, k[R].y);
       v.stroke(), v.globalAlpha = 1;
     }
-    v.restore(), Q(v, N), Z(v, N);
+    v.restore(), Q(v, $), Z(v, $);
   }, [
-    p.session,
-    p.viewport,
-    p.activeTool,
+    d.session,
+    d.viewport,
+    d.activeTool,
     w,
     Z,
     Q,
     W,
     q
   ]);
-  At(() => {
+  Nt(() => {
     function b() {
-      te(), D.current = requestAnimationFrame(b);
+      te(), A.current = requestAnimationFrame(b);
     }
-    return D.current = requestAnimationFrame(b), () => cancelAnimationFrame(D.current);
+    return A.current = requestAnimationFrame(b), () => cancelAnimationFrame(A.current);
   }, [te]), re(() => {
-    const b = A.current;
+    const b = D.current;
     if (!b)
       return;
     const v = new ResizeObserver(() => {
@@ -4660,7 +4664,7 @@ function Ct({
     function b(v) {
       if (v.target.tagName === "INPUT" || v.target.tagName === "TEXTAREA" || (v.code === "Space" && (g.current.spaceDown = v.type === "keydown", v.preventDefault()), v.type !== "keydown"))
         return;
-      (v.ctrlKey || v.metaKey) && (v.key === "z" && (v.preventDefault(), p.undo()), v.key === "y" && (v.preventDefault(), p.redo()), v.key === "s" && (v.preventDefault(), p.saveNow()), v.key === "a" && (v.preventDefault(), p.setSelection(Object.keys(p.session.objects)))), (v.key === "Delete" || v.key === "Backspace") && p.selectedObjectIds.length > 0 && p.deleteObjects(p.selectedObjectIds);
+      (v.ctrlKey || v.metaKey) && (v.key === "z" && (v.preventDefault(), d.undo()), v.key === "y" && (v.preventDefault(), d.redo()), v.key === "s" && (v.preventDefault(), d.saveNow()), v.key === "a" && (v.preventDefault(), d.setSelection(Object.keys(d.session.objects)))), (v.key === "Delete" || v.key === "Backspace") && d.selectedObjectIds.length > 0 && d.deleteObjects(d.selectedObjectIds);
       const M = {
         v: "select",
         p: "pen",
@@ -4674,19 +4678,19 @@ function Ct({
         a: "arrow",
         l: "laser"
       };
-      !v.ctrlKey && !v.metaKey && M[v.key] && p.setTool(M[v.key]);
+      !v.ctrlKey && !v.metaKey && M[v.key] && d.setTool(M[v.key]);
     }
     return window.addEventListener("keydown", b), window.addEventListener("keyup", b), () => {
       window.removeEventListener("keydown", b), window.removeEventListener("keyup", b);
     };
-  }, [p]);
-  const X = P(
+  }, [d]);
+  const X = T(
     (b) => {
-      const v = A.current.getBoundingClientRect(), M = b.clientX - v.left, F = b.clientY - v.top, { wx: N, wy: J } = Xt(M, F, p.viewport);
-      return { x: N, y: J, pressure: b.pressure ?? 0.5 };
+      const v = D.current.getBoundingClientRect(), M = b.clientX - v.left, F = b.clientY - v.top, { wx: $, wy: J } = Zt(M, F, d.viewport);
+      return { x: $, y: J, pressure: b.pressure ?? 0.5 };
     },
-    [p.viewport]
-  ), pe = P(
+    [d.viewport]
+  ), pe = T(
     (b) => {
       if (a)
         return;
@@ -4696,57 +4700,57 @@ function Ct({
         g.current.panStart = {
           x: b.clientX,
           y: b.clientY,
-          vpX: p.viewport.x,
-          vpY: p.viewport.y
+          vpX: d.viewport.x,
+          vpY: d.viewport.y
         };
         return;
       }
-      const M = p.activeTool;
+      const M = d.activeTool;
       if (g.current.active = !0, g.current.startX = v.x, g.current.startY = v.y, g.current.currentId = We(), M === "pen" || M === "highlighter")
         g.current.currentPoints = [v];
       else if (M === "laser")
         g.current.laserPoints = [v];
       else if (M === "select") {
-        const F = Object.values(p.session.objects).filter(
-          (N) => N.visible && N.x <= v.x && N.y <= v.y && N.x + N.width >= v.x && N.y + N.height >= v.y
-        ).sort((N, J) => J.zIndex - N.zIndex)[0];
-        F ? b.shiftKey ? p.setSelection([...p.selectedObjectIds, F.id]) : p.setSelection([F.id]) : p.setSelection([]);
+        const F = Object.values(d.session.objects).filter(
+          ($) => $.visible && $.x <= v.x && $.y <= v.y && $.x + $.width >= v.x && $.y + $.height >= v.y
+        ).sort(($, J) => J.zIndex - $.zIndex)[0];
+        F ? b.shiftKey ? d.setSelection([...d.selectedObjectIds, F.id]) : d.setSelection([F.id]) : d.setSelection([]);
       }
     },
-    [a, X, p]
-  ), ue = P(
+    [a, X, d]
+  ), ue = T(
     (b) => {
       const v = X(b);
-      if (p.broadcastCursor(v.x, v.y), g.current.panStart) {
-        const { x: F, y: N, vpX: J, vpY: k } = g.current.panStart;
-        p.setViewport({
-          ...p.viewport,
+      if (d.broadcastCursor(v.x, v.y), g.current.panStart) {
+        const { x: F, y: $, vpX: J, vpY: k } = g.current.panStart;
+        d.setViewport({
+          ...d.viewport,
           x: J + (b.clientX - F),
-          y: k + (b.clientY - N)
+          y: k + (b.clientY - $)
         });
         return;
       }
       if (!g.current.active)
         return;
-      const M = p.activeTool;
+      const M = d.activeTool;
       if (M === "pen" || M === "highlighter") {
         const F = g.current.currentPoints;
-        (F.length === 0 || Jt(F[F.length - 1], v) > 2) && (g.current.currentPoints = [...F, v]);
+        (F.length === 0 || en(F[F.length - 1], v) > 2) && (g.current.currentPoints = [...F, v]);
       } else if (M === "laser") {
         const F = g.current.laserPoints;
         g.current.laserPoints = [...F.slice(-40), v];
-      } else if (M === "select" && p.selectedObjectIds.length > 0) {
-        const F = v.x - g.current.startX, N = v.y - g.current.startY;
-        g.current.startX = v.x, g.current.startY = v.y, p.moveObjects(
-          p.selectedObjectIds.map((J) => {
-            const k = p.session.objects[J];
-            return { id: J, x: k.x + F, y: k.y + N };
+      } else if (M === "select" && d.selectedObjectIds.length > 0) {
+        const F = v.x - g.current.startX, $ = v.y - g.current.startY;
+        g.current.startX = v.x, g.current.startY = v.y, d.moveObjects(
+          d.selectedObjectIds.map((J) => {
+            const k = d.session.objects[J];
+            return { id: J, x: k.x + F, y: k.y + $ };
           })
         );
       }
     },
-    [X, p]
-  ), be = P(
+    [X, d]
+  ), be = T(
     (b) => {
       if (g.current.panStart) {
         g.current.panStart = null;
@@ -4754,7 +4758,7 @@ function Ct({
       }
       if (!g.current.active)
         return;
-      const v = X(b), M = p.activeTool, F = g.current.startX, N = g.current.startY, J = g.current.currentId, k = /* @__PURE__ */ new Date();
+      const v = X(b), M = d.activeTool, F = g.current.startX, $ = g.current.startY, J = g.current.currentId, k = /* @__PURE__ */ new Date();
       switch (g.current.active = !1, M) {
         case "pen":
         case "highlighter": {
@@ -4769,7 +4773,7 @@ function Ct({
             width: Math.max(...R.map((ne) => ne.x)) - Math.min(...R.map((ne) => ne.x)),
             height: Math.max(...R.map((ne) => ne.y)) - Math.min(...R.map((ne) => ne.y)),
             rotation: 0,
-            zIndex: Object.keys(p.session.objects).length,
+            zIndex: Object.keys(d.session.objects).length,
             locked: !1,
             visible: !0,
             createdBy: e.id,
@@ -4780,13 +4784,13 @@ function Ct({
             opacity: M === "highlighter" ? 0.4 : 1,
             tool: M
           };
-          p.addObject(ie), g.current.currentPoints = [];
+          d.addObject(ie), g.current.currentPoints = [];
           break;
         }
         case "rect":
         case "ellipse":
         case "triangle": {
-          const R = Math.min(F, v.x), ie = Math.min(N, v.y), ne = Math.abs(v.x - F), le = Math.abs(v.y - N);
+          const R = Math.min(F, v.x), ie = Math.min($, v.y), ne = Math.abs(v.x - F), le = Math.abs(v.y - $);
           if (ne < 5 || le < 5)
             break;
           const me = { rect: "rect", ellipse: "ellipse", triangle: "triangle" }, ke = {
@@ -4797,7 +4801,7 @@ function Ct({
             width: ne,
             height: le,
             rotation: 0,
-            zIndex: Object.keys(p.session.objects).length,
+            zIndex: Object.keys(d.session.objects).length,
             locked: !1,
             visible: !0,
             createdBy: e.id,
@@ -4808,7 +4812,7 @@ function Ct({
             strokeWidth: q,
             opacity: 1
           };
-          p.addObject(ke);
+          d.addObject(ke);
           break;
         }
         case "arrow":
@@ -4817,17 +4821,17 @@ function Ct({
             id: J,
             type: "connector",
             x: Math.min(F, v.x),
-            y: Math.min(N, v.y),
+            y: Math.min($, v.y),
             width: Math.abs(v.x - F),
-            height: Math.abs(v.y - N),
+            height: Math.abs(v.y - $),
             rotation: 0,
-            zIndex: Object.keys(p.session.objects).length,
+            zIndex: Object.keys(d.session.objects).length,
             locked: !1,
             visible: !0,
             createdBy: e.id,
             createdAt: k,
             points: [
-              { x: F, y: N },
+              { x: F, y: $ },
               { x: v.x, y: v.y }
             ],
             strokeColor: W,
@@ -4836,7 +4840,7 @@ function Ct({
             arrowEnd: M === "arrow" ? "arrow" : "none",
             curved: !1
           };
-          p.addObject(R);
+          d.addObject(R);
           break;
         }
         case "text": {
@@ -4848,7 +4852,7 @@ function Ct({
             width: 200,
             height: C + 10,
             rotation: 0,
-            zIndex: Object.keys(p.session.objects).length,
+            zIndex: Object.keys(d.session.objects).length,
             locked: !1,
             visible: !0,
             createdBy: e.id,
@@ -4861,7 +4865,7 @@ function Ct({
             textAlign: "left",
             color: W
           };
-          p.addObject(R), j(J);
+          d.addObject(R), j(J);
           break;
         }
         case "sticky": {
@@ -4873,7 +4877,7 @@ function Ct({
             width: 180,
             height: 150,
             rotation: 0,
-            zIndex: Object.keys(p.session.objects).length,
+            zIndex: Object.keys(d.session.objects).length,
             locked: !1,
             visible: !0,
             createdBy: e.id,
@@ -4884,11 +4888,11 @@ function Ct({
             fontSize: 14,
             authorId: e.id
           };
-          p.addObject(R), j(J);
+          d.addObject(R), j(J);
           break;
         }
         case "frame": {
-          const R = Math.min(F, v.x), ie = Math.min(N, v.y), ne = Math.abs(v.x - F), le = Math.abs(v.y - N);
+          const R = Math.min(F, v.x), ie = Math.min($, v.y), ne = Math.abs(v.x - F), le = Math.abs(v.y - $);
           if (ne < 20 || le < 20)
             break;
           const me = {
@@ -4904,11 +4908,11 @@ function Ct({
             visible: !0,
             createdBy: e.id,
             createdAt: k,
-            name: `Frame ${Object.keys(p.session.objects).length + 1}`,
+            name: `Frame ${Object.keys(d.session.objects).length + 1}`,
             childIds: [],
             borderColor: "#8888"
           };
-          p.addObject(me);
+          d.addObject(me);
           break;
         }
         case "image": {
@@ -4931,7 +4935,7 @@ function Ct({
                   width: ve.width * Le,
                   height: ve.height * Le,
                   rotation: 0,
-                  zIndex: Object.keys(p.session.objects).length,
+                  zIndex: Object.keys(d.session.objects).length,
                   locked: !1,
                   visible: !0,
                   createdBy: e.id,
@@ -4941,7 +4945,7 @@ function Ct({
                   originalWidth: ve.width,
                   originalHeight: ve.height
                 };
-                p.addObject(Ce);
+                d.addObject(Ce);
               }, ve.src = ke;
             }, ne.readAsDataURL(ie);
           }, R.click();
@@ -4949,47 +4953,47 @@ function Ct({
         }
       }
     },
-    [X, p, e.id, W, q, V, C, G]
-  ), he = P(
+    [X, d, e.id, W, q, V, C, G]
+  ), he = T(
     (b) => {
       if (b.preventDefault(), !b.ctrlKey && !b.metaKey) {
-        p.setViewport({
-          ...p.viewport,
-          x: p.viewport.x - b.deltaX,
-          y: p.viewport.y - b.deltaY
+        d.setViewport({
+          ...d.viewport,
+          x: d.viewport.x - b.deltaX,
+          y: d.viewport.y - b.deltaY
         });
         return;
       }
-      const v = A.current.getBoundingClientRect(), M = b.clientX - v.left, F = b.clientY - v.top, J = -b.deltaY > 0 ? 1.1 : 0.9, k = Math.min(8, Math.max(0.1, p.viewport.scale * J));
-      p.setViewport({
+      const v = D.current.getBoundingClientRect(), M = b.clientX - v.left, F = b.clientY - v.top, J = -b.deltaY > 0 ? 1.1 : 0.9, k = Math.min(8, Math.max(0.1, d.viewport.scale * J));
+      d.setViewport({
         scale: k,
-        x: M - (M - p.viewport.x) * (k / p.viewport.scale),
-        y: F - (F - p.viewport.y) * (k / p.viewport.scale)
+        x: M - (M - d.viewport.x) * (k / d.viewport.scale),
+        y: F - (F - d.viewport.y) * (k / d.viewport.scale)
       });
     },
-    [p]
-  ), B = P(
+    [d]
+  ), B = T(
     (b) => {
       if (b === "json") {
-        const N = JSON.stringify(p.session, null, 2);
-        m == null || m("json", N);
+        const $ = JSON.stringify(d.session, null, 2);
+        m == null || m("json", $);
         const J = document.createElement("a");
-        J.href = URL.createObjectURL(new Blob([N], { type: "application/json" })), J.download = `${p.session.title}.json`, J.click();
+        J.href = URL.createObjectURL(new Blob([$], { type: "application/json" })), J.download = `${d.session.title}.json`, J.click();
         return;
       }
-      const v = A.current;
+      const v = D.current;
       if (!v)
         return;
       const M = v.toDataURL("image/png");
       m == null || m("png", M);
       const F = document.createElement("a");
-      F.href = M, F.download = `${p.session.title}.png`, F.click();
+      F.href = M, F.download = `${d.session.title}.png`, F.click();
     },
-    [p.session, m]
+    [d.session, m]
   );
   re(() => {
-    u == null || u(p.session);
-  }, [p.session, u]), re(() => {
+    u == null || u(d.session);
+  }, [d.session, u]), re(() => {
     function b(v) {
       if (v.clipboardData) {
         for (const M of Array.from(v.clipboardData.items))
@@ -4997,8 +5001,8 @@ function Ct({
             const F = M.getAsFile();
             if (!F)
               continue;
-            const N = new FileReader();
-            N.onload = (J) => {
+            const $ = new FileReader();
+            $.onload = (J) => {
               var ie;
               const k = (ie = J.target) == null ? void 0 : ie.result, R = new Image();
               R.onload = () => {
@@ -5010,7 +5014,7 @@ function Ct({
                   width: R.width * le,
                   height: R.height * le,
                   rotation: 0,
-                  zIndex: Object.keys(p.session.objects).length,
+                  zIndex: Object.keys(d.session.objects).length,
                   locked: !1,
                   visible: !0,
                   createdBy: e.id,
@@ -5020,16 +5024,16 @@ function Ct({
                   originalWidth: R.width,
                   originalHeight: R.height
                 };
-                p.addObject(me);
+                d.addObject(me);
               }, R.src = k;
-            }, N.readAsDataURL(F);
+            }, $.readAsDataURL(F);
             break;
           }
       }
     }
     return window.addEventListener("paste", b), () => window.removeEventListener("paste", b);
-  }, [p, e.id]);
-  const ee = T ? p.session.objects[T] : null, oe = se(() => ee ? qe(ee.x, ee.y, p.viewport) : null, [ee, p.viewport]), de = [
+  }, [d, e.id]);
+  const ee = z ? d.session.objects[z] : null, oe = se(() => ee ? qe(ee.x, ee.y, d.viewport) : null, [ee, d.viewport]), de = [
     "var(--nice-warning-bg, #fef08a)",
     "var(--nice-primary-bg, #bfdbfe)",
     "#bbf7d0",
@@ -5039,7 +5043,7 @@ function Ct({
   ], ge = se(() => {
     var v;
     const b = {};
-    for (const M of Vt)
+    for (const M of Qt)
       (b[v = M.group] ?? (b[v] = [])).push(M);
     return Object.values(b);
   }, []);
@@ -5047,7 +5051,7 @@ function Ct({
     "div",
     {
       className: h,
-      "data-testid": z,
+      "data-testid": P,
       style: {
         position: "relative",
         display: "flex",
@@ -5089,17 +5093,17 @@ function Ct({
                 b.map((M) => /* @__PURE__ */ r(
                   "button",
                   {
-                    onClick: () => p.setTool(M.id),
+                    onClick: () => d.setTool(M.id),
                     title: `${M.label}`,
                     style: {
                       padding: "4px 7px",
-                      border: `1.5px solid ${p.activeTool === M.id ? "var(--nice-info, #6366f1)" : "transparent"}`,
+                      border: `1.5px solid ${d.activeTool === M.id ? "var(--nice-info, #6366f1)" : "transparent"}`,
                       borderRadius: 6,
-                      background: p.activeTool === M.id ? "var(--nice-primary-bg, #eef2ff)" : "transparent",
+                      background: d.activeTool === M.id ? "var(--nice-primary-bg, #eef2ff)" : "transparent",
                       cursor: "pointer",
                       fontSize: 15,
                       minWidth: 30,
-                      color: p.activeTool === M.id ? "var(--nice-accent, #4f46e5)" : "var(--nice-text, #374151)",
+                      color: d.activeTool === M.id ? "var(--nice-accent, #4f46e5)" : "var(--nice-text, #374151)",
                       display: "inline-flex",
                       alignItems: "center",
                       justifyContent: "center"
@@ -5209,7 +5213,7 @@ function Ct({
                   }
                 )
               ] }),
-              p.activeTool === "sticky" && /* @__PURE__ */ l(fe, { children: [
+              d.activeTool === "sticky" && /* @__PURE__ */ l(fe, { children: [
                 /* @__PURE__ */ r("span", { style: { fontSize: 11, color: "var(--nice-text-secondary, #6b7280)" }, children: "Note:" }),
                 de.map((b) => /* @__PURE__ */ r(
                   "button",
@@ -5231,22 +5235,22 @@ function Ct({
               /* @__PURE__ */ r(
                 "button",
                 {
-                  onClick: p.undo,
-                  disabled: !p.canUndo,
+                  onClick: d.undo,
+                  disabled: !d.canUndo,
                   title: "Undo (Ctrl+Z)",
                   "aria-label": "Undo",
-                  style: ye(!p.canUndo),
+                  style: ye(!d.canUndo),
                   children: /* @__PURE__ */ r(S, { name: "reply", size: 13 })
                 }
               ),
               /* @__PURE__ */ r(
                 "button",
                 {
-                  onClick: p.redo,
-                  disabled: !p.canRedo,
+                  onClick: d.redo,
+                  disabled: !d.canRedo,
                   title: "Redo (Ctrl+Y)",
                   "aria-label": "Redo",
-                  style: ye(!p.canRedo),
+                  style: ye(!d.canRedo),
                   children: /* @__PURE__ */ r(S, { name: "forward", size: 13 })
                 }
               ),
@@ -5261,7 +5265,7 @@ function Ct({
                     textAlign: "center"
                   },
                   children: [
-                    Math.round(p.viewport.scale * 100),
+                    Math.round(d.viewport.scale * 100),
                     "%"
                   ]
                 }
@@ -5269,7 +5273,7 @@ function Ct({
               /* @__PURE__ */ r(
                 "button",
                 {
-                  onClick: () => p.setViewport({ x: 0, y: 0, scale: 1 }),
+                  onClick: () => d.setViewport({ x: 0, y: 0, scale: 1 }),
                   style: ye(),
                   title: "Reset zoom",
                   "aria-label": "Reset zoom",
@@ -5292,21 +5296,21 @@ function Ct({
                   onClick: () => {
                     const b = {
                       id: We(),
-                      sessionId: p.session.id,
+                      sessionId: d.session.id,
                       type: "object:update",
                       userId: e.id,
                       timestamp: /* @__PURE__ */ new Date(),
-                      payload: { ...p.session, gridEnabled: !p.session.gridEnabled }
+                      payload: { ...d.session, gridEnabled: !d.session.gridEnabled }
                     };
                     t == null || t(b);
                   },
-                  style: ye(!1, p.session.gridEnabled),
+                  style: ye(!1, d.session.gridEnabled),
                   title: "Toggle grid",
                   "aria-label": "Toggle grid",
                   children: /* @__PURE__ */ r(S, { name: "hash", size: 13 })
                 }
               ),
-              d && /* @__PURE__ */ r(
+              p && /* @__PURE__ */ r(
                 "button",
                 {
                   onClick: () => Y((b) => b === "vector" ? null : "vector"),
@@ -5329,13 +5333,13 @@ function Ct({
               /* @__PURE__ */ r(
                 "button",
                 {
-                  onClick: () => void p.saveNow(),
+                  onClick: () => void d.saveNow(),
                   style: ye(),
                   title: "Save (Ctrl+S)",
                   "aria-label": "Save",
                   children: /* @__PURE__ */ l("span", { style: { display: "inline-flex", alignItems: "center" }, children: [
                     /* @__PURE__ */ r(S, { name: "save", size: 13 }),
-                    p.isDirty && "*"
+                    d.isDirty && "*"
                   ] })
                 }
               ),
@@ -5374,11 +5378,11 @@ function Ct({
           /* @__PURE__ */ r(
             "canvas",
             {
-              ref: A,
+              ref: D,
               style: {
                 flex: 1,
                 display: "block",
-                cursor: on(p.activeTool, g.current.spaceDown)
+                cursor: pn(d.activeTool, g.current.spaceDown)
               },
               onPointerDown: pe,
               onPointerMove: ue,
@@ -5388,13 +5392,13 @@ function Ct({
             }
           ),
           s && O && /* @__PURE__ */ r(
-            sn,
+            dn,
             {
-              layers: p.layers,
-              objects: p.session.objects,
-              onAdd: () => p.addLayer(`Layer ${p.layers.length + 1}`),
-              onUpdate: (b) => p.updateLayer(b),
-              onDelete: (b) => p.deleteLayer(b)
+              layers: d.layers,
+              objects: d.session.objects,
+              onAdd: () => d.addLayer(`Layer ${d.layers.length + 1}`),
+              onUpdate: (b) => d.updateLayer(b),
+              onDelete: (b) => d.deleteLayer(b)
             }
           ),
           K && /* @__PURE__ */ l(
@@ -5447,7 +5451,7 @@ function Ct({
             }
           )
         ] }),
-        p.collaborators.length > 1 && /* @__PURE__ */ l(
+        d.collaborators.length > 1 && /* @__PURE__ */ l(
           "div",
           {
             style: {
@@ -5463,7 +5467,7 @@ function Ct({
             },
             children: [
               /* @__PURE__ */ r("span", { children: "Collaborators:" }),
-              p.collaborators.map((b) => /* @__PURE__ */ l("span", { style: { display: "flex", alignItems: "center", gap: 3 }, children: [
+              d.collaborators.map((b) => /* @__PURE__ */ l("span", { style: { display: "flex", alignItems: "center", gap: 3 }, children: [
                 /* @__PURE__ */ r(
                   "span",
                   {
@@ -5478,7 +5482,7 @@ function Ct({
                 ),
                 b.user.name
               ] }, b.user.id)),
-              p.isDirty && /* @__PURE__ */ l(
+              d.isDirty && /* @__PURE__ */ l(
                 "span",
                 {
                   style: {
@@ -5494,7 +5498,7 @@ function Ct({
                   ]
                 }
               ),
-              p.lastSavedAt && !p.isDirty && /* @__PURE__ */ l(
+              d.lastSavedAt && !d.isDirty && /* @__PURE__ */ l(
                 "span",
                 {
                   style: {
@@ -5507,7 +5511,7 @@ function Ct({
                   children: [
                     /* @__PURE__ */ r(S, { name: "check", size: 10 }),
                     " Saved ",
-                    p.lastSavedAt.toLocaleTimeString()
+                    d.lastSavedAt.toLocaleTimeString()
                   ]
                 }
               )
@@ -5526,15 +5530,15 @@ function Ct({
                 updatedAt: /* @__PURE__ */ new Date(),
                 updatedBy: e.id
               };
-              p.updateObject(v), j(null);
+              d.updateObject(v), j(null);
             },
             style: {
               position: "absolute",
               left: oe.sx,
               top: oe.sy,
-              minWidth: ee.width * p.viewport.scale,
-              minHeight: ee.height * p.viewport.scale,
-              fontSize: (ee.fontSize ?? 14) * p.viewport.scale,
+              minWidth: ee.width * d.viewport.scale,
+              minHeight: ee.height * d.viewport.scale,
+              fontSize: (ee.fontSize ?? 14) * d.viewport.scale,
               fontFamily: "sans-serif",
               background: ee.type === "sticky" ? ee.backgroundColor : "var(--nice-overlay-light-95, rgba(255, 255, 255, 0.95))",
               border: "2px solid var(--nice-info, #6366f1)",
@@ -5550,7 +5554,7 @@ function Ct({
     }
   );
 }
-function sn({ layers: i, objects: e, onAdd: t, onUpdate: n, onDelete: a }) {
+function dn({ layers: i, objects: e, onAdd: t, onUpdate: n, onDelete: a }) {
   return /* @__PURE__ */ l(
     "div",
     {
@@ -5704,7 +5708,7 @@ function ye(i = !1, e = !1) {
     fontWeight: e ? 600 : 400
   };
 }
-function on(i, e) {
+function pn(i, e) {
   if (e)
     return "grab";
   switch (i) {
@@ -5797,13 +5801,13 @@ function ze({
     }
   );
 }
-function ln({
+function fn({
   team: i,
   activeChannelId: e,
   onSelectChannel: t
 }) {
   var o;
-  const [n, a] = $(!1), s = i.channels.reduce((c, d) => c + d.unreadCount, 0);
+  const [n, a] = N(!1), s = i.channels.reduce((c, p) => c + p.unreadCount, 0);
   return /* @__PURE__ */ l("div", { className: "nice-workspace-team", children: [
     /* @__PURE__ */ l(
       "button",
@@ -5957,7 +5961,7 @@ function ln({
     ))
   ] });
 }
-function cn({
+function un({
   conversation: i,
   partner: e,
   isActive: t,
@@ -6032,7 +6036,7 @@ function cn({
     }
   );
 }
-function dn({
+function hn({
   currentUser: i,
   users: e,
   teams: t,
@@ -6041,17 +6045,17 @@ function dn({
   activeCall: s,
   incomingCall: o,
   meetings: c,
-  transport: d,
+  transport: p,
   rtcConfig: f,
   enableCalls: m = !0,
   enableMeetings: u = !0,
   enableScreenSharing: y = !0,
   enableWhiteboard: h = !1,
   storageConfig: x,
-  onSendMessage: z,
-  onEditMessage: p,
-  onDeleteMessage: A,
-  onReactToMessage: D,
+  onSendMessage: P,
+  onEditMessage: d,
+  onDeleteMessage: D,
+  onReactToMessage: A,
   onPinMessage: O,
   onLoadMoreMessages: U,
   onMarkAsRead: W,
@@ -6064,12 +6068,12 @@ function dn({
   onStartScreenShare: L,
   onStopScreenShare: G,
   className: E,
-  style: T,
+  style: z,
   id: j,
   "data-testid": K
 }) {
-  var N, J;
-  const [Y, g] = $("teams"), [w, Z] = $(null), [Q, te] = $(""), [X, pe] = $(
+  var $, J;
+  const [Y, g] = N("teams"), [w, Z] = N(null), [Q, te] = N(""), [X, pe] = N(
     null
   ), ue = () => {
     X || pe({
@@ -6131,7 +6135,7 @@ function dn({
       id: j,
       "data-testid": K,
       className: `nice-teams-workspace${E ? ` ${E}` : ""}`,
-      style: { position: "relative", height: "100%", ...T },
+      style: { position: "relative", height: "100%", ...z },
       children: [
         /* @__PURE__ */ r(
           bt,
@@ -6173,7 +6177,7 @@ function dn({
                           marginBottom: 8,
                           flexShrink: 0
                         },
-                        children: !i.avatarUrl && ((N = i.name[0]) == null ? void 0 : N.toUpperCase())
+                        children: !i.avatarUrl && (($ = i.name[0]) == null ? void 0 : $.toUpperCase())
                       }
                     ),
                     /* @__PURE__ */ r(
@@ -6296,7 +6300,7 @@ function dn({
                     ] }),
                     /* @__PURE__ */ l("div", { style: { flex: 1, overflowY: "auto" }, children: [
                       Y === "teams" && /* @__PURE__ */ r(fe, { children: t.map((k) => /* @__PURE__ */ r(
-                        ln,
+                        fn,
                         {
                           team: k,
                           activeChannelId: w == null ? void 0 : w.channelId,
@@ -6325,7 +6329,7 @@ function dn({
                             k.participantIds.find((ie) => ie !== i.id) ?? ""
                           );
                           return /* @__PURE__ */ r(
-                            cn,
+                            un,
                             {
                               conversation: k,
                               partner: R,
@@ -6588,17 +6592,17 @@ function dn({
                 },
                 children: [
                   (w == null ? void 0 : w.type) === "channel" && ee ? /* @__PURE__ */ r(
-                    Bt,
+                    Kt,
                     {
                       channel: ee,
                       messages: ge,
                       users: (oe == null ? void 0 : oe.members) ?? e,
                       currentUser: i,
                       team: oe,
-                      onSendMessage: z,
-                      onEditMessage: p,
-                      onDeleteMessage: A,
-                      onReactToMessage: D,
+                      onSendMessage: P,
+                      onEditMessage: d,
+                      onDeleteMessage: D,
+                      onReactToMessage: A,
                       onPinMessage: O,
                       onLoadMoreMessages: U,
                       onStartCall: m ? H : void 0,
@@ -6611,10 +6615,10 @@ function dn({
                       messages: ge,
                       users: e,
                       currentUser: i,
-                      onSendMessage: z,
-                      onEditMessage: p,
-                      onDeleteMessage: A,
-                      onReactToMessage: D,
+                      onSendMessage: P,
+                      onEditMessage: d,
+                      onDeleteMessage: D,
+                      onReactToMessage: A,
                       onPinMessage: O,
                       onLoadMoreMessages: U,
                       onStartCall: m ? H : void 0,
@@ -6795,33 +6799,33 @@ function dn({
     }
   );
 }
-const pn = {
+const gn = {
   "bottom-right": { bottom: 24, right: 24 },
   "bottom-left": { bottom: 24, left: 24 },
   "top-right": { top: 24, right: 24 },
   "top-left": { top: 24, left: 24 }
 };
-function fn({
+function mn({
   props: i,
   onExpand: e
 }) {
-  const [t, n] = $(!1), {
+  const [t, n] = N(!1), {
     bubblePosition: a = "bottom-right",
     bubbleLabel: s,
     currentUser: o,
     users: c,
-    conversations: d = [],
+    conversations: p = [],
     messages: f = {},
     onSendMessage: m,
     onReactToMessage: u,
     onPinMessage: y,
     onDeleteMessage: h,
     onEditMessage: x,
-    onLoadMoreMessages: z,
-    onStartCall: p
-  } = i, A = pn[a], D = d[0] ?? null, O = D ? f[D.id] ?? [] : [];
-  return /* @__PURE__ */ l("div", { style: { position: "fixed", zIndex: 9999, ...A }, children: [
-    t && D && /* @__PURE__ */ l(
+    onLoadMoreMessages: P,
+    onStartCall: d
+  } = i, D = gn[a], A = p[0] ?? null, O = A ? f[A.id] ?? [] : [];
+  return /* @__PURE__ */ l("div", { style: { position: "fixed", zIndex: 9999, ...D }, children: [
+    t && A && /* @__PURE__ */ l(
       "div",
       {
         style: {
@@ -6898,7 +6902,7 @@ function fn({
           /* @__PURE__ */ r(
             He,
             {
-              conversation: D,
+              conversation: A,
               messages: O,
               users: c,
               currentUser: o,
@@ -6908,8 +6912,8 @@ function fn({
               onDeleteMessage: h,
               onReactToMessage: u,
               onPinMessage: y,
-              onLoadMoreMessages: z,
-              onStartCall: p,
+              onLoadMoreMessages: P,
+              onStartCall: d,
               style: { flex: 1 }
             }
           )
@@ -6941,7 +6945,7 @@ function fn({
     )
   ] });
 }
-function un({
+function yn({
   call: i,
   onAccept: e,
   onDecline: t
@@ -7027,7 +7031,7 @@ function un({
     }
   );
 }
-function ti(i) {
+function ai(i) {
   const {
     mode: e,
     currentUser: t,
@@ -7036,17 +7040,17 @@ function ti(i) {
     messages: s = {},
     teams: o = [],
     meetings: c,
-    activeCall: d,
+    activeCall: p,
     incomingCall: f,
     transport: m = "webrtc",
     rtcConfig: u,
     onSendMessage: y,
     onEditMessage: h,
     onDeleteMessage: x,
-    onReactToMessage: z,
-    onPinMessage: p,
-    onLoadMoreMessages: A,
-    onMarkAsRead: D,
+    onReactToMessage: P,
+    onPinMessage: d,
+    onLoadMoreMessages: D,
+    onMarkAsRead: A,
     onStartCall: O,
     onAcceptCall: U,
     onDeclineCall: W,
@@ -7059,14 +7063,14 @@ function ti(i) {
     onModeChange: L,
     enableScreenSharing: G = !0,
     enableMeetings: E = !0,
-    enableWhiteboard: T = !1,
+    enableWhiteboard: z = !1,
     storageConfig: j,
     encryptionConfig: K,
     className: Y,
     style: g,
     id: w,
     "data-testid": Z
-  } = i, [Q, te] = $(e), [X, pe] = $(null), ue = se(
+  } = i, [Q, te] = N(e), [X, pe] = N(null), ue = se(
     () => ({
       id: `wb-${t.id}-${Date.now()}`,
       title: "Whiteboard",
@@ -7086,12 +7090,12 @@ function ti(i) {
       permissions: "edit"
     }),
     [t.id]
-  ), [be, he] = $(d ?? null), [B, ee] = $(f ?? null), oe = d ?? be, de = f ?? B;
+  ), [be, he] = N(p ?? null), [B, ee] = N(f ?? null), oe = p ?? be, de = f ?? B;
   re(() => {
     te(e);
   }, [e]), re(() => {
-    d !== void 0 && he(d);
-  }, [d]), re(() => {
+    p !== void 0 && he(p);
+  }, [p]), re(() => {
     f !== void 0 && ee(f);
   }, [f]);
   const {
@@ -7100,11 +7104,11 @@ function ti(i) {
     acceptCall: v,
     declineCall: M,
     endCall: F,
-    toggleMic: N,
+    toggleMic: $,
     toggleCamera: J,
     startScreenShare: k,
     stopScreenShare: R
-  } = Nt({
+  } = Lt({
     currentUser: t,
     transport: m,
     rtcConfig: u,
@@ -7114,12 +7118,12 @@ function ti(i) {
     onIncomingCall: (ae) => {
       ee(ae);
     }
-  }), ie = P(
+  }), ie = T(
     (ae) => {
       te(ae), L == null || L(ae);
     },
     [L]
-  ), ne = P(
+  ), ne = T(
     async (ae, nt) => {
       if (O) {
         await O(ae, nt);
@@ -7129,40 +7133,40 @@ function ti(i) {
       he(Pt), te(ae.length > 2 ? "conference" : "call");
     },
     [O, b]
-  ), le = P(async () => {
+  ), le = T(async () => {
     var ae;
     U && de ? await U(de.callId) : await v(), ee(null), te(
       (ae = ge.activeCall) != null && ae.participants && ge.activeCall.participants.length > 2 ? "conference" : "call"
     );
-  }, [U, de, v, ge.activeCall]), me = P(() => {
+  }, [U, de, v, ge.activeCall]), me = T(() => {
     W && de ? W(de.callId) : M(), ee(null);
-  }, [W, de, M]), ke = P(
+  }, [W, de, M]), ke = T(
     (ae) => {
       H ? H(ae) : F(), he(null), te(e);
     },
     [H, F, e]
-  ), ve = P(
+  ), ve = T(
     (ae) => {
-      N(), q == null || q(ae);
+      $(), q == null || q(ae);
     },
-    [N, q]
-  ), Oe = P(
+    [$, q]
+  ), Oe = T(
     (ae) => {
       J(), _ == null || _(ae);
     },
     [J, _]
-  ), tt = P(async () => {
+  ), tt = T(async () => {
     await k(), await (V == null ? void 0 : V());
-  }, [k, V]), Le = P(() => {
+  }, [k, V]), Le = T(() => {
     R(), I == null || I();
   }, [R, I]), Ce = {
     onSendMessage: y,
     onEditMessage: h,
     onDeleteMessage: x,
-    onReactToMessage: z,
-    onPinMessage: p,
-    onLoadMoreMessages: A,
-    onMarkAsRead: D,
+    onReactToMessage: P,
+    onPinMessage: d,
+    onLoadMoreMessages: D,
+    onMarkAsRead: A,
     onStartCall: ne,
     onEndCall: ke,
     onMuteAudio: ve,
@@ -7185,14 +7189,14 @@ function ti(i) {
       style: Tt,
       children: [
         de && xe !== "workspace" && /* @__PURE__ */ r(
-          un,
+          yn,
           {
             call: de,
             onAccept: le,
             onDecline: me
           }
         ),
-        xe === "bubble" && /* @__PURE__ */ r(fn, { props: i, onExpand: ie }),
+        xe === "bubble" && /* @__PURE__ */ r(mn, { props: i, onExpand: ie }),
         xe === "chat" && a.length > 0 && /* @__PURE__ */ r(
           He,
           {
@@ -7205,7 +7209,7 @@ function ti(i) {
           }
         ),
         xe === "messenger" && /* @__PURE__ */ r(
-          Ft,
+          Ut,
           {
             conversations: a,
             messages: s,
@@ -7219,7 +7223,7 @@ function ti(i) {
           }
         ),
         xe === "workspace" && /* @__PURE__ */ r(
-          dn,
+          hn,
           {
             currentUser: t,
             users: n,
@@ -7262,7 +7266,7 @@ function ti(i) {
             style: { height: "100%" }
           }
         ),
-        xe === "whiteboard" && T && /* @__PURE__ */ r(
+        xe === "whiteboard" && z && /* @__PURE__ */ r(
           Ct,
           {
             session: X ?? ue,
@@ -7276,7 +7280,7 @@ function ti(i) {
     }
   );
 }
-const hn = {
+const bn = {
   messages: "Messages",
   attachments: "Attachments",
   "whiteboard-snapshots": "Whiteboard snapshots",
@@ -7291,7 +7295,7 @@ const hn = {
   "AES-GCM-256": "AES-GCM 256-bit (recommended)",
   "ChaCha20-Poly1305": "ChaCha20-Poly1305",
   "E2E-ECDH-P384": "End-to-End ECDH P-384"
-}, gn = {
+}, vn = {
   messages: "Messages",
   attachments: "Attachments",
   whiteboard: "Whiteboard",
@@ -7300,7 +7304,7 @@ const hn = {
   calls: "Calls (metadata)",
   presence: "Presence data",
   all: "Everything"
-}, mn = ["days", "weeks", "months", "years", "forever"];
+}, xn = ["days", "weeks", "months", "years", "forever"];
 function ct(i) {
   if (i === 0)
     return "0 B";
@@ -7343,12 +7347,12 @@ function dt({
           borderRadius: 5,
           fontSize: 12
         },
-        children: mn.map((n) => /* @__PURE__ */ r("option", { value: n, children: n }, n))
+        children: xn.map((n) => /* @__PURE__ */ r("option", { value: n, children: n }, n))
       }
     )
   ] });
 }
-function yn({
+function wn({
   config: i,
   onChange: e
 }) {
@@ -7413,7 +7417,7 @@ function yn({
         {
           style: { borderBottom: "1px solid var(--nice-bg-secondary, #f3f4f6)" },
           children: [
-            /* @__PURE__ */ r("td", { style: { ...Ae, fontWeight: 500, color: "var(--nice-text, #374151)" }, children: hn[a.dataType] }),
+            /* @__PURE__ */ r("td", { style: { ...Ae, fontWeight: 500, color: "var(--nice-text, #374151)" }, children: bn[a.dataType] }),
             /* @__PURE__ */ r("td", { style: Ae, children: /* @__PURE__ */ r(
               dt,
               {
@@ -7517,7 +7521,7 @@ function yn({
     ] })
   ] });
 }
-function bn({
+function Sn({
   config: i,
   onChange: e
 }) {
@@ -7668,7 +7672,7 @@ function bn({
       /* @__PURE__ */ r("strong", { style: { fontSize: 12, color: "var(--nice-text, #374151)" }, children: "Per-scope overrides" }),
       /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: t.map((n) => {
         var c;
-        const a = (c = i.scopeOverrides) == null ? void 0 : c.find((d) => d.scope === n), s = (a == null ? void 0 : a.enabled) ?? !1, o = (a == null ? void 0 : a.algorithm) ?? i.defaultAlgorithm;
+        const a = (c = i.scopeOverrides) == null ? void 0 : c.find((p) => p.scope === n), s = (a == null ? void 0 : a.enabled) ?? !1, o = (a == null ? void 0 : a.algorithm) ?? i.defaultAlgorithm;
         return /* @__PURE__ */ l(
           "div",
           {
@@ -7686,30 +7690,30 @@ function bn({
                 {
                   type: "checkbox",
                   checked: s,
-                  onChange: (d) => {
+                  onChange: (p) => {
                     const f = [
                       ...(i.scopeOverrides ?? []).filter((m) => m.scope !== n),
-                      { scope: n, algorithm: o, enabled: d.target.checked }
+                      { scope: n, algorithm: o, enabled: p.target.checked }
                     ];
                     e({ ...i, scopeOverrides: f });
                   }
                 }
               ),
-              /* @__PURE__ */ r("span", { style: { minWidth: 120, fontSize: 12, color: "var(--nice-text, #374151)" }, children: gn[n] }),
+              /* @__PURE__ */ r("span", { style: { minWidth: 120, fontSize: 12, color: "var(--nice-text, #374151)" }, children: vn[n] }),
               /* @__PURE__ */ r(
                 "select",
                 {
                   value: o,
                   disabled: !s,
-                  onChange: (d) => {
+                  onChange: (p) => {
                     const f = [
                       ...(i.scopeOverrides ?? []).filter((m) => m.scope !== n),
-                      { scope: n, algorithm: d.target.value, enabled: s }
+                      { scope: n, algorithm: p.target.value, enabled: s }
                     ];
                     e({ ...i, scopeOverrides: f });
                   },
                   style: { ...Te, flex: 1, opacity: s ? 1 : 0.4 },
-                  children: Object.entries(lt).map(([d, f]) => /* @__PURE__ */ r("option", { value: d, children: f }, d))
+                  children: Object.entries(lt).map(([p, f]) => /* @__PURE__ */ r("option", { value: p, children: f }, p))
                 }
               )
             ]
@@ -7720,32 +7724,39 @@ function bn({
     ] })
   ] });
 }
-function ni({
+function si({
   storageConfig: i,
-  encryptionConfig: e,
-  onStorageConfigChange: t,
-  onEncryptionConfigChange: n,
-  currentUsageBytes: a = 0,
-  showEncryption: s = !0,
-  showRetention: o = !0,
-  showQuota: c = !0,
-  className: d,
-  style: f,
-  "data-testid": m
+  defaultStorageConfig: e,
+  encryptionConfig: t,
+  onStorageConfigChange: n,
+  onEncryptionConfigChange: a,
+  currentUsageBytes: s = 0,
+  showEncryption: o = !0,
+  showRetention: c = !0,
+  showQuota: p = !0,
+  className: f,
+  style: m,
+  "data-testid": u
 }) {
-  const [u, y] = $("retention"), h = e ?? {
+  const [y, h] = N("retention"), [x, P] = Dt({
+    value: i,
+    defaultValue: e,
+    fallbackValue: { provider: "indexeddb", retentionRules: [] },
+    onChange: n,
+    componentName: "NiceStorageSettings"
+  }), d = t ?? {
     enabled: !1,
     defaultAlgorithm: "AES-GCM-256",
     showIndicator: !0
-  }, x = {
-    ...i,
-    retentionRules: i.retentionRules.length > 0 ? i.retentionRules : kt
+  }, D = {
+    ...x,
+    retentionRules: x.retentionRules.length > 0 ? x.retentionRules : kt
   };
   return /* @__PURE__ */ l(
     "div",
     {
-      className: d,
-      "data-testid": m,
+      className: f,
+      "data-testid": u,
       style: {
         display: "flex",
         flexDirection: "column",
@@ -7756,7 +7767,7 @@ function ni({
         border: "1px solid var(--nice-border, #e5e7eb)",
         fontFamily: "system-ui, sans-serif",
         maxWidth: 800,
-        ...f
+        ...m
       },
       children: [
         /* @__PURE__ */ l("div", { children: [
@@ -7769,7 +7780,7 @@ function ni({
             }
           )
         ] }),
-        c && i.quota && i.quota > 0 && /* @__PURE__ */ l("div", { children: [
+        p && x.quota && x.quota > 0 && /* @__PURE__ */ l("div", { children: [
           /* @__PURE__ */ l(
             "div",
             {
@@ -7783,9 +7794,9 @@ function ni({
               children: [
                 /* @__PURE__ */ r("span", { children: "Storage used" }),
                 /* @__PURE__ */ l("span", { children: [
-                  ct(a),
+                  ct(s),
                   " / ",
-                  ct(i.quota)
+                  ct(x.quota)
                 ] })
               ]
             }
@@ -7794,38 +7805,38 @@ function ni({
             "div",
             {
               style: {
-                width: `${Math.min(100, a / i.quota * 100)}%`,
+                width: `${Math.min(100, s / x.quota * 100)}%`,
                 height: "100%",
-                background: a / i.quota > 0.9 ? "var(--nice-danger, #ef4444)" : "var(--nice-info, #6366f1)",
+                background: s / x.quota > 0.9 ? "var(--nice-danger, #ef4444)" : "var(--nice-info, #6366f1)",
                 borderRadius: 3,
                 transition: "width 0.3s"
               }
             }
           ) })
         ] }),
-        o && s && /* @__PURE__ */ r(
+        c && o && /* @__PURE__ */ r(
           "div",
           {
             style: { display: "flex", gap: 0, borderBottom: "1px solid var(--nice-border, #e5e7eb)" },
-            children: ["retention", "encryption"].map((z) => /* @__PURE__ */ r(
+            children: ["retention", "encryption"].map((A) => /* @__PURE__ */ r(
               "button",
               {
-                onClick: () => y(z),
+                onClick: () => h(A),
                 style: {
                   padding: "8px 18px",
                   border: "none",
-                  borderBottom: `2px solid ${u === z ? "var(--nice-info, #6366f1)" : "transparent"}`,
+                  borderBottom: `2px solid ${y === A ? "var(--nice-info, #6366f1)" : "transparent"}`,
                   background: "none",
                   cursor: "pointer",
                   fontSize: 13,
-                  fontWeight: u === z ? 600 : 400,
-                  color: u === z ? "var(--nice-accent, #4f46e5)" : "var(--nice-text-secondary, #6b7280)",
+                  fontWeight: y === A ? 600 : 400,
+                  color: y === A ? "var(--nice-accent, #4f46e5)" : "var(--nice-text-secondary, #6b7280)",
                   marginBottom: -1,
                   display: "inline-flex",
                   alignItems: "center",
                   gap: 6
                 },
-                children: z === "retention" ? /* @__PURE__ */ l(fe, { children: [
+                children: A === "retention" ? /* @__PURE__ */ l(fe, { children: [
                   /* @__PURE__ */ r(S, { name: "archive", size: 13 }),
                   " Retention"
                 ] }) : /* @__PURE__ */ l(fe, { children: [
@@ -7833,24 +7844,17 @@ function ni({
                   " Encryption"
                 ] })
               },
-              z
+              A
             ))
           }
         ),
         /* @__PURE__ */ l("div", { children: [
-          (u === "retention" || !s) && o && /* @__PURE__ */ r(
-            yn,
+          (y === "retention" || !o) && c && /* @__PURE__ */ r(wn, { config: D, onChange: P }),
+          (y === "encryption" || !c) && o && /* @__PURE__ */ r(
+            Sn,
             {
-              config: x,
-              onChange: t ?? (() => {
-              })
-            }
-          ),
-          (u === "encryption" || !o) && s && /* @__PURE__ */ r(
-            bn,
-            {
-              config: h,
-              onChange: n ?? (() => {
+              config: d,
+              onChange: a ?? (() => {
               })
             }
           )
@@ -7889,13 +7893,13 @@ function Ue(i) {
   const e = Math.floor(i / 1e3), t = Math.floor(e / 60), n = Math.floor(t / 60);
   return n > 0 ? `${n}:${String(t % 60).padStart(2, "0")}:${String(e % 60).padStart(2, "0")}` : `${String(t).padStart(2, "0")}:${String(e % 60).padStart(2, "0")}`;
 }
-function vn(i) {
+function kn(i) {
   if (i === 0)
     return "0 B";
   const e = 1024, t = ["B", "KB", "MB", "GB"], n = Math.floor(Math.log(i) / Math.log(e));
   return `${(i / Math.pow(e, n)).toFixed(1)} ${t[n]}`;
 }
-function xn(i) {
+function Cn(i) {
   return new Intl.DateTimeFormat(void 0, {
     month: "short",
     day: "numeric",
@@ -7903,7 +7907,7 @@ function xn(i) {
     minute: "2-digit"
   }).format(new Date(i));
 }
-const wn = {
+const In = {
   idle: {
     label: "Idle",
     icon: null,
@@ -7941,7 +7945,7 @@ const wn = {
     fg: "var(--nice-danger-dark, #dc2626)"
   }
 };
-function Sn({
+function zn({
   segments: i,
   onClose: e,
   currentTimeMs: t = 0
@@ -7985,7 +7989,7 @@ function Sn({
                 },
                 children: [
                   /* @__PURE__ */ r("strong", { style: { fontSize: 14, color: "var(--nice-text, #111827)" }, children: "Transcript" }),
-                  /* @__PURE__ */ r("button", { onClick: e, style: Cn, "aria-label": "Close", children: /* @__PURE__ */ r(S, { name: "close", size: 16 }) })
+                  /* @__PURE__ */ r("button", { onClick: e, style: Pn, "aria-label": "Close", children: /* @__PURE__ */ r(S, { name: "close", size: 16 }) })
                 ]
               }
             ),
@@ -8066,21 +8070,21 @@ function Sn({
   );
 }
 function It({ startedAt: i }) {
-  const [e, t] = $(0);
+  const [e, t] = N(0);
   return re(() => {
     const n = new Date(i).getTime(), a = setInterval(() => t(Date.now() - n), 500);
     return () => clearInterval(a);
   }, [i]), /* @__PURE__ */ r(fe, { children: Ue(e) });
 }
-function kn({
+function Tn({
   rec: i,
   onDelete: e,
   onDownload: t
 }) {
-  const [n, a] = $(!1), [s, o] = $(0), c = ce(null), d = wn[i.state], f = i.state === "recording" || i.state === "paused";
+  const [n, a] = N(!1), [s, o] = N(0), c = ce(null), p = In[i.state], f = i.state === "recording" || i.state === "paused";
   return /* @__PURE__ */ l(fe, { children: [
     n && i.transcript && /* @__PURE__ */ r(
-      Sn,
+      zn,
       {
         segments: i.transcript,
         currentTimeMs: s,
@@ -8132,9 +8136,9 @@ function kn({
                   gap: 8
                 },
                 children: [
-                  /* @__PURE__ */ r("span", { children: xn(i.startedAt) }),
+                  /* @__PURE__ */ r("span", { children: Cn(i.startedAt) }),
                   /* @__PURE__ */ r("span", { children: f ? /* @__PURE__ */ r(It, { startedAt: i.startedAt }) : i.durationMs != null ? Ue(i.durationMs) : "—" }),
-                  i.size != null && /* @__PURE__ */ r("span", { children: vn(i.size) }),
+                  i.size != null && /* @__PURE__ */ r("span", { children: kn(i.size) }),
                   /* @__PURE__ */ l("span", { children: [
                     i.participants.length,
                     " participants"
@@ -8150,8 +8154,8 @@ function kn({
                 fontSize: 11,
                 padding: "2px 8px",
                 borderRadius: 20,
-                background: d.bg,
-                color: d.fg,
+                background: p.bg,
+                color: p.fg,
                 fontWeight: 500,
                 whiteSpace: "nowrap",
                 display: "inline-flex",
@@ -8159,8 +8163,8 @@ function kn({
                 gap: 3
               },
               children: [
-                d.icon && /* @__PURE__ */ r(S, { name: d.icon, size: 11 }),
-                d.label
+                p.icon && /* @__PURE__ */ r(S, { name: p.icon, size: 11 }),
+                p.label
               ]
             }
           ),
@@ -8213,7 +8217,7 @@ function kn({
     )
   ] });
 }
-function ii({
+function oi({
   recordings: i,
   onRecordingStart: e,
   onRecordingStop: t,
@@ -8222,24 +8226,24 @@ function ii({
   onRecordingDelete: s,
   onRecordingDownload: o,
   activeRecordingId: c,
-  sessionType: d = "meeting",
+  sessionType: p = "meeting",
   className: f,
   style: m,
   "data-testid": u
 }) {
-  const [y, h] = $(i ?? []), [x, z] = $(""), [p, A] = $("all");
+  const [y, h] = N(i ?? []), [x, P] = N(""), [d, D] = N("all");
   re(() => {
     i && h(i);
   }, [i]);
-  const D = y.find((_) => _.id === c), O = (D == null ? void 0 : D.state) === "recording", U = (D == null ? void 0 : D.state) === "paused", W = y.filter((_) => {
-    const V = p === "all" || _.sessionType === p, I = !x || (_.title ?? "").toLowerCase().includes(x.toLowerCase()) || _.id.includes(x);
+  const A = y.find((_) => _.id === c), O = (A == null ? void 0 : A.state) === "recording", U = (A == null ? void 0 : A.state) === "paused", W = y.filter((_) => {
+    const V = d === "all" || _.sessionType === d, I = !x || (_.title ?? "").toLowerCase().includes(x.toLowerCase()) || _.id.includes(x);
     return V && I;
-  }), H = P(
+  }), H = T(
     (_) => {
       h((V) => V.filter((I) => I.id !== _)), s == null || s(_);
     },
     [s]
-  ), q = P(
+  ), q = T(
     (_) => {
       if (o) {
         o(_.id);
@@ -8306,7 +8310,7 @@ function ii({
               /* @__PURE__ */ l(
                 "select",
                 {
-                  value: d,
+                  value: p,
                   disabled: O || U,
                   onChange: () => {
                   },
@@ -8378,11 +8382,11 @@ function ii({
                     ]
                   }
                 ),
-                D && /* @__PURE__ */ r(
+                A && /* @__PURE__ */ r(
                   "span",
                   {
                     style: { fontSize: 12, color: "var(--nice-text-muted, #9ca3af)", marginLeft: 4 },
-                    children: /* @__PURE__ */ r(It, { startedAt: D.startedAt })
+                    children: /* @__PURE__ */ r(It, { startedAt: A.startedAt })
                   }
                 )
               ] })
@@ -8405,7 +8409,7 @@ function ii({
                 {
                   type: "search",
                   value: x,
-                  onChange: (_) => z(_.target.value),
+                  onChange: (_) => P(_.target.value),
                   placeholder: "Search recordings…",
                   style: {
                     flex: 1,
@@ -8419,8 +8423,8 @@ function ii({
               /* @__PURE__ */ l(
                 "select",
                 {
-                  value: p,
-                  onChange: (_) => A(_.target.value),
+                  value: d,
+                  onChange: (_) => D(_.target.value),
                   style: pt,
                   children: [
                     /* @__PURE__ */ r("option", { value: "all", children: "All types" }),
@@ -8453,7 +8457,7 @@ function ii({
             ]
           }
         ) : W.map((_) => /* @__PURE__ */ r(
-          kn,
+          Tn,
           {
             rec: _,
             onDelete: H,
@@ -8490,7 +8494,7 @@ const Ve = {
   fontSize: 12,
   color: "var(--nice-text, #374151)",
   background: "var(--nice-bg, #fff)"
-}, Cn = {
+}, Pn = {
   border: "none",
   background: "none",
   cursor: "pointer",
@@ -8557,7 +8561,7 @@ function ft({
     }
   );
 }
-function In({ participant: i, containerRect: e }) {
+function Rn({ participant: i, containerRect: e }) {
   if (!i.cursorX || !i.cursorY || !e)
     return null;
   const t = i.cursorX, n = i.cursorY;
@@ -8602,7 +8606,7 @@ function In({ participant: i, containerRect: e }) {
     }
   );
 }
-function zn({ count: i }) {
+function An({ count: i }) {
   return i === 0 ? null : /* @__PURE__ */ l(
     "div",
     {
@@ -8635,7 +8639,7 @@ function zn({ count: i }) {
     }
   );
 }
-function Tn() {
+function Dn() {
   return /* @__PURE__ */ r(
     "div",
     {
@@ -8673,7 +8677,7 @@ function Tn() {
     }
   );
 }
-function Pn({ pending: i }) {
+function En({ pending: i }) {
   return i === 0 ? /* @__PURE__ */ l(
     "span",
     {
@@ -8708,7 +8712,7 @@ function Pn({ pending: i }) {
     }
   );
 }
-function Rn({
+function Nn({
   participant: i,
   isFollowing: e,
   onClick: t
@@ -8737,7 +8741,7 @@ function Rn({
     }
   );
 }
-function ri({
+function li({
   editorType: i,
   sessionId: e,
   currentUser: t,
@@ -8746,34 +8750,34 @@ function ri({
   onParticipantJoin: s,
   onParticipantLeave: o,
   onCursorMove: c,
-  isReadOnly: d = !1,
+  isReadOnly: p = !1,
   showParticipants: f = !0,
   showCursors: m = !0,
   pendingOperations: u = 0,
   conflictCount: y = 0,
   className: h,
   style: x,
-  children: z,
-  "data-testid": p
+  children: P,
+  "data-testid": d
 }) {
-  const A = ce(null), [D, O] = $(null), [U, W] = $(null), [H, q] = $(!1);
+  const D = ce(null), [A, O] = N(null), [U, W] = N(null), [H, q] = N(!1);
   re(() => {
-    const E = A.current;
+    const E = D.current;
     if (!E)
       return;
-    const T = new ResizeObserver(() => O(E.getBoundingClientRect()));
-    return T.observe(E), O(E.getBoundingClientRect()), () => T.disconnect();
+    const z = new ResizeObserver(() => O(E.getBoundingClientRect()));
+    return z.observe(E), O(E.getBoundingClientRect()), () => z.disconnect();
   }, []);
-  const _ = P(
+  const _ = T(
     (E) => {
-      if (!A.current || !c)
+      if (!D.current || !c)
         return;
-      const T = A.current.getBoundingClientRect();
-      c(E.clientX - T.left, E.clientY - T.top);
+      const z = D.current.getBoundingClientRect();
+      c(E.clientX - z.left, E.clientY - z.top);
     },
     [c]
-  ), V = P((E) => {
-    W((T) => T === E ? null : E);
+  ), V = T((E) => {
+    W((z) => z === E ? null : E);
   }, []), I = {
     vector: { icon: "pen", label: "Vector" },
     pixel: { icon: "image", label: "Pixel" },
@@ -8812,9 +8816,9 @@ function ri({
           }
         ),
         /* @__PURE__ */ r("span", { style: { flex: 1 } }),
-        /* @__PURE__ */ r(Pn, { pending: u }),
+        /* @__PURE__ */ r(En, { pending: u }),
         f && n.length > 0 && /* @__PURE__ */ l("div", { style: { display: "flex", alignItems: "center", gap: -4 }, children: [
-          n.slice(0, 5).map((E, T) => /* @__PURE__ */ r("div", { style: { marginLeft: T > 0 ? -8 : 0, zIndex: 10 - T }, children: /* @__PURE__ */ r(
+          n.slice(0, 5).map((E, z) => /* @__PURE__ */ r("div", { style: { marginLeft: z > 0 ? -8 : 0, zIndex: 10 - z }, children: /* @__PURE__ */ r(
             ft,
             {
               participant: E,
@@ -8872,11 +8876,11 @@ function ri({
   ), L = /* @__PURE__ */ l(
     "div",
     {
-      ref: A,
+      ref: D,
       onMouseMove: _,
       style: { width: "100%", height: "100%", position: "relative", overflow: "hidden" },
       children: [
-        z ?? /* @__PURE__ */ l(
+        P ?? /* @__PURE__ */ l(
           "div",
           {
             id: `collab-editor-${i}-${e}`,
@@ -8913,9 +8917,9 @@ function ri({
             ]
           }
         ),
-        m && n.filter((E) => E.user.id !== t.id && E.cursorX != null && E.cursorY != null).map((E) => /* @__PURE__ */ r(In, { participant: E, containerRect: D }, E.user.id)),
-        /* @__PURE__ */ r(zn, { count: y }),
-        d && /* @__PURE__ */ r(Tn, {})
+        m && n.filter((E) => E.user.id !== t.id && E.cursorX != null && E.cursorY != null).map((E) => /* @__PURE__ */ r(Rn, { participant: E, containerRect: A }, E.user.id)),
+        /* @__PURE__ */ r(An, { count: y }),
+        p && /* @__PURE__ */ r(Dn, {})
       ]
     }
   ), G = H && n.length > 0 ? /* @__PURE__ */ l(
@@ -9003,7 +9007,7 @@ function ri({
                 ] })
               ] }),
               E.user.id !== t.id && /* @__PURE__ */ r(
-                Rn,
+                Nn,
                 {
                   participant: E,
                   isFollowing: U === E.user.id,
@@ -9022,7 +9026,7 @@ function ri({
     {
       flush: !0,
       className: h,
-      "data-testid": p,
+      "data-testid": d,
       style: {
         background: "var(--nice-bg, #fff)",
         fontFamily: "system-ui, sans-serif",
@@ -9046,13 +9050,13 @@ function et(i) {
     t[n] = e.charCodeAt(n);
   return t;
 }
-function An(i) {
+function $n(i) {
   return new TextEncoder().encode(i);
 }
-function Dn(i) {
+function Mn(i) {
   return new TextDecoder().decode(i);
 }
-async function En(i) {
+async function On(i) {
   return crypto.subtle.generateKey(
     { name: "AES-GCM", length: i },
     !0,
@@ -9060,10 +9064,10 @@ async function En(i) {
     ["encrypt", "decrypt"]
   );
 }
-async function $n() {
+async function Ln() {
   return crypto.subtle.generateKey({ name: "ECDH", namedCurve: "P-384" }, !0, ["deriveKey"]);
 }
-async function Nn(i, e) {
+async function Wn(i, e) {
   return crypto.subtle.deriveKey(
     { name: "ECDH", public: e },
     i,
@@ -9072,17 +9076,17 @@ async function Nn(i, e) {
     ["encrypt", "decrypt"]
   );
 }
-async function Mn(i, e) {
-  const t = crypto.getRandomValues(new Uint8Array(12)), n = An(e), a = await crypto.subtle.encrypt(
+async function _n(i, e) {
+  const t = crypto.getRandomValues(new Uint8Array(12)), n = $n(e), a = await crypto.subtle.encrypt(
     { name: "AES-GCM", iv: t },
     i,
     n
   ), s = new Uint8Array(a), o = new Uint8Array(12 + s.length);
   return o.set(t, 0), o.set(s, 12), Ze(o);
 }
-async function On(i, e) {
+async function Fn(i, e) {
   const t = et(e), n = t.slice(0, 12), a = t.slice(12), s = await crypto.subtle.decrypt({ name: "AES-GCM", iv: n }, i, a);
-  return Dn(new Uint8Array(s));
+  return Mn(new Uint8Array(s));
 }
 async function ut(i, e) {
   const t = et(i);
@@ -9094,15 +9098,15 @@ async function ut(i, e) {
     ["encrypt", "decrypt"]
   );
 }
-async function Ln(i) {
+async function jn(i) {
   const e = await crypto.subtle.exportKey("raw", i);
   return Ze(new Uint8Array(e));
 }
-async function Wn(i) {
+async function Bn(i) {
   const e = await crypto.subtle.exportKey("spki", i);
   return Ze(new Uint8Array(e));
 }
-async function _n(i) {
+async function Un(i) {
   const e = et(i);
   return crypto.subtle.importKey(
     "spki",
@@ -9112,7 +9116,7 @@ async function _n(i) {
     []
   );
 }
-class Fn {
+class Hn {
   constructor(e) {
     this.keys = {}, this.ready = !1, this.config = e;
   }
@@ -9126,10 +9130,10 @@ class Fn {
     if (this.config.keyMaterial)
       e === "AES-GCM-128" ? this.keys.aes128 = await ut(this.config.keyMaterial, 128) : this.keys.aes256 = await ut(this.config.keyMaterial, 256);
     else if (e === "AES-GCM-256" || e === "AES-GCM-128") {
-      const t = e === "AES-GCM-256" ? 256 : 128, n = await En(t);
+      const t = e === "AES-GCM-256" ? 256 : 128, n = await On(t);
       t === 128 ? this.keys.aes128 = n : this.keys.aes256 = n;
     } else if (e === "E2E-ECDH-P384") {
-      const t = await $n();
+      const t = await Ln();
       this.keys.ecdhPrivate = t.privateKey, this.keys.ecdhPublic = t.publicKey, this.keys.ecdhSessionKeys = /* @__PURE__ */ new Map();
     }
     this.ready = !0;
@@ -9137,14 +9141,14 @@ class Fn {
   // ── Key exchange (E2E) ────────────────────────────────────────────────────
   /** Export local ECDH public key — broadcast this to peers */
   async getPublicKeyForPeer() {
-    return this.keys.ecdhPublic ? Wn(this.keys.ecdhPublic) : null;
+    return this.keys.ecdhPublic ? Bn(this.keys.ecdhPublic) : null;
   }
   /** Register a peer's ECDH public key to derive a shared session key */
   async registerPeerPublicKey(e, t) {
     var s;
     if (!this.keys.ecdhPrivate)
       return;
-    const n = await _n(t), a = await Nn(this.keys.ecdhPrivate, n);
+    const n = await Un(t), a = await Wn(this.keys.ecdhPrivate, n);
     (s = this.keys.ecdhSessionKeys) == null || s.set(e, a);
   }
   // ── Encrypt / Decrypt ─────────────────────────────────────────────────────
@@ -9180,7 +9184,7 @@ class Fn {
     if (a === "none")
       return e;
     const s = this.getKey(a, n);
-    return s ? Mn(s, e) : (console.warn(`EncryptionService: no key found for algorithm "${a}" — returning plaintext`), e);
+    return s ? _n(s, e) : (console.warn(`EncryptionService: no key found for algorithm "${a}" — returning plaintext`), e);
   }
   async decrypt(e, t, n) {
     if (!this.config.enabled)
@@ -9191,13 +9195,13 @@ class Fn {
     if (a === "none")
       return e;
     const s = this.getKey(a, n);
-    return s ? On(s, e) : (console.warn(`EncryptionService: no key found for algorithm "${a}" — returning as-is`), e);
+    return s ? Fn(s, e) : (console.warn(`EncryptionService: no key found for algorithm "${a}" — returning as-is`), e);
   }
   // ── Utilities ─────────────────────────────────────────────────────────────
   /** Export the symmetric key for backup / persistence */
   async exportSymmetricKey(e) {
     const t = e ?? this.config.defaultAlgorithm, n = this.getKey(t);
-    return n ? Ln(n) : null;
+    return n ? jn(n) : null;
   }
   isEnabled() {
     return this.config.enabled;
@@ -9210,19 +9214,19 @@ class Fn {
   }
 }
 const je = /* @__PURE__ */ new Map();
-function ai(i, e) {
-  return je.has(i) || je.set(i, new Fn(e)), je.get(i);
+function ci(i, e) {
+  return je.has(i) || je.set(i, new Hn(e)), je.get(i);
 }
-function si(i) {
+function di(i) {
   je.delete(i);
 }
-class jn {
+class Kn {
   constructor(e = {}) {
     this.recorder = null, this.chunks = [], this.session = null, this.recognition = null, this.segmentCounter = 0, this.callbacks = e;
   }
   // ── Start ──────────────────────────────────────────────────────────────────
   start(e, t) {
-    var c, d, f;
+    var c, p, f;
     if (((c = this.recorder) == null ? void 0 : c.state) === "recording")
       throw new Error("Recording already in progress");
     const n = t.mimeType ?? this.chooseMimeType(), a = new MediaRecorder(e, { mimeType: n });
@@ -9245,7 +9249,7 @@ class jn {
     }, a.onerror = (m) => {
       var u, y, h, x;
       (y = (u = this.callbacks).onError) == null || y.call(u, new Error(String(m))), this.session && (this.session.state = "failed"), (x = (h = this.callbacks).onStateChange) == null || x.call(h, "failed");
-    }, a.start(t.timesliceMs ?? 1e3), this.recorder = a, t.transcribe && this.startTranscription(t.speakerId ?? "unknown", t.speakerName ?? "Participant"), (f = (d = this.callbacks).onStateChange) == null || f.call(d, "recording"), this.session;
+    }, a.start(t.timesliceMs ?? 1e3), this.recorder = a, t.transcribe && this.startTranscription(t.speakerId ?? "unknown", t.speakerName ?? "Participant"), (f = (p = this.callbacks).onStateChange) == null || f.call(p, "recording"), this.session;
   }
   // ── Pause / Resume ────────────────────────────────────────────────────────
   pause() {
@@ -9271,12 +9275,12 @@ class jn {
     const o = Date.now();
     s.onresult = (c) => {
       var f, m;
-      const d = c.results;
-      for (let u = c.resultIndex; u < d.length; u++) {
-        const y = d[u];
+      const p = c.results;
+      for (let u = c.resultIndex; u < p.length; u++) {
+        const y = p[u];
         if (!y.isFinal)
           continue;
-        const h = y[0], x = Date.now(), z = {
+        const h = y[0], x = Date.now(), P = {
           id: `seg_${++this.segmentCounter}`,
           speakerId: e,
           speakerName: t,
@@ -9285,7 +9289,7 @@ class jn {
           endMs: x - o,
           confidence: h.confidence ?? 0.9
         };
-        this.session && (this.session.transcript = [...this.session.transcript ?? [], z]), (m = (f = this.callbacks).onTranscriptSegment) == null || m.call(f, z);
+        this.session && (this.session.transcript = [...this.session.transcript ?? [], P]), (m = (f = this.callbacks).onTranscriptSegment) == null || m.call(f, P);
       }
     }, s.onerror = () => {
     };
@@ -9334,13 +9338,13 @@ class jn {
   }
 }
 const Be = /* @__PURE__ */ new Map();
-function oi(i, e) {
-  return Be.has(i) || Be.set(i, new jn(e)), Be.get(i);
+function pi(i, e) {
+  return Be.has(i) || Be.set(i, new Kn(e)), Be.get(i);
 }
-function li(i) {
+function fi(i) {
   Be.delete(i);
 }
-class Bn {
+class Yn {
   constructor(e) {
     this.events = [], this.eventListeners = /* @__PURE__ */ new Map(), this.config = {
       serverUrl: e.serverUrl,
@@ -9405,17 +9409,17 @@ class Bn {
       /^#/,
       /unsubscribe/i
     ], a = /<a\s+([^>]*?)href=["']([^"']+)["']([^>]*?)>/gi;
-    return e.replace(a, (s, o, c, d) => {
+    return e.replace(a, (s, o, c, p) => {
       if (n.some((y) => y.test(c)))
         return s;
-      const m = this.extractLinkName(o + d) ?? c, u = this.wrapLink({
+      const m = this.extractLinkName(o + p) ?? c, u = this.wrapLink({
         url: c,
         messageId: t.messageId,
         recipientId: t.recipientId,
         campaignId: t.campaignId,
         linkName: m
       });
-      return `<a ${o}href="${this.escapeHtml(u)}"${d}>`;
+      return `<a ${o}href="${this.escapeHtml(u)}"${p}>`;
     });
   }
   /* ─────────────────────────────────────────────────────────────────────────────
@@ -9461,7 +9465,7 @@ class Bn {
   getStats(e) {
     let t = this.events;
     e && (t = this.events.filter((y) => !(e.campaignId && y.campaignId !== e.campaignId || e.messageId && y.messageId !== e.messageId || e.startDate && y.timestamp < e.startDate || e.endDate && y.timestamp > e.endDate)));
-    const n = new Set(t.map((y) => y.recipientHash)), a = t.filter((y) => y.type === "open"), s = t.filter((y) => y.type === "click"), o = t.filter((y) => y.type === "bounce"), c = t.filter((y) => y.type === "unsubscribe"), d = t.filter((y) => y.type === "complaint"), f = new Set(a.map((y) => y.recipientHash)).size, m = new Set(s.map((y) => y.recipientHash)).size, u = n.size;
+    const n = new Set(t.map((y) => y.recipientHash)), a = t.filter((y) => y.type === "open"), s = t.filter((y) => y.type === "click"), o = t.filter((y) => y.type === "bounce"), c = t.filter((y) => y.type === "unsubscribe"), p = t.filter((y) => y.type === "complaint"), f = new Set(a.map((y) => y.recipientHash)).size, m = new Set(s.map((y) => y.recipientHash)).size, u = n.size;
     return {
       sent: u + o.length,
       delivered: u,
@@ -9471,7 +9475,7 @@ class Bn {
       uniqueClicks: m,
       bounces: o.length,
       unsubscribes: c.length,
-      complaints: d.length,
+      complaints: p.length,
       openRate: u > 0 ? f / u : 0,
       clickRate: u > 0 ? m / u : 0,
       clickToOpenRate: f > 0 ? m / f : 0,
@@ -9488,8 +9492,8 @@ class Bn {
     for (const o of t) {
       const c = o.url;
       n.has(c) || n.set(c, { url: c, linkName: void 0, total: 0, unique: /* @__PURE__ */ new Set() });
-      const d = n.get(c);
-      d.total++, d.unique.add(o.recipientHash);
+      const p = n.get(c);
+      p.total++, p.unique.add(o.recipientHash);
     }
     const a = t.length, s = [];
     for (const [, o] of n)
@@ -9628,14 +9632,14 @@ class Bn {
 }
 let Se = null;
 function ht(i) {
-  if (!Se && i && (Se = new Bn(i)), !Se)
+  if (!Se && i && (Se = new Yn(i)), !Se)
     throw new Error("EmailTrackingService not initialized. Call with config first.");
   return Se;
 }
-function ci() {
+function ui() {
   Se == null || Se.clearEvents(), Se = null;
 }
-function di(i) {
+function hi(i) {
   const { config: e, campaignId: t, autoRefreshInterval: n } = i, a = se(() => {
     if (e)
       return ht(e);
@@ -9644,8 +9648,8 @@ function di(i) {
     } catch {
       return null;
     }
-  }, [e]), [s, o] = $(null), [c, d] = $([]), f = P(() => {
-    a && (o(a.getStats({ campaignId: t })), d(a.getLinkStats({ campaignId: t })));
+  }, [e]), [s, o] = N(null), [c, p] = N([]), f = T(() => {
+    a && (o(a.getStats({ campaignId: t })), p(a.getLinkStats({ campaignId: t })));
   }, [a, t]);
   re(() => {
     if (f(), n && a) {
@@ -9658,13 +9662,13 @@ function di(i) {
         f();
       });
   }, [a, f]);
-  const m = P(
+  const m = T(
     (h, x) => a ? a.generateTrackingPixel({ messageId: h, recipientId: x, campaignId: t }) : "",
     [a, t]
-  ), u = P(
-    (h, x, z) => a ? a.wrapLinksForTracking(h, { messageId: x, recipientId: z, campaignId: t }) : h,
+  ), u = T(
+    (h, x, P) => a ? a.wrapLinksForTracking(h, { messageId: x, recipientId: P, campaignId: t }) : h,
     [a, t]
-  ), y = P(
+  ), y = T(
     (h) => {
       a == null || a.recordEvent(h);
     },
@@ -9679,7 +9683,7 @@ function di(i) {
     refreshStats: f
   };
 }
-class Un {
+class Gn {
   constructor(e) {
     this.templates = /* @__PURE__ */ new Map(), this.campaigns = /* @__PURE__ */ new Map(), this.abortControllers = /* @__PURE__ */ new Map(), this.config = {
       sendEmail: e.sendEmail,
@@ -9873,9 +9877,9 @@ class Un {
     }
     const c = this.extractFields(
       n.subject + n.htmlBody + (n.textBody ?? "")
-    ), d = n.fields.map((f) => f.name);
+    ), p = n.fields.map((f) => f.name);
     for (const f of c)
-      d.includes(f) || s.push({
+      p.includes(f) || s.push({
         type: "unused_field",
         field: f,
         message: `Field "${f}" used in template but not defined`
@@ -9922,7 +9926,7 @@ class Un {
     const s = new AbortController();
     this.abortControllers.set(e, s);
     const o = t.recipients.filter((y) => y.status === "pending"), c = o.length;
-    let d = 0, f = 0;
+    let p = 0, f = 0;
     const m = Date.now(), u = 60 * 1e3 / (t.rateLimit ?? this.config.rateLimit);
     try {
       for (let y = 0; y < o.length; y++) {
@@ -9943,27 +9947,27 @@ class Un {
             html: O.html,
             text: O.text
           });
-          U.success ? (h.status = "sent", d++) : (h.status = "failed", h.error = U.error, f++);
+          U.success ? (h.status = "sent", p++) : (h.status = "failed", h.error = U.error, f++);
         } catch (O) {
           h.status = "failed", h.error = O instanceof Error ? O.message : "Unknown error", f++;
         }
-        const x = d + f, z = Date.now() - m, p = x > 0 ? z / x : u, A = c - x, D = Math.round(A * p / 1e3);
+        const x = p + f, P = Date.now() - m, d = x > 0 ? P / x : u, D = c - x, A = Math.round(D * d / 1e3);
         yield {
           campaignId: e,
           total: c,
-          sent: d,
+          sent: p,
           failed: f,
           pending: c - x,
           current: h.email,
           percentage: Math.round(x / c * 100),
-          estimatedTimeRemaining: D,
+          estimatedTimeRemaining: A,
           isComplete: !1
         }, y < o.length - 1 && await this.delay(u);
       }
       t.status = "completed", t.completedAt = /* @__PURE__ */ new Date(), this.campaigns.set(e, t), yield {
         campaignId: e,
         total: c,
-        sent: d,
+        sent: p,
         failed: f,
         pending: 0,
         percentage: 100,
@@ -10018,11 +10022,11 @@ class Un {
   processTemplate(e, t, n) {
     const a = new Map(n.map((s) => [s.name, s]));
     return e = this.processConditionals(e, t), e = this.processLoops(e, t), e = e.replace(/\{\{([^}#/]+)\}\}/g, (s, o) => {
-      const [c, ...d] = o.trim().split("|").map((u) => u.trim());
+      const [c, ...p] = o.trim().split("|").map((u) => u.trim());
       let f = this.getNestedValue(t, c);
       const m = a.get(c);
       f == null && (f = (m == null ? void 0 : m.defaultValue) ?? ""), m && f !== "" && (f = this.formatValue(f, m));
-      for (const u of d)
+      for (const u of p)
         f = this.applyFormatter(f, u);
       return String(f);
     }), e;
@@ -10030,17 +10034,17 @@ class Un {
   processConditionals(e, t) {
     const n = /\{\{#if\s+([^}]+)\}\}([\s\S]*?)(?:\{\{else\}\}([\s\S]*?))?\{\{\/if\}\}/g;
     return e.replace(n, (a, s, o, c = "") => {
-      const d = this.getNestedValue(t, s.trim());
-      return this.isTruthy(d) ? o : c;
+      const p = this.getNestedValue(t, s.trim());
+      return this.isTruthy(p) ? o : c;
     });
   }
   processLoops(e, t) {
     const n = /\{\{#each\s+([^}]+)\}\}([\s\S]*?)\{\{\/each\}\}/g;
     return e.replace(n, (a, s, o) => {
       const c = this.getNestedValue(t, s.trim());
-      return Array.isArray(c) ? c.map((d, f) => {
+      return Array.isArray(c) ? c.map((p, f) => {
         let m = o;
-        return typeof d != "object" && (m = m.replace(/\{\{this\}\}/g, String(d))), m = m.replace(/\{\{this\.([^}]+)\}\}/g, (u, y) => String(this.getNestedValue(d, y) ?? "")), m = m.replace(/\{\{@index\}\}/g, String(f)), m = m.replace(/\{\{@first\}\}/g, String(f === 0)), m = m.replace(/\{\{@last\}\}/g, String(f === c.length - 1)), m;
+        return typeof p != "object" && (m = m.replace(/\{\{this\}\}/g, String(p))), m = m.replace(/\{\{this\.([^}]+)\}\}/g, (u, y) => String(this.getNestedValue(p, y) ?? "")), m = m.replace(/\{\{@index\}\}/g, String(f)), m = m.replace(/\{\{@first\}\}/g, String(f === 0)), m = m.replace(/\{\{@last\}\}/g, String(f === c.length - 1)), m;
       }).join("") : "";
     });
   }
@@ -10149,16 +10153,16 @@ class Un {
     return new Promise((t) => setTimeout(t, e));
   }
 }
-let Ne = null;
+let $e = null;
 function gt(i) {
-  if (!Ne && i && (Ne = new Un(i)), !Ne)
+  if (!$e && i && ($e = new Gn(i)), !$e)
     throw new Error("MailMergeService not initialized. Call with config first.");
-  return Ne;
+  return $e;
 }
-function pi() {
-  Ne = null;
+function gi() {
+  $e = null;
 }
-function fi(i = {}) {
+function mi(i = {}) {
   const { config: e } = i, t = se(() => {
     if (e)
       return gt(e);
@@ -10167,54 +10171,54 @@ function fi(i = {}) {
     } catch {
       return null;
     }
-  }, [e]), [n, a] = $(null), [s, o] = $(!1), [c, d] = $([]), [f, m] = $([]), u = P(() => {
-    t && (d(t.listTemplates()), m(t.listCampaigns()));
-  }, [t]), y = P(
-    (D) => {
+  }, [e]), [n, a] = N(null), [s, o] = N(!1), [c, p] = N([]), [f, m] = N([]), u = T(() => {
+    t && (p(t.listTemplates()), m(t.listCampaigns()));
+  }, [t]), y = T(
+    (A) => {
       if (!t)
         throw new Error("Service not initialized");
-      const O = t.createTemplate(D);
+      const O = t.createTemplate(A);
       return u(), O;
     },
     [t, u]
-  ), h = P(
-    (D) => {
+  ), h = T(
+    (A) => {
       if (!t)
         throw new Error("Service not initialized");
-      const O = t.createCampaign(D);
+      const O = t.createCampaign(A);
       return u(), O;
     },
     [t, u]
-  ), x = P(
-    (D, O) => {
+  ), x = T(
+    (A, O) => {
       if (!t)
         throw new Error("Service not initialized");
-      return t.previewMerge(D, O);
+      return t.previewMerge(A, O);
     },
     [t]
-  ), z = P(
-    (D) => {
+  ), P = T(
+    (A) => {
       if (!t)
         throw new Error("Service not initialized");
-      return t.validateCampaign(D);
+      return t.validateCampaign(A);
     },
     [t]
-  ), p = P(
-    async function* (D) {
+  ), d = T(
+    async function* (A) {
       if (!t)
         throw new Error("Service not initialized");
       o(!0);
       try {
-        for await (const O of t.sendCampaign(D))
+        for await (const O of t.sendCampaign(A))
           a(O), yield O;
       } finally {
         o(!1), u();
       }
     },
     [t, u]
-  ), A = P(
-    (D) => {
-      t == null || t.pauseCampaign(D), o(!1), u();
+  ), D = T(
+    (A) => {
+      t == null || t.pauseCampaign(A), o(!1), u();
     },
     [t, u]
   );
@@ -10222,16 +10226,16 @@ function fi(i = {}) {
     createTemplate: y,
     createCampaign: h,
     preview: x,
-    validate: z,
-    send: p,
-    pause: A,
+    validate: P,
+    send: d,
+    pause: D,
     progress: n,
     isSending: s,
     templates: c,
     campaigns: f
   };
 }
-class Hn {
+class qn {
   constructor(e) {
     this.abortController = null, this.mapping = {
       users: /* @__PURE__ */ new Map(),
@@ -10251,9 +10255,9 @@ class Hn {
       const m = JSON.parse(c);
       o.push(...m.map((u) => ({ ...u, is_private: !0 })));
     }
-    const d = t.get("dms.json");
-    if (d) {
-      const m = JSON.parse(d);
+    const p = t.get("dms.json");
+    if (p) {
+      const m = JSON.parse(p);
       o.push(...m.map((u) => ({ ...u, is_im: !0 })));
     }
     const f = /* @__PURE__ */ new Map();
@@ -10262,10 +10266,10 @@ class Hn {
       for (const [h, x] of t)
         if (h.startsWith(y + "/") && h.endsWith(".json"))
           try {
-            const z = JSON.parse(x);
-            u.push(...z);
-          } catch (z) {
-            console.warn(`Failed to parse messages from ${h}:`, z);
+            const P = JSON.parse(x);
+            u.push(...P);
+          } catch (P) {
+            console.warn(`Failed to parse messages from ${h}:`, P);
           }
       u.length > 0 && f.set(m.id, u);
     }
@@ -10291,13 +10295,13 @@ class Hn {
   previewImport(e, t = {}) {
     const n = e.users.filter((u) => t.importUsers !== !1 && !u.deleted), a = n.map((u) => this.mapUser(u)), s = e.channels.filter((u) => !(t.skipArchived && u.is_archived || t.skipDirectMessages && (u.is_im || u.is_mpim) || t.channelFilter && !t.channelFilter.includes(u.id) && !t.channelFilter.includes(u.name))), o = s.map((u) => this.mapChannel(u, /* @__PURE__ */ new Map()));
     let c = 0;
-    const d = /* @__PURE__ */ new Map();
+    const p = /* @__PURE__ */ new Map();
     for (const [u, y] of e.messages) {
-      const h = e.channels.find((p) => p.id === u);
-      if (!h || !s.some((p) => p.id === u))
+      const h = e.channels.find((d) => d.id === u);
+      if (!h || !s.some((d) => d.id === u))
         continue;
-      const z = this.filterMessages(y, t);
-      d.set(h.name, z.length), c += z.length;
+      const P = this.filterMessages(y, t);
+      p.set(h.name, P.length), c += P.length;
     }
     let f = 0, m = 0;
     for (const u of e.messages.values())
@@ -10316,7 +10320,7 @@ class Hn {
       },
       messages: {
         total: c,
-        perChannel: d
+        perChannel: p
       },
       files: {
         total: f,
@@ -10398,8 +10402,8 @@ class Hn {
           if (!this.mapping.channels.has(y))
             continue;
           const x = this.filterMessages(h, t);
-          for (const z of x)
-            f.push({ channelId: y, message: z });
+          for (const P of x)
+            f.push({ channelId: y, message: P });
         }
         f.sort((y, h) => parseFloat(y.message.ts) - parseFloat(h.message.ts));
         const m = /* @__PURE__ */ new Map();
@@ -10407,17 +10411,17 @@ class Hn {
         for (const { channelId: y, message: h } of f) {
           if (this.abortController.signal.aborted)
             break;
-          const x = this.mapMessage(h, y, this.mapping, m), z = await this.config.createMessage(x);
-          z.success && z.id ? ((!h.thread_ts || h.thread_ts === h.ts) && m.set(h.ts, z.id), a.messagesImported++, x.isThreadReply && a.threadsImported++, a.reactionsImported += x.reactions.length) : n.push({
+          const x = this.mapMessage(h, y, this.mapping, m), P = await this.config.createMessage(x);
+          P.success && P.id ? ((!h.thread_ts || h.thread_ts === h.ts) && m.set(h.ts, P.id), a.messagesImported++, x.isThreadReply && a.threadsImported++, a.reactionsImported += x.reactions.length) : n.push({
             phase: "messages",
             itemId: h.ts,
             itemType: "message",
-            message: z.error ?? "Failed to create message"
+            message: P.error ?? "Failed to create message"
           }), u++, yield {
             phase: "messages",
             total: f.length,
             processed: u,
-            failed: n.filter((p) => p.phase === "messages").length,
+            failed: n.filter((d) => d.phase === "messages").length,
             current: `${u}/${f.length}`,
             percentage: Math.round(u / f.length * 100),
             isComplete: !1,
@@ -10465,7 +10469,7 @@ class Hn {
           }, await this.delay(c);
         }
       }
-      const d = /* @__PURE__ */ new Date();
+      const p = /* @__PURE__ */ new Date();
       return yield {
         phase: "complete",
         total: 0,
@@ -10480,8 +10484,8 @@ class Hn {
         mapping: this.mapping,
         errors: n,
         startedAt: s,
-        completedAt: d,
-        duration: d.getTime() - s.getTime()
+        completedAt: p,
+        duration: p.getTime() - s.getTime()
       };
     } finally {
       this.abortController = null;
@@ -10529,7 +10533,7 @@ class Hn {
     };
   }
   mapMessage(e, t, n, a) {
-    const s = n.channels.get(t) ?? t, o = e.user ? n.users.get(e.user) : void 0, { text: c, html: d } = this.convertSlackMessage(e.text, n.users), f = e.thread_ts !== void 0 && e.thread_ts !== e.ts, m = e.thread_ts ? a.get(e.thread_ts) : void 0, u = [];
+    const s = n.channels.get(t) ?? t, o = e.user ? n.users.get(e.user) : void 0, { text: c, html: p } = this.convertSlackMessage(e.text, n.users), f = e.thread_ts !== void 0 && e.thread_ts !== e.ts, m = e.thread_ts ? a.get(e.thread_ts) : void 0, u = [];
     if (e.files)
       for (const h of e.files)
         u.push({
@@ -10550,7 +10554,7 @@ class Hn {
       channelId: s,
       senderId: o,
       content: c,
-      htmlContent: d,
+      htmlContent: p,
       threadId: m,
       isThreadReply: f,
       attachments: u,
@@ -10565,7 +10569,7 @@ class Hn {
   convertSlackMessage(e, t) {
     let n = e, a = this.escapeHtml(e);
     const s = /<@([A-Z0-9]+)(?:\|([^>]+))?>/g;
-    return n = n.replace(s, (o, c, d) => d ? `@${d}` : "@user"), a = a.replace(/&lt;@([A-Z0-9]+)(?:\|([^&]+))?&gt;/g, (o, c, d) => `<span class="mention" data-user-id="${t.get(c) ?? c}">@${d ?? "user"}</span>`), n = n.replace(/<#([A-Z0-9]+)\|([^>]+)>/g, "#$2"), a = a.replace(
+    return n = n.replace(s, (o, c, p) => p ? `@${p}` : "@user"), a = a.replace(/&lt;@([A-Z0-9]+)(?:\|([^&]+))?&gt;/g, (o, c, p) => `<span class="mention" data-user-id="${t.get(c) ?? c}">@${p ?? "user"}</span>`), n = n.replace(/<#([A-Z0-9]+)\|([^>]+)>/g, "#$2"), a = a.replace(
       /&lt;#([A-Z0-9]+)\|([^&]+)&gt;/g,
       '<span class="channel-mention">#$2</span>'
     ), n = n.replace(/<(https?:\/\/[^|>]+)\|([^>]+)>/g, "$2 ($1)"), n = n.replace(/<(https?:\/\/[^>]+)>/g, "$1"), a = a.replace(/&lt;(https?:\/\/[^|&]+)\|([^&]+)&gt;/g, '<a href="$1">$2</a>'), a = a.replace(/&lt;(https?:\/\/[^&]+)&gt;/g, '<a href="$1">$1</a>'), n = this.convertEmoji(n), a = this.convertEmoji(a), a = a.replace(/\*([^*]+)\*/g, "<strong>$1</strong>"), a = a.replace(/\b_([^_]+)_\b/g, "<em>$1</em>"), a = a.replace(/~([^~]+)~/g, "<del>$1</del>"), a = a.replace(/`([^`]+)`/g, "<code>$1</code>"), a = a.replace(/```([^`]+)```/g, "<pre>$1</pre>"), a = a.replace(/\n/g, "<br>"), { text: n, html: a };
@@ -10624,14 +10628,14 @@ class Hn {
 }
 let Me = null;
 function mt(i) {
-  if (!Me && i && (Me = new Hn(i)), !Me)
+  if (!Me && i && (Me = new qn(i)), !Me)
     throw new Error("SlackImportService not initialized. Call with config first.");
   return Me;
 }
-function ui() {
+function yi() {
   Me = null;
 }
-function hi(i = {}) {
+function bi(i = {}) {
   const { config: e } = i, t = se(() => {
     if (e)
       return mt(e);
@@ -10640,41 +10644,41 @@ function hi(i = {}) {
     } catch {
       return null;
     }
-  }, [e]), [n, a] = $(null), [s, o] = $(!1), [c, d] = $(null), f = P(
+  }, [e]), [n, a] = N(null), [s, o] = N(!1), [c, p] = N(null), f = T(
     (h) => {
       if (!t)
         throw new Error("Service not initialized");
       return t.parseSlackExportFromJson(h);
     },
     [t]
-  ), m = P(
+  ), m = T(
     (h, x) => {
       if (!t)
         throw new Error("Service not initialized");
       return t.previewImport(h, x);
     },
     [t]
-  ), u = P(
+  ), u = T(
     async function* (h, x) {
-      var z, p;
+      var P, d;
       if (!t)
         throw new Error("Service not initialized");
-      o(!0), d(null);
+      o(!0), p(null);
       try {
         for await (const U of t.import(h, x))
           a(U), yield U;
-        const A = t.import(h, x);
-        let D;
-        for await (const U of A)
-          D = U;
-        const O = (p = (z = A.next) == null ? void 0 : z.call(A)) == null ? void 0 : p.value;
-        return O && d(O), O;
+        const D = t.import(h, x);
+        let A;
+        for await (const U of D)
+          A = U;
+        const O = (d = (P = D.next) == null ? void 0 : P.call(D)) == null ? void 0 : d.value;
+        return O && p(O), O;
       } finally {
         o(!1);
       }
     },
     [t]
-  ), y = P(() => {
+  ), y = T(() => {
     t == null || t.cancel(), o(!1);
   }, [t]);
   return {
@@ -10687,7 +10691,7 @@ function hi(i = {}) {
     result: c
   };
 }
-const Kn = {
+const Vn = {
   toggleMute: "*6",
   raiseHand: "*9",
   leave: "#",
@@ -10695,7 +10699,7 @@ const Kn = {
   hostMuteAll: "*1",
   hostUnmuteAll: "*2",
   hostEndMeeting: "*#"
-}, Yn = {
+}, Xn = {
   welcome: "Welcome to the conference. ",
   enterPin: "Please enter your meeting PIN followed by the pound key.",
   invalidPin: "Invalid PIN. Please try again.",
@@ -10731,7 +10735,7 @@ class zt {
       maxParticipants: 100,
       recordingMode: "none",
       ...e
-    }, this.dtmfCommands = Kn, this.ivrText = { ...Yn, ...e.ivrText };
+    }, this.dtmfCommands = Vn, this.ivrText = { ...Xn, ...e.ivrText };
   }
   /* ────────────────────────────────────────────────────────────────────────────
      Event Handlers
@@ -11027,16 +11031,16 @@ a=fmtp:101 0-16
   }
 }
 let Xe = null;
-function Gn(i) {
+function Jn(i) {
   return Xe || (Xe = new zt(i)), Xe;
 }
-function gi(i) {
+function vi(i) {
   return new zt(i);
 }
-function mi(i) {
-  const e = se(() => Gn(i), []), [t, n] = $(
+function xi(i) {
+  const e = se(() => Jn(i), []), [t, n] = N(
     "disconnected"
-  ), [a, s] = $([]);
+  ), [a, s] = N([]);
   re(() => {
     const x = () => {
       s(e.getParticipants());
@@ -11045,19 +11049,19 @@ function mi(i) {
       e.off("onStatusChanged"), e.off("onParticipantJoined"), e.off("onParticipantLeft"), e.off("onParticipantStateChanged");
     };
   }, [e]);
-  const o = P(
-    (x, z) => e.generateDialInInfo(x, z),
+  const o = T(
+    (x, P) => e.generateDialInInfo(x, P),
     [e]
-  ), c = P((x) => e.getDialInInfo(x), [e]), d = P((x) => e.muteParticipant(x), [e]), f = P((x) => e.unmuteParticipant(x), [e]), m = P(
+  ), c = T((x) => e.getDialInInfo(x), [e]), p = T((x) => e.muteParticipant(x), [e]), f = T((x) => e.unmuteParticipant(x), [e]), m = T(
     (x) => e.disconnectParticipant(x),
     [e]
-  ), u = P(() => e.muteAll(), [e]), y = P(() => e.endMeeting(), [e]), h = P(() => e.connect(), [e]);
+  ), u = T(() => e.muteAll(), [e]), y = T(() => e.endMeeting(), [e]), h = T(() => e.connect(), [e]);
   return {
     status: t,
     participants: a,
     generateDialIn: o,
     getDialIn: c,
-    mute: d,
+    mute: p,
     unmute: f,
     disconnect: m,
     muteAll: u,
@@ -11066,56 +11070,56 @@ function mi(i) {
   };
 }
 export {
-  Kn as DEFAULT_DTMF_COMMANDS,
-  Yn as DEFAULT_IVR_TEXT,
+  Vn as DEFAULT_DTMF_COMMANDS,
+  Xn as DEFAULT_IVR_TEXT,
   kt as DEFAULT_RETENTION_RULES,
-  Bn as EmailTrackingService,
-  Fn as EncryptionService,
-  Un as MailMergeService,
-  Et as MockTransport,
+  Yn as EmailTrackingService,
+  Hn as EncryptionService,
+  Gn as MailMergeService,
+  Mt as MockTransport,
   wt as NiceCallScreen,
-  Bt as NiceChannelView,
+  Kt as NiceChannelView,
   He as NiceChatWindow,
-  ri as NiceCollaborativeEditor,
-  ti as NiceCommunication,
-  ti as NiceCommunicationDefault,
-  Ft as NiceMessenger,
+  li as NiceCollaborativeEditor,
+  ai as NiceCommunication,
+  ai as NiceCommunicationDefault,
+  Ut as NiceMessenger,
   we as NicePresenceIndicator,
-  ii as NiceRecordingPanel,
-  ni as NiceStorageSettings,
-  dn as NiceTeamsWorkspace,
+  oi as NiceRecordingPanel,
+  si as NiceStorageSettings,
+  hn as NiceTeamsWorkspace,
   St as NiceVideoConference,
   Ct as NiceWhiteboard,
   zt as PstnGatewayService,
   yt as REGION_CODES,
-  jn as RecordingService,
-  Hn as SlackImportService,
-  Ht as StorageService,
-  Dt as WebRTCTransport,
-  Jn as buildOptimisticMessage,
-  gi as createPstnGateway,
-  $t as createTransport,
-  ci as disposeEmailTrackingService,
-  si as disposeEncryptionService,
-  pi as disposeMailMergeService,
-  li as disposeRecordingService,
-  ui as disposeSlackImportService,
-  ei as disposeStorageService,
+  Kn as RecordingService,
+  qn as SlackImportService,
+  Gt as StorageService,
+  $t as WebRTCTransport,
+  ti as buildOptimisticMessage,
+  vi as createPstnGateway,
+  Ot as createTransport,
+  ui as disposeEmailTrackingService,
+  di as disposeEncryptionService,
+  gi as disposeMailMergeService,
+  fi as disposeRecordingService,
+  yi as disposeSlackImportService,
+  ri as disposeStorageService,
   it as findConversationPartner,
-  Zn as getDefaultMode,
+  ii as getDefaultMode,
   ht as getEmailTrackingService,
-  ai as getEncryptionService,
+  ci as getEncryptionService,
   gt as getMailMergeService,
-  Qn as getMentionCount,
-  Gn as getPstnGateway,
-  oi as getRecordingService,
+  ni as getMentionCount,
+  Jn as getPstnGateway,
+  pi as getRecordingService,
   mt as getSlackImportService,
-  Kt as getStorageService,
+  qt as getStorageService,
   xt as getUnreadCount,
-  Nt as useCommunication,
-  di as useEmailTracking,
-  fi as useMailMerge,
-  mi as usePstnGateway,
-  hi as useSlackImport,
-  qt as useWhiteboard
+  Lt as useCommunication,
+  hi as useEmailTracking,
+  mi as useMailMerge,
+  xi as usePstnGateway,
+  bi as useSlackImport,
+  Jt as useWhiteboard
 };