@superinterface/react 3.10.3 → 3.12.0

package/dist/index.cjs

@@ -370,9 +370,15 @@ __export(src_exports, {
     ThreadDialogContext: function() {
         return ThreadDialogContext;
     },
+    TtsAudioRuntimeProvider: function() {
+        return TtsAudioRuntimeProvider;
+    },
     UserAvatarContext: function() {
         return UserAvatarContext;
     },
+    WebrtcAudioRuntimeProvider: function() {
+        return WebrtcAudioRuntimeProvider;
+    },
     useAssistant: function() {
         return useAssistant;
     },
@@ -411,6 +417,12 @@ __export(src_exports, {
     },
     useThreadDialogContext: function() {
         return useThreadDialogContext;
+    },
+    useTtsAudioRuntime: function() {
+        return useTtsAudioRuntime;
+    },
+    useWebrtcAudioRuntime: function() {
+        return useWebrtcAudioRuntime;
     }
 });
 module.exports = __toCommonJS(src_exports);
@@ -2873,11 +2885,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
@@ -8760,128 +8772,26 @@ ThreadDialog.Root = Root9;
 ThreadDialog.Trigger = Trigger;
 ThreadDialog.Content = Content7;
 // src/components/threads/AudioThread/Root/index.tsx
-var import_react_compiler_runtime51 = require("react-compiler-runtime");
+var import_react_compiler_runtime52 = 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/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
+var import_react_compiler_runtime51 = require("react-compiler-runtime");
+// 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 +8815,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 +8854,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 +8949,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 +8957,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 +8999,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 +9119,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 +9201,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 +9312,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 +9330,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 +9517,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 +9546,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 +9567,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 +9608,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 +9643,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 +9675,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,21 +9768,215 @@ function _temp23() {
     });
     return _temp23.apply(this, arguments);
 }
+// src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
+var import_jsx_runtime82 = require("react/jsx-runtime");
+var TtsAudioRuntimeProvider = 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;
+};
+// src/components/threads/AudioThread/Root/index.tsx
+var import_jsx_runtime83 = 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_runtime83.jsx)(import_themes58.Flex, {
+        direction: "column",
+        flexGrow: "1",
+        p: "9",
+        className: className,
+        style: style,
+        children: children
+    });
+};
+var AudioRuntimeProvider = function(t0) {
+    var $ = (0, import_react_compiler_runtime52.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_runtime83.jsx)(TtsAudioRuntimeProvider, {
+            play: play,
+            children: children
+        });
+        $[0] = children;
+        $[1] = play;
+        $[2] = t1;
+    } else {
+        t1 = $[2];
+    }
+    return t1;
+};
+var Provider5 = function(t0) {
+    var $ = (0, import_react_compiler_runtime52.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_runtime83.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_runtime83.jsx)(Provider5, _objectSpread46(_objectSpread46({}, rest), {}, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(AudioRuntimeProvider, {
+            play: play,
+            children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToastsProvider, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime83.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");
 var import_react65 = require("react");
 var import_radash17 = require("radash");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var barCount = 4;
 var BarsVisualizer = function(_ref) {
     var visualizationAnalyser = _ref.visualizationAnalyser, backgroundColor = _ref.backgroundColor, height = _ref.height, barWidth = _ref.barWidth;
@@ -10013,7 +10007,7 @@ var BarsVisualizer = function(_ref) {
         draw,
         visualizationAnalyser
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.Grid, {
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes59.Grid, {
         columns: "".concat(barCount),
         gap: "1",
         width: "auto",
@@ -10022,12 +10016,12 @@ var BarsVisualizer = function(_ref) {
             gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
         },
         children: barHeights.map(function(barHeight, index) {
-            return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.Flex, {
+            return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes59.Flex, {
                 direction: "column",
                 align: "center",
                 justify: "center",
                 height: height,
-                children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes59.Flex, {
                     minHeight: "50%",
                     maxHeight: "100%",
                     height: "".concat(barHeight + 20, "%"),
@@ -10041,8 +10035,59 @@ var BarsVisualizer = function(_ref) {
         })
     });
 };
+// src/hooks/audioThreads/useStatus/index.ts
+var import_react_compiler_runtime53 = require("react-compiler-runtime");
+var import_react66 = require("react");
+var useStatus = function() {
+    var $ = (0, import_react_compiler_runtime53.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");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 function ownKeys47(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10087,10 +10132,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,15 +10151,15 @@ 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,
         audioThreadContext
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_themes60.Flex, _objectSpread47(_objectSpread47({
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_themes60.Flex, _objectSpread47(_objectSpread47({
         direction: "column",
         align: "center",
         justify: "center",
@@ -10121,30 +10167,30 @@ var Visualization = function(props) {
         flexGrow: "1"
     }, props), {}, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes60.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes60.Flex, {
                 align: "center",
                 justify: "center",
                 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)",
+                children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(BarsVisualizer, {
+                    visualizationAnalyser: audioThreadContext.audioRuntime.assistant.visualizationAnalyser,
+                    backgroundColor: status === "playing" ? "var(--accent-11)" : "var(--gray-11)",
                     height: "40px",
                     barWidth: "24px"
                 })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_themes60.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_themes60.Flex, {
                 ml: "-22.5px",
                 gap: "3",
                 pt: "5",
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(AssistantAvatar, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Name, {
+                    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(AssistantAvatar, {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Name, {
                         children: assistantNameContext
                     })
                 ]
@@ -10153,10 +10199,10 @@ var Visualization = function(props) {
     }));
 };
 // src/components/threads/AudioThread/Status/index.tsx
-var import_react_compiler_runtime52 = require("react-compiler-runtime");
+var import_react_compiler_runtime54 = 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");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var html = function(_ref) {
     var texts = _ref.texts;
     return "\n  .status-messages-texts:after {\n    content: '".concat(texts[0], "';\n    animation: texts ").concat(texts.length * 5, "s linear infinite;\n  }\n\n  @keyframes texts {\n    ").concat(texts.map(function(_10, i) {
@@ -10165,19 +10211,19 @@ var html = function(_ref) {
 };
 var StatusMessages = function(_ref2) {
     var texts = _ref2.texts, className = _ref2.className, style = _ref2.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_themes61.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes61.Flex, {
         justify: "center",
         pb: "5",
         className: className,
         style: style,
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes61.Text, {
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_themes61.Text, {
                 size: "2",
                 weight: "regular",
                 color: "gray",
                 className: "status-messages-texts"
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("style", {
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("style", {
                 dangerouslySetInnerHTML: {
                     __html: html({
                         texts: texts
@@ -10188,7 +10234,7 @@ var StatusMessages = function(_ref2) {
     });
 };
 // src/components/threads/AudioThread/Status/index.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 function ownKeys48(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10233,9 +10279,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_runtime54.c)(12);
+    var status = useStatus().status;
+    if (status === "recording") {
         var _t;
         if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
             _t = [
@@ -10250,7 +10296,7 @@ var Status = function(props) {
         }
         var _t2;
         if ($[1] !== props) {
-            _t2 = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(StatusMessages, _objectSpread48({
+            _t2 = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(StatusMessages, _objectSpread48({
                 texts: _t
             }, props));
             $[1] = props;
@@ -10264,7 +10310,7 @@ var Status = function(props) {
         "recorderPaused",
         "idle",
         "playerPaused"
-    ].includes(audioThreadContext.status)) {
+    ].includes(status)) {
         var _t3;
         if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
             _t3 = [
@@ -10276,7 +10322,7 @@ var Status = function(props) {
         }
         var _t4;
         if ($[4] !== props) {
-            _t4 = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(StatusMessages, _objectSpread48({
+            _t4 = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(StatusMessages, _objectSpread48({
                 texts: _t3
             }, props));
             $[4] = props;
@@ -10286,7 +10332,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 = [
@@ -10298,7 +10344,7 @@ var Status = function(props) {
         }
         var _t6;
         if ($[7] !== props) {
-            _t6 = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(StatusMessages, _objectSpread48({
+            _t6 = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(StatusMessages, _objectSpread48({
                 texts: _t5
             }, props));
             $[7] = props;
@@ -10319,7 +10365,7 @@ var Status = function(props) {
     }
     var t1;
     if ($[10] !== props) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(StatusMessages, _objectSpread48({
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(StatusMessages, _objectSpread48({
             texts: t0
         }, props));
         $[10] = props;
@@ -10330,10 +10376,10 @@ 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_runtime56 = 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");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 function ownKeys49(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10378,7 +10424,7 @@ function _toPrimitive49(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MicIcon = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("svg", _objectSpread49(_objectSpread49({
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("svg", _objectSpread49(_objectSpread49({
         xmlns: "http://www.w3.org/2000/svg",
         fill: "currentColor",
         stroke: "currentColor",
@@ -10387,71 +10433,72 @@ var MicIcon = function(props) {
         height: "15",
         width: "15"
     }, props), {}, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("path", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", {
             stroke: "none",
             d: "M192 0c-53 0-96 43-96 96v160c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM64 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h144c13.3 0 24-10.7 24-24s-10.7-24-24-24h-48v-33.6c85.8-11.7 152-85.3 152-174.4v-40c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128S64 326.7 64 256v-40z"
         })
     }));
 };
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
-var import_react_compiler_runtime53 = require("react-compiler-runtime");
+var import_react_compiler_runtime55 = 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 import_jsx_runtime89 = require("react/jsx-runtime");
 var ActionButton = function() {
-    var $ = (0, import_react_compiler_runtime53.c)(27);
+    var $ = (0, import_react_compiler_runtime55.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, {});
+            _t = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_icons17.PauseIcon, {});
             $[0] = _t;
         } else {
             _t = $[0];
         }
         var t1;
-        if ($[1] !== audioThreadContext.recorderProps.pause) {
-            t1 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.Flex, {
+        if ($[1] !== audioThreadContext.audioRuntime.user.pause) {
+            t1 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.Flex, {
                 mr: "3",
                 ml: "-7",
-                children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
-                    onClick: audioThreadContext.recorderProps.pause,
+                children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.IconButton, {
+                    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];
         }
         var t2;
         if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-            t2 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react_icons17.ArrowUpIcon, {});
+            t2 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_icons17.ArrowUpIcon, {});
             $[3] = t2;
         } else {
             t2 = $[3];
         }
         var t3;
-        if ($[4] !== audioThreadContext.recorderProps.stop) {
-            t3 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
-                onClick: audioThreadContext.recorderProps.stop,
+        if ($[4] !== audioThreadContext.audioRuntime.user.stop) {
+            t3 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.IconButton, {
+                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];
         }
         var t4;
         if ($[6] !== t1 || $[7] !== t3) {
-            t4 = /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_themes62.Flex, {
+            t4 = /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_themes62.Flex, {
                 align: "center",
                 children: [
                     t1,
@@ -10466,57 +10513,57 @@ 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, {});
+            _t2 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_icons17.ResumeIcon, {});
             $[9] = _t2;
         } else {
             _t2 = $[9];
         }
         var _t3;
-        if ($[10] !== audioThreadContext.recorderProps.resume) {
-            _t3 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
-                onClick: audioThreadContext.recorderProps.resume,
+        if ($[10] !== audioThreadContext.audioRuntime.user.resume) {
+            _t3 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.IconButton, {
+                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) {
-            _t4 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
+        if ($[12] !== audioThreadContext.audioRuntime.user) {
+            _t4 = /* @__PURE__ */ (0, import_jsx_runtime89.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 {
@@ -10524,14 +10571,14 @@ var ActionButton = function() {
         }
         var _t6;
         if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-            _t6 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react_icons17.StopIcon, {});
+            _t6 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_icons17.StopIcon, {});
             $[18] = _t6;
         } else {
             _t6 = $[18];
         }
         var _t7;
         if ($[19] !== _t5) {
-            _t7 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
+            _t7 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.IconButton, {
                 onClick: _t5,
                 size: "4",
                 color: "gray",
@@ -10545,27 +10592,27 @@ 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];
         }
         var _t9;
         if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-            _t9 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react_icons17.ResumeIcon, {});
+            _t9 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_icons17.ResumeIcon, {});
             $[23] = _t9;
         } else {
             _t9 = $[23];
         }
         var _t10;
         if ($[24] !== _t8) {
-            _t10 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
+            _t10 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.IconButton, {
                 onClick: _t8,
                 size: "4",
                 children: _t9
@@ -10579,7 +10626,7 @@ var ActionButton = function() {
     }
     var t0;
     if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.IconButton, {
             size: "4",
             variant: "soft",
             disabled: true
@@ -10591,7 +10638,7 @@ var ActionButton = function() {
     return t0;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 function ownKeys50(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10636,16 +10683,17 @@ 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_runtime56.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, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes63.Flex, {
             ml: "-22.5px",
             mr: "2",
             align: "center",
-            children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(MicIcon, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(MicIcon, {
                 style: {
                     color: t0
                 }
@@ -10656,7 +10704,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 +10716,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) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(BarsVisualizer, {
-            visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser,
+    if ($[4] !== audioThreadContext.audioRuntime.user.visualizationAnalyser || $[5] !== t4) {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(BarsVisualizer, {
+            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 {
@@ -10685,7 +10733,7 @@ var Form = function(props) {
     }
     var t6;
     if ($[7] !== t3 || $[8] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes63.Flex, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes63.Flex, {
             px: "2",
             py: "1",
             style: t3,
@@ -10699,7 +10747,7 @@ var Form = function(props) {
     }
     var t7;
     if ($[10] !== t1 || $[11] !== t6) {
-        t7 = /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_themes63.Flex, {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_themes63.Flex, {
             pb: "3",
             align: "center",
             children: [
@@ -10715,14 +10763,14 @@ var Form = function(props) {
     }
     var t8;
     if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-        t8 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ActionButton, {});
+        t8 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ActionButton, {});
         $[13] = t8;
     } else {
         t8 = $[13];
     }
     var t9;
     if ($[14] !== props || $[15] !== t7) {
-        t9 = /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_themes63.Flex, _objectSpread50(_objectSpread50({
+        t9 = /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_themes63.Flex, _objectSpread50(_objectSpread50({
             direction: "column",
             align: "center"
         }, props), {}, {
@@ -10740,7 +10788,7 @@ var Form = function(props) {
     return t9;
 };
 // src/components/threads/AudioThread/index.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 function ownKeys51(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10785,11 +10833,11 @@ function _toPrimitive51(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThread = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(Root12, _objectSpread51(_objectSpread51({}, props), {}, {
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Root12, _objectSpread51(_objectSpread51({}, props), {}, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Visualization, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Status, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Form, {})
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Visualization, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Status, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Form, {})
         ]
     }));
 };
@@ -10798,7 +10846,7 @@ AudioThread.Visualization = Visualization;
 AudioThread.Status = Status;
 AudioThread.Form = Form;
 // src/components/threads/AudioThreadDialog/index.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function ownKeys52(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10843,27 +10891,490 @@ function _toPrimitive52(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThreadDialog = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Root9, _objectSpread52(_objectSpread52({}, props), {}, {
+    return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Root9, _objectSpread52(_objectSpread52({}, props), {}, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Content7.Root, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(AudioThread, {})
+            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Content7.Root, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(AudioThread, {})
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Trigger, {})
+            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Trigger, {})
         ]
     }));
 };
 AudioThreadDialog.Root = Root9;
 AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content7;
-// src/components/markdown/MarkdownProvider/index.tsx
-var import_react_compiler_runtime55 = require("react-compiler-runtime");
-var import_react67 = require("react");
-var import_jsx_runtime92 = require("react/jsx-runtime");
-var _excluded6 = [
-    "children"
-];
-function _objectWithoutProperties6(e, t) {
-    if (null == e) return {};
+// src/hooks/audioRuntimes/useWebrtcAudioRuntime/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 useWebrtcAudioRuntime = 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 {
+            webrtcAudioRuntime: {
+                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/audioRuntimes/WebrtcAudioRuntimeProvider.tsx
+var import_react_compiler_runtime57 = require("react-compiler-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
+var WebrtcAudioRuntimeProvider = function(t0) {
+    var $ = (0, import_react_compiler_runtime57.c)(5);
+    var children = t0.children;
+    var webrtcAudioRuntime = useWebrtcAudioRuntime().webrtcAudioRuntime;
+    var t1;
+    if ($[0] !== webrtcAudioRuntime) {
+        t1 = {
+            audioRuntime: webrtcAudioRuntime
+        };
+        $[0] = webrtcAudioRuntime;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== children || $[3] !== t1) {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(AudioThreadContext.Provider, {
+            value: t1,
+            children: children
+        });
+        $[2] = children;
+        $[3] = t1;
+        $[4] = t2;
+    } else {
+        t2 = $[4];
+    }
+    return t2;
+};
+// src/components/markdown/MarkdownProvider/index.tsx
+var import_react_compiler_runtime58 = require("react-compiler-runtime");
+var import_react69 = require("react");
+var import_jsx_runtime94 = require("react/jsx-runtime");
+var _excluded6 = [
+    "children"
+];
+function _objectWithoutProperties6(e, t) {
+    if (null == e) return {};
     var o, r, i = _objectWithoutPropertiesLoose6(e, t);
     if (Object.getOwnPropertySymbols) {
         var s = Object.getOwnPropertySymbols(e);
@@ -10881,7 +11392,7 @@ function _objectWithoutPropertiesLoose6(r, e) {
     return t;
 }
 var MarkdownProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime55.c)(9);
+    var $ = (0, import_react_compiler_runtime58.c)(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -10911,7 +11422,7 @@ var MarkdownProvider = function(t0) {
     var value = t1;
     var t3;
     if ($[6] !== children || $[7] !== value) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(MarkdownContext.Provider, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(MarkdownContext.Provider, {
             value: value,
             children: children
         });
@@ -10924,18 +11435,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_runtime61 = 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_runtime60 = 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_runtime59 = require("react-compiler-runtime");
 var import_themes64 = require("@radix-ui/themes");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var Content9 = function(t0) {
-    var $ = (0, import_react_compiler_runtime56.c)(5);
+    var $ = (0, import_react_compiler_runtime59.c)(5);
     var fileId = t0.fileId;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -10972,18 +11483,18 @@ var Content9 = function(t0) {
     }
     var t5;
     if ($[3] !== t3) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes64.Flex, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes64.Flex, {
             direction: "column",
             flexGrow: "1",
             gap: "3",
-            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes64.Card, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes64.Card, {
                 style: t1,
-                children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes64.Inset, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes64.Inset, {
                     clip: "padding-box",
                     style: t2,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes64.Flex, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes64.Flex, {
                         flexGrow: "1",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("embed", {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("embed", {
                             src: t3,
                             style: t4
                         })
@@ -10999,11 +11510,11 @@ var Content9 = function(t0) {
     return t5;
 };
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var FileCitation = function(t0) {
-    var $ = (0, import_react_compiler_runtime57.c)(18);
+    var $ = (0, import_react_compiler_runtime60.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() {
@@ -11016,14 +11527,14 @@ var FileCitation = function(t0) {
     }
     var t2;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_icons18.QuoteIcon, {});
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_icons18.QuoteIcon, {});
         $[2] = t2;
     } else {
         t2 = $[2];
     }
     var t3;
     if ($[3] !== t1) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes65.IconButton, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes65.IconButton, {
             variant: "soft",
             color: "gray",
             size: "1",
@@ -11059,9 +11570,9 @@ var FileCitation = function(t0) {
     }
     var t7;
     if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-        t7 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes65.VisuallyHidden, {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes65.VisuallyHidden, {
             asChild: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes65.Dialog.Title, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes65.Dialog.Title, {
                 children: "Source"
             })
         });
@@ -11071,7 +11582,7 @@ var FileCitation = function(t0) {
     }
     var t8;
     if ($[8] !== activeFileId) {
-        t8 = activeFileId && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Content9, {
+        t8 = activeFileId && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Content9, {
             fileId: activeFileId
         });
         $[8] = activeFileId;
@@ -11081,7 +11592,7 @@ var FileCitation = function(t0) {
     }
     var t9;
     if ($[10] !== t8) {
-        t9 = /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_themes65.Dialog.Content, {
+        t9 = /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_themes65.Dialog.Content, {
             width: "1000px",
             height: "90vh",
             maxWidth: "calc(100vw - 2 * var(--space-4))",
@@ -11099,7 +11610,7 @@ var FileCitation = function(t0) {
     }
     var t10;
     if ($[12] !== t4 || $[13] !== t9) {
-        t10 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes65.Dialog.Root, {
+        t10 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes65.Dialog.Root, {
             open: t4,
             onOpenChange: t5,
             children: t9
@@ -11112,7 +11623,7 @@ var FileCitation = function(t0) {
     }
     var t11;
     if ($[15] !== t10 || $[16] !== t3) {
-        t11 = /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, {
+        t11 = /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, {
             children: [
                 t3,
                 t10
@@ -11127,7 +11638,7 @@ var FileCitation = function(t0) {
     return t11;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var _excluded7 = [
     "children"
 ];
@@ -11150,7 +11661,7 @@ function _objectWithoutPropertiesLoose7(r, e) {
     return t;
 }
 var SourceAnnotation = function(t0) {
-    var $ = (0, import_react_compiler_runtime58.c)(10);
+    var $ = (0, import_react_compiler_runtime61.c)(10);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -11178,7 +11689,7 @@ var SourceAnnotation = function(t0) {
     if (annotation.type === "file_citation") {
         var t2;
         if ($[5] !== annotation) {
-            t2 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(FileCitation, {
+            t2 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(FileCitation, {
                 annotation: annotation
             });
             $[5] = annotation;
@@ -11191,7 +11702,7 @@ var SourceAnnotation = function(t0) {
         if (annotation.type === "file_path") {
             var _t2;
             if ($[7] !== annotation || $[8] !== children) {
-                _t2 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(FilePathAnnotation, {
+                _t2 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(FilePathAnnotation, {
                     annotation: annotation,
                     children: children
                 });
@@ -11207,7 +11718,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_runtime64 = require("react-compiler-runtime");
 // src/lib/enums/index.ts
 var IconAvatarName = /* @__PURE__ */ function(IconAvatarName2) {
     IconAvatarName2["BACKPACK"] = "BACKPACK";
@@ -11232,7 +11743,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_runtime62 = require("react-compiler-runtime");
 var import_themes66 = require("@radix-ui/themes");
 // src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
 var width = function(_ref) {
@@ -11284,9 +11795,9 @@ var optimizedSrc = function(_ref) {
     }));
 };
 // src/components/imageAvatars/ImageAvatar/index.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var ImageAvatar = function(t0) {
-    var $ = (0, import_react_compiler_runtime59.c)(9);
+    var $ = (0, import_react_compiler_runtime62.c)(9);
     var imageAvatar = t0.imageAvatar, size = t0.size, className = t0.className, style = t0.style;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -11305,7 +11816,7 @@ var ImageAvatar = function(t0) {
     }
     var t2;
     if ($[4] !== className || $[5] !== size || $[6] !== style || $[7] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes66.Avatar, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_themes66.Avatar, {
             className: className,
             style: style,
             fallback: "",
@@ -11323,24 +11834,24 @@ 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_runtime63 = 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");
 var _obj;
 var iconAvatarComponents = (_obj = {}, _define_property(_obj, IconAvatarName.BACKPACK, import_react_icons19.BackpackIcon), _define_property(_obj, IconAvatarName.ROCKET, import_react_icons19.RocketIcon), _define_property(_obj, IconAvatarName.MAGIC_WAND, import_react_icons19.MagicWandIcon), _define_property(_obj, IconAvatarName.CUBE, import_react_icons19.CubeIcon), _define_property(_obj, IconAvatarName.TARGET, import_react_icons19.TargetIcon), _define_property(_obj, IconAvatarName.DISC, import_react_icons19.DiscIcon), _define_property(_obj, IconAvatarName.GLOBE, import_react_icons19.GlobeIcon), _define_property(_obj, IconAvatarName.STAR, import_react_icons19.StarIcon), _define_property(_obj, IconAvatarName.LIGHTNING_BOLT, import_react_icons19.LightningBoltIcon), _define_property(_obj, IconAvatarName.FACE, import_react_icons19.FaceIcon), _define_property(_obj, IconAvatarName.PERSON, import_react_icons19.PersonIcon), _define_property(_obj, IconAvatarName.HEART, import_react_icons19.HeartIcon), _obj);
 // src/components/iconAvatars/IconAvatar.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var IconAvatar = function(t0) {
-    var $ = (0, import_react_compiler_runtime60.c)(7);
+    var $ = (0, import_react_compiler_runtime63.c)(7);
     var iconAvatar = t0.iconAvatar, size = t0.size, className = t0.className, style = t0.style;
     var t1;
     t1 = iconAvatarComponents[iconAvatar.name];
     var Component2 = t1;
     var t2;
     if ($[0] !== Component2) {
-        t2 = Component2 ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Component2, {}) : "";
+        t2 = Component2 ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Component2, {}) : "";
         $[0] = Component2;
         $[1] = t2;
     } else {
@@ -11348,7 +11859,7 @@ var IconAvatar = function(t0) {
     }
     var t3;
     if ($[2] !== className || $[3] !== size || $[4] !== style || $[5] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_themes67.Avatar, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes67.Avatar, {
             className: className,
             style: style,
             size: size,
@@ -11365,16 +11876,16 @@ var IconAvatar = function(t0) {
     return t3;
 };
 // src/components/avatars/Avatar.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var Avatar6 = function(t0) {
-    var $ = (0, import_react_compiler_runtime61.c)(14);
+    var $ = (0, import_react_compiler_runtime64.c)(14);
     var avatar = t0.avatar, t1 = t0.size, className = t0.className, style = t0.style;
     var size = t1 === void 0 ? "1" : t1;
     if (avatar) {
         if (avatar.type === AvatarType.IMAGE && avatar.imageAvatar) {
             var _t;
             if ($[0] !== avatar.imageAvatar || $[1] !== className || $[2] !== size || $[3] !== style) {
-                _t = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ImageAvatar, {
+                _t = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(ImageAvatar, {
                     imageAvatar: avatar.imageAvatar,
                     size: size,
                     className: className,
@@ -11393,7 +11904,7 @@ var Avatar6 = function(t0) {
         if (avatar.type === AvatarType.ICON && avatar.iconAvatar) {
             var _t2;
             if ($[5] !== avatar.iconAvatar || $[6] !== className || $[7] !== size || $[8] !== style) {
-                _t2 = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(IconAvatar, {
+                _t2 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(IconAvatar, {
                     iconAvatar: avatar.iconAvatar,
                     size: size,
                     className: className,
@@ -11412,7 +11923,7 @@ var Avatar6 = function(t0) {
     }
     var t2;
     if ($[10] !== className || $[11] !== size || $[12] !== style) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_themes68.Avatar, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_themes68.Avatar, {
             fallback: "",
             size: size,
             className: className,
@@ -11428,15 +11939,15 @@ 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_runtime65 = 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");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var _excluded8 = [
     "children"
 ];
@@ -11459,7 +11970,7 @@ function _objectWithoutPropertiesLoose8(r, e) {
     return t;
 }
 var ComponentsProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime62.c)(9);
+    var $ = (0, import_react_compiler_runtime65.c)(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -11489,7 +12000,7 @@ var ComponentsProvider = function(t0) {
     var value = t1;
     var t3;
     if ($[6] !== children || $[7] !== value) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ComponentsContext.Provider, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ComponentsContext.Provider, {
             value: value,
             children: children
         });
@@ -11502,11 +12013,11 @@ var ComponentsProvider = function(t0) {
     return t3;
 };
 // src/components/assistants/AssistantProvider/index.tsx
-var import_react_compiler_runtime63 = require("react-compiler-runtime");
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_react_compiler_runtime66 = require("react-compiler-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var AssistantProvider = function(t0) {
     var _assistant$name;
-    var $ = (0, import_react_compiler_runtime63.c)(10);
+    var $ = (0, import_react_compiler_runtime66.c)(10);
     var children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -11524,7 +12035,7 @@ var AssistantProvider = function(t0) {
     var t3 = assistant === null || assistant === void 0 ? void 0 : assistant.avatar;
     var t4;
     if ($[2] !== t3) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Avatar6, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Avatar6, {
             avatar: t3
         });
         $[2] = t3;
@@ -11534,7 +12045,7 @@ var AssistantProvider = function(t0) {
     }
     var t5;
     if ($[4] !== children || $[5] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(AssistantAvatarContext.Provider, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(AssistantAvatarContext.Provider, {
             value: t4,
             children: children
         });
@@ -11546,7 +12057,7 @@ var AssistantProvider = function(t0) {
     }
     var t6;
     if ($[7] !== t2 || $[8] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(AssistantNameContext.Provider, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(AssistantNameContext.Provider, {
             value: t2,
             children: t5
         });
@@ -11578,7 +12089,9 @@ var AssistantProvider = function(t0) {
     Thread: Thread,
     ThreadDialog: ThreadDialog,
     ThreadDialogContext: ThreadDialogContext,
+    TtsAudioRuntimeProvider: TtsAudioRuntimeProvider,
     UserAvatarContext: UserAvatarContext,
+    WebrtcAudioRuntimeProvider: WebrtcAudioRuntimeProvider,
     useAssistant: useAssistant,
     useAudioThreadContext: useAudioThreadContext,
     useComponents: useComponents,
@@ -11591,6 +12104,8 @@ var AssistantProvider = function(t0) {
     useMessages: useMessages,
     useSuperinterfaceContext: useSuperinterfaceContext,
     useThreadContext: useThreadContext,
-    useThreadDialogContext: useThreadDialogContext
+    useThreadDialogContext: useThreadDialogContext,
+    useTtsAudioRuntime: useTtsAudioRuntime,
+    useWebrtcAudioRuntime: useWebrtcAudioRuntime
 });
 //# sourceMappingURL=index.cjs.map