@superinterface/react 5.3.0-beta.2 → 5.3.0-beta.20

package/dist/index.js

@@ -354,7 +354,7 @@ var require_lib = __commonJS({
         Object.defineProperty(exports, "__esModule", {
             value: true
         });
-        function _objectWithoutPropertiesLoose10(r, e) {
+        function _objectWithoutPropertiesLoose12(r, e) {
             if (null == r) return {};
             var t = {};
             for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
@@ -721,7 +721,7 @@ var require_lib = __commonJS({
             PrimaryTopicNotAllowed: "Topic reference was used in a lexical context without topic binding.",
             PrimaryTopicRequiresSmartPipeline: 'Topic reference is used, but the pipelineOperator plugin was not passed a "proposal": "hack" or "smart" option.'
         });
-        var _excluded10 = [
+        var _excluded12 = [
             "message"
         ];
         function defineHidden(obj, key2, value) {
@@ -796,7 +796,7 @@ var require_lib = __commonJS({
                     }
                 } : typeof template === "function" ? {
                     message: template
-                } : template, message = _ref.message, rest = _objectWithoutPropertiesLoose10(_ref, _excluded10);
+                } : template, message = _ref.message, rest = _objectWithoutPropertiesLoose12(_ref, _excluded12);
                 var toMessage = typeof message === "string" ? function() {
                     return message;
                 } : message;
@@ -46888,7 +46888,7 @@ var useAudioThreadContext = function() {
 import { c as _c90 } from "react-compiler-runtime";
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
 import { c as _c89 } from "react-compiler-runtime";
-import { useMemo as useMemo18 } from "react";
+import { useMemo as useMemo19 } from "react";
 // src/hooks/misc/usePermission/index.ts
 import { c as _c86 } from "react-compiler-runtime";
 import { useEffect as useEffect7, useState as useState7 } from "react";
@@ -47220,10 +47220,7 @@ var useRecorder = function(_ref) {
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
 import { c as _c88 } from "react-compiler-runtime";
-import { useMemo as useMemo17, useRef as useRef8, useState as useState9, useEffect as useEffect10, useCallback as useCallback7 } from "react";
-import nlp from "compromise";
-import { Howler } from "howler";
-import { useAudioPlayer as useAudioPlayer2 } from "react-use-audio-player";
+import { useCallback as useCallback8, useEffect as useEffect11, useMemo as useMemo18, useRef as useRef9, useState as useState10 } from "react";
 // src/hooks/audioThreads/useMessageAudio/lib/input.ts
 import { isEmpty as isEmpty2 } from "radash";
 var input = function(_ref) {
@@ -47237,6 +47234,10 @@ var input = function(_ref) {
     if (isEmpty2(result)) return null;
     return result;
 };
+// src/hooks/audioThreads/useMessageAudio/lib/useDefaultPlay.ts
+import { useCallback as useCallback7, useEffect as useEffect10, useMemo as useMemo17, useRef as useRef8, useState as useState9 } from "react";
+import { Howler } from "howler";
+import { useAudioPlayer as useAudioPlayer2 } from "react-use-audio-player";
 // src/hooks/audioThreads/useMessageAudio/lib/isHtmlAudioSupported.ts
 import { detect } from "detect-browser";
 var _detect;
@@ -47245,7 +47246,7 @@ var unsupportedNames = [
     "ios"
 ];
 var isHtmlAudioSupported = !unsupportedNames.includes(((_detect = detect()) === null || _detect === void 0 ? void 0 : _detect.name) || "");
-// src/hooks/audioThreads/useMessageAudio/index.ts
+// src/hooks/audioThreads/useMessageAudio/lib/useDefaultPlay.ts
 function ownKeys47(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -47289,14 +47290,516 @@ function _toPrimitive47(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-var segment = function(input2) {
-    return nlp(input2).sentences().json().map(function(s) {
-        return s.text;
-    });
+var MAX_SEG_CACHE = 256;
+var KEEP_FINISHED_MESSAGES = 12;
+var hasLetters = function(input2) {
+    for(var i = 0; i < input2.length; i++){
+        var ch = input2.charAt(i);
+        if (ch.toLowerCase() !== ch.toUpperCase()) return true;
+    }
+    return false;
+};
+var isSentencePunct = function(ch) {
+    return ch === "." || ch === "!" || ch === "?" || ch === "\u3002" || ch === "\uFF01" || ch === "\uFF1F";
+};
+var normalizeBoundaries = function(text) {
+    var out = "";
+    for(var i = 0; i < text.length; i++){
+        var ch = text.charAt(i);
+        out += ch;
+        if (isSentencePunct(ch)) {
+            var next = text.charAt(i + 1);
+            if (next && next !== " " && hasLetters(next)) {
+                out += " ";
+            }
+        }
+    }
+    return out;
+};
+var splitSentencesFast = function(raw) {
+    var normalized = normalizeBoundaries(raw.replace(/\s+/g, " ").trim());
+    if (!normalized) return [];
+    var parts = normalized.split(RegExp("(?<=[.!?])\\s+(?=[^\\s])", "g"));
+    var filtered = [];
+    for(var i = 0; i < parts.length; i++){
+        var part = parts[i].trim();
+        if (part && hasLetters(part)) filtered.push(part);
+    }
+    return filtered;
+};
+var getIncrementalSentences = function(prev, nextInput, now) {
+    if (!prev) {
+        return {
+            input: nextInput,
+            sentences: splitSentencesFast(nextInput),
+            touched: now
+        };
+    }
+    if (nextInput === prev.input) {
+        return {
+            input: prev.input,
+            sentences: prev.sentences,
+            touched: now
+        };
+    }
+    if (nextInput.startsWith(prev.input)) {
+        var prevSentences = prev.sentences;
+        var prevLast = prevSentences[prevSentences.length - 1] || "";
+        var baseLen = prev.input.length - prevLast.length;
+        if (baseLen >= 0 && prev.input.slice(baseLen) === prevLast) {
+            var tail = nextInput.slice(baseLen);
+            var tailSegments = splitSentencesFast(tail);
+            var merged = prevSentences.length > 0 ? prevSentences.slice(0, -1).concat(tailSegments) : tailSegments;
+            return {
+                input: nextInput,
+                sentences: merged,
+                touched: now
+            };
+        }
+    }
+    return {
+        input: nextInput,
+        sentences: splitSentencesFast(nextInput),
+        touched: now
+    };
+};
+var getPerformanceNow = function() {
+    return typeof performance !== "undefined" && typeof performance.now === "function" ? performance.now() : Date.now();
+};
+var useDefaultPlay = function(_ref) {
+    var enabled = _ref.enabled, fullSentenceRegex = _ref.fullSentenceRegex, onEnd = _ref.onEnd, superinterfaceContext = _ref.superinterfaceContext, isAudioPlayed = _ref.isAudioPlayed;
+    var audioPlayer = useAudioPlayer2();
+    var nextAudioPlayer = useAudioPlayer2();
+    var _useState9 = _sliced_to_array(useState9(false), 2), isPlaying = _useState9[0], setIsPlaying = _useState9[1];
+    var _useState91 = _sliced_to_array(useState9([]), 2), audioQueue = _useState91[0], setAudioQueue = _useState91[1];
+    var audioQueueRef = useRef8(audioQueue);
+    useEffect10(function() {
+        audioQueueRef.current = audioQueue;
+    }, [
+        audioQueue
+    ]);
+    var messageStatesRef = useRef8(/* @__PURE__ */ new Map());
+    var segCacheRef = useRef8(/* @__PURE__ */ new Map());
+    var chunkQueuesRef = useRef8(/* @__PURE__ */ new Map());
+    var messageOrderRef = useRef8(/* @__PURE__ */ new Map());
+    var pickLockRef = useRef8(false);
+    var currentSentenceRef = useRef8(null);
+    var currentChunkRef = useRef8(null);
+    var evictSegCache = useCallback7(function() {
+        var segCache = segCacheRef.current;
+        if (segCache.size <= MAX_SEG_CACHE) return;
+        var entries = Array.from(segCache.entries());
+        entries.sort(function(a, b) {
+            return a[1].touched - b[1].touched;
+        });
+        var toRemove = segCache.size - MAX_SEG_CACHE;
+        for(var i = 0; i < toRemove; i++)segCache.delete(entries[i][0]);
+    }, []);
+    var getOrder = useCallback7(function(state) {
+        var explicit = messageOrderRef.current.get(state.id);
+        if (explicit != null) return explicit;
+        return state.order;
+    }, []);
+    var rebuildQueue = useCallback7(function() {
+        if (!enabled) return;
+        var states = Array.from(messageStatesRef.current.values());
+        states.sort(function(a_0, b_0) {
+            return getOrder(a_0) - getOrder(b_0);
+        });
+        var unfinished = [];
+        var finished = [];
+        for(var i_0 = 0; i_0 < states.length; i_0++){
+            var state_0 = states[i_0];
+            if (!state_0.stopped && (state_0.status === "in_progress" || state_0.nextIndex < state_0.sentences.length)) {
+                unfinished.push(state_0);
+            } else {
+                finished.push(state_0);
+            }
+        }
+        if (finished.length > KEEP_FINISHED_MESSAGES) {
+            var toTrim = finished.length - KEEP_FINISHED_MESSAGES;
+            for(var i_1 = 0; i_1 < toTrim; i_1++){
+                var removed = finished.shift();
+                if (!removed) break;
+                messageStatesRef.current.delete(removed.id);
+                segCacheRef.current.delete(removed.id);
+                chunkQueuesRef.current.delete(removed.id);
+            }
+        }
+        var combined = _to_consumable_array(unfinished).concat(_to_consumable_array(finished));
+        audioQueueRef.current = combined;
+        setAudioQueue(function(prev) {
+            if (prev.length === combined.length) {
+                var identical = true;
+                for(var i_2 = 0; i_2 < prev.length; i_2++){
+                    if (prev[i_2] !== combined[i_2]) {
+                        identical = false;
+                        break;
+                    }
+                }
+                if (identical) return prev;
+            }
+            return combined;
+        });
+    }, [
+        enabled,
+        getOrder
+    ]);
+    var checkForCompletion = useCallback7(function() {
+        if (!enabled) return;
+        var hasPending = Array.from(messageStatesRef.current.values()).some(function(state_1) {
+            if (state_1.stopped) return false;
+            var hasMore = state_1.nextIndex < state_1.sentences.length;
+            var streaming = state_1.status === "in_progress";
+            return hasMore || streaming;
+        });
+        if (!hasPending) onEnd();
+    }, [
+        enabled,
+        onEnd
+    ]);
+    var finishChunk = useCallback7(function(messageId, reason) {
+        if (!enabled) return;
+        var queues = chunkQueuesRef.current;
+        var queue = queues.get(messageId);
+        if (!queue || queue.length === 0) return;
+        var chunk = queue[0];
+        if (reason === "stop") {
+            if (!chunk.stopped) {
+                chunk.stopped = true;
+                chunk.onStop();
+            }
+            queue.shift();
+            if (queue.length === 0) queues.delete(messageId);
+            return;
+        }
+        chunk.remaining -= 1;
+        if (chunk.remaining <= 0) {
+            chunk.onEnd();
+            queue.shift();
+            if (queue.length === 0) queues.delete(messageId);
+        }
+    }, [
+        enabled
+    ]);
+    var startNextSegment = useCallback7(function() {
+        if (!enabled) return;
+        if (isPlaying) return;
+        if (audioPlayer.playing) return;
+        if (pickLockRef.current) return;
+        var queueSnapshot = audioQueueRef.current.slice();
+        queueSnapshot.sort(function(a_1, b_1) {
+            return getOrder(a_1) - getOrder(b_1);
+        });
+        var candidate = null;
+        for(var i_3 = 0; i_3 < queueSnapshot.length; i_3++){
+            var state_2 = queueSnapshot[i_3];
+            if (state_2.stopped) continue;
+            var sentence = state_2.sentences[state_2.nextIndex];
+            if (!sentence) continue;
+            var isFull = isOptimistic({
+                id: state_2.id
+            }) || state_2.status !== "in_progress" || fullSentenceRegex.test(sentence);
+            if (!isFull) continue;
+            candidate = {
+                messageId: state_2.id,
+                sentence: sentence,
+                index: state_2.nextIndex,
+                status: state_2.status
+            };
+            break;
+        }
+        if (!candidate) return;
+        pickLockRef.current = true;
+        setIsPlaying(true);
+        currentSentenceRef.current = {
+            messageId: candidate.messageId,
+            index: candidate.index
+        };
+        var state_3 = messageStatesRef.current.get(candidate.messageId);
+        if (!state_3) {
+            pickLockRef.current = false;
+            setIsPlaying(false);
+            currentSentenceRef.current = null;
+            return;
+        }
+        state_3.nextIndex = candidate.index + 1;
+        rebuildQueue();
+        var chunkQueue = chunkQueuesRef.current.get(candidate.messageId);
+        var activeChunk = chunkQueue && chunkQueue.length > 0 ? chunkQueue[0] : null;
+        currentChunkRef.current = activeChunk;
+        var searchParams = new URLSearchParams(_objectSpread47({
+            input: candidate.sentence
+        }, superinterfaceContext.variables));
+        audioPlayer.load("".concat(superinterfaceContext.baseUrl, "/audio-runtimes/tts?").concat(searchParams), {
+            format: "mp3",
+            autoplay: isAudioPlayed,
+            html5: isHtmlAudioSupported,
+            onplay: function() {
+                if (activeChunk && !activeChunk.started) {
+                    activeChunk.started = true;
+                    activeChunk.onPlay();
+                }
+            },
+            onstop: function() {
+                var stateToUpdate = messageStatesRef.current.get(candidate.messageId);
+                if (stateToUpdate) {
+                    stateToUpdate.stopped = true;
+                }
+                finishChunk(candidate.messageId, "stop");
+                setIsPlaying(false);
+                currentSentenceRef.current = null;
+                currentChunkRef.current = null;
+                pickLockRef.current = false;
+                rebuildQueue();
+                checkForCompletion();
+            },
+            onload: function() {
+                var current = currentSentenceRef.current;
+                if (!current) return;
+                var owner = messageStatesRef.current.get(current.messageId);
+                if (!owner) return;
+                var nextSentence = owner.sentences[owner.nextIndex];
+                if (!nextSentence) return;
+                var allowQueued = owner.status !== "in_progress" || isOptimistic({
+                    id: owner.id
+                }) || fullSentenceRegex.test(nextSentence);
+                if (!allowQueued) return;
+                var nextSearchParams = new URLSearchParams(_objectSpread47({
+                    input: nextSentence
+                }, superinterfaceContext.variables));
+                nextAudioPlayer.load("".concat(superinterfaceContext.baseUrl, "/audio-runtimes/tts?").concat(nextSearchParams), {
+                    format: "mp3",
+                    autoplay: false,
+                    html5: isHtmlAudioSupported
+                });
+            },
+            onend: function() {
+                finishChunk(candidate.messageId, "end");
+                setIsPlaying(false);
+                currentSentenceRef.current = null;
+                currentChunkRef.current = null;
+                pickLockRef.current = false;
+                rebuildQueue();
+                checkForCompletion();
+                startNextSegment();
+            }
+        });
+    }, [
+        enabled,
+        isPlaying,
+        audioPlayer,
+        fullSentenceRegex,
+        superinterfaceContext,
+        isAudioPlayed,
+        rebuildQueue,
+        finishChunk,
+        checkForCompletion,
+        getOrder
+    ]);
+    var play = useCallback7(function(_ref2) {
+        var _existing$playableCou, _ref3, _existing$fallbackOrd, _ref4, _messageOrderRef$curr, _existing$stopped, _ref5;
+        var input2 = _ref2.input, message = _ref2.message, onPlay = _ref2.onPlay, onStop = _ref2.onStop, chunkOnEnd = _ref2.onEnd;
+        if (!enabled) {
+            chunkOnEnd();
+            return;
+        }
+        var fullInput = input({
+            message: message
+        });
+        if (fullInput == null) {
+            chunkOnEnd();
+            return;
+        }
+        var id = String(message.id);
+        var now = getPerformanceNow();
+        var segCache_0 = segCacheRef.current;
+        var prevSeg = segCache_0.get(id);
+        var nextSeg = getIncrementalSentences(prevSeg, fullInput, now);
+        segCache_0.set(id, nextSeg);
+        evictSegCache();
+        var existing = messageStatesRef.current.get(id);
+        var prevPlayable = (_existing$playableCou = existing === null || existing === void 0 ? void 0 : existing.playableCount) !== null && _existing$playableCou !== void 0 ? _existing$playableCou : 0;
+        var sentences = nextSeg.sentences;
+        var playableCount = sentences.length;
+        if (!isOptimistic({
+            id: id
+        }) && message.status === "in_progress" && sentences.length > 0) {
+            var last3 = sentences[sentences.length - 1];
+            if (last3 && !fullSentenceRegex.test(last3)) {
+                playableCount -= 1;
+            }
+        }
+        if (playableCount < 0) playableCount = 0;
+        var fallbackOrder = (_ref3 = (_existing$fallbackOrd = existing === null || existing === void 0 ? void 0 : existing.fallbackOrder) !== null && _existing$fallbackOrd !== void 0 ? _existing$fallbackOrd : message.created_at) !== null && _ref3 !== void 0 ? _ref3 : Date.now();
+        var order2 = (_ref4 = (_messageOrderRef$curr = messageOrderRef.current.get(id)) !== null && _messageOrderRef$curr !== void 0 ? _messageOrderRef$curr : existing === null || existing === void 0 ? void 0 : existing.order) !== null && _ref4 !== void 0 ? _ref4 : fallbackOrder;
+        var nextIndex = existing ? Math.min(existing.nextIndex, sentences.length) : 0;
+        var stopped = (_existing$stopped = existing === null || existing === void 0 ? void 0 : existing.stopped) !== null && _existing$stopped !== void 0 ? _existing$stopped : false;
+        var nextState = {
+            id: id,
+            status: (_ref5 = message.status) !== null && _ref5 !== void 0 ? _ref5 : "completed",
+            sentences: sentences,
+            nextIndex: nextIndex,
+            playableCount: playableCount,
+            stopped: stopped,
+            order: order2,
+            fallbackOrder: fallbackOrder
+        };
+        messageStatesRef.current.set(id, nextState);
+        rebuildQueue();
+        var newSegments = Math.max(playableCount - prevPlayable, 0);
+        if (newSegments > 0) {
+            var _chunkQueuesRef$curre;
+            var queue_0 = (_chunkQueuesRef$curre = chunkQueuesRef.current.get(id)) !== null && _chunkQueuesRef$curre !== void 0 ? _chunkQueuesRef$curre : [];
+            queue_0.push({
+                remaining: newSegments,
+                onPlay: onPlay,
+                onStop: onStop,
+                onEnd: chunkOnEnd,
+                started: false,
+                stopped: false
+            });
+            chunkQueuesRef.current.set(id, queue_0);
+            startNextSegment();
+        } else {
+            chunkOnEnd();
+        }
+    }, [
+        enabled,
+        fullSentenceRegex,
+        rebuildQueue,
+        startNextSegment,
+        evictSegCache
+    ]);
+    var syncMessages = useCallback7(function(messagesAsc) {
+        messageOrderRef.current.clear();
+        for(var i_4 = 0; i_4 < messagesAsc.length; i_4++){
+            var _ref6;
+            messageOrderRef.current.set(String(messagesAsc[i_4].id), i_4);
+            var state_4 = messageStatesRef.current.get(String(messagesAsc[i_4].id));
+            if (state_4) state_4.status = (_ref6 = messagesAsc[i_4].status) !== null && _ref6 !== void 0 ? _ref6 : "completed";
+        }
+        if (!enabled) return;
+        rebuildQueue();
+    }, [
+        enabled,
+        rebuildQueue
+    ]);
+    useEffect10(function() {
+        if (!enabled) return;
+        if (isHtmlAudioSupported) {
+            var _Howler$_howls;
+            var node = Howler === null || Howler === void 0 || (_Howler$_howls = Howler._howls) === null || _Howler$_howls === void 0 || (_Howler$_howls = _Howler$_howls[0]) === null || _Howler$_howls === void 0 || (_Howler$_howls = _Howler$_howls._sounds) === null || _Howler$_howls === void 0 || (_Howler$_howls = _Howler$_howls[0]) === null || _Howler$_howls === void 0 ? void 0 : _Howler$_howls._node;
+            if (node) node.crossOrigin = "anonymous";
+        }
+    }, [
+        enabled,
+        audioPlayer
+    ]);
+    var _useState92 = _sliced_to_array(useState9(null), 2), audioEngine = _useState92[0], setAudioEngine = _useState92[1];
+    var isAudioEngineInited = useRef8(false);
+    useEffect10(function() {
+        if (!enabled) return;
+        if (!audioPlayer.playing) return;
+        if (isAudioEngineInited.current) return;
+        isAudioEngineInited.current = true;
+        if (isHtmlAudioSupported) {
+            var _Howler$_howls2;
+            var AudioCtx = window.AudioContext || window.webkitAudioContext;
+            var audioContext = new AudioCtx();
+            var node_0 = Howler === null || Howler === void 0 || (_Howler$_howls2 = Howler._howls) === null || _Howler$_howls2 === void 0 || (_Howler$_howls2 = _Howler$_howls2[0]) === null || _Howler$_howls2 === void 0 || (_Howler$_howls2 = _Howler$_howls2._sounds) === null || _Howler$_howls2 === void 0 || (_Howler$_howls2 = _Howler$_howls2[0]) === null || _Howler$_howls2 === void 0 ? void 0 : _Howler$_howls2._node;
+            if (node_0) {
+                setAudioEngine({
+                    // @ts-ignore-next-line
+                    source: audioContext.createMediaElementSource(node_0),
+                    audioContext: audioContext
+                });
+            }
+        } else {
+            setAudioEngine({
+                source: Howler.masterGain,
+                audioContext: Howler.ctx
+            });
+        }
+    }, [
+        enabled,
+        audioPlayer
+    ]);
+    var visualizationAnalyser = useMemo17(function() {
+        if (!enabled) return null;
+        if (!audioEngine) return null;
+        var analyser = audioEngine.audioContext.createAnalyser();
+        audioEngine.source.connect(audioEngine.audioContext.destination);
+        audioEngine.source.connect(analyser);
+        return analyser;
+    }, [
+        enabled,
+        audioEngine
+    ]);
+    var isPending = useMemo17(function() {
+        if (!enabled) return false;
+        return isPlaying || Array.from(messageStatesRef.current.values()).some(function(state_5) {
+            return !state_5.stopped && (state_5.status === "in_progress" || state_5.nextIndex < state_5.sentences.length);
+        });
+    }, [
+        enabled,
+        isPlaying
+    ]);
+    return {
+        play: play,
+        syncMessages: syncMessages,
+        isPending: isPending,
+        visualizationAnalyser: visualizationAnalyser,
+        controls: audioPlayer
+    };
 };
+// src/hooks/audioThreads/useMessageAudio/index.ts
+function ownKeys48(e, r) {
+    var t = Object.keys(e);
+    if (Object.getOwnPropertySymbols) {
+        var o = Object.getOwnPropertySymbols(e);
+        r && (o = o.filter(function(r2) {
+            return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+        })), t.push.apply(t, o);
+    }
+    return t;
+}
+function _objectSpread48(e) {
+    for(var r = 1; r < arguments.length; r++){
+        var t = null != arguments[r] ? arguments[r] : {};
+        r % 2 ? ownKeys48(Object(t), true).forEach(function(r2) {
+            _defineProperty48(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys48(Object(t)).forEach(function(r2) {
+            Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+        });
+    }
+    return e;
+}
+function _defineProperty48(e, r, t) {
+    return (r = _toPropertyKey48(r)) in e ? Object.defineProperty(e, r, {
+        value: t,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    }) : e[r] = t, e;
+}
+function _toPropertyKey48(t) {
+    var i = _toPrimitive48(t, "string");
+    return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
+}
+function _toPrimitive48(t, r) {
+    if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+        var i = e.call(t, r || "default");
+        if ("object" != (typeof i === "undefined" ? "undefined" : _type_of(i))) return i;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return ("string" === r ? String : Number)(t);
+}
 var useMessageAudio = function(t0) {
-    var $ = _c88(41);
-    var _onEnd = t0.onEnd, passedPlay = t0.play, t1 = t0.fullSentenceRegex;
+    var $ = _c88(42);
+    var onEnd = t0.onEnd, passedPlay = t0.play, t1 = t0.fullSentenceRegex;
     var t2;
     if ($[0] !== t1) {
         t2 = t1 === void 0 ? /[\.?!]$/ : t1;
@@ -47306,193 +47809,168 @@ var useMessageAudio = function(t0) {
         t2 = $[1];
     }
     var fullSentenceRegex = t2;
-    var _useState9 = _sliced_to_array(useState9(false), 2), isAudioPlayed = _useState9[0], setIsAudioPlayed = _useState9[1];
-    var audioPlayer = useAudioPlayer2();
-    var nextAudioPlayer = useAudioPlayer2();
     var superinterfaceContext = useSuperinterfaceContext();
-    var _useState91 = _sliced_to_array(useState9(false), 2), isPlaying = _useState91[0], setIsPlaying = _useState91[1];
+    var messagesProps = useMessages();
     var t3;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = [];
-        $[2] = t3;
-    } else {
-        t3 = $[2];
-    }
-    var _useState92 = _sliced_to_array(useState9(t3), 2), audioQueue = _useState92[0], setAudioQueue = _useState92[1];
     var t4;
-    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = [];
+    if ($[2] !== messagesProps.messages) {
+        var assistantsDesc = messagesProps.messages.filter(_temp9);
+        t4 = assistantsDesc.slice().reverse();
+        $[2] = messagesProps.messages;
         $[3] = t4;
     } else {
         t4 = $[3];
     }
-    var audioQueueRef = useRef8(t4);
+    t3 = t4;
+    var assistantsAsc = t3;
+    var _useState10 = _sliced_to_array(useState10(false), 2), isAudioPlayed = _useState10[0], setIsAudioPlayed = _useState10[1];
+    var _useState101 = _sliced_to_array(useState10(0), 2), activeChunks = _useState101[0], setActiveChunks = _useState101[1];
+    var activeChunksRef = useRef9(0);
     var t5;
     var t6;
-    if ($[4] !== audioQueue) {
+    if ($[4] !== activeChunks) {
         t5 = function() {
-            audioQueueRef.current = audioQueue;
+            activeChunksRef.current = activeChunks;
         };
         t6 = [
-            audioQueue
+            activeChunks
         ];
-        $[4] = audioQueue;
+        $[4] = activeChunks;
         $[5] = t5;
         $[6] = t6;
     } else {
         t5 = $[5];
         t6 = $[6];
     }
-    useEffect10(t5, t6);
-    var currentSentenceRef = useRef8(null);
-    var messagesProps = useMessages();
-    var t7;
+    useEffect11(t5, t6);
+    var onEndPendingRef = useRef9(false);
+    var t7 = !passedPlay;
     var t8;
-    if ($[7] !== messagesProps.messages) {
-        t7 = function() {
-            var assistants = messagesProps.messages.filter(_temp9);
-            setAudioQueue(function(prev) {
-                var prevById = new Map(prev.map(_temp24));
-                var next = [];
-                var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-                try {
-                    for(var _iterator = assistants[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                        var m_0 = _step.value;
-                        var _existing$nextIndex, _existing$stopped;
-                        var inp = input({
-                            message: m_0
-                        });
-                        if (inp == null) {
-                            continue;
-                        }
-                        var sentences = segment(inp);
-                        var existing = prevById.get(m_0.id);
-                        next.push({
-                            id: m_0.id,
-                            status: m_0.status,
-                            sentences: sentences,
-                            nextIndex: Math.min((_existing$nextIndex = existing === null || existing === void 0 ? void 0 : existing.nextIndex) !== null && _existing$nextIndex !== void 0 ? _existing$nextIndex : 0, sentences.length),
-                            stopped: (_existing$stopped = existing === null || existing === void 0 ? void 0 : existing.stopped) !== null && _existing$stopped !== void 0 ? _existing$stopped : false
-                        });
-                    }
-                } catch (err) {
-                    _didIteratorError = true;
-                    _iteratorError = err;
-                } finally{
-                    try {
-                        if (!_iteratorNormalCompletion && _iterator.return != null) {
-                            _iterator.return();
-                        }
-                    } finally{
-                        if (_didIteratorError) {
-                            throw _iteratorError;
-                        }
-                    }
-                }
-                return next;
-            });
+    if ($[7] !== fullSentenceRegex || $[8] !== isAudioPlayed || $[9] !== onEnd || $[10] !== superinterfaceContext || $[11] !== t7) {
+        t8 = {
+            enabled: t7,
+            fullSentenceRegex: fullSentenceRegex,
+            onEnd: onEnd,
+            superinterfaceContext: superinterfaceContext,
+            isAudioPlayed: isAudioPlayed
         };
-        t8 = [
-            messagesProps.messages
-        ];
-        $[7] = messagesProps.messages;
-        $[8] = t7;
-        $[9] = t8;
+        $[7] = fullSentenceRegex;
+        $[8] = isAudioPlayed;
+        $[9] = onEnd;
+        $[10] = superinterfaceContext;
+        $[11] = t7;
+        $[12] = t8;
     } else {
-        t7 = $[8];
-        t8 = $[9];
+        t8 = $[12];
     }
-    useEffect10(t7, t8);
+    var defaultPlayback = useDefaultPlay(t8);
+    var defaultPlayFn = defaultPlayback.play, syncMessages = defaultPlayback.syncMessages, defaultIsPending = defaultPlayback.isPending, defaultVisualizer = defaultPlayback.visualizationAnalyser, controls = defaultPlayback.controls;
     var t9;
-    if ($[10] !== audioPlayer || $[11] !== fullSentenceRegex || $[12] !== isAudioPlayed || $[13] !== nextAudioPlayer || $[14] !== superinterfaceContext) {
-        t9 = function(t102) {
-            var input2 = t102.input, onPlay = t102.onPlay, onStop = t102.onStop, onEnd_0 = t102.onEnd;
-            var searchParams = new URLSearchParams(_objectSpread47({
-                input: input2
-            }, superinterfaceContext.variables));
-            audioPlayer.load("".concat(superinterfaceContext.baseUrl, "/audio-runtimes/tts?").concat(searchParams), {
-                format: "mp3",
-                autoplay: isAudioPlayed,
-                html5: isHtmlAudioSupported,
-                onplay: onPlay,
-                onstop: onStop,
-                onload: function() {
-                    var current = currentSentenceRef.current;
-                    if (!current) {
-                        return;
-                    }
-                    var msg = audioQueueRef.current.find(function(m_1) {
-                        return m_1.id === current.messageId;
-                    });
-                    if (!msg) {
-                        return;
-                    }
-                    var nextSentence = msg.sentences[msg.nextIndex];
-                    if (!nextSentence) {
-                        return;
-                    }
-                    if (!fullSentenceRegex.test(nextSentence)) {
-                        return;
-                    }
-                    var nextSearchParams = new URLSearchParams(_objectSpread47({
-                        input: nextSentence
-                    }, superinterfaceContext.variables));
-                    nextAudioPlayer.load("".concat(superinterfaceContext.baseUrl, "/audio-runtimes/tts?").concat(nextSearchParams), {
-                        format: "mp3",
-                        autoplay: false,
-                        html5: isHtmlAudioSupported
-                    });
+    t9 = passedPlay || defaultPlayFn;
+    var playImpl = t9;
+    var t10;
+    if ($[13] !== passedPlay) {
+        t10 = function() {
+            if (passedPlay) {
+                onEndPendingRef.current = true;
+                setActiveChunks(_temp24);
+            }
+            var finished;
+            finished = false;
+            var finish = function() {
+                if (finished) {
+                    return;
+                }
+                finished = true;
+                if (passedPlay) {
+                    setActiveChunks(_temp32);
+                }
+            };
+            return {
+                onPlay: function() {
+                    return setIsAudioPlayed(true);
                 },
-                onend: onEnd_0
-            });
+                onStop: function() {
+                    return finish();
+                },
+                onEnd: function() {
+                    return finish();
+                }
+            };
         };
-        $[10] = audioPlayer;
-        $[11] = fullSentenceRegex;
-        $[12] = isAudioPlayed;
-        $[13] = nextAudioPlayer;
-        $[14] = superinterfaceContext;
-        $[15] = t9;
+        $[13] = passedPlay;
+        $[14] = t10;
     } else {
-        t9 = $[15];
+        t10 = $[14];
     }
-    var defaultPlay = t9;
-    var t10;
-    t10 = passedPlay || defaultPlay;
-    var play = t10;
+    var createChunkCallbacks = t10;
     var t11;
+    if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+        t11 = /* @__PURE__ */ new Map();
+        $[15] = t11;
+    } else {
+        t11 = $[15];
+    }
+    var processedRef = useRef9(t11);
     var t12;
-    if ($[16] !== audioPlayer.playing || $[17] !== audioQueue || $[18] !== fullSentenceRegex || $[19] !== isPlaying || $[20] !== _onEnd || $[21] !== play) {
-        t11 = function() {
-            if (isPlaying) {
-                return;
-            }
-            if (audioPlayer.playing) {
-                return;
+    var t13;
+    if ($[16] !== assistantsAsc || $[17] !== createChunkCallbacks || $[18] !== passedPlay || $[19] !== playImpl || $[20] !== syncMessages) {
+        t12 = function() {
+            var seenIds = /* @__PURE__ */ new Set();
+            for(var idx = 0; idx < assistantsAsc.length; idx++){
+                var _prev_1$text;
+                var message_0 = assistantsAsc[idx];
+                var id = String(message_0.id);
+                var input2 = input({
+                    message: message_0
+                });
+                if (input2 == null) {
+                    continue;
+                }
+                var prev_1 = processedRef.current.get(id);
+                var prevText = (_prev_1$text = prev_1 === null || prev_1 === void 0 ? void 0 : prev_1.text) !== null && _prev_1$text !== void 0 ? _prev_1$text : "";
+                var prevStatus = prev_1 === null || prev_1 === void 0 ? void 0 : prev_1.status;
+                var hasSamePrefix = prevText.length > 0 && input2.startsWith(prevText) && prevText !== input2;
+                var delta = void 0;
+                if (hasSamePrefix) {
+                    delta = input2.slice(prevText.length);
+                } else {
+                    if (input2 === prevText) {
+                        delta = "";
+                    } else {
+                        delta = input2;
+                    }
+                }
+                var statusChanged = prevStatus !== message_0.status;
+                if (delta.length > 0 || statusChanged) {
+                    var callbacks = createChunkCallbacks();
+                    ;
+                    try {
+                        playImpl({
+                            input: delta,
+                            message: message_0,
+                            onPlay: callbacks.onPlay,
+                            onStop: callbacks.onStop,
+                            onEnd: callbacks.onEnd
+                        });
+                    } catch (t142) {
+                        var error = t142;
+                        callbacks.onEnd();
+                        throw error;
+                    }
+                }
+                processedRef.current.set(id, {
+                    text: input2,
+                    status: message_0.status
+                });
+                seenIds.add(id);
             }
-            var candidate;
-            candidate = null;
             var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
             try {
-                for(var _iterator = audioQueue[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                    var msg_0 = _step.value;
-                    if (msg_0.stopped) {
-                        continue;
-                    }
-                    var sentence = msg_0.sentences[msg_0.nextIndex];
-                    if (!sentence) {
-                        continue;
-                    }
-                    var isFull = isOptimistic({
-                        id: msg_0.id
-                    }) || msg_0.status !== "in_progress" || fullSentenceRegex.test(sentence);
-                    if (isFull) {
-                        candidate = {
-                            messageId: msg_0.id,
-                            sentence: sentence,
-                            index: msg_0.nextIndex,
-                            ownerStatus: msg_0.status
-                        };
-                        break;
+                for(var _iterator = Array.from(processedRef.current.keys())[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                    var id_0 = _step.value;
+                    if (!seenIds.has(id_0)) {
+                        processedRef.current.delete(id_0);
                     }
                 }
             } catch (err) {
@@ -47509,198 +47987,116 @@ var useMessageAudio = function(t0) {
                     }
                 }
             }
-            if (!candidate) {
-                return;
+            if (!passedPlay) {
+                syncMessages(assistantsAsc);
             }
-            setIsPlaying(true);
-            currentSentenceRef.current = {
-                messageId: candidate.messageId,
-                index: candidate.index
-            };
-            setAudioQueue(function(prev_0) {
-                return prev_0.map(function(m_2) {
-                    return m_2.id === candidate.messageId ? _objectSpread47(_objectSpread47({}, m_2), {}, {
-                        nextIndex: m_2.nextIndex + 1
-                    }) : m_2;
-                });
-            });
-            play({
-                input: candidate.sentence,
-                onPlay: function() {
-                    return setIsAudioPlayed(true);
-                },
-                onStop: function() {
-                    setAudioQueue(function(prev_1) {
-                        return prev_1.map(function(m_3) {
-                            return m_3.id === candidate.messageId ? _objectSpread47(_objectSpread47({}, m_3), {}, {
-                                stopped: true
-                            }) : m_3;
-                        });
-                    });
-                    setIsPlaying(false);
-                    currentSentenceRef.current = null;
-                },
-                onEnd: function() {
-                    setIsPlaying(false);
-                    currentSentenceRef.current = null;
-                    var hasPending = audioQueueRef.current.some(_temp32);
-                    if (!hasPending) {
-                        _onEnd();
-                    }
-                }
-            });
         };
-        t12 = [
-            isPlaying,
-            audioPlayer.playing,
-            audioQueue,
-            play,
-            fullSentenceRegex,
-            _onEnd
-        ];
-        $[16] = audioPlayer.playing;
-        $[17] = audioQueue;
-        $[18] = fullSentenceRegex;
-        $[19] = isPlaying;
-        $[20] = _onEnd;
-        $[21] = play;
-        $[22] = t11;
-        $[23] = t12;
-    } else {
-        t11 = $[22];
-        t12 = $[23];
-    }
-    useEffect10(t11, t12);
-    var t13;
-    if ($[24] !== audioPlayer) {
         t13 = [
-            audioPlayer
+            assistantsAsc,
+            playImpl,
+            passedPlay,
+            createChunkCallbacks,
+            syncMessages
         ];
-        $[24] = audioPlayer;
-        $[25] = t13;
-    } else {
-        t13 = $[25];
-    }
-    useEffect10(_temp42, t13);
-    var _useState93 = _sliced_to_array(useState9(null), 2), audioEngine = _useState93[0], setAudioEngine = _useState93[1];
-    var isAudioEngineInited = useRef8(false);
+        $[16] = assistantsAsc;
+        $[17] = createChunkCallbacks;
+        $[18] = passedPlay;
+        $[19] = playImpl;
+        $[20] = syncMessages;
+        $[21] = t12;
+        $[22] = t13;
+    } else {
+        t12 = $[21];
+        t13 = $[22];
+    }
+    useEffect11(t12, t13);
     var t14;
-    if ($[26] !== audioPlayer.playing) {
+    if ($[23] !== assistantsAsc || $[24] !== onEnd || $[25] !== passedPlay) {
         t14 = function() {
-            if (!audioPlayer.playing) {
+            if (!passedPlay) {
                 return;
             }
-            if (isAudioEngineInited.current) {
+            if (!onEndPendingRef.current) {
                 return;
             }
-            isAudioEngineInited.current = true;
-            if (isHtmlAudioSupported) {
-                var audioContext = new AudioContext();
-                setAudioEngine({
-                    source: audioContext.createMediaElementSource(Howler._howls[0]._sounds[0]._node),
-                    audioContext: audioContext
-                });
-            } else {
-                setAudioEngine({
-                    source: Howler.masterGain,
-                    audioContext: Howler.ctx
-                });
+            if (activeChunksRef.current !== 0) {
+                return;
+            }
+            var hasStreaming = assistantsAsc.some(_temp42);
+            if (!hasStreaming) {
+                onEnd();
+                onEndPendingRef.current = false;
             }
         };
-        $[26] = audioPlayer.playing;
-        $[27] = t14;
+        $[23] = assistantsAsc;
+        $[24] = onEnd;
+        $[25] = passedPlay;
+        $[26] = t14;
     } else {
-        t14 = $[27];
+        t14 = $[26];
     }
     var t15;
-    if ($[28] !== audioPlayer) {
+    if ($[27] !== activeChunks || $[28] !== assistantsAsc || $[29] !== onEnd || $[30] !== passedPlay) {
         t15 = [
-            audioPlayer
+            passedPlay,
+            assistantsAsc,
+            onEnd,
+            activeChunks
         ];
-        $[28] = audioPlayer;
-        $[29] = t15;
+        $[27] = activeChunks;
+        $[28] = assistantsAsc;
+        $[29] = onEnd;
+        $[30] = passedPlay;
+        $[31] = t15;
     } else {
-        t15 = $[29];
+        t15 = $[31];
     }
-    useEffect10(t14, t15);
+    useEffect11(t14, t15);
     var t16;
-    bb0: {
-        if (!audioEngine) {
-            t16 = null;
-            break bb0;
-        }
-        var analyser;
-        if ($[30] !== audioEngine.audioContext || $[31] !== audioEngine.source) {
-            analyser = audioEngine.audioContext.createAnalyser();
-            audioEngine.source.connect(audioEngine.audioContext.destination);
-            audioEngine.source.connect(analyser);
-            $[30] = audioEngine.audioContext;
-            $[31] = audioEngine.source;
-            $[32] = analyser;
-        } else {
-            analyser = $[32];
-        }
-        t16 = analyser;
-    }
-    var visualizationAnalyser = t16;
+    if ($[32] !== activeChunks || $[33] !== assistantsAsc || $[34] !== defaultIsPending || $[35] !== passedPlay) {
+        t16 = passedPlay ? activeChunks > 0 || assistantsAsc.some(_temp52) : defaultIsPending;
+        $[32] = activeChunks;
+        $[33] = assistantsAsc;
+        $[34] = defaultIsPending;
+        $[35] = passedPlay;
+        $[36] = t16;
+    } else {
+        t16 = $[36];
+    }
+    var isPending = t16;
+    var visualizationAnalyser = passedPlay ? null : defaultVisualizer;
     var t17;
-    var t18;
-    if ($[33] !== audioQueue || $[34] !== isPlaying) {
-        t18 = isPlaying || audioQueue.some(_temp52);
-        $[33] = audioQueue;
-        $[34] = isPlaying;
-        $[35] = t18;
-    } else {
-        t18 = $[35];
-    }
-    t17 = t18;
-    var isPending = t17;
-    var t19;
-    if ($[36] !== audioPlayer || $[37] !== isAudioPlayed || $[38] !== isPending || $[39] !== visualizationAnalyser) {
-        t19 = _objectSpread47(_objectSpread47({
+    if ($[37] !== controls || $[38] !== isAudioPlayed || $[39] !== isPending || $[40] !== visualizationAnalyser) {
+        t17 = _objectSpread48(_objectSpread48({
             isPending: isPending,
             isAudioPlayed: isAudioPlayed
-        }, audioPlayer), {}, {
+        }, controls), {}, {
             visualizationAnalyser: visualizationAnalyser
         });
-        $[36] = audioPlayer;
-        $[37] = isAudioPlayed;
-        $[38] = isPending;
-        $[39] = visualizationAnalyser;
-        $[40] = t19;
+        $[37] = controls;
+        $[38] = isAudioPlayed;
+        $[39] = isPending;
+        $[40] = visualizationAnalyser;
+        $[41] = t17;
     } else {
-        t19 = $[40];
+        t17 = $[41];
     }
-    return t19;
+    return t17;
 };
-function _temp9(m) {
-    return m.role === "assistant";
+function _temp9(message) {
+    return message.role === "assistant";
 }
-function _temp24(p) {
-    return [
-        p.id,
-        p
-    ];
+function _temp24(prev) {
+    return prev + 1;
 }
-function _temp32(m_4) {
-    if (m_4.stopped) {
-        return false;
-    }
-    var hasMore = m_4.nextIndex < m_4.sentences.length;
-    var streaming = m_4.status === "in_progress";
-    return hasMore || streaming;
+function _temp32(prev_0) {
+    return Math.max(prev_0 - 1, 0);
 }
-function _temp42() {
-    if (isHtmlAudioSupported) {
-        var _Howler$_howls$;
-        if (!(Howler !== null && Howler !== void 0 && (_Howler$_howls$ = Howler._howls[0]) !== null && _Howler$_howls$ !== void 0 && (_Howler$_howls$ = _Howler$_howls$._sounds[0]) !== null && _Howler$_howls$ !== void 0 && _Howler$_howls$._node)) {
-            return;
-        }
-        Howler._howls[0]._sounds[0]._node.crossOrigin = "anonymous";
-    }
+function _temp42(message_1) {
+    return message_1.status === "in_progress";
 }
-function _temp52(m_5) {
-    return !m_5.stopped && (m_5.nextIndex < m_5.sentences.length || m_5.status === "in_progress");
+function _temp52(message_2) {
+    return message_2.status === "in_progress";
 }
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
 import { useQueryClient as useQueryClient6 } from "@tanstack/react-query";
@@ -47715,6 +48111,52 @@ var blobToData = function(blob) {
     });
 };
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
+var _excluded5 = [
+    "onEnd"
+];
+function ownKeys49(e, r) {
+    var t = Object.keys(e);
+    if (Object.getOwnPropertySymbols) {
+        var o = Object.getOwnPropertySymbols(e);
+        r && (o = o.filter(function(r2) {
+            return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+        })), t.push.apply(t, o);
+    }
+    return t;
+}
+function _objectSpread49(e) {
+    for(var r = 1; r < arguments.length; r++){
+        var t = null != arguments[r] ? arguments[r] : {};
+        r % 2 ? ownKeys49(Object(t), true).forEach(function(r2) {
+            _defineProperty49(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys49(Object(t)).forEach(function(r2) {
+            Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+        });
+    }
+    return e;
+}
+function _defineProperty49(e, r, t) {
+    return (r = _toPropertyKey49(r)) in e ? Object.defineProperty(e, r, {
+        value: t,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    }) : e[r] = t, e;
+}
+function _toPropertyKey49(t) {
+    var i = _toPrimitive49(t, "string");
+    return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
+}
+function _toPrimitive49(t, r) {
+    if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+        var i = e.call(t, r || "default");
+        if ("object" != (typeof i === "undefined" ? "undefined" : _type_of(i))) return i;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return ("string" === r ? String : Number)(t);
+}
 function asyncGeneratorStep11(n, t, e, r, o, a, c) {
     try {
         var i = n[a](c), u = i.value;
@@ -47738,20 +48180,52 @@ function _asyncToGenerator11(n) {
         });
     };
 }
+function _objectWithoutProperties5(e, t) {
+    if (null == e) return {};
+    var o, r, i = _objectWithoutPropertiesLoose5(e, t);
+    if (Object.getOwnPropertySymbols) {
+        var n = Object.getOwnPropertySymbols(e);
+        for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    }
+    return i;
+}
+function _objectWithoutPropertiesLoose5(r, e) {
+    if (null == r) return {};
+    var t = {};
+    for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
+        if (-1 !== e.indexOf(n)) continue;
+        t[n] = r[n];
+    }
+    return t;
+}
 var useTtsAudioRuntime = function(t0) {
-    var $ = _c89(30);
-    var play = t0.play, passedOnEnd = t0.onEnd;
+    var $ = _c89(33);
+    var overrides;
+    var passedOnEnd;
+    if ($[0] !== t0) {
+        var _t = t0;
+        var ref;
+        ref = _t, passedOnEnd = ref.onEnd, ref;
+        overrides = _objectWithoutProperties5(_t, _excluded5);
+        _t;
+        $[0] = t0;
+        $[1] = overrides;
+        $[2] = passedOnEnd;
+    } else {
+        overrides = $[1];
+        passedOnEnd = $[2];
+    }
     var addToast = useToasts().addToast;
     var queryClient = useQueryClient6();
     var threadContext = useSuperinterfaceContext();
     var t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
         t1 = {
             name: "microphone"
         };
-        $[0] = t1;
+        $[3] = t1;
     } else {
-        t1 = $[0];
+        t1 = $[3];
     }
     var microphonePermission = usePermission(t1);
     var createMessageProps = useCreateMessage({
@@ -47765,7 +48239,7 @@ var useTtsAudioRuntime = function(t0) {
         }
     });
     var t2;
-    if ($[1] !== createMessageProps) {
+    if ($[4] !== createMessageProps) {
         t2 = {
             isStopOnSilence: true,
             onStart: _temp10,
@@ -47799,10 +48273,10 @@ var useTtsAudioRuntime = function(t0) {
                 return onStop;
             }()
         };
-        $[1] = createMessageProps;
-        $[2] = t2;
+        $[4] = createMessageProps;
+        $[5] = t2;
     } else {
-        t2 = $[2];
+        t2 = $[5];
     }
     var recorderProps = useRecorder(t2);
     recorderProps;
@@ -47812,39 +48286,38 @@ var useTtsAudioRuntime = function(t0) {
             t3 = passedOnEnd;
             break bb0;
         }
-        var _t;
-        if ($[3] !== microphonePermission || $[4] !== recorderProps) {
-            _t = function() {
+        var _t2;
+        if ($[6] !== microphonePermission || $[7] !== recorderProps) {
+            _t2 = function() {
                 if (microphonePermission === "granted") {
                     recorderProps.start();
                 }
             };
-            $[3] = microphonePermission;
-            $[4] = recorderProps;
-            $[5] = _t;
+            $[6] = microphonePermission;
+            $[7] = recorderProps;
+            $[8] = _t2;
         } else {
-            _t = $[5];
+            _t2 = $[8];
         }
-        t3 = _t;
+        t3 = _t2;
     }
     var onEnd = t3;
     var t4;
-    if ($[6] !== onEnd || $[7] !== play) {
-        t4 = {
-            play: play,
+    if ($[9] !== onEnd || $[10] !== overrides) {
+        t4 = _objectSpread49({
             onEnd: onEnd
-        };
-        $[6] = onEnd;
-        $[7] = play;
-        $[8] = t4;
+        }, overrides);
+        $[9] = onEnd;
+        $[10] = overrides;
+        $[11] = t4;
     } else {
-        t4 = $[8];
+        t4 = $[11];
     }
     var messageAudioProps = useMessageAudio(t4);
     recorderProps;
     var t5;
     var t6;
-    if ($[9] !== createMessageProps.isPending || $[10] !== recorderProps.pause || $[11] !== recorderProps.resume || $[12] !== recorderProps.start || $[13] !== recorderProps.status || $[14] !== recorderProps.stop || $[15] !== recorderProps.visualizationAnalyser) {
+    if ($[12] !== createMessageProps.isPending || $[13] !== recorderProps.pause || $[14] !== recorderProps.resume || $[15] !== recorderProps.start || $[16] !== recorderProps.status || $[17] !== recorderProps.stop || $[18] !== recorderProps.visualizationAnalyser) {
         t6 = {
             start: recorderProps.start,
             stop: recorderProps.stop,
@@ -47854,19 +48327,19 @@ var useTtsAudioRuntime = function(t0) {
             visualizationAnalyser: recorderProps.visualizationAnalyser,
             rawStatus: recorderProps.status
         };
-        $[9] = createMessageProps.isPending;
-        $[10] = recorderProps.pause;
-        $[11] = recorderProps.resume;
-        $[12] = recorderProps.start;
-        $[13] = recorderProps.status;
-        $[14] = recorderProps.stop;
-        $[15] = recorderProps.visualizationAnalyser;
-        $[16] = t6;
+        $[12] = createMessageProps.isPending;
+        $[13] = recorderProps.pause;
+        $[14] = recorderProps.resume;
+        $[15] = recorderProps.start;
+        $[16] = recorderProps.status;
+        $[17] = recorderProps.stop;
+        $[18] = recorderProps.visualizationAnalyser;
+        $[19] = t6;
     } else {
-        t6 = $[16];
+        t6 = $[19];
     }
     var t7;
-    if ($[17] !== messageAudioProps.isAudioPlayed || $[18] !== messageAudioProps.isPending || $[19] !== messageAudioProps.isReady || $[20] !== messageAudioProps.pause || $[21] !== messageAudioProps.paused || $[22] !== messageAudioProps.play || $[23] !== messageAudioProps.playing || $[24] !== messageAudioProps.stop || $[25] !== messageAudioProps.visualizationAnalyser) {
+    if ($[20] !== messageAudioProps.isAudioPlayed || $[21] !== messageAudioProps.isPending || $[22] !== messageAudioProps.isReady || $[23] !== messageAudioProps.pause || $[24] !== messageAudioProps.paused || $[25] !== messageAudioProps.play || $[26] !== messageAudioProps.playing || $[27] !== messageAudioProps.stop || $[28] !== messageAudioProps.visualizationAnalyser) {
         t7 = {
             play: messageAudioProps.play,
             pause: messageAudioProps.pause,
@@ -47879,32 +48352,32 @@ var useTtsAudioRuntime = function(t0) {
             isAudioPlayed: messageAudioProps.isAudioPlayed,
             rawStatus: void 0
         };
-        $[17] = messageAudioProps.isAudioPlayed;
-        $[18] = messageAudioProps.isPending;
-        $[19] = messageAudioProps.isReady;
-        $[20] = messageAudioProps.pause;
-        $[21] = messageAudioProps.paused;
-        $[22] = messageAudioProps.play;
-        $[23] = messageAudioProps.playing;
-        $[24] = messageAudioProps.stop;
-        $[25] = messageAudioProps.visualizationAnalyser;
-        $[26] = t7;
-    } else {
-        t7 = $[26];
+        $[20] = messageAudioProps.isAudioPlayed;
+        $[21] = messageAudioProps.isPending;
+        $[22] = messageAudioProps.isReady;
+        $[23] = messageAudioProps.pause;
+        $[24] = messageAudioProps.paused;
+        $[25] = messageAudioProps.play;
+        $[26] = messageAudioProps.playing;
+        $[27] = messageAudioProps.stop;
+        $[28] = messageAudioProps.visualizationAnalyser;
+        $[29] = t7;
+    } else {
+        t7 = $[29];
     }
     var t8;
-    if ($[27] !== t6 || $[28] !== t7) {
+    if ($[30] !== t6 || $[31] !== t7) {
         t8 = {
             ttsAudioRuntime: {
                 user: t6,
                 assistant: t7
             }
         };
-        $[27] = t6;
-        $[28] = t7;
-        $[29] = t8;
+        $[30] = t6;
+        $[31] = t7;
+        $[32] = t8;
     } else {
-        t8 = $[29];
+        t8 = $[32];
     }
     t5 = t8;
     return t5;
@@ -47924,49 +48397,130 @@ function _temp25() {
 }
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
 import { jsx as _jsx87 } from "react/jsx-runtime";
+var _excluded6 = [
+    "children",
+    "onEnd"
+];
+function ownKeys50(e, r) {
+    var t = Object.keys(e);
+    if (Object.getOwnPropertySymbols) {
+        var o = Object.getOwnPropertySymbols(e);
+        r && (o = o.filter(function(r2) {
+            return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+        })), t.push.apply(t, o);
+    }
+    return t;
+}
+function _objectSpread50(e) {
+    for(var r = 1; r < arguments.length; r++){
+        var t = null != arguments[r] ? arguments[r] : {};
+        r % 2 ? ownKeys50(Object(t), true).forEach(function(r2) {
+            _defineProperty50(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys50(Object(t)).forEach(function(r2) {
+            Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+        });
+    }
+    return e;
+}
+function _defineProperty50(e, r, t) {
+    return (r = _toPropertyKey50(r)) in e ? Object.defineProperty(e, r, {
+        value: t,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    }) : e[r] = t, e;
+}
+function _toPropertyKey50(t) {
+    var i = _toPrimitive50(t, "string");
+    return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
+}
+function _toPrimitive50(t, r) {
+    if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+        var i = e.call(t, r || "default");
+        if ("object" != (typeof i === "undefined" ? "undefined" : _type_of(i))) return i;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return ("string" === r ? String : Number)(t);
+}
+function _objectWithoutProperties6(e, t) {
+    if (null == e) return {};
+    var o, r, i = _objectWithoutPropertiesLoose6(e, t);
+    if (Object.getOwnPropertySymbols) {
+        var n = Object.getOwnPropertySymbols(e);
+        for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    }
+    return i;
+}
+function _objectWithoutPropertiesLoose6(r, e) {
+    if (null == r) return {};
+    var t = {};
+    for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
+        if (-1 !== e.indexOf(n)) continue;
+        t[n] = r[n];
+    }
+    return t;
+}
 var TtsAudioRuntimeProvider = function(t0) {
-    var $ = _c90(8);
-    var children = t0.children, play = t0.play, onEnd = t0.onEnd;
+    var $ = _c90(12);
+    var children;
+    var onEnd;
+    var overrides;
+    if ($[0] !== t0) {
+        var _t = t0;
+        var ref;
+        ref = _t, children = ref.children, onEnd = ref.onEnd, ref;
+        overrides = _objectWithoutProperties6(_t, _excluded6);
+        _t;
+        $[0] = t0;
+        $[1] = children;
+        $[2] = onEnd;
+        $[3] = overrides;
+    } else {
+        children = $[1];
+        onEnd = $[2];
+        overrides = $[3];
+    }
     var t1;
-    if ($[0] !== onEnd || $[1] !== play) {
-        t1 = {
-            play: play,
+    if ($[4] !== onEnd || $[5] !== overrides) {
+        t1 = _objectSpread50({
             onEnd: onEnd
-        };
-        $[0] = onEnd;
-        $[1] = play;
-        $[2] = t1;
+        }, overrides);
+        $[4] = onEnd;
+        $[5] = overrides;
+        $[6] = t1;
     } else {
-        t1 = $[2];
+        t1 = $[6];
     }
     var ttsAudioRuntime = useTtsAudioRuntime(t1).ttsAudioRuntime;
     var t2;
-    if ($[3] !== ttsAudioRuntime) {
+    if ($[7] !== ttsAudioRuntime) {
         t2 = {
             audioRuntime: ttsAudioRuntime
         };
-        $[3] = ttsAudioRuntime;
-        $[4] = t2;
+        $[7] = ttsAudioRuntime;
+        $[8] = t2;
     } else {
-        t2 = $[4];
+        t2 = $[8];
     }
     var t3;
-    if ($[5] !== children || $[6] !== t2) {
+    if ($[9] !== children || $[10] !== t2) {
         t3 = /* @__PURE__ */ _jsx87(AudioThreadContext.Provider, {
             value: t2,
             children: children
         });
-        $[5] = children;
-        $[6] = t2;
-        $[7] = t3;
+        $[9] = children;
+        $[10] = t2;
+        $[11] = t3;
     } else {
-        t3 = $[7];
+        t3 = $[11];
     }
     return t3;
 };
 // src/components/threads/AudioThread/Root/index.tsx
 import { jsx as _jsx88 } from "react/jsx-runtime";
-var _excluded5 = [
+var _excluded7 = [
     "children"
 ];
 var _excluded22 = [
@@ -47976,7 +48530,7 @@ var _excluded22 = [
     "className",
     "style"
 ];
-function ownKeys48(e, r) {
+function ownKeys51(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -47986,30 +48540,30 @@ function ownKeys48(e, r) {
     }
     return t;
 }
-function _objectSpread48(e) {
+function _objectSpread51(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys48(Object(t), true).forEach(function(r2) {
-            _defineProperty48(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys48(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys51(Object(t), true).forEach(function(r2) {
+            _defineProperty51(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys51(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty48(e, r, t) {
-    return (r = _toPropertyKey48(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty51(e, r, t) {
+    return (r = _toPropertyKey51(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey48(t) {
-    var i = _toPrimitive48(t, "string");
+function _toPropertyKey51(t) {
+    var i = _toPrimitive51(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive48(t, r) {
+function _toPrimitive51(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -48019,16 +48573,16 @@ function _toPrimitive48(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-function _objectWithoutProperties5(e, t) {
+function _objectWithoutProperties7(e, t) {
     if (null == e) return {};
-    var o, r, i = _objectWithoutPropertiesLoose5(e, t);
+    var o, r, i = _objectWithoutPropertiesLoose7(e, t);
     if (Object.getOwnPropertySymbols) {
         var n = Object.getOwnPropertySymbols(e);
         for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
     return i;
 }
-function _objectWithoutPropertiesLoose5(r, e) {
+function _objectWithoutPropertiesLoose7(r, e) {
     if (null == r) return {};
     var t = {};
     for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
@@ -48061,7 +48615,7 @@ var Content9 = function(t0) {
 };
 var AudioRuntimeProvider = function(t0) {
     var $ = _c91(4);
-    var children = t0.children, play = t0.play, onEnd = t0.onEnd;
+    var children = t0.children, onEnd = t0.onEnd, play = t0.play;
     var audioThreadContext = useAudioThreadContext();
     if (audioThreadContext.audioRuntime) {
         return children;
@@ -48069,8 +48623,8 @@ var AudioRuntimeProvider = function(t0) {
     var t1;
     if ($[0] !== children || $[1] !== onEnd || $[2] !== play) {
         t1 = /* @__PURE__ */ _jsx88(TtsAudioRuntimeProvider, {
-            play: play,
             onEnd: onEnd,
+            play: play,
             children: children
         });
         $[0] = children;
@@ -48089,7 +48643,7 @@ var Provider5 = function(t0) {
     if ($[0] !== t0) {
         var _t = t0;
         children = _t.children;
-        rest = _objectWithoutProperties5(_t, _excluded5);
+        rest = _objectWithoutProperties7(_t, _excluded7);
         _t;
         $[0] = t0;
         $[1] = children;
@@ -48101,7 +48655,7 @@ var Provider5 = function(t0) {
     var audioThreadContext = useAudioThreadContext();
     var t1;
     if ($[3] !== audioThreadContext || $[4] !== rest) {
-        t1 = _objectSpread48(_objectSpread48({}, audioThreadContext), rest);
+        t1 = _objectSpread51(_objectSpread51({}, audioThreadContext), rest);
         $[3] = audioThreadContext;
         $[4] = rest;
         $[5] = t1;
@@ -48134,7 +48688,7 @@ var Root16 = function(t0) {
         var _t2 = t0;
         var ref;
         ref = _t2, children = ref.children, play = ref.play, onEnd = ref.onEnd, className = ref.className, style = ref.style, ref;
-        rest = _objectWithoutProperties5(_t2, _excluded22);
+        rest = _objectWithoutProperties7(_t2, _excluded22);
         _t2;
         $[0] = t0;
         $[1] = children;
@@ -48170,8 +48724,8 @@ var Root16 = function(t0) {
     var t2;
     if ($[11] !== onEnd || $[12] !== play || $[13] !== t1) {
         t2 = /* @__PURE__ */ _jsx88(AudioRuntimeProvider, {
-            play: play,
             onEnd: onEnd,
+            play: play,
             children: t1
         });
         $[11] = onEnd;
@@ -48183,7 +48737,7 @@ var Root16 = function(t0) {
     }
     var t3;
     if ($[15] !== rest || $[16] !== t2) {
-        t3 = /* @__PURE__ */ _jsx88(Provider5, _objectSpread48(_objectSpread48({}, rest), {}, {
+        t3 = /* @__PURE__ */ _jsx88(Provider5, _objectSpread51(_objectSpread51({}, rest), {}, {
             children: t2
         }));
         $[15] = rest;
@@ -48196,20 +48750,20 @@ var Root16 = function(t0) {
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
 import { c as _c93 } from "react-compiler-runtime";
-import { useState as useState11, useCallback as useCallback9, useEffect as useEffect12, useContext as useContext20, createContext as createContext14 } from "react";
+import { useState as useState12, useCallback as useCallback10, useEffect as useEffect13, useContext as useContext20, createContext as createContext14 } from "react";
 import _9 from "lodash";
 import { Flex as Flex31 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
 import _8 from "lodash";
 import { Flex as Flex30, Grid } from "@radix-ui/themes";
-import { useState as useState10, useEffect as useEffect11, useCallback as useCallback8 } from "react";
+import { useState as useState11, useEffect as useEffect12, useCallback as useCallback9 } from "react";
 import { cluster } from "radash";
 import { jsx as _jsx89 } from "react/jsx-runtime";
 var barCount = 4;
 var BarsVisualizer = function(_ref) {
     var visualizationAnalyser = _ref.visualizationAnalyser, backgroundColor = _ref.backgroundColor, height = _ref.height, barWidth = _ref.barWidth;
-    var _useState10 = _sliced_to_array(useState10([]), 2), barHeights = _useState10[0], setBarHeights = _useState10[1];
-    var draw = useCallback8(function(_ref2) {
+    var _useState11 = _sliced_to_array(useState11([]), 2), barHeights = _useState11[0], setBarHeights = _useState11[1];
+    var draw = useCallback9(function(_ref2) {
         var visualizationAnalyser_0 = _ref2.visualizationAnalyser;
         if (!visualizationAnalyser_0) {
             setBarHeights(Array(barCount).fill(0));
@@ -48227,7 +48781,7 @@ var BarsVisualizer = function(_ref) {
             });
         });
     }, []);
-    useEffect11(function() {
+    useEffect12(function() {
         draw({
             visualizationAnalyser: visualizationAnalyser
         });
@@ -48265,7 +48819,7 @@ var BarsVisualizer = function(_ref) {
 };
 // src/hooks/audioThreads/useStatus/index.ts
 import { c as _c92 } from "react-compiler-runtime";
-import { useMemo as useMemo19 } from "react";
+import { useMemo as useMemo20 } from "react";
 var useStatus = function() {
     var $ = _c92(2);
     var audioRuntime = useAudioThreadContext().audioRuntime;
@@ -48316,7 +48870,7 @@ var useStatus = function() {
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
 import { jsx as _jsx90, jsxs as _jsxs31 } from "react/jsx-runtime";
-var _excluded6 = [
+var _excluded8 = [
     "children"
 ];
 var _excluded23 = [
@@ -48328,7 +48882,7 @@ var _excluded32 = [
     "height",
     "width"
 ];
-function ownKeys49(e, r) {
+function ownKeys52(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -48338,30 +48892,30 @@ function ownKeys49(e, r) {
     }
     return t;
 }
-function _objectSpread49(e) {
+function _objectSpread52(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys49(Object(t), true).forEach(function(r2) {
-            _defineProperty49(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys49(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys52(Object(t), true).forEach(function(r2) {
+            _defineProperty52(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys52(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty49(e, r, t) {
-    return (r = _toPropertyKey49(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty52(e, r, t) {
+    return (r = _toPropertyKey52(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey49(t) {
-    var i = _toPrimitive49(t, "string");
+function _toPropertyKey52(t) {
+    var i = _toPrimitive52(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive49(t, r) {
+function _toPrimitive52(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -48371,16 +48925,16 @@ function _toPrimitive49(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-function _objectWithoutProperties6(e, t) {
+function _objectWithoutProperties8(e, t) {
     if (null == e) return {};
-    var o, r, i = _objectWithoutPropertiesLoose6(e, t);
+    var o, r, i = _objectWithoutPropertiesLoose8(e, t);
     if (Object.getOwnPropertySymbols) {
         var n = Object.getOwnPropertySymbols(e);
         for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
     return i;
 }
-function _objectWithoutPropertiesLoose6(r, e) {
+function _objectWithoutPropertiesLoose8(r, e) {
     if (null == r) return {};
     var t = {};
     for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
@@ -48395,8 +48949,8 @@ var AudioThreadVisualizationContext = /* @__PURE__ */ createContext14({
 var Provider6 = function(_ref) {
     var children = _ref.children;
     var audioThreadContext = useAudioThreadContext();
-    var _useState11 = _sliced_to_array(useState11(0), 2), scale = _useState11[0], setScale = _useState11[1];
-    var draw = useCallback9(function(_ref2) {
+    var _useState12 = _sliced_to_array(useState12(0), 2), scale = _useState12[0], setScale = _useState12[1];
+    var draw = useCallback10(function(_ref2) {
         var visualizationAnalyser = _ref2.visualizationAnalyser;
         if (!visualizationAnalyser) {
             setScale(1);
@@ -48411,7 +48965,7 @@ var Provider6 = function(_ref) {
             });
         });
     }, []);
-    useEffect12(function() {
+    useEffect13(function() {
         draw({
             visualizationAnalyser: audioThreadContext.audioRuntime.user.visualizationAnalyser
         });
@@ -48433,7 +48987,7 @@ var Root17 = function(t0) {
     if ($[0] !== t0) {
         var _t = t0;
         children = _t.children;
-        rest = _objectWithoutProperties6(_t, _excluded6);
+        rest = _objectWithoutProperties8(_t, _excluded8);
         _t;
         $[0] = t0;
         $[1] = children;
@@ -48445,7 +48999,7 @@ var Root17 = function(t0) {
     var t1;
     if ($[3] !== children || $[4] !== rest) {
         t1 = /* @__PURE__ */ _jsx90(Provider6, {
-            children: /* @__PURE__ */ _jsx90(Flex31, _objectSpread49(_objectSpread49({
+            children: /* @__PURE__ */ _jsx90(Flex31, _objectSpread52(_objectSpread52({
                 direction: "column",
                 align: "center",
                 justify: "center",
@@ -48472,7 +49026,7 @@ var BarsVisualizer2 = function(t0) {
         var _t2 = t0;
         var ref;
         ref = _t2, t1 = ref.height, t2 = ref.barWidth, ref;
-        rest = _objectWithoutProperties6(_t2, _excluded23);
+        rest = _objectWithoutProperties8(_t2, _excluded23);
         _t2;
         $[0] = t0;
         $[1] = rest;
@@ -48490,7 +49044,7 @@ var BarsVisualizer2 = function(t0) {
     var t3 = status === "playing" ? "var(--accent-11)" : "var(--gray-11)";
     var t4;
     if ($[4] !== audioThreadContext.audioRuntime.assistant.visualizationAnalyser || $[5] !== barWidth || $[6] !== height || $[7] !== rest || $[8] !== t3) {
-        t4 = /* @__PURE__ */ _jsx90(BarsVisualizer, _objectSpread49({
+        t4 = /* @__PURE__ */ _jsx90(BarsVisualizer, _objectSpread52({
             visualizationAnalyser: audioThreadContext.audioRuntime.assistant.visualizationAnalyser,
             backgroundColor: t3,
             height: height,
@@ -48517,7 +49071,7 @@ var AssistantVisualizationRoot = function(t0) {
         var _t3 = t0;
         var ref;
         ref = _t3, children = ref.children, t1 = ref.height, t2 = ref.width, ref;
-        rest = _objectWithoutProperties6(_t3, _excluded32);
+        rest = _objectWithoutProperties8(_t3, _excluded32);
         _t3;
         $[0] = t0;
         $[1] = children;
@@ -48546,7 +49100,7 @@ var AssistantVisualizationRoot = function(t0) {
     }
     var t5;
     if ($[7] !== scale || $[8] !== t3 || $[9] !== t4) {
-        t5 = _objectSpread49({
+        t5 = _objectSpread52({
             backgroundColor: t3,
             borderRadius: "9999px",
             scale: scale
@@ -48560,7 +49114,7 @@ var AssistantVisualizationRoot = function(t0) {
     }
     var t6;
     if ($[11] !== children || $[12] !== height || $[13] !== rest || $[14] !== t5 || $[15] !== width2) {
-        t6 = /* @__PURE__ */ _jsx90(Flex31, _objectSpread49(_objectSpread49({
+        t6 = /* @__PURE__ */ _jsx90(Flex31, _objectSpread52(_objectSpread52({
             align: "center",
             justify: "center",
             height: height,
@@ -48591,7 +49145,7 @@ var AssistantVisualization = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx90(AssistantVisualizationRoot, _objectSpread49(_objectSpread49({}, props), {}, {
+        t1 = /* @__PURE__ */ _jsx90(AssistantVisualizationRoot, _objectSpread52(_objectSpread52({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -48625,7 +49179,7 @@ var AssistantInfo = function(props) {
     }
     var t2;
     if ($[3] !== props || $[4] !== t1) {
-        t2 = /* @__PURE__ */ _jsxs31(Flex31, _objectSpread49(_objectSpread49({
+        t2 = /* @__PURE__ */ _jsxs31(Flex31, _objectSpread52(_objectSpread52({
             ml: "-22.5px",
             gap: "3",
             pt: "5"
@@ -48658,7 +49212,7 @@ var Visualization = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ _jsxs31(Root17, _objectSpread49(_objectSpread49({}, props), {}, {
+        t2 = /* @__PURE__ */ _jsxs31(Root17, _objectSpread52(_objectSpread52({}, props), {}, {
             children: [
                 t0,
                 t1
@@ -48748,7 +49302,7 @@ var StatusMessages = function(t0) {
 };
 // src/components/threads/AudioThread/Status/index.tsx
 import { jsx as _jsx92 } from "react/jsx-runtime";
-function ownKeys50(e, r) {
+function ownKeys53(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -48758,30 +49312,30 @@ function ownKeys50(e, r) {
     }
     return t;
 }
-function _objectSpread50(e) {
+function _objectSpread53(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys50(Object(t), true).forEach(function(r2) {
-            _defineProperty50(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys50(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys53(Object(t), true).forEach(function(r2) {
+            _defineProperty53(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys53(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty50(e, r, t) {
-    return (r = _toPropertyKey50(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty53(e, r, t) {
+    return (r = _toPropertyKey53(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey50(t) {
-    var i = _toPrimitive50(t, "string");
+function _toPropertyKey53(t) {
+    var i = _toPrimitive53(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive50(t, r) {
+function _toPrimitive53(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -48809,7 +49363,7 @@ var Status = function(props) {
         }
         var _t2;
         if ($[1] !== props) {
-            _t2 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread50({
+            _t2 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread53({
                 texts: _t
             }, props));
             $[1] = props;
@@ -48835,7 +49389,7 @@ var Status = function(props) {
         }
         var _t4;
         if ($[4] !== props) {
-            _t4 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread50({
+            _t4 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread53({
                 texts: _t3
             }, props));
             $[4] = props;
@@ -48857,7 +49411,7 @@ var Status = function(props) {
         }
         var _t6;
         if ($[7] !== props) {
-            _t6 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread50({
+            _t6 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread53({
                 texts: _t5
             }, props));
             $[7] = props;
@@ -48878,7 +49432,7 @@ var Status = function(props) {
     }
     var t1;
     if ($[10] !== props) {
-        t1 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread50({
+        t1 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread53({
             texts: t0
         }, props));
         $[10] = props;
@@ -48894,7 +49448,7 @@ import { Flex as Flex34 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/Form/MicIcon.tsx
 import { c as _c96 } from "react-compiler-runtime";
 import { jsx as _jsx93 } from "react/jsx-runtime";
-function ownKeys51(e, r) {
+function ownKeys54(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -48904,30 +49458,30 @@ function ownKeys51(e, r) {
     }
     return t;
 }
-function _objectSpread51(e) {
+function _objectSpread54(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys51(Object(t), true).forEach(function(r2) {
-            _defineProperty51(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys51(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys54(Object(t), true).forEach(function(r2) {
+            _defineProperty54(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys54(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty51(e, r, t) {
-    return (r = _toPropertyKey51(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty54(e, r, t) {
+    return (r = _toPropertyKey54(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey51(t) {
-    var i = _toPrimitive51(t, "string");
+function _toPropertyKey54(t) {
+    var i = _toPrimitive54(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive51(t, r) {
+function _toPrimitive54(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -48951,7 +49505,7 @@ var MicIcon = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx93("svg", _objectSpread51(_objectSpread51({
+        t1 = /* @__PURE__ */ _jsx93("svg", _objectSpread54(_objectSpread54({
             xmlns: "http://www.w3.org/2000/svg",
             fill: "currentColor",
             stroke: "currentColor",
@@ -49169,7 +49723,7 @@ var ActionButton = function() {
 };
 // src/components/threads/AudioThread/Form/index.tsx
 import { jsx as _jsx95, jsxs as _jsxs34 } from "react/jsx-runtime";
-function ownKeys52(e, r) {
+function ownKeys55(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -49179,30 +49733,30 @@ function ownKeys52(e, r) {
     }
     return t;
 }
-function _objectSpread52(e) {
+function _objectSpread55(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys52(Object(t), true).forEach(function(r2) {
-            _defineProperty52(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys52(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys55(Object(t), true).forEach(function(r2) {
+            _defineProperty55(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys55(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty52(e, r, t) {
-    return (r = _toPropertyKey52(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty55(e, r, t) {
+    return (r = _toPropertyKey55(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey52(t) {
-    var i = _toPrimitive52(t, "string");
+function _toPropertyKey55(t) {
+    var i = _toPrimitive55(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive52(t, r) {
+function _toPrimitive55(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -49300,7 +49854,7 @@ var Form = function(props) {
     }
     var t9;
     if ($[14] !== props || $[15] !== t7) {
-        t9 = /* @__PURE__ */ _jsxs34(Flex34, _objectSpread52(_objectSpread52({
+        t9 = /* @__PURE__ */ _jsxs34(Flex34, _objectSpread55(_objectSpread55({
             direction: "column",
             align: "center"
         }, props), {}, {
@@ -49319,7 +49873,7 @@ var Form = function(props) {
 };
 // src/components/threads/AudioThread/index.tsx
 import { jsx as _jsx96, jsxs as _jsxs35 } from "react/jsx-runtime";
-function ownKeys53(e, r) {
+function ownKeys56(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -49329,30 +49883,30 @@ function ownKeys53(e, r) {
     }
     return t;
 }
-function _objectSpread53(e) {
+function _objectSpread56(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys53(Object(t), true).forEach(function(r2) {
-            _defineProperty53(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys53(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys56(Object(t), true).forEach(function(r2) {
+            _defineProperty56(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys56(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty53(e, r, t) {
-    return (r = _toPropertyKey53(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty56(e, r, t) {
+    return (r = _toPropertyKey56(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey53(t) {
-    var i = _toPrimitive53(t, "string");
+function _toPropertyKey56(t) {
+    var i = _toPrimitive56(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive53(t, r) {
+function _toPrimitive56(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -49381,7 +49935,7 @@ var AudioThread = function(props) {
     }
     var t3;
     if ($[3] !== props) {
-        t3 = /* @__PURE__ */ _jsxs35(Root16, _objectSpread53(_objectSpread53({}, props), {}, {
+        t3 = /* @__PURE__ */ _jsxs35(Root16, _objectSpread56(_objectSpread56({}, props), {}, {
             children: [
                 t0,
                 t1,
@@ -49401,7 +49955,7 @@ AudioThread.Status = Status;
 AudioThread.Form = Form;
 // src/components/threads/AudioThreadDialog/index.tsx
 import { jsx as _jsx97, jsxs as _jsxs36 } from "react/jsx-runtime";
-function ownKeys54(e, r) {
+function ownKeys57(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -49411,30 +49965,30 @@ function ownKeys54(e, r) {
     }
     return t;
 }
-function _objectSpread54(e) {
+function _objectSpread57(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys54(Object(t), true).forEach(function(r2) {
-            _defineProperty54(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys54(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys57(Object(t), true).forEach(function(r2) {
+            _defineProperty57(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys57(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty54(e, r, t) {
-    return (r = _toPropertyKey54(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty57(e, r, t) {
+    return (r = _toPropertyKey57(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey54(t) {
-    var i = _toPrimitive54(t, "string");
+function _toPropertyKey57(t) {
+    var i = _toPrimitive57(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive54(t, r) {
+function _toPrimitive57(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -49461,7 +50015,7 @@ var AudioThreadDialog = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ _jsxs36(Root13, _objectSpread54(_objectSpread54({}, props), {}, {
+        t2 = /* @__PURE__ */ _jsxs36(Root13, _objectSpread57(_objectSpread57({}, props), {}, {
             children: [
                 t0,
                 t1
@@ -49478,7 +50032,7 @@ AudioThreadDialog.Root = Root13;
 AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content8;
 // src/hooks/audioRuntimes/useWebrtcAudioRuntime/index.ts
-import { useEffect as useEffect13, useMemo as useMemo20, useRef as useRef9, useState as useState12 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo21, useRef as useRef10, useState as useState13 } from "react";
 function asyncGeneratorStep12(n, t, e, r, o, a, c) {
     try {
         var i = n[a](c), u = i.value;
@@ -49567,22 +50121,22 @@ var useWebrtcAudioRuntime = function() {
             console.warn("Could not build analyzers:", err_0);
         }
     };
-    var _useState12 = _sliced_to_array(useState12("idle"), 2), recorderStatus = _useState12[0], setRecorderStatus = _useState12[1];
+    var _useState13 = _sliced_to_array(useState13("idle"), 2), recorderStatus = _useState13[0], setRecorderStatus = _useState13[1];
     var superinterfaceContext = useSuperinterfaceContext();
-    var _useState121 = _sliced_to_array(useState12(false), 2), userIsPending = _useState121[0], setUserIsPending = _useState121[1];
-    var _useState122 = _sliced_to_array(useState12(false), 2), assistantPlaying = _useState122[0], setAssistantPlaying = _useState122[1];
-    var _useState123 = _sliced_to_array(useState12(false), 2), assistantPaused = _useState123[0], setAssistantPaused = _useState123[1];
-    var _useState124 = _sliced_to_array(useState12(true), 2), assistantIsPending = _useState124[0], setAssistantIsPending = _useState124[1];
-    var _useState125 = _sliced_to_array(useState12(false), 2), assistantIsReady = _useState125[0], setAssistantIsReady = _useState125[1];
-    var _useState126 = _sliced_to_array(useState12(false), 2), assistantAudioPlayed = _useState126[0], setAssistantAudioPlayed = _useState126[1];
-    var sessionStartedRef = useRef9(false);
-    var pcRef = useRef9(null);
-    var localStreamRef = useRef9(null);
-    var remoteStreamRef = useRef9(null);
-    var userAnalyserRef = useRef9(null);
-    var assistantAnalyserRef = useRef9(null);
-    var assistantAudioElRef = useRef9(null);
-    useEffect13(function() {
+    var _useState131 = _sliced_to_array(useState13(false), 2), userIsPending = _useState131[0], setUserIsPending = _useState131[1];
+    var _useState132 = _sliced_to_array(useState13(false), 2), assistantPlaying = _useState132[0], setAssistantPlaying = _useState132[1];
+    var _useState133 = _sliced_to_array(useState13(false), 2), assistantPaused = _useState133[0], setAssistantPaused = _useState133[1];
+    var _useState134 = _sliced_to_array(useState13(true), 2), assistantIsPending = _useState134[0], setAssistantIsPending = _useState134[1];
+    var _useState135 = _sliced_to_array(useState13(false), 2), assistantIsReady = _useState135[0], setAssistantIsReady = _useState135[1];
+    var _useState136 = _sliced_to_array(useState13(false), 2), assistantAudioPlayed = _useState136[0], setAssistantAudioPlayed = _useState136[1];
+    var sessionStartedRef = useRef10(false);
+    var pcRef = useRef10(null);
+    var localStreamRef = useRef10(null);
+    var remoteStreamRef = useRef10(null);
+    var userAnalyserRef = useRef10(null);
+    var assistantAnalyserRef = useRef10(null);
+    var assistantAudioElRef = useRef10(null);
+    useEffect14(function() {
         return function() {
             if (pcRef.current) {
                 pcRef.current.close();
@@ -49918,7 +50472,7 @@ var useWebrtcAudioRuntime = function() {
             return _ref7.apply(this, arguments);
         };
     }();
-    return useMemo20(function() {
+    return useMemo21(function() {
         return {
             webrtcAudioRuntime: {
                 user: {
@@ -49999,11 +50553,11 @@ var WebrtcAudioRuntimeProvider = function(t0) {
 };
 // src/components/gui/Gui/index.tsx
 import { c as _c104 } from "react-compiler-runtime";
-import { useMemo as useMemo23 } from "react";
+import { useMemo as useMemo24 } from "react";
 import { Flex as Flex35, Card as Card5, Spinner as Spinner3 } from "@radix-ui/themes";
 // src/hooks/messages/useLatestAssistantMessage/index.ts
 import { c as _c102 } from "react-compiler-runtime";
-import { useMemo as useMemo21 } from "react";
+import { useMemo as useMemo22 } from "react";
 var useLatestAssistantMessage = function() {
     var $ = _c102(4);
     var _useMessages = useMessages(), messages2 = _useMessages.messages;
@@ -50036,7 +50590,7 @@ function _temp11(message) {
 // src/hooks/messages/useLatestAssistantMessageWithContent/index.ts
 import { c as _c103 } from "react-compiler-runtime";
 import { isEmpty as isEmpty3 } from "radash";
-import { useMemo as useMemo22 } from "react";
+import { useMemo as useMemo23 } from "react";
 var useLatestAssistantMessageWithContent = function() {
     var $ = _c103(4);
     var _useMessages = useMessages(), messages2 = _useMessages.messages;
@@ -50257,21 +50811,21 @@ function _temp13(rs) {
 }
 // src/components/markdown/MarkdownProvider/index.tsx
 import { c as _c105 } from "react-compiler-runtime";
-import { useMemo as useMemo24 } from "react";
+import { useMemo as useMemo25 } from "react";
 import { jsx as _jsx100 } from "react/jsx-runtime";
-var _excluded7 = [
+var _excluded9 = [
     "children"
 ];
-function _objectWithoutProperties7(e, t) {
+function _objectWithoutProperties9(e, t) {
     if (null == e) return {};
-    var o, r, i = _objectWithoutPropertiesLoose7(e, t);
+    var o, r, i = _objectWithoutPropertiesLoose9(e, t);
     if (Object.getOwnPropertySymbols) {
         var n = Object.getOwnPropertySymbols(e);
         for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
     return i;
 }
-function _objectWithoutPropertiesLoose7(r, e) {
+function _objectWithoutPropertiesLoose9(r, e) {
     if (null == r) return {};
     var t = {};
     for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
@@ -50287,7 +50841,7 @@ var MarkdownProvider = function(t0) {
     if ($[0] !== t0) {
         var _t = t0;
         children = _t.children;
-        rest = _objectWithoutProperties7(_t, _excluded7);
+        rest = _objectWithoutProperties9(_t, _excluded9);
         _t;
         $[0] = t0;
         $[1] = children;
@@ -50327,7 +50881,7 @@ var MarkdownProvider = function(t0) {
 import { c as _c108 } from "react-compiler-runtime";
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
 import { c as _c107 } from "react-compiler-runtime";
-import { useState as useState13 } from "react";
+import { useState as useState14 } from "react";
 import { QuoteIcon as QuoteIcon2 } from "@radix-ui/react-icons";
 import { Dialog, VisuallyHidden, IconButton as IconButton11 } from "@radix-ui/themes";
 // src/components/annotations/SourceAnnotation/FileCitation/Content.tsx
@@ -50403,7 +50957,7 @@ import { jsx as _jsx102, jsxs as _jsxs38, Fragment as _Fragment6 } from "react/j
 var FileCitation = function(t0) {
     var $ = _c107(18);
     var annotation = t0.annotation;
-    var _useState13 = _sliced_to_array(useState13(null), 2), activeFileId = _useState13[0], setActiveFileId = _useState13[1];
+    var _useState14 = _sliced_to_array(useState14(null), 2), activeFileId = _useState14[0], setActiveFileId = _useState14[1];
     var t1;
     if ($[0] !== annotation.file_citation.file_id) {
         t1 = function() {
@@ -50528,19 +51082,19 @@ var FileCitation = function(t0) {
 };
 // src/components/annotations/SourceAnnotation/index.tsx
 import { jsx as _jsx103 } from "react/jsx-runtime";
-var _excluded8 = [
+var _excluded10 = [
     "children"
 ];
-function _objectWithoutProperties8(e, t) {
+function _objectWithoutProperties10(e, t) {
     if (null == e) return {};
-    var o, r, i = _objectWithoutPropertiesLoose8(e, t);
+    var o, r, i = _objectWithoutPropertiesLoose10(e, t);
     if (Object.getOwnPropertySymbols) {
         var n = Object.getOwnPropertySymbols(e);
         for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
     return i;
 }
-function _objectWithoutPropertiesLoose8(r, e) {
+function _objectWithoutPropertiesLoose10(r, e) {
     if (null == r) return {};
     var t = {};
     for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
@@ -50556,7 +51110,7 @@ var SourceAnnotation = function(t0) {
     if ($[0] !== t0) {
         var _t = t0;
         children = _t.children;
-        rest = _objectWithoutProperties8(_t, _excluded8);
+        rest = _objectWithoutProperties10(_t, _excluded10);
         _t;
         $[0] = t0;
         $[1] = children;
@@ -50724,7 +51278,7 @@ var ImageAvatar = function(t0) {
 };
 // src/components/iconAvatars/IconAvatar.tsx
 import { c as _c110 } from "react-compiler-runtime";
-import { useMemo as useMemo25 } from "react";
+import { useMemo as useMemo26 } from "react";
 import { Avatar as Avatar5 } from "@radix-ui/themes";
 // src/lib/iconAvatars/iconAvatarComponents.ts
 import { BackpackIcon, RocketIcon, MagicWandIcon, CubeIcon, TargetIcon, DiscIcon, GlobeIcon, StarIcon, LightningBoltIcon as LightningBoltIcon2, FaceIcon, PersonIcon as PersonIcon2, HeartIcon } from "@radix-ui/react-icons";
@@ -50829,21 +51383,21 @@ var Avatar6 = function(t0) {
 };
 // src/components/components/ComponentsProvider.tsx
 import { c as _c112 } from "react-compiler-runtime";
-import { useMemo as useMemo26 } from "react";
+import { useMemo as useMemo27 } from "react";
 import { jsx as _jsx107 } from "react/jsx-runtime";
-var _excluded9 = [
+var _excluded11 = [
     "children"
 ];
-function _objectWithoutProperties9(e, t) {
+function _objectWithoutProperties11(e, t) {
     if (null == e) return {};
-    var o, r, i = _objectWithoutPropertiesLoose9(e, t);
+    var o, r, i = _objectWithoutPropertiesLoose11(e, t);
     if (Object.getOwnPropertySymbols) {
         var n = Object.getOwnPropertySymbols(e);
         for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
     return i;
 }
-function _objectWithoutPropertiesLoose9(r, e) {
+function _objectWithoutPropertiesLoose11(r, e) {
     if (null == r) return {};
     var t = {};
     for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
@@ -50859,7 +51413,7 @@ var ComponentsProvider = function(t0) {
     if ($[0] !== t0) {
         var _t = t0;
         children = _t.children;
-        rest = _objectWithoutProperties9(_t, _excluded9);
+        rest = _objectWithoutProperties11(_t, _excluded11);
         _t;
         $[0] = t0;
         $[1] = children;