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

package/dist/index.js

@@ -46868,11 +46868,11 @@ ThreadDialog.Root = Root13;
 ThreadDialog.Trigger = Trigger;
 ThreadDialog.Content = Content8;
 // src/components/threads/AudioThreadDialog/index.tsx
-import { c as _c99 } from "react-compiler-runtime";
+import { c as _c100 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/index.tsx
-import { c as _c98 } from "react-compiler-runtime";
+import { c as _c99 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/Root/index.tsx
-import { c as _c90 } from "react-compiler-runtime";
+import { c as _c91 } from "react-compiler-runtime";
 import { Flex as Flex29 } from "@radix-ui/themes";
 // src/contexts/threads/AudioThreadContext/index.ts
 import { createContext as createContext13 } from "react";
@@ -46885,9 +46885,9 @@ var useAudioThreadContext = function() {
     return useContext19(AudioThreadContext);
 };
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
-import { c as _c89 } from "react-compiler-runtime";
+import { c as _c90 } from "react-compiler-runtime";
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
-import { c as _c88 } from "react-compiler-runtime";
+import { c as _c89 } from "react-compiler-runtime";
 import { useMemo as useMemo18 } from "react";
 // src/hooks/misc/usePermission/index.ts
 import { c as _c86 } from "react-compiler-runtime";
@@ -47219,6 +47219,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";
@@ -47288,232 +47289,419 @@ function _toPrimitive47(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-var getMessageSentences = function(_ref) {
-    var messageId = _ref.messageId, input2 = _ref.input;
-    var sentences = nlp(input2).sentences().json();
-    return sentences.map(function(sentence) {
-        return {
-            messageId: messageId,
-            sentence: sentence.text
-        };
+var segment = function(input2) {
+    return nlp(input2).sentences().json().map(function(s) {
+        return s.text;
     });
 };
-var useMessageAudio = function(_ref2) {
-    var _latestMessageProps$l2;
-    var _onEnd = _ref2.onEnd, passedPlay = _ref2.play, _ref2_fullSentenceRegex = _ref2.fullSentenceRegex, fullSentenceRegex = _ref2_fullSentenceRegex === void 0 ? /[\.?!]$/ : _ref2_fullSentenceRegex;
+var useMessageAudio = function(t0) {
+    var $ = _c88(41);
+    var _onEnd = t0.onEnd, passedPlay = t0.play, t1 = t0.fullSentenceRegex;
+    var t2;
+    if ($[0] !== t1) {
+        t2 = t1 === void 0 ? /[\.?!]$/ : t1;
+        $[0] = t1;
+        $[1] = t2;
+    } else {
+        t2 = $[1];
+    }
+    var fullSentenceRegex = t2;
     var _useState9 = _sliced_to_array(useState9(false), 2), isAudioPlayed = _useState9[0], setIsAudioPlayed = _useState9[1];
-    var _useState91 = _sliced_to_array(useState9([]), 2), stoppedMessageIds = _useState91[0], setStoppedMessageIds = _useState91[1];
-    var _useState92 = _sliced_to_array(useState9([]), 2), playedMessageSentences = _useState92[0], setPlayedMessageSentences = _useState92[1];
     var audioPlayer = useAudioPlayer2();
     var nextAudioPlayer = useAudioPlayer2();
     var superinterfaceContext = useSuperinterfaceContext();
-    var _useState93 = _sliced_to_array(useState9(false), 2), isPlaying = _useState93[0], setIsPlaying = _useState93[1];
-    var isLastSentencePlayedRef = useRef8(false);
-    var latestMessageProps = useLatestMessage();
+    var _useState91 = _sliced_to_array(useState9(false), 2), isPlaying = _useState91[0], setIsPlaying = _useState91[1];
+    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 = [];
+        $[3] = t4;
+    } else {
+        t4 = $[3];
+    }
+    var audioQueueRef = useRef8(t4);
+    var t5;
+    var t6;
+    if ($[4] !== audioQueue) {
+        t5 = function() {
+            audioQueueRef.current = audioQueue;
+        };
+        t6 = [
+            audioQueue
+        ];
+        $[4] = audioQueue;
+        $[5] = t5;
+        $[6] = t6;
+    } else {
+        t5 = $[5];
+        t6 = $[6];
+    }
+    useEffect10(t5, t6);
+    var currentSentenceRef = useRef8(null);
     var messagesProps = useMessages();
-    useEffect10(function() {
-        if (!isPlaying) return;
-        isLastSentencePlayedRef.current = false;
-    }, [
-        isPlaying
-    ]);
-    var unplayedMessageSentences = useMemo17(function() {
-        var playableMessages = _to_consumable_array(messagesProps.messages).reverse().filter(function(message) {
-            if (message.role !== "assistant") return false;
-            if (stoppedMessageIds.includes(message.id)) return false;
-            return true;
-        });
-        var messageInputs = playableMessages.map(function(message_0) {
-            return {
-                message: message_0,
-                input: input({
-                    message: message_0
-                })
+    var t7;
+    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;
+            });
+        };
+        t8 = [
+            messagesProps.messages
+        ];
+        $[7] = messagesProps.messages;
+        $[8] = t7;
+        $[9] = t8;
+    } else {
+        t7 = $[8];
+        t8 = $[9];
+    }
+    useEffect10(t7, t8);
+    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
+                    });
+                },
+                onend: onEnd_0
+            });
+        };
+        $[10] = audioPlayer;
+        $[11] = fullSentenceRegex;
+        $[12] = isAudioPlayed;
+        $[13] = nextAudioPlayer;
+        $[14] = superinterfaceContext;
+        $[15] = t9;
+    } else {
+        t9 = $[15];
+    }
+    var defaultPlay = t9;
+    var t10;
+    t10 = passedPlay || defaultPlay;
+    var play = t10;
+    var 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 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;
+                    }
+                }
+            } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+            } finally{
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                    }
+                } finally{
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+            }
+            if (!candidate) {
+                return;
+            }
+            setIsPlaying(true);
+            currentSentenceRef.current = {
+                messageId: candidate.messageId,
+                index: candidate.index
             };
