@voxket-ai/voxket-live 1.0.153 → 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() {
@@ -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
@@ -36976,7 +36976,7 @@ function mI({
 }
 class vg {
   constructor() {
-    at(this, "listeners", {});
+    ot(this, "listeners", {});
   }
   /**
    * Add an event listener
@@ -37038,9 +37038,9 @@ class vg {
 }
 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),
@@ -37312,10 +37312,10 @@ function Rn() {
 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);
   }
   /**
@@ -37496,28 +37496,29 @@ 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");
+    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() {
@@ -37900,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);
         }
@@ -38872,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
@@ -40911,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"
@@ -40934,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);
       }
@@ -40980,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 }) }),
@@ -40995,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: [
@@ -41007,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"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voxket-ai/voxket-live",
-  "version": "1.0.153",
+  "version": "1.0.154",
   "description": "A React widget for embedding Voxket-powered audio/video/chat experiences.",
   "type": "module",
   "main": "./dist/index.cjs",