@superinterface/react 3.11.1 → 3.13.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;
     },
@@ -403,9 +409,6 @@ __export(src_exports, {
     useMessages: function() {
         return useMessages;
     },
-    useRealtimeWebRTCAudioRuntime: function() {
-        return useRealtimeWebRTCAudioRuntime;
-    },
     useSuperinterfaceContext: function() {
         return useSuperinterfaceContext;
     },
@@ -417,6 +420,9 @@ __export(src_exports, {
     },
     useTtsAudioRuntime: function() {
         return useTtsAudioRuntime;
+    },
+    useWebrtcAudioRuntime: function() {
+        return useWebrtcAudioRuntime;
     }
 });
 module.exports = __toCommonJS(src_exports);
@@ -8766,7 +8772,7 @@ 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");
@@ -8778,6 +8784,8 @@ 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");
@@ -9760,8 +9768,48 @@ function _temp23() {
     });
     return _temp23.apply(this, arguments);
 }
-// src/components/threads/AudioThread/Root/index.tsx
+// 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"
 ];
@@ -9834,7 +9882,7 @@ function _objectWithoutPropertiesLoose5(r, e) {
 }
 var Content8 = function(_ref) {
     var children = _ref.children, className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_themes58.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes58.Flex, {
         direction: "column",
         flexGrow: "1",
         p: "9",
@@ -9843,46 +9891,8 @@ var Content8 = function(_ref) {
         children: children
     });
 };
-var TtsAudioRuntime = function(t0) {
-    var $ = (0, import_react_compiler_runtime51.c)(7);
-    var children = t0.children, play = t0.play;
-    var t1;
-    if ($[0] !== play) {
-        t1 = {
-            play: play
-        };
-        $[0] = play;
-        $[1] = t1;
-    } else {
-        t1 = $[1];
-    }
-    var ttsAudioRuntime = useTtsAudioRuntime(t1).ttsAudioRuntime;
-    var t2;
-    if ($[2] !== ttsAudioRuntime) {
-        t2 = {
-            audioRuntime: ttsAudioRuntime
-        };
-        $[2] = ttsAudioRuntime;
-        $[3] = t2;
-    } else {
-        t2 = $[3];
-    }
-    var t3;
-    if ($[4] !== children || $[5] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(AudioThreadContext.Provider, {
-            value: t2,
-            children: children
-        });
-        $[4] = children;
-        $[5] = t2;
-        $[6] = t3;
-    } else {
-        t3 = $[6];
-    }
-    return t3;
-};
 var AudioRuntimeProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime51.c)(3);
+    var $ = (0, import_react_compiler_runtime52.c)(3);
     var children = t0.children, play = t0.play;
     var audioThreadContext = useAudioThreadContext();
     if (audioThreadContext.audioRuntime) {
@@ -9890,7 +9900,7 @@ var AudioRuntimeProvider = function(t0) {
     }
     var t1;
     if ($[0] !== children || $[1] !== play) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(TtsAudioRuntime, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(TtsAudioRuntimeProvider, {
             play: play,
             children: children
         });
@@ -9903,7 +9913,7 @@ var AudioRuntimeProvider = function(t0) {
     return t1;
 };
 var Provider5 = function(t0) {
-    var $ = (0, import_react_compiler_runtime51.c)(9);
+    var $ = (0, import_react_compiler_runtime52.c)(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -9930,7 +9940,7 @@ var Provider5 = function(t0) {
     }
     var t2;
     if ($[6] !== children || $[7] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(AudioThreadContext.Provider, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(AudioThreadContext.Provider, {
             value: t1,
             children: children
         });
@@ -9944,11 +9954,11 @@ var Provider5 = function(t0) {
 };
 var Root12 = function(_ref2) {
     var children = _ref2.children, play = _ref2.play, className = _ref2.className, style = _ref2.style, rest = _objectWithoutProperties5(_ref2, _excluded22);
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Provider5, _objectSpread46(_objectSpread46({}, rest), {}, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(AudioRuntimeProvider, {
+    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_runtime82.jsx)(ToastsProvider, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Content8, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToastsProvider, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Content8, {
                     className: className,
                     style: style,
                     children: children
@@ -9966,7 +9976,7 @@ 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;
@@ -9997,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",
@@ -10006,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, "%"),
@@ -10026,10 +10036,10 @@ var BarsVisualizer = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-var import_react_compiler_runtime52 = require("react-compiler-runtime");
+var import_react_compiler_runtime53 = require("react-compiler-runtime");
 var import_react66 = require("react");
 var useStatus = function() {
-    var $ = (0, import_react_compiler_runtime52.c)(2);
+    var $ = (0, import_react_compiler_runtime53.c)(2);
     var audioRuntime = useAudioThreadContext().audioRuntime;
     var t0;
     bb0: {
@@ -10077,7 +10087,7 @@ var useStatus = function() {
     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) {
@@ -10149,7 +10159,7 @@ var Visualization = function(props) {
         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",
@@ -10157,7 +10167,7 @@ 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",
@@ -10167,20 +10177,20 @@ var Visualization = function(props) {
                     borderRadius: "9999px",
                     scale: scale
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(BarsVisualizer, {
+                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
                     })
                 ]
@@ -10189,10 +10199,10 @@ var Visualization = function(props) {
     }));
 };
 // src/components/threads/AudioThread/Status/index.tsx
-var import_react_compiler_runtime53 = 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) {
@@ -10201,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
@@ -10224,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) {
@@ -10269,7 +10279,7 @@ function _toPrimitive48(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Status = function(props) {
-    var $ = (0, import_react_compiler_runtime53.c)(12);
+    var $ = (0, import_react_compiler_runtime54.c)(12);
     var status = useStatus().status;
     if (status === "recording") {
         var _t;
@@ -10286,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;
@@ -10312,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;
@@ -10334,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;
@@ -10355,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;
@@ -10366,10 +10376,10 @@ var Status = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-var import_react_compiler_runtime55 = 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) {
@@ -10414,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",
@@ -10423,36 +10433,36 @@ 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_runtime54 = 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_runtime54.c)(27);
+    var $ = (0, import_react_compiler_runtime55.c)(27);
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var superinterfaceContext = useSuperinterfaceContext();
     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.audioRuntime.user.pause) {
-            t1 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.Flex, {
+            t1 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.Flex, {
                 mr: "3",
                 ml: "-7",
-                children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.IconButton, {
                     onClick: audioThreadContext.audioRuntime.user.pause,
                     color: "gray",
                     variant: "soft",
@@ -10467,14 +10477,14 @@ var ActionButton = function() {
         }
         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.audioRuntime.user.stop) {
-            t3 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
+            t3 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.IconButton, {
                 onClick: audioThreadContext.audioRuntime.user.stop,
                 highContrast: true,
                 variant: "soft",
@@ -10488,7 +10498,7 @@ var ActionButton = function() {
         }
         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,
@@ -10506,14 +10516,14 @@ var ActionButton = function() {
     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.audioRuntime.user.resume) {
-            _t3 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
+            _t3 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.IconButton, {
                 onClick: audioThreadContext.audioRuntime.user.resume,
                 color: "red",
                 size: "4",
@@ -10529,7 +10539,7 @@ var ActionButton = function() {
     if (status === "idle") {
         var _t4;
         if ($[12] !== audioThreadContext.audioRuntime.user) {
-            _t4 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
+            _t4 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.IconButton, {
                 onClick: function() {
                     return audioThreadContext.audioRuntime.user.start();
                 },
@@ -10561,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",
@@ -10595,14 +10605,14 @@ var ActionButton = function() {
         }
         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
@@ -10616,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
@@ -10628,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) {
@@ -10673,17 +10683,17 @@ function _toPrimitive50(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Form = function(props) {
-    var $ = (0, import_react_compiler_runtime55.c)(17);
+    var $ = (0, import_react_compiler_runtime56.c)(17);
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     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
                 }
@@ -10709,7 +10719,7 @@ var Form = function(props) {
     var t4 = status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
     var t5;
     if ($[4] !== audioThreadContext.audioRuntime.user.visualizationAnalyser || $[5] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(BarsVisualizer, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(BarsVisualizer, {
             visualizationAnalyser: audioThreadContext.audioRuntime.user.visualizationAnalyser,
             backgroundColor: t4,
             height: "20px",
@@ -10723,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,
@@ -10737,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: [
@@ -10753,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), {}, {
@@ -10778,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) {
@@ -10823,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, {})
         ]
     }));
 };
@@ -10836,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) {
@@ -10881,19 +10891,19 @@ 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/hooks/audioRuntimes/useRealtimeWebRTCAudioRuntime/index.ts
+// src/hooks/audioRuntimes/useWebrtcAudioRuntime/index.ts
 var import_react68 = require("react");
 function asyncGeneratorStep12(n, t, e, r, o, a, c) {
     try {
@@ -10918,7 +10928,7 @@ function _asyncToGenerator12(n) {
         });
     };
 }
-var useRealtimeWebRTCAudioRuntime = function() {
+var useWebrtcAudioRuntime = function() {
     var startSessionIfNeeded = function startSessionIfNeeded() {
         return _startSessionIfNeeded.apply(this, arguments);
     };
@@ -10995,7 +11005,7 @@ var useRealtimeWebRTCAudioRuntime = function() {
     }
     function _initRealtimeSession() {
         _initRealtimeSession = _asyncToGenerator12(function() {
-            var peerConn, audioEl, ms, offer, searchParams, sdpResponse, answerSdp, answer, err;
+            var peerConn, audioEl, ms, offer, searchParams, sdpResponse, reader, decoder, answerSdp, _ref, value, done, answer, err;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -11082,12 +11092,28 @@ var useRealtimeWebRTCAudioRuntime = function() {
                         ];
                     case 4:
                         sdpResponse = _state.sent();
+                        if (!sdpResponse.ok) {
+                            throw new Error("Server responded with status ".concat(sdpResponse.status));
+                        }
+                        if (!sdpResponse.body) {
+                            throw new Error("ReadableStream not supported in this browser.");
+                        }
+                        reader = sdpResponse.body.getReader();
+                        decoder = new TextDecoder("utf-8");
+                        answerSdp = "";
                         return [
                             4,
-                            sdpResponse.text()
+                            reader.read()
                         ];
                     case 5:
-                        answerSdp = _state.sent();
+                        _ref = _state.sent(), value = _ref.value, done = _ref.done;
+                        if (done) {
+                            throw new Error("Stream closed before SDP was received");
+                        }
+                        answerSdp += decoder.decode(value, {
+                            stream: true
+                        });
+                        console.log("Received SDP Answer:", answerSdp);
                         answer = {
                             type: "answer",
                             sdp: answerSdp
@@ -11132,7 +11158,7 @@ var useRealtimeWebRTCAudioRuntime = function() {
     }
     return (0, import_react68.useMemo)(function() {
         return {
-            realtimeWebRTCAudioRuntime: {
+            webrtcAudioRuntime: {
                 user: {
                     start: function() {
                         var _start = _asyncToGenerator12(function() {
@@ -11325,10 +11351,41 @@ var useRealtimeWebRTCAudioRuntime = function() {
         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_runtime56 = require("react-compiler-runtime");
+var import_react_compiler_runtime58 = require("react-compiler-runtime");
 var import_react69 = require("react");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var _excluded6 = [
     "children"
 ];
@@ -11351,7 +11408,7 @@ function _objectWithoutPropertiesLoose6(r, e) {
     return t;
 }
 var MarkdownProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime56.c)(9);
+    var $ = (0, import_react_compiler_runtime58.c)(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -11381,7 +11438,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
         });
@@ -11394,18 +11451,18 @@ var MarkdownProvider = function(t0) {
     return t3;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-var import_react_compiler_runtime59 = require("react-compiler-runtime");
+var import_react_compiler_runtime61 = require("react-compiler-runtime");
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-var import_react_compiler_runtime58 = require("react-compiler-runtime");
+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_runtime57 = 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_runtime57.c)(5);
+    var $ = (0, import_react_compiler_runtime59.c)(5);
     var fileId = t0.fileId;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -11442,18 +11499,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
                         })
@@ -11469,9 +11526,9 @@ 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_runtime58.c)(18);
+    var $ = (0, import_react_compiler_runtime60.c)(18);
     var annotation = t0.annotation;
     var _ref = _sliced_to_array((0, import_react70.useState)(null), 2), activeFileId = _ref[0], setActiveFileId = _ref[1];
     var t1;
@@ -11486,14 +11543,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",
@@ -11529,9 +11586,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"
             })
         });
@@ -11541,7 +11598,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;
@@ -11551,7 +11608,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))",
@@ -11569,7 +11626,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
@@ -11582,7 +11639,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
@@ -11597,7 +11654,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"
 ];
@@ -11620,7 +11677,7 @@ function _objectWithoutPropertiesLoose7(r, e) {
     return t;
 }
 var SourceAnnotation = function(t0) {
-    var $ = (0, import_react_compiler_runtime59.c)(10);
+    var $ = (0, import_react_compiler_runtime61.c)(10);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -11648,7 +11705,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;
@@ -11661,7 +11718,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
                 });
@@ -11677,7 +11734,7 @@ var SourceAnnotation = function(t0) {
     return null;
 };
 // src/components/avatars/Avatar.tsx
-var import_react_compiler_runtime62 = 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";
@@ -11702,7 +11759,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_runtime60 = 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) {
@@ -11754,9 +11811,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_runtime60.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;
@@ -11775,7 +11832,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: "",
@@ -11793,7 +11850,7 @@ var ImageAvatar = function(t0) {
     return t2;
 };
 // src/components/iconAvatars/IconAvatar.tsx
-var import_react_compiler_runtime61 = require("react-compiler-runtime");
+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
@@ -11801,16 +11858,16 @@ 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_runtime61.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 {
@@ -11818,7 +11875,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,
@@ -11835,16 +11892,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_runtime62.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,
@@ -11863,7 +11920,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,
@@ -11882,7 +11939,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,
@@ -11898,7 +11955,7 @@ var Avatar6 = function(t0) {
     return t2;
 };
 // src/components/components/ComponentsProvider.tsx
-var import_react_compiler_runtime63 = require("react-compiler-runtime");
+var import_react_compiler_runtime65 = require("react-compiler-runtime");
 var import_react73 = require("react");
 // src/hooks/components/useComponents.ts
 var import_react72 = require("react");
@@ -11906,7 +11963,7 @@ var useComponents = function() {
     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"
 ];
@@ -11929,7 +11986,7 @@ function _objectWithoutPropertiesLoose8(r, e) {
     return t;
 }
 var ComponentsProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime63.c)(9);
+    var $ = (0, import_react_compiler_runtime65.c)(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -11959,7 +12016,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
         });
@@ -11972,11 +12029,11 @@ var ComponentsProvider = function(t0) {
     return t3;
 };
 // src/components/assistants/AssistantProvider/index.tsx
-var import_react_compiler_runtime64 = 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_runtime64.c)(10);
+    var $ = (0, import_react_compiler_runtime66.c)(10);
     var children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -11994,7 +12051,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;
@@ -12004,7 +12061,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
         });
@@ -12016,7 +12073,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
         });
@@ -12048,7 +12105,9 @@ var AssistantProvider = function(t0) {
     Thread: Thread,
     ThreadDialog: ThreadDialog,
     ThreadDialogContext: ThreadDialogContext,
+    TtsAudioRuntimeProvider: TtsAudioRuntimeProvider,
     UserAvatarContext: UserAvatarContext,
+    WebrtcAudioRuntimeProvider: WebrtcAudioRuntimeProvider,
     useAssistant: useAssistant,
     useAudioThreadContext: useAudioThreadContext,
     useComponents: useComponents,
@@ -12059,10 +12118,10 @@ var AssistantProvider = function(t0) {
     useMessageContext: useMessageContext,
     useMessageFormContext: useMessageFormContext,
     useMessages: useMessages,
-    useRealtimeWebRTCAudioRuntime: useRealtimeWebRTCAudioRuntime,
     useSuperinterfaceContext: useSuperinterfaceContext,
     useThreadContext: useThreadContext,
     useThreadDialogContext: useThreadDialogContext,
-    useTtsAudioRuntime: useTtsAudioRuntime
+    useTtsAudioRuntime: useTtsAudioRuntime,
+    useWebrtcAudioRuntime: useWebrtcAudioRuntime
 });
 //# sourceMappingURL=index.cjs.map