-        }).filter(function(_ref3) {
-            var input2 = _ref3.input;
-            return input2 !== null;
-        });
-        var messageSentences = messageInputs.flatMap(function(_ref4) {
-            var message_1 = _ref4.message, input_0 = _ref4.input;
-            return getMessageSentences({
-                messageId: message_1.id,
-                input: input_0
+            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;
+                });
             });
-        });
-        return messageSentences.filter(function(ms) {
-            return !playedMessageSentences.find(function(pms) {
-                return pms.messageId === ms.messageId && pms.sentence === ms.sentence;
+            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();
+                    }
+                }
             });
-        });
-    }, [
-        messagesProps,
-        playedMessageSentences
-    ]);
-    var defaultPlay = useCallback7(function(_ref5) {
-        var input_1 = _ref5.input, onPlay = _ref5.onPlay, onStop = _ref5.onStop, onEnd_0 = _ref5.onEnd;
-        var searchParams = new URLSearchParams(_objectSpread47({
-            input: input_1
-        }, 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 nextUnplayedMessageSentence = unplayedMessageSentences[1];
-                if (!nextUnplayedMessageSentence) return;
-                var isNextFullSentence = fullSentenceRegex.test(nextUnplayedMessageSentence.sentence);
-                if (!isNextFullSentence) return;
-                var nextSearchParams = new URLSearchParams(_objectSpread47({
-                    input: nextUnplayedMessageSentence.sentence
-                }, superinterfaceContext.variables));
-                nextAudioPlayer.load("".concat(superinterfaceContext.baseUrl, "/audio-runtimes/tts?").concat(nextSearchParams), {
-                    format: "mp3",
-                    autoplay: false,
-                    html5: isHtmlAudioSupported
+        };
+        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
+        ];
+        $[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);
+    var t14;
+    if ($[26] !== audioPlayer.playing) {
+        t14 = function() {
+            if (!audioPlayer.playing) {
+                return;
+            }
+            if (isAudioEngineInited.current) {
+                return;
+            }
+            isAudioEngineInited.current = true;
+            if (isHtmlAudioSupported) {
+                var audioContext = new AudioContext();
+                setAudioEngine({
+                    source: audioContext.createMediaElementSource(Howler._howls[0]._sounds[0]._node),
+                    audioContext: audioContext
                 });
-            },
-            onend: onEnd_0
-        });
-    }, [
-        superinterfaceContext,
-        unplayedMessageSentences,
-        audioPlayer,
-        nextAudioPlayer,
-        isAudioPlayed,
-        fullSentenceRegex
-    ]);
-    var play = useMemo17(function() {
-        return passedPlay || defaultPlay;
-    }, [
-        passedPlay,
-        defaultPlay
-    ]);
-    useEffect10(function() {
-        if (isPlaying) return;
-        if (audioPlayer.playing) return;
-        if (!latestMessageProps.latestMessage) return;
-        if (latestMessageProps.latestMessage.role !== "assistant") return;
-        var firstUnplayedMessageSentence = unplayedMessageSentences[0];
-        if (!firstUnplayedMessageSentence) {
-            return;
-        }
-        var isFullSentence = isOptimistic({
-            id: latestMessageProps.latestMessage.id
-        }) || latestMessageProps.latestMessage.status !== "in_progress" || fullSentenceRegex.test(firstUnplayedMessageSentence.sentence);
-        if (!isFullSentence) return;
-        setIsPlaying(true);
-        setPlayedMessageSentences(function(prev) {
-            return _to_consumable_array(prev).concat([
-                firstUnplayedMessageSentence
-            ]);
-        });
-        var input_2 = firstUnplayedMessageSentence.sentence;
-        play({
-            input: input_2,
-            onPlay: function() {
-                setIsAudioPlayed(true);
-            },
-            onStop: function() {
-                setStoppedMessageIds(function(prev_0) {
-                    return _to_consumable_array(prev_0).concat([
-                        firstUnplayedMessageSentence.messageId
-                    ]);
+            } else {
+                setAudioEngine({
+                    source: Howler.masterGain,
+                    audioContext: Howler.ctx
                 });
-                setIsPlaying(false);
-            },
-            onEnd: function() {
-                setIsPlaying(false);
-                isLastSentencePlayedRef.current = unplayedMessageSentences.length === 1;
-                if (isLastSentencePlayedRef.current && latestMessageProps.latestMessage.status !== "in_progress") {
-                    _onEnd();
-                    isLastSentencePlayedRef.current = false;
-                }
             }
-        });
-    }, [
-        unplayedMessageSentences,
-        isPlaying,
-        superinterfaceContext,
-        latestMessageProps,
-        audioPlayer,
-        nextAudioPlayer,
-        playedMessageSentences,
-        _onEnd,
-        play,
-        fullSentenceRegex
-    ]);
-    useEffect10(function() {
-        var _latestMessageProps$l;
-        if (isLastSentencePlayedRef.current && !isPlaying && unplayedMessageSentences.length === 0 && ((_latestMessageProps$l = latestMessageProps.latestMessage) === null || _latestMessageProps$l === void 0 ? void 0 : _latestMessageProps$l.status) !== "in_progress") {
-            _onEnd();
-            isLastSentencePlayedRef.current = false;
-        }
-    }, [
-        isPlaying,
-        unplayedMessageSentences.length,
-        (_latestMessageProps$l2 = latestMessageProps.latestMessage) === null || _latestMessageProps$l2 === void 0 ? void 0 : _latestMessageProps$l2.status,
-        _onEnd
-    ]);
-    useEffect10(function() {
-        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";
+        };
+        $[26] = audioPlayer.playing;
+        $[27] = t14;
+    } else {
+        t14 = $[27];
+    }
+    var t15;
+    if ($[28] !== audioPlayer) {
+        t15 = [
+            audioPlayer
+        ];
+        $[28] = audioPlayer;
+        $[29] = t15;
+    } else {
+        t15 = $[29];
+    }
+    useEffect10(t14, t15);
+    var t16;
+    bb0: {
+        if (!audioEngine) {
+            t16 = null;
+            break bb0;
         }
-    }, [
-        audioPlayer
-    ]);
-    var _useState94 = _sliced_to_array(useState9(null), 2), audioEngine = _useState94[0], setAudioEngine = _useState94[1];
-    var isAudioEngineInited = useRef8(false);
-    useEffect10(function() {
-        if (!audioPlayer.playing) return;
-        if (isAudioEngineInited.current) return;
-        isAudioEngineInited.current = true;
-        if (isHtmlAudioSupported) {
-            var audioContext = new AudioContext();
-            setAudioEngine({
-                // @ts-ignore-next-line
-                source: audioContext.createMediaElementSource(// @ts-ignore-next-line
-                Howler._howls[0]._sounds[0]._node),
-                audioContext: audioContext
-            });
+        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 {
-            setAudioEngine({
-                source: Howler.masterGain,
-                audioContext: Howler.ctx
-            });
-        }
-    }, [
-        audioPlayer,
-        isAudioEngineInited
-    ]);
-    var visualizationAnalyser = useMemo17(function() {
-        if (!audioEngine) return null;
-        var result = audioEngine.audioContext.createAnalyser();
-        audioEngine.source.connect(audioEngine.audioContext.destination);
-        audioEngine.source.connect(result);
-        return result;
-    }, [
-        audioEngine
-    ]);
-    var isPending = useMemo17(function() {
-        var _latestMessageProps$l3;
-        return isPlaying || unplayedMessageSentences.length > 0 || ((_latestMessageProps$l3 = latestMessageProps.latestMessage) === null || _latestMessageProps$l3 === void 0 ? void 0 : _latestMessageProps$l3.status) === "in_progress";
-    }, [
-        isPlaying,
-        unplayedMessageSentences,
-        latestMessageProps
-    ]);
-    return _objectSpread47(_objectSpread47({
-        isPending: isPending,
-        isAudioPlayed: isAudioPlayed
-    }, audioPlayer), {}, {
-        visualizationAnalyser: visualizationAnalyser
-    });
+            analyser = $[32];
+        }
+        t16 = analyser;
+    }
+    var visualizationAnalyser = t16;
+    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({
+            isPending: isPending,
+            isAudioPlayed: isAudioPlayed
+        }, audioPlayer), {}, {
+            visualizationAnalyser: visualizationAnalyser
+        });
+        $[36] = audioPlayer;
+        $[37] = isAudioPlayed;
+        $[38] = isPending;
+        $[39] = visualizationAnalyser;
+        $[40] = t19;
+    } else {
+        t19 = $[40];
+    }
+    return t19;
 };
