@nlxai/touchpoint-ui 1.0.5-alpha.4 → 1.0.5-alpha.6

package/lib/index.js

@@ -3,7 +3,7 @@ var yh = (t) => {
   throw TypeError(t);
 };
 var t1 = (t, e, n) => e in t ? e1(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var J = (t, e, n) => t1(t, typeof e != "symbol" ? e + "" : e, n), ol = (t, e, n) => e.has(t) || yh("Cannot " + n);
+var X = (t, e, n) => t1(t, typeof e != "symbol" ? e + "" : e, n), ol = (t, e, n) => e.has(t) || yh("Cannot " + n);
 var vt = (t, e, n) => (ol(t, e, "read from private field"), n ? n.call(t) : e.get(t)), Ir = (t, e, n) => e.has(t) ? yh("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), Ii = (t, e, n, r) => (ol(t, e, "write to private field"), r ? r.call(t, n) : e.set(t, n), n), al = (t, e, n) => (ol(t, e, "access private method"), n);
 function cm(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -6569,7 +6569,7 @@ var tC = "@nlxai/chat-core", nC = "1.0.5-alpha.4", rC = "NLX Chat SDK core", iC
   uuid: "^9.0.1"
 }, mC = {
   access: "public"
-}, gC = "4cc1ed43fde42daf06e14e0fc5dd4c386bc5f354", Al = {
+}, gC = "c701b502f0398e9956a8b35b711a45f264fa7603", Al = {
   name: tC,
   version: nC,
   description: rC,
@@ -6899,7 +6899,7 @@ function Iv(t) {
   } else for (n in t) t[n] && (r && (r += " "), r += n);
   return r;
 }
-function ee() {
+function J() {
   for (var t, e, n = 0, r = "", i = arguments.length; n < i; n++) (t = arguments[n]) && (e = Iv(t)) && (r && (r += " "), r += e);
   return r;
 }
@@ -7494,7 +7494,7 @@ const q = (t) => ({
 }, Symbol.toStringTag, { value: "Module" })), aS = (t) => /* @__PURE__ */ b.jsxs(
   "button",
   {
-    className: ee(
+    className: J(
       "p-3 w-fit bg-background text-primary-80 rounded-outer",
       "after:content-[''] after:rounded-outer after:absolute after:inset-0 after:pointer-events-none",
       "hover:after:bg-primary-10",
@@ -7521,7 +7521,7 @@ const q = (t) => ({
       onClick: s ? void 0 : t,
       disabled: s,
       "aria-label": n,
-      className: ee(
+      className: J(
         "p-3 w-10 h-10 transition-colors rounded-inner relative z-10 overflow-hidden before:content-[''] before:absolute before:transition-colors before:-z-10 before:inset-0 before:bg-transparent focus:outline-0",
         e === "main" ? lS : null,
         e === "ghost" ? cS : null,
@@ -7581,7 +7581,7 @@ const Vv = (t) => vS("(min-width: 768px)"), yS = ({
   return /* @__PURE__ */ b.jsxs(
     "div",
     {
-      className: ee(
+      className: J(
         "flex",
         "p-2 md:p-3 items-center justify-between gap-2",
         {
@@ -7618,7 +7618,7 @@ const Vv = (t) => vS("(min-width: 768px)"), yS = ({
           {
             label: "Collapse",
             type: u,
-            className: ee(
+            className: J(
               r == null ? "ml-auto" : "",
               l ? "md:-order-1" : ""
             ),
@@ -7639,7 +7639,7 @@ const Vv = (t) => vS("(min-width: 768px)"), yS = ({
   return /* @__PURE__ */ b.jsx(
     "div",
     {
-      className: ee("bg-accent-20 animate-ping absolute inset-0", e),
+      className: J("bg-accent-20 animate-ping absolute inset-0", e),
       style: {
         animationDelay: r(-1.5 * t),
         animationDuration: r(1.5)
@@ -15221,7 +15221,7 @@ class GT extends nn.EventEmitter {
   }
   setupEventListeners(e, n) {
     e.on(M.TrackPublished, (r, i) => this.setParticipantCryptorEnabled(r.trackInfo.encryption !== ut.NONE, i.identity)), e.on(M.ConnectionStateChanged, (r) => {
-      r === X.Connected && e.remoteParticipants.forEach((i) => {
+      r === ee.Connected && e.remoteParticipants.forEach((i) => {
         i.trackPublications.forEach((s) => {
           this.setParticipantCryptorEnabled(s.trackInfo.encryption !== ut.NONE, i.identity);
         });
@@ -21344,10 +21344,10 @@ class Ea extends Ey {
     })), super.emit(e, ...r);
   }
 }
-var X;
+var ee;
 (function(t) {
   t.Disconnected = "disconnected", t.Connecting = "connecting", t.Connected = "connected", t.Reconnecting = "reconnecting", t.SignalReconnecting = "signalReconnecting";
-})(X || (X = {}));
+})(ee || (ee = {}));
 const U2 = 4 * 1e3;
 class wi extends nn.EventEmitter {
   /**
@@ -21356,16 +21356,16 @@ class wi extends nn.EventEmitter {
    */
   constructor(e) {
     var n, r, i, s;
-    if (super(), n = this, this.state = X.Disconnected, this.activeSpeakers = [], this.isE2EEEnabled = !1, this.audioEnabled = !0, this.isVideoPlaybackBlocked = !1, this.log = G, this.bufferedEvents = [], this.isResuming = !1, this.byteStreamControllers = /* @__PURE__ */ new Map(), this.textStreamControllers = /* @__PURE__ */ new Map(), this.byteStreamHandlers = /* @__PURE__ */ new Map(), this.textStreamHandlers = /* @__PURE__ */ new Map(), this.rpcHandlers = /* @__PURE__ */ new Map(), this.connect = (o, a, l) => w(this, void 0, void 0, function* () {
+    if (super(), n = this, this.state = ee.Disconnected, this.activeSpeakers = [], this.isE2EEEnabled = !1, this.audioEnabled = !0, this.isVideoPlaybackBlocked = !1, this.log = G, this.bufferedEvents = [], this.isResuming = !1, this.byteStreamControllers = /* @__PURE__ */ new Map(), this.textStreamControllers = /* @__PURE__ */ new Map(), this.byteStreamHandlers = /* @__PURE__ */ new Map(), this.textStreamHandlers = /* @__PURE__ */ new Map(), this.rpcHandlers = /* @__PURE__ */ new Map(), this.connect = (o, a, l) => w(this, void 0, void 0, function* () {
       var c;
       if (!IT())
         throw tn() ? Error("WebRTC isn't detected, have you called registerGlobals?") : Error("LiveKit doesn't seem to be supported on this browser. Try to update your browser and make sure no browser extensions are disabling webRTC.");
       const u = yield this.disconnectLock.lock();
-      if (this.state === X.Connected)
+      if (this.state === ee.Connected)
         return this.log.info("already connected to room ".concat(this.name), this.logContext), u(), Promise.resolve();
       if (this.connectFuture)
         return u(), this.connectFuture.promise;
-      this.setAndEmitConnectionState(X.Connecting), ((c = this.regionUrlProvider) === null || c === void 0 ? void 0 : c.getServerUrl().toString()) !== o && (this.regionUrl = void 0, this.regionUrlProvider = void 0), xu(new URL(o)) && (this.regionUrlProvider === void 0 ? this.regionUrlProvider = new Lu(o, a) : this.regionUrlProvider.updateToken(a), this.regionUrlProvider.fetchRegionSettings().then((f) => {
+      this.setAndEmitConnectionState(ee.Connecting), ((c = this.regionUrlProvider) === null || c === void 0 ? void 0 : c.getServerUrl().toString()) !== o && (this.regionUrl = void 0, this.regionUrlProvider = void 0), xu(new URL(o)) && (this.regionUrlProvider === void 0 ? this.regionUrlProvider = new Lu(o, a) : this.regionUrlProvider.updateToken(a), this.regionUrlProvider.fetchRegionSettings().then((f) => {
         var m;
         (m = this.regionUrlProvider) === null || m === void 0 || m.setServerReportedRegions(f);
       }).catch((f) => {
@@ -21439,7 +21439,7 @@ class wi extends nn.EventEmitter {
       this.handleParticipantUpdates([a, ...o.otherParticipants]), o.room && this.handleRoomUpdate(o.room);
     }, this.attemptConnection = (o, a, l, c) => w(this, void 0, void 0, function* () {
       var u, d;
-      this.state === X.Reconnecting || this.isResuming || !((u = this.engine) === null || u === void 0) && u.pendingReconnect ? (this.log.info("Reconnection attempt replaced by new connection attempt", this.logContext), this.recreateEngine()) : this.maybeCreateEngine(), !((d = this.regionUrlProvider) === null || d === void 0) && d.isCloud() && this.engine.setRegionUrlProvider(this.regionUrlProvider), this.acquireAudioContext(), this.connOptions = Object.assign(Object.assign({}, ih), l), this.connOptions.rtcConfig && (this.engine.rtcConfig = this.connOptions.rtcConfig), this.connOptions.peerConnectionTimeout && (this.engine.peerConnectionTimeout = this.connOptions.peerConnectionTimeout);
+      this.state === ee.Reconnecting || this.isResuming || !((u = this.engine) === null || u === void 0) && u.pendingReconnect ? (this.log.info("Reconnection attempt replaced by new connection attempt", this.logContext), this.recreateEngine()) : this.maybeCreateEngine(), !((d = this.regionUrlProvider) === null || d === void 0) && d.isCloud() && this.engine.setRegionUrlProvider(this.regionUrlProvider), this.acquireAudioContext(), this.connOptions = Object.assign(Object.assign({}, ih), l), this.connOptions.rtcConfig && (this.engine.rtcConfig = this.connOptions.rtcConfig), this.connOptions.peerConnectionTimeout && (this.engine.peerConnectionTimeout = this.connOptions.peerConnectionTimeout);
       try {
         const h = yield this.connectSignal(o, a, this.engine, this.connOptions, this.options, c);
         this.applyJoinResponse(h), this.setupLocalParticipantEvents(), this.emit(M.SignalConnected);
@@ -21457,7 +21457,7 @@ class wi extends nn.EventEmitter {
       } catch (h) {
         throw yield this.engine.close(), this.recreateEngine(), h;
       }
-      it() && this.options.disconnectOnPageLeave && (window.addEventListener("pagehide", this.onPageLeave), window.addEventListener("beforeunload", this.onPageLeave)), it() && document.addEventListener("freeze", this.onPageLeave), this.setAndEmitConnectionState(X.Connected), this.emit(M.Connected), this.registerConnectionReconcile();
+      it() && this.options.disconnectOnPageLeave && (window.addEventListener("pagehide", this.onPageLeave), window.addEventListener("beforeunload", this.onPageLeave)), it() && document.addEventListener("freeze", this.onPageLeave), this.setAndEmitConnectionState(ee.Connected), this.emit(M.Connected), this.registerConnectionReconcile();
     }), this.disconnect = function() {
       for (var o = arguments.length, a = new Array(o), l = 0; l < o; l++)
         a[l] = arguments[l];
@@ -21468,11 +21468,11 @@ class wi extends nn.EventEmitter {
           var d, h, f, m;
           const g = yield c.disconnectLock.lock();
           try {
-            if (c.state === X.Disconnected) {
+            if (c.state === ee.Disconnected) {
               c.log.debug("already disconnected", c.logContext);
               return;
             }
-            c.log.info("disconnect from room", Object.assign({}, c.logContext)), (c.state === X.Connecting || c.state === X.Reconnecting || c.isResuming) && (c.log.warn("abort connection attempt", c.logContext), (d = c.abortController) === null || d === void 0 || d.abort(), (f = (h = c.connectFuture) === null || h === void 0 ? void 0 : h.reject) === null || f === void 0 || f.call(h, new ae("Client initiated disconnect", K.Cancelled)), c.connectFuture = void 0), !((m = c.engine) === null || m === void 0) && m.client.isDisconnected || (yield c.engine.client.sendLeave()), c.engine && (yield c.engine.close()), c.handleDisconnect(u, jt.CLIENT_INITIATED), c.engine = void 0;
+            c.log.info("disconnect from room", Object.assign({}, c.logContext)), (c.state === ee.Connecting || c.state === ee.Reconnecting || c.isResuming) && (c.log.warn("abort connection attempt", c.logContext), (d = c.abortController) === null || d === void 0 || d.abort(), (f = (h = c.connectFuture) === null || h === void 0 ? void 0 : h.reject) === null || f === void 0 || f.call(h, new ae("Client initiated disconnect", K.Cancelled)), c.connectFuture = void 0), !((m = c.engine) === null || m === void 0) && m.client.isDisconnected || (yield c.engine.client.sendLeave()), c.engine && (yield c.engine.close()), c.handleDisconnect(u, jt.CLIENT_INITIATED), c.engine = void 0;
           } finally {
             g();
           }
@@ -21528,7 +21528,7 @@ class wi extends nn.EventEmitter {
       this.clearConnectionReconcile(), this.isResuming = !1;
       for (const o of this.remoteParticipants.values())
         this.handleParticipantDisconnected(o.identity, o);
-      this.setAndEmitConnectionState(X.Reconnecting) && this.emit(M.Reconnecting);
+      this.setAndEmitConnectionState(ee.Reconnecting) && this.emit(M.Reconnecting);
     }, this.handleSignalRestarted = (o) => w(this, void 0, void 0, function* () {
       this.log.debug("signal reconnected to server, region ".concat(o.serverRegion), Object.assign(Object.assign({}, this.logContext), {
         region: o.serverRegion
@@ -21547,7 +21547,7 @@ class wi extends nn.EventEmitter {
       } catch {
         return;
       }
-      this.setAndEmitConnectionState(X.Connected), this.emit(M.Reconnected), this.registerConnectionReconcile(), this.emitBufferedEvents();
+      this.setAndEmitConnectionState(ee.Connected), this.emit(M.Reconnected), this.registerConnectionReconcile(), this.emitBufferedEvents();
     }), this.handleParticipantUpdates = (o) => {
       o.forEach((a) => {
         var l;
@@ -21840,7 +21840,7 @@ class wi extends nn.EventEmitter {
    */
   getSid() {
     return w(this, void 0, void 0, function* () {
-      return this.state === X.Disconnected ? "" : this.roomInfo && this.roomInfo.sid !== "" ? this.roomInfo.sid : new Promise((e, n) => {
+      return this.state === ee.Disconnected ? "" : this.roomInfo && this.roomInfo.sid !== "" ? this.roomInfo.sid : new Promise((e, n) => {
         const r = (i) => {
           i.sid !== "" && (this.engine.off(D.RoomUpdate, r), e(i.sid));
         };
@@ -21874,13 +21874,13 @@ class wi extends nn.EventEmitter {
     }).on(D.Disconnected, (e) => {
       this.handleDisconnect(this.options.stopLocalTrackOnUnpublish, e);
     }).on(D.ActiveSpeakersUpdate, this.handleActiveSpeakersUpdate).on(D.DataPacketReceived, this.handleDataPacket).on(D.Resuming, () => {
-      this.clearConnectionReconcile(), this.isResuming = !0, this.log.info("Resuming signal connection", this.logContext), this.setAndEmitConnectionState(X.SignalReconnecting) && this.emit(M.SignalReconnecting);
+      this.clearConnectionReconcile(), this.isResuming = !0, this.log.info("Resuming signal connection", this.logContext), this.setAndEmitConnectionState(ee.SignalReconnecting) && this.emit(M.SignalReconnecting);
     }).on(D.Resumed, () => {
-      this.registerConnectionReconcile(), this.isResuming = !1, this.log.info("Resumed signal connection", this.logContext), this.updateSubscriptions(), this.emitBufferedEvents(), this.setAndEmitConnectionState(X.Connected) && this.emit(M.Reconnected);
+      this.registerConnectionReconcile(), this.isResuming = !1, this.log.info("Resumed signal connection", this.logContext), this.updateSubscriptions(), this.emitBufferedEvents(), this.setAndEmitConnectionState(ee.Connected) && this.emit(M.Reconnected);
     }).on(D.SignalResumed, () => {
-      this.bufferedEvents = [], (this.state === X.Reconnecting || this.isResuming) && this.sendSyncState();
+      this.bufferedEvents = [], (this.state === ee.Reconnecting || this.isResuming) && this.sendSyncState();
     }).on(D.Restarting, this.handleRestarting).on(D.SignalRestarted, this.handleSignalRestarted).on(D.Offline, () => {
-      this.setAndEmitConnectionState(X.Reconnecting) && this.emit(M.Reconnecting);
+      this.setAndEmitConnectionState(ee.Reconnecting) && this.emit(M.Reconnecting);
     }).on(D.DCBufferStatusChanged, (e, n) => {
       this.emit(M.DCBufferStatusChanged, e, n);
     }).on(D.LocalTrackSubscribed, (e) => {
@@ -21919,13 +21919,13 @@ class wi extends nn.EventEmitter {
    */
   prepareConnection(e, n) {
     return w(this, void 0, void 0, function* () {
-      if (this.state === X.Disconnected) {
+      if (this.state === ee.Disconnected) {
         this.log.debug("prepareConnection to ".concat(e), this.logContext);
         try {
           if (xu(new URL(e)) && n) {
             this.regionUrlProvider = new Lu(e, n);
             const r = yield this.regionUrlProvider.getNextBestRegionUrl();
-            r && this.state === X.Disconnected && (this.regionUrl = r, yield fetch(Eu(r), {
+            r && this.state === ee.Disconnected && (this.regionUrl = r, yield fetch(Eu(r), {
               method: "HEAD"
             }), this.log.debug("prepared connection to ".concat(r), this.logContext));
           } else
@@ -22143,7 +22143,7 @@ class wi extends nn.EventEmitter {
     (e = this.engine) === null || e === void 0 || e.close(), this.engine = void 0, this.isResuming = !1, this.remoteParticipants.clear(), this.sidToIdentity.clear(), this.bufferedEvents = [], this.maybeCreateEngine();
   }
   onTrackAdded(e, n, r) {
-    if (this.state === X.Connecting || this.state === X.Reconnecting) {
+    if (this.state === ee.Connecting || this.state === ee.Reconnecting) {
       const u = () => {
         this.onTrackAdded(e, n, r), d();
       }, d = () => {
@@ -22152,7 +22152,7 @@ class wi extends nn.EventEmitter {
       this.once(M.Reconnected, u), this.once(M.Connected, u), this.once(M.Disconnected, d);
       return;
     }
-    if (this.state === X.Disconnected) {
+    if (this.state === ee.Disconnected) {
       this.log.warn("skipping incoming track after Room disconnected", this.logContext);
       return;
     }
@@ -22177,7 +22177,7 @@ class wi extends nn.EventEmitter {
   handleDisconnect() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0, n = arguments.length > 1 ? arguments[1] : void 0;
     var r;
-    if (this.clearConnectionReconcile(), this.isResuming = !1, this.bufferedEvents = [], this.transcriptionReceivedTimes.clear(), this.state !== X.Disconnected) {
+    if (this.clearConnectionReconcile(), this.isResuming = !1, this.bufferedEvents = [], this.transcriptionReceivedTimes.clear(), this.state !== ee.Disconnected) {
       this.regionUrl = void 0;
       try {
         this.remoteParticipants.forEach((i) => {
@@ -22189,7 +22189,7 @@ class wi extends nn.EventEmitter {
           i.track && this.localParticipant.unpublishTrack(i.track, e), e ? ((s = i.track) === null || s === void 0 || s.detach(), (o = i.track) === null || o === void 0 || o.stop()) : (a = i.track) === null || a === void 0 || a.stopMonitor();
         }), this.localParticipant.off(A.ParticipantMetadataChanged, this.onLocalParticipantMetadataChanged).off(A.ParticipantNameChanged, this.onLocalParticipantNameChanged).off(A.AttributesChanged, this.onLocalAttributesChanged).off(A.TrackMuted, this.onLocalTrackMuted).off(A.TrackUnmuted, this.onLocalTrackUnmuted).off(A.LocalTrackPublished, this.onLocalTrackPublished).off(A.LocalTrackUnpublished, this.onLocalTrackUnpublished).off(A.ConnectionQualityChanged, this.onLocalConnectionQualityChanged).off(A.MediaDevicesError, this.onMediaDevicesError).off(A.AudioStreamAcquired, this.startAudio).off(A.ChatMessage, this.onLocalChatMessageSent).off(A.ParticipantPermissionsChanged, this.onLocalParticipantPermissionsChanged), this.localParticipant.trackPublications.clear(), this.localParticipant.videoTrackPublications.clear(), this.localParticipant.audioTrackPublications.clear(), this.remoteParticipants.clear(), this.sidToIdentity.clear(), this.activeSpeakers = [], this.audioContext && typeof this.options.webAudioMix == "boolean" && (this.audioContext.close(), this.audioContext = void 0), it() && (window.removeEventListener("beforeunload", this.onPageLeave), window.removeEventListener("pagehide", this.onPageLeave), window.removeEventListener("freeze", this.onPageLeave), (r = navigator.mediaDevices) === null || r === void 0 || r.removeEventListener("devicechange", this.handleDeviceChange));
       } finally {
-        this.setAndEmitConnectionState(X.Disconnected), this.emit(M.Disconnected, n);
+        this.setAndEmitConnectionState(ee.Disconnected), this.emit(M.Disconnected, n);
       }
     }
   }
@@ -22381,9 +22381,9 @@ class wi extends nn.EventEmitter {
   emitWhenConnected(e) {
     for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), i = 1; i < n; i++)
       r[i - 1] = arguments[i];
-    if (this.state === X.Reconnecting || this.isResuming || !this.engine || this.engine.pendingReconnect)
+    if (this.state === ee.Reconnecting || this.isResuming || !this.engine || this.engine.pendingReconnect)
       this.bufferedEvents.push([e, r]);
-    else if (this.state === X.Connected)
+    else if (this.state === ee.Connected)
       return this.emit(e, ...r);
     return !1;
   }
@@ -22420,7 +22420,7 @@ class wi extends nn.EventEmitter {
       }), this.localParticipant.updateInfo(new Ms({
         identity: "simulated-local",
         name: "local-name"
-      })), this.setupLocalParticipantEvents(), this.emit(M.SignalConnected), this.emit(M.Connected), this.setAndEmitConnectionState(X.Connected), i.video) {
+      })), this.setupLocalParticipantEvents(), this.emit(M.SignalConnected), this.emit(M.Connected), this.setAndEmitConnectionState(ee.Connected), i.video) {
         const o = new Nu(O.Kind.Video, new Qr({
           source: xe.CAMERA,
           sid: Math.floor(Math.random() * 1e4).toString(),
@@ -22532,12 +22532,12 @@ class Jn extends nn.EventEmitter {
   }
   connect(e) {
     return w(this, void 0, void 0, function* () {
-      return this.room.state === X.Connected ? this.room : (e || (e = this.url), yield this.room.connect(e, this.token, this.connectOptions), this.room);
+      return this.room.state === ee.Connected ? this.room : (e || (e = this.url), yield this.room.connect(e, this.token, this.connectOptions), this.room);
     });
   }
   disconnect() {
     return w(this, void 0, void 0, function* () {
-      this.room && this.room.state !== X.Disconnected && (yield this.room.disconnect(), yield new Promise((e) => setTimeout(e, 500)));
+      this.room && this.room.state !== ee.Disconnected && (yield this.room.disconnect(), yield new Promise((e) => setTimeout(e, 500)));
     });
   }
   skip() {
@@ -22839,7 +22839,7 @@ class q2 extends Jn {
       }), (e = n.engine.client.ws) === null || e === void 0 || e.close();
       const l = n.engine.client.onClose;
       if (l && l(""), yield o, r) {
-        if (!i || n.state !== X.Connected)
+        if (!i || n.state !== ee.Connected)
           throw this.appendWarning("reconnection is only possible in Redis-based configurations"), new Error("Not able to reconnect");
       } else throw new Error("Did not attempt to reconnect");
     });
@@ -23039,23 +23039,23 @@ const Ry = ({
       try {
         const d = new wi();
         i("pending");
-        const h = await e.getLiveKitCredentials(), f = (g) => {
-          if (g.kind === O.Kind.Audio) {
-            const T = g.attach();
-            l(!0);
-            const p = () => {
-              l(!1), T.removeEventListener("ended", p);
-            };
-            T.addEventListener("ended", p), T.play().catch((v) => {
-              console.warn(v);
-            });
-          }
-        }, m = (g) => {
-          o(g);
+        const h = await e.getLiveKitCredentials(), f = (T) => {
+          const p = T.some(
+            (y) => y.isAgent
+          ), v = T.some(
+            (y) => y.isLocal
+          );
+          l(p), o(v);
+        }, m = (T) => {
+          T.kind === O.Kind.Audio && T.attach().play().catch((v) => {
+            console.warn(v);
+          });
+        }, g = (T) => {
+          o(T);
         };
-        await d.prepareConnection(h.url, h.token), d.on(M.TrackSubscribed, f), d.localParticipant.on(
+        await d.prepareConnection(h.url, h.token), d.on(M.TrackSubscribed, m), d.on(M.ActiveSpeakersChanged, f), d.localParticipant.on(
           A.IsSpeakingChanged,
-          m
+          g
         ), await d.connect(h.url, h.token, { autoSubscribe: !0 }), await d.localParticipant.setMicrophoneEnabled(!0), await d.startAudio(), i("active");
       } catch (d) {
         i("error"), console.warn(d), e.terminateLiveKitCall().catch((h) => {
@@ -23079,7 +23079,7 @@ const Ry = ({
   return /* @__PURE__ */ b.jsxs(
     "div",
     {
-      className: ee(
+      className: J(
         "relative flex flex-col items-center justify-center",
         e
       ),
@@ -23096,7 +23096,7 @@ const Ry = ({
               Icon: Vd,
               label: "Voice",
               type: n ? i === "error" ? "error" : "activated" : "ghost",
-              onClick: i === "pending" ? void 0 : () => {
+              onClick: () => {
                 r((a) => !a);
               }
             }
@@ -23116,7 +23116,7 @@ const Ry = ({
   {
     onClick: t,
     disabled: t == null,
-    className: ee(
+    className: J(
       "relative z-10 w-full px-5 py-4 transition-colors rounded-outer flex justify-between items-center focus:outline-0 overflow-hidden before:content-[''] before:absolute before:transition-colors before:-z-10 before:inset-0 before:bg-transparent",
       {
         "bg-primary-80 text-secondary-80 enabled:hover:before:bg-primary-80 focus:before:bg-primary-80 enabled:active:before:bg-secondary-10 disabled:bg-primary-10 disabled:text-secondary-40": n === "main",
@@ -23136,7 +23136,7 @@ const Ry = ({
 }) => /* @__PURE__ */ b.jsxs(
   "div",
   {
-    className: ee(
+    className: J(
       "p-2 md:p-3 flex flex-col flex-grow justify-center gap-2",
       n
     ),
@@ -23430,10 +23430,10 @@ function Ox(t, e, n) {
 class Ra {
   // set by the lexer
   constructor(e) {
-    J(this, "options");
-    J(this, "rules");
+    X(this, "options");
+    X(this, "rules");
     // set by the lexer
-    J(this, "lexer");
+    X(this, "lexer");
     this.options = e || _r;
   }
   space(e) {
@@ -23913,11 +23913,11 @@ ${d}` : d;
 }
 class St {
   constructor(e) {
-    J(this, "tokens");
-    J(this, "options");
-    J(this, "state");
-    J(this, "tokenizer");
-    J(this, "inlineQueue");
+    X(this, "tokens");
+    X(this, "options");
+    X(this, "state");
+    X(this, "tokenizer");
+    X(this, "inlineQueue");
     this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e || _r, this.options.tokenizer = this.options.tokenizer || new Ra(), this.tokenizer = this.options.tokenizer, this.tokenizer.options = this.options, this.tokenizer.lexer = this, this.inlineQueue = [], this.state = {
       inLink: !1,
       inRawBlock: !1,
@@ -24159,8 +24159,8 @@ class St {
 class Ia {
   // set by the parser
   constructor(e) {
-    J(this, "options");
-    J(this, "parser");
+    X(this, "options");
+    X(this, "parser");
     this.options = e || _r;
   }
   space(e) {
@@ -24323,9 +24323,9 @@ class ph {
 }
 class wt {
   constructor(e) {
-    J(this, "options");
-    J(this, "renderer");
-    J(this, "textRenderer");
+    X(this, "options");
+    X(this, "renderer");
+    X(this, "textRenderer");
     this.options = e || _r, this.options.renderer = this.options.renderer || new Ia(), this.renderer = this.options.renderer, this.renderer.options = this.options, this.renderer.parser = this, this.textRenderer = new ph();
   }
   /**
@@ -24486,8 +24486,8 @@ class wt {
 }
 class hs {
   constructor(e) {
-    J(this, "options");
-    J(this, "block");
+    X(this, "options");
+    X(this, "block");
     this.options = e || _r;
   }
   /**
@@ -24521,23 +24521,23 @@ class hs {
     return this.block ? wt.parse : wt.parseInline;
   }
 }
-J(hs, "passThroughHooks", /* @__PURE__ */ new Set([
+X(hs, "passThroughHooks", /* @__PURE__ */ new Set([
   "preprocess",
   "postprocess",
   "processAllTokens"
 ]));
 class Lx {
   constructor(...e) {
-    J(this, "defaults", ah());
-    J(this, "options", this.setOptions);
-    J(this, "parse", this.parseMarkdown(!0));
-    J(this, "parseInline", this.parseMarkdown(!1));
-    J(this, "Parser", wt);
-    J(this, "Renderer", Ia);
-    J(this, "TextRenderer", ph);
-    J(this, "Lexer", St);
-    J(this, "Tokenizer", Ra);
-    J(this, "Hooks", hs);
+    X(this, "defaults", ah());
+    X(this, "options", this.setOptions);
+    X(this, "parse", this.parseMarkdown(!0));
+    X(this, "parseInline", this.parseMarkdown(!1));
+    X(this, "Parser", wt);
+    X(this, "Renderer", Ia);
+    X(this, "TextRenderer", ph);
+    X(this, "Lexer", St);
+    X(this, "Tokenizer", Ra);
+    X(this, "Hooks", hs);
     this.use(...e);
   }
   /**
@@ -24769,12 +24769,12 @@ const Mx = 30, Wi = 17, Nx = (t) => t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t +
   return /* @__PURE__ */ b.jsx(
     "div",
     {
-      className: ee(
+      className: J(
         "h-full w-full flex items-center justify-center",
         e
       ),
       children: /* @__PURE__ */ b.jsxs("div", { className: "flex flex-col items-center justify-center gap-3", children: [
-        /* @__PURE__ */ b.jsx("div", { className: ee("w-8 h-8 block text-accent"), children: /* @__PURE__ */ b.jsx(
+        /* @__PURE__ */ b.jsx("div", { className: J("w-8 h-8 block text-accent"), children: /* @__PURE__ */ b.jsx(
           "svg",
           {
             viewBox: "0 0 100 100",
@@ -24813,17 +24813,30 @@ const Mx = 30, Wi = 17, Nx = (t) => t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t +
       label: s.choiceText
     }
   ) }, o) : null
-) }) }) : null, rc = ({ text: t, files: e }) => /* @__PURE__ */ b.jsxs("div", { className: "space-y-2", children: [
-  /* @__PURE__ */ b.jsx("div", { className: "flex justify-end pl-10 text-base", children: /* @__PURE__ */ b.jsx("div", { className: "text-primary-60 p-3 rounded-inner bg-primary-5 whitespace-pre-wrap", children: t }) }),
-  e != null ? /* @__PURE__ */ b.jsx("div", { className: "flex flex-wrap justify-end gap-2", children: e.map((n, r) => (
+) }) }) : null, rc = ({
+  text: t,
+  bubble: e,
+  files: n
+}) => /* @__PURE__ */ b.jsxs("div", { className: "space-y-2", children: [
+  /* @__PURE__ */ b.jsx("div", { className: "flex justify-end pl-10 text-base", children: /* @__PURE__ */ b.jsx(
+    "div",
+    {
+      className: J(
+        "text-primary-60 rounded-inner whitespace-pre-wrap",
+        e ? "bg-primary-5 p-3" : ""
+      ),
+      children: t
+    }
+  ) }),
+  n != null ? /* @__PURE__ */ b.jsx("div", { className: "flex flex-wrap justify-end gap-2", children: n.map((r, i) => (
     // TODO: style, add file name as alt text
     /* @__PURE__ */ b.jsx(
       "img",
       {
         className: "rounded-inner h-20",
-        src: URL.createObjectURL(n)
+        src: URL.createObjectURL(r)
       },
-      r
+      i
     )
   )) }) : null
 ] }), Bx = ({ message: t }) => /* @__PURE__ */ b.jsxs("div", { className: "bg-error-secondary text-error-primary text-base p-3 rounded-inner flex items-center gap-2", children: [
@@ -24833,108 +24846,122 @@ const Mx = 30, Wi = 17, Nx = (t) => t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t +
   responses: t,
   colorMode: e,
   uploadedFiles: n,
-  lastBotResponseIndex: r,
-  isWaiting: i,
-  customModalities: s,
-  handler: o,
-  className: a,
-  enabled: l
+  userMessageBubble: r,
+  agentMessageBubble: i,
+  lastBotResponseIndex: s,
+  isWaiting: o,
+  customModalities: a,
+  handler: l,
+  className: c,
+  enabled: u
 }) => {
-  const c = B.useRef(null), u = B.useRef(null);
+  const d = B.useRef(null), h = B.useRef(null);
   return B.useEffect(() => {
-    i || setTimeout(() => {
-      var d;
-      (d = u.current) == null || d.scrollIntoView({ behavior: "smooth" });
+    o || setTimeout(() => {
+      var f;
+      (f = h.current) == null || f.scrollIntoView({ behavior: "smooth" });
     });
-  }, [i]), /* @__PURE__ */ b.jsxs("div", { className: ee("relative", a), children: [
+  }, [o]), /* @__PURE__ */ b.jsxs("div", { className: J("relative", c), children: [
     /* @__PURE__ */ b.jsx(
       "div",
       {
         "data-theme": e === "dark" ? "light" : "dark",
-        className: ee(
+        className: J(
           "absolute inset-x-0 h-[1px] top-0 bg-background opacity-[0.01] backdrop-blur-md"
         )
       }
     ),
-    i ? /* @__PURE__ */ b.jsx(Ux, { label: "Thinking", className: "absolute inset-0" }) : null,
+    o ? /* @__PURE__ */ b.jsx(Ux, { label: "Thinking", className: "absolute inset-0" }) : null,
     /* @__PURE__ */ b.jsx(
       "div",
       {
-        className: ee(
+        className: J(
           "absolute inset-0 p-2 md:p-3 overflow-y-auto no-scrollbar space-y-8",
-          i ? "opacity-0" : "opacity-100"
+          o ? "opacity-0" : "opacity-100"
         ),
-        ref: c,
-        children: t.map((d, h) => {
-          if (d.type === "user")
-            return d.payload.type === "text" ? /* @__PURE__ */ b.jsx(rc, { text: d.payload.text }, h) : d.payload.type === "structured" && d.payload.utterance != null && d.payload.uploadIds != null ? /* @__PURE__ */ b.jsx(
+        ref: d,
+        children: t.map((f, m) => {
+          if (f.type === "user")
+            return f.payload.type === "text" ? /* @__PURE__ */ b.jsx(
+              rc,
+              {
+                text: f.payload.text,
+                bubble: r
+              },
+              m
+            ) : f.payload.type === "structured" && f.payload.utterance != null && f.payload.uploadIds != null ? /* @__PURE__ */ b.jsx(
               rc,
               {
-                text: d.payload.utterance,
-                files: d.payload.uploadIds.map((m) => n[m]).filter((m) => m != null)
+                bubble: r,
+                text: f.payload.utterance,
+                files: f.payload.uploadIds.map((T) => n[T]).filter((T) => T != null)
               },
-              h
+              m
             ) : null;
-          if (d.type === "failure")
+          if (f.type === "failure")
             return /* @__PURE__ */ b.jsx(
               Bx,
               {
-                message: d.payload.text
+                message: f.payload.text
               },
-              h
+              m
             );
-          const f = r != null && h === r;
+          const g = s != null && m === s;
           return /* @__PURE__ */ b.jsxs(B.Fragment, { children: [
             /* @__PURE__ */ b.jsxs(
               "div",
               {
-                className: ee("space-y-2", f ? "min-h-full" : ""),
-                ref: f ? u : void 0,
+                className: J("space-y-2", g ? "min-h-full" : ""),
+                ref: g ? h : void 0,
                 children: [
-                  d.payload.messages.map((m, g) => /* @__PURE__ */ b.jsx("div", { className: "text-base", children: /* @__PURE__ */ b.jsx(
+                  f.payload.messages.map((T, p) => /* @__PURE__ */ b.jsx("div", { className: "text-base", children: /* @__PURE__ */ b.jsx(
                     "div",
                     {
-                      className: "pr-10 space-y-6",
+                      className: J(
+                        "space-y-6 markdown",
+                        i ? "p-3 w-fit bg-secondary-40 mr-10 rounded-inner" : ""
+                      ),
                       dangerouslySetInnerHTML: {
-                        __html: re(m.text)
+                        __html: re(T.text)
                       }
                     }
-                  ) }, g)),
-                  Object.entries(d.payload.modalities ?? {}).map(
-                    ([m, g]) => {
-                      const T = s[m];
-                      return T == null ? (console.warn(
-                        `Custom component implementation missing for the ${m} modality.`
+                  ) }, p)),
+                  Object.entries(f.payload.modalities ?? {}).map(
+                    ([T, p]) => {
+                      const v = a[T];
+                      return v == null ? (console.warn(
+                        `Custom component implementation missing for the ${T} modality.`
                       ), null) : /* @__PURE__ */ b.jsx(
-                        T,
+                        v,
                         {
-                          data: g,
-                          conversationHandler: o,
-                          enabled: l
+                          data: p,
+                          conversationHandler: l,
+                          enabled: u
                         },
-                        m
+                        T
                       );
                     }
                   )
                 ]
               }
             ),
-            d.payload.messages.map((m, g) => {
-              if (m.selectedChoiceId != null) {
-                const T = m.choices.find(
-                  (p) => p.choiceId === m.selectedChoiceId
+            f.payload.messages.map((T, p) => {
+              if (T.selectedChoiceId != null) {
+                const v = T.choices.find(
+                  (y) => y.choiceId === T.selectedChoiceId
                 );
-                return T == null ? null : /* @__PURE__ */ b.jsx(
+                return v == null ? null : /* @__PURE__ */ b.jsx(
                   rc,
                   {
-                    text: T.choiceText
+                    text: v.choiceText,
+                    bubble: r
                   },
-                  g
+                  p
                 );
               }
               return null;
             })
-          ] }, h);
+          ] }, m);
         })
       },
       "messages"
@@ -24943,7 +24970,7 @@ const Mx = 30, Wi = 17, Nx = (t) => t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t +
 }, Vx = () => /* @__PURE__ */ b.jsxs(
   "div",
   {
-    className: ee(
+    className: J(
       "flex-grow flex flex-col items-center justify-center gap-6 text-primary-80",
       // Used in CSS
       "fullscreen-error"
@@ -25172,13 +25199,13 @@ const tm = 8, sE = ({
       V();
     });
   };
-  return /* @__PURE__ */ b.jsxs("div", { className: ee("p-2 md:p-3 relative", t), children: [
+  return /* @__PURE__ */ b.jsxs("div", { className: J("p-2 md:p-3 relative", t), children: [
     e != null ? /* @__PURE__ */ b.jsx(
       Fx,
       {
         ...e,
         handler: n,
-        className: ee(
+        className: J(
           "absolute inset-x-0 z-10 top-0 transform -translate-y-full px-2 md:px-3",
           e.message.selectedChoiceId != null ? "md:top-2" : "md:top-1"
         )
@@ -25187,7 +25214,7 @@ const tm = 8, sE = ({
     (e == null ? void 0 : e.message.selectedChoiceId) != null ? null : /* @__PURE__ */ b.jsxs(
       "div",
       {
-        className: ee(
+        className: J(
           "bg-primary-5 transition-colors duration-200 p-2 rounded-outer text-base font-normal",
           a ? "" : "hover:bg-secondary-20"
         ),
@@ -25217,13 +25244,13 @@ const tm = 8, sE = ({
             ] }),
             /* @__PURE__ */ b.jsx("hr", { className: "border-b-px border-background mb-2 -mx-2" })
           ] }),
-          /* @__PURE__ */ b.jsxs("div", { className: ee("flex items-end gap-1"), children: [
+          /* @__PURE__ */ b.jsxs("div", { className: J("flex items-end gap-1"), children: [
             r ? /* @__PURE__ */ b.jsxs("div", { className: "flex-none relative", children: [
               v && C ? /* @__PURE__ */ b.jsx(eu, { className: "rounded-inner" }) : null,
               /* @__PURE__ */ b.jsx(
                 Yt,
                 {
-                  className: ee("flex-none"),
+                  className: J("flex-none"),
                   Icon: Vd,
                   label: "Voice",
                   type: v ? k === "error" ? "error" : "activated" : "ghost",
@@ -25269,7 +25296,7 @@ const tm = 8, sE = ({
               iE,
               {
                 disabled: S || !o,
-                className: ee(
+                className: J(
                   "h-10 w-full resize-none mr-2 px-2 py-2 outline-none",
                   "bg-transparent text-primary-80 placeholder:text-primary-40 caret-accent",
                   "disabled:text-primary-40"
@@ -25395,7 +25422,7 @@ const tm = 8, sE = ({
   return /* @__PURE__ */ b.jsx(
     "div",
     {
-      className: ee(r),
+      className: J(r),
       style: {
         ...oE(i),
         colorScheme: t
@@ -25468,7 +25495,7 @@ const tm = 8, sE = ({
         /* @__PURE__ */ b.jsxs(
           "div",
           {
-            className: ee(
+            className: J(
               "w-full bg-background text-primary-80 flex relative flex-col h-full backdrop-blur-overlay",
               {
                 "col-span-2 md:col-span-1": T === "half",
@@ -25497,7 +25524,7 @@ const tm = 8, sE = ({
               u ? /* @__PURE__ */ b.jsx(
                 Y2,
                 {
-                  className: ee(
+                  className: J(
                     "flex-none",
                     T === "full" ? "w-full md:max-w-content md:mx-auto" : ""
                   ),
@@ -25511,6 +25538,8 @@ const tm = 8, sE = ({
                   zx,
                   {
                     enabled: t.enabled,
+                    userMessageBubble: t.userMessageBubble ?? !1,
+                    agentMessageBubble: t.agentMessageBubble ?? !1,
                     isWaiting: s,
                     lastBotResponseIndex: p == null ? void 0 : p.index,
                     responses: r,
@@ -25518,7 +25547,7 @@ const tm = 8, sE = ({
                     handler: n,
                     uploadedFiles: y,
                     customModalities: C,
-                    className: ee(
+                    className: J(
                       "flex-grow",
                       T === "full" ? "w-full md:max-w-content md:mx-auto" : ""
                     )
@@ -25527,7 +25556,7 @@ const tm = 8, sE = ({
                 /* @__PURE__ */ b.jsx(
                   sE,
                   {
-                    className: ee(
+                    className: J(
                       "flex-none",
                       T === "full" ? "w-full md:max-w-content md:mx-auto" : ""
                     ),
@@ -25571,13 +25600,13 @@ const tm = 8, sE = ({
   ) : null });
 });
 By.displayName = "App";
-const zy = `*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-family);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*{font-family:var(--font-family)!important}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.left-1\\/2{left:50%}.right-2{right:.5rem}.top-0{top:0}.top-1\\/2{top:50%}.z-10{z-index:10}.z-launchButton{z-index:100}.z-touchpoint{z-index:1000}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-4{height:1rem}.h-52{height:13rem}.h-64{height:16rem}.h-72{height:18rem}.h-8{height:2rem}.h-\\[128px\\]{height:128px}.h-\\[1px\\]{height:1px}.h-\\[360px\\]{height:360px}.h-full{height:100%}.min-h-full{min-height:100%}.w-10{width:2.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-4{width:1rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-\\[128px\\]{width:128px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-content{max-width:608px}.flex-none{flex:none}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\\[320px\\,1fr\\]{grid-template-columns:320px 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.space-y-px>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1px * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-full{border-radius:9999px}.rounded-inner{border-radius:var(--inner-border-radius)}.rounded-outer{border-radius:var(--outer-border-radius)}.border{border-width:1px}.border-background{border-color:var(--background)}.bg-\\[rgb\\(40\\,41\\,47\\)\\]{--tw-bg-opacity: 1;background-color:rgb(40 41 47 / var(--tw-bg-opacity))}.bg-accent{background-color:var(--accent)}.bg-accent-20{background-color:var(--accent-20)}.bg-background{background-color:var(--background)}.bg-black\\/50{background-color:#00000080}.bg-error-primary{background-color:var(--error-primary)}.bg-error-secondary{background-color:var(--error-secondary)}.bg-overlay{background-color:var(--overlay)}.bg-primary-5{background-color:var(--primary-5)}.bg-primary-80{background-color:var(--primary-80)}.bg-secondary-60{background-color:var(--secondary-60)}.bg-transparent{background-color:transparent}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\\.5{padding-top:.625rem;padding-bottom:.625rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-1{padding-bottom:.25rem}.pl-10{padding-left:2.5rem}.pl-4{padding-left:1rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-sans{font-family:var(--font-family)}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-normal{font-weight:400}.text-\\[rgb\\(134\\,135\\,138\\)\\]{--tw-text-opacity: 1;color:rgb(134 135 138 / var(--tw-text-opacity))}.text-accent{color:var(--accent)}.text-error-primary{color:var(--error-primary)}.text-primary-20{color:var(--primary-20)}.text-primary-40{color:var(--primary-40)}.text-primary-60{color:var(--primary-60)}.text-primary-80{color:var(--primary-80)}.text-secondary-40{color:var(--secondary-40)}.text-secondary-80{color:var(--secondary-80)}.placeholder-primary-20::-moz-placeholder{color:var(--primary-20)}.placeholder-primary-20::placeholder{color:var(--primary-20)}.placeholder-primary-40::-moz-placeholder{color:var(--primary-40)}.placeholder-primary-40::placeholder{color:var(--primary-40)}.caret-accent{caret-color:var(--accent)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-\\[0\\.01\\]{opacity:.01}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-0{outline-width:0px}.outline-2{outline-width:2px}.outline-accent{outline-color:var(--accent)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-overlay{--tw-backdrop-blur: blur(48px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@property --glow-opacity{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.fullscreen-error svg{animation:error-glow 3s ease infinite;--glow-opacity: 0%;filter:drop-shadow(0 0 6px color-mix(in srgb,transparent,var(--accent) var(--glow-opacity)))}@keyframes error-glow{0%{color:var(--primary);fill-opacity:8%;--glow-opacity: 0%}22%{color:var(--primary);fill-opacity:8%;--glow-opacity: 0%}35%{color:var(--accent);fill-opacity:80%;--glow-opacity: 60%}45%{color:var(--accent);fill-opacity:70%;--glow-opacity: 30%}55%{color:var(--accent);fill-opacity:60%;--glow-opacity: 60%}60%{color:var(--primary);fill-opacity:8%;--glow-opacity: 0%}to{color:var(--primary);fill-opacity:8%;--glow-opacity: 0%}}.placeholder\\:text-primary-40::-moz-placeholder{color:var(--primary-40)}.placeholder\\:text-primary-40::placeholder{color:var(--primary-40)}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:inset-0:before{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.before\\:-z-10:before{content:var(--tw-content);z-index:-10}.before\\:bg-transparent:before{content:var(--tw-content);background-color:transparent}.before\\:transition-colors:before{content:var(--tw-content);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\\:content-\\[\\'\\'\\]:before{--tw-content: "";content:var(--tw-content)}.after\\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:inset-0:after{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.after\\:rounded-outer:after{content:var(--tw-content);border-radius:var(--outer-border-radius)}.after\\:content-\\[\\'\\'\\]:after{--tw-content: "";content:var(--tw-content)}.hover\\:bg-primary-80:hover{background-color:var(--primary-80)}.hover\\:bg-secondary-20:hover{background-color:var(--secondary-20)}.hover\\:text-primary-80:hover{color:var(--primary-80)}.hover\\:after\\:bg-primary-10:hover:after{content:var(--tw-content);background-color:var(--primary-10)}.focus\\:outline-0:focus{outline-width:0px}.focus\\:before\\:bg-primary-10:focus:before{content:var(--tw-content);background-color:var(--primary-10)}.focus\\:before\\:bg-primary-40:focus:before{content:var(--tw-content);background-color:var(--primary-40)}.focus\\:before\\:bg-primary-5:focus:before{content:var(--tw-content);background-color:var(--primary-5)}.focus\\:before\\:bg-primary-80:focus:before{content:var(--tw-content);background-color:var(--primary-80)}.enabled\\:hover\\:before\\:bg-primary-10:hover:enabled:before{content:var(--tw-content);background-color:var(--primary-10)}.enabled\\:hover\\:before\\:bg-primary-40:hover:enabled:before{content:var(--tw-content);background-color:var(--primary-40)}.enabled\\:hover\\:before\\:bg-primary-5:hover:enabled:before{content:var(--tw-content);background-color:var(--primary-5)}.enabled\\:hover\\:before\\:bg-primary-80:hover:enabled:before{content:var(--tw-content);background-color:var(--primary-80)}.enabled\\:active\\:before\\:bg-secondary-10:active:enabled:before{content:var(--tw-content);background-color:var(--secondary-10)}.disabled\\:bg-accent-20:disabled{background-color:var(--accent-20)}.disabled\\:bg-primary-10:disabled{background-color:var(--primary-10)}.disabled\\:bg-primary-5:disabled{background-color:var(--primary-5)}.disabled\\:bg-secondary-20:disabled{background-color:var(--secondary-20)}.disabled\\:text-primary-20:disabled{color:var(--primary-20)}.disabled\\:text-primary-40:disabled{color:var(--primary-40)}.disabled\\:text-secondary-40:disabled{color:var(--secondary-40)}@media (min-width: 768px){.md\\:absolute{position:absolute}.md\\:left-0{left:0}.md\\:right-0{right:0}.md\\:top-0{top:0}.md\\:top-1{top:.25rem}.md\\:top-2{top:.5rem}.md\\:-order-1{order:-1}.md\\:col-span-1{grid-column:span 1 / span 1}.md\\:mx-auto{margin-left:auto;margin-right:auto}.md\\:block{display:block}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:max-w-content{max-width:608px}.md\\:-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:flex-col{flex-direction:column}.md\\:p-3{padding:.75rem}.md\\:px-3{padding-left:.75rem;padding-right:.75rem}}@media (min-width: 1280px){.xl\\:grid-cols-\\[1fr_632px\\]{grid-template-columns:1fr 632px}}`, cE = ({
+const zy = `*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-family);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*{font-family:var(--font-family)!important}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.left-1\\/2{left:50%}.right-2{right:.5rem}.top-0{top:0}.top-1\\/2{top:50%}.z-10{z-index:10}.z-launchButton{z-index:100}.z-touchpoint{z-index:1000}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-10{margin-right:2.5rem}.mr-2{margin-right:.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-4{height:1rem}.h-52{height:13rem}.h-64{height:16rem}.h-72{height:18rem}.h-8{height:2rem}.h-\\[128px\\]{height:128px}.h-\\[1px\\]{height:1px}.h-\\[360px\\]{height:360px}.h-full{height:100%}.min-h-full{min-height:100%}.w-10{width:2.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-4{width:1rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-\\[128px\\]{width:128px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-content{max-width:608px}.flex-none{flex:none}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\\[320px\\,1fr\\]{grid-template-columns:320px 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.space-y-px>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1px * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-full{border-radius:9999px}.rounded-inner{border-radius:var(--inner-border-radius)}.rounded-outer{border-radius:var(--outer-border-radius)}.border{border-width:1px}.border-background{border-color:var(--background)}.bg-\\[rgb\\(40\\,41\\,47\\)\\]{--tw-bg-opacity: 1;background-color:rgb(40 41 47 / var(--tw-bg-opacity))}.bg-accent{background-color:var(--accent)}.bg-accent-20{background-color:var(--accent-20)}.bg-background{background-color:var(--background)}.bg-black\\/50{background-color:#00000080}.bg-error-primary{background-color:var(--error-primary)}.bg-error-secondary{background-color:var(--error-secondary)}.bg-overlay{background-color:var(--overlay)}.bg-primary-5{background-color:var(--primary-5)}.bg-primary-80{background-color:var(--primary-80)}.bg-secondary-40{background-color:var(--secondary-40)}.bg-secondary-60{background-color:var(--secondary-60)}.bg-transparent{background-color:transparent}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\\.5{padding-top:.625rem;padding-bottom:.625rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-1{padding-bottom:.25rem}.pl-10{padding-left:2.5rem}.pl-4{padding-left:1rem}.pr-2{padding-right:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-sans{font-family:var(--font-family)}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-normal{font-weight:400}.text-\\[rgb\\(134\\,135\\,138\\)\\]{--tw-text-opacity: 1;color:rgb(134 135 138 / var(--tw-text-opacity))}.text-accent{color:var(--accent)}.text-error-primary{color:var(--error-primary)}.text-primary-20{color:var(--primary-20)}.text-primary-40{color:var(--primary-40)}.text-primary-60{color:var(--primary-60)}.text-primary-80{color:var(--primary-80)}.text-secondary-40{color:var(--secondary-40)}.text-secondary-80{color:var(--secondary-80)}.placeholder-primary-20::-moz-placeholder{color:var(--primary-20)}.placeholder-primary-20::placeholder{color:var(--primary-20)}.placeholder-primary-40::-moz-placeholder{color:var(--primary-40)}.placeholder-primary-40::placeholder{color:var(--primary-40)}.caret-accent{caret-color:var(--accent)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-\\[0\\.01\\]{opacity:.01}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-0{outline-width:0px}.outline-2{outline-width:2px}.outline-accent{outline-color:var(--accent)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-overlay{--tw-backdrop-blur: blur(48px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@property --glow-opacity{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.fullscreen-error svg{animation:error-glow 3s ease infinite;--glow-opacity: 0%;filter:drop-shadow(0 0 6px color-mix(in srgb,transparent,var(--accent) var(--glow-opacity)))}@keyframes error-glow{0%{color:var(--primary);fill-opacity:8%;--glow-opacity: 0%}22%{color:var(--primary);fill-opacity:8%;--glow-opacity: 0%}35%{color:var(--accent);fill-opacity:80%;--glow-opacity: 60%}45%{color:var(--accent);fill-opacity:70%;--glow-opacity: 30%}55%{color:var(--accent);fill-opacity:60%;--glow-opacity: 60%}60%{color:var(--primary);fill-opacity:8%;--glow-opacity: 0%}to{color:var(--primary);fill-opacity:8%;--glow-opacity: 0%}}.markdown ul{list-style-position:inside;list-style-type:disc}.markdown ol{list-style-position:inside;list-style-type:decimal}.markdown hr{border-color:var(--primary-20)}.markdown a{text-decoration-line:underline}.markdown h1,.markdown h2,.markdown h3{font-weight:700}.placeholder\\:text-primary-40::-moz-placeholder{color:var(--primary-40)}.placeholder\\:text-primary-40::placeholder{color:var(--primary-40)}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:inset-0:before{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.before\\:-z-10:before{content:var(--tw-content);z-index:-10}.before\\:bg-transparent:before{content:var(--tw-content);background-color:transparent}.before\\:transition-colors:before{content:var(--tw-content);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\\:content-\\[\\'\\'\\]:before{--tw-content: "";content:var(--tw-content)}.after\\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:inset-0:after{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.after\\:rounded-outer:after{content:var(--tw-content);border-radius:var(--outer-border-radius)}.after\\:content-\\[\\'\\'\\]:after{--tw-content: "";content:var(--tw-content)}.hover\\:bg-primary-80:hover{background-color:var(--primary-80)}.hover\\:bg-secondary-20:hover{background-color:var(--secondary-20)}.hover\\:text-primary-80:hover{color:var(--primary-80)}.hover\\:after\\:bg-primary-10:hover:after{content:var(--tw-content);background-color:var(--primary-10)}.focus\\:outline-0:focus{outline-width:0px}.focus\\:before\\:bg-primary-10:focus:before{content:var(--tw-content);background-color:var(--primary-10)}.focus\\:before\\:bg-primary-40:focus:before{content:var(--tw-content);background-color:var(--primary-40)}.focus\\:before\\:bg-primary-5:focus:before{content:var(--tw-content);background-color:var(--primary-5)}.focus\\:before\\:bg-primary-80:focus:before{content:var(--tw-content);background-color:var(--primary-80)}.enabled\\:hover\\:before\\:bg-primary-10:hover:enabled:before{content:var(--tw-content);background-color:var(--primary-10)}.enabled\\:hover\\:before\\:bg-primary-40:hover:enabled:before{content:var(--tw-content);background-color:var(--primary-40)}.enabled\\:hover\\:before\\:bg-primary-5:hover:enabled:before{content:var(--tw-content);background-color:var(--primary-5)}.enabled\\:hover\\:before\\:bg-primary-80:hover:enabled:before{content:var(--tw-content);background-color:var(--primary-80)}.enabled\\:active\\:before\\:bg-secondary-10:active:enabled:before{content:var(--tw-content);background-color:var(--secondary-10)}.disabled\\:bg-accent-20:disabled{background-color:var(--accent-20)}.disabled\\:bg-primary-10:disabled{background-color:var(--primary-10)}.disabled\\:bg-primary-5:disabled{background-color:var(--primary-5)}.disabled\\:bg-secondary-20:disabled{background-color:var(--secondary-20)}.disabled\\:text-primary-20:disabled{color:var(--primary-20)}.disabled\\:text-primary-40:disabled{color:var(--primary-40)}.disabled\\:text-secondary-40:disabled{color:var(--secondary-40)}@media (min-width: 768px){.md\\:absolute{position:absolute}.md\\:left-0{left:0}.md\\:right-0{right:0}.md\\:top-0{top:0}.md\\:top-1{top:.25rem}.md\\:top-2{top:.5rem}.md\\:-order-1{order:-1}.md\\:col-span-1{grid-column:span 1 / span 1}.md\\:mx-auto{margin-left:auto;margin-right:auto}.md\\:block{display:block}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:max-w-content{max-width:608px}.md\\:-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:flex-col{flex-direction:column}.md\\:p-3{padding:.75rem}.md\\:px-3{padding-left:.75rem;padding-right:.75rem}}@media (min-width: 1280px){.xl\\:grid-cols-\\[1fr_632px\\]{grid-template-columns:1fr 632px}}`, cE = ({
   children: t,
   faded: e
 }) => /* @__PURE__ */ b.jsx(
   "p",
   {
-    className: ee("text-base", e ? "text-primary-60" : "text-primary-80"),
+    className: J("text-base", e ? "text-primary-60" : "text-primary-80"),
     children: t
   }
 ), uE = ({ children: t }) => /* @__PURE__ */ b.jsx("p", { className: "text-sm text-primary-60", children: t }), dE = ({
@@ -25587,7 +25616,7 @@ const zy = `*,:before,:after{box-sizing:border-box;border-width:0;border-style:s
 }) => /* @__PURE__ */ b.jsx(
   "div",
   {
-    className: ee(
+    className: J(
       "block shrink-0 rounded-inner overflow-hidden",
       "w-80 space-y-px",
       e ? "outline outline-2 outline-accent" : ""
@@ -26295,7 +26324,7 @@ const zE = {
   return /* @__PURE__ */ b.jsxs(
     "div",
     {
-      className: ee(
+      className: J(
         "relative bg-primary-5 flex items-center justify-between pl-4 py-2 pr-2 rounded-outer transition-colors duration-500 before:content-[''] before:absolute before:transition-colors before:-z-10 before:inset-0 before:bg-transparent",
         e ? "" : "hover:bg-secondary-20"
       ),
@@ -26306,7 +26335,7 @@ const zE = {
             BE,
             {
               ...zE,
-              className: ee(
+              className: J(
                 "bg-transparent text-primary-80 outline-0 ml-2 py-2.5",
                 e ? "placeholder-primary-20 pointer-events-none" : "placeholder-primary-40"
               ),
@@ -26370,22 +26399,22 @@ class $E extends HTMLElement {
     /**
      * Returns an imperative reference allowing control over the application
      */
-    J(this, "onRef", null);
+    X(this, "onRef", null);
     /**
      * When set to false, will render a button that opens the touchpoint in a separate DOM location.
      *
      * When set to true, you get the touchpoint directly, and can control its size and placement.
      */
-    J(this, "embedded", !0);
+    X(this, "embedded", !0);
     /**
      * What does the close button in touchpoint do:
      * - If set to null, the close button will not be rendered
      * - If set to a function, the function will be called when the close button is clicked
      *  You may call `preventDefault` to prevent the touchpoint from closing and handle closing yourself.
      */
-    J(this, "onClose", null);
+    X(this, "onClose", null);
     /** Render the settings button  */
-    J(this, "enableSettings", !1);
+    X(this, "enableSettings", !1);
     // TODO: revisit enabled vs. enableSettings naming
     Ir(this, hi, !0);
   }