@superinterface/react 3.10.3 → 3.11.1

package/dist/index.cjs

@@ -403,6 +403,9 @@ __export(src_exports, {
     useMessages: function() {
         return useMessages;
     },
+    useRealtimeWebRTCAudioRuntime: function() {
+        return useRealtimeWebRTCAudioRuntime;
+    },
     useSuperinterfaceContext: function() {
         return useSuperinterfaceContext;
     },
@@ -411,6 +414,9 @@ __export(src_exports, {
     },
     useThreadDialogContext: function() {
         return useThreadDialogContext;
+    },
+    useTtsAudioRuntime: function() {
+        return useTtsAudioRuntime;
     }
 });
 module.exports = __toCommonJS(src_exports);
@@ -2873,11 +2879,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
@@ -8764,124 +8770,20 @@ var import_react_compiler_runtime51 = require("react-compiler-runtime");
 var import_themes58 = require("@radix-ui/themes");
 // src/contexts/threads/AudioThreadContext/index.ts
 var import_react58 = require("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__ */ (0, import_react58.createContext)({
-    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
+var import_react59 = require("react");
+var useAudioThreadContext = function() {
+    return (0, import_react59.useContext)(AudioThreadContext);
+};
+// src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
+var import_react_compiler_runtime50 = require("react-compiler-runtime");
+var import_react64 = require("react");
 // src/hooks/misc/usePermission/index.ts
 var import_react_compiler_runtime47 = require("react-compiler-runtime");
-var import_react59 = require("react");
+var import_react60 = require("react");
 // src/hooks/misc/usePermission/util.ts
 var noop = function() {};
 function on(obj) {
@@ -8905,7 +8807,7 @@ function off(obj) {
 // src/hooks/misc/usePermission/index.ts
 var usePermission = function(permissionDesc) {
     var $ = (0, import_react_compiler_runtime47.c)(3);
-    var _ref = _sliced_to_array((0, import_react59.useState)(""), 2), state = _ref[0], setState = _ref[1];
+    var _ref = _sliced_to_array((0, import_react60.useState)(""), 2), state = _ref[0], setState = _ref[1];
     var t0;
     var t1;
     if ($[0] !== permissionDesc) {
@@ -8944,86 +8846,19 @@ var usePermission = function(permissionDesc) {
         t0 = $[1];
         t1 = $[2];
     }
-    (0, import_react59.useEffect)(t0, t1);
+    (0, import_react60.useEffect)(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
-var import_react_compiler_runtime48 = require("react-compiler-runtime");
-var import_react60 = require("react");
-var useStatus = function(t0) {
-    var $ = (0, import_react_compiler_runtime48.c)(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
 var import_dayjs3 = __toESM(require("dayjs"), 1);
 var import_use_audio_capture = require("use-audio-capture");
 var import_react62 = require("react");
 var import_react_use_audio_player = require("react-use-audio-player");
 // src/hooks/misc/useInterval.ts
-var import_react_compiler_runtime49 = require("react-compiler-runtime");
+var import_react_compiler_runtime48 = require("react-compiler-runtime");
 var import_react61 = require("react");
 var useInterval = function(callback, delay) {
-    var $ = (0, import_react_compiler_runtime49.c)(5);
+    var $ = (0, import_react_compiler_runtime48.c)(5);
     var savedCallback = (0, import_react61.useRef)(_temp10);
     var t0;
     if ($[0] !== callback) {
@@ -9106,7 +8941,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) {
@@ -9114,16 +8949,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);
         });
@@ -9156,7 +8991,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){
@@ -9276,7 +9111,7 @@ var useRecorder = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-var import_react_compiler_runtime50 = require("react-compiler-runtime");
+var import_react_compiler_runtime49 = require("react-compiler-runtime");
 var import_react63 = require("react");
 var import_compromise = __toESM(require("compromise"), 1);
 var import_howler = require("howler");
@@ -9358,7 +9193,8 @@ var getMessageSentences = function(_ref) {
     });
 };
 var useMessageAudio = function(t0) {
-    var $ = (0, import_react_compiler_runtime50.c)(50);
+    var _latestMessageProps$l;
+    var $ = (0, import_react_compiler_runtime49.c)(50);
     var _onEnd = t0.onEnd, passedPlay = t0.play;
     var _ref = _sliced_to_array((0, import_react63.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
     var t1;
@@ -9468,7 +9304,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,
@@ -9486,7 +9322,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
@@ -9673,7 +9509,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) {
@@ -9702,74 +9538,20 @@ function _temp11() {
         import_howler.Howler._howls[0]._sounds[0]._node.crossOrigin = "anonymous";
     }
 }
-// src/components/threads/AudioThread/Root/index.tsx
+// src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
 var import_react_query10 = require("@tanstack/react-query");
-var import_jsx_runtime82 = require("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) {
@@ -9777,27 +9559,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 $ = (0, import_react_compiler_runtime51.c)(24);
-    var children = t0.children, className = t0.className, style = t0.style, play = t0.play;
+var useTtsAudioRuntime = function(t0) {
+    var $ = (0, import_react_compiler_runtime50.c)(30);
+    var play = t0.play;
     var addToast = useToasts().addToast;
     var queryClient = (0, import_react_query10.useQueryClient)();
     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({
@@ -9808,13 +9600,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){
@@ -9843,22 +9635,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() {
@@ -9885,81 +9667,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
+    recorderProps;
+    recorderProps;
+    recorderProps;
+    recorderProps;
+    recorderProps;
+    recorderProps;
+    recorderProps;
+    var t5;
+    var t6 = recorderProps;
+    var t7 = recorderProps;
+    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
         };
-        $[9] = createMessageProps;
-        $[10] = messageAudioProps;
-        $[11] = t5;
-        $[12] = t6;
+        $[9] = createMessageProps.isPending;
+        $[10] = t10.visualizationAnalyser;
+        $[11] = t11.status;
+        $[12] = t6.start;
+        $[13] = t7.stop;
+        $[14] = t8.pause;
+        $[15] = t9.resume;
+        $[16] = t12;
     } else {
-        t6 = $[12];
+        t12 = $[16];
     }
-    var status = useStatus(t6).status;
-    var t7 = recorderProps;
-    var t8;
-    if ($[13] !== messageAudioProps || $[14] !== status || $[15] !== t7) {
-        t8 = {
-            status: status,
-            recorderProps: t7,
-            messageAudioProps: messageAudioProps
+    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
         };
-        $[13] = messageAudioProps;
-        $[14] = status;
-        $[15] = t7;
-        $[16] = t8;
-    } else {
-        t8 = $[16];
-    }
-    var t9;
-    if ($[17] !== children || $[18] !== className || $[19] !== style) {
-        t9 = /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_themes58.Flex, {
-            direction: "column",
-            flexGrow: "1",
-            p: "9",
-            className: className,
-            style: style,
-            children: children
-        });
-        $[17] = children;
-        $[18] = className;
-        $[19] = style;
-        $[20] = t9;
-    } else {
-        t9 = $[20];
-    }
-    var t10;
-    if ($[21] !== t8 || $[22] !== t9) {
-        t10 = /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(AudioThreadContext.Provider, {
-            value: t8,
-            children: t9
-        });
-        $[21] = t8;
-        $[22] = t9;
-        $[23] = t10;
+        $[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__ */ (0, import_jsx_runtime82.jsx)(ToastsProvider, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(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
@@ -9968,15 +9760,207 @@ function _temp23() {
     });
     return _temp23.apply(this, arguments);
 }
+// src/components/threads/AudioThread/Root/index.tsx
+var import_jsx_runtime82 = require("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__ */ (0, import_jsx_runtime82.jsx)(import_themes58.Flex, {
+        direction: "column",
+        flexGrow: "1",
+        p: "9",
+        className: className,
+        style: style,
+        children: children
+    });
+};
+var TtsAudioRuntime = function(t0) {
+    var $ = (0, import_react_compiler_runtime51.c)(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__ */ (0, import_jsx_runtime82.jsx)(AudioThreadContext.Provider, {
+            value: t2,
+            children: children
+        });
+        $[4] = children;
+        $[5] = t2;
+        $[6] = t3;
+    } else {
+        t3 = $[6];
+    }
+    return t3;
+};
+var AudioRuntimeProvider = function(t0) {
+    var $ = (0, import_react_compiler_runtime51.c)(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__ */ (0, import_jsx_runtime82.jsx)(TtsAudioRuntime, {
+            play: play,
+            children: children
+        });
+        $[0] = children;
+        $[1] = play;
+        $[2] = t1;
+    } else {
+        t1 = $[2];
+    }
+    return t1;
+};
+var Provider5 = function(t0) {
+    var $ = (0, import_react_compiler_runtime51.c)(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__ */ (0, import_jsx_runtime82.jsx)(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__ */ (0, import_jsx_runtime82.jsx)(Provider5, _objectSpread46(_objectSpread46({}, rest), {}, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(AudioRuntimeProvider, {
+            play: play,
+            children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToastsProvider, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Content8, {
+                    className: className,
+                    style: style,
+                    children: children
+                })
+            })
+        })
+    }));
+};
 // src/components/threads/AudioThread/Visualization/index.tsx
-var import_react66 = require("react");
+var import_react67 = require("react");
 var import_lodash9 = __toESM(require("lodash"), 1);
 var import_themes60 = require("@radix-ui/themes");
-// src/hooks/threads/useAudioThreadContext/index.ts
-var import_react64 = require("react");
-var useAudioThreadContext = function() {
-    return (0, import_react64.useContext)(AudioThreadContext);
-};
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
 var import_lodash8 = __toESM(require("lodash"), 1);
 var import_themes59 = require("@radix-ui/themes");
@@ -10041,6 +10025,57 @@ var BarsVisualizer = function(_ref) {
         })
     });
 };
+// src/hooks/audioThreads/useStatus/index.ts
+var import_react_compiler_runtime52 = require("react-compiler-runtime");
+var import_react66 = require("react");
+var useStatus = function() {
+    var $ = (0, import_react_compiler_runtime52.c)(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
 var import_jsx_runtime84 = require("react/jsx-runtime");
 function ownKeys47(e, r) {
@@ -10087,10 +10122,11 @@ function _toPrimitive47(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Visualization = function(props) {
+    var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
-    var assistantNameContext = (0, import_react66.useContext)(AssistantNameContext);
-    var _ref = _sliced_to_array((0, import_react66.useState)(0), 2), scale = _ref[0], setScale = _ref[1];
-    var draw = (0, import_react66.useCallback)(function(_ref) {
+    var assistantNameContext = (0, import_react67.useContext)(AssistantNameContext);
+    var _ref = _sliced_to_array((0, import_react67.useState)(0), 2), scale = _ref[0], setScale = _ref[1];
+    var draw = (0, import_react67.useCallback)(function(_ref) {
         var visualizationAnalyser = _ref.visualizationAnalyser;
         if (!visualizationAnalyser) {
             setScale(1);
@@ -10105,9 +10141,9 @@ var Visualization = function(props) {
             });
         });
     }, []);
-    (0, import_react66.useEffect)(function() {
+    (0, import_react67.useEffect)(function() {
         draw({
-            visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser
+            visualizationAnalyser: audioThreadContext.audioRuntime.user.visualizationAnalyser
         });
     }, [
         draw,
@@ -10127,13 +10163,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__ */ (0, import_jsx_runtime84.jsx)(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"
                 })
@@ -10153,7 +10189,7 @@ var Visualization = function(props) {
     }));
 };
 // src/components/threads/AudioThread/Status/index.tsx
-var import_react_compiler_runtime52 = require("react-compiler-runtime");
+var import_react_compiler_runtime53 = require("react-compiler-runtime");
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
 var import_themes61 = require("@radix-ui/themes");
 var import_jsx_runtime85 = require("react/jsx-runtime");
@@ -10233,9 +10269,9 @@ function _toPrimitive48(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Status = function(props) {
-    var $ = (0, import_react_compiler_runtime52.c)(12);
-    var audioThreadContext = useAudioThreadContext();
-    if (audioThreadContext.status === "recording") {
+    var $ = (0, import_react_compiler_runtime53.c)(12);
+    var status = useStatus().status;
+    if (status === "recording") {
         var _t;
         if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
             _t = [
@@ -10264,7 +10300,7 @@ var Status = function(props) {
         "recorderPaused",
         "idle",
         "playerPaused"
-    ].includes(audioThreadContext.status)) {
+    ].includes(status)) {
         var _t3;
         if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
             _t3 = [
@@ -10286,7 +10322,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 = [
@@ -10330,7 +10366,7 @@ var Status = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-var import_react_compiler_runtime54 = require("react-compiler-runtime");
+var import_react_compiler_runtime55 = require("react-compiler-runtime");
 var import_themes63 = require("@radix-ui/themes");
 // src/components/threads/AudioThread/Form/MicIcon.tsx
 var import_jsx_runtime87 = require("react/jsx-runtime");
@@ -10394,15 +10430,16 @@ var MicIcon = function(props) {
     }));
 };
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
-var import_react_compiler_runtime53 = require("react-compiler-runtime");
+var import_react_compiler_runtime54 = require("react-compiler-runtime");
 var import_themes62 = require("@radix-ui/themes");
 var import_react_icons17 = require("@radix-ui/react-icons");
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var ActionButton = function() {
-    var $ = (0, import_react_compiler_runtime53.c)(27);
+    var $ = (0, import_react_compiler_runtime54.c)(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__ */ (0, import_jsx_runtime88.jsx)(import_react_icons17.PauseIcon, {});
@@ -10411,19 +10448,19 @@ var ActionButton = function() {
             _t = $[0];
         }
         var t1;
-        if ($[1] !== audioThreadContext.recorderProps.pause) {
+        if ($[1] !== audioThreadContext.audioRuntime.user.pause) {
             t1 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.Flex, {
                 mr: "3",
                 ml: "-7",
                 children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
-                    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];
@@ -10436,15 +10473,15 @@ var ActionButton = function() {
             t2 = $[3];
         }
         var t3;
-        if ($[4] !== audioThreadContext.recorderProps.stop) {
+        if ($[4] !== audioThreadContext.audioRuntime.user.stop) {
             t3 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
-                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];
@@ -10466,7 +10503,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__ */ (0, import_jsx_runtime88.jsx)(import_react_icons17.ResumeIcon, {});
@@ -10475,48 +10512,48 @@ var ActionButton = function() {
             _t2 = $[9];
         }
         var _t3;
-        if ($[10] !== audioThreadContext.recorderProps.resume) {
+        if ($[10] !== audioThreadContext.audioRuntime.user.resume) {
             _t3 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
-                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__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
                 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 {
@@ -10545,13 +10582,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];
@@ -10636,9 +10673,10 @@ function _toPrimitive50(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Form = function(props) {
-    var $ = (0, import_react_compiler_runtime54.c)(17);
+    var $ = (0, import_react_compiler_runtime55.c)(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__ */ (0, import_jsx_runtime89.jsx)(import_themes63.Flex, {
@@ -10656,7 +10694,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 = {
@@ -10668,16 +10706,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__ */ (0, import_jsx_runtime89.jsx)(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 {
@@ -10855,9 +10893,441 @@ var AudioThreadDialog = function(props) {
 AudioThreadDialog.Root = Root9;
 AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content7;
+// src/hooks/audioRuntimes/useRealtimeWebRTCAudioRuntime/index.ts
+var import_react68 = require("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 _ref = _sliced_to_array((0, import_react68.useState)("idle"), 2), recorderStatus = _ref[0], setRecorderStatus = _ref[1];
+    var superinterfaceContext = useSuperinterfaceContext();
+    var _ref1 = _sliced_to_array((0, import_react68.useState)(false), 2), userIsPending = _ref1[0], setUserIsPending = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react68.useState)(false), 2), assistantPlaying = _ref2[0], setAssistantPlaying = _ref2[1];
+    var _ref3 = _sliced_to_array((0, import_react68.useState)(false), 2), assistantPaused = _ref3[0], setAssistantPaused = _ref3[1];
+    var _ref4 = _sliced_to_array((0, import_react68.useState)(true), 2), assistantIsPending = _ref4[0], setAssistantIsPending = _ref4[1];
+    var _ref5 = _sliced_to_array((0, import_react68.useState)(false), 2), assistantIsReady = _ref5[0], setAssistantIsReady = _ref5[1];
+    var _ref6 = _sliced_to_array((0, import_react68.useState)(false), 2), assistantAudioPlayed = _ref6[0], setAssistantAudioPlayed = _ref6[1];
+    var sessionStartedRef = (0, import_react68.useRef)(false);
+    var pcRef = (0, import_react68.useRef)(null);
+    var localStreamRef = (0, import_react68.useRef)(null);
+    var remoteStreamRef = (0, import_react68.useRef)(null);
+    var userAnalyserRef = (0, import_react68.useRef)(null);
+    var assistantAnalyserRef = (0, import_react68.useRef)(null);
+    var assistantAudioElRef = (0, import_react68.useRef)(null);
+    (0, import_react68.useEffect)(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 (0, import_react68.useMemo)(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
-var import_react_compiler_runtime55 = require("react-compiler-runtime");
-var import_react67 = require("react");
+var import_react_compiler_runtime56 = require("react-compiler-runtime");
+var import_react69 = require("react");
 var import_jsx_runtime92 = require("react/jsx-runtime");
 var _excluded6 = [
     "children"
@@ -10881,7 +11351,7 @@ function _objectWithoutPropertiesLoose6(r, e) {
     return t;
 }
 var MarkdownProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime55.c)(9);
+    var $ = (0, import_react_compiler_runtime56.c)(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -10924,18 +11394,18 @@ var MarkdownProvider = function(t0) {
     return t3;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-var import_react_compiler_runtime58 = require("react-compiler-runtime");
+var import_react_compiler_runtime59 = require("react-compiler-runtime");
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-var import_react_compiler_runtime57 = require("react-compiler-runtime");
-var import_react68 = require("react");
+var import_react_compiler_runtime58 = require("react-compiler-runtime");
+var import_react70 = require("react");
 var import_react_icons18 = require("@radix-ui/react-icons");
 var import_themes65 = require("@radix-ui/themes");
 // src/components/annotations/SourceAnnotation/FileCitation/Content.tsx
-var import_react_compiler_runtime56 = require("react-compiler-runtime");
+var import_react_compiler_runtime57 = require("react-compiler-runtime");
 var import_themes64 = require("@radix-ui/themes");
 var import_jsx_runtime93 = require("react/jsx-runtime");
 var Content9 = function(t0) {
-    var $ = (0, import_react_compiler_runtime56.c)(5);
+    var $ = (0, import_react_compiler_runtime57.c)(5);
     var fileId = t0.fileId;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -11001,9 +11471,9 @@ var Content9 = function(t0) {
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
 var import_jsx_runtime94 = require("react/jsx-runtime");
 var FileCitation = function(t0) {
-    var $ = (0, import_react_compiler_runtime57.c)(18);
+    var $ = (0, import_react_compiler_runtime58.c)(18);
     var annotation = t0.annotation;
-    var _ref = _sliced_to_array((0, import_react68.useState)(null), 2), activeFileId = _ref[0], setActiveFileId = _ref[1];
+    var _ref = _sliced_to_array((0, import_react70.useState)(null), 2), activeFileId = _ref[0], setActiveFileId = _ref[1];
     var t1;
     if ($[0] !== annotation.file_citation.file_id) {
         t1 = function() {
@@ -11150,7 +11620,7 @@ function _objectWithoutPropertiesLoose7(r, e) {
     return t;
 }
 var SourceAnnotation = function(t0) {
-    var $ = (0, import_react_compiler_runtime58.c)(10);
+    var $ = (0, import_react_compiler_runtime59.c)(10);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -11207,7 +11677,7 @@ var SourceAnnotation = function(t0) {
     return null;
 };
 // src/components/avatars/Avatar.tsx
-var import_react_compiler_runtime61 = require("react-compiler-runtime");
+var import_react_compiler_runtime62 = require("react-compiler-runtime");
 // src/lib/enums/index.ts
 var IconAvatarName = /* @__PURE__ */ function(IconAvatarName2) {
     IconAvatarName2["BACKPACK"] = "BACKPACK";
@@ -11232,7 +11702,7 @@ var AvatarType = /* @__PURE__ */ function(AvatarType2) {
 // src/components/avatars/Avatar.tsx
 var import_themes68 = require("@radix-ui/themes");
 // src/components/imageAvatars/ImageAvatar/index.tsx
-var import_react_compiler_runtime59 = require("react-compiler-runtime");
+var import_react_compiler_runtime60 = require("react-compiler-runtime");
 var import_themes66 = require("@radix-ui/themes");
 // src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
 var width = function(_ref) {
@@ -11286,7 +11756,7 @@ var optimizedSrc = function(_ref) {
 // src/components/imageAvatars/ImageAvatar/index.tsx
 var import_jsx_runtime96 = require("react/jsx-runtime");
 var ImageAvatar = function(t0) {
-    var $ = (0, import_react_compiler_runtime59.c)(9);
+    var $ = (0, import_react_compiler_runtime60.c)(9);
     var imageAvatar = t0.imageAvatar, size = t0.size, className = t0.className, style = t0.style;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -11323,8 +11793,8 @@ var ImageAvatar = function(t0) {
     return t2;
 };
 // src/components/iconAvatars/IconAvatar.tsx
-var import_react_compiler_runtime60 = require("react-compiler-runtime");
-var import_react69 = require("react");
+var import_react_compiler_runtime61 = require("react-compiler-runtime");
+var import_react71 = require("react");
 var import_themes67 = require("@radix-ui/themes");
 // src/lib/iconAvatars/iconAvatarComponents.ts
 var import_react_icons19 = require("@radix-ui/react-icons");
@@ -11333,7 +11803,7 @@ var iconAvatarComponents = (_obj = {}, _define_property(_obj, IconAvatarName.BAC
 // src/components/iconAvatars/IconAvatar.tsx
 var import_jsx_runtime97 = require("react/jsx-runtime");
 var IconAvatar = function(t0) {
-    var $ = (0, import_react_compiler_runtime60.c)(7);
+    var $ = (0, import_react_compiler_runtime61.c)(7);
     var iconAvatar = t0.iconAvatar, size = t0.size, className = t0.className, style = t0.style;
     var t1;
     t1 = iconAvatarComponents[iconAvatar.name];
@@ -11367,7 +11837,7 @@ var IconAvatar = function(t0) {
 // src/components/avatars/Avatar.tsx
 var import_jsx_runtime98 = require("react/jsx-runtime");
 var Avatar6 = function(t0) {
-    var $ = (0, import_react_compiler_runtime61.c)(14);
+    var $ = (0, import_react_compiler_runtime62.c)(14);
     var avatar = t0.avatar, t1 = t0.size, className = t0.className, style = t0.style;
     var size = t1 === void 0 ? "1" : t1;
     if (avatar) {
@@ -11428,12 +11898,12 @@ var Avatar6 = function(t0) {
     return t2;
 };
 // src/components/components/ComponentsProvider.tsx
-var import_react_compiler_runtime62 = require("react-compiler-runtime");
-var import_react71 = require("react");
+var import_react_compiler_runtime63 = require("react-compiler-runtime");
+var import_react73 = require("react");
 // src/hooks/components/useComponents.ts
-var import_react70 = require("react");
+var import_react72 = require("react");
 var useComponents = function() {
-    return (0, import_react70.useContext)(ComponentsContext);
+    return (0, import_react72.useContext)(ComponentsContext);
 };
 // src/components/components/ComponentsProvider.tsx
 var import_jsx_runtime99 = require("react/jsx-runtime");
@@ -11459,7 +11929,7 @@ function _objectWithoutPropertiesLoose8(r, e) {
     return t;
 }
 var ComponentsProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime62.c)(9);
+    var $ = (0, import_react_compiler_runtime63.c)(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -11502,11 +11972,11 @@ var ComponentsProvider = function(t0) {
     return t3;
 };
 // src/components/assistants/AssistantProvider/index.tsx
-var import_react_compiler_runtime63 = require("react-compiler-runtime");
+var import_react_compiler_runtime64 = require("react-compiler-runtime");
 var import_jsx_runtime100 = require("react/jsx-runtime");
 var AssistantProvider = function(t0) {
     var _assistant$name;
-    var $ = (0, import_react_compiler_runtime63.c)(10);
+    var $ = (0, import_react_compiler_runtime64.c)(10);
     var children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -11589,8 +12059,10 @@ var AssistantProvider = function(t0) {
     useMessageContext: useMessageContext,
     useMessageFormContext: useMessageFormContext,
     useMessages: useMessages,
+    useRealtimeWebRTCAudioRuntime: useRealtimeWebRTCAudioRuntime,
     useSuperinterfaceContext: useSuperinterfaceContext,
     useThreadContext: useThreadContext,
-    useThreadDialogContext: useThreadDialogContext
+    useThreadDialogContext: useThreadDialogContext,
+    useTtsAudioRuntime: useTtsAudioRuntime
 });
 //# sourceMappingURL=index.cjs.map