@superinterface/react 3.10.3 → 3.11.1

package/dist/index.js

@@ -2713,11 +2713,11 @@ function _asyncToGenerator3(n) {
 }
 var threadRunRequiresAction = /* @__PURE__ */ function() {
     var _ref2 = _asyncToGenerator3(function(_ref) {
-        var value, queryClient, messagesQueryKey, superinterfaceContext, toolCalls, toolOutputs;
+        var value, superinterfaceContext, toolCalls, toolOutputs;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
-                    value = _ref.value, queryClient = _ref.queryClient, messagesQueryKey = _ref.messagesQueryKey, superinterfaceContext = _ref.superinterfaceContext;
+                    value = _ref.value, superinterfaceContext = _ref.superinterfaceContext;
                     if (!(value.data.required_action.type === "submit_client_tool_outputs")) return [
                         3,
                         2
@@ -8605,121 +8605,17 @@ import { c as _c51 } from "react-compiler-runtime";
 import { Flex as Flex29 } from "@radix-ui/themes";
 // src/contexts/threads/AudioThreadContext/index.ts
 import { createContext as createContext13 } from "react";
-function asyncGeneratorStep10(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 _asyncToGenerator10(n) {
-    return function() {
-        var t = this, e = arguments;
-        return new Promise(function(r, o) {
-            var a = n.apply(t, e);
-            function _next(n2) {
-                asyncGeneratorStep10(a, r, o, _next, _throw, "next", n2);
-            }
-            function _throw(n2) {
-                asyncGeneratorStep10(a, r, o, _next, _throw, "throw", n2);
-            }
-            _next(void 0);
-        });
-    };
-}
 var AudioThreadContext = /* @__PURE__ */ createContext13({
-    status: "idle",
-    recorderProps: {
-        status: "idle",
-        start: function() {
-            var _start = _asyncToGenerator10(function() {
-                return _ts_generator(this, function(_state) {
-                    return [
-                        2
-                    ];
-                });
-            });
-            function start() {
-                return _start.apply(this, arguments);
-            }
-            return start;
-        }(),
-        stop: function() {
-            var _stop = _asyncToGenerator10(function() {
-                return _ts_generator(this, function(_state) {
-                    return [
-                        2
-                    ];
-                });
-            });
-            function stop() {
-                return _stop.apply(this, arguments);
-            }
-            return stop;
-        }(),
-        pause: function() {
-            var _pause = _asyncToGenerator10(function() {
-                return _ts_generator(this, function(_state) {
-                    return [
-                        2
-                    ];
-                });
-            });
-            function pause() {
-                return _pause.apply(this, arguments);
-            }
-            return pause;
-        }(),
-        resume: function() {
-            var _resume = _asyncToGenerator10(function() {
-                return _ts_generator(this, function(_state) {
-                    return [
-                        2
-                    ];
-                });
-            });
-            function resume() {
-                return _resume.apply(this, arguments);
-            }
-            return resume;
-        }(),
-        visualizationAnalyser: null
-    },
-    // @ts-ignore-next-line
-    messageAudioProps: {
-        visualizationAnalyser: null,
-        playing: false,
-        paused: false,
-        isReady: false,
-        play: function() {
-            var _play = _asyncToGenerator10(function() {
-                return _ts_generator(this, function(_state) {
-                    return [
-                        2
-                    ];
-                });
-            });
-            function play() {
-                return _play.apply(this, arguments);
-            }
-            return play;
-        }(),
-        pause: function() {
-            var _pause2 = _asyncToGenerator10(function() {
-                return _ts_generator(this, function(_state) {
-                    return [
-                        2
-                    ];
-                });
-            });
-            function pause() {
-                return _pause2.apply(this, arguments);
-            }
-            return pause;
-        }()
-    }
+    audioRuntime: null
 });
+// src/hooks/threads/useAudioThreadContext/index.ts
+import { useContext as useContext15 } from "react";
+var useAudioThreadContext = function() {
+    return useContext15(AudioThreadContext);
+};
+// src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
+import { c as _c50 } from "react-compiler-runtime";
+import { useMemo as useMemo18 } from "react";
 // src/hooks/misc/usePermission/index.ts
 import { c as _c47 } from "react-compiler-runtime";
 import { useEffect as useEffect7, useState as useState7 } from "react";
@@ -8788,83 +8684,16 @@ var usePermission = function(permissionDesc) {
     useEffect7(t0, t1);
     return state;
 };
-// src/components/threads/AudioThread/Root/lib/blobToData.ts
-var blobToData = function(blob) {
-    return new Promise(function(resolve) {
-        var reader = new FileReader();
-        reader.onloadend = function() {
-            return resolve(reader.result);
-        };
-        reader.readAsDataURL(blob);
-    });
-};
-// src/hooks/audioThreads/useStatus/index.ts
-import { c as _c48 } from "react-compiler-runtime";
-import { useMemo as useMemo16 } from "react";
-var useStatus = function(t0) {
-    var $ = _c48(2);
-    var messageAudioProps = t0.messageAudioProps, recorderProps = t0.recorderProps, createMessageProps = t0.createMessageProps;
-    var latestMessageProps = useLatestMessage();
-    var t1;
-    bb0: {
-        var _latestMessageProps$l;
-        if (recorderProps.status === "recording") {
-            t1 = "recording";
-            break bb0;
-        }
-        if (createMessageProps.isPending) {
-            t1 = "creatingMessage";
-            break bb0;
-        }
-        if (messageAudioProps.paused || !messageAudioProps.isAudioPlayed) {
-            t1 = "playerPaused";
-            break bb0;
-        }
-        if (messageAudioProps.playing || messageAudioProps.isPending) {
-            t1 = "playing";
-            break bb0;
-        }
-        if (!messageAudioProps.isAudioPlayed && !messageAudioProps.isReady) {
-            t1 = "loading";
-            break bb0;
-        }
-        if (((_latestMessageProps$l = latestMessageProps.latestMessage) === null || _latestMessageProps$l === void 0 ? void 0 : _latestMessageProps$l.status) === "in_progress") {
-            t1 = "creatingMessage";
-            break bb0;
-        }
-        if (recorderProps.status === "idle") {
-            t1 = "idle";
-            break bb0;
-        }
-        if (recorderProps.status === "paused") {
-            t1 = "recorderPaused";
-            break bb0;
-        }
-        t1 = "loading";
-    }
-    var status = t1;
-    var t2;
-    if ($[0] !== status) {
-        t2 = {
-            status: status
-        };
-        $[0] = status;
-        $[1] = t2;
-    } else {
-        t2 = $[1];
-    }
-    return t2;
-};
 // src/hooks/audioThreads/useRecorder/index.ts
 import dayjs3 from "dayjs";
 import { useAudioCapture } from "use-audio-capture";
-import { useMemo as useMemo17, useRef as useRef7, useState as useState8, useCallback as useCallback5, useEffect as useEffect9 } from "react";
+import { useMemo as useMemo16, useRef as useRef7, useState as useState8, useCallback as useCallback5, useEffect as useEffect9 } from "react";
 import { useAudioPlayer } from "react-use-audio-player";
 // src/hooks/misc/useInterval.ts
-import { c as _c49 } from "react-compiler-runtime";
+import { c as _c48 } from "react-compiler-runtime";
 import { useEffect as useEffect8, useRef as useRef6 } from "react";
 var useInterval = function(callback, delay) {
-    var $ = _c49(5);
+    var $ = _c48(5);
     var savedCallback = useRef6(_temp10);
     var t0;
     if ($[0] !== callback) {
@@ -8947,7 +8776,7 @@ function _toPrimitive44(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-function asyncGeneratorStep11(n, t, e, r, o, a, c) {
+function asyncGeneratorStep10(n, t, e, r, o, a, c) {
     try {
         var i = n[a](c), u = i.value;
     } catch (n2) {
@@ -8955,16 +8784,16 @@ function asyncGeneratorStep11(n, t, e, r, o, a, c) {
     }
     i.done ? t(u) : Promise.resolve(u).then(r, o);
 }
-function _asyncToGenerator11(n) {
+function _asyncToGenerator10(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);
+                asyncGeneratorStep10(a, r, o, _next, _throw, "next", n2);
             }
             function _throw(n2) {
-                asyncGeneratorStep11(a, r, o, _next, _throw, "throw", n2);
+                asyncGeneratorStep10(a, r, o, _next, _throw, "throw", n2);
             }
             _next(void 0);
         });
@@ -8997,7 +8826,7 @@ var useRecorder = function(_ref) {
             setNoiseStart(null);
         },
         onStop: function() {
-            var _onStop2 = _asyncToGenerator11(function() {
+            var _onStop2 = _asyncToGenerator10(function() {
                 var _arguments = arguments;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
@@ -9054,7 +8883,7 @@ var useRecorder = function(_ref) {
         isInited,
         mediaStream
     ]);
-    var visualizationAnalyser = useMemo17(function() {
+    var visualizationAnalyser = useMemo16(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(result);
@@ -9062,7 +8891,7 @@ var useRecorder = function(_ref) {
     }, [
         audioEngine
     ]);
-    var silenceAnalyser = useMemo17(function() {
+    var silenceAnalyser = useMemo16(function() {
         if (!audioEngine) return null;
         var result_0 = audioEngine.audioContext.createAnalyser();
         result_0.minDecibels = -60;
@@ -9117,8 +8946,8 @@ var useRecorder = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-import { c as _c50 } from "react-compiler-runtime";
-import { useMemo as useMemo18, useRef as useRef8, useState as useState9, useEffect as useEffect10, useCallback as useCallback6 } from "react";
+import { c as _c49 } from "react-compiler-runtime";
+import { useMemo as useMemo17, useRef as useRef8, useState as useState9, useEffect as useEffect10, useCallback as useCallback6 } from "react";
 import nlp from "compromise";
 import { Howler } from "howler";
 import { useAudioPlayer as useAudioPlayer2 } from "react-use-audio-player";
@@ -9199,7 +9028,8 @@ var getMessageSentences = function(_ref) {
     });
 };
 var useMessageAudio = function(t0) {
-    var $ = _c50(50);
+    var _latestMessageProps$l;
+    var $ = _c49(50);
     var _onEnd = t0.onEnd, passedPlay = t0.play;
     var _useState9 = _sliced_to_array(useState9(false), 2), isAudioPlayed = _useState9[0], setIsAudioPlayed = _useState9[1];
     var t1;
@@ -9309,7 +9139,7 @@ var useMessageAudio = function(t0) {
             var searchParams = new URLSearchParams(_objectSpread45({
                 input: input_0
             }, superinterfaceContext.variables));
-            audioPlayer.load("".concat(superinterfaceContext.baseUrl, "/tts?").concat(searchParams), {
+            audioPlayer.load("".concat(superinterfaceContext.baseUrl, "/audio-runtimes/tts?").concat(searchParams), {
                 format: "mp3",
                 autoplay: isAudioPlayed,
                 html5: isHtmlAudioSupported,
@@ -9327,7 +9157,7 @@ var useMessageAudio = function(t0) {
                     var nextSearchParams = new URLSearchParams(_objectSpread45({
                         input: nextUnplayedMessageSentence.sentence
                     }, superinterfaceContext.variables));
-                    nextAudioPlayer.load("".concat(superinterfaceContext.baseUrl, "/tts?").concat(nextSearchParams), {
+                    nextAudioPlayer.load("".concat(superinterfaceContext.baseUrl, "/audio-runtimes/tts?").concat(nextSearchParams), {
                         format: "mp3",
                         autoplay: false,
                         html5: isHtmlAudioSupported
@@ -9514,7 +9344,7 @@ var useMessageAudio = function(t0) {
     }
     var visualizationAnalyser = t11;
     var t12;
-    t12 = isPlaying || unplayedMessageSentences.length > 0;
+    t12 = isPlaying || unplayedMessageSentences.length > 0 || ((_latestMessageProps$l = latestMessageProps.latestMessage) === null || _latestMessageProps$l === void 0 ? void 0 : _latestMessageProps$l.status) === "in_progress";
     var isPending = t12;
     var t13;
     if ($[45] !== audioPlayer || $[46] !== isAudioPlayed || $[47] !== isPending || $[48] !== visualizationAnalyser) {
@@ -9543,74 +9373,20 @@ function _temp11() {
         Howler._howls[0]._sounds[0]._node.crossOrigin = "anonymous";
     }
 }
-// src/components/threads/AudioThread/Root/index.tsx
+// src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
 import { useQueryClient as useQueryClient6 } from "@tanstack/react-query";
-import { jsx as _jsx82 } from "react/jsx-runtime";
-var _excluded5 = [
-    "children"
-];
-function ownKeys46(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 _objectSpread46(e) {
-    for(var r = 1; r < arguments.length; r++){
-        var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys46(Object(t), true).forEach(function(r2) {
-            _defineProperty46(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys46(Object(t)).forEach(function(r2) {
-            Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-        });
-    }
-    return e;
-}
-function _defineProperty46(e, r, t) {
-    return (r = _toPropertyKey46(r)) in e ? Object.defineProperty(e, r, {
-        value: t,
-        enumerable: true,
-        configurable: true,
-        writable: true
-    }) : e[r] = t, e;
-}
-function _toPropertyKey46(t) {
-    var i = _toPrimitive46(t, "string");
-    return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
-}
-function _toPrimitive46(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 _objectWithoutProperties5(e, t) {
-    if (null == e) return {};
-    var o, r, i = _objectWithoutPropertiesLoose5(e, t);
-    if (Object.getOwnPropertySymbols) {
-        var s = Object.getOwnPropertySymbols(e);
-        for(r = 0; r < s.length; r++)o = s[r], t.includes(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 (e.includes(n)) continue;
-        t[n] = r[n];
-    }
-    return t;
-}
-function asyncGeneratorStep12(n, t, e, r, o, a, c) {
+// src/hooks/audioRuntimes/useTtsAudioRuntime/blobToData.ts
+var blobToData = function(blob) {
+    return new Promise(function(resolve) {
+        var reader = new FileReader();
+        reader.onloadend = function() {
+            return resolve(reader.result);
+        };
+        reader.readAsDataURL(blob);
+    });
+};
+// src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
+function asyncGeneratorStep11(n, t, e, r, o, a, c) {
     try {
         var i = n[a](c), u = i.value;
     } catch (n2) {
@@ -9618,27 +9394,37 @@ function asyncGeneratorStep12(n, t, e, r, o, a, c) {
     }
     i.done ? t(u) : Promise.resolve(u).then(r, o);
 }
-function _asyncToGenerator12(n) {
+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) {
-                asyncGeneratorStep12(a, r, o, _next, _throw, "next", n2);
+                asyncGeneratorStep11(a, r, o, _next, _throw, "next", n2);
             }
             function _throw(n2) {
-                asyncGeneratorStep12(a, r, o, _next, _throw, "throw", n2);
+                asyncGeneratorStep11(a, r, o, _next, _throw, "throw", n2);
             }
             _next(void 0);
         });
     };
 }
-var Content8 = function(t0) {
-    var $ = _c51(24);
-    var children = t0.children, className = t0.className, style = t0.style, play = t0.play;
+var useTtsAudioRuntime = function(t0) {
+    var $ = _c50(30);
+    var play = t0.play;
     var addToast = useToasts().addToast;
     var queryClient = useQueryClient6();
     var threadContext = useSuperinterfaceContext();
+    var t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = {
+            name: "microphone"
+        };
+        $[0] = t1;
+    } else {
+        t1 = $[0];
+    }
+    var microphonePermission = usePermission(t1);
     var createMessageProps = useCreateMessage({
         onError: function(error) {
             createMessageDefaultOnError({
@@ -9649,13 +9435,13 @@ var Content8 = function(t0) {
             recorderProps.start();
         }
     });
-    var t1;
-    if ($[0] !== createMessageProps) {
-        t1 = {
+    var t2;
+    if ($[1] !== createMessageProps) {
+        t2 = {
             isStopOnSilence: true,
             onStart: _temp12,
             onStop: function() {
-                var _onStop = _asyncToGenerator12(function(_event, chunks) {
+                var _onStop = _asyncToGenerator11(function(_event, chunks) {
                     var blob, audioContent;
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
@@ -9684,22 +9470,12 @@ var Content8 = function(t0) {
                 return onStop;
             }()
         };
-        $[0] = createMessageProps;
-        $[1] = t1;
-    } else {
-        t1 = $[1];
-    }
-    var recorderProps = useRecorder(t1);
-    var t2;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = {
-            name: "microphone"
-        };
+        $[1] = createMessageProps;
         $[2] = t2;
     } else {
         t2 = $[2];
     }
-    var microphonePermission = usePermission(t2);
+    var recorderProps = useRecorder(t2);
     var t3;
     if ($[3] !== microphonePermission || $[4] !== recorderProps) {
         t3 = function() {
@@ -9726,81 +9502,91 @@ var Content8 = function(t0) {
         t4 = $[8];
     }
     var messageAudioProps = useMessageAudio(t4);
-    var t5 = recorderProps;
-    var t6;
-    if ($[9] !== createMessageProps || $[10] !== messageAudioProps || $[11] !== t5) {
-        t6 = {
-            recorderProps: t5,
-            createMessageProps: createMessageProps,
-            messageAudioProps: messageAudioProps
-        };
-        $[9] = createMessageProps;
-        $[10] = messageAudioProps;
-        $[11] = t5;
-        $[12] = t6;
-    } else {
-        t6 = $[12];
-    }
-    var status = useStatus(t6).status;
+    recorderProps;
+    recorderProps;
+    recorderProps;
+    recorderProps;
+    recorderProps;
+    recorderProps;
+    recorderProps;
+    var t5;
+    var t6 = recorderProps;
     var t7 = recorderProps;
-    var t8;
-    if ($[13] !== messageAudioProps || $[14] !== status || $[15] !== t7) {
-        t8 = {
-            status: status,
-            recorderProps: t7,
-            messageAudioProps: messageAudioProps
+    var t8 = recorderProps;
+    var t9 = recorderProps;
+    var t10 = recorderProps;
+    var t11 = recorderProps;
+    var t12;
+    if ($[9] !== createMessageProps.isPending || $[10] !== t10.visualizationAnalyser || $[11] !== t11.status || $[12] !== t6.start || $[13] !== t7.stop || $[14] !== t8.pause || $[15] !== t9.resume) {
+        t12 = {
+            start: t6.start,
+            stop: t7.stop,
+            pause: t8.pause,
+            resume: t9.resume,
+            isPending: createMessageProps.isPending,
+            visualizationAnalyser: t10.visualizationAnalyser,
+            rawStatus: t11.status
         };
-        $[13] = messageAudioProps;
-        $[14] = status;
-        $[15] = t7;
-        $[16] = t8;
-    } else {
-        t8 = $[16];
-    }
-    var t9;
-    if ($[17] !== children || $[18] !== className || $[19] !== style) {
-        t9 = /* @__PURE__ */ _jsx82(Flex29, {
-            direction: "column",
-            flexGrow: "1",
-            p: "9",
-            className: className,
-            style: style,
-            children: children
-        });
-        $[17] = children;
-        $[18] = className;
-        $[19] = style;
-        $[20] = t9;
+        $[9] = createMessageProps.isPending;
+        $[10] = t10.visualizationAnalyser;
+        $[11] = t11.status;
+        $[12] = t6.start;
+        $[13] = t7.stop;
+        $[14] = t8.pause;
+        $[15] = t9.resume;
+        $[16] = t12;
     } else {
-        t9 = $[20];
+        t12 = $[16];
     }
-    var t10;
-    if ($[21] !== t8 || $[22] !== t9) {
-        t10 = /* @__PURE__ */ _jsx82(AudioThreadContext.Provider, {
-            value: t8,
-            children: t9
-        });
-        $[21] = t8;
-        $[22] = t9;
-        $[23] = t10;
+    var t13;
+    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) {
+        t13 = {
+            play: messageAudioProps.play,
+            pause: messageAudioProps.pause,
+            stop: messageAudioProps.stop,
+            visualizationAnalyser: messageAudioProps.visualizationAnalyser,
+            playing: messageAudioProps.playing,
+            paused: messageAudioProps.paused,
+            isPending: messageAudioProps.isPending,
+            isReady: messageAudioProps.isReady,
+            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] = t13;
+    } else {
+        t13 = $[26];
+    }
+    var t14;
+    if ($[27] !== t12 || $[28] !== t13) {
+        t14 = {
+            ttsAudioRuntime: {
+                user: t12,
+                assistant: t13
+            }
+        };
+        $[27] = t12;
+        $[28] = t13;
+        $[29] = t14;
     } else {
-        t10 = $[23];
+        t14 = $[29];
     }
-    return t10;
-};
-var Root12 = function(_ref) {
-    var children = _ref.children, rest = _objectWithoutProperties5(_ref, _excluded5);
-    return /* @__PURE__ */ _jsx82(ToastsProvider, {
-        children: /* @__PURE__ */ _jsx82(Content8, _objectSpread46(_objectSpread46({}, rest), {}, {
-            children: children
-        }))
-    });
+    t5 = t14;
+    return t5;
 };
 function _temp12() {
     return _temp23.apply(this, arguments);
 }
 function _temp23() {
-    _temp23 = _asyncToGenerator12(function() {
+    _temp23 = _asyncToGenerator11(function() {
         return _ts_generator(this, function(_state) {
             return [
                 2
@@ -9809,15 +9595,207 @@ function _temp23() {
     });
     return _temp23.apply(this, arguments);
 }
+// src/components/threads/AudioThread/Root/index.tsx
+import { jsx as _jsx82 } from "react/jsx-runtime";
+var _excluded5 = [
+    "children"
+];
+var _excluded22 = [
+    "children",
+    "play",
+    "className",
+    "style"
+];
+function ownKeys46(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 _objectSpread46(e) {
+    for(var r = 1; r < arguments.length; r++){
+        var t = null != arguments[r] ? arguments[r] : {};
+        r % 2 ? ownKeys46(Object(t), true).forEach(function(r2) {
+            _defineProperty46(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys46(Object(t)).forEach(function(r2) {
+            Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+        });
+    }
+    return e;
+}
+function _defineProperty46(e, r, t) {
+    return (r = _toPropertyKey46(r)) in e ? Object.defineProperty(e, r, {
+        value: t,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    }) : e[r] = t, e;
+}
+function _toPropertyKey46(t) {
+    var i = _toPrimitive46(t, "string");
+    return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
+}
+function _toPrimitive46(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 _objectWithoutProperties5(e, t) {
+    if (null == e) return {};
+    var o, r, i = _objectWithoutPropertiesLoose5(e, t);
+    if (Object.getOwnPropertySymbols) {
+        var s = Object.getOwnPropertySymbols(e);
+        for(r = 0; r < s.length; r++)o = s[r], t.includes(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 (e.includes(n)) continue;
+        t[n] = r[n];
+    }
+    return t;
+}
+var Content8 = function(_ref) {
+    var children = _ref.children, className = _ref.className, style = _ref.style;
+    return /* @__PURE__ */ _jsx82(Flex29, {
+        direction: "column",
+        flexGrow: "1",
+        p: "9",
+        className: className,
+        style: style,
+        children: children
+    });
+};
+var TtsAudioRuntime = function(t0) {
+    var $ = _c51(7);
+    var children = t0.children, play = t0.play;
+    var t1;
+    if ($[0] !== play) {
+        t1 = {
+            play: play
+        };
+        $[0] = play;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var ttsAudioRuntime = useTtsAudioRuntime(t1).ttsAudioRuntime;
+    var t2;
+    if ($[2] !== ttsAudioRuntime) {
+        t2 = {
+            audioRuntime: ttsAudioRuntime
+        };
+        $[2] = ttsAudioRuntime;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    var t3;
+    if ($[4] !== children || $[5] !== t2) {
+        t3 = /* @__PURE__ */ _jsx82(AudioThreadContext.Provider, {
+            value: t2,
+            children: children
+        });
+        $[4] = children;
+        $[5] = t2;
+        $[6] = t3;
+    } else {
+        t3 = $[6];
+    }
+    return t3;
+};
+var AudioRuntimeProvider = function(t0) {
+    var $ = _c51(3);
+    var children = t0.children, play = t0.play;
+    var audioThreadContext = useAudioThreadContext();
+    if (audioThreadContext.audioRuntime) {
+        return children;
+    }
+    var t1;
+    if ($[0] !== children || $[1] !== play) {
+        t1 = /* @__PURE__ */ _jsx82(TtsAudioRuntime, {
+            play: play,
+            children: children
+        });
+        $[0] = children;
+        $[1] = play;
+        $[2] = t1;
+    } else {
+        t1 = $[2];
+    }
+    return t1;
+};
+var Provider5 = function(t0) {
+    var $ = _c51(9);
+    var children;
+    var rest;
+    if ($[0] !== t0) {
+        var _t = t0;
+        children = _t.children;
+        rest = _objectWithoutProperties5(_t, _excluded5);
+        _t;
+        $[0] = t0;
+        $[1] = children;
+        $[2] = rest;
+    } else {
+        children = $[1];
+        rest = $[2];
+    }
+    var audioThreadContext = useAudioThreadContext();
+    var t1;
+    if ($[3] !== audioThreadContext || $[4] !== rest) {
+        t1 = _objectSpread46(_objectSpread46({}, audioThreadContext), rest);
+        $[3] = audioThreadContext;
+        $[4] = rest;
+        $[5] = t1;
+    } else {
+        t1 = $[5];
+    }
+    var t2;
+    if ($[6] !== children || $[7] !== t1) {
+        t2 = /* @__PURE__ */ _jsx82(AudioThreadContext.Provider, {
+            value: t1,
+            children: children
+        });
+        $[6] = children;
+        $[7] = t1;
+        $[8] = t2;
+    } else {
+        t2 = $[8];
+    }
+    return t2;
+};
+var Root12 = function(_ref2) {
+    var children = _ref2.children, play = _ref2.play, className = _ref2.className, style = _ref2.style, rest = _objectWithoutProperties5(_ref2, _excluded22);
+    return /* @__PURE__ */ _jsx82(Provider5, _objectSpread46(_objectSpread46({}, rest), {}, {
+        children: /* @__PURE__ */ _jsx82(AudioRuntimeProvider, {
+            play: play,
+            children: /* @__PURE__ */ _jsx82(ToastsProvider, {
+                children: /* @__PURE__ */ _jsx82(Content8, {
+                    className: className,
+                    style: style,
+                    children: children
+                })
+            })
+        })
+    }));
+};
 // src/components/threads/AudioThread/Visualization/index.tsx
 import { useContext as useContext16, useState as useState11, useCallback as useCallback8, useEffect as useEffect12 } from "react";
 import _9 from "lodash";
 import { Flex as Flex31 } from "@radix-ui/themes";
-// src/hooks/threads/useAudioThreadContext/index.ts
-import { useContext as useContext15 } from "react";
-var useAudioThreadContext = function() {
-    return useContext15(AudioThreadContext);
-};
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
 import _8 from "lodash";
 import { Flex as Flex30, Grid } from "@radix-ui/themes";
@@ -9882,6 +9860,57 @@ var BarsVisualizer = function(_ref) {
         })
     });
 };
+// src/hooks/audioThreads/useStatus/index.ts
+import { c as _c52 } from "react-compiler-runtime";
+import { useMemo as useMemo19 } from "react";
+var useStatus = function() {
+    var $ = _c52(2);
+    var audioRuntime = useAudioThreadContext().audioRuntime;
+    var t0;
+    bb0: {
+        if (audioRuntime.user.rawStatus === "recording") {
+            t0 = "recording";
+            break bb0;
+        }
+        if (audioRuntime.user.isPending) {
+            t0 = "creatingMessage";
+            break bb0;
+        }
+        if (audioRuntime.assistant.paused || !audioRuntime.assistant.isAudioPlayed) {
+            t0 = "playerPaused";
+            break bb0;
+        }
+        if (audioRuntime.assistant.playing || audioRuntime.assistant.isPending) {
+            t0 = "playing";
+            break bb0;
+        }
+        if (!audioRuntime.assistant.isAudioPlayed && !audioRuntime.assistant.isReady) {
+            t0 = "loading";
+            break bb0;
+        }
+        if (audioRuntime.user.rawStatus === "idle") {
+            t0 = "idle";
+            break bb0;
+        }
+        if (audioRuntime.user.rawStatus === "paused") {
+            t0 = "recorderPaused";
+            break bb0;
+        }
+        t0 = "loading";
+    }
+    var status = t0;
+    var t1;
+    if ($[0] !== status) {
+        t1 = {
+            status: status
+        };
+        $[0] = status;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    return t1;
+};
 // src/components/threads/AudioThread/Visualization/index.tsx
 import { jsx as _jsx84, jsxs as _jsxs31 } from "react/jsx-runtime";
 function ownKeys47(e, r) {
@@ -9928,6 +9957,7 @@ function _toPrimitive47(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Visualization = function(props) {
+    var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var assistantNameContext = useContext16(AssistantNameContext);
     var _useState11 = _sliced_to_array(useState11(0), 2), scale = _useState11[0], setScale = _useState11[1];
@@ -9948,7 +9978,7 @@ var Visualization = function(props) {
     }, []);
     useEffect12(function() {
         draw({
-            visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser
+            visualizationAnalyser: audioThreadContext.audioRuntime.user.visualizationAnalyser
         });
     }, [
         draw,
@@ -9968,13 +9998,13 @@ var Visualization = function(props) {
                 height: "200px",
                 width: "200px",
                 style: {
-                    backgroundColor: audioThreadContext.status === "playing" ? "var(--accent-4)" : "var(--gray-4)",
+                    backgroundColor: status === "playing" ? "var(--accent-4)" : "var(--gray-4)",
                     borderRadius: "9999px",
                     scale: scale
                 },
                 children: /* @__PURE__ */ _jsx84(BarsVisualizer, {
-                    visualizationAnalyser: audioThreadContext.messageAudioProps.visualizationAnalyser,
-                    backgroundColor: audioThreadContext.status === "playing" ? "var(--accent-11)" : "var(--gray-11)",
+                    visualizationAnalyser: audioThreadContext.audioRuntime.assistant.visualizationAnalyser,
+                    backgroundColor: status === "playing" ? "var(--accent-11)" : "var(--gray-11)",
                     height: "40px",
                     barWidth: "24px"
                 })
@@ -9994,7 +10024,7 @@ var Visualization = function(props) {
     }));
 };
 // src/components/threads/AudioThread/Status/index.tsx
-import { c as _c52 } from "react-compiler-runtime";
+import { c as _c53 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
 import { Flex as Flex32, Text as Text9 } from "@radix-ui/themes";
 import { jsx as _jsx85, jsxs as _jsxs32 } from "react/jsx-runtime";
@@ -10074,9 +10104,9 @@ function _toPrimitive48(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Status = function(props) {
-    var $ = _c52(12);
-    var audioThreadContext = useAudioThreadContext();
-    if (audioThreadContext.status === "recording") {
+    var $ = _c53(12);
+    var status = useStatus().status;
+    if (status === "recording") {
         var _t;
         if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
             _t = [
@@ -10105,7 +10135,7 @@ var Status = function(props) {
         "recorderPaused",
         "idle",
         "playerPaused"
-    ].includes(audioThreadContext.status)) {
+    ].includes(status)) {
         var _t3;
         if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
             _t3 = [
@@ -10127,7 +10157,7 @@ var Status = function(props) {
         }
         return _t4;
     }
-    if (audioThreadContext.status === "playing") {
+    if (status === "playing") {
         var _t5;
         if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
             _t5 = [
@@ -10171,7 +10201,7 @@ var Status = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-import { c as _c54 } from "react-compiler-runtime";
+import { c as _c55 } from "react-compiler-runtime";
 import { Flex as Flex34 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/Form/MicIcon.tsx
 import { jsx as _jsx87 } from "react/jsx-runtime";
@@ -10235,15 +10265,16 @@ var MicIcon = function(props) {
     }));
 };
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
-import { c as _c53 } from "react-compiler-runtime";
+import { c as _c54 } from "react-compiler-runtime";
 import { Flex as Flex33, IconButton as IconButton10 } from "@radix-ui/themes";
 import { StopIcon as StopIcon2, PauseIcon as PauseIcon2, ArrowUpIcon as ArrowUpIcon3, ResumeIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx88, jsxs as _jsxs33 } from "react/jsx-runtime";
 var ActionButton = function() {
-    var $ = _c53(27);
+    var $ = _c54(27);
+    var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var superinterfaceContext = useSuperinterfaceContext();
-    if (audioThreadContext.status === "recording") {
+    if (status === "recording") {
         var _t;
         if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
             _t = /* @__PURE__ */ _jsx88(PauseIcon2, {});
@@ -10252,19 +10283,19 @@ var ActionButton = function() {
             _t = $[0];
         }
         var t1;
-        if ($[1] !== audioThreadContext.recorderProps.pause) {
+        if ($[1] !== audioThreadContext.audioRuntime.user.pause) {
             t1 = /* @__PURE__ */ _jsx88(Flex33, {
                 mr: "3",
                 ml: "-7",
                 children: /* @__PURE__ */ _jsx88(IconButton10, {
-                    onClick: audioThreadContext.recorderProps.pause,
+                    onClick: audioThreadContext.audioRuntime.user.pause,
                     color: "gray",
                     variant: "soft",
                     size: "1",
                     children: _t
                 })
             });
-            $[1] = audioThreadContext.recorderProps.pause;
+            $[1] = audioThreadContext.audioRuntime.user.pause;
             $[2] = t1;
         } else {
             t1 = $[2];
@@ -10277,15 +10308,15 @@ var ActionButton = function() {
             t2 = $[3];
         }
         var t3;
-        if ($[4] !== audioThreadContext.recorderProps.stop) {
+        if ($[4] !== audioThreadContext.audioRuntime.user.stop) {
             t3 = /* @__PURE__ */ _jsx88(IconButton10, {
-                onClick: audioThreadContext.recorderProps.stop,
+                onClick: audioThreadContext.audioRuntime.user.stop,
                 highContrast: true,
                 variant: "soft",
                 size: "4",
                 children: t2
             });
-            $[4] = audioThreadContext.recorderProps.stop;
+            $[4] = audioThreadContext.audioRuntime.user.stop;
             $[5] = t3;
         } else {
             t3 = $[5];
@@ -10307,7 +10338,7 @@ var ActionButton = function() {
         }
         return t4;
     }
-    if (audioThreadContext.status === "recorderPaused") {
+    if (status === "recorderPaused") {
         var _t2;
         if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
             _t2 = /* @__PURE__ */ _jsx88(ResumeIcon, {});
@@ -10316,48 +10347,48 @@ var ActionButton = function() {
             _t2 = $[9];
         }
         var _t3;
-        if ($[10] !== audioThreadContext.recorderProps.resume) {
+        if ($[10] !== audioThreadContext.audioRuntime.user.resume) {
             _t3 = /* @__PURE__ */ _jsx88(IconButton10, {
-                onClick: audioThreadContext.recorderProps.resume,
+                onClick: audioThreadContext.audioRuntime.user.resume,
                 color: "red",
                 size: "4",
                 children: _t2
             });
-            $[10] = audioThreadContext.recorderProps.resume;
+            $[10] = audioThreadContext.audioRuntime.user.resume;
             $[11] = _t3;
         } else {
             _t3 = $[11];
         }
         return _t3;
     }
-    if (audioThreadContext.status === "idle") {
+    if (status === "idle") {
         var _t4;
-        if ($[12] !== audioThreadContext.recorderProps) {
+        if ($[12] !== audioThreadContext.audioRuntime.user) {
             _t4 = /* @__PURE__ */ _jsx88(IconButton10, {
                 onClick: function() {
-                    return audioThreadContext.recorderProps.start();
+                    return audioThreadContext.audioRuntime.user.start();
                 },
                 size: "4",
                 color: "red"
             });
-            $[12] = audioThreadContext.recorderProps;
+            $[12] = audioThreadContext.audioRuntime.user;
             $[13] = _t4;
         } else {
             _t4 = $[13];
         }
         return _t4;
     }
-    if (audioThreadContext.status === "playing") {
+    if (status === "playing") {
         var _t5;
-        if ($[14] !== audioThreadContext.messageAudioProps || $[15] !== audioThreadContext.recorderProps || $[16] !== superinterfaceContext.createMessageAbortControllerRef.current) {
+        if ($[14] !== audioThreadContext.audioRuntime.assistant || $[15] !== audioThreadContext.audioRuntime.user || $[16] !== superinterfaceContext.createMessageAbortControllerRef.current) {
             _t5 = function() {
                 var _superinterfaceContex;
-                audioThreadContext.messageAudioProps.stop();
+                audioThreadContext.audioRuntime.assistant.stop();
                 (_superinterfaceContex = superinterfaceContext.createMessageAbortControllerRef.current) === null || _superinterfaceContex === void 0 || _superinterfaceContex.abort();
-                audioThreadContext.recorderProps.start();
+                audioThreadContext.audioRuntime.user.start();
             };
-            $[14] = audioThreadContext.messageAudioProps;
-            $[15] = audioThreadContext.recorderProps;
+            $[14] = audioThreadContext.audioRuntime.assistant;
+            $[15] = audioThreadContext.audioRuntime.user;
             $[16] = superinterfaceContext.createMessageAbortControllerRef.current;
             $[17] = _t5;
         } else {
@@ -10386,13 +10417,13 @@ var ActionButton = function() {
         }
         return _t7;
     }
-    if (audioThreadContext.status === "playerPaused") {
+    if (status === "playerPaused") {
         var _t8;
-        if ($[21] !== audioThreadContext.messageAudioProps) {
+        if ($[21] !== audioThreadContext.audioRuntime.assistant) {
             _t8 = function() {
-                return audioThreadContext.messageAudioProps.play();
+                return audioThreadContext.audioRuntime.assistant.play();
             };
-            $[21] = audioThreadContext.messageAudioProps;
+            $[21] = audioThreadContext.audioRuntime.assistant;
             $[22] = _t8;
         } else {
             _t8 = $[22];
@@ -10477,9 +10508,10 @@ function _toPrimitive50(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Form = function(props) {
-    var $ = _c54(17);
+    var $ = _c55(17);
+    var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
-    var t0 = audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
+    var t0 = status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
     var t1;
     if ($[0] !== t0) {
         t1 = /* @__PURE__ */ _jsx89(Flex34, {
@@ -10497,7 +10529,7 @@ var Form = function(props) {
     } else {
         t1 = $[1];
     }
-    var t2 = audioThreadContext.status === "recording" ? "var(--accent-4)" : "var(--gray-4)";
+    var t2 = status === "recording" ? "var(--accent-4)" : "var(--gray-4)";
     var t3;
     if ($[2] !== t2) {
         t3 = {
@@ -10509,16 +10541,16 @@ var Form = function(props) {
     } else {
         t3 = $[3];
     }
-    var t4 = audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
+    var t4 = status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
     var t5;
-    if ($[4] !== audioThreadContext.recorderProps.visualizationAnalyser || $[5] !== t4) {
+    if ($[4] !== audioThreadContext.audioRuntime.user.visualizationAnalyser || $[5] !== t4) {
         t5 = /* @__PURE__ */ _jsx89(BarsVisualizer, {
-            visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser,
+            visualizationAnalyser: audioThreadContext.audioRuntime.user.visualizationAnalyser,
             backgroundColor: t4,
             height: "20px",
             barWidth: "12px"
         });
-        $[4] = audioThreadContext.recorderProps.visualizationAnalyser;
+        $[4] = audioThreadContext.audioRuntime.user.visualizationAnalyser;
         $[5] = t4;
         $[6] = t5;
     } else {
@@ -10696,9 +10728,441 @@ var AudioThreadDialog = function(props) {
 AudioThreadDialog.Root = Root9;
 AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content7;
+// src/hooks/audioRuntimes/useRealtimeWebRTCAudioRuntime/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) {
+    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 _asyncToGenerator12(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);
+            }
+            function _throw(n2) {
+                asyncGeneratorStep12(a, r, o, _next, _throw, "throw", n2);
+            }
+            _next(void 0);
+        });
+    };
+}
+var useRealtimeWebRTCAudioRuntime = function() {
+    var startSessionIfNeeded = function startSessionIfNeeded() {
+        return _startSessionIfNeeded.apply(this, arguments);
+    };
+    var initRealtimeSession = function initRealtimeSession() {
+        return _initRealtimeSession.apply(this, arguments);
+    };
+    var buildAnalyzers = function buildAnalyzers(localStream, audioEl_0) {
+        try {
+            var audioCtx1 = new AudioContext();
+            var micSource = audioCtx1.createMediaStreamSource(localStream);
+            var micAnalyser = audioCtx1.createAnalyser();
+            micSource.connect(micAnalyser);
+            userAnalyserRef.current = micAnalyser;
+            audioEl_0.addEventListener("canplay", function() {
+                var audioCtx2 = new AudioContext();
+                var remoteSource = audioCtx2.createMediaElementSource(audioEl_0);
+                var remoteAnalyser = audioCtx2.createAnalyser();
+                remoteSource.connect(remoteAnalyser);
+                remoteSource.connect(audioCtx2.destination);
+                assistantAnalyserRef.current = remoteAnalyser;
+            });
+        } catch (err_0) {
+            console.warn("Could not build analyzers:", err_0);
+        }
+    };
+    var _useState12 = _sliced_to_array(useState12("idle"), 2), recorderStatus = _useState12[0], setRecorderStatus = _useState12[1];
+    var superinterfaceContext = useSuperinterfaceContext();
+    var _useState121 = _sliced_to_array(useState12(false), 2), userIsPending = _useState121[0], setUserIsPending = _useState121[1];
+    var _useState122 = _sliced_to_array(useState12(false), 2), assistantPlaying = _useState122[0], setAssistantPlaying = _useState122[1];
+    var _useState123 = _sliced_to_array(useState12(false), 2), assistantPaused = _useState123[0], setAssistantPaused = _useState123[1];
+    var _useState124 = _sliced_to_array(useState12(true), 2), assistantIsPending = _useState124[0], setAssistantIsPending = _useState124[1];
+    var _useState125 = _sliced_to_array(useState12(false), 2), assistantIsReady = _useState125[0], setAssistantIsReady = _useState125[1];
+    var _useState126 = _sliced_to_array(useState12(false), 2), assistantAudioPlayed = _useState126[0], setAssistantAudioPlayed = _useState126[1];
+    var sessionStartedRef = useRef9(false);
+    var pcRef = useRef9(null);
+    var localStreamRef = useRef9(null);
+    var remoteStreamRef = useRef9(null);
+    var userAnalyserRef = useRef9(null);
+    var assistantAnalyserRef = useRef9(null);
+    var assistantAudioElRef = useRef9(null);
+    useEffect13(function() {
+        return function() {
+            if (pcRef.current) {
+                pcRef.current.close();
+                pcRef.current = null;
+            }
+            if (assistantAudioElRef.current) {
+                assistantAudioElRef.current.srcObject = null;
+            }
+        };
+    }, []);
+    function _startSessionIfNeeded() {
+        _startSessionIfNeeded = _asyncToGenerator12(function() {
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (sessionStartedRef.current) return [
+                            2
+                        ];
+                        sessionStartedRef.current = true;
+                        return [
+                            4,
+                            initRealtimeSession()
+                        ];
+                    case 1:
+                        _state.sent();
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return _startSessionIfNeeded.apply(this, arguments);
+    }
+    function _initRealtimeSession() {
+        _initRealtimeSession = _asyncToGenerator12(function() {
+            var peerConn, audioEl, ms, offer, searchParams, sdpResponse, answerSdp, answer, err;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        _state.trys.push([
+                            0,
+                            7,
+                            ,
+                            8
+                        ]);
+                        setUserIsPending(true);
+                        peerConn = new RTCPeerConnection();
+                        pcRef.current = peerConn;
+                        audioEl = document.createElement("audio");
+                        audioEl.autoplay = true;
+                        assistantAudioElRef.current = audioEl;
+                        peerConn.ontrack = function(evt) {
+                            remoteStreamRef.current = evt.streams[0];
+                            audioEl.srcObject = evt.streams[0];
+                            setAssistantIsPending(false);
+                            setAssistantPlaying(true);
+                            setAssistantPaused(false);
+                            setAssistantAudioPlayed(true);
+                        };
+                        peerConn.createDataChannel("unused-negotiation-only");
+                        peerConn.addEventListener("datachannel", function(event) {
+                            var channel = event.channel;
+                            if (channel.label === "thread-events") {
+                                channel.onmessage = function(_ref) {
+                                    var data2 = _ref.data;
+                                    console.log("Data channel message:", data2);
+                                    var parsedData = JSON.parse(data2);
+                                    if (parsedData.event === "thread.created") {
+                                        threadCreated({
+                                            value: parsedData,
+                                            superinterfaceContext: superinterfaceContext
+                                        });
+                                    } else if (parsedData.event === "thread.run.requires_action") {
+                                        threadRunRequiresAction({
+                                            value: parsedData,
+                                            superinterfaceContext: superinterfaceContext
+                                        });
+                                    }
+                                };
+                            }
+                        });
+                        return [
+                            4,
+                            navigator.mediaDevices.getUserMedia({
+                                audio: true
+                            })
+                        ];
+                    case 1:
+                        ms = _state.sent();
+                        localStreamRef.current = ms;
+                        ms.getTracks().forEach(function(t) {
+                            peerConn.addTrack(t, ms);
+                        });
+                        setRecorderStatus("idle");
+                        return [
+                            4,
+                            peerConn.createOffer()
+                        ];
+                    case 2:
+                        offer = _state.sent();
+                        return [
+                            4,
+                            peerConn.setLocalDescription(offer)
+                        ];
+                    case 3:
+                        _state.sent();
+                        searchParams = new URLSearchParams(variableParams({
+                            variables: superinterfaceContext.variables,
+                            superinterfaceContext: superinterfaceContext
+                        }));
+                        return [
+                            4,
+                            fetch("".concat(superinterfaceContext.baseUrl, "/audio-runtimes/webrtc?").concat(searchParams), {
+                                method: "POST",
+                                body: offer.sdp,
+                                headers: {
+                                    "Content-Type": "application/sdp"
+                                }
+                            })
+                        ];
+                    case 4:
+                        sdpResponse = _state.sent();
+                        return [
+                            4,
+                            sdpResponse.text()
+                        ];
+                    case 5:
+                        answerSdp = _state.sent();
+                        answer = {
+                            type: "answer",
+                            sdp: answerSdp
+                        };
+                        return [
+                            4,
+                            peerConn.setRemoteDescription(answer)
+                        ];
+                    case 6:
+                        _state.sent();
+                        buildAnalyzers(ms, audioEl);
+                        setUserIsPending(false);
+                        setAssistantIsPending(false);
+                        setAssistantIsReady(true);
+                        setAssistantPlaying(true);
+                        return [
+                            3,
+                            8
+                        ];
+                    case 7:
+                        err = _state.sent();
+                        console.error("Error initRealtimeSession:", err);
+                        setUserIsPending(false);
+                        setRecorderStatus("stopped");
+                        setAssistantPlaying(false);
+                        setAssistantPaused(false);
+                        setAssistantIsPending(false);
+                        setAssistantIsReady(false);
+                        setAssistantAudioPlayed(false);
+                        return [
+                            3,
+                            8
+                        ];
+                    case 8:
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return _initRealtimeSession.apply(this, arguments);
+    }
+    return useMemo20(function() {
+        return {
+            realtimeWebRTCAudioRuntime: {
+                user: {
+                    start: function() {
+                        var _start = _asyncToGenerator12(function() {
+                            return _ts_generator(this, function(_state) {
+                                switch(_state.label){
+                                    case 0:
+                                        return [
+                                            4,
+                                            startSessionIfNeeded()
+                                        ];
+                                    case 1:
+                                        _state.sent();
+                                        setRecorderStatus("recording");
+                                        if (localStreamRef.current) {
+                                            localStreamRef.current.getAudioTracks().forEach(function(t_0) {
+                                                return t_0.enabled = true;
+                                            });
+                                        }
+                                        return [
+                                            2
+                                        ];
+                                }
+                            });
+                        });
+                        function start() {
+                            return _start.apply(this, arguments);
+                        }
+                        return start;
+                    }(),
+                    pause: function() {
+                        var _pause = _asyncToGenerator12(function() {
+                            return _ts_generator(this, function(_state) {
+                                if (!sessionStartedRef.current) return [
+                                    2
+                                ];
+                                setRecorderStatus("paused");
+                                if (localStreamRef.current) {
+                                    localStreamRef.current.getAudioTracks().forEach(function(t_1) {
+                                        return t_1.enabled = false;
+                                    });
+                                }
+                                return [
+                                    2
+                                ];
+                            });
+                        });
+                        function pause() {
+                            return _pause.apply(this, arguments);
+                        }
+                        return pause;
+                    }(),
+                    resume: function() {
+                        var _resume = _asyncToGenerator12(function() {
+                            return _ts_generator(this, function(_state) {
+                                if (!sessionStartedRef.current) return [
+                                    2
+                                ];
+                                setRecorderStatus("recording");
+                                if (localStreamRef.current) {
+                                    localStreamRef.current.getAudioTracks().forEach(function(t_2) {
+                                        return t_2.enabled = true;
+                                    });
+                                }
+                                return [
+                                    2
+                                ];
+                            });
+                        });
+                        function resume() {
+                            return _resume.apply(this, arguments);
+                        }
+                        return resume;
+                    }(),
+                    stop: function() {
+                        var _stop = _asyncToGenerator12(function() {
+                            return _ts_generator(this, function(_state) {
+                                if (!sessionStartedRef.current) return [
+                                    2
+                                ];
+                                setRecorderStatus("stopped");
+                                if (localStreamRef.current) {
+                                    localStreamRef.current.getTracks().forEach(function(track) {
+                                        return track.stop();
+                                    });
+                                }
+                                return [
+                                    2
+                                ];
+                            });
+                        });
+                        function stop() {
+                            return _stop.apply(this, arguments);
+                        }
+                        return stop;
+                    }(),
+                    isPending: userIsPending,
+                    visualizationAnalyser: userAnalyserRef.current,
+                    rawStatus: recorderStatus
+                },
+                assistant: {
+                    play: function() {
+                        var _play = _asyncToGenerator12(function() {
+                            return _ts_generator(this, function(_state) {
+                                switch(_state.label){
+                                    case 0:
+                                        return [
+                                            4,
+                                            startSessionIfNeeded()
+                                        ];
+                                    case 1:
+                                        _state.sent();
+                                        setAssistantPaused(false);
+                                        setAssistantPlaying(true);
+                                        if (assistantAudioElRef.current) {
+                                            assistantAudioElRef.current.play().catch(function(err_1) {
+                                                console.error("Assistant play error:", err_1);
+                                            });
+                                        }
+                                        return [
+                                            2
+                                        ];
+                                }
+                            });
+                        });
+                        function play() {
+                            return _play.apply(this, arguments);
+                        }
+                        return play;
+                    }(),
+                    pause: function() {
+                        var _pause2 = _asyncToGenerator12(function() {
+                            return _ts_generator(this, function(_state) {
+                                if (!sessionStartedRef.current) return [
+                                    2
+                                ];
+                                setAssistantPaused(true);
+                                setAssistantPlaying(false);
+                                if (assistantAudioElRef.current) {
+                                    assistantAudioElRef.current.pause();
+                                }
+                                return [
+                                    2
+                                ];
+                            });
+                        });
+                        function pause() {
+                            return _pause2.apply(this, arguments);
+                        }
+                        return pause;
+                    }(),
+                    stop: function() {
+                        var _stop2 = _asyncToGenerator12(function() {
+                            return _ts_generator(this, function(_state) {
+                                if (!sessionStartedRef.current) return [
+                                    2
+                                ];
+                                setAssistantPaused(false);
+                                setAssistantPlaying(false);
+                                if (assistantAudioElRef.current) {
+                                    assistantAudioElRef.current.pause();
+                                    assistantAudioElRef.current.currentTime = 0;
+                                }
+                                return [
+                                    2
+                                ];
+                            });
+                        });
+                        function stop() {
+                            return _stop2.apply(this, arguments);
+                        }
+                        return stop;
+                    }(),
+                    visualizationAnalyser: assistantAnalyserRef.current,
+                    playing: assistantPlaying,
+                    paused: assistantPaused,
+                    isPending: assistantIsPending,
+                    isReady: assistantIsReady,
+                    isAudioPlayed: assistantAudioPlayed,
+                    rawStatus: void 0
+                }
+            }
+        };
+    }, [
+        recorderStatus,
+        userIsPending,
+        assistantPlaying,
+        assistantPaused,
+        assistantIsPending,
+        assistantIsReady,
+        assistantAudioPlayed
+    ]);
+};
 // src/components/markdown/MarkdownProvider/index.tsx
-import { c as _c55 } from "react-compiler-runtime";
-import { useMemo as useMemo19 } from "react";
+import { c as _c56 } from "react-compiler-runtime";
+import { useMemo as useMemo21 } from "react";
 import { jsx as _jsx92 } from "react/jsx-runtime";
 var _excluded6 = [
     "children"
@@ -10722,7 +11186,7 @@ function _objectWithoutPropertiesLoose6(r, e) {
     return t;
 }
 var MarkdownProvider = function(t0) {
-    var $ = _c55(9);
+    var $ = _c56(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -10765,18 +11229,18 @@ var MarkdownProvider = function(t0) {
     return t3;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-import { c as _c58 } from "react-compiler-runtime";
+import { c as _c59 } from "react-compiler-runtime";
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-import { c as _c57 } from "react-compiler-runtime";
-import { useState as useState12 } from "react";
+import { c as _c58 } from "react-compiler-runtime";
+import { useState as useState13 } from "react";
 import { QuoteIcon as QuoteIcon2 } from "@radix-ui/react-icons";
 import { Dialog, VisuallyHidden, IconButton as IconButton11 } from "@radix-ui/themes";
 // src/components/annotations/SourceAnnotation/FileCitation/Content.tsx
-import { c as _c56 } from "react-compiler-runtime";
+import { c as _c57 } from "react-compiler-runtime";
 import { Flex as Flex35, Card as Card5, Inset as Inset3 } from "@radix-ui/themes";
 import { jsx as _jsx93 } from "react/jsx-runtime";
 var Content9 = function(t0) {
-    var $ = _c56(5);
+    var $ = _c57(5);
     var fileId = t0.fileId;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -10842,9 +11306,9 @@ var Content9 = function(t0) {
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
 import { jsx as _jsx94, jsxs as _jsxs37, Fragment as _Fragment4 } from "react/jsx-runtime";
 var FileCitation = function(t0) {
-    var $ = _c57(18);
+    var $ = _c58(18);
     var annotation = t0.annotation;
-    var _useState12 = _sliced_to_array(useState12(null), 2), activeFileId = _useState12[0], setActiveFileId = _useState12[1];
+    var _useState13 = _sliced_to_array(useState13(null), 2), activeFileId = _useState13[0], setActiveFileId = _useState13[1];
     var t1;
     if ($[0] !== annotation.file_citation.file_id) {
         t1 = function() {
@@ -10991,7 +11455,7 @@ function _objectWithoutPropertiesLoose7(r, e) {
     return t;
 }
 var SourceAnnotation = function(t0) {
-    var $ = _c58(10);
+    var $ = _c59(10);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -11048,7 +11512,7 @@ var SourceAnnotation = function(t0) {
     return null;
 };
 // src/components/avatars/Avatar.tsx
-import { c as _c61 } from "react-compiler-runtime";
+import { c as _c62 } from "react-compiler-runtime";
 // src/lib/enums/index.ts
 var IconAvatarName = /* @__PURE__ */ function(IconAvatarName2) {
     IconAvatarName2["BACKPACK"] = "BACKPACK";
@@ -11073,7 +11537,7 @@ var AvatarType = /* @__PURE__ */ function(AvatarType2) {
 // src/components/avatars/Avatar.tsx
 import { Avatar as RadixAvatar } from "@radix-ui/themes";
 // src/components/imageAvatars/ImageAvatar/index.tsx
-import { c as _c59 } from "react-compiler-runtime";
+import { c as _c60 } from "react-compiler-runtime";
 import { Avatar as Avatar4 } from "@radix-ui/themes";
 // src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
 var width = function(_ref) {
@@ -11127,7 +11591,7 @@ var optimizedSrc = function(_ref) {
 // src/components/imageAvatars/ImageAvatar/index.tsx
 import { jsx as _jsx96 } from "react/jsx-runtime";
 var ImageAvatar = function(t0) {
-    var $ = _c59(9);
+    var $ = _c60(9);
     var imageAvatar = t0.imageAvatar, size = t0.size, className = t0.className, style = t0.style;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -11164,8 +11628,8 @@ var ImageAvatar = function(t0) {
     return t2;
 };
 // src/components/iconAvatars/IconAvatar.tsx
-import { c as _c60 } from "react-compiler-runtime";
-import { useMemo as useMemo20 } from "react";
+import { c as _c61 } from "react-compiler-runtime";
+import { useMemo as useMemo22 } from "react";
 import { Avatar as Avatar5 } from "@radix-ui/themes";
 // src/lib/iconAvatars/iconAvatarComponents.ts
 import { BackpackIcon, RocketIcon, MagicWandIcon, CubeIcon, TargetIcon, DiscIcon, GlobeIcon, StarIcon, LightningBoltIcon as LightningBoltIcon2, FaceIcon, PersonIcon as PersonIcon2, HeartIcon } from "@radix-ui/react-icons";
@@ -11174,7 +11638,7 @@ var iconAvatarComponents = (_obj = {}, _define_property(_obj, IconAvatarName.BAC
 // src/components/iconAvatars/IconAvatar.tsx
 import { jsx as _jsx97 } from "react/jsx-runtime";
 var IconAvatar = function(t0) {
-    var $ = _c60(7);
+    var $ = _c61(7);
     var iconAvatar = t0.iconAvatar, size = t0.size, className = t0.className, style = t0.style;
     var t1;
     t1 = iconAvatarComponents[iconAvatar.name];
@@ -11208,7 +11672,7 @@ var IconAvatar = function(t0) {
 // src/components/avatars/Avatar.tsx
 import { jsx as _jsx98 } from "react/jsx-runtime";
 var Avatar6 = function(t0) {
-    var $ = _c61(14);
+    var $ = _c62(14);
     var avatar = t0.avatar, t1 = t0.size, className = t0.className, style = t0.style;
     var size = t1 === void 0 ? "1" : t1;
     if (avatar) {
@@ -11269,8 +11733,8 @@ var Avatar6 = function(t0) {
     return t2;
 };
 // src/components/components/ComponentsProvider.tsx
-import { c as _c62 } from "react-compiler-runtime";
-import { useMemo as useMemo21 } from "react";
+import { c as _c63 } from "react-compiler-runtime";
+import { useMemo as useMemo23 } from "react";
 // src/hooks/components/useComponents.ts
 import { useContext as useContext17 } from "react";
 var useComponents = function() {
@@ -11300,7 +11764,7 @@ function _objectWithoutPropertiesLoose8(r, e) {
     return t;
 }
 var ComponentsProvider = function(t0) {
-    var $ = _c62(9);
+    var $ = _c63(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -11343,11 +11807,11 @@ var ComponentsProvider = function(t0) {
     return t3;
 };
 // src/components/assistants/AssistantProvider/index.tsx
-import { c as _c63 } from "react-compiler-runtime";
+import { c as _c64 } from "react-compiler-runtime";
 import { jsx as _jsx100 } from "react/jsx-runtime";
 var AssistantProvider = function(t0) {
     var _assistant$name;
-    var $ = _c63(10);
+    var $ = _c64(10);
     var children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -11399,5 +11863,5 @@ var AssistantProvider = function(t0) {
     }
     return t6;
 };
-export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar6 as Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, SourceAnnotation, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useAudioThreadContext, useComponents, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext };
+export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar6 as Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, SourceAnnotation, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useAudioThreadContext, useComponents, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useRealtimeWebRTCAudioRuntime, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext, useTtsAudioRuntime };
 //# sourceMappingURL=index.js.map