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

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;
@@ -47220,7 +47220,6 @@ var useRecorder = function(_ref) {
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
 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";
 // src/hooks/audioThreads/useMessageAudio/lib/input.ts
@@ -47288,198 +47287,851 @@ 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
-        };
-    });
+function asyncGeneratorStep11(n, t, e, r, o, a, c) {
+    try {
+        var i = n[a](c), u = i.value;
+    } catch (n2) {
+        return void e(n2);
+    }
+    i.done ? t(u) : Promise.resolve(u).then(r, o);
+}
+function _asyncToGenerator11(n) {
+    return function() {
+        var t = this, e = arguments;
+        return new Promise(function(r, o) {
+            var a = n.apply(t, e);
+            function _next(n2) {
+                asyncGeneratorStep11(a, r, o, _next, _throw, "next", n2);
+            }
+            function _throw(n2) {
+                asyncGeneratorStep11(a, r, o, _next, _throw, "throw", n2);
+            }
+            _next(void 0);
+        });
+    };
+}
+var THROTTLE_MS = 80;
+var MAX_SEG_CACHE = 256;
+var KEEP_FINISHED_MESSAGES = 12;
+var FULL_SENTENCE_REGEX = /[\.?!]$/;
+var hasLetters = function(s) {
+    for(var i = 0; i < s.length; i++){
+        var ch = s.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 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 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 t = normalizeBoundaries(raw.replace(/\s+/g, " ").trim());
+    if (!t) return [];
+    var parts = t.split(RegExp("(?<=[.!?])\\s+(?=[^\\s])", "g"));
+    var filtered = [];
+    for(var i = 0; i < parts.length; i++){
+        var p = parts[i].trim();
+        if (p && hasLetters(p)) filtered.push(p);
+    }
+    return filtered;
+};
+var getIncrementalSegments = function(prev, nextInput, now) {
+    if (!prev) return {
+        input: nextInput,
+        segments: splitSentencesFast(nextInput),
+        touched: now
+    };
+    if (nextInput === prev.input) return {
+        input: prev.input,
+        segments: prev.segments,
+        touched: now
+    };
+    if (nextInput.startsWith(prev.input)) {
+        var prevSegments = prev.segments;
+        var prevLast = prevSegments[prevSegments.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 = prevSegments.length > 0 ? prevSegments.slice(0, -1).concat(tailSegments) : tailSegments;
+            return {
+                input: nextInput,
+                segments: merged,
+                touched: now
+            };
+        }
+    }
+    return {
+        input: nextInput,
+        segments: splitSentencesFast(nextInput),
+        touched: now
+    };
+};
+var segmentsEqual = function(a, b) {
+    if (a === b) return true;
+    if (a.length !== b.length) return false;
+    for(var i = 0; i < a.length; i++){
+        if (a[i] !== b[i]) return false;
+    }
+    return true;
+};
+var useMessageAudio = function(_ref) {
+    var onEnd = _ref.onEnd, providedPlay = _ref.play, providedPlaySegments = _ref.playSegments, providedGetSegments = _ref.getSegments;
     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 isAudioPlayedRef = useRef8(false);
     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 messagesProps = useMessages();
+    var _useState91 = _sliced_to_array(useState9(false), 2), isPlaying = _useState91[0], setIsPlaying = _useState91[1];
+    var _useState92 = _sliced_to_array(useState9([]), 2), audioQueue = _useState92[0], setAudioQueue = _useState92[1];
+    var audioQueueRef = useRef8([]);
     useEffect10(function() {
-        if (!isPlaying) return;
-        isLastSentencePlayedRef.current = false;
+        audioQueueRef.current = audioQueue;
     }, [
-        isPlaying
+        audioQueue
     ]);
-    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 pickLockRef = useRef8(false);
+    var activeSegmentsRef = useRef8(0);
+    var currentSegmentRef = useRef8(null);
+    var onEndPendingRef = useRef8(false);
+    var messagesProps = useMessages();
+    var messagesByIdRef = useRef8(/* @__PURE__ */ new Map());
+    var segCacheRef = useRef8(/* @__PURE__ */ new Map());
+    var mirrorTimerRef = useRef8(null);
+    var pendingMirrorRef = useRef8(false);
+    var markAudioPlayed = useCallback7(function() {
+        if (!isAudioPlayedRef.current) {
+            isAudioPlayedRef.current = true;
+            setIsAudioPlayed(true);
+        }
+    }, []);
+    var segmentToText = useCallback7(function(segment) {
+        if (typeof segment === "string") return segment;
+        if (segment && (typeof segment === "undefined" ? "undefined" : _type_of(segment)) === "object" && "text" in segment) {
+            var value = segment.text;
+            if (typeof value === "string") return value;
+        }
+        if (segment == null) return void 0;
+        var stringified = String(segment);
+        return stringified.length > 0 ? stringified : void 0;
+    }, []);
+    var checkForCompletion = useCallback7(function() {
+        if (activeSegmentsRef.current > 0) return;
+        var hasPending = audioQueueRef.current.some(function(m) {
+            return !m.stopped && (m.nextIndex < m.segments.length || m.status === "in_progress");
         });
-        var messageInputs = playableMessages.map(function(message_0) {
-            return {
-                message: message_0,
-                input: input({
-                    message: message_0
-                })
+        if (hasPending) {
+            onEndPendingRef.current = true;
+            return;
+        }
+        if (!onEndPendingRef.current) return;
+        onEndPendingRef.current = false;
+        onEnd();
+    }, [
+        onEnd
+    ]);
+    useEffect10(function() {
+        if (mirrorTimerRef.current != null) {
+            pendingMirrorRef.current = true;
+            return;
+        }
+        var run = /* @__PURE__ */ function() {
+            var _ref2 = _asyncToGenerator11(function() {
+                var assistantsDesc, assistantsAsc, nowTs, lastNIds, prevQueue, prevById, prevUnfinishedIds, streamingIds, includeIds, segCache, nextQueue, changed, touch, i, _existing$nextIndex, _existing$stopped, m_6, rawInput, prevEntry, nextEntry, playableSegments, customSegments, safeSegments, base, fullSegments, readyCount, last3, readySegments, existing, nextIndex, stopped, reuse, unfinished, finished, prunedFinished, combined, i_0, idsInQueue, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, id_3, _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1, _iterator1, _step1, id_4, entries, toRemove, i_1;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            assistantsDesc = messagesProps.messages.filter(function(m_0) {
+                                return m_0.role === "assistant";
+                            });
+                            assistantsAsc = assistantsDesc.slice().reverse();
+                            nowTs = typeof performance !== "undefined" && performance.now ? performance.now() : Date.now();
+                            lastNIds = new Set(assistantsAsc.slice(Math.max(0, assistantsAsc.length - KEEP_FINISHED_MESSAGES)).map(function(m_1) {
+                                return String(m_1.id);
+                            }));
+                            prevQueue = audioQueueRef.current;
+                            prevById = new Map(prevQueue.map(function(p) {
+                                return [
+                                    p.id,
+                                    p
+                                ];
+                            }));
+                            prevUnfinishedIds = new Set(prevQueue.filter(function(m_2) {
+                                return !m_2.stopped && (m_2.status === "in_progress" || m_2.nextIndex < m_2.segments.length);
+                            }).map(function(m_3) {
+                                return m_3.id;
+                            }));
+                            streamingIds = new Set(assistantsAsc.filter(function(m_4) {
+                                return m_4.status === "in_progress";
+                            }).map(function(m_5) {
+                                return String(m_5.id);
+                            }));
+                            includeIds = /* @__PURE__ */ new Set();
+                            lastNIds.forEach(function(id) {
+                                return includeIds.add(id);
+                            });
+                            prevUnfinishedIds.forEach(function(id_0) {
+                                return includeIds.add(id_0);
+                            });
+                            streamingIds.forEach(function(id_1) {
+                                return includeIds.add(id_1);
+                            });
+                            segCache = segCacheRef.current;
+                            nextQueue = [];
+                            changed = false;
+                            touch = function(id_2, entry) {
+                                segCache.set(id_2, {
+                                    input: entry.input,
+                                    segments: entry.segments,
+                                    touched: nowTs
+                                });
+                            };
+                            i = 0;
+                            _state.label = 1;
+                        case 1:
+                            if (!(i < assistantsAsc.length)) return [
+                                3,
+                                6
+                            ];
+                            m_6 = assistantsAsc[i];
+                            if (!includeIds.has(String(m_6.id))) return [
+                                3,
+                                5
+                            ];
+                            rawInput = input({
+                                message: m_6
+                            });
+                            if (rawInput == null) {
+                                segCache.delete(m_6.id);
+                                messagesByIdRef.current.delete(m_6.id);
+                                return [
+                                    3,
+                                    5
+                                ];
+                            }
+                            messagesByIdRef.current.set(m_6.id, m_6);
+                            prevEntry = segCache.get(m_6.id);
+                            nextEntry = void 0;
+                            playableSegments = void 0;
+                            if (!providedGetSegments) return [
+                                3,
+                                3
+                            ];
+                            return [
+                                4,
+                                Promise.resolve(providedGetSegments({
+                                    message: m_6,
+                                    rawInput: rawInput
+                                }))
+                            ];
+                        case 2:
+                            customSegments = _state.sent();
+                            safeSegments = Array.isArray(customSegments) ? customSegments : [];
+                            nextEntry = {
+                                input: rawInput,
+                                segments: safeSegments,
+                                touched: nowTs
+                            };
+                            playableSegments = safeSegments;
+                            return [
+                                3,
+                                4
+                            ];
+                        case 3:
+                            base = getIncrementalSegments(prevEntry, rawInput, nowTs);
+                            nextEntry = {
+                                input: base.input,
+                                segments: base.segments,
+                                touched: nowTs
+                            };
+                            fullSegments = base.segments;
+                            readyCount = fullSegments.length;
+                            if (readyCount > 0 && !isOptimistic({
+                                id: m_6.id
+                            }) && m_6.status === "in_progress") {
+                                last3 = fullSegments[fullSegments.length - 1];
+                                if (last3 && !FULL_SENTENCE_REGEX.test(last3)) readyCount -= 1;
+                            }
+                            readySegments = fullSegments.slice(0, Math.max(0, readyCount));
+                            playableSegments = readyCount === fullSegments.length ? fullSegments : readySegments;
+                            _state.label = 4;
+                        case 4:
+                            touch(m_6.id, nextEntry);
+                            existing = prevById.get(m_6.id);
+                            nextIndex = Math.min((_existing$nextIndex = existing === null || existing === void 0 ? void 0 : existing.nextIndex) !== null && _existing$nextIndex !== void 0 ? _existing$nextIndex : 0, playableSegments.length);
+                            stopped = (_existing$stopped = existing === null || existing === void 0 ? void 0 : existing.stopped) !== null && _existing$stopped !== void 0 ? _existing$stopped : false;
+                            reuse = !!existing && existing.status === m_6.status && existing.rawInput === rawInput && existing.nextIndex === nextIndex && existing.stopped === stopped && segmentsEqual(existing.segments, playableSegments);
+                            if (reuse) {
+                                nextQueue.push(existing);
+                            } else {
+                                nextQueue.push({
+                                    id: m_6.id,
+                                    status: m_6.status,
+                                    segments: playableSegments,
+                                    nextIndex: nextIndex,
+                                    stopped: stopped,
+                                    rawInput: rawInput
+                                });
+                                changed = true;
+                            }
+                            _state.label = 5;
+                        case 5:
+                            i++;
+                            return [
+                                3,
+                                1
+                            ];
+                        case 6:
+                            unfinished = nextQueue.filter(function(m_7) {
+                                return !m_7.stopped && (m_7.status === "in_progress" || m_7.nextIndex < m_7.segments.length);
+                            });
+                            finished = nextQueue.filter(function(m_8) {
+                                return !(!m_8.stopped && (m_8.status === "in_progress" || m_8.nextIndex < m_8.segments.length));
+                            });
+                            prunedFinished = finished.length > KEEP_FINISHED_MESSAGES ? finished.slice(finished.length - KEEP_FINISHED_MESSAGES) : finished;
+                            combined = _to_consumable_array(unfinished).concat(_to_consumable_array(prunedFinished));
+                            if (combined.some(function(m_9) {
+                                return !m_9.stopped && (m_9.nextIndex < m_9.segments.length || m_9.status === "in_progress");
+                            })) {
+                                onEndPendingRef.current = true;
+                            }
+                            if (!changed) {
+                                if (combined.length !== prevQueue.length) {
+                                    changed = true;
+                                } else {
+                                    for(i_0 = 0; i_0 < combined.length; i_0++){
+                                        if (combined[i_0] !== prevQueue[i_0]) {
+                                            changed = true;
+                                            break;
+                                        }
+                                    }
+                                }
+                            }
+                            idsInQueue = new Set(combined.map(function(m_10) {
+                                return m_10.id;
+                            }));
+                            _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                            try {
+                                for(_iterator = Array.from(segCache.keys())[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                                    id_3 = _step.value;
+                                    if (!idsInQueue.has(id_3)) segCache.delete(id_3);
+                                }
+                            } catch (err) {
+                                _didIteratorError = true;
+                                _iteratorError = err;
+                            } finally{
+                                try {
+                                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                        _iterator.return();
+                                    }
+                                } finally{
+                                    if (_didIteratorError) {
+                                        throw _iteratorError;
+                                    }
+                                }
+                            }
+                            _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+                            try {
+                                for(_iterator1 = Array.from(messagesByIdRef.current.keys())[Symbol.iterator](); !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+                                    id_4 = _step1.value;
+                                    if (!idsInQueue.has(id_4)) messagesByIdRef.current.delete(id_4);
+                                }
+                            } catch (err) {
+                                _didIteratorError1 = true;
+                                _iteratorError1 = err;
+                            } finally{
+                                try {
+                                    if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                                        _iterator1.return();
+                                    }
+                                } finally{
+                                    if (_didIteratorError1) {
+                                        throw _iteratorError1;
+                                    }
+                                }
+                            }
+                            if (changed) setAudioQueue(combined);
+                            if (segCache.size > MAX_SEG_CACHE) {
+                                entries = Array.from(segCache.entries());
+                                entries.sort(function(a, b) {
+                                    return a[1].touched - b[1].touched;
+                                });
+                                toRemove = segCache.size - MAX_SEG_CACHE;
+                                for(i_1 = 0; i_1 < toRemove; i_1++)segCache.delete(entries[i_1][0]);
+                            }
+                            return [
+                                2
+                            ];
+                    }
+                });
+            });
+            return function run2() {
+                return _ref2.apply(this, arguments);
             };
-        }).filter(function(_ref3) {
-            var input2 = _ref3.input;
-            return input2 !== null;
+        }();
+        var schedule = function() {
+            mirrorTimerRef.current = window.setTimeout(/* @__PURE__ */ _asyncToGenerator11(function() {
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            mirrorTimerRef.current = null;
+                            _state.label = 1;
+                        case 1:
+                            _state.trys.push([
+                                1,
+                                ,
+                                3,
+                                4
+                            ]);
+                            return [
+                                4,
+                                run()
+                            ];
+                        case 2:
+                            _state.sent();
+                            return [
+                                3,
+                                4
+                            ];
+                        case 3:
+                            if (pendingMirrorRef.current) {
+                                pendingMirrorRef.current = false;
+                                schedule();
+                            }
+                            return [
+                                7
+                            ];
+                        case 4:
+                            return [
+                                2
+                            ];
+                    }
+                });
+            }), THROTTLE_MS);
+        };
+        schedule();
+        return function() {
+            if (mirrorTimerRef.current != null) {
+                clearTimeout(mirrorTimerRef.current);
+                mirrorTimerRef.current = null;
+            }
+            pendingMirrorRef.current = false;
+        };
+    }, [
+        messagesProps.messages,
+        providedGetSegments
+    ]);
+    var defaultPlay = useCallback7(/* @__PURE__ */ function() {
+        var _ref5 = _asyncToGenerator11(function(_ref4) {
+            var input2, onPlay, onStop, onEnd_0, searchParams;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        input2 = _ref4.input, onPlay = _ref4.onPlay, onStop = _ref4.onStop, onEnd_0 = _ref4.onEnd;
+                        searchParams = new URLSearchParams(_objectSpread47({
+                            input: input2
+                        }, superinterfaceContext.variables));
+                        return [
+                            4,
+                            new Promise(function(resolve) {
+                                var settled = false;
+                                var settle = function(cb) {
+                                    if (settled) return;
+                                    settled = true;
+                                    cb();
+                                    resolve();
+                                };
+                                audioPlayer.load("".concat(superinterfaceContext.baseUrl, "/audio-runtimes/tts?").concat(searchParams), {
+                                    format: "mp3",
+                                    autoplay: isAudioPlayedRef.current,
+                                    html5: isHtmlAudioSupported,
+                                    onplay: function() {
+                                        markAudioPlayed();
+                                        onPlay();
+                                    },
+                                    onstop: function() {
+                                        settle(onStop);
+                                    },
+                                    onend: function() {
+                                        settle(onEnd_0);
+                                    },
+                                    onload: function() {
+                                        var current = currentSegmentRef.current;
+                                        if (!current) return;
+                                        var owner = audioQueueRef.current.find(function(m_11) {
+                                            return m_11.id === current.messageId;
+                                        });
+                                        if (!owner) return;
+                                        var nextSegment = owner.segments[current.nextIndex];
+                                        if (!nextSegment) return;
+                                        var nextText = segmentToText(nextSegment);
+                                        if (!nextText) return;
+                                        var nextSearchParams = new URLSearchParams(_objectSpread47({
+                                            input: nextText
+                                        }, superinterfaceContext.variables));
+                                        nextAudioPlayer.load("".concat(superinterfaceContext.baseUrl, "/audio-runtimes/tts?").concat(nextSearchParams), {
+                                            format: "mp3",
+                                            autoplay: false,
+                                            html5: isHtmlAudioSupported
+                                        });
+                                    }
+                                });
+                            })
+                        ];
+                    case 1:
+                        _state.sent();
+                        return [
+                            2
+                        ];
+                }
+            });
         });
-        var messageSentences = messageInputs.flatMap(function(_ref4) {
-            var message_1 = _ref4.message, input_0 = _ref4.input;
-            return getMessageSentences({
-                messageId: message_1.id,
-                input: input_0
+        return function(_x) {
+            return _ref5.apply(this, arguments);
+        };
+    }(), [
+        audioPlayer,
+        nextAudioPlayer,
+        superinterfaceContext,
+        segmentToText
+    ]);
+    var playInternal = useCallback7(/* @__PURE__ */ function() {
+        var _ref6 = _asyncToGenerator11(function(segment_0, handlers2) {
+            var text, args;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        text = segmentToText(segment_0);
+                        if (!text) {
+                            handlers2.onEnd();
+                            return [
+                                2
+                            ];
+                        }
+                        args = {
+                            input: text,
+                            onPlay: function() {
+                                markAudioPlayed();
+                                handlers2.onPlay();
+                            },
+                            onStop: handlers2.onStop,
+                            onEnd: handlers2.onEnd
+                        };
+                        if (!providedPlay) return [
+                            3,
+                            2
+                        ];
+                        return [
+                            4,
+                            Promise.resolve(providedPlay(args))
+                        ];
+                    case 1:
+                        _state.sent();
+                        return [
+                            2
+                        ];
+                    case 2:
+                        return [
+                            4,
+                            defaultPlay(args)
+                        ];
+                    case 3:
+                        _state.sent();
+                        return [
+                            2
+                        ];
+                }
             });
         });
-        return messageSentences.filter(function(ms) {
-            return !playedMessageSentences.find(function(pms) {
-                return pms.messageId === ms.messageId && pms.sentence === ms.sentence;
+        return function(_x2, _x3) {
+            return _ref6.apply(this, arguments);
+        };
+    }(), [
+        segmentToText,
+        providedPlay,
+        defaultPlay,
+        markAudioPlayed
+    ]);
+    var defaultPlaySegments = useCallback7(/* @__PURE__ */ function() {
+        var _ref8 = _asyncToGenerator11(function(_ref7) {
+            var segments, message, play, i_2, current_0;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        segments = _ref7.segments, message = _ref7.message, play = _ref7.play;
+                        i_2 = 0;
+                        _state.label = 1;
+                    case 1:
+                        if (!(i_2 < segments.length)) return [
+                            3,
+                            4
+                        ];
+                        return [
+                            4,
+                            play(segments[i_2])
+                        ];
+                    case 2:
+                        _state.sent();
+                        current_0 = audioQueueRef.current.find(function(m_12) {
+                            return m_12.id === message.id;
+                        });
+                        if (!current_0 || current_0.stopped) return [
+                            3,
+                            4
+                        ];
+                        _state.label = 3;
+                    case 3:
+                        i_2++;
+                        return [
+                            3,
+                            1
+                        ];
+                    case 4:
+                        return [
+                            2
+                        ];
+                }
             });
         });
-    }, [
-        messagesProps,
-        playedMessageSentences
+        return function(_x4) {
+            return _ref8.apply(this, arguments);
+        };
+    }(), []);
+    var playSegmentsImpl = useCallback7(/* @__PURE__ */ function() {
+        var _ref9 = _asyncToGenerator11(function(args_0) {
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (!providedPlaySegments) return [
+                            3,
+                            2
+                        ];
+                        return [
+                            4,
+                            Promise.resolve(providedPlaySegments(args_0))
+                        ];
+                    case 1:
+                        _state.sent();
+                        return [
+                            2
+                        ];
+                    case 2:
+                        return [
+                            4,
+                            defaultPlaySegments(args_0)
+                        ];
+                    case 3:
+                        _state.sent();
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function(_x5) {
+            return _ref9.apply(this, arguments);
+        };
+    }(), [
+        providedPlaySegments,
+        defaultPlaySegments
     ]);
-    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
-                });
-            },
-            onend: onEnd_0
+    var handleStop = useCallback7(function(messageId) {
+        setAudioQueue(function(prev) {
+            return prev.map(function(m_13) {
+                return m_13.id === messageId ? _objectSpread47(_objectSpread47({}, m_13), {}, {
+                    stopped: true
+                }) : m_13;
+            });
         });
+        activeSegmentsRef.current = 0;
+        setIsPlaying(false);
+        currentSegmentRef.current = null;
+        pickLockRef.current = false;
+        checkForCompletion();
     }, [
-        superinterfaceContext,
-        unplayedMessageSentences,
-        audioPlayer,
-        nextAudioPlayer,
-        isAudioPlayed,
-        fullSentenceRegex
+        checkForCompletion
     ]);
-    var play = useMemo17(function() {
-        return passedPlay || defaultPlay;
+    var handleSegmentEnd = useCallback7(function() {
+        if (activeSegmentsRef.current > 0) activeSegmentsRef.current -= 1;
+        if (activeSegmentsRef.current === 0) {
+            setIsPlaying(false);
+            currentSegmentRef.current = null;
+            pickLockRef.current = false;
+            checkForCompletion();
+        }
     }, [
-        passedPlay,
-        defaultPlay
+        checkForCompletion
     ]);
     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;
+        if (pickLockRef.current) return;
+        if (audioQueue.length === 0) return;
+        var candidate = null;
+        for(var i_3 = 0; i_3 < audioQueue.length; i_3++){
+            var msg = audioQueue[i_3];
+            if (msg.stopped) continue;
+            if (msg.nextIndex >= msg.segments.length) continue;
+            var message_0 = messagesByIdRef.current.get(msg.id);
+            if (!message_0) continue;
+            candidate = {
+                messageId: msg.id,
+                message: message_0,
+                rawInput: msg.rawInput,
+                startIndex: msg.nextIndex,
+                segments: msg.segments.slice(msg.nextIndex)
+            };
+            break;
         }
-        var isFullSentence = isOptimistic({
-            id: latestMessageProps.latestMessage.id
-        }) || latestMessageProps.latestMessage.status !== "in_progress" || fullSentenceRegex.test(firstUnplayedMessageSentence.sentence);
-        if (!isFullSentence) return;
+        if (!candidate || candidate.segments.length === 0) return;
+        pickLockRef.current = true;
         setIsPlaying(true);
-        setPlayedMessageSentences(function(prev) {
-            return _to_consumable_array(prev).concat([
-                firstUnplayedMessageSentence
-            ]);
+        setAudioQueue(function(prev_0) {
+            return prev_0.map(function(m_14) {
+                return m_14.id === candidate.messageId ? _objectSpread47(_objectSpread47({}, m_14), {}, {
+                    nextIndex: m_14.segments.length
+                }) : m_14;
+            });
         });
-        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
-                    ]);
+        var runPlayback = /* @__PURE__ */ function() {
+            var _ref0 = _asyncToGenerator11(function() {
+                var nextIndex_0, error;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            nextIndex_0 = candidate.startIndex;
+                            _state.label = 1;
+                        case 1:
+                            _state.trys.push([
+                                1,
+                                3,
+                                4,
+                                5
+                            ]);
+                            return [
+                                4,
+                                playSegmentsImpl({
+                                    segments: candidate.segments,
+                                    startIndex: candidate.startIndex,
+                                    message: candidate.message,
+                                    play: function() {
+                                        var _play = _asyncToGenerator11(function(segment_1) {
+                                            return _ts_generator(this, function(_state) {
+                                                switch(_state.label){
+                                                    case 0:
+                                                        activeSegmentsRef.current += 1;
+                                                        nextIndex_0 += 1;
+                                                        currentSegmentRef.current = {
+                                                            messageId: candidate.messageId,
+                                                            nextIndex: nextIndex_0
+                                                        };
+                                                        return [
+                                                            4,
+                                                            playInternal(segment_1, {
+                                                                onPlay: function() {},
+                                                                onStop: function() {
+                                                                    return handleStop(candidate.messageId);
+                                                                },
+                                                                onEnd: function() {
+                                                                    return handleSegmentEnd();
+                                                                }
+                                                            })
+                                                        ];
+                                                    case 1:
+                                                        _state.sent();
+                                                        return [
+                                                            2
+                                                        ];
+                                                }
+                                            });
+                                        });
+                                        function play(_x6) {
+                                            return _play.apply(this, arguments);
+                                        }
+                                        return play;
+                                    }()
+                                })
+                            ];
+                        case 2:
+                            _state.sent();
+                            return [
+                                3,
+                                5
+                            ];
+                        case 3:
+                            error = _state.sent();
+                            handleStop(candidate.messageId);
+                            console.error(error);
+                            return [
+                                3,
+                                5
+                            ];
+                        case 4:
+                            checkForCompletion();
+                            return [
+                                7
+                            ];
+                        case 5:
+                            return [
+                                2
+                            ];
+                    }
                 });
-                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;
-        }
+            });
+            return function runPlayback2() {
+                return _ref0.apply(this, arguments);
+            };
+        }();
+        runPlayback();
     }, [
+        audioQueue,
         isPlaying,
-        unplayedMessageSentences.length,
-        (_latestMessageProps$l2 = latestMessageProps.latestMessage) === null || _latestMessageProps$l2 === void 0 ? void 0 : _latestMessageProps$l2.status,
-        _onEnd
+        playSegmentsImpl,
+        playInternal,
+        handleStop,
+        handleSegmentEnd,
+        checkForCompletion
     ]);
     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";
+            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";
         }
     }, [
         audioPlayer
     ]);
-    var _useState94 = _sliced_to_array(useState9(null), 2), audioEngine = _useState94[0], setAudioEngine = _useState94[1];
+    var _useState93 = _sliced_to_array(useState9(null), 2), audioEngine = _useState93[0], setAudioEngine = _useState93[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 _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,
@@ -47487,25 +48139,24 @@ var useMessageAudio = function(_ref2) {
             });
         }
     }, [
-        audioPlayer,
-        isAudioEngineInited
+        audioPlayer
     ]);
     var visualizationAnalyser = useMemo17(function() {
         if (!audioEngine) return null;
-        var result = audioEngine.audioContext.createAnalyser();
+        var analyser = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(audioEngine.audioContext.destination);
-        audioEngine.source.connect(result);
-        return result;
+        audioEngine.source.connect(analyser);
+        return analyser;
     }, [
         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";
+        return isPlaying || audioQueue.some(function(m_15) {
+            return !m_15.stopped && (m_15.nextIndex < m_15.segments.length || m_15.status === "in_progress");
+        });
     }, [
         isPlaying,
-        unplayedMessageSentences,
-        latestMessageProps
+        audioQueue
     ]);
     return _objectSpread47(_objectSpread47({
         isPending: isPending,
@@ -47527,7 +48178,53 @@ var blobToData = function(blob) {
     });
 };
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
-function asyncGeneratorStep11(n, t, e, r, o, a, c) {
+var _excluded5 = [
+    "onEnd"
+];
+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);
+}
+function asyncGeneratorStep12(n, t, e, r, o, a, c) {
     try {
         var i = n[a](c), u = i.value;
     } catch (n2) {
@@ -47535,35 +48232,67 @@ function asyncGeneratorStep11(n, t, e, r, o, a, c) {
     }
     i.done ? t(u) : Promise.resolve(u).then(r, o);
 }
-function _asyncToGenerator11(n) {
+function _asyncToGenerator12(n) {
     return function() {
         var t = this, e = arguments;
         return new Promise(function(r, o) {
             var a = n.apply(t, e);
             function _next(n2) {
-                asyncGeneratorStep11(a, r, o, _next, _throw, "next", n2);
+                asyncGeneratorStep12(a, r, o, _next, _throw, "next", n2);
             }
             function _throw(n2) {
-                asyncGeneratorStep11(a, r, o, _next, _throw, "throw", n2);
+                asyncGeneratorStep12(a, r, o, _next, _throw, "throw", n2);
             }
             _next(void 0);
         });
     };
 }
+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 $ = _c88(30);
-    var play = t0.play, passedOnEnd = t0.onEnd;
+    var $ = _c88(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({
@@ -47577,12 +48306,12 @@ var useTtsAudioRuntime = function(t0) {
         }
     });
     var t2;
-    if ($[1] !== createMessageProps) {
+    if ($[4] !== createMessageProps) {
         t2 = {
             isStopOnSilence: true,
             onStart: _temp9,
             onStop: function() {
-                var _onStop = _asyncToGenerator11(function(_event, chunks) {
+                var _onStop = _asyncToGenerator12(function(_event, chunks) {
                     var blob, audioContent;
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
@@ -47611,10 +48340,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;
@@ -47624,39 +48353,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 = _objectSpread48({
             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,
@@ -47666,19 +48394,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,
@@ -47691,32 +48419,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;
@@ -47725,7 +48453,7 @@ function _temp9() {
     return _temp24.apply(this, arguments);
 }
 function _temp24() {
-    _temp24 = _asyncToGenerator11(function() {
+    _temp24 = _asyncToGenerator12(function() {
         return _ts_generator(this, function(_state) {
             return [
                 2
@@ -47736,59 +48464,142 @@ function _temp24() {
 }
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
 import { jsx as _jsx87 } from "react/jsx-runtime";
+var _excluded6 = [
+    "children",
+    "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 _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 $ = _c89(8);
-    var children = t0.children, play = t0.play, onEnd = t0.onEnd;
+    var $ = _c89(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 = _objectSpread49({
             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 = [
     "children",
     "play",
+    "playSegments",
+    "getSegments",
     "onEnd",
     "className",
     "style"
 ];
-function ownKeys48(e, r) {
+function ownKeys50(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -47798,30 +48609,30 @@ function ownKeys48(e, r) {
     }
     return t;
 }
-function _objectSpread48(e) {
+function _objectSpread50(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 ? 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 _defineProperty48(e, r, t) {
-    return (r = _toPropertyKey48(r)) in e ? Object.defineProperty(e, r, {
+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 _toPropertyKey48(t) {
-    var i = _toPrimitive48(t, "string");
+function _toPropertyKey50(t) {
+    var i = _toPrimitive50(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive48(t, r) {
+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) {
@@ -47831,16 +48642,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)) {
@@ -47872,25 +48683,29 @@ var Content9 = function(t0) {
     return t1;
 };
 var AudioRuntimeProvider = function(t0) {
-    var $ = _c90(4);
-    var children = t0.children, play = t0.play, onEnd = t0.onEnd;
+    var $ = _c90(6);
+    var children = t0.children, onEnd = t0.onEnd, play = t0.play, playSegments = t0.playSegments, getSegments = t0.getSegments;
     var audioThreadContext = useAudioThreadContext();
     if (audioThreadContext.audioRuntime) {
         return children;
     }
     var t1;
-    if ($[0] !== children || $[1] !== onEnd || $[2] !== play) {
+    if ($[0] !== children || $[1] !== getSegments || $[2] !== onEnd || $[3] !== play || $[4] !== playSegments) {
         t1 = /* @__PURE__ */ _jsx88(TtsAudioRuntimeProvider, {
-            play: play,
             onEnd: onEnd,
+            play: play,
+            playSegments: playSegments,
+            getSegments: getSegments,
             children: children
         });
         $[0] = children;
-        $[1] = onEnd;
-        $[2] = play;
-        $[3] = t1;
+        $[1] = getSegments;
+        $[2] = onEnd;
+        $[3] = play;
+        $[4] = playSegments;
+        $[5] = t1;
     } else {
-        t1 = $[3];
+        t1 = $[5];
     }
     return t1;
 };
@@ -47901,7 +48716,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;
@@ -47913,7 +48728,7 @@ var Provider5 = function(t0) {
     var audioThreadContext = useAudioThreadContext();
     var t1;
     if ($[3] !== audioThreadContext || $[4] !== rest) {
-        t1 = _objectSpread48(_objectSpread48({}, audioThreadContext), rest);
+        t1 = _objectSpread50(_objectSpread50({}, audioThreadContext), rest);
         $[3] = audioThreadContext;
         $[4] = rest;
         $[5] = t1;
@@ -47935,36 +48750,42 @@ var Provider5 = function(t0) {
     return t2;
 };
 var Root16 = function(t0) {
-    var $ = _c90(18);
+    var $ = _c90(22);
     var children;
     var className;
+    var getSegments;
     var onEnd;
     var play;
+    var playSegments;
     var rest;
     var style;
     if ($[0] !== 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);
+        ref = _t2, children = ref.children, play = ref.play, playSegments = ref.playSegments, getSegments = ref.getSegments, onEnd = ref.onEnd, className = ref.className, style = ref.style, ref;
+        rest = _objectWithoutProperties7(_t2, _excluded22);
         _t2;
         $[0] = t0;
         $[1] = children;
         $[2] = className;
-        $[3] = onEnd;
-        $[4] = play;
-        $[5] = rest;
-        $[6] = style;
+        $[3] = getSegments;
+        $[4] = onEnd;
+        $[5] = play;
+        $[6] = playSegments;
+        $[7] = rest;
+        $[8] = style;
     } else {
         children = $[1];
         className = $[2];
-        onEnd = $[3];
-        play = $[4];
-        rest = $[5];
-        style = $[6];
+        getSegments = $[3];
+        onEnd = $[4];
+        play = $[5];
+        playSegments = $[6];
+        rest = $[7];
+        style = $[8];
     }
     var t1;
-    if ($[7] !== children || $[8] !== className || $[9] !== style) {
+    if ($[9] !== children || $[10] !== className || $[11] !== style) {
         t1 = /* @__PURE__ */ _jsx88(ToastsProvider, {
             children: /* @__PURE__ */ _jsx88(Content9, {
                 className: className,
@@ -47972,37 +48793,41 @@ var Root16 = function(t0) {
                 children: children
             })
         });
-        $[7] = children;
-        $[8] = className;
-        $[9] = style;
-        $[10] = t1;
+        $[9] = children;
+        $[10] = className;
+        $[11] = style;
+        $[12] = t1;
     } else {
-        t1 = $[10];
+        t1 = $[12];
     }
     var t2;
-    if ($[11] !== onEnd || $[12] !== play || $[13] !== t1) {
+    if ($[13] !== getSegments || $[14] !== onEnd || $[15] !== play || $[16] !== playSegments || $[17] !== t1) {
         t2 = /* @__PURE__ */ _jsx88(AudioRuntimeProvider, {
-            play: play,
             onEnd: onEnd,
+            play: play,
+            playSegments: playSegments,
+            getSegments: getSegments,
             children: t1
         });
-        $[11] = onEnd;
-        $[12] = play;
-        $[13] = t1;
-        $[14] = t2;
+        $[13] = getSegments;
+        $[14] = onEnd;
+        $[15] = play;
+        $[16] = playSegments;
+        $[17] = t1;
+        $[18] = t2;
     } else {
-        t2 = $[14];
+        t2 = $[18];
     }
     var t3;
-    if ($[15] !== rest || $[16] !== t2) {
-        t3 = /* @__PURE__ */ _jsx88(Provider5, _objectSpread48(_objectSpread48({}, rest), {}, {
+    if ($[19] !== rest || $[20] !== t2) {
+        t3 = /* @__PURE__ */ _jsx88(Provider5, _objectSpread50(_objectSpread50({}, rest), {}, {
             children: t2
         }));
-        $[15] = rest;
-        $[16] = t2;
-        $[17] = t3;
+        $[19] = rest;
+        $[20] = t2;
+        $[21] = t3;
     } else {
-        t3 = $[17];
+        t3 = $[21];
     }
     return t3;
 };
@@ -48128,7 +48953,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 = [
@@ -48140,7 +48965,7 @@ var _excluded32 = [
     "height",
     "width"
 ];
-function ownKeys49(e, r) {
+function ownKeys51(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -48150,30 +48975,30 @@ function ownKeys49(e, r) {
     }
     return t;
 }
-function _objectSpread49(e) {
+function _objectSpread51(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 ? 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 _defineProperty49(e, r, t) {
-    return (r = _toPropertyKey49(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 _toPropertyKey49(t) {
-    var i = _toPrimitive49(t, "string");
+function _toPropertyKey51(t) {
+    var i = _toPrimitive51(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive49(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) {
@@ -48183,16 +49008,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)) {
@@ -48245,7 +49070,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;
@@ -48257,7 +49082,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, _objectSpread51(_objectSpread51({
                 direction: "column",
                 align: "center",
                 justify: "center",
@@ -48284,7 +49109,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;
@@ -48302,7 +49127,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, _objectSpread51({
             visualizationAnalyser: audioThreadContext.audioRuntime.assistant.visualizationAnalyser,
             backgroundColor: t3,
             height: height,
@@ -48329,7 +49154,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;
@@ -48358,7 +49183,7 @@ var AssistantVisualizationRoot = function(t0) {
     }
     var t5;
     if ($[7] !== scale || $[8] !== t3 || $[9] !== t4) {
-        t5 = _objectSpread49({
+        t5 = _objectSpread51({
             backgroundColor: t3,
             borderRadius: "9999px",
             scale: scale
@@ -48372,7 +49197,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, _objectSpread51(_objectSpread51({
             align: "center",
             justify: "center",
             height: height,
@@ -48403,7 +49228,7 @@ var AssistantVisualization = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx90(AssistantVisualizationRoot, _objectSpread49(_objectSpread49({}, props), {}, {
+        t1 = /* @__PURE__ */ _jsx90(AssistantVisualizationRoot, _objectSpread51(_objectSpread51({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -48437,7 +49262,7 @@ var AssistantInfo = function(props) {
     }
     var t2;
     if ($[3] !== props || $[4] !== t1) {
-        t2 = /* @__PURE__ */ _jsxs31(Flex31, _objectSpread49(_objectSpread49({
+        t2 = /* @__PURE__ */ _jsxs31(Flex31, _objectSpread51(_objectSpread51({
             ml: "-22.5px",
             gap: "3",
             pt: "5"
@@ -48470,7 +49295,7 @@ var Visualization = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ _jsxs31(Root17, _objectSpread49(_objectSpread49({}, props), {}, {
+        t2 = /* @__PURE__ */ _jsxs31(Root17, _objectSpread51(_objectSpread51({}, props), {}, {
             children: [
                 t0,
                 t1
@@ -48560,7 +49385,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 ownKeys52(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -48570,30 +49395,30 @@ function ownKeys50(e, r) {
     }
     return t;
 }
-function _objectSpread50(e) {
+function _objectSpread52(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 ? 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 _defineProperty50(e, r, t) {
-    return (r = _toPropertyKey50(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 _toPropertyKey50(t) {
-    var i = _toPrimitive50(t, "string");
+function _toPropertyKey52(t) {
+    var i = _toPrimitive52(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive50(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) {
@@ -48621,7 +49446,7 @@ var Status = function(props) {
         }
         var _t2;
         if ($[1] !== props) {
-            _t2 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread50({
+            _t2 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread52({
                 texts: _t
             }, props));
             $[1] = props;
@@ -48647,7 +49472,7 @@ var Status = function(props) {
         }
         var _t4;
         if ($[4] !== props) {
-            _t4 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread50({
+            _t4 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread52({
                 texts: _t3
             }, props));
             $[4] = props;
@@ -48669,7 +49494,7 @@ var Status = function(props) {
         }
         var _t6;
         if ($[7] !== props) {
-            _t6 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread50({
+            _t6 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread52({
                 texts: _t5
             }, props));
             $[7] = props;
@@ -48690,7 +49515,7 @@ var Status = function(props) {
     }
     var t1;
     if ($[10] !== props) {
-        t1 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread50({
+        t1 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread52({
             texts: t0
         }, props));
         $[10] = props;
@@ -48706,7 +49531,7 @@ import { Flex as Flex34 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/Form/MicIcon.tsx
 import { c as _c95 } from "react-compiler-runtime";
 import { jsx as _jsx93 } from "react/jsx-runtime";
-function ownKeys51(e, r) {
+function ownKeys53(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -48716,30 +49541,30 @@ function ownKeys51(e, r) {
     }
     return t;
 }
-function _objectSpread51(e) {
+function _objectSpread53(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 ? 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 _defineProperty51(e, r, t) {
-    return (r = _toPropertyKey51(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 _toPropertyKey51(t) {
-    var i = _toPrimitive51(t, "string");
+function _toPropertyKey53(t) {
+    var i = _toPrimitive53(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive51(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) {
@@ -48763,7 +49588,7 @@ var MicIcon = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx93("svg", _objectSpread51(_objectSpread51({
+        t1 = /* @__PURE__ */ _jsx93("svg", _objectSpread53(_objectSpread53({
             xmlns: "http://www.w3.org/2000/svg",
             fill: "currentColor",
             stroke: "currentColor",
@@ -48981,7 +49806,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 ownKeys54(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -48991,30 +49816,30 @@ function ownKeys52(e, r) {
     }
     return t;
 }
-function _objectSpread52(e) {
+function _objectSpread54(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 ? 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 _defineProperty52(e, r, t) {
-    return (r = _toPropertyKey52(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 _toPropertyKey52(t) {
-    var i = _toPrimitive52(t, "string");
+function _toPropertyKey54(t) {
+    var i = _toPrimitive54(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive52(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) {
@@ -49112,7 +49937,7 @@ var Form = function(props) {
     }
     var t9;
     if ($[14] !== props || $[15] !== t7) {
-        t9 = /* @__PURE__ */ _jsxs34(Flex34, _objectSpread52(_objectSpread52({
+        t9 = /* @__PURE__ */ _jsxs34(Flex34, _objectSpread54(_objectSpread54({
             direction: "column",
             align: "center"
         }, props), {}, {
@@ -49131,7 +49956,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 ownKeys55(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -49141,30 +49966,30 @@ function ownKeys53(e, r) {
     }
     return t;
 }
-function _objectSpread53(e) {
+function _objectSpread55(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 ? 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 _defineProperty53(e, r, t) {
-    return (r = _toPropertyKey53(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 _toPropertyKey53(t) {
-    var i = _toPrimitive53(t, "string");
+function _toPropertyKey55(t) {
+    var i = _toPrimitive55(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive53(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) {
@@ -49193,7 +50018,7 @@ var AudioThread = function(props) {
     }
     var t3;
     if ($[3] !== props) {
-        t3 = /* @__PURE__ */ _jsxs35(Root16, _objectSpread53(_objectSpread53({}, props), {}, {
+        t3 = /* @__PURE__ */ _jsxs35(Root16, _objectSpread55(_objectSpread55({}, props), {}, {
             children: [
                 t0,
                 t1,
@@ -49213,7 +50038,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 ownKeys56(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -49223,30 +50048,30 @@ function ownKeys54(e, r) {
     }
     return t;
 }
-function _objectSpread54(e) {
+function _objectSpread56(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 ? 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 _defineProperty54(e, r, t) {
-    return (r = _toPropertyKey54(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 _toPropertyKey54(t) {
-    var i = _toPrimitive54(t, "string");
+function _toPropertyKey56(t) {
+    var i = _toPrimitive56(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive54(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) {
@@ -49273,7 +50098,7 @@ var AudioThreadDialog = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ _jsxs36(Root13, _objectSpread54(_objectSpread54({}, props), {}, {
+        t2 = /* @__PURE__ */ _jsxs36(Root13, _objectSpread56(_objectSpread56({}, props), {}, {
             children: [
                 t0,
                 t1
@@ -49291,7 +50116,7 @@ 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";
-function asyncGeneratorStep12(n, t, e, r, o, a, c) {
+function asyncGeneratorStep13(n, t, e, r, o, a, c) {
     try {
         var i = n[a](c), u = i.value;
     } catch (n2) {
@@ -49299,16 +50124,16 @@ function asyncGeneratorStep12(n, t, e, r, o, a, c) {
     }
     i.done ? t(u) : Promise.resolve(u).then(r, o);
 }
-function _asyncToGenerator12(n) {
+function _asyncToGenerator13(n) {
     return function() {
         var t = this, e = arguments;
         return new Promise(function(r, o) {
             var a = n.apply(t, e);
             function _next(n2) {
-                asyncGeneratorStep12(a, r, o, _next, _throw, "next", n2);
+                asyncGeneratorStep13(a, r, o, _next, _throw, "next", n2);
             }
             function _throw(n2) {
-                asyncGeneratorStep12(a, r, o, _next, _throw, "throw", n2);
+                asyncGeneratorStep13(a, r, o, _next, _throw, "throw", n2);
             }
             _next(void 0);
         });
@@ -49406,7 +50231,7 @@ var useWebrtcAudioRuntime = function() {
         };
     }, []);
     function _startSessionIfNeeded() {
-        _startSessionIfNeeded = _asyncToGenerator12(function() {
+        _startSessionIfNeeded = _asyncToGenerator13(function() {
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -49429,7 +50254,7 @@ var useWebrtcAudioRuntime = function() {
         return _startSessionIfNeeded.apply(this, arguments);
     }
     function _initRealtimeSession() {
-        _initRealtimeSession = _asyncToGenerator12(function() {
+        _initRealtimeSession = _asyncToGenerator13(function() {
             var peerConn, audioEl, openaiEventsDataChannel, ms, offer, searchParams_0, sdpResponse, answerSdp, answer, err1;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -49477,7 +50302,7 @@ var useWebrtcAudioRuntime = function() {
                         };
                         openaiEventsDataChannel = peerConn.createDataChannel("oai-events");
                         openaiEventsDataChannel.addEventListener("message", /* @__PURE__ */ function() {
-                            var _ref8 = _asyncToGenerator12(function(e) {
+                            var _ref8 = _asyncToGenerator13(function(e) {
                                 var parsedData, searchParams, eventsResponse, reader, decoder, _ref, value, done, buffer, lines, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, line, event, ref;
                                 return _ts_generator(this, function(_state) {
                                     switch(_state.label){
@@ -49676,7 +50501,7 @@ var useWebrtcAudioRuntime = function() {
         return _initRealtimeSession.apply(this, arguments);
     }
     var start = /* @__PURE__ */ function() {
-        var _ref6 = _asyncToGenerator12(function() {
+        var _ref6 = _asyncToGenerator13(function() {
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -49709,7 +50534,7 @@ var useWebrtcAudioRuntime = function() {
         };
     }();
     var pause = /* @__PURE__ */ function() {
-        var _ref7 = _asyncToGenerator12(function() {
+        var _ref7 = _asyncToGenerator13(function() {
             return _ts_generator(this, function(_state) {
                 if (!sessionStartedRef.current) return [
                     2
@@ -49735,7 +50560,7 @@ var useWebrtcAudioRuntime = function() {
             webrtcAudioRuntime: {
                 user: {
                     start: function() {
-                        var _start = _asyncToGenerator12(function() {
+                        var _start = _asyncToGenerator13(function() {
                             return _ts_generator(this, function(_state) {
                                 return [
                                     2
@@ -50071,19 +50896,19 @@ function _temp12(rs) {
 import { c as _c104 } from "react-compiler-runtime";
 import { useMemo as useMemo24 } 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)) {
@@ -50099,7 +50924,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;
@@ -50340,19 +51165,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)) {
@@ -50368,7 +51193,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;
@@ -50643,19 +51468,19 @@ var Avatar6 = function(t0) {
 import { c as _c111 } from "react-compiler-runtime";
 import { useMemo as useMemo26 } 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)) {
@@ -50671,7 +51496,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;