@voxket-ai/voxket-live 1.0.152 → 1.0.154

package/dist/index.js

@@ -1,6 +1,6 @@
 var Yg = Object.defineProperty;
 var Zg = (e, t, n) => t in e ? Yg(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var at = (e, t, n) => Zg(e, typeof t != "symbol" ? t + "" : t, n);
+var ot = (e, t, n) => Zg(e, typeof t != "symbol" ? t + "" : t, n);
 import * as P from "react";
 import Fe, { createContext as Tn, useRef as tn, useLayoutEffect as Xg, useEffect as Ct, useId as Ha, useContext as _t, useInsertionEffect as Cf, useMemo as Zt, useCallback as qe, Children as Qg, isValidElement as Jg, useState as we, Fragment as Tf, createElement as eb, forwardRef as tb, Component as nb } from "react";
 import { jsx as m, Fragment as Nn, jsxs as A } from "react/jsx-runtime";
@@ -195,7 +195,7 @@ function Qf(e, t) {
       s[Li[C]].cancel(E);
   }, state: i, steps: s };
 }
-const { schedule: st, cancel: $n, state: It, steps: is } = /* @__PURE__ */ Qf(typeof requestAnimationFrame < "u" ? requestAnimationFrame : nn, !0);
+const { schedule: at, cancel: $n, state: It, steps: is } = /* @__PURE__ */ Qf(typeof requestAnimationFrame < "u" ? requestAnimationFrame : nn, !0);
 let ro;
 function Mb() {
   ro = void 0;
@@ -397,7 +397,7 @@ function sh(e, t, n) {
 const ty = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
-    start: (n = !0) => st.update(t, n),
+    start: (n = !0) => at.update(t, n),
     stop: () => $n(t),
     /**
      * If we're processing this frame we can use the
@@ -980,7 +980,7 @@ class ul {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = r, this.motionValue = i, this.element = o, this.isAsync = s;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (tr.add(this), fa || (fa = !0, st.read(dh), st.resolveKeyframes(uh))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (tr.add(this), fa || (fa = !0, at.read(dh), at.resolveKeyframes(uh))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: r, motionValue: i } = this;
@@ -1628,7 +1628,7 @@ class a0 {
     this.events[t] || (this.events[t] = new Xa());
     const r = this.events[t].add(n);
     return t === "change" ? () => {
-      r(), st.read(() => {
+      r(), at.read(() => {
         this.events.change.getSize() || this.stop();
       });
     } : r;
@@ -2656,7 +2656,7 @@ class sx {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const f = Ut.now();
-      this.renderScheduledAt < f && (this.renderScheduledAt = f, st.render(this.render, !1, !0));
+      this.renderScheduledAt < f && (this.renderScheduledAt = f, at.render(this.render, !1, !0));
     };
     const { latestValues: l, renderState: c } = s;
     this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = c, this.parent = t, this.props = n, this.presenceContext = r, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = i, this.options = a, this.blockInitialAnimation = !!o, this.isControllingVariants = Oo(n), this.isVariantNode = Mh(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
@@ -2692,7 +2692,7 @@ class sx {
     const r = $r.has(t);
     r && this.onBindTransform && this.onBindTransform();
     const i = n.on("change", (s) => {
-      this.latestValues[t] = s, this.props.onUpdate && st.preRender(this.notifyUpdate), r && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
+      this.latestValues[t] = s, this.props.onUpdate && at.preRender(this.notifyUpdate), r && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
     });
     let o;
     window.MotionCheckAppearSync && (o = window.MotionCheckAppearSync(this, t, n)), this.valueSubscriptions.set(t, () => {
@@ -3047,7 +3047,7 @@ const Sl = (e, t, n, r = {}, i, o) => (s) => {
   if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (ma(u), u.delay === 0 && (d = !0)), (_n.instantAnimations || _n.skipAnimations) && (d = !0, ma(u), u.delay = 0), u.allowFlatten = !a.type && !a.ease, d && !o && t.get() !== void 0) {
     const f = bx(u.keyframes, a);
     if (f !== void 0) {
-      st.update(() => {
+      at.update(() => {
         u.onUpdate(f), u.onComplete();
       });
       return;
@@ -3077,7 +3077,7 @@ function Xh(e, t, { delay: n = 0, transitionOverride: r, type: i } = {}) {
     if (window.MotionHandoffAnimation) {
       const y = Zh(e);
       if (y) {
-        const k = window.MotionHandoffAnimation(y, u, st);
+        const k = window.MotionHandoffAnimation(y, u, at);
         k !== null && (h.startTime = k, p = !0);
       }
     }
@@ -3086,7 +3086,7 @@ function Xh(e, t, { delay: n = 0, transitionOverride: r, type: i } = {}) {
     x && l.push(x);
   }
   return s && Promise.all(l).then(() => {
-    st.update(() => {
+    at.update(() => {
       s && px(e, s);
     });
   }), l;
@@ -3416,7 +3416,7 @@ class ip {
       const { onStart: y, onMove: k } = this.handlers;
       h || (y && y(this.lastMoveEvent, f), this.startEvent = this.lastMoveEvent), k && k(this.lastMoveEvent, f);
     }, this.handlePointerMove = (f, h) => {
-      this.lastMoveEvent = f, this.lastMoveEventInfo = fs(h, this.transformPagePoint), st.update(this.updatePoint, !0);
+      this.lastMoveEvent = f, this.lastMoveEventInfo = fs(h, this.transformPagePoint), at.update(this.updatePoint, !0);
     }, this.handlePointerUp = (f, h) => {
       this.end();
       const { onEnd: g, onSessionEnd: p, resumeAnimation: x } = this.handlers;
@@ -3553,7 +3553,7 @@ class ew {
           }
         }
         this.originPoint[y] = k;
-      }), p && st.postRender(() => p(d, f)), va(this.visualElement, "transform");
+      }), p && at.postRender(() => p(d, f)), va(this.visualElement, "transform");
       const { animationState: x } = this.visualElement;
       x && x.setActive("whileDrag", !0);
     }, a = (d, f) => {
@@ -3596,7 +3596,7 @@ class ew {
     const { velocity: s } = i;
     this.startAnimation(s);
     const { onDragEnd: a } = this.getProps();
-    a && st.postRender(() => a(r, i));
+    a && at.postRender(() => a(r, i));
   }
   /**
    * @internal
@@ -3739,7 +3739,7 @@ class ew {
       const { dragConstraints: l } = this.getProps();
       kr(l) && l.current && (this.constraints = this.resolveRefConstraints());
     }, { projection: i } = this.visualElement, o = i.addEventListener("measure", r);
-    i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), st.read(r);
+    i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), at.read(r);
     const s = bi(window, "resize", () => this.scalePositionWithinConstraints()), a = i.addEventListener("didUpdate", ({ delta: l, hasLayoutChanged: c }) => {
       this.isDragging && c && (Qt((u) => {
         const d = this.getAxisMotionValue(u);
@@ -3783,7 +3783,7 @@ class nw extends Hn {
   }
 }
 const uu = (e) => (t, n) => {
-  e && st.postRender(() => e(t, n));
+  e && at.postRender(() => e(t, n));
 };
 class rw extends Hn {
   constructor() {
@@ -3802,7 +3802,7 @@ class rw extends Hn {
       onStart: uu(n),
       onMove: r,
       onEnd: (o, s) => {
-        delete this.session, i && st.postRender(() => i(o, s));
+        delete this.session, i && at.postRender(() => i(o, s));
       }
     };
   }
@@ -3872,7 +3872,7 @@ class ow extends nb {
   }
   getSnapshotBeforeUpdate(t) {
     const { layoutDependency: n, visualElement: r, drag: i, isPresent: o } = this.props, { projection: s } = r;
-    return s && (s.isPresent = o, ps = !0, i || t.layoutDependency !== n || n === void 0 || t.isPresent !== o ? s.willUpdate() : this.safeToRemove(), t.isPresent !== o && (o ? s.promote() : s.relegate() || st.postRender(() => {
+    return s && (s.isPresent = o, ps = !0, i || t.layoutDependency !== n || n === void 0 || t.isPresent !== o ? s.willUpdate() : this.safeToRemove(), t.isPresent !== o && (o ? s.promote() : s.relegate() || at.postRender(() => {
       const a = s.getStack();
       (!a || !a.members.length) && this.safeToRemove();
     }))), null;
@@ -3939,7 +3939,7 @@ function uw(e, t) {
     const o = i - n;
     o >= t && ($n(r), e(o - t));
   };
-  return st.setup(r, !0), () => $n(r);
+  return at.setup(r, !0), () => $n(r);
 }
 const ap = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], dw = ap.length, fu = (e) => typeof e == "string" ? parseFloat(e) : e, hu = (e) => typeof e == "number" || xe.test(e);
 function fw(e, t, n, r, i, o) {
@@ -4088,7 +4088,7 @@ function dp(e) {
   const n = Zh(t);
   if (window.MotionHasOptimisedAnimation(n, "transform")) {
     const { layout: i, layoutId: o } = e.options;
-    window.MotionCancelOptimisedAnimation(n, "transform", st, !(i || o));
+    window.MotionCancelOptimisedAnimation(n, "transform", at, !(i || o));
   }
   const { parent: r } = e;
   r && !r.hasCheckedOptimisedAppear && dp(r);
@@ -4126,7 +4126,7 @@ function fp({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       if (c && !c.current && c.mount(s), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (l || a) && (this.isLayoutDirty = !0), e) {
         let u, d = 0;
         const f = () => this.root.updateBlockedByResize = !1;
-        st.read(() => {
+        at.read(() => {
           d = window.innerWidth;
         }), e(s, () => {
           const h = window.innerWidth;
@@ -4216,10 +4216,10 @@ function fp({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       this.nodes.forEach(Tw), this.sharedNodes.forEach(Iw);
     }
     scheduleUpdateProjection() {
-      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, st.preRender(this.updateProjection, !1, !0));
+      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, at.preRender(this.updateProjection, !1, !0));
     }
     scheduleCheckAfterUnmount() {
-      st.postRender(() => {
+      at.postRender(() => {
         this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
       });
     }
@@ -4410,7 +4410,7 @@ function fp({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     }
     startAnimation(s) {
       var a, l, c;
-      this.notifyListeners("animationStart"), (a = this.currentAnimation) == null || a.stop(), (c = (l = this.resumingFrom) == null ? void 0 : l.currentAnimation) == null || c.stop(), this.pendingAnimation && ($n(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = st.update(() => {
+      this.notifyListeners("animationStart"), (a = this.currentAnimation) == null || a.stop(), (c = (l = this.resumingFrom) == null ? void 0 : l.currentAnimation) == null || c.stop(), this.pendingAnimation && ($n(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = at.update(() => {
         so.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = Mr(0)), this.currentAnimation = aw(this.motionValue, [0, 1e3], {
           ...s,
           velocity: 0,
@@ -4698,7 +4698,7 @@ function Ou(e, t, n) {
   const { props: r } = e;
   e.animationState && r.whileHover && e.animationState.setActive("whileHover", n === "Start");
   const i = "onHover" + n, o = r[i];
-  o && st.postRender(() => o(t, Si(t)));
+  o && at.postRender(() => o(t, Si(t)));
 }
 class Vw extends Hn {
   mount() {
@@ -4736,7 +4736,7 @@ function Pu(e, t, n) {
     return;
   e.animationState && r.whileTap && e.animationState.setActive("whileTap", n === "Start");
   const i = "onTap" + (n === "End" ? "" : n), o = r[i];
-  o && st.postRender(() => o(t, Si(t)));
+  o && at.postRender(() => o(t, Si(t)));
 }
 class Uw extends Hn {
   mount() {
@@ -8274,7 +8274,7 @@ const Kv = {
   vox: Yv,
   midnight: Zv
 };
-function Tt(e) {
+function Rt(e) {
   return Vu[e] || Vu.vox;
 }
 function zu({ timeout: e }) {
@@ -8458,7 +8458,7 @@ function Jv({
   onEndChat: i,
   attachmentsEnabled: o = !0
 }) {
-  const [s, a] = P.useState(""), [l, c] = P.useState(!1), u = P.useRef(null), d = P.useRef(null), [f, h] = P.useState(!1), g = Tt(r);
+  const [s, a] = P.useState(""), [l, c] = P.useState(!1), u = P.useRef(null), d = P.useRef(null), [f, h] = P.useState(!1), g = Rt(r);
   P.useEffect(() => {
     const v = () => {
       const _ = navigator.userAgent.toLowerCase(), N = ["android", "iphone", "ipad", "mobile", "tablet"].some((R) => _.includes(R)), O = "ontouchstart" in window || navigator.maxTouchPoints > 0, b = window.innerWidth <= 768;
@@ -8644,7 +8644,7 @@ function nE(e) {
   return parseFloat((e / Math.pow(t, r)).toFixed(2)) + " " + n[r];
 }
 function rE({ message: e, theme: t, isOwn: n }) {
-  const r = Tt(t), i = e.metadata, o = (i == null ? void 0 : i.fileName) || "Unknown file", s = (i == null ? void 0 : i.fileSize) || 0, a = (i == null ? void 0 : i.mimeType) || "application/octet-stream", l = i == null ? void 0 : i.downloading, c = i == null ? void 0 : i.uploading, u = (i == null ? void 0 : i.downloadProgress) || 0, d = (i == null ? void 0 : i.uploadProgress) || 0, f = i == null ? void 0 : i.downloadUrl, h = i == null ? void 0 : i.file, g = tE(a), p = l || c, x = l ? u : d, y = l ? "Downloading..." : c ? "Uploading..." : "Complete", [k, E] = P.useState(null);
+  const r = Rt(t), i = e.metadata, o = (i == null ? void 0 : i.fileName) || "Unknown file", s = (i == null ? void 0 : i.fileSize) || 0, a = (i == null ? void 0 : i.mimeType) || "application/octet-stream", l = i == null ? void 0 : i.downloading, c = i == null ? void 0 : i.uploading, u = (i == null ? void 0 : i.downloadProgress) || 0, d = (i == null ? void 0 : i.uploadProgress) || 0, f = i == null ? void 0 : i.downloadUrl, h = i == null ? void 0 : i.file, g = tE(a), p = l || c, x = l ? u : d, y = l ? "Downloading..." : c ? "Uploading..." : "Complete", [k, E] = P.useState(null);
   P.useEffect(() => {
     if (f)
       E(f);
@@ -12899,7 +12899,7 @@ function XS(e) {
       image: o(ve),
       label: s,
       link: o(ke),
-      listItem: o(Nt),
+      listItem: o(Tt),
       listItemValue: f,
       listOrdered: o(ut, d),
       listUnordered: o(ut),
@@ -13019,16 +13019,16 @@ function XS(e) {
   function i(z, Q, ye) {
     let Te = Q - 1, De = -1, Ot = !1, re, $e, Ze, Xe;
     for (; ++Te <= ye; ) {
-      const At = z[Te];
-      switch (At[1].type) {
+      const Nt = z[Te];
+      switch (Nt[1].type) {
         case "listUnordered":
         case "listOrdered":
         case "blockQuote": {
-          At[0] === "enter" ? De++ : De--, Xe = void 0;
+          Nt[0] === "enter" ? De++ : De--, Xe = void 0;
           break;
         }
         case "lineEndingBlank": {
-          At[0] === "enter" && (re && !Xe && !De && !Ze && (Ze = Te), Xe = void 0);
+          Nt[0] === "enter" && (re && !Xe && !De && !Ze && (Ze = Te), Xe = void 0);
           break;
         }
         case "linePrefix":
@@ -13040,7 +13040,7 @@ function XS(e) {
         default:
           Xe = void 0;
       }
-      if (!De && At[0] === "enter" && At[1].type === "listItemPrefix" || De === -1 && At[0] === "exit" && (At[1].type === "listUnordered" || At[1].type === "listOrdered")) {
+      if (!De && Nt[0] === "enter" && Nt[1].type === "listItemPrefix" || De === -1 && Nt[0] === "exit" && (Nt[1].type === "listUnordered" || Nt[1].type === "listOrdered")) {
         if (re) {
           let Mn = Te;
           for ($e = void 0; Mn--; ) {
@@ -13050,17 +13050,17 @@ function XS(e) {
               $e && (z[$e][1].type = "lineEndingBlank", Ot = !0), jt[1].type = "lineEnding", $e = Mn;
             } else if (!(jt[1].type === "linePrefix" || jt[1].type === "blockQuotePrefix" || jt[1].type === "blockQuotePrefixWhitespace" || jt[1].type === "blockQuoteMarker" || jt[1].type === "listItemIndent")) break;
           }
-          Ze && (!$e || Ze < $e) && (re._spread = !0), re.end = Object.assign({}, $e ? z[$e][1].start : At[1].end), z.splice($e || Te, 0, ["exit", re, At[2]]), Te++, ye++;
+          Ze && (!$e || Ze < $e) && (re._spread = !0), re.end = Object.assign({}, $e ? z[$e][1].start : Nt[1].end), z.splice($e || Te, 0, ["exit", re, Nt[2]]), Te++, ye++;
         }
-        if (At[1].type === "listItemPrefix") {
+        if (Nt[1].type === "listItemPrefix") {
           const Mn = {
             type: "listItem",
             _spread: !1,
-            start: Object.assign({}, At[1].start),
+            start: Object.assign({}, Nt[1].start),
             // @ts-expect-error: we’ll add `end` in a second.
             end: void 0
           };
-          re = Mn, z.splice(Te, 0, ["enter", Mn, At[2]]), Te++, ye++, Ze = void 0, Xe = !0;
+          re = Mn, z.splice(Te, 0, ["enter", Mn, Nt[2]]), Te++, ye++, Ze = void 0, Xe = !0;
         }
       }
     }
@@ -13349,7 +13349,7 @@ function XS(e) {
       children: []
     };
   }
-  function Nt(z) {
+  function Tt(z) {
     return {
       type: "listItem",
       spread: z._spread,
@@ -30885,11 +30885,11 @@ function fA() {
     function pt(mt, he) {
       G && (he = he.map((ue) => ue.toLowerCase())), he.forEach(function(ue) {
         const Se = ue.split("|");
-        _e[Se[0]] = [mt, Nt(Se[0], Se[1])];
+        _e[Se[0]] = [mt, Tt(Se[0], Se[1])];
       });
     }
   }
-  function Nt(T, G) {
+  function Tt(T, G) {
     return G ? Number(G) : Ye(T) ? 0 : 1;
   }
   function Ye(T) {
@@ -30959,8 +30959,8 @@ function fA() {
         const Se = this.matcherRe.exec(ue);
         if (!Se)
           return null;
-        const Rt = Se.findIndex((Wr, Qo) => Qo > 0 && Wr !== void 0), xt = this.matchIndexes[Rt];
-        return Se.splice(0, Rt), Object.assign(Se, xt);
+        const At = Se.findIndex((Wr, Qo) => Qo > 0 && Wr !== void 0), xt = this.matchIndexes[At];
+        return Se.splice(0, At), Object.assign(Se, xt);
       }
     }
     class _e {
@@ -30971,7 +30971,7 @@ function fA() {
       getMatcher(ue) {
         if (this.multiRegexes[ue]) return this.multiRegexes[ue];
         const Se = new ie();
-        return this.rules.slice(ue).forEach(([Rt, xt]) => Se.addRule(Rt, xt)), Se.compile(), this.multiRegexes[ue] = Se, Se;
+        return this.rules.slice(ue).forEach(([At, xt]) => Se.addRule(At, xt)), Se.compile(), this.multiRegexes[ue] = Se, Se;
       }
       resumingScanAtSamePosition() {
         return this.regexIndex !== 0;
@@ -30987,12 +30987,12 @@ function fA() {
       exec(ue) {
         const Se = this.getMatcher(this.regexIndex);
         Se.lastIndex = this.lastIndex;
-        let Rt = Se.exec(ue);
-        if (this.resumingScanAtSamePosition() && !(Rt && Rt.index === this.lastIndex)) {
+        let At = Se.exec(ue);
+        if (this.resumingScanAtSamePosition() && !(At && At.index === this.lastIndex)) {
           const xt = this.getMatcher(0);
-          xt.lastIndex = this.lastIndex + 1, Rt = xt.exec(ue);
+          xt.lastIndex = this.lastIndex + 1, At = xt.exec(ue);
         }
-        return Rt && (this.regexIndex += Rt.position + 1, this.regexIndex === this.count && this.considerAll()), Rt;
+        return At && (this.regexIndex += At.position + 1, this.regexIndex === this.count && this.considerAll()), At;
       }
     }
     function pt(he) {
@@ -31020,8 +31020,8 @@ function fA() {
         // default to 1 relevance if not specified
         oe
       ].forEach((xt) => xt(he, ue)), he.isCompiled = !0;
-      let Rt = null;
-      return typeof he.keywords == "object" && he.keywords.$pattern && (he.keywords = Object.assign({}, he.keywords), Rt = he.keywords.$pattern, delete he.keywords.$pattern), Rt = Rt || /\w+/, he.keywords && (he.keywords = ut(he.keywords, T.case_insensitive)), Se.keywordPatternRe = G(Rt, !0), ue && (he.begin || (he.begin = /\B|\b/), Se.beginRe = G(Se.begin), !he.end && !he.endsWithParent && (he.end = /\B|\b/), he.end && (Se.endRe = G(Se.end)), Se.terminatorEnd = d(Se.end) || "", he.endsWithParent && ue.terminatorEnd && (Se.terminatorEnd += (he.end ? "|" : "") + ue.terminatorEnd)), he.illegal && (Se.illegalRe = G(
+      let At = null;
+      return typeof he.keywords == "object" && he.keywords.$pattern && (he.keywords = Object.assign({}, he.keywords), At = he.keywords.$pattern, delete he.keywords.$pattern), At = At || /\w+/, he.keywords && (he.keywords = ut(he.keywords, T.case_insensitive)), Se.keywordPatternRe = G(At, !0), ue && (he.begin || (he.begin = /\B|\b/), Se.beginRe = G(Se.begin), !he.end && !he.endsWithParent && (he.end = /\B|\b/), he.end && (Se.endRe = G(Se.end)), Se.terminatorEnd = d(Se.end) || "", he.endsWithParent && ue.terminatorEnd && (Se.terminatorEnd += (he.end ? "|" : "") + ue.terminatorEnd)), he.illegal && (Se.illegalRe = G(
         /** @type {RegExp | string} */
         he.illegal
       )), he.contains || (he.contains = []), he.contains = [].concat(...he.contains.map(function(xt) {
@@ -31049,7 +31049,7 @@ function fA() {
       return r(T, { variants: null }, G);
     })), T.cachedVariants ? T.cachedVariants : Ze(T) ? r(T, { starts: T.starts ? r(T.starts) : null }) : Object.isFrozen(T) ? r(T) : T;
   }
-  var At = "11.11.1";
+  var Nt = "11.11.1";
   class Mn extends Error {
     constructor(G, ie) {
       super(G), this.name = "HTMLInjectionError", this.html = ie;
@@ -31074,7 +31074,7 @@ function fA() {
     function Se(J) {
       return ue.noHighlightRe.test(J);
     }
-    function Rt(J) {
+    function At(J) {
       let me = J.className + " ";
       me += J.parentNode ? J.parentNode.className : "";
       const Pe = ue.languageDetectRe.exec(me);
@@ -31325,7 +31325,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), kt = J, nt = me), Pe
     }
     function es(J) {
       let me = null;
-      const Pe = Rt(J);
+      const Pe = At(J);
       if (Se(Pe)) return;
       if (Ii(
         "before:highlightElement",
@@ -31454,7 +31454,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), kt = J, nt = me), Pe
       pt = !1;
     }, T.safeMode = function() {
       pt = !0;
-    }, T.versionString = At, T.regex = {
+    }, T.versionString = Nt, T.regex = {
       concat: p,
       lookahead: f,
       either: y,
@@ -31712,7 +31712,7 @@ function wA(e) {
 }
 function vA({ message: e, theme: t, isOwn: n, isStreaming: r = !1 }) {
   var c, u;
-  const i = Tt(t), o = e.sender.name ? e.sender.name.split(" ").map((d) => d[0]).join("").toUpperCase().slice(0, 2) : "U", s = P.useMemo(() => {
+  const i = Rt(t), o = e.sender.name ? e.sender.name.split(" ").map((d) => d[0]).join("").toUpperCase().slice(0, 2) : "U", s = P.useMemo(() => {
     var d, f;
     return ((d = e == null ? void 0 : e.metadata) == null ? void 0 : d.format) === "markdown" || ((f = e == null ? void 0 : e.metadata) == null ? void 0 : f.markdown) === !0 || sE(e.content);
   }, [e.content, e.metadata]), a = P.useMemo(() => s ? aE(e.content) : e.content, [e.content, s]), l = P.useMemo(() => iE(t), [t]);
@@ -31762,7 +31762,7 @@ function vA({ message: e, theme: t, isOwn: n, isStreaming: r = !1 }) {
   ] }) });
 }
 function EA({ theme: e }) {
-  const t = Tt(e);
+  const t = Rt(e);
   return /* @__PURE__ */ m("div", { className: "flex w-full justify-start mb-4 px-1", children: /* @__PURE__ */ A("div", { className: "relative group flex-row flex items-end gap-3 max-w-[85%] min-w-0", children: [
     /* @__PURE__ */ m(
       "div",
@@ -31947,7 +31947,7 @@ function Yl({
     smartScrollToBottom: O,
     handleScroll: b,
     scrollToBottom: R
-  } = AA(), { isMobile: I, isFullscreen: $, setIsFullscreen: F } = RA(), [q, ne] = P.useState(/* @__PURE__ */ new Set()), [ee, V] = P.useState([]), D = Tt(t);
+  } = AA(), { isMobile: I, isFullscreen: $, setIsFullscreen: F } = RA(), [q, ne] = P.useState(/* @__PURE__ */ new Set()), [ee, V] = P.useState([]), D = Rt(t);
   P.useEffect(() => ($ && I && (document.body.style.overflow = "hidden", document.body.style.position = "fixed", document.body.style.width = "100%", document.body.style.height = "100%", document.documentElement.requestFullscreen && document.documentElement.requestFullscreen().catch(console.log)), () => {
     $ && I && (document.body.style.overflow = "unset", document.body.style.position = "unset", document.body.style.width = "unset", document.body.style.height = "unset", document.fullscreenElement && document.exitFullscreen().catch(console.log));
   }), [$, I]);
@@ -32028,8 +32028,8 @@ function Yl({
           const ke = le.content.length * 35 + 1e3;
           setTimeout(() => {
             p((ut) => {
-              const Nt = new Set(ut);
-              return Nt.delete(le.id), Nt;
+              const Tt = new Set(ut);
+              return Tt.delete(le.id), Tt;
             });
           }, ke);
         }
@@ -32075,8 +32075,8 @@ function Yl({
       if (console.log("ChatView: RPC interaction completed:", oe), v(null), x.length > 0 && (console.log("ChatView: Processing", x.length, "queued messages"), f((be) => {
         const ve = [...be];
         return x.forEach((ke) => {
-          var Nt;
-          if (!ve.some((Ye) => Ye.id === ke.id) && (console.log("ChatView: Adding queued message:", ke.id), ve.push(ke), ke.sender.type === "agent" && (p((Ye) => new Set(Ye).add(ke.id)), !((Nt = ke.metadata) != null && Nt.streaming)))) {
+          var Tt;
+          if (!ve.some((Ye) => Ye.id === ke.id) && (console.log("ChatView: Adding queued message:", ke.id), ve.push(ke), ke.sender.type === "agent" && (p((Ye) => new Set(Ye).add(ke.id)), !((Tt = ke.metadata) != null && Tt.streaming)))) {
             const Ye = ke.content.length * 35 + 1e3;
             setTimeout(() => {
               p((dt) => {
@@ -32094,7 +32094,7 @@ function Yl({
           const ke = [...ve].reverse().findIndex((dt) => dt.sender.type === "participant");
           let ut = ve.length;
           ke !== -1 && (ut = ve.length - ke);
-          const Nt = {
+          const Tt = {
             id: `success_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
             content: "",
             timestamp: /* @__PURE__ */ new Date(),
@@ -32108,9 +32108,9 @@ function Yl({
               view: be || /* @__PURE__ */ m(kA, {})
             }
           };
-          e && typeof e.addChatMessage == "function" && e.addChatMessage(Nt);
+          e && typeof e.addChatMessage == "function" && e.addChatMessage(Tt);
           const Ye = [...ve];
-          return Ye.splice(ut, 0, Nt), Ye;
+          return Ye.splice(ut, 0, Tt), Ye;
         });
       }
     }, Ee = async (oe) => {
@@ -32155,8 +32155,8 @@ function Yl({
       console.log("ChatView: RPC interaction dismissed:", oe), console.log("ChatView: Current interaction before dismiss:", C == null ? void 0 : C.methodName), v(null), x.length > 0 && (console.log("ChatView: Processing", x.length, "queued messages after dismissal"), f((be) => {
         const ve = [...be];
         return x.forEach((ke) => {
-          var Nt;
-          if (!ve.some((Ye) => Ye.id === ke.id) && (ve.push(ke), ke.sender.type === "agent" && (p((Ye) => new Set(Ye).add(ke.id)), !((Nt = ke.metadata) != null && Nt.streaming)))) {
+          var Tt;
+          if (!ve.some((Ye) => Ye.id === ke.id) && (ve.push(ke), ke.sender.type === "agent" && (p((Ye) => new Set(Ye).add(ke.id)), !((Tt = ke.metadata) != null && Tt.streaming)))) {
             const Ye = ke.content.length * 35 + 1e3;
             setTimeout(() => {
               p((dt) => {
@@ -32485,7 +32485,7 @@ const Qm = Fe.forwardRef(({
       Z.disconnect(), window.removeEventListener("resize", H);
     };
   }, []), Xv();
-  const { agent: { isActive: O = !1 } = {} } = o ? _l(o) : { agent: { isActive: !1 } }, b = ao(o, "microphone"), R = Tt(i), I = Fe.useMemo(() => o != null && o.getCurrentSession ? !!o.getCurrentSession() : !1, [o]), $ = Fe.useMemo(() => o != null && o.getIsAgentConnected && o.getIsAgentConnected() || h, [o, h]), F = O || $;
+  const { agent: { isActive: O = !1 } = {} } = o ? _l(o) : { agent: { isActive: !1 } }, b = ao(o, "microphone"), R = Rt(i), I = Fe.useMemo(() => o != null && o.getCurrentSession ? !!o.getCurrentSession() : !1, [o]), $ = Fe.useMemo(() => o != null && o.getIsAgentConnected && o.getIsAgentConnected() || h, [o, h]), F = O || $;
   Fe.useEffect(() => {
     F && y && k(!1);
   }, [F, y]), Fe.useEffect(() => {
@@ -32635,7 +32635,7 @@ function MA({
   disabled: a
 }) {
   var c, u, d, f, h;
-  const l = Tt(r);
+  const l = Rt(r);
   return /* @__PURE__ */ A("div", { className: et(
     "flex items-center justify-center gap-3 px-3 py-2 w-full backdrop-blur-xl border-t",
     r === "light" ? "bg-white/95 border-gray-200" : "bg-gray-900/90 border-gray-700"
@@ -32690,7 +32690,7 @@ function IA({
   userVideoEnabled: g = !0,
   screenshareEnabled: p = !0
 }) {
-  const x = Tt(o);
+  const x = Rt(o);
   return /* @__PURE__ */ A("div", { className: et(
     "flex items-center justify-center gap-3 px-3 py-2 w-full backdrop-blur-xl border-t",
     o === "light" ? "bg-white/95 border-gray-200" : "bg-gray-900/90 border-gray-700"
@@ -32749,7 +32749,7 @@ function IA({
 }
 function Hd({ trackRef: e, participant: t, isLocal: n = !1, className: r = "", theme: i }) {
   var l;
-  const o = Tt(i), s = (t == null ? void 0 : t.name) || (t == null ? void 0 : t.identity) || (n ? "You" : "Participant"), a = (e == null ? void 0 : e.publication) && !e.publication.isMuted;
+  const o = Rt(i), s = (t == null ? void 0 : t.name) || (t == null ? void 0 : t.identity) || (n ? "You" : "Participant"), a = (e == null ? void 0 : e.publication) && !e.publication.isMuted;
   return /* @__PURE__ */ A("div", { className: `relative rounded-lg overflow-hidden ${o.video.tile} ${r}`, children: [
     a ? /* @__PURE__ */ m(
       Ao,
@@ -32771,7 +32771,7 @@ function OA({
   onEndCall: o
 }) {
   var j;
-  const s = Tt(t), [a, l] = P.useState(!1), [c, u] = P.useState(!1), d = P.useMemo(() => {
+  const s = Rt(t), [a, l] = P.useState(!1), [c, u] = P.useState(!1), d = P.useMemo(() => {
     const H = e.getCurrentAgentInfo();
     return Tl(H);
   }, [e]), { userVideoEnabled: f, agentAvatarEnabled: h, screenshareEnabled: g } = P.useMemo(
@@ -35962,10 +35962,10 @@ function PM(e, t) {
   });
 }
 const DM = 0.2, LM = 0.14, FM = 0.12;
-function ot(...e) {
+function st(...e) {
   return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${DM})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${LM})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${FM})`].join(",");
 }
-const BM = ["none", ot(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), ot(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), ot(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), ot(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), ot(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), ot(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), ot(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), ot(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), ot(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), ot(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), ot(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), ot(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), ot(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), ot(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), ot(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), ot(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), ot(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), ot(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), ot(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), ot(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), ot(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), ot(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), ot(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), ot(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], $M = {
+const BM = ["none", st(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), st(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), st(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), st(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), st(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), st(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), st(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), st(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), st(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), st(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), st(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), st(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), st(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), st(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), st(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), st(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), st(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), st(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), st(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), st(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), st(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), st(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), st(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), st(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], $M = {
   // This is the most common easing curve.
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   // Objects enter the screen at full velocity from off-screen and
@@ -36664,7 +36664,7 @@ const gg = ic(/* @__PURE__ */ m("path", {
   d: "M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11z"
 }), "Videocam");
 function no({ onClick: e, disabled: t, theme: n }) {
-  const r = Tt(n);
+  const r = Rt(n);
   return /* @__PURE__ */ m(
     "button",
     {
@@ -36678,7 +36678,7 @@ function no({ onClick: e, disabled: t, theme: n }) {
   );
 }
 function Xs({ onClick: e, disabled: t, theme: n }) {
-  const r = Tt(n);
+  const r = Rt(n);
   return /* @__PURE__ */ m(
     "button",
     {
@@ -36692,7 +36692,7 @@ function Xs({ onClick: e, disabled: t, theme: n }) {
   );
 }
 function Qs({ onClick: e, disabled: t, theme: n }) {
-  const r = Tt(n);
+  const r = Rt(n);
   return /* @__PURE__ */ m(
     "button",
     {
@@ -36706,7 +36706,7 @@ function Qs({ onClick: e, disabled: t, theme: n }) {
   );
 }
 function fI({ prompts: e, theme: t }) {
-  const n = Tt(t), [r, i] = we(0);
+  const n = Rt(t), [r, i] = we(0);
   return Ct(() => {
     const o = setInterval(() => {
       i((s) => (s + 1) % e.length);
@@ -36727,7 +36727,7 @@ function fI({ prompts: e, theme: t }) {
   )) });
 }
 function hI({ statusMessage: e, theme: t }) {
-  const n = Tt(t);
+  const n = Rt(t);
   return /* @__PURE__ */ A("div", { className: "z-10 flex items-center space-x-2 mt-2 pb-2", children: [
     /* @__PURE__ */ m("div", { className: n.statusIndicator }),
     /* @__PURE__ */ m("span", { className: `text-xs ${n.text.muted}`, children: e })
@@ -36751,7 +36751,7 @@ const xg = Fe.forwardRef(({
   theme: l = "vox",
   modalities: c = ["voice", "chat", "video"]
 }, u) => {
-  const d = Tt(l), f = c.includes("voice"), h = c.includes("chat"), g = c.includes("video"), p = [f, h, g].filter(Boolean).length;
+  const d = Rt(l), f = c.includes("voice"), h = c.includes("chat"), g = c.includes("video"), p = [f, h, g].filter(Boolean).length;
   return /* @__PURE__ */ A("div", { className: "flex p-8 flex-col items-center h-full justify-center w-full relative", "aria-disabled": e, style: { background: "transparent" }, children: [
     /* @__PURE__ */ A("div", { className: "mt-1 relative flex items-center justify-center mb-8 w-full", style: { minHeight: "120px" }, children: [
       /* @__PURE__ */ A("div", { className: "absolute inset-0 flex items-center justify-center", children: [
@@ -36832,7 +36832,53 @@ class wg extends P.Component {
     return this.props.children;
   }
 }
-function pI({
+const pI = ({
+  onClick: e,
+  position: t = "bottom-right",
+  size: n = 64,
+  className: r = "",
+  style: i,
+  ariaLabel: o = "Open Voxket",
+  logoScale: s = 0.95
+}) => {
+  const a = {
+    "top-left": "top-4 left-4",
+    "top-right": "top-4 right-4",
+    "bottom-left": "bottom-4 left-4",
+    "bottom-right": "bottom-4 right-4"
+  }, l = {
+    width: n,
+    height: n,
+    ...i
+  };
+  return /* @__PURE__ */ m(
+    Ae.button,
+    {
+      type: "button",
+      onClick: e,
+      "aria-label": o,
+      className: `fixed z-50 rounded-full bg-black shadow-xl flex items-center justify-center overflow-hidden focus:outline-none focus:ring-2 focus:ring-white/40 ${a[t]} ${r}`,
+      style: l,
+      initial: { scale: 0.9, opacity: 0 },
+      animate: { scale: 1, opacity: 1 },
+      exit: { scale: 0.9, opacity: 0 },
+      whileHover: { scale: 1.05 },
+      whileTap: { scale: 0.95 },
+      "data-position": t,
+      children: /* @__PURE__ */ m(
+        "img",
+        {
+          src: "/logo.png",
+          alt: "Voxket",
+          className: "object-contain select-none pointer-events-none",
+          style: { width: `${Math.max(0, Math.min(1, s)) * 100}%`, height: `${Math.max(0, Math.min(1, s)) * 100}%` },
+          draggable: !1
+        }
+      )
+    }
+  );
+};
+function mI({
   room: e,
   onSessionEnd: t,
   onSessionStart: n,
@@ -36930,7 +36976,7 @@ function pI({
 }
 class vg {
   constructor() {
-    at(this, "listeners", {});
+    ot(this, "listeners", {});
   }
   /**
    * Add an event listener
@@ -36990,11 +37036,11 @@ class vg {
     return Object.keys(this.listeners);
   }
 }
-class mI {
+class gI {
   constructor(t) {
-    at(this, "plugins", /* @__PURE__ */ new Map());
-    at(this, "installedPlugins", /* @__PURE__ */ new Set());
-    at(this, "context");
+    ot(this, "plugins", /* @__PURE__ */ new Map());
+    ot(this, "installedPlugins", /* @__PURE__ */ new Set());
+    ot(this, "context");
     this.context = {
       client: t,
       emit: t.emit.bind(t),
@@ -37263,13 +37309,13 @@ function Rn() {
     throw new Error("useVoxket must be used within a VoxketProvider");
   return e;
 }
-class gI extends vg {
+class bI extends vg {
   constructor(n) {
     super();
-    at(this, "room", null);
-    at(this, "registeredMethods", /* @__PURE__ */ new Map());
-    at(this, "activeInteractions", /* @__PURE__ */ new Map());
-    at(this, "currentInteraction", null);
+    ot(this, "room", null);
+    ot(this, "registeredMethods", /* @__PURE__ */ new Map());
+    ot(this, "activeInteractions", /* @__PURE__ */ new Map());
+    ot(this, "currentInteraction", null);
     n && this.setRoom(n);
   }
   /**
@@ -37450,29 +37496,30 @@ class Ge extends Error {
 }
 const Ln = /* @__PURE__ */ new WeakSet(), ea = /* @__PURE__ */ new WeakSet();
 class oc extends vg {
-  // Track agent state
   constructor(n) {
     super();
-    at(this, "config");
-    at(this, "room", null);
-    at(this, "pluginManager");
-    at(this, "rpcManager");
-    at(this, "isConnected", !1);
-    at(this, "currentSession", null);
-    at(this, "connectionState", br.Disconnected);
-    at(this, "renderedComponents", /* @__PURE__ */ new Map());
-    at(this, "textStreamHandlersRegistered", !1);
+    ot(this, "config");
+    ot(this, "room", null);
+    ot(this, "pluginManager");
+    ot(this, "rpcManager");
+    ot(this, "isConnected", !1);
+    ot(this, "currentSession", null);
+    ot(this, "connectionState", br.Disconnected);
+    ot(this, "renderedComponents", /* @__PURE__ */ new Map());
+    ot(this, "textStreamHandlersRegistered", !1);
     // Track if handlers are already registered
-    at(this, "currentAgentInfo", null);
+    ot(this, "currentAgentInfo", null);
     // Store current agent information
-    at(this, "chatMessages", []);
+    ot(this, "chatMessages", []);
     // Store chat messages for persistence across UI changes
     // Track active transcriptions to prevent duplicates within time windows
-    at(this, "activeTranscriptions", /* @__PURE__ */ new Map());
-    at(this, "isAgentConnected", !1);
+    ot(this, "activeTranscriptions", /* @__PURE__ */ new Map());
+    ot(this, "isAgentConnected", !1);
     // Track if agent is actually connected and responding
-    at(this, "agentState", "idle");
-    this.config = n, this.pluginManager = new mI(this), this.rpcManager = new gI(), this.setupEventListeners(), this.initializeClient();
+    ot(this, "agentState", "idle");
+    // Track agent state
+    ot(this, "_eventEmitters", /* @__PURE__ */ new Map());
+    this.config = n, this.pluginManager = new gI(this), this.rpcManager = new bI(), this.setupEventListeners(), this.initializeClient();
   }
   setupEventListeners() {
     this.on("connection.connected", () => {
@@ -37854,7 +37901,15 @@ class oc extends vg {
         var o;
         try {
           const s = await r.readAll(), a = ((o = r.info) == null ? void 0 : o.topic) || "unknown";
-          console.log(`📝 VoxketClient: Received unhandled text stream for topic '${a}':`, s), this.emit("text.stream.unhandled", { topic: a, data: s, participantInfo: i });
+          if (this._eventEmitters.has(a)) {
+            const l = this._eventEmitters.get(a);
+            try {
+              l(s), console.log(`📝 VoxketClient: Processed custom topic '${a}' via event emitter`);
+            } catch (c) {
+              console.error(`VoxketClient: Error in custom handler for topic '${a}':`, c);
+            }
+          } else
+            console.log(`📝 VoxketClient: Received unhandled text stream for topic '${a}':`, s), this.emit("text.stream.unhandled", { topic: a, data: s, participantInfo: i });
         } catch (s) {
           console.error("VoxketClient: Failed to process unhandled text stream:", s);
         }
@@ -38826,19 +38881,32 @@ class oc extends vg {
   registerEventEmitter(n, r) {
     if (!this.room)
       throw new Error("Room not available");
+    this._eventEmitters.set(n, r), console.log(`📝 VoxketClient: Stored handler for topic '${n}' in event emitters map`);
     try {
       this.room.registerTextStreamHandler(n, async (i) => {
         try {
           const o = await i.readAll();
-          r(o);
+          console.log(`📝 VoxketClient: Direct handler called for topic '${n}'`), r(o);
         } catch (o) {
           console.error(`Error processing event for topic '${n}':`, o);
         }
-      });
+      }), console.log(`📝 VoxketClient: Successfully registered direct handler for topic '${n}'`);
     } catch (i) {
-      console.warn(`VoxketClient: Handler for topic '${n}' may already be registered:`, i);
+      console.warn(`VoxketClient: Direct handler registration failed for topic '${n}':`, i), console.log(`📝 VoxketClient: Wildcard handler will process topic '${n}' instead`);
     }
   }
+  /**
+   * Get the list of registered custom event emitters (for debugging)
+   */
+  getRegisteredEventEmitters() {
+    return Array.from(this._eventEmitters.keys());
+  }
+  /**
+   * Check if a custom event emitter is registered for a topic
+   */
+  hasEventEmitter(n) {
+    return this._eventEmitters.has(n);
+  }
   /**
    * Convert markdown text to plain text by removing common markdown formatting
    * @param markdownText The markdown text to convert
@@ -38850,13 +38918,13 @@ class oc extends vg {
     return r = r.replace(/\*\*(.*?)\*\*/g, "$1"), r = r.replace(/__(.*?)__/g, "$1"), r = r.replace(/\*(.*?)\*/g, "$1"), r = r.replace(/_(.*?)_/g, "$1"), r = r.replace(/~~(.*?)~~/g, "$1"), r = r.replace(/`([^`]+)`/g, "$1"), r = r.replace(/```[\s\S]*?```/g, ""), r = r.replace(/^#{1,6}\s+/gm, ""), r = r.replace(/\[([^\]]+)\]\([^)]+\)/g, "$1"), r.trim();
   }
 }
-const bI = Ae.create(Qm), yI = Ae.create(Yl), xI = Ae.create(OA), wI = Ae.create(xg);
-function vI({
+const yI = Ae.create(Qm), xI = Ae.create(Yl), wI = Ae.create(OA), vI = Ae.create(xg);
+function EI({
   theme: e,
   mode: t,
   loadingText: n
 }) {
-  const r = Tt(e), i = () => {
+  const r = Rt(e), i = () => {
     switch (t) {
       case "voice":
         return n || "Connecting to voice agent...";
@@ -38880,34 +38948,7 @@ function vI({
     ] })
   ] });
 }
-const EI = Ae.create(vI);
-function kI({
-  onClick: e,
-  text: t = "Open Chat",
-  position: n = "bottom-right",
-  theme: r
-}) {
-  const i = {
-    "top-left": "top-4 left-4",
-    "top-right": "top-4 right-4",
-    "bottom-left": "bottom-4 left-4",
-    "bottom-right": "bottom-4 right-4"
-  }, o = Tt(r);
-  return /* @__PURE__ */ m(
-    Ae.button,
-    {
-      onClick: e,
-      className: `voxket-popup-trigger fixed ${i[n]} z-50 px-4 py-2 rounded-full shadow-lg ${o.popupTrigger} transition-all duration-200 hover:scale-105`,
-      initial: { scale: 0, opacity: 0 },
-      animate: { scale: 1, opacity: 1 },
-      exit: { scale: 0, opacity: 0 },
-      whileHover: { scale: 1.05 },
-      whileTap: { scale: 0.95 },
-      "data-position": n,
-      children: t
-    }
-  );
-}
+const kI = Ae.create(EI);
 function kf({
   children: e,
   theme: t,
@@ -38916,7 +38957,7 @@ function kf({
   popupPosition: i = "bottom-right",
   onExpand: o
 }) {
-  const s = Tt(t);
+  const s = Rt(t);
   return n === "fullscreen" ? /* @__PURE__ */ m(
     "div",
     {
@@ -39164,12 +39205,12 @@ function SI(e) {
           isConnected: le.state === "connected",
           sessionId: W == null ? void 0 : W.id
         });
-      }, $e = (Ze, Xe, At) => {
+      }, $e = (Ze, Xe, Nt) => {
         console.log("🎵 Widget: Track subscribed:", {
           trackKind: Ze.kind,
           trackSource: Ze.source,
-          participantSid: At.sid,
-          participantIdentity: At.identity,
+          participantSid: Nt.sid,
+          participantIdentity: Nt.identity,
           sessionId: W == null ? void 0 : W.id
         });
       };
@@ -39182,7 +39223,7 @@ function SI(e) {
   }, [te, B, D]), P.useEffect(() => {
     (te === "voice" || te === "video" || te === "chat") && !W && !D && !B && K && !K.connected && (console.log("🔄 Auto-correcting: Found orphaned mode without session, returning to welcome"), ae("welcome"), Y(!1));
   }, [te, W, D, B, K]);
-  const { sessionMetrics: oe, sessionLogs: be, logEvent: ve } = pI({
+  const { sessionMetrics: oe, sessionLogs: be, logEvent: ve } = mI({
     room: le,
     onSessionStart: k,
     onSessionEnd: E,
@@ -39261,7 +39302,7 @@ function SI(e) {
     } catch (re) {
       console.error("❌ Failed to start chat session:", re), Y(!1), w(!1), ae("welcome");
     }
-  }, Nt = async () => {
+  }, Tt = async () => {
     try {
       if (!K) {
         console.error("❌ VoxketClient not available"), V(new Error("VoxketClient not initialized")), ne(!0);
@@ -39315,15 +39356,7 @@ function SI(e) {
   }, [K, I]);
   let z = te === "video" ? "w-[32rem]" : "w-96", Q = te === "video" ? "h-[30rem]" : "h-[25rem]", ye = {};
   if (d && (d.startsWith("w-") ? z = d : (ye.width = d, z = "")), f && (f.startsWith("h-") ? Q = f : (ye.height = f, Q = "")), N === "popup" && !Oe)
-    return console.log("🟡 Showing popup trigger button"), /* @__PURE__ */ m(
-      kI,
-      {
-        onClick: dt,
-        text: b,
-        position: O,
-        theme: y
-      }
-    );
+    return console.log("🟡 Showing popup trigger button"), /* @__PURE__ */ m(pI, { onClick: dt, position: O, ariaLabel: b });
   if (q || !K) {
     const re = (ee == null ? void 0 : ee.message) || "VoxketWidget encountered an error. Please check your configuration.";
     return /* @__PURE__ */ m("div", { className: `voxket-widget-root theme-${y} flex items-center justify-center p-8 ${u || ""}`, style: {
@@ -39357,7 +39390,7 @@ function SI(e) {
   N === "widget" ? (Te += ` flex min-h-fit ${z} ${Q} ${u}`, De = { ...De, ...ye }) : (Te = `${u || ""}`, De = {});
   const Ot = /* @__PURE__ */ m("div", { className: "h-full w-full flex flex-col overflow-hidden relative z-10", children: /* @__PURE__ */ A(Ir, { mode: "wait", children: [
     te === "welcome" && !B && /* @__PURE__ */ m(
-      wI,
+      vI,
       {
         agentId: S,
         participantName: H || "",
@@ -39365,7 +39398,7 @@ function SI(e) {
         onParticipantNameChange: Z,
         onStartCall: ke,
         onStartChat: ut,
-        onStartVideo: Nt,
+        onStartVideo: Tt,
         disabled: D || B,
         prompts: s,
         statusMessage: a,
@@ -39381,7 +39414,7 @@ function SI(e) {
       "welcome"
     ),
     B && (te === "voice" || te === "chat" || te === "video") && /* @__PURE__ */ m(
-      EI,
+      kI,
       {
         theme: y,
         mode: te,
@@ -39397,7 +39430,7 @@ function SI(e) {
       /* @__PURE__ */ m(xc, {}, `audio-${(W == null ? void 0 : W.id) || "no-session"}`),
       /* @__PURE__ */ m(wc, { label: "Start Audio" }, `start-audio-${(W == null ? void 0 : W.id) || "no-session"}`),
       /* @__PURE__ */ m(
-        bI,
+        yI,
         {
           loadingText: h,
           participantName: H || "User",
@@ -39419,7 +39452,7 @@ function SI(e) {
       )
     ] }),
     te === "chat" && !B && D && K && /* @__PURE__ */ m(
-      yI,
+      xI,
       {
         client: K,
         theme: y,
@@ -39441,7 +39474,7 @@ function SI(e) {
       /* @__PURE__ */ m(xc, {}, `audio-video-${(W == null ? void 0 : W.id) || "no-session"}`),
       /* @__PURE__ */ m(wc, { label: "Start Audio" }, `start-audio-video-${(W == null ? void 0 : W.id) || "no-session"}`),
       /* @__PURE__ */ m(
-        xI,
+        wI,
         {
           client: K,
           theme: y,
@@ -40900,20 +40933,20 @@ function CO({
   ] });
 }
 const QI = ({ handler: e, loadData: t, data: n, client: r, addLocalMessage: i }) => {
-  const [o, s] = P.useState(null), [a, l] = P.useState(!0), [c, u] = P.useState(!1), [d] = P.useState(Date.now());
+  const [o, s] = P.useState(null), [a, l] = P.useState(!0), [c, u] = P.useState(!1), [d] = P.useState(Date.now()), [f, h] = P.useState("pending");
   P.useEffect(() => {
     (async () => {
       try {
-        if (l(!0), console.log("📋 AssignmentView: Loading assignment data..."), console.log("📋 AssignmentView: Received data from RPC:", n), n && typeof n == "object") {
-          const x = {
+        if (l(!0), n && typeof n == "object") {
+          const k = {
             title: n.title || "Untitled Assignment",
             description: n.description || "No description provided",
             estimated_time_of_completion: n.estimated_time_of_completion || "Unknown"
           };
-          s(x), console.log("📋 AssignmentView: Assignment loaded from RPC data:", x);
+          s(k), console.log("📋 AssignmentView: Assignment loaded from RPC data:", k);
         }
-      } catch (x) {
-        console.error("📋 AssignmentView: Error loading assignment:", x), s({
+      } catch (k) {
+        console.error("📋 AssignmentView: Error loading assignment:", k), s({
           title: "Assignment Loading Error",
           description: "There was an error loading the assignment details. Please try again.",
           estimated_time_of_completion: "Unknown"
@@ -40923,44 +40956,38 @@ const QI = ({ handler: e, loadData: t, data: n, client: r, addLocalMessage: i })
       }
     })();
   }, [n, t]);
-  const f = ({ message: p, assignment: x }) => {
-    const y = p.toLowerCase().includes("declined"), k = y ? "bg-red-50 border-red-200" : "bg-green-50 border-green-200", E = y ? "text-red-700" : "text-green-700", C = y ? "❌" : "🎉";
-    return /* @__PURE__ */ A("div", { className: `max-w-sm mx-auto ${k} border rounded-lg shadow p-3 flex flex-col items-center`, children: [
-      /* @__PURE__ */ m("div", { className: "text-2xl mb-2", children: C }),
-      /* @__PURE__ */ m("div", { className: `${E} font-semibold text-sm mb-1`, children: p }),
-      /* @__PURE__ */ m("div", { className: "text-xs text-gray-600 text-center mb-1", children: x.title }),
+  const g = ({ message: y, assignment: k }) => {
+    const E = y.toLowerCase().includes("declined"), C = E ? "bg-red-50 border-red-200" : "bg-green-50 border-green-200", v = E ? "text-red-700" : "text-green-700", _ = E ? "❌" : "🎉";
+    return /* @__PURE__ */ A("div", { className: `max-w-sm mx-auto ${C} border rounded-lg shadow p-3 flex flex-col items-center`, children: [
+      /* @__PURE__ */ m("div", { className: "text-2xl mb-2", children: _ }),
+      /* @__PURE__ */ m("div", { className: `${v} font-semibold text-sm mb-1`, children: y }),
+      /* @__PURE__ */ m("div", { className: "text-xs text-gray-600 text-center mb-1", children: k.title }),
       /* @__PURE__ */ m("div", { className: "text-xs text-gray-500", children: "Thank you for your response!" })
     ] });
-  }, h = async () => {
+  }, p = async () => {
     if (!(!o || !e)) {
       u(!0);
       try {
-        const p = {
+        const y = {
           message: "accepted"
         };
-        console.log("📋 AssignmentView: Assignment accepted:", p), e.didSuccess(
-          p,
-          /* @__PURE__ */ m(f, { message: "Assignment accepted!", assignment: o })
-        );
-      } catch (p) {
-        console.error("📋 AssignmentView: Error accepting assignment:", p), e.didFail({ error: "Failed to accept assignment" });
+        console.log("📋 AssignmentView: Assignment accepted:", y), e.didSuccess(y), h("accepted");
+      } catch (y) {
+        console.error("📋 AssignmentView: Error accepting assignment:", y), e.didFail({ error: "Failed to accept assignment" }), h("error");
       } finally {
         u(!1);
       }
     }
-  }, g = async () => {
+  }, x = async () => {
     if (!(!o || !e)) {
       u(!0);
       try {
-        const p = {
+        const y = {
           message: "declined"
         };
-        console.log("📋 AssignmentView: Assignment declined:", p), e.didSuccess(
-          p,
-          /* @__PURE__ */ m(f, { message: "Assignment declined", assignment: o })
-        );
-      } catch (p) {
-        console.error("📋 AssignmentView: Error declining assignment:", p), e.didFail({ error: "Failed to decline assignment" });
+        console.log("📋 AssignmentView: Assignment declined:", y), e.didSuccess(y), h("declined");
+      } catch (y) {
+        console.error("📋 AssignmentView: Error declining assignment:", y), e.didFail({ error: "Failed to decline assignment" }), h("error");
       } finally {
         u(!1);
       }
@@ -40969,7 +40996,13 @@ const QI = ({ handler: e, loadData: t, data: n, client: r, addLocalMessage: i })
   return a ? /* @__PURE__ */ m("div", { className: "max-w-sm mx-auto bg-white rounded-lg shadow-lg p-3", children: /* @__PURE__ */ A("div", { className: "flex items-center justify-center py-4", children: [
     /* @__PURE__ */ m("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-blue-600" }),
     /* @__PURE__ */ m("span", { className: "ml-2 text-xs text-gray-600", children: "Loading assignment..." })
-  ] }) }) : o ? /* @__PURE__ */ A("div", { className: "max-w-sm mx-auto bg-white rounded-lg shadow-lg overflow-hidden", children: [
+  ] }) }) : o ? f === "accepted" || f === "declined" || f === "error" ? /* @__PURE__ */ m(
+    g,
+    {
+      message: f === "accepted" ? "Assignment accepted!" : f === "declined" ? "Assignment declined" : "Assignment error occurred",
+      assignment: o
+    }
+  ) : /* @__PURE__ */ A("div", { className: "max-w-sm mx-auto bg-white rounded-lg shadow-lg overflow-hidden", children: [
     /* @__PURE__ */ m("div", { className: "bg-gradient-to-r from-blue-600 to-purple-600 text-white p-3", children: /* @__PURE__ */ m("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ m("h3", { className: "text-xs font-semibold text-white truncate", children: o.title }) }) }),
     /* @__PURE__ */ A("div", { className: "p-3 text-black", children: [
       /* @__PURE__ */ m("div", { className: "bg-gray-50 rounded p-2 mb-3", children: /* @__PURE__ */ m("p", { className: "text-xs text-black leading-snug", children: o.description }) }),
@@ -40984,7 +41017,7 @@ const QI = ({ handler: e, loadData: t, data: n, client: r, addLocalMessage: i })
         /* @__PURE__ */ m(
           "button",
           {
-            onClick: h,
+            onClick: p,
             disabled: c,
             className: "flex-1 bg-green-600 text-white py-2 px-3 rounded text-xs font-medium hover:bg-green-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
             children: c ? /* @__PURE__ */ A("span", { className: "flex items-center justify-center", children: [
@@ -40996,7 +41029,7 @@ const QI = ({ handler: e, loadData: t, data: n, client: r, addLocalMessage: i })
         /* @__PURE__ */ m(
           "button",
           {
-            onClick: g,
+            onClick: x,
             disabled: c,
             className: "flex-1 bg-red-600 text-white py-2 px-3 rounded text-xs font-medium hover:bg-red-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
             children: "Decline"
@@ -41325,9 +41358,10 @@ const NO = {
 });
 export {
   QI as AssignmentView,
+  pI as CommonPopupTrigger,
   RI as CompoundProvider,
   bo as InteractiveComponent,
-  mI as PluginManager,
+  gI as PluginManager,
   TO as RpcExamples,
   xO as SessionContainer,
   Tg as SessionContent,
@@ -41370,7 +41404,7 @@ export {
   pO as metricsPlugin,
   EO as useComponentTheme,
   Xo as useCompoundContext,
-  pI as useSessionLogging,
+  mI as useSessionLogging,
   FI as useTheme,
   Rn as useVoxket,
   TI as useVoxketCamera,