+function _temp9(m) {
+    return m.role === "assistant";
+}
+function _temp24(p) {
+    return [
+        p.id,
+        p
+    ];
+}
+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 _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 _temp52(m_5) {
+    return !m_5.stopped && (m_5.nextIndex < m_5.sentences.length || m_5.status === "in_progress");
+}
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
 import { useQueryClient as useQueryClient6 } from "@tanstack/react-query";
 // src/hooks/audioRuntimes/useTtsAudioRuntime/blobToData.ts
@@ -47551,7 +47739,7 @@ function _asyncToGenerator11(n) {
     };
 }
 var useTtsAudioRuntime = function(t0) {
-    var $ = _c88(30);
+    var $ = _c89(30);
     var play = t0.play, passedOnEnd = t0.onEnd;
     var addToast = useToasts().addToast;
     var queryClient = useQueryClient6();
@@ -47580,7 +47768,7 @@ var useTtsAudioRuntime = function(t0) {
     if ($[1] !== createMessageProps) {
         t2 = {
             isStopOnSilence: true,
-            onStart: _temp9,
+            onStart: _temp10,
             onStop: function() {
                 var _onStop = _asyncToGenerator11(function(_event, chunks) {
                     var blob, audioContent;
@@ -47721,23 +47909,23 @@ var useTtsAudioRuntime = function(t0) {
     t5 = t8;
     return t5;
 };
-function _temp9() {
-    return _temp24.apply(this, arguments);
+function _temp10() {
+    return _temp25.apply(this, arguments);
 }
-function _temp24() {
-    _temp24 = _asyncToGenerator11(function() {
+function _temp25() {
+    _temp25 = _asyncToGenerator11(function() {
         return _ts_generator(this, function(_state) {
             return [
                 2
             ];
         });
     });
-    return _temp24.apply(this, arguments);
+    return _temp25.apply(this, arguments);
 }
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
 import { jsx as _jsx87 } from "react/jsx-runtime";
 var TtsAudioRuntimeProvider = function(t0) {
-    var $ = _c89(8);
+    var $ = _c90(8);
     var children = t0.children, play = t0.play, onEnd = t0.onEnd;
     var t1;
     if ($[0] !== onEnd || $[1] !== play) {
@@ -47850,7 +48038,7 @@ function _objectWithoutPropertiesLoose5(r, e) {
     return t;
 }
 var Content9 = function(t0) {
-    var $ = _c90(4);
+    var $ = _c91(4);
     var children = t0.children, className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
@@ -47872,7 +48060,7 @@ var Content9 = function(t0) {
     return t1;
 };
 var AudioRuntimeProvider = function(t0) {
-    var $ = _c90(4);
+    var $ = _c91(4);
     var children = t0.children, play = t0.play, onEnd = t0.onEnd;
     var audioThreadContext = useAudioThreadContext();
     if (audioThreadContext.audioRuntime) {
@@ -47895,7 +48083,7 @@ var AudioRuntimeProvider = function(t0) {
     return t1;
 };
 var Provider5 = function(t0) {
-    var $ = _c90(9);
+    var $ = _c91(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -47935,7 +48123,7 @@ var Provider5 = function(t0) {
     return t2;
 };
 var Root16 = function(t0) {
-    var $ = _c90(18);
+    var $ = _c91(18);
     var children;
     var className;
     var onEnd;
@@ -48007,7 +48195,7 @@ var Root16 = function(t0) {
     return t3;
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-import { c as _c92 } from "react-compiler-runtime";
+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 _9 from "lodash";
 import { Flex as Flex31 } from "@radix-ui/themes";
@@ -48076,10 +48264,10 @@ var BarsVisualizer = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-import { c as _c91 } from "react-compiler-runtime";
+import { c as _c92 } from "react-compiler-runtime";
 import { useMemo as useMemo19 } from "react";
 var useStatus = function() {
-    var $ = _c91(2);
+    var $ = _c92(2);
     var audioRuntime = useAudioThreadContext().audioRuntime;
     var t0;
     bb0: {
@@ -48239,7 +48427,7 @@ var Provider6 = function(_ref) {
     });
 };
 var Root17 = function(t0) {
-    var $ = _c92(6);
+    var $ = _c93(6);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -48276,7 +48464,7 @@ var Root17 = function(t0) {
     return t1;
 };
 var BarsVisualizer2 = function(t0) {
-    var $ = _c92(10);
+    var $ = _c93(10);
     var rest;
     var t1;
     var t2;
@@ -48320,7 +48508,7 @@ var BarsVisualizer2 = function(t0) {
     return t4;
 };
 var AssistantVisualizationRoot = function(t0) {
-    var $ = _c92(17);
+    var $ = _c93(17);
     var children;
     var rest;
     var t1;
@@ -48393,7 +48581,7 @@ var AssistantVisualizationRoot = function(t0) {
     return t6;
 };
 var AssistantVisualization = function(props) {
-    var $ = _c92(3);
+    var $ = _c93(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsx90(BarsVisualizer2, {});
@@ -48416,7 +48604,7 @@ var AssistantVisualization = function(props) {
 AssistantVisualization.Root = AssistantVisualizationRoot;
 AssistantVisualization.BarsVisualizer = BarsVisualizer2;
 var AssistantInfo = function(props) {
-    var $ = _c92(6);
+    var $ = _c93(6);
     var assistantNameContext = useContext20(AssistantNameContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -48456,7 +48644,7 @@ var AssistantInfo = function(props) {
     return t2;
 };
 var Visualization = function(props) {
-    var $ = _c92(4);
+    var $ = _c93(4);
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -48488,9 +48676,9 @@ Visualization.Provider = Provider6;
 Visualization.AssistantVisualization = AssistantVisualization;
 Visualization.AssistantInfo = AssistantInfo;
 // src/components/threads/AudioThread/Status/index.tsx
-import { c as _c94 } from "react-compiler-runtime";
+import { c as _c95 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
-import { c as _c93 } from "react-compiler-runtime";
+import { c as _c94 } from "react-compiler-runtime";
 import { Flex as Flex32, Text as Text9 } from "@radix-ui/themes";
 import { jsx as _jsx91, jsxs as _jsxs32 } from "react/jsx-runtime";
 var html = function(_ref) {
@@ -48500,7 +48688,7 @@ var html = function(_ref) {
     }).join(""), "\n  }");
 };
 var StatusMessages = function(t0) {
-    var $ = _c93(9);
+    var $ = _c94(9);
     var texts = t0.texts, className = t0.className, style = t0.style;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -48604,7 +48792,7 @@ function _toPrimitive50(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Status = function(props) {
-    var $ = _c94(12);
+    var $ = _c95(12);
     var status = useStatus().status;
     if (status === "recording") {
         var _t;
@@ -48701,10 +48889,10 @@ var Status = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-import { c as _c97 } from "react-compiler-runtime";
+import { c as _c98 } from "react-compiler-runtime";
 import { Flex as Flex34 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/Form/MicIcon.tsx
-import { c as _c95 } from "react-compiler-runtime";
+import { c as _c96 } from "react-compiler-runtime";
 import { jsx as _jsx93 } from "react/jsx-runtime";
 function ownKeys51(e, r) {
     var t = Object.keys(e);
@@ -48750,7 +48938,7 @@ function _toPrimitive51(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MicIcon = function(props) {
-    var $ = _c95(3);
+    var $ = _c96(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsx93("path", {
@@ -48782,12 +48970,12 @@ var MicIcon = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
-import { c as _c96 } from "react-compiler-runtime";
+import { c as _c97 } from "react-compiler-runtime";
 import { Flex as Flex33, IconButton as IconButton10 } from "@radix-ui/themes";
 import { StopIcon as StopIcon2, PauseIcon as PauseIcon2, ArrowUpIcon as ArrowUpIcon3, ResumeIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx94, jsxs as _jsxs33 } from "react/jsx-runtime";
 var ActionButton = function() {
-    var $ = _c96(27);
+    var $ = _c97(27);
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var superinterfaceContext = useSuperinterfaceContext();
@@ -49025,7 +49213,7 @@ function _toPrimitive52(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Form = function(props) {
-    var $ = _c97(17);
+    var $ = _c98(17);
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var t0 = status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
@@ -49175,7 +49363,7 @@ function _toPrimitive53(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThread = function(props) {
-    var $ = _c98(5);
+    var $ = _c99(5);
     var t0;
     var t1;
     var t2;
@@ -49257,7 +49445,7 @@ function _toPrimitive54(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThreadDialog = function(props) {
-    var $ = _c99(4);
+    var $ = _c100(4);
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -49779,10 +49967,10 @@ var useWebrtcAudioRuntime = function() {
     ]);
 };
 // src/components/audioRuntimes/WebrtcAudioRuntimeProvider.tsx
-import { c as _c100 } from "react-compiler-runtime";
+import { c as _c101 } from "react-compiler-runtime";
 import { jsx as _jsx98 } from "react/jsx-runtime";
 var WebrtcAudioRuntimeProvider = function(t0) {
-    var $ = _c100(5);
+    var $ = _c101(5);
     var children = t0.children;
     var webrtcAudioRuntime = useWebrtcAudioRuntime().webrtcAudioRuntime;
     var t1;
@@ -49810,20 +49998,20 @@ var WebrtcAudioRuntimeProvider = function(t0) {
     return t2;
 };
 // src/components/gui/Gui/index.tsx
-import { c as _c103 } from "react-compiler-runtime";
+import { c as _c104 } from "react-compiler-runtime";
 import { useMemo as useMemo23 } 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 _c101 } from "react-compiler-runtime";
+import { c as _c102 } from "react-compiler-runtime";
 import { useMemo as useMemo21 } from "react";
 var useLatestAssistantMessage = function() {
-    var $ = _c101(4);
+    var $ = _c102(4);
     var _useMessages = useMessages(), messages2 = _useMessages.messages;
     var t0;
     var t1;
     if ($[0] !== messages2) {
         var _messages$find;
-        t1 = (_messages$find = messages2.find(_temp10)) !== null && _messages$find !== void 0 ? _messages$find : null;
+        t1 = (_messages$find = messages2.find(_temp11)) !== null && _messages$find !== void 0 ? _messages$find : null;
         $[0] = messages2;
         $[1] = t1;
     } else {
@@ -49842,21 +50030,21 @@ var useLatestAssistantMessage = function() {
     t0 = t2;
     return t0;
 };
-function _temp10(message) {
+function _temp11(message) {
     return message.role === "assistant";
 }
 // src/hooks/messages/useLatestAssistantMessageWithContent/index.ts
-import { c as _c102 } from "react-compiler-runtime";
+import { c as _c103 } from "react-compiler-runtime";
 import { isEmpty as isEmpty3 } from "radash";
 import { useMemo as useMemo22 } from "react";
 var useLatestAssistantMessageWithContent = function() {
-    var $ = _c102(4);
+    var $ = _c103(4);
     var _useMessages = useMessages(), messages2 = _useMessages.messages;
     var t0;
     var t1;
     if ($[0] !== messages2) {
         var _messages$find;
-        t1 = (_messages$find = messages2.find(_temp25)) !== null && _messages$find !== void 0 ? _messages$find : null;
+        t1 = (_messages$find = messages2.find(_temp26)) !== null && _messages$find !== void 0 ? _messages$find : null;
         $[0] = messages2;
         $[1] = t1;
     } else {
@@ -49875,16 +50063,16 @@ var useLatestAssistantMessageWithContent = function() {
     t0 = t2;
     return t0;
 };
-function _temp11(content2) {
+function _temp12(content2) {
     return content2.type === "text" && !isEmpty3(content2.text.value);
 }
-function _temp25(message) {
-    return message.role === "assistant" && message.content.some(_temp11);
+function _temp26(message) {
+    return message.role === "assistant" && message.content.some(_temp12);
 }
 // src/components/gui/Gui/index.tsx
 import { jsx as _jsx99, jsxs as _jsxs37 } from "react/jsx-runtime";
 var StartingToolCalls3 = function() {
-    var $ = _c103(2);
+    var $ = _c104(2);
     var _useComponents = useComponents(), t0 = _useComponents.components;
     var StartingToolCalls4 = t0.StartingToolCalls;
     var t1;
@@ -49898,7 +50086,7 @@ var StartingToolCalls3 = function() {
     return t1;
 };
 var Content10 = function(t0) {
-    var $ = _c103(5);
+    var $ = _c104(5);
     var latestRunStep = t0.latestRunStep;
     var t1;
     bb0: {
@@ -49952,14 +50140,14 @@ var Content10 = function(t0) {
     return t2;
 };
 var Progress2 = function(t0) {
-    var $ = _c103(5);
+    var $ = _c104(5);
     var latestAssistantMessage = t0.latestAssistantMessage;
     var isMutatingMessage = useIsMutatingMessage();
     var t1;
     var t2;
     if ($[0] !== latestAssistantMessage.runSteps) {
         var _latestAssistantMessa;
-        t2 = (_latestAssistantMessa = latestAssistantMessage.runSteps.find(_temp12)) !== null && _latestAssistantMessa !== void 0 ? _latestAssistantMessa : null;
+        t2 = (_latestAssistantMessa = latestAssistantMessage.runSteps.find(_temp13)) !== null && _latestAssistantMessa !== void 0 ? _latestAssistantMessa : null;
         $[0] = latestAssistantMessage.runSteps;
         $[1] = t2;
     } else {
@@ -50002,7 +50190,7 @@ var Progress2 = function(t0) {
     return t4;
 };
 var Gui = function() {
-    var $ = _c103(8);
+    var $ = _c104(8);
     var latestAssistantMessage = useLatestAssistantMessage().latestAssistantMessage;
     var latestAssistantMessageWithContent = useLatestAssistantMessageWithContent().latestAssistantMessageWithContent;
     if (!latestAssistantMessage || !latestAssistantMessageWithContent) {
@@ -50064,11 +50252,11 @@ var Gui = function() {
     }
     return t2;
 };
-function _temp12(rs) {
+function _temp13(rs) {
     return rs.status === "in_progress";
 }
 // src/components/markdown/MarkdownProvider/index.tsx
-import { c as _c104 } from "react-compiler-runtime";
+import { c as _c105 } from "react-compiler-runtime";
 import { useMemo as useMemo24 } from "react";
 import { jsx as _jsx100 } from "react/jsx-runtime";
 var _excluded7 = [
@@ -50093,7 +50281,7 @@ function _objectWithoutPropertiesLoose7(r, e) {
     return t;
 }
 var MarkdownProvider = function(t0) {
-    var $ = _c104(9);
+    var $ = _c105(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -50136,18 +50324,18 @@ var MarkdownProvider = function(t0) {
     return t3;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-import { c as _c107 } from "react-compiler-runtime";
+import { c as _c108 } from "react-compiler-runtime";
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-import { c as _c106 } from "react-compiler-runtime";
+import { c as _c107 } from "react-compiler-runtime";
 import { useState as useState13 } 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
-import { c as _c105 } from "react-compiler-runtime";
+import { c as _c106 } from "react-compiler-runtime";
 import { Flex as Flex36, Card as Card6, Inset as Inset3 } from "@radix-ui/themes";
 import { jsx as _jsx101 } from "react/jsx-runtime";
 var Content11 = function(t0) {
-    var $ = _c105(5);
+    var $ = _c106(5);
     var fileId = t0.fileId;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -50213,7 +50401,7 @@ var Content11 = function(t0) {
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
 import { jsx as _jsx102, jsxs as _jsxs38, Fragment as _Fragment6 } from "react/jsx-runtime";
 var FileCitation = function(t0) {
-    var $ = _c106(18);
+    var $ = _c107(18);
     var annotation = t0.annotation;
     var _useState13 = _sliced_to_array(useState13(null), 2), activeFileId = _useState13[0], setActiveFileId = _useState13[1];
     var t1;
@@ -50362,7 +50550,7 @@ function _objectWithoutPropertiesLoose8(r, e) {
     return t;
 }
 var SourceAnnotation = function(t0) {
-    var $ = _c107(10);
+    var $ = _c108(10);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -50419,7 +50607,7 @@ var SourceAnnotation = function(t0) {
     return null;
 };
 // src/components/avatars/Avatar.tsx
-import { c as _c110 } from "react-compiler-runtime";
+import { c as _c111 } from "react-compiler-runtime";
 // src/enums/index.ts
 var IconAvatarName = /* @__PURE__ */ function(IconAvatarName2) {
     IconAvatarName2["BACKPACK"] = "BACKPACK";
@@ -50444,7 +50632,7 @@ var AvatarType = /* @__PURE__ */ function(AvatarType2) {
 // src/components/avatars/Avatar.tsx
 import { Avatar as RadixAvatar } from "@radix-ui/themes";
 // src/components/imageAvatars/ImageAvatar/index.tsx
-import { c as _c108 } from "react-compiler-runtime";
+import { c as _c109 } from "react-compiler-runtime";
 import { Avatar as Avatar4 } from "@radix-ui/themes";
 // src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
 var width = function(_ref) {
@@ -50498,7 +50686,7 @@ var optimizedSrc = function(_ref) {
 // src/components/imageAvatars/ImageAvatar/index.tsx
 import { jsx as _jsx104 } from "react/jsx-runtime";
 var ImageAvatar = function(t0) {
-    var $ = _c108(9);
+    var $ = _c109(9);
     var imageAvatar = t0.imageAvatar, size = t0.size, className = t0.className, style = t0.style;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -50535,7 +50723,7 @@ var ImageAvatar = function(t0) {
     return t2;
 };
 // src/components/iconAvatars/IconAvatar.tsx
-import { c as _c109 } from "react-compiler-runtime";
+import { c as _c110 } from "react-compiler-runtime";
 import { useMemo as useMemo25 } from "react";
 import { Avatar as Avatar5 } from "@radix-ui/themes";
 // src/lib/iconAvatars/iconAvatarComponents.ts
@@ -50545,7 +50733,7 @@ var iconAvatarComponents = (_obj = {}, _define_property(_obj, IconAvatarName.BAC
 // src/components/iconAvatars/IconAvatar.tsx
 import { jsx as _jsx105 } from "react/jsx-runtime";
 var IconAvatar = function(t0) {
-    var $ = _c109(7);
+    var $ = _c110(7);
     var iconAvatar = t0.iconAvatar, size = t0.size, className = t0.className, style = t0.style;
     var t1;
     t1 = iconAvatarComponents[iconAvatar.name];
@@ -50579,7 +50767,7 @@ var IconAvatar = function(t0) {
 // src/components/avatars/Avatar.tsx
 import { jsx as _jsx106 } from "react/jsx-runtime";
 var Avatar6 = function(t0) {
-    var $ = _c110(14);
+    var $ = _c111(14);
     var avatar = t0.avatar, t1 = t0.size, className = t0.className, style = t0.style;
     var size = t1 === void 0 ? "1" : t1;
     if (avatar) {
@@ -50640,7 +50828,7 @@ var Avatar6 = function(t0) {
     return t2;
 };
 // src/components/components/ComponentsProvider.tsx
-import { c as _c111 } from "react-compiler-runtime";
+import { c as _c112 } from "react-compiler-runtime";
 import { useMemo as useMemo26 } from "react";
 import { jsx as _jsx107 } from "react/jsx-runtime";
 var _excluded9 = [
@@ -50665,7 +50853,7 @@ function _objectWithoutPropertiesLoose9(r, e) {
     return t;
 }
 var ComponentsProvider = function(t0) {
-    var $ = _c111(9);
+    var $ = _c112(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -50708,11 +50896,11 @@ var ComponentsProvider = function(t0) {
     return t3;
 };
 // src/components/assistants/AssistantProvider/index.tsx
-import { c as _c112 } from "react-compiler-runtime";
+import { c as _c113 } from "react-compiler-runtime";
 import { jsx as _jsx108 } from "react/jsx-runtime";
 var AssistantProvider = function(t0) {
     var _assistant$name;
-    var $ = _c112(10);
+    var $ = _c113(10);
     var children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;