@superinterface/react 3.11.1 → 3.12.0

package/dist/index.js

@@ -8601,7 +8601,7 @@ ThreadDialog.Root = Root9;
 ThreadDialog.Trigger = Trigger;
 ThreadDialog.Content = Content7;
 // src/components/threads/AudioThread/Root/index.tsx
-import { c as _c51 } from "react-compiler-runtime";
+import { c as _c52 } from "react-compiler-runtime";
 import { Flex as Flex29 } from "@radix-ui/themes";
 // src/contexts/threads/AudioThreadContext/index.ts
 import { createContext as createContext13 } from "react";
@@ -8613,6 +8613,8 @@ import { useContext as useContext15 } from "react";
 var useAudioThreadContext = function() {
     return useContext15(AudioThreadContext);
 };
+// src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
+import { c as _c51 } from "react-compiler-runtime";
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
 import { c as _c50 } from "react-compiler-runtime";
 import { useMemo as useMemo18 } from "react";
@@ -9595,8 +9597,48 @@ function _temp23() {
     });
     return _temp23.apply(this, arguments);
 }
-// src/components/threads/AudioThread/Root/index.tsx
+// src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
 import { jsx as _jsx82 } from "react/jsx-runtime";
+var TtsAudioRuntimeProvider = function(t0) {
+    var $ = _c51(7);
+    var children = t0.children, play = t0.play;
+    var t1;
+    if ($[0] !== play) {
+        t1 = {
+            play: play
+        };
+        $[0] = play;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var ttsAudioRuntime = useTtsAudioRuntime(t1).ttsAudioRuntime;
+    var t2;
+    if ($[2] !== ttsAudioRuntime) {
+        t2 = {
+            audioRuntime: ttsAudioRuntime
+        };
+        $[2] = ttsAudioRuntime;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    var t3;
+    if ($[4] !== children || $[5] !== t2) {
+        t3 = /* @__PURE__ */ _jsx82(AudioThreadContext.Provider, {
+            value: t2,
+            children: children
+        });
+        $[4] = children;
+        $[5] = t2;
+        $[6] = t3;
+    } else {
+        t3 = $[6];
+    }
+    return t3;
+};
+// src/components/threads/AudioThread/Root/index.tsx
+import { jsx as _jsx83 } from "react/jsx-runtime";
 var _excluded5 = [
     "children"
 ];
@@ -9669,7 +9711,7 @@ function _objectWithoutPropertiesLoose5(r, e) {
 }
 var Content8 = function(_ref) {
     var children = _ref.children, className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ _jsx82(Flex29, {
+    return /* @__PURE__ */ _jsx83(Flex29, {
         direction: "column",
         flexGrow: "1",
         p: "9",
@@ -9678,46 +9720,8 @@ var Content8 = function(_ref) {
         children: children
     });
 };
-var TtsAudioRuntime = function(t0) {
-    var $ = _c51(7);
-    var children = t0.children, play = t0.play;
-    var t1;
-    if ($[0] !== play) {
-        t1 = {
-            play: play
-        };
-        $[0] = play;
-        $[1] = t1;
-    } else {
-        t1 = $[1];
-    }
-    var ttsAudioRuntime = useTtsAudioRuntime(t1).ttsAudioRuntime;
-    var t2;
-    if ($[2] !== ttsAudioRuntime) {
-        t2 = {
-            audioRuntime: ttsAudioRuntime
-        };
-        $[2] = ttsAudioRuntime;
-        $[3] = t2;
-    } else {
-        t2 = $[3];
-    }
-    var t3;
-    if ($[4] !== children || $[5] !== t2) {
-        t3 = /* @__PURE__ */ _jsx82(AudioThreadContext.Provider, {
-            value: t2,
-            children: children
-        });
-        $[4] = children;
-        $[5] = t2;
-        $[6] = t3;
-    } else {
-        t3 = $[6];
-    }
-    return t3;
-};
 var AudioRuntimeProvider = function(t0) {
-    var $ = _c51(3);
+    var $ = _c52(3);
     var children = t0.children, play = t0.play;
     var audioThreadContext = useAudioThreadContext();
     if (audioThreadContext.audioRuntime) {
@@ -9725,7 +9729,7 @@ var AudioRuntimeProvider = function(t0) {
     }
     var t1;
     if ($[0] !== children || $[1] !== play) {
-        t1 = /* @__PURE__ */ _jsx82(TtsAudioRuntime, {
+        t1 = /* @__PURE__ */ _jsx83(TtsAudioRuntimeProvider, {
             play: play,
             children: children
         });
@@ -9738,7 +9742,7 @@ var AudioRuntimeProvider = function(t0) {
     return t1;
 };
 var Provider5 = function(t0) {
-    var $ = _c51(9);
+    var $ = _c52(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -9765,7 +9769,7 @@ var Provider5 = function(t0) {
     }
     var t2;
     if ($[6] !== children || $[7] !== t1) {
-        t2 = /* @__PURE__ */ _jsx82(AudioThreadContext.Provider, {
+        t2 = /* @__PURE__ */ _jsx83(AudioThreadContext.Provider, {
             value: t1,
             children: children
         });
@@ -9779,11 +9783,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__ */ _jsx82(Provider5, _objectSpread46(_objectSpread46({}, rest), {}, {
-        children: /* @__PURE__ */ _jsx82(AudioRuntimeProvider, {
+    return /* @__PURE__ */ _jsx83(Provider5, _objectSpread46(_objectSpread46({}, rest), {}, {
+        children: /* @__PURE__ */ _jsx83(AudioRuntimeProvider, {
             play: play,
-            children: /* @__PURE__ */ _jsx82(ToastsProvider, {
-                children: /* @__PURE__ */ _jsx82(Content8, {
+            children: /* @__PURE__ */ _jsx83(ToastsProvider, {
+                children: /* @__PURE__ */ _jsx83(Content8, {
                     className: className,
                     style: style,
                     children: children
@@ -9801,7 +9805,7 @@ import _8 from "lodash";
 import { Flex as Flex30, Grid } from "@radix-ui/themes";
 import { useState as useState10, useEffect as useEffect11, useCallback as useCallback7 } from "react";
 import { cluster } from "radash";
-import { jsx as _jsx83 } from "react/jsx-runtime";
+import { jsx as _jsx84 } from "react/jsx-runtime";
 var barCount = 4;
 var BarsVisualizer = function(_ref) {
     var visualizationAnalyser = _ref.visualizationAnalyser, backgroundColor = _ref.backgroundColor, height = _ref.height, barWidth = _ref.barWidth;
@@ -9832,7 +9836,7 @@ var BarsVisualizer = function(_ref) {
         draw,
         visualizationAnalyser
     ]);
-    return /* @__PURE__ */ _jsx83(Grid, {
+    return /* @__PURE__ */ _jsx84(Grid, {
         columns: "".concat(barCount),
         gap: "1",
         width: "auto",
@@ -9841,12 +9845,12 @@ var BarsVisualizer = function(_ref) {
             gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
         },
         children: barHeights.map(function(barHeight, index) {
-            return /* @__PURE__ */ _jsx83(Flex30, {
+            return /* @__PURE__ */ _jsx84(Flex30, {
                 direction: "column",
                 align: "center",
                 justify: "center",
                 height: height,
-                children: /* @__PURE__ */ _jsx83(Flex30, {
+                children: /* @__PURE__ */ _jsx84(Flex30, {
                     minHeight: "50%",
                     maxHeight: "100%",
                     height: "".concat(barHeight + 20, "%"),
@@ -9861,10 +9865,10 @@ var BarsVisualizer = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-import { c as _c52 } from "react-compiler-runtime";
+import { c as _c53 } from "react-compiler-runtime";
 import { useMemo as useMemo19 } from "react";
 var useStatus = function() {
-    var $ = _c52(2);
+    var $ = _c53(2);
     var audioRuntime = useAudioThreadContext().audioRuntime;
     var t0;
     bb0: {
@@ -9912,7 +9916,7 @@ var useStatus = function() {
     return t1;
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-import { jsx as _jsx84, jsxs as _jsxs31 } from "react/jsx-runtime";
+import { jsx as _jsx85, jsxs as _jsxs31 } from "react/jsx-runtime";
 function ownKeys47(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -9992,7 +9996,7 @@ var Visualization = function(props) {
         flexGrow: "1"
     }, props), {}, {
         children: [
-            /* @__PURE__ */ _jsx84(Flex31, {
+            /* @__PURE__ */ _jsx85(Flex31, {
                 align: "center",
                 justify: "center",
                 height: "200px",
@@ -10002,7 +10006,7 @@ var Visualization = function(props) {
                     borderRadius: "9999px",
                     scale: scale
                 },
-                children: /* @__PURE__ */ _jsx84(BarsVisualizer, {
+                children: /* @__PURE__ */ _jsx85(BarsVisualizer, {
                     visualizationAnalyser: audioThreadContext.audioRuntime.assistant.visualizationAnalyser,
                     backgroundColor: status === "playing" ? "var(--accent-11)" : "var(--gray-11)",
                     height: "40px",
@@ -10014,8 +10018,8 @@ var Visualization = function(props) {
                 gap: "3",
                 pt: "5",
                 children: [
-                    /* @__PURE__ */ _jsx84(AssistantAvatar, {}),
-                    /* @__PURE__ */ _jsx84(Name, {
+                    /* @__PURE__ */ _jsx85(AssistantAvatar, {}),
+                    /* @__PURE__ */ _jsx85(Name, {
                         children: assistantNameContext
                     })
                 ]
@@ -10024,10 +10028,10 @@ var Visualization = function(props) {
     }));
 };
 // src/components/threads/AudioThread/Status/index.tsx
-import { c as _c53 } from "react-compiler-runtime";
+import { c as _c54 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
 import { Flex as Flex32, Text as Text9 } from "@radix-ui/themes";
-import { jsx as _jsx85, jsxs as _jsxs32 } from "react/jsx-runtime";
+import { jsx as _jsx86, jsxs as _jsxs32 } from "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) {
@@ -10042,13 +10046,13 @@ var StatusMessages = function(_ref2) {
         className: className,
         style: style,
         children: [
-            /* @__PURE__ */ _jsx85(Text9, {
+            /* @__PURE__ */ _jsx86(Text9, {
                 size: "2",
                 weight: "regular",
                 color: "gray",
                 className: "status-messages-texts"
             }),
-            /* @__PURE__ */ _jsx85("style", {
+            /* @__PURE__ */ _jsx86("style", {
                 dangerouslySetInnerHTML: {
                     __html: html({
                         texts: texts
@@ -10059,7 +10063,7 @@ var StatusMessages = function(_ref2) {
     });
 };
 // src/components/threads/AudioThread/Status/index.tsx
-import { jsx as _jsx86 } from "react/jsx-runtime";
+import { jsx as _jsx87 } from "react/jsx-runtime";
 function ownKeys48(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10104,7 +10108,7 @@ function _toPrimitive48(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Status = function(props) {
-    var $ = _c53(12);
+    var $ = _c54(12);
     var status = useStatus().status;
     if (status === "recording") {
         var _t;
@@ -10121,7 +10125,7 @@ var Status = function(props) {
         }
         var _t2;
         if ($[1] !== props) {
-            _t2 = /* @__PURE__ */ _jsx86(StatusMessages, _objectSpread48({
+            _t2 = /* @__PURE__ */ _jsx87(StatusMessages, _objectSpread48({
                 texts: _t
             }, props));
             $[1] = props;
@@ -10147,7 +10151,7 @@ var Status = function(props) {
         }
         var _t4;
         if ($[4] !== props) {
-            _t4 = /* @__PURE__ */ _jsx86(StatusMessages, _objectSpread48({
+            _t4 = /* @__PURE__ */ _jsx87(StatusMessages, _objectSpread48({
                 texts: _t3
             }, props));
             $[4] = props;
@@ -10169,7 +10173,7 @@ var Status = function(props) {
         }
         var _t6;
         if ($[7] !== props) {
-            _t6 = /* @__PURE__ */ _jsx86(StatusMessages, _objectSpread48({
+            _t6 = /* @__PURE__ */ _jsx87(StatusMessages, _objectSpread48({
                 texts: _t5
             }, props));
             $[7] = props;
@@ -10190,7 +10194,7 @@ var Status = function(props) {
     }
     var t1;
     if ($[10] !== props) {
-        t1 = /* @__PURE__ */ _jsx86(StatusMessages, _objectSpread48({
+        t1 = /* @__PURE__ */ _jsx87(StatusMessages, _objectSpread48({
             texts: t0
         }, props));
         $[10] = props;
@@ -10201,10 +10205,10 @@ var Status = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-import { c as _c55 } from "react-compiler-runtime";
+import { c as _c56 } from "react-compiler-runtime";
 import { Flex as Flex34 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/Form/MicIcon.tsx
-import { jsx as _jsx87 } from "react/jsx-runtime";
+import { jsx as _jsx88 } from "react/jsx-runtime";
 function ownKeys49(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10249,7 +10253,7 @@ function _toPrimitive49(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MicIcon = function(props) {
-    return /* @__PURE__ */ _jsx87("svg", _objectSpread49(_objectSpread49({
+    return /* @__PURE__ */ _jsx88("svg", _objectSpread49(_objectSpread49({
         xmlns: "http://www.w3.org/2000/svg",
         fill: "currentColor",
         stroke: "currentColor",
@@ -10258,36 +10262,36 @@ var MicIcon = function(props) {
         height: "15",
         width: "15"
     }, props), {}, {
-        children: /* @__PURE__ */ _jsx87("path", {
+        children: /* @__PURE__ */ _jsx88("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
-import { c as _c54 } from "react-compiler-runtime";
+import { c as _c55 } from "react-compiler-runtime";
 import { Flex as Flex33, IconButton as IconButton10 } from "@radix-ui/themes";
 import { StopIcon as StopIcon2, PauseIcon as PauseIcon2, ArrowUpIcon as ArrowUpIcon3, ResumeIcon } from "@radix-ui/react-icons";
-import { jsx as _jsx88, jsxs as _jsxs33 } from "react/jsx-runtime";
+import { jsx as _jsx89, jsxs as _jsxs33 } from "react/jsx-runtime";
 var ActionButton = function() {
-    var $ = _c54(27);
+    var $ = _c55(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__ */ _jsx88(PauseIcon2, {});
+            _t = /* @__PURE__ */ _jsx89(PauseIcon2, {});
             $[0] = _t;
         } else {
             _t = $[0];
         }
         var t1;
         if ($[1] !== audioThreadContext.audioRuntime.user.pause) {
-            t1 = /* @__PURE__ */ _jsx88(Flex33, {
+            t1 = /* @__PURE__ */ _jsx89(Flex33, {
                 mr: "3",
                 ml: "-7",
-                children: /* @__PURE__ */ _jsx88(IconButton10, {
+                children: /* @__PURE__ */ _jsx89(IconButton10, {
                     onClick: audioThreadContext.audioRuntime.user.pause,
                     color: "gray",
                     variant: "soft",
@@ -10302,14 +10306,14 @@ var ActionButton = function() {
         }
         var t2;
         if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-            t2 = /* @__PURE__ */ _jsx88(ArrowUpIcon3, {});
+            t2 = /* @__PURE__ */ _jsx89(ArrowUpIcon3, {});
             $[3] = t2;
         } else {
             t2 = $[3];
         }
         var t3;
         if ($[4] !== audioThreadContext.audioRuntime.user.stop) {
-            t3 = /* @__PURE__ */ _jsx88(IconButton10, {
+            t3 = /* @__PURE__ */ _jsx89(IconButton10, {
                 onClick: audioThreadContext.audioRuntime.user.stop,
                 highContrast: true,
                 variant: "soft",
@@ -10341,14 +10345,14 @@ var ActionButton = function() {
     if (status === "recorderPaused") {
         var _t2;
         if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-            _t2 = /* @__PURE__ */ _jsx88(ResumeIcon, {});
+            _t2 = /* @__PURE__ */ _jsx89(ResumeIcon, {});
             $[9] = _t2;
         } else {
             _t2 = $[9];
         }
         var _t3;
         if ($[10] !== audioThreadContext.audioRuntime.user.resume) {
-            _t3 = /* @__PURE__ */ _jsx88(IconButton10, {
+            _t3 = /* @__PURE__ */ _jsx89(IconButton10, {
                 onClick: audioThreadContext.audioRuntime.user.resume,
                 color: "red",
                 size: "4",
@@ -10364,7 +10368,7 @@ var ActionButton = function() {
     if (status === "idle") {
         var _t4;
         if ($[12] !== audioThreadContext.audioRuntime.user) {
-            _t4 = /* @__PURE__ */ _jsx88(IconButton10, {
+            _t4 = /* @__PURE__ */ _jsx89(IconButton10, {
                 onClick: function() {
                     return audioThreadContext.audioRuntime.user.start();
                 },
@@ -10396,14 +10400,14 @@ var ActionButton = function() {
         }
         var _t6;
         if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-            _t6 = /* @__PURE__ */ _jsx88(StopIcon2, {});
+            _t6 = /* @__PURE__ */ _jsx89(StopIcon2, {});
             $[18] = _t6;
         } else {
             _t6 = $[18];
         }
         var _t7;
         if ($[19] !== _t5) {
-            _t7 = /* @__PURE__ */ _jsx88(IconButton10, {
+            _t7 = /* @__PURE__ */ _jsx89(IconButton10, {
                 onClick: _t5,
                 size: "4",
                 color: "gray",
@@ -10430,14 +10434,14 @@ var ActionButton = function() {
         }
         var _t9;
         if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-            _t9 = /* @__PURE__ */ _jsx88(ResumeIcon, {});
+            _t9 = /* @__PURE__ */ _jsx89(ResumeIcon, {});
             $[23] = _t9;
         } else {
             _t9 = $[23];
         }
         var _t10;
         if ($[24] !== _t8) {
-            _t10 = /* @__PURE__ */ _jsx88(IconButton10, {
+            _t10 = /* @__PURE__ */ _jsx89(IconButton10, {
                 onClick: _t8,
                 size: "4",
                 children: _t9
@@ -10451,7 +10455,7 @@ var ActionButton = function() {
     }
     var t0;
     if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx88(IconButton10, {
+        t0 = /* @__PURE__ */ _jsx89(IconButton10, {
             size: "4",
             variant: "soft",
             disabled: true
@@ -10463,7 +10467,7 @@ var ActionButton = function() {
     return t0;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-import { jsx as _jsx89, jsxs as _jsxs34 } from "react/jsx-runtime";
+import { jsx as _jsx90, jsxs as _jsxs34 } from "react/jsx-runtime";
 function ownKeys50(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10508,17 +10512,17 @@ function _toPrimitive50(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Form = function(props) {
-    var $ = _c55(17);
+    var $ = _c56(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__ */ _jsx89(Flex34, {
+        t1 = /* @__PURE__ */ _jsx90(Flex34, {
             ml: "-22.5px",
             mr: "2",
             align: "center",
-            children: /* @__PURE__ */ _jsx89(MicIcon, {
+            children: /* @__PURE__ */ _jsx90(MicIcon, {
                 style: {
                     color: t0
                 }
@@ -10544,7 +10548,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__ */ _jsx89(BarsVisualizer, {
+        t5 = /* @__PURE__ */ _jsx90(BarsVisualizer, {
             visualizationAnalyser: audioThreadContext.audioRuntime.user.visualizationAnalyser,
             backgroundColor: t4,
             height: "20px",
@@ -10558,7 +10562,7 @@ var Form = function(props) {
     }
     var t6;
     if ($[7] !== t3 || $[8] !== t5) {
-        t6 = /* @__PURE__ */ _jsx89(Flex34, {
+        t6 = /* @__PURE__ */ _jsx90(Flex34, {
             px: "2",
             py: "1",
             style: t3,
@@ -10588,7 +10592,7 @@ var Form = function(props) {
     }
     var t8;
     if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-        t8 = /* @__PURE__ */ _jsx89(ActionButton, {});
+        t8 = /* @__PURE__ */ _jsx90(ActionButton, {});
         $[13] = t8;
     } else {
         t8 = $[13];
@@ -10613,7 +10617,7 @@ var Form = function(props) {
     return t9;
 };
 // src/components/threads/AudioThread/index.tsx
-import { jsx as _jsx90, jsxs as _jsxs35 } from "react/jsx-runtime";
+import { jsx as _jsx91, jsxs as _jsxs35 } from "react/jsx-runtime";
 function ownKeys51(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10660,9 +10664,9 @@ function _toPrimitive51(t, r) {
 var AudioThread = function(props) {
     return /* @__PURE__ */ _jsxs35(Root12, _objectSpread51(_objectSpread51({}, props), {}, {
         children: [
-            /* @__PURE__ */ _jsx90(Visualization, {}),
-            /* @__PURE__ */ _jsx90(Status, {}),
-            /* @__PURE__ */ _jsx90(Form, {})
+            /* @__PURE__ */ _jsx91(Visualization, {}),
+            /* @__PURE__ */ _jsx91(Status, {}),
+            /* @__PURE__ */ _jsx91(Form, {})
         ]
     }));
 };
@@ -10671,7 +10675,7 @@ AudioThread.Visualization = Visualization;
 AudioThread.Status = Status;
 AudioThread.Form = Form;
 // src/components/threads/AudioThreadDialog/index.tsx
-import { jsx as _jsx91, jsxs as _jsxs36 } from "react/jsx-runtime";
+import { jsx as _jsx92, jsxs as _jsxs36 } from "react/jsx-runtime";
 function ownKeys52(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10718,17 +10722,17 @@ function _toPrimitive52(t, r) {
 var AudioThreadDialog = function(props) {
     return /* @__PURE__ */ _jsxs36(Root9, _objectSpread52(_objectSpread52({}, props), {}, {
         children: [
-            /* @__PURE__ */ _jsx91(Content7.Root, {
-                children: /* @__PURE__ */ _jsx91(AudioThread, {})
+            /* @__PURE__ */ _jsx92(Content7.Root, {
+                children: /* @__PURE__ */ _jsx92(AudioThread, {})
             }),
-            /* @__PURE__ */ _jsx91(Trigger, {})
+            /* @__PURE__ */ _jsx92(Trigger, {})
         ]
     }));
 };
 AudioThreadDialog.Root = Root9;
 AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content7;
-// src/hooks/audioRuntimes/useRealtimeWebRTCAudioRuntime/index.ts
+// src/hooks/audioRuntimes/useWebrtcAudioRuntime/index.ts
 import { useEffect as useEffect13, useMemo as useMemo20, useRef as useRef9, useState as useState12 } from "react";
 function asyncGeneratorStep12(n, t, e, r, o, a, c) {
     try {
@@ -10753,7 +10757,7 @@ function _asyncToGenerator12(n) {
         });
     };
 }
-var useRealtimeWebRTCAudioRuntime = function() {
+var useWebrtcAudioRuntime = function() {
     var startSessionIfNeeded = function startSessionIfNeeded() {
         return _startSessionIfNeeded.apply(this, arguments);
     };
@@ -10967,7 +10971,7 @@ var useRealtimeWebRTCAudioRuntime = function() {
     }
     return useMemo20(function() {
         return {
-            realtimeWebRTCAudioRuntime: {
+            webrtcAudioRuntime: {
                 user: {
                     start: function() {
                         var _start = _asyncToGenerator12(function() {
@@ -11160,10 +11164,41 @@ var useRealtimeWebRTCAudioRuntime = function() {
         assistantAudioPlayed
     ]);
 };
+// src/components/audioRuntimes/WebrtcAudioRuntimeProvider.tsx
+import { c as _c57 } from "react-compiler-runtime";
+import { jsx as _jsx93 } from "react/jsx-runtime";
+var WebrtcAudioRuntimeProvider = function(t0) {
+    var $ = _c57(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__ */ _jsx93(AudioThreadContext.Provider, {
+            value: t1,
+            children: children
+        });
+        $[2] = children;
+        $[3] = t1;
+        $[4] = t2;
+    } else {
+        t2 = $[4];
+    }
+    return t2;
+};
 // src/components/markdown/MarkdownProvider/index.tsx
-import { c as _c56 } from "react-compiler-runtime";
+import { c as _c58 } from "react-compiler-runtime";
 import { useMemo as useMemo21 } from "react";
-import { jsx as _jsx92 } from "react/jsx-runtime";
+import { jsx as _jsx94 } from "react/jsx-runtime";
 var _excluded6 = [
     "children"
 ];
@@ -11186,7 +11221,7 @@ function _objectWithoutPropertiesLoose6(r, e) {
     return t;
 }
 var MarkdownProvider = function(t0) {
-    var $ = _c56(9);
+    var $ = _c58(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -11216,7 +11251,7 @@ var MarkdownProvider = function(t0) {
     var value = t1;
     var t3;
     if ($[6] !== children || $[7] !== value) {
-        t3 = /* @__PURE__ */ _jsx92(MarkdownContext.Provider, {
+        t3 = /* @__PURE__ */ _jsx94(MarkdownContext.Provider, {
             value: value,
             children: children
         });
@@ -11229,18 +11264,18 @@ var MarkdownProvider = function(t0) {
     return t3;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-import { c as _c59 } from "react-compiler-runtime";
+import { c as _c61 } from "react-compiler-runtime";
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-import { c as _c58 } from "react-compiler-runtime";
+import { c as _c60 } from "react-compiler-runtime";
 import { useState as useState13 } from "react";
 import { QuoteIcon as QuoteIcon2 } from "@radix-ui/react-icons";
 import { Dialog, VisuallyHidden, IconButton as IconButton11 } from "@radix-ui/themes";
 // src/components/annotations/SourceAnnotation/FileCitation/Content.tsx
-import { c as _c57 } from "react-compiler-runtime";
+import { c as _c59 } from "react-compiler-runtime";
 import { Flex as Flex35, Card as Card5, Inset as Inset3 } from "@radix-ui/themes";
-import { jsx as _jsx93 } from "react/jsx-runtime";
+import { jsx as _jsx95 } from "react/jsx-runtime";
 var Content9 = function(t0) {
-    var $ = _c57(5);
+    var $ = _c59(5);
     var fileId = t0.fileId;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -11277,18 +11312,18 @@ var Content9 = function(t0) {
     }
     var t5;
     if ($[3] !== t3) {
-        t5 = /* @__PURE__ */ _jsx93(Flex35, {
+        t5 = /* @__PURE__ */ _jsx95(Flex35, {
             direction: "column",
             flexGrow: "1",
             gap: "3",
-            children: /* @__PURE__ */ _jsx93(Card5, {
+            children: /* @__PURE__ */ _jsx95(Card5, {
                 style: t1,
-                children: /* @__PURE__ */ _jsx93(Inset3, {
+                children: /* @__PURE__ */ _jsx95(Inset3, {
                     clip: "padding-box",
                     style: t2,
-                    children: /* @__PURE__ */ _jsx93(Flex35, {
+                    children: /* @__PURE__ */ _jsx95(Flex35, {
                         flexGrow: "1",
-                        children: /* @__PURE__ */ _jsx93("embed", {
+                        children: /* @__PURE__ */ _jsx95("embed", {
                             src: t3,
                             style: t4
                         })
@@ -11304,9 +11339,9 @@ var Content9 = function(t0) {
     return t5;
 };
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-import { jsx as _jsx94, jsxs as _jsxs37, Fragment as _Fragment4 } from "react/jsx-runtime";
+import { jsx as _jsx96, jsxs as _jsxs37, Fragment as _Fragment4 } from "react/jsx-runtime";
 var FileCitation = function(t0) {
-    var $ = _c58(18);
+    var $ = _c60(18);
     var annotation = t0.annotation;
     var _useState13 = _sliced_to_array(useState13(null), 2), activeFileId = _useState13[0], setActiveFileId = _useState13[1];
     var t1;
@@ -11321,14 +11356,14 @@ var FileCitation = function(t0) {
     }
     var t2;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = /* @__PURE__ */ _jsx94(QuoteIcon2, {});
+        t2 = /* @__PURE__ */ _jsx96(QuoteIcon2, {});
         $[2] = t2;
     } else {
         t2 = $[2];
     }
     var t3;
     if ($[3] !== t1) {
-        t3 = /* @__PURE__ */ _jsx94(IconButton11, {
+        t3 = /* @__PURE__ */ _jsx96(IconButton11, {
             variant: "soft",
             color: "gray",
             size: "1",
@@ -11364,9 +11399,9 @@ var FileCitation = function(t0) {
     }
     var t7;
     if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-        t7 = /* @__PURE__ */ _jsx94(VisuallyHidden, {
+        t7 = /* @__PURE__ */ _jsx96(VisuallyHidden, {
             asChild: true,
-            children: /* @__PURE__ */ _jsx94(Dialog.Title, {
+            children: /* @__PURE__ */ _jsx96(Dialog.Title, {
                 children: "Source"
             })
         });
@@ -11376,7 +11411,7 @@ var FileCitation = function(t0) {
     }
     var t8;
     if ($[8] !== activeFileId) {
-        t8 = activeFileId && /* @__PURE__ */ _jsx94(Content9, {
+        t8 = activeFileId && /* @__PURE__ */ _jsx96(Content9, {
             fileId: activeFileId
         });
         $[8] = activeFileId;
@@ -11404,7 +11439,7 @@ var FileCitation = function(t0) {
     }
     var t10;
     if ($[12] !== t4 || $[13] !== t9) {
-        t10 = /* @__PURE__ */ _jsx94(Dialog.Root, {
+        t10 = /* @__PURE__ */ _jsx96(Dialog.Root, {
             open: t4,
             onOpenChange: t5,
             children: t9
@@ -11432,7 +11467,7 @@ var FileCitation = function(t0) {
     return t11;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-import { jsx as _jsx95 } from "react/jsx-runtime";
+import { jsx as _jsx97 } from "react/jsx-runtime";
 var _excluded7 = [
     "children"
 ];
@@ -11455,7 +11490,7 @@ function _objectWithoutPropertiesLoose7(r, e) {
     return t;
 }
 var SourceAnnotation = function(t0) {
-    var $ = _c59(10);
+    var $ = _c61(10);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -11483,7 +11518,7 @@ var SourceAnnotation = function(t0) {
     if (annotation.type === "file_citation") {
         var t2;
         if ($[5] !== annotation) {
-            t2 = /* @__PURE__ */ _jsx95(FileCitation, {
+            t2 = /* @__PURE__ */ _jsx97(FileCitation, {
                 annotation: annotation
             });
             $[5] = annotation;
@@ -11496,7 +11531,7 @@ var SourceAnnotation = function(t0) {
         if (annotation.type === "file_path") {
             var _t2;
             if ($[7] !== annotation || $[8] !== children) {
-                _t2 = /* @__PURE__ */ _jsx95(FilePathAnnotation, {
+                _t2 = /* @__PURE__ */ _jsx97(FilePathAnnotation, {
                     annotation: annotation,
                     children: children
                 });
@@ -11512,7 +11547,7 @@ var SourceAnnotation = function(t0) {
     return null;
 };
 // src/components/avatars/Avatar.tsx
-import { c as _c62 } from "react-compiler-runtime";
+import { c as _c64 } from "react-compiler-runtime";
 // src/lib/enums/index.ts
 var IconAvatarName = /* @__PURE__ */ function(IconAvatarName2) {
     IconAvatarName2["BACKPACK"] = "BACKPACK";
@@ -11537,7 +11572,7 @@ var AvatarType = /* @__PURE__ */ function(AvatarType2) {
 // src/components/avatars/Avatar.tsx
 import { Avatar as RadixAvatar } from "@radix-ui/themes";
 // src/components/imageAvatars/ImageAvatar/index.tsx
-import { c as _c60 } from "react-compiler-runtime";
+import { c as _c62 } from "react-compiler-runtime";
 import { Avatar as Avatar4 } from "@radix-ui/themes";
 // src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
 var width = function(_ref) {
@@ -11589,9 +11624,9 @@ var optimizedSrc = function(_ref) {
     }));
 };
 // src/components/imageAvatars/ImageAvatar/index.tsx
-import { jsx as _jsx96 } from "react/jsx-runtime";
+import { jsx as _jsx98 } from "react/jsx-runtime";
 var ImageAvatar = function(t0) {
-    var $ = _c60(9);
+    var $ = _c62(9);
     var imageAvatar = t0.imageAvatar, size = t0.size, className = t0.className, style = t0.style;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -11610,7 +11645,7 @@ var ImageAvatar = function(t0) {
     }
     var t2;
     if ($[4] !== className || $[5] !== size || $[6] !== style || $[7] !== t1) {
-        t2 = /* @__PURE__ */ _jsx96(Avatar4, {
+        t2 = /* @__PURE__ */ _jsx98(Avatar4, {
             className: className,
             style: style,
             fallback: "",
@@ -11628,7 +11663,7 @@ var ImageAvatar = function(t0) {
     return t2;
 };
 // src/components/iconAvatars/IconAvatar.tsx
-import { c as _c61 } from "react-compiler-runtime";
+import { c as _c63 } from "react-compiler-runtime";
 import { useMemo as useMemo22 } from "react";
 import { Avatar as Avatar5 } from "@radix-ui/themes";
 // src/lib/iconAvatars/iconAvatarComponents.ts
@@ -11636,16 +11671,16 @@ import { BackpackIcon, RocketIcon, MagicWandIcon, CubeIcon, TargetIcon, DiscIcon
 var _obj;
 var iconAvatarComponents = (_obj = {}, _define_property(_obj, IconAvatarName.BACKPACK, BackpackIcon), _define_property(_obj, IconAvatarName.ROCKET, RocketIcon), _define_property(_obj, IconAvatarName.MAGIC_WAND, MagicWandIcon), _define_property(_obj, IconAvatarName.CUBE, CubeIcon), _define_property(_obj, IconAvatarName.TARGET, TargetIcon), _define_property(_obj, IconAvatarName.DISC, DiscIcon), _define_property(_obj, IconAvatarName.GLOBE, GlobeIcon), _define_property(_obj, IconAvatarName.STAR, StarIcon), _define_property(_obj, IconAvatarName.LIGHTNING_BOLT, LightningBoltIcon2), _define_property(_obj, IconAvatarName.FACE, FaceIcon), _define_property(_obj, IconAvatarName.PERSON, PersonIcon2), _define_property(_obj, IconAvatarName.HEART, HeartIcon), _obj);
 // src/components/iconAvatars/IconAvatar.tsx
-import { jsx as _jsx97 } from "react/jsx-runtime";
+import { jsx as _jsx99 } from "react/jsx-runtime";
 var IconAvatar = function(t0) {
-    var $ = _c61(7);
+    var $ = _c63(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__ */ _jsx97(Component2, {}) : "";
+        t2 = Component2 ? /* @__PURE__ */ _jsx99(Component2, {}) : "";
         $[0] = Component2;
         $[1] = t2;
     } else {
@@ -11653,7 +11688,7 @@ var IconAvatar = function(t0) {
     }
     var t3;
     if ($[2] !== className || $[3] !== size || $[4] !== style || $[5] !== t2) {
-        t3 = /* @__PURE__ */ _jsx97(Avatar5, {
+        t3 = /* @__PURE__ */ _jsx99(Avatar5, {
             className: className,
             style: style,
             size: size,
@@ -11670,16 +11705,16 @@ var IconAvatar = function(t0) {
     return t3;
 };
 // src/components/avatars/Avatar.tsx
-import { jsx as _jsx98 } from "react/jsx-runtime";
+import { jsx as _jsx100 } from "react/jsx-runtime";
 var Avatar6 = function(t0) {
-    var $ = _c62(14);
+    var $ = _c64(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__ */ _jsx98(ImageAvatar, {
+                _t = /* @__PURE__ */ _jsx100(ImageAvatar, {
                     imageAvatar: avatar.imageAvatar,
                     size: size,
                     className: className,
@@ -11698,7 +11733,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__ */ _jsx98(IconAvatar, {
+                _t2 = /* @__PURE__ */ _jsx100(IconAvatar, {
                     iconAvatar: avatar.iconAvatar,
                     size: size,
                     className: className,
@@ -11717,7 +11752,7 @@ var Avatar6 = function(t0) {
     }
     var t2;
     if ($[10] !== className || $[11] !== size || $[12] !== style) {
-        t2 = /* @__PURE__ */ _jsx98(RadixAvatar, {
+        t2 = /* @__PURE__ */ _jsx100(RadixAvatar, {
             fallback: "",
             size: size,
             className: className,
@@ -11733,7 +11768,7 @@ var Avatar6 = function(t0) {
     return t2;
 };
 // src/components/components/ComponentsProvider.tsx
-import { c as _c63 } from "react-compiler-runtime";
+import { c as _c65 } from "react-compiler-runtime";
 import { useMemo as useMemo23 } from "react";
 // src/hooks/components/useComponents.ts
 import { useContext as useContext17 } from "react";
@@ -11741,7 +11776,7 @@ var useComponents = function() {
     return useContext17(ComponentsContext);
 };
 // src/components/components/ComponentsProvider.tsx
-import { jsx as _jsx99 } from "react/jsx-runtime";
+import { jsx as _jsx101 } from "react/jsx-runtime";
 var _excluded8 = [
     "children"
 ];
@@ -11764,7 +11799,7 @@ function _objectWithoutPropertiesLoose8(r, e) {
     return t;
 }
 var ComponentsProvider = function(t0) {
-    var $ = _c63(9);
+    var $ = _c65(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -11794,7 +11829,7 @@ var ComponentsProvider = function(t0) {
     var value = t1;
     var t3;
     if ($[6] !== children || $[7] !== value) {
-        t3 = /* @__PURE__ */ _jsx99(ComponentsContext.Provider, {
+        t3 = /* @__PURE__ */ _jsx101(ComponentsContext.Provider, {
             value: value,
             children: children
         });
@@ -11807,11 +11842,11 @@ var ComponentsProvider = function(t0) {
     return t3;
 };
 // src/components/assistants/AssistantProvider/index.tsx
-import { c as _c64 } from "react-compiler-runtime";
-import { jsx as _jsx100 } from "react/jsx-runtime";
+import { c as _c66 } from "react-compiler-runtime";
+import { jsx as _jsx102 } from "react/jsx-runtime";
 var AssistantProvider = function(t0) {
     var _assistant$name;
-    var $ = _c64(10);
+    var $ = _c66(10);
     var children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -11829,7 +11864,7 @@ var AssistantProvider = function(t0) {
     var t3 = assistant === null || assistant === void 0 ? void 0 : assistant.avatar;
     var t4;
     if ($[2] !== t3) {
-        t4 = /* @__PURE__ */ _jsx100(Avatar6, {
+        t4 = /* @__PURE__ */ _jsx102(Avatar6, {
             avatar: t3
         });
         $[2] = t3;
@@ -11839,7 +11874,7 @@ var AssistantProvider = function(t0) {
     }
     var t5;
     if ($[4] !== children || $[5] !== t4) {
-        t5 = /* @__PURE__ */ _jsx100(AssistantAvatarContext.Provider, {
+        t5 = /* @__PURE__ */ _jsx102(AssistantAvatarContext.Provider, {
             value: t4,
             children: children
         });
@@ -11851,7 +11886,7 @@ var AssistantProvider = function(t0) {
     }
     var t6;
     if ($[7] !== t2 || $[8] !== t5) {
-        t6 = /* @__PURE__ */ _jsx100(AssistantNameContext.Provider, {
+        t6 = /* @__PURE__ */ _jsx102(AssistantNameContext.Provider, {
             value: t2,
             children: t5
         });
@@ -11863,5 +11898,5 @@ var AssistantProvider = function(t0) {
     }
     return t6;
 };
-export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar6 as Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, SourceAnnotation, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useAudioThreadContext, useComponents, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useRealtimeWebRTCAudioRuntime, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext, useTtsAudioRuntime };
+export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar6 as Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, SourceAnnotation, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, TtsAudioRuntimeProvider, UserAvatarContext, WebrtcAudioRuntimeProvider, useAssistant, useAudioThreadContext, useComponents, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext, useTtsAudioRuntime, useWebrtcAudioRuntime };
 //# sourceMappingURL=index.js.map