npm - @superinterface/react - Versions diffs - 5.2.3-beta.1 → 5.3.0-beta.0 - Mend

@superinterface/react 5.2.3-beta.1 → 5.3.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -5596,7 +5597,7 @@ var require_lib = __commonJS({
                         key: "parseMaybeAssign",
                         value: function parseMaybeAssign(refExpressionErrors, afterLeftParse) {
                             var _this = this;
-                            var _jsx110;
+                            var _jsx109;
                             var state = null;
                             var jsx2;
                             if (this.hasPlugin("jsx") && (this.match(143) || this.match(47))) {
@@ -5611,7 +5612,7 @@ var require_lib = __commonJS({
                                     context.pop();
                                 }
                             }
-                            if ((_jsx110 = jsx2) != null && _jsx110.error || this.match(47)) {
+                            if ((_jsx109 = jsx2) != null && _jsx109.error || this.match(47)) {
                                 var _jsx210, _jsx310;
                                 state = state || this.state.clone();
                                 var typeParameters;
@@ -13389,7 +13390,7 @@ var require_lib = __commonJS({
                         key: "parseMaybeAssign",
                         value: function parseMaybeAssign(refExpressionErrors, afterLeftParse) {
                             var _this = this;
-                            var _jsx110, _jsx210, _typeCast, _jsx310, _typeCast2;
+                            var _jsx109, _jsx210, _typeCast, _jsx310, _typeCast2;
                             var state;
                             var jsx2;
                             var typeCast;
@@ -13405,7 +13406,7 @@ var require_lib = __commonJS({
                                     context.pop();
                                 }
                             }
-                            if (!((_jsx110 = jsx2) != null && _jsx110.error) && !this.match(47)) {
+                            if (!((_jsx109 = jsx2) != null && _jsx109.error) && !this.match(47)) {
                                 return _get(_get_prototype_of(TypeScriptParserMixin.prototype), "parseMaybeAssign", this).call(this, refExpressionErrors, afterLeftParse);
                             }
                             if (!state || state === this.state) state = this.state.clone();
@@ -37071,7 +37072,7 @@ var SuperinterfaceProvider = function(_ref) {
     });
 };
 // src/components/threads/Thread/index.tsx
-import { c as _c78 } from "react-compiler-runtime";
+import { c as _c77 } from "react-compiler-runtime";
 // src/components/threads/Thread/Messages/index.tsx
 import { c as _c66 } from "react-compiler-runtime";
 import { Flex as Flex18 } from "@radix-ui/themes";
@@ -43942,7 +43943,7 @@ Messages2.Message = Message;
 Messages2.NextPageSkeleton = NextPageSkeleton;
 Messages2.Content = Content7;
 // src/components/threads/Thread/MessageForm/index.tsx
-import { c as _c74 } from "react-compiler-runtime";
+import { c as _c73 } from "react-compiler-runtime";
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
 import { c as _c67 } from "react-compiler-runtime";
 import { ArrowUpIcon as ArrowUpIcon2, StopIcon } from "@radix-ui/react-icons";
@@ -44117,41 +44118,8 @@ Submit.Root = Root7;
 Submit.Button = Button3;
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
-import { useMemo as useMemo14, useState as useState4, useCallback as useCallback3 } from "react";
-import { useForm } from "react-hook-form";
-// src/lib/reactHookForm/FormProvider.tsx
-import { c as _c68 } from "react-compiler-runtime";
-import { createContext as createContext12, useContext as useContext16, useMemo as useMemo13 } from "react";
-import { jsx as _jsx69 } from "react/jsx-runtime";
-var FormContext = /* @__PURE__ */ createContext12(null);
-var useFormContext = function() {
-    var value = useContext16(FormContext);
-    if (!value) {
-        throw new Error("useFormContext must be used within FormProvider");
-    }
-    return value;
-};
-var FormProvider = function(t0) {
-    var $ = _c68(3);
-    var children = t0.children, form = t0.form;
-    var t1;
-    t1 = form;
-    var contextValue = t1;
-    var t2;
-    if ($[0] !== children || $[1] !== contextValue) {
-        t2 = /* @__PURE__ */ _jsx69(FormContext.Provider, {
-            value: contextValue,
-            children: children
-        });
-        $[0] = children;
-        $[1] = contextValue;
-        $[2] = t2;
-    } else {
-        t2 = $[2];
-    }
-    return t2;
-};
-// src/components/threads/Thread/MessageForm/Root/index.tsx
+import { useMemo as useMemo13, useState as useState4, useCallback as useCallback3 } from "react";
+import { useForm, FormProvider } from "react-hook-form";
 import { Box as Box14 } from "@radix-ui/themes";
 // src/components/threads/Thread/MessageForm/Root/lib/formOptions.ts
 import { z } from "zod";
@@ -44164,7 +44132,7 @@ var formOptions = {
 };
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 import { partob } from "radash";
-import { jsx as _jsx70 } from "react/jsx-runtime";
+import { jsx as _jsx69 } from "react/jsx-runtime";
 function ownKeys30(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -44248,7 +44216,7 @@ var Root8 = function(_ref) {
         })
     }).createMessage;
     var isMutatingMessage = useIsMutatingMessage();
-    var isFileLoading = useMemo14(function() {
+    var isFileLoading = useMemo13(function() {
         return files.some(function(file) {
             return isOptimistic({
                 id: file.id
@@ -44257,14 +44225,14 @@ var Root8 = function(_ref) {
     }, [
         files
     ]);
-    var isLoading = useMemo14(function() {
+    var isLoading = useMemo13(function() {
         return isMutatingMessage || isSubmitting;
     }, [
         isMutatingMessage,
         isSubmitting
     ]);
     var latestMessage = useLatestMessage().latestMessage;
-    var isDisabled = useMemo14(function() {
+    var isDisabled = useMemo13(function() {
         var _latestMessage$metada;
         return !!(latestMessage !== null && latestMessage !== void 0 && (_latestMessage$metada = latestMessage.metadata) !== null && _latestMessage$metada !== void 0 && _latestMessage$metada.isBlocking) || !!isDisabledArg;
     }, [
@@ -44346,7 +44314,7 @@ var Root8 = function(_ref) {
         };
     }();
     var content_0 = watch("content");
-    return /* @__PURE__ */ _jsx70(MessageFormContext.Provider, {
+    return /* @__PURE__ */ _jsx69(MessageFormContext.Provider, {
         value: {
             isDisabled: isDisabled,
             isLoading: isLoading,
@@ -44355,26 +44323,27 @@ var Root8 = function(_ref) {
             isFileLoading: isFileLoading,
             content: content_0
         },
-        children: /* @__PURE__ */ _jsx70(FormProvider, {
-            form: formProps,
-            children: /* @__PURE__ */ _jsx70(Box14, {
+        children: /* @__PURE__ */ _jsx69(FormProvider, _objectSpread30(_objectSpread30({}, formProps), {}, {
+            children: /* @__PURE__ */ _jsx69(Box14, {
                 asChild: true,
                 flexShrink: "0",
                 style: style,
                 className: className,
-                children: /* @__PURE__ */ _jsx70("form", {
+                children: /* @__PURE__ */ _jsx69("form", {
                     onSubmit: handleSubmit(onSubmit),
                     children: children
                 })
             })
-        })
+        }))
     });
 };
 // src/components/threads/Thread/MessageForm/Field/index.tsx
+import { useFormContext as useFormContext2 } from "react-hook-form";
 import { Container as RadixContainer, Flex as Flex23 } from "@radix-ui/themes";
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-import { c as _c70 } from "react-compiler-runtime";
+import { c as _c69 } from "react-compiler-runtime";
 import { Flex as Flex20 } from "@radix-ui/themes";
+import { useFormContext } from "react-hook-form";
 // src/hooks/misc/usePrevious.ts
 import { useEffect as useEffect5, useRef as useRef4 } from "react";
 var usePrevious = function(state) {
@@ -44385,12 +44354,12 @@ var usePrevious = function(state) {
     return ref.current;
 };
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-import { useContext as useContext17, useMemo as useMemo15, useRef as useRef5, useEffect as useEffect6 } from "react";
+import { useContext as useContext16, useMemo as useMemo14, useRef as useRef5, useEffect as useEffect6 } from "react";
 // src/components/textareas/TextareaBase/index.tsx
-import { c as _c69 } from "react-compiler-runtime";
+import { c as _c68 } from "react-compiler-runtime";
 import { forwardRef as forwardRef4 } from "react";
 import TextareaAutosize from "react-textarea-autosize";
-import { jsx as _jsx71, Fragment as _Fragment5, jsxs as _jsxs22 } from "react/jsx-runtime";
+import { jsx as _jsx70, Fragment as _Fragment5, jsxs as _jsxs22 } from "react/jsx-runtime";
 var _excluded3 = [
     "style",
     "className"
@@ -44457,7 +44426,7 @@ function _objectWithoutPropertiesLoose3(r, e) {
     return t;
 }
 var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
-    var $ = _c69(14);
+    var $ = _c68(14);
     var className;
     var rest;
     var style;
@@ -44478,7 +44447,7 @@ var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
     }
     var t1;
     if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ _jsx71("style", {
+        t1 = /* @__PURE__ */ _jsx70("style", {
             children: ".superinterface-textarea { min-height: inherit; height: 30px; }\n.superinterface-textarea::placeholder { color: var(--gray-a10); }"
         });
         $[4] = t1;
@@ -44515,7 +44484,7 @@ var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
         t5 = /* @__PURE__ */ _jsxs22(_Fragment5, {
             children: [
                 t1,
-                /* @__PURE__ */ _jsx71(TextareaAutosize, _objectSpread31({
+                /* @__PURE__ */ _jsx70(TextareaAutosize, _objectSpread31({
                     ref: ref,
                     className: t2,
                     style: t4
@@ -44533,7 +44502,7 @@ var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
     return t5;
 });
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-import { jsx as _jsx72 } from "react/jsx-runtime";
+import { jsx as _jsx71 } from "react/jsx-runtime";
 function ownKeys32(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -44578,11 +44547,11 @@ function _toPrimitive32(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root9 = function(t0) {
-    var $ = _c70(4);
+    var $ = _c69(4);
     var children = t0.children, style = t0.style, className = t0.className;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
-        t1 = /* @__PURE__ */ _jsx72(Flex20, {
+        t1 = /* @__PURE__ */ _jsx71(Flex20, {
             flexGrow: "1",
             pt: "4px",
             style: style,
@@ -44601,10 +44570,10 @@ var Root9 = function(t0) {
 var Input = function(props) {
     "use no memo";
     var _props$placeholder;
-    var assistantNameContext = useContext17(AssistantNameContext);
+    var assistantNameContext = useContext16(AssistantNameContext);
     var register = useFormContext().register;
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
-    var isSubmitDisabled = useMemo15(function() {
+    var isSubmitDisabled = useMemo14(function() {
         return isDisabled || isLoading;
     }, [
         isDisabled,
@@ -44623,7 +44592,7 @@ var Input = function(props) {
         isDisabledPrevious,
         textareaProps
     ]);
-    return /* @__PURE__ */ _jsx72(TextareaBase, _objectSpread32(_objectSpread32(_objectSpread32({
+    return /* @__PURE__ */ _jsx71(TextareaBase, _objectSpread32(_objectSpread32(_objectSpread32({
         minRows: 1,
         placeholder: (_props$placeholder = props.placeholder) !== null && _props$placeholder !== void 0 ? _props$placeholder : "Message ".concat(assistantNameContext, "..."),
         disabled: isDisabled,
@@ -44643,17 +44612,17 @@ var Input = function(props) {
     }));
 };
 var Control = function(props) {
-    var $ = _c70(3);
+    var $ = _c69(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx72(Input, {});
+        t0 = /* @__PURE__ */ _jsx71(Input, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx72(Root9, _objectSpread32(_objectSpread32({}, props), {}, {
+        t1 = /* @__PURE__ */ _jsx71(Root9, _objectSpread32(_objectSpread32({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -44666,10 +44635,10 @@ var Control = function(props) {
 Control.Root = Root9;
 Control.Input = Input;
 // src/components/threads/Thread/MessageForm/Field/Files/Preview.tsx
-import { c as _c71 } from "react-compiler-runtime";
+import { c as _c70 } from "react-compiler-runtime";
 import { Flex as Flex21, Card as Card2, Spinner as Spinner2, Text as Text7, IconButton as IconButton6 } from "@radix-ui/themes";
 import { FileIcon as FileIcon2, Cross2Icon } from "@radix-ui/react-icons";
-import { jsx as _jsx73, jsxs as _jsxs23 } from "react/jsx-runtime";
+import { jsx as _jsx72, jsxs as _jsxs23 } from "react/jsx-runtime";
 function ownKeys33(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -44714,7 +44683,7 @@ function _toPrimitive33(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Preview = function(props) {
-    var $ = _c71(8);
+    var $ = _c70(8);
     var _useMessageFormContext = useMessageFormContext(), files = _useMessageFormContext.files, setFiles = _useMessageFormContext.setFiles;
     if (!files.length) {
         return null;
@@ -44724,7 +44693,7 @@ var Preview = function(props) {
         var _t;
         if ($[3] !== setFiles) {
             _t = function(file) {
-                return /* @__PURE__ */ _jsx73(Card2, {
+                return /* @__PURE__ */ _jsx72(Card2, {
                     variant: "ghost",
                     children: /* @__PURE__ */ _jsxs23(Flex21, {
                         align: "center",
@@ -44738,16 +44707,16 @@ var Preview = function(props) {
                                 minWidth: "0",
                                 maxWidth: "250px",
                                 children: [
-                                    /* @__PURE__ */ _jsx73(Flex21, {
+                                    /* @__PURE__ */ _jsx72(Flex21, {
                                         flexShrink: "0",
-                                        children: /* @__PURE__ */ _jsx73(Spinner2, {
+                                        children: /* @__PURE__ */ _jsx72(Spinner2, {
                                             loading: isOptimistic({
                                                 id: file.id
                                             }),
-                                            children: /* @__PURE__ */ _jsx73(FileIcon2, {})
+                                            children: /* @__PURE__ */ _jsx72(FileIcon2, {})
                                         })
                                     }),
-                                    /* @__PURE__ */ _jsx73(Text7, {
+                                    /* @__PURE__ */ _jsx72(Text7, {
                                         size: "2",
                                         truncate: true,
                                         wrap: "nowrap",
@@ -44755,9 +44724,9 @@ var Preview = function(props) {
                                     })
                                 ]
                             }),
-                            /* @__PURE__ */ _jsx73(Flex21, {
+                            /* @__PURE__ */ _jsx72(Flex21, {
                                 flexShrink: "0",
-                                children: /* @__PURE__ */ _jsx73(IconButton6, {
+                                children: /* @__PURE__ */ _jsx72(IconButton6, {
                                     onClick: function() {
                                         return setFiles(function(prev) {
                                             return prev.filter(function(prevFile) {
@@ -44768,7 +44737,7 @@ var Preview = function(props) {
                                     color: "gray",
                                     variant: "ghost",
                                     size: "1",
-                                    children: /* @__PURE__ */ _jsx73(Cross2Icon, {})
+                                    children: /* @__PURE__ */ _jsx72(Cross2Icon, {})
                                 })
                             })
                         ]
@@ -44789,7 +44758,7 @@ var Preview = function(props) {
     }
     var t1;
     if ($[5] !== props || $[6] !== t0) {
-        t1 = /* @__PURE__ */ _jsx73(Flex21, _objectSpread33(_objectSpread33({
+        t1 = /* @__PURE__ */ _jsx72(Flex21, _objectSpread33(_objectSpread33({
             flexBasis: "100%",
             direction: "column",
             pb: "2",
@@ -44806,7 +44775,7 @@ var Preview = function(props) {
     return t1;
 };
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
-import { c as _c73 } from "react-compiler-runtime";
+import { c as _c72 } from "react-compiler-runtime";
 import { FilePlusIcon } from "@radix-ui/react-icons";
 import { IconButton as IconButton7, Flex as Flex22 } from "@radix-ui/themes";
 // src/hooks/files/useChangeFilesField/index.ts
@@ -44814,7 +44783,7 @@ import { useCallback as useCallback4 } from "react";
 import { omit as omit4 } from "radash";
 import dayjs2 from "dayjs";
 // src/hooks/files/useCreateFile/index.ts
-import { c as _c72 } from "react-compiler-runtime";
+import { c as _c71 } from "react-compiler-runtime";
 import { useMutation as useMutation2, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
 // src/hooks/files/useCreateFile/lib/mutationOptions/mutationFn/body/formData.ts
 var formData = function(variables) {
@@ -45050,7 +45019,7 @@ function _toPrimitive36(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useCreateFile = function(t0) {
-    var $ = _c72(15);
+    var $ = _c71(15);
     var t1;
     if ($[0] !== t0) {
         t1 = t0 === void 0 ? {
@@ -45379,7 +45348,7 @@ var useChangeFilesField = function() {
 // src/lib/files/filesFieldAccept.ts
 var filesFieldAccept = ".c,text/x-c,\n.cs,text/x-csharp,\n.cpp,text/x-c++,\n.doc,application/msword,\n.docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document,\n.html,text/html,\n.java,text/x-java,\n.json,application/json,\n.md,text/markdown,\n.pdf,application/pdf,\n.php,text/x-php,\n.pptx,application/vnd.openxmlformats-officedocument.presentationml.presentation,\n.py,text/x-python,\n.py,text/x-script.python,\n.rb,text/x-ruby,\n.tex,text/x-tex,\n.txt,text/plain,\n.css,text/css,\n.js,text/javascript,\n.sh,application/x-sh,\n.ts,application/typescript,\n.png,image/png,\n.jpeg,image/jpeg,\n.jpg,image/jpeg,\n.webp,image/webp,\n.gif,image/gif";
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
-import { jsx as _jsx74, jsxs as _jsxs24 } from "react/jsx-runtime";
+import { jsx as _jsx73, jsxs as _jsxs24 } from "react/jsx-runtime";
 function ownKeys37(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -45424,7 +45393,7 @@ function _toPrimitive37(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Control2 = function(props) {
-    var $ = _c73(11);
+    var $ = _c72(11);
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
     var changeFilesField = useChangeFilesField().changeFilesField;
     var t0 = isDisabled || isLoading;
@@ -45435,7 +45404,7 @@ var Control2 = function(props) {
             position: "relative",
             overflow: "hidden"
         };
-        t2 = /* @__PURE__ */ _jsx74(FilePlusIcon, {});
+        t2 = /* @__PURE__ */ _jsx73(FilePlusIcon, {});
         $[0] = t1;
         $[1] = t2;
     } else {
@@ -45459,7 +45428,7 @@ var Control2 = function(props) {
     }
     var t4;
     if ($[3] !== changeFilesField) {
-        t4 = /* @__PURE__ */ _jsx74("input", {
+        t4 = /* @__PURE__ */ _jsx73("input", {
             type: "file",
             multiple: true,
             accept: filesFieldAccept,
@@ -45492,7 +45461,7 @@ var Control2 = function(props) {
     }
     var t6;
     if ($[8] !== props || $[9] !== t5) {
-        t6 = /* @__PURE__ */ _jsx74(Flex22, _objectSpread37(_objectSpread37({
+        t6 = /* @__PURE__ */ _jsx73(Flex22, _objectSpread37(_objectSpread37({
             pt: "2",
             pr: "2",
             flexGrow: "0"
@@ -45513,7 +45482,7 @@ var Files = {
     Control: Control2
 };
 // src/components/threads/Thread/MessageForm/Field/index.tsx
-import { jsx as _jsx75 } from "react/jsx-runtime";
+import { jsx as _jsx74 } from "react/jsx-runtime";
 function ownKeys38(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -45560,19 +45529,19 @@ function _toPrimitive38(t, r) {
 var Root10 = function(_ref) {
     "use no memo";
     var children = _ref.children, className = _ref.className, style = _ref.style;
-    var _useFormContext = useFormContext(), errors = _useFormContext.formState.errors;
-    return /* @__PURE__ */ _jsx75(RadixContainer, {
+    var _useFormContext2 = useFormContext2(), errors = _useFormContext2.formState.errors;
+    return /* @__PURE__ */ _jsx74(RadixContainer, {
         size: "2",
         flexGrow: "0",
         className: className,
         style: style,
-        children: /* @__PURE__ */ _jsx75(Flex23, {
+        children: /* @__PURE__ */ _jsx74(Flex23, {
             direction: "column",
             flexShrink: "0",
-            children: /* @__PURE__ */ _jsx75(Flex23, {
+            children: /* @__PURE__ */ _jsx74(Flex23, {
                 direction: "column",
                 flexShrink: "0",
-                children: /* @__PURE__ */ _jsx75(Flex23, {
+                children: /* @__PURE__ */ _jsx74(Flex23, {
                     style: _objectSpread38({
                         borderRadius: "var(--radius-2)",
                         borderWidth: "1px",
@@ -45596,7 +45565,7 @@ var Field = {
     Files: Files
 };
 // src/components/threads/Thread/MessageForm/index.tsx
-import { jsx as _jsx76, jsxs as _jsxs25 } from "react/jsx-runtime";
+import { jsx as _jsx75, jsxs as _jsxs25 } from "react/jsx-runtime";
 function ownKeys39(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -45641,13 +45610,13 @@ function _toPrimitive39(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MessageForm = function(props) {
-    var $ = _c74(3);
+    var $ = _c73(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsxs25(Field.Root, {
             children: [
-                /* @__PURE__ */ _jsx76(Field.Control, {}),
-                /* @__PURE__ */ _jsx76(Submit, {})
+                /* @__PURE__ */ _jsx75(Field.Control, {}),
+                /* @__PURE__ */ _jsx75(Submit, {})
             ]
         });
         $[0] = t0;
@@ -45656,7 +45625,7 @@ var MessageForm = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx76(Root8, _objectSpread39(_objectSpread39({}, props), {}, {
+        t1 = /* @__PURE__ */ _jsx75(Root8, _objectSpread39(_objectSpread39({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -45670,32 +45639,32 @@ MessageForm.Root = Root8;
 MessageForm.Field = Field;
 MessageForm.Submit = Submit;
 // src/components/threads/Thread/Root/index.tsx
-import { c as _c77 } from "react-compiler-runtime";
+import { c as _c76 } from "react-compiler-runtime";
 import { Flex as Flex25 } from "@radix-ui/themes";
 // src/components/threads/Thread/Provider/index.tsx
 var Provider2 = SuperinterfaceProvider;
 // src/components/toasts/ToastsProvider/index.tsx
-import { c as _c76 } from "react-compiler-runtime";
+import { c as _c75 } from "react-compiler-runtime";
 import { useState as useState5, useCallback as useCallback5 } from "react";
 import * as Toast2 from "@radix-ui/react-toast";
 // src/components/toasts/ToastsProvider/CustomToast.tsx
-import { c as _c75 } from "react-compiler-runtime";
+import { c as _c74 } from "react-compiler-runtime";
 import * as Toast from "@radix-ui/react-toast";
 import { Card as Card3, Text as Text8, Flex as Flex24 } from "@radix-ui/themes";
 import { CheckCircledIcon as CheckCircledIcon2, CrossCircledIcon } from "@radix-ui/react-icons";
-import { jsx as _jsx77, jsxs as _jsxs26 } from "react/jsx-runtime";
+import { jsx as _jsx76, jsxs as _jsxs26 } from "react/jsx-runtime";
 var CustomToast = function(t0) {
-    var $ = _c75(7);
+    var $ = _c74(7);
     var toast = t0.toast;
     var t1;
     if ($[0] !== toast.type) {
-        t1 = /* @__PURE__ */ _jsx77(Flex24, {
+        t1 = /* @__PURE__ */ _jsx76(Flex24, {
             pr: "2",
             height: "14px",
             align: "center",
-            children: toast.type === "success" ? /* @__PURE__ */ _jsx77(CheckCircledIcon2, {
+            children: toast.type === "success" ? /* @__PURE__ */ _jsx76(CheckCircledIcon2, {
                 color: "var(--accent-9)"
-            }) : /* @__PURE__ */ _jsx77(CrossCircledIcon, {
+            }) : /* @__PURE__ */ _jsx76(CrossCircledIcon, {
                 color: "var(--red-9)"
             })
         });
@@ -45706,7 +45675,7 @@ var CustomToast = function(t0) {
     }
     var t2;
     if ($[2] !== toast.message) {
-        t2 = /* @__PURE__ */ _jsx77(Text8, {
+        t2 = /* @__PURE__ */ _jsx76(Text8, {
             weight: "medium",
             size: "1",
             children: toast.message
@@ -45718,9 +45687,9 @@ var CustomToast = function(t0) {
     }
     var t3;
     if ($[4] !== t1 || $[5] !== t2) {
-        t3 = /* @__PURE__ */ _jsx77(Toast.Root, {
-            children: /* @__PURE__ */ _jsx77(Card3, {
-                children: /* @__PURE__ */ _jsx77(Toast.Title, {
+        t3 = /* @__PURE__ */ _jsx76(Toast.Root, {
+            children: /* @__PURE__ */ _jsx76(Card3, {
+                children: /* @__PURE__ */ _jsx76(Toast.Title, {
                     children: /* @__PURE__ */ _jsxs26(Flex24, {
                         children: [
                             t1,
@@ -45739,9 +45708,9 @@ var CustomToast = function(t0) {
     return t3;
 };
 // src/components/toasts/ToastsProvider/index.tsx
-import { jsx as _jsx78, jsxs as _jsxs27 } from "react/jsx-runtime";
+import { jsx as _jsx77, jsxs as _jsxs27 } from "react/jsx-runtime";
 var ToastsProvider = function(t0) {
-    var $ = _c76(15);
+    var $ = _c75(15);
     var children = t0.children, t1 = t0.bottom;
     var bottom = t1 === void 0 ? 0 : t1;
     var t2;
@@ -45787,7 +45756,7 @@ var ToastsProvider = function(t0) {
     }
     var t6;
     if ($[6] !== bottom) {
-        t6 = /* @__PURE__ */ _jsx78(Toast2.Viewport, {
+        t6 = /* @__PURE__ */ _jsx77(Toast2.Viewport, {
             style: {
                 position: "absolute",
                 bottom: bottom,
@@ -45827,7 +45796,7 @@ var ToastsProvider = function(t0) {
     }
     var t8;
     if ($[12] !== t4 || $[13] !== t7) {
-        t8 = /* @__PURE__ */ _jsx78(ToastsContext.Provider, {
+        t8 = /* @__PURE__ */ _jsx77(ToastsContext.Provider, {
             value: t4,
             children: t7
         });
@@ -45840,12 +45809,12 @@ var ToastsProvider = function(t0) {
     return t8;
 };
 function _temp5(toast_0, index) {
-    return /* @__PURE__ */ _jsx78(CustomToast, {
+    return /* @__PURE__ */ _jsx77(CustomToast, {
         toast: toast_0
     }, index);
 }
 // src/components/threads/Thread/Root/index.tsx
-import { jsx as _jsx79 } from "react/jsx-runtime";
+import { jsx as _jsx78 } from "react/jsx-runtime";
 var _excluded4 = [
     "children",
     "style",
@@ -45913,7 +45882,7 @@ function _objectWithoutPropertiesLoose4(r, e) {
     return t;
 }
 var Root12 = function(t0) {
-    var $ = _c77(12);
+    var $ = _c76(12);
     var children;
     var className;
     var rest;
@@ -45937,7 +45906,7 @@ var Root12 = function(t0) {
     }
     var t1;
     if ($[5] !== children || $[6] !== className || $[7] !== style) {
-        t1 = /* @__PURE__ */ _jsx79(Flex25, {
+        t1 = /* @__PURE__ */ _jsx78(Flex25, {
             direction: "column",
             flexGrow: "1",
             className: className,
@@ -45953,9 +45922,9 @@ var Root12 = function(t0) {
     }
     var t2;
     if ($[9] !== rest || $[10] !== t1) {
-        t2 = /* @__PURE__ */ _jsx79(ToastsProvider, {
+        t2 = /* @__PURE__ */ _jsx78(ToastsProvider, {
             bottom: "var(--space-9)",
-            children: /* @__PURE__ */ _jsx79(Provider2, _objectSpread40(_objectSpread40({}, rest), {}, {
+            children: /* @__PURE__ */ _jsx78(Provider2, _objectSpread40(_objectSpread40({}, rest), {}, {
                 children: t1
             }))
         });
@@ -45968,7 +45937,7 @@ var Root12 = function(t0) {
     return t2;
 };
 // src/components/threads/Thread/index.tsx
-import { jsx as _jsx80, jsxs as _jsxs28 } from "react/jsx-runtime";
+import { jsx as _jsx79, jsxs as _jsxs28 } from "react/jsx-runtime";
 function ownKeys41(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -46013,12 +45982,12 @@ function _toPrimitive41(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Thread = function(props) {
-    var $ = _c78(4);
+    var $ = _c77(4);
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx80(Messages2, {});
-        t1 = /* @__PURE__ */ _jsx80(MessageForm, {});
+        t0 = /* @__PURE__ */ _jsx79(Messages2, {});
+        t1 = /* @__PURE__ */ _jsx79(MessageForm, {});
         $[0] = t0;
         $[1] = t1;
     } else {
@@ -46044,13 +46013,13 @@ Thread.Root = Root12;
 Thread.Messages = Messages2;
 Thread.MessageForm = MessageForm;
 // src/hooks/messages/useMessageContext/index.ts
-import { useContext as useContext18 } from "react";
+import { useContext as useContext17 } from "react";
 var useMessageContext = function() {
-    return useContext18(MessageContext);
+    return useContext17(MessageContext);
 };
 // src/hooks/assistants/useAssistant/index.ts
-import { c as _c79 } from "react-compiler-runtime";
-import { useMemo as useMemo16 } from "react";
+import { c as _c78 } from "react-compiler-runtime";
+import { useMemo as useMemo15 } from "react";
 import { useQuery } from "@tanstack/react-query";
 // src/hooks/assistants/useAssistant/lib/queryOptions/index.ts
 import { queryOptions as tanstackQueryOptions } from "@tanstack/react-query";
@@ -46199,7 +46168,7 @@ function _toPrimitive42(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useAssistant = function(t0) {
-    var $ = _c79(6);
+    var $ = _c78(6);
     var assistantId = t0.assistantId;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -46232,27 +46201,27 @@ var useAssistant = function(t0) {
     return t2;
 };
 // src/components/threads/ThreadDialog/index.tsx
-import { c as _c86 } from "react-compiler-runtime";
+import { c as _c85 } from "react-compiler-runtime";
 // src/components/threads/ThreadDialog/Root/index.tsx
-import { c as _c81 } from "react-compiler-runtime";
-// src/components/threads/ThreadDialog/Provider/index.tsx
 import { c as _c80 } from "react-compiler-runtime";
+// src/components/threads/ThreadDialog/Provider/index.tsx
+import { c as _c79 } from "react-compiler-runtime";
 import { useState as useState6 } from "react";
 // src/contexts/threads/ThreadDialogContext/index.ts
-import { createContext as createContext13 } from "react";
-var ThreadDialogContext = /* @__PURE__ */ createContext13({
+import { createContext as createContext12 } from "react";
+var ThreadDialogContext = /* @__PURE__ */ createContext12({
     isOpen: false,
     setIsOpen: function() {}
 });
 // src/hooks/threads/useThreadDialogContext/index.ts
-import { useContext as useContext19 } from "react";
+import { useContext as useContext18 } from "react";
 var useThreadDialogContext = function() {
-    return useContext19(ThreadDialogContext);
+    return useContext18(ThreadDialogContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
-import { jsx as _jsx81 } from "react/jsx-runtime";
+import { jsx as _jsx80 } from "react/jsx-runtime";
 var Provider4 = function(t0) {
-    var $ = _c80(5);
+    var $ = _c79(5);
     var children = t0.children;
     var threadDialogContext = useThreadDialogContext();
     var _useState6 = _sliced_to_array(useState6(threadDialogContext.isOpen), 2), isOpen = _useState6[0], setIsOpen = _useState6[1];
@@ -46269,7 +46238,7 @@ var Provider4 = function(t0) {
     }
     var t2;
     if ($[2] !== children || $[3] !== t1) {
-        t2 = /* @__PURE__ */ _jsx81(ThreadDialogContext.Provider, {
+        t2 = /* @__PURE__ */ _jsx80(ThreadDialogContext.Provider, {
             value: t1,
             children: children
         });
@@ -46282,13 +46251,13 @@ var Provider4 = function(t0) {
     return t2;
 };
 // src/components/threads/ThreadDialog/Root/index.tsx
-import { jsx as _jsx82 } from "react/jsx-runtime";
+import { jsx as _jsx81 } from "react/jsx-runtime";
 var Root13 = function(t0) {
-    var $ = _c81(2);
+    var $ = _c80(2);
     var children = t0.children;
     var t1;
     if ($[0] !== children) {
-        t1 = /* @__PURE__ */ _jsx82(Provider4, {
+        t1 = /* @__PURE__ */ _jsx81(Provider4, {
             children: children
         });
         $[0] = children;
@@ -46299,13 +46268,13 @@ var Root13 = function(t0) {
     return t1;
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-import { c as _c83 } from "react-compiler-runtime";
+import { c as _c82 } from "react-compiler-runtime";
 import { Flex as Flex26 } from "@radix-ui/themes";
 // src/components/threads/ThreadDialog/Trigger/Button.tsx
-import { c as _c82 } from "react-compiler-runtime";
+import { c as _c81 } from "react-compiler-runtime";
 import { IconButton as IconButton8 } from "@radix-ui/themes";
 import { ChatBubbleIcon } from "@radix-ui/react-icons";
-import { jsx as _jsx83 } from "react/jsx-runtime";
+import { jsx as _jsx82 } from "react/jsx-runtime";
 function ownKeys43(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -46350,17 +46319,17 @@ function _toPrimitive43(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Button4 = function(props) {
-    var $ = _c82(3);
+    var $ = _c81(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx83(ChatBubbleIcon, {});
+        t0 = /* @__PURE__ */ _jsx82(ChatBubbleIcon, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx83(IconButton8, _objectSpread43(_objectSpread43({
+        t1 = /* @__PURE__ */ _jsx82(IconButton8, _objectSpread43(_objectSpread43({
             size: "4",
             radius: "full"
         }, props), {}, {
@@ -46374,7 +46343,7 @@ var Button4 = function(props) {
     return t1;
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-import { jsx as _jsx84 } from "react/jsx-runtime";
+import { jsx as _jsx83 } from "react/jsx-runtime";
 function ownKeys44(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -46419,7 +46388,7 @@ function _toPrimitive44(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root14 = function(t0) {
-    var $ = _c83(14);
+    var $ = _c82(14);
     var children = t0.children, style = t0.style, className = t0.className;
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
     var t1 = isOpen ? "none" : "flex";
@@ -46464,7 +46433,7 @@ var Root14 = function(t0) {
     }
     var t6;
     if ($[8] !== children || $[9] !== className || $[10] !== t2 || $[11] !== t3 || $[12] !== t5) {
-        t6 = /* @__PURE__ */ _jsx84(Flex26, {
+        t6 = /* @__PURE__ */ _jsx83(Flex26, {
             display: t2,
             onClick: t3,
             direction: "column",
@@ -46490,17 +46459,17 @@ var Root14 = function(t0) {
     return t6;
 };
 var Trigger = function(args) {
-    var $ = _c83(3);
+    var $ = _c82(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx84(Button4, {});
+        t0 = /* @__PURE__ */ _jsx83(Button4, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== args) {
-        t1 = /* @__PURE__ */ _jsx84(Root14, _objectSpread44(_objectSpread44({}, args), {}, {
+        t1 = /* @__PURE__ */ _jsx83(Root14, _objectSpread44(_objectSpread44({}, args), {}, {
             children: t0
         }));
         $[1] = args;
@@ -46516,15 +46485,15 @@ function _temp6(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
-import { c as _c85 } from "react-compiler-runtime";
+import { c as _c84 } from "react-compiler-runtime";
 import { Card as Card4, Inset as Inset2, Flex as Flex28 } from "@radix-ui/themes";
 // src/components/threads/ThreadDialog/Close/index.tsx
-import { c as _c84 } from "react-compiler-runtime";
+import { c as _c83 } from "react-compiler-runtime";
 import { Cross1Icon } from "@radix-ui/react-icons";
 import { IconButton as IconButton9, Flex as Flex27 } from "@radix-ui/themes";
-import { jsx as _jsx85 } from "react/jsx-runtime";
+import { jsx as _jsx84 } from "react/jsx-runtime";
 var Close = function() {
-    var $ = _c84(9);
+    var $ = _c83(9);
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
     var t0 = isOpen ? "flex" : "none";
     var t1;
@@ -46559,10 +46528,10 @@ var Close = function() {
     }
     var t4;
     if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = /* @__PURE__ */ _jsx85(IconButton9, {
+        t4 = /* @__PURE__ */ _jsx84(IconButton9, {
             size: "2",
             variant: "soft",
-            children: /* @__PURE__ */ _jsx85(Cross1Icon, {})
+            children: /* @__PURE__ */ _jsx84(Cross1Icon, {})
         });
         $[5] = t4;
     } else {
@@ -46570,7 +46539,7 @@ var Close = function() {
     }
     var t5;
     if ($[6] !== t1 || $[7] !== t2) {
-        t5 = /* @__PURE__ */ _jsx85(Flex27, {
+        t5 = /* @__PURE__ */ _jsx84(Flex27, {
             display: t1,
             onClick: t2,
             direction: "column",
@@ -46595,7 +46564,7 @@ function _temp7(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
-import { jsx as _jsx86, jsxs as _jsxs29 } from "react/jsx-runtime";
+import { jsx as _jsx85, jsxs as _jsxs29 } from "react/jsx-runtime";
 function ownKeys45(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -46640,7 +46609,7 @@ function _toPrimitive45(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root15 = function(t0) {
-    var $ = _c85(19);
+    var $ = _c84(19);
     var children = t0.children, className = t0.className, style = t0.style;
     var isOpen = useThreadDialogContext().isOpen;
     if (!isOpen) {
@@ -46727,7 +46696,7 @@ var Root15 = function(t0) {
     }
     var t10;
     if ($[10] !== children) {
-        t10 = /* @__PURE__ */ _jsx86(Inset2, {
+        t10 = /* @__PURE__ */ _jsx85(Inset2, {
             clip: "padding-box",
             side: "all",
             pb: "current",
@@ -46741,7 +46710,7 @@ var Root15 = function(t0) {
     }
     var t11;
     if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-        t11 = /* @__PURE__ */ _jsx86(Close, {});
+        t11 = /* @__PURE__ */ _jsx85(Close, {});
         $[12] = t11;
     } else {
         t11 = $[12];
@@ -46763,7 +46732,7 @@ var Root15 = function(t0) {
     }
     var t13;
     if ($[15] !== className || $[16] !== t12 || $[17] !== t6) {
-        t13 = /* @__PURE__ */ _jsx86(Flex28, {
+        t13 = /* @__PURE__ */ _jsx85(Flex28, {
             className: className,
             direction: "column",
             justify: "end",
@@ -46787,7 +46756,7 @@ var Root15 = function(t0) {
     return t13;
 };
 var Messages3 = function(t0) {
-    var $ = _c85(5);
+    var $ = _c84(5);
     var className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== style) {
@@ -46803,7 +46772,7 @@ var Messages3 = function(t0) {
     }
     var t2;
     if ($[2] !== className || $[3] !== t1) {
-        t2 = /* @__PURE__ */ _jsx86(Thread.Messages, {
+        t2 = /* @__PURE__ */ _jsx85(Thread.Messages, {
             className: className,
             style: t1
         });
@@ -46816,11 +46785,11 @@ var Messages3 = function(t0) {
     return t2;
 };
 var FormContainer = function(t0) {
-    var $ = _c85(4);
+    var $ = _c84(4);
     var children = t0.children, className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
-        t1 = /* @__PURE__ */ _jsx86(Flex28, {
+        t1 = /* @__PURE__ */ _jsx85(Flex28, {
             direction: "column",
             pl: "5",
             pr: "5",
@@ -46840,10 +46809,10 @@ var FormContainer = function(t0) {
     return t1;
 };
 var Content8 = function(props) {
-    var $ = _c85(4);
+    var $ = _c84(4);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx86(Messages3, {});
+        t0 = /* @__PURE__ */ _jsx85(Messages3, {});
         $[0] = t0;
     } else {
         t0 = $[0];
@@ -46853,8 +46822,8 @@ var Content8 = function(props) {
         t1 = /* @__PURE__ */ _jsxs29(Thread.Root, {
             children: [
                 t0,
-                /* @__PURE__ */ _jsx86(FormContainer, {
-                    children: /* @__PURE__ */ _jsx86(Thread.MessageForm, {})
+                /* @__PURE__ */ _jsx85(FormContainer, {
+                    children: /* @__PURE__ */ _jsx85(Thread.MessageForm, {})
                 })
             ]
         });
@@ -46864,7 +46833,7 @@ var Content8 = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ _jsx86(Root15, _objectSpread45(_objectSpread45({}, props), {}, {
+        t2 = /* @__PURE__ */ _jsx85(Root15, _objectSpread45(_objectSpread45({}, props), {}, {
             children: t1
         }));
         $[2] = props;
@@ -46878,15 +46847,15 @@ Content8.Root = Root15;
 Content8.Messages = Messages3;
 Content8.FormContainer = FormContainer;
 // src/components/threads/ThreadDialog/index.tsx
-import { jsx as _jsx87, jsxs as _jsxs30 } from "react/jsx-runtime";
+import { jsx as _jsx86, jsxs as _jsxs30 } from "react/jsx-runtime";
 var ThreadDialog = function() {
-    var $ = _c86(1);
+    var $ = _c85(1);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsxs30(Root13, {
             children: [
-                /* @__PURE__ */ _jsx87(Content8, {}),
-                /* @__PURE__ */ _jsx87(Trigger, {})
+                /* @__PURE__ */ _jsx86(Content8, {}),
+                /* @__PURE__ */ _jsx86(Trigger, {})
             ]
         });
         $[0] = t0;
@@ -46899,29 +46868,29 @@ ThreadDialog.Root = Root13;
 ThreadDialog.Trigger = Trigger;
 ThreadDialog.Content = Content8;
 // src/components/threads/AudioThreadDialog/index.tsx
-import { c as _c101 } from "react-compiler-runtime";
+import { c as _c99 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/index.tsx
-import { c as _c100 } from "react-compiler-runtime";
+import { c as _c98 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/Root/index.tsx
-import { c as _c92 } from "react-compiler-runtime";
+import { c as _c90 } from "react-compiler-runtime";
 import { Flex as Flex29 } from "@radix-ui/themes";
 // src/contexts/threads/AudioThreadContext/index.ts
-import { createContext as createContext14 } from "react";
-var AudioThreadContext = /* @__PURE__ */ createContext14({
+import { createContext as createContext13 } from "react";
+var AudioThreadContext = /* @__PURE__ */ createContext13({
     audioRuntime: null
 });
 // src/hooks/threads/useAudioThreadContext/index.ts
-import { useContext as useContext20 } from "react";
+import { useContext as useContext19 } from "react";
 var useAudioThreadContext = function() {
-    return useContext20(AudioThreadContext);
+    return useContext19(AudioThreadContext);
 };
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
-import { c as _c91 } from "react-compiler-runtime";
+import { c as _c89 } from "react-compiler-runtime";
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
-import { c as _c90 } from "react-compiler-runtime";
-import { useMemo as useMemo19 } from "react";
+import { c as _c88 } from "react-compiler-runtime";
+import { useMemo as useMemo18 } from "react";
 // src/hooks/misc/usePermission/index.ts
-import { c as _c87 } from "react-compiler-runtime";
+import { c as _c86 } from "react-compiler-runtime";
 import { useEffect as useEffect7, useState as useState7 } from "react";
 // src/hooks/misc/usePermission/util.ts
 var noop = function() {};
@@ -46945,7 +46914,7 @@ function off(obj) {
 }
 // src/hooks/misc/usePermission/index.ts
 var usePermission = function(permissionDesc) {
-    var $ = _c87(3);
+    var $ = _c86(3);
     var _useState7 = _sliced_to_array(useState7(""), 2), state = _useState7[0], setState = _useState7[1];
     var t0;
     var t1;
@@ -46991,13 +46960,13 @@ var usePermission = function(permissionDesc) {
 // src/hooks/audioThreads/useRecorder/index.ts
 import dayjs3 from "dayjs";
 import { useAudioCapture } from "@supercorp/use-audio-capture";
-import { useMemo as useMemo17, useRef as useRef7, useState as useState8, useCallback as useCallback6, useEffect as useEffect9 } from "react";
+import { useMemo as useMemo16, useRef as useRef7, useState as useState8, useCallback as useCallback6, useEffect as useEffect9 } from "react";
 import { useAudioPlayer } from "react-use-audio-player";
 // src/hooks/misc/useInterval.ts
-import { c as _c88 } from "react-compiler-runtime";
+import { c as _c87 } from "react-compiler-runtime";
 import { useEffect as useEffect8, useRef as useRef6 } from "react";
 var useInterval = function(callback, delay) {
-    var $ = _c88(5);
+    var $ = _c87(5);
     var savedCallback = useRef6(_temp8);
     var t0;
     if ($[0] !== callback) {
@@ -47187,7 +47156,7 @@ var useRecorder = function(_ref) {
         isInited,
         mediaStream
     ]);
-    var visualizationAnalyser = useMemo17(function() {
+    var visualizationAnalyser = useMemo16(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(result);
@@ -47195,7 +47164,7 @@ var useRecorder = function(_ref) {
     }, [
         audioEngine
     ]);
-    var silenceAnalyser = useMemo17(function() {
+    var silenceAnalyser = useMemo16(function() {
         if (!audioEngine) return null;
         var result_0 = audioEngine.audioContext.createAnalyser();
         result_0.minDecibels = -60;
@@ -47250,8 +47219,7 @@ var useRecorder = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-import { c as _c89 } from "react-compiler-runtime";
-import { useMemo as useMemo18, useRef as useRef8, useState as useState9, useEffect as useEffect10, useCallback as useCallback7 } from "react";
+import { useMemo as useMemo17, useRef as useRef8, useState as useState9, useEffect as useEffect10, useCallback as useCallback7 } from "react";
 import nlp from "compromise";
 import { Howler } from "howler";
 import { useAudioPlayer as useAudioPlayer2 } from "react-use-audio-player";
@@ -47330,424 +47298,222 @@ var getMessageSentences = function(_ref) {
         };
     });
 };
-var useMessageAudio = function(t0) {
-    var _latestMessageProps$l, _latestMessageProps$l4, _latestMessageProps$l5;
-    var $ = _c89(68);
-    var _onEnd = t0.onEnd, passedPlay = t0.play, t1 = t0.fullSentenceRegex;
-    var t2;
-    if ($[0] !== t1) {
-        t2 = t1 === void 0 ? /[\.?!]$/ : t1;
-        $[0] = t1;
-        $[1] = t2;
-    } else {
-        t2 = $[1];
-    }
-    var fullSentenceRegex = t2;
+var useMessageAudio = function(_ref2) {
+    var _latestMessageProps$l2;
+    var _onEnd = _ref2.onEnd, passedPlay = _ref2.play, _ref2_fullSentenceRegex = _ref2.fullSentenceRegex, fullSentenceRegex = _ref2_fullSentenceRegex === void 0 ? /[\.?!]$/ : _ref2_fullSentenceRegex;
     var _useState9 = _sliced_to_array(useState9(false), 2), isAudioPlayed = _useState9[0], setIsAudioPlayed = _useState9[1];
-    var t3;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = [];
-        $[2] = t3;
-    } else {
-        t3 = $[2];
-    }
-    var _useState91 = _sliced_to_array(useState9(t3), 2), stoppedMessageIds = _useState91[0], setStoppedMessageIds = _useState91[1];
-    var t4;
-    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = [];
-        $[3] = t4;
-    } else {
-        t4 = $[3];
-    }
-    var _useState92 = _sliced_to_array(useState9(t4), 2), playedMessageSentences = _useState92[0], setPlayedMessageSentences = _useState92[1];
+    var _useState91 = _sliced_to_array(useState9([]), 2), stoppedMessageIds = _useState91[0], setStoppedMessageIds = _useState91[1];
+    var _useState92 = _sliced_to_array(useState9([]), 2), playedMessageSentences = _useState92[0], setPlayedMessageSentences = _useState92[1];
     var audioPlayer = useAudioPlayer2();
     var nextAudioPlayer = useAudioPlayer2();
     var superinterfaceContext = useSuperinterfaceContext();
     var _useState93 = _sliced_to_array(useState9(false), 2), isPlaying = _useState93[0], setIsPlaying = _useState93[1];
     var isLastSentencePlayedRef = useRef8(false);
     var latestMessageProps = useLatestMessage();
-    var t5;
-    var t6;
-    if ($[4] !== isPlaying) {
-        t5 = function() {
-            if (!isPlaying) {
-                return;
-            }
-            isLastSentencePlayedRef.current = false;
-        };
-        t6 = [
-            isPlaying
-        ];
-        $[4] = isPlaying;
-        $[5] = t5;
-        $[6] = t6;
-    } else {
-        t5 = $[5];
-        t6 = $[6];
-    }
-    useEffect10(t5, t6);
-    var t7;
-    bb0: {
-        if (!latestMessageProps.latestMessage) {
-            var _t;
-            if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-                _t = [];
-                $[7] = _t;
-            } else {
-                _t = $[7];
-            }
-            t7 = _t;
-            break bb0;
-        }
-        if (latestMessageProps.latestMessage.role !== "assistant") {
-            var _t2;
-            if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-                _t2 = [];
-                $[8] = _t2;
-            } else {
-                _t2 = $[8];
-            }
-            t7 = _t2;
-            break bb0;
-        }
-        if (stoppedMessageIds.includes(latestMessageProps.latestMessage.id)) {
-            var _t3;
-            if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-                _t3 = [];
-                $[9] = _t3;
-            } else {
-                _t3 = $[9];
-            }
-            t7 = _t3;
-            break bb0;
-        }
-        var _t4;
-        if ($[10] !== latestMessageProps.latestMessage || $[11] !== playedMessageSentences) {
-            var input2 = input({
-                message: latestMessageProps.latestMessage
-            });
-            if (!input2) {
-                var _t5;
-                if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-                    _t5 = [];
-                    $[14] = _t5;
-                } else {
-                    _t5 = $[14];
-                }
-                t7 = _t5;
-                break bb0;
-            }
-            var messageSentences = getMessageSentences({
-                messageId: latestMessageProps.latestMessage.id,
-                input: input2
-            });
-            var _t6;
-            if ($[15] !== playedMessageSentences) {
-                _t6 = function(ms) {
-                    return !playedMessageSentences.find(function(pms) {
-                        return pms.messageId === ms.messageId && pms.sentence === ms.sentence;
-                    });
-                };
-                $[15] = playedMessageSentences;
-                $[16] = _t6;
-            } else {
-                _t6 = $[16];
-            }
-            _t4 = messageSentences.filter(_t6);
-            $[10] = latestMessageProps.latestMessage;
-            $[11] = playedMessageSentences;
-            $[12] = _t4;
-            $[13] = t7;
-        } else {
-            _t4 = $[12];
-            t7 = $[13];
-        }
-        t7 = _t4;
-    }
-    var unplayedMessageSentences = t7;
-    var t8;
-    if ($[17] !== audioPlayer || $[18] !== fullSentenceRegex || $[19] !== isAudioPlayed || $[20] !== nextAudioPlayer || $[21] !== superinterfaceContext || $[22] !== unplayedMessageSentences[1]) {
-        t8 = function(t92) {
-            var input_0 = t92.input, onPlay = t92.onPlay, onStop = t92.onStop, onEnd_0 = t92.onEnd;
-            var searchParams = new URLSearchParams(_objectSpread47({
+    var messagesProps = useMessages();
+    useEffect10(function() {
+        if (!isPlaying) return;
+        isLastSentencePlayedRef.current = false;
+    }, [
+        isPlaying
+    ]);
+    var unplayedMessageSentences = useMemo17(function() {
+        var playableMessages = messagesProps.messages.filter(function(message) {
+            if (message.role !== "assistant") return false;
+            if (stoppedMessageIds.includes(message.id)) return false;
+            return true;
+        });
+        var messageInputs = playableMessages.map(function(message_0) {
+            return {
+                message: message_0,
+                input: input({
+                    message: message_0
+                })
+            };
+        }).filter(function(_ref3) {
+            var input2 = _ref3.input;
+            return input2 !== null;
+        });
+        var messageSentences = messageInputs.flatMap(function(_ref4) {
+            var message_1 = _ref4.message, input_0 = _ref4.input;
+            return getMessageSentences({
+                messageId: message_1.id,
                 input: input_0
-            }, superinterfaceContext.variables));
-            audioPlayer.load("".concat(superinterfaceContext.baseUrl, "/audio-runtimes/tts?").concat(searchParams), {
-                format: "mp3",
-                autoplay: isAudioPlayed,
-                html5: isHtmlAudioSupported,
-                onplay: onPlay,
-                onstop: onStop,
-                onload: function() {
-                    var nextUnplayedMessageSentence = unplayedMessageSentences[1];
-                    if (!nextUnplayedMessageSentence) {
-                        return;
-                    }
-                    var isNextFullSentence = fullSentenceRegex.test(nextUnplayedMessageSentence.sentence);
-                    if (!isNextFullSentence) {
-                        return;
-                    }
-                    var nextSearchParams = new URLSearchParams(_objectSpread47({
-                        input: nextUnplayedMessageSentence.sentence
-                    }, superinterfaceContext.variables));
-                    nextAudioPlayer.load("".concat(superinterfaceContext.baseUrl, "/audio-runtimes/tts?").concat(nextSearchParams), {
-                        format: "mp3",
-                        autoplay: false,
-                        html5: isHtmlAudioSupported
-                    });
-                },
-                onend: onEnd_0
             });
-        };
-        $[17] = audioPlayer;
-        $[18] = fullSentenceRegex;
-        $[19] = isAudioPlayed;
-        $[20] = nextAudioPlayer;
-        $[21] = superinterfaceContext;
-        $[22] = unplayedMessageSentences[1];
-        $[23] = t8;
-    } else {
-        t8 = $[23];
-    }
-    var defaultPlay = t8;
-    var t9;
-    t9 = passedPlay || defaultPlay;
-    var play = t9;
-    var t10;
-    if ($[24] !== audioPlayer.playing || $[25] !== fullSentenceRegex || $[26] !== isPlaying || $[27] !== latestMessageProps.latestMessage || $[28] !== _onEnd || $[29] !== play || $[30] !== unplayedMessageSentences[0] || $[31] !== unplayedMessageSentences.length) {
-        t10 = function() {
-            if (isPlaying) {
-                return;
-            }
-            if (audioPlayer.playing) {
-                return;
-            }
-            if (!latestMessageProps.latestMessage) {
-                return;
-            }
-            if (latestMessageProps.latestMessage.role !== "assistant") {
-                return;
-            }
-            var firstUnplayedMessageSentence = unplayedMessageSentences[0];
-            if (!firstUnplayedMessageSentence) {
-                return;
-            }
-            var isFullSentence = isOptimistic({
-                id: latestMessageProps.latestMessage.id
-            }) || latestMessageProps.latestMessage.status !== "in_progress" || fullSentenceRegex.test(firstUnplayedMessageSentence.sentence);
-            if (!isFullSentence) {
-                return;
-            }
-            setIsPlaying(true);
-            setPlayedMessageSentences(function(prev) {
-                return _to_consumable_array(prev).concat([
-                    firstUnplayedMessageSentence
-                ]);
+        });
+        return messageSentences.filter(function(ms) {
+            return !playedMessageSentences.find(function(pms) {
+                return pms.messageId === ms.messageId && pms.sentence === ms.sentence;
             });
-            var input_1 = firstUnplayedMessageSentence.sentence;
-            play({
-                input: input_1,
-                onPlay: function() {
-                    setIsAudioPlayed(true);
-                },
-                onStop: function() {
-                    setStoppedMessageIds(function(prev_0) {
-                        return _to_consumable_array(prev_0).concat([
-                            firstUnplayedMessageSentence.messageId
-                        ]);
-                    });
-                    setIsPlaying(false);
-                },
-                onEnd: function() {
-                    setIsPlaying(false);
-                    isLastSentencePlayedRef.current = unplayedMessageSentences.length === 1;
-                    if (isLastSentencePlayedRef.current && latestMessageProps.latestMessage.status !== "in_progress") {
-                        _onEnd();
-                        isLastSentencePlayedRef.current = false;
-                    }
+        });
+    }, [
+        messagesProps,
+        playedMessageSentences
+    ]);
+    var defaultPlay = useCallback7(function(_ref5) {
+        var input_1 = _ref5.input, onPlay = _ref5.onPlay, onStop = _ref5.onStop, onEnd_0 = _ref5.onEnd;
+        var searchParams = new URLSearchParams(_objectSpread47({
+            input: input_1
+        }, superinterfaceContext.variables));
+        audioPlayer.load("".concat(superinterfaceContext.baseUrl, "/audio-runtimes/tts?").concat(searchParams), {
+            format: "mp3",
+            autoplay: isAudioPlayed,
+            html5: isHtmlAudioSupported,
+            onplay: onPlay,
+            onstop: onStop,
+            onload: function() {
+                var nextUnplayedMessageSentence = unplayedMessageSentences[1];
+                if (!nextUnplayedMessageSentence) return;
+                var isNextFullSentence = fullSentenceRegex.test(nextUnplayedMessageSentence.sentence);
+                if (!isNextFullSentence) return;
+                var nextSearchParams = new URLSearchParams(_objectSpread47({
+                    input: nextUnplayedMessageSentence.sentence
+                }, superinterfaceContext.variables));
+                nextAudioPlayer.load("".concat(superinterfaceContext.baseUrl, "/audio-runtimes/tts?").concat(nextSearchParams), {
+                    format: "mp3",
+                    autoplay: false,
+                    html5: isHtmlAudioSupported
+                });
+            },
+            onend: onEnd_0
+        });
+    }, [
+        superinterfaceContext,
+        unplayedMessageSentences,
+        audioPlayer,
+        nextAudioPlayer,
+        isAudioPlayed,
+        fullSentenceRegex
+    ]);
+    var play = useMemo17(function() {
+        return passedPlay || defaultPlay;
+    }, [
+        passedPlay,
+        defaultPlay
+    ]);
+    useEffect10(function() {
+        if (isPlaying) return;
+        if (audioPlayer.playing) return;
+        if (!latestMessageProps.latestMessage) return;
+        if (latestMessageProps.latestMessage.role !== "assistant") return;
+        var firstUnplayedMessageSentence = unplayedMessageSentences[0];
+        if (!firstUnplayedMessageSentence) {
+            return;
+        }
+        var isFullSentence = isOptimistic({
+            id: latestMessageProps.latestMessage.id
+        }) || latestMessageProps.latestMessage.status !== "in_progress" || fullSentenceRegex.test(firstUnplayedMessageSentence.sentence);
+        if (!isFullSentence) return;
+        setIsPlaying(true);
+        setPlayedMessageSentences(function(prev) {
+            return _to_consumable_array(prev).concat([
+                firstUnplayedMessageSentence
+            ]);
+        });
+        var input_2 = firstUnplayedMessageSentence.sentence;
+        play({
+            input: input_2,
+            onPlay: function() {
+                setIsAudioPlayed(true);
+            },
+            onStop: function() {
+                setStoppedMessageIds(function(prev_0) {
+                    return _to_consumable_array(prev_0).concat([
+                        firstUnplayedMessageSentence.messageId
+                    ]);
+                });
+                setIsPlaying(false);
+            },
+            onEnd: function() {
+                setIsPlaying(false);
+                isLastSentencePlayedRef.current = unplayedMessageSentences.length === 1;
+                if (isLastSentencePlayedRef.current && latestMessageProps.latestMessage.status !== "in_progress") {
+                    _onEnd();
+                    isLastSentencePlayedRef.current = false;
                 }
-            });
-        };
-        $[24] = audioPlayer.playing;
-        $[25] = fullSentenceRegex;
-        $[26] = isPlaying;
-        $[27] = latestMessageProps.latestMessage;
-        $[28] = _onEnd;
-        $[29] = play;
-        $[30] = unplayedMessageSentences[0];
-        $[31] = unplayedMessageSentences.length;
-        $[32] = t10;
-    } else {
-        t10 = $[32];
-    }
-    var t11;
-    if ($[33] !== audioPlayer || $[34] !== fullSentenceRegex || $[35] !== isPlaying || $[36] !== latestMessageProps || $[37] !== nextAudioPlayer || $[38] !== _onEnd || $[39] !== play || $[40] !== playedMessageSentences || $[41] !== superinterfaceContext || $[42] !== unplayedMessageSentences) {
-        t11 = [
-            unplayedMessageSentences,
-            isPlaying,
-            superinterfaceContext,
-            latestMessageProps,
-            audioPlayer,
-            nextAudioPlayer,
-            playedMessageSentences,
-            _onEnd,
-            play,
-            fullSentenceRegex
-        ];
-        $[33] = audioPlayer;
-        $[34] = fullSentenceRegex;
-        $[35] = isPlaying;
-        $[36] = latestMessageProps;
-        $[37] = nextAudioPlayer;
-        $[38] = _onEnd;
-        $[39] = play;
-        $[40] = playedMessageSentences;
-        $[41] = superinterfaceContext;
-        $[42] = unplayedMessageSentences;
-        $[43] = t11;
-    } else {
-        t11 = $[43];
-    }
-    useEffect10(t10, t11);
-    var t12;
-    if ($[44] !== isPlaying || $[45] !== ((_latestMessageProps$l = latestMessageProps.latestMessage) === null || _latestMessageProps$l === void 0 ? void 0 : _latestMessageProps$l.status) || $[46] !== _onEnd || $[47] !== unplayedMessageSentences.length) {
-        var _latestMessageProps$l3;
-        t12 = function() {
-            var _latestMessageProps$l2;
-            if (isLastSentencePlayedRef.current && !isPlaying && unplayedMessageSentences.length === 0 && ((_latestMessageProps$l2 = latestMessageProps.latestMessage) === null || _latestMessageProps$l2 === void 0 ? void 0 : _latestMessageProps$l2.status) !== "in_progress") {
-                _onEnd();
-                isLastSentencePlayedRef.current = false;
             }
-        };
-        $[44] = isPlaying;
-        $[45] = (_latestMessageProps$l3 = latestMessageProps.latestMessage) === null || _latestMessageProps$l3 === void 0 ? void 0 : _latestMessageProps$l3.status;
-        $[46] = _onEnd;
-        $[47] = unplayedMessageSentences.length;
-        $[48] = t12;
-    } else {
-        t12 = $[48];
-    }
-    var t13 = (_latestMessageProps$l4 = latestMessageProps.latestMessage) === null || _latestMessageProps$l4 === void 0 ? void 0 : _latestMessageProps$l4.status;
-    var t14;
-    if ($[49] !== isPlaying || $[50] !== _onEnd || $[51] !== t13 || $[52] !== unplayedMessageSentences.length) {
-        t14 = [
-            isPlaying,
-            unplayedMessageSentences.length,
-            t13,
-            _onEnd
-        ];
-        $[49] = isPlaying;
-        $[50] = _onEnd;
-        $[51] = t13;
-        $[52] = unplayedMessageSentences.length;
-        $[53] = t14;
-    } else {
-        t14 = $[53];
-    }
-    useEffect10(t12, t14);
-    var t15;
-    if ($[54] !== audioPlayer) {
-        t15 = [
-            audioPlayer
-        ];
-        $[54] = audioPlayer;
-        $[55] = t15;
-    } else {
-        t15 = $[55];
-    }
-    useEffect10(_temp9, t15);
+        });
+    }, [
+        unplayedMessageSentences,
+        isPlaying,
+        superinterfaceContext,
+        latestMessageProps,
+        audioPlayer,
+        nextAudioPlayer,
+        playedMessageSentences,
+        _onEnd,
+        play,
+        fullSentenceRegex
+    ]);
+    useEffect10(function() {
+        var _latestMessageProps$l;
+        if (isLastSentencePlayedRef.current && !isPlaying && unplayedMessageSentences.length === 0 && ((_latestMessageProps$l = latestMessageProps.latestMessage) === null || _latestMessageProps$l === void 0 ? void 0 : _latestMessageProps$l.status) !== "in_progress") {
+            _onEnd();
+            isLastSentencePlayedRef.current = false;
+        }
+    }, [
+        isPlaying,
+        unplayedMessageSentences.length,
+        (_latestMessageProps$l2 = latestMessageProps.latestMessage) === null || _latestMessageProps$l2 === void 0 ? void 0 : _latestMessageProps$l2.status,
+        _onEnd
+    ]);
+    useEffect10(function() {
+        if (isHtmlAudioSupported) {
+            var _Howler$_howls$;
+            if (!(Howler !== null && Howler !== void 0 && (_Howler$_howls$ = Howler._howls[0]) !== null && _Howler$_howls$ !== void 0 && (_Howler$_howls$ = _Howler$_howls$._sounds[0]) !== null && _Howler$_howls$ !== void 0 && _Howler$_howls$._node)) return;
+            Howler._howls[0]._sounds[0]._node.crossOrigin = "anonymous";
+        }
+    }, [
+        audioPlayer
+    ]);
     var _useState94 = _sliced_to_array(useState9(null), 2), audioEngine = _useState94[0], setAudioEngine = _useState94[1];
     var isAudioEngineInited = useRef8(false);
-    var t16;
-    if ($[56] !== audioPlayer.playing) {
-        t16 = function() {
-            if (!audioPlayer.playing) {
-                return;
-            }
-            if (isAudioEngineInited.current) {
-                return;
-            }
-            isAudioEngineInited.current = true;
-            if (isHtmlAudioSupported) {
-                var audioContext = new AudioContext();
-                setAudioEngine({
-                    source: audioContext.createMediaElementSource(Howler._howls[0]._sounds[0]._node),
-                    audioContext: audioContext
-                });
-            } else {
-                setAudioEngine({
-                    source: Howler.masterGain,
-                    audioContext: Howler.ctx
-                });
-            }
-        };
-        $[56] = audioPlayer.playing;
-        $[57] = t16;
-    } else {
-        t16 = $[57];
-    }
-    var t17;
-    if ($[58] !== audioPlayer) {
-        t17 = [
-            audioPlayer,
-            isAudioEngineInited
-        ];
-        $[58] = audioPlayer;
-        $[59] = t17;
-    } else {
-        t17 = $[59];
-    }
-    useEffect10(t16, t17);
-    var t18;
-    bb1: {
-        if (!audioEngine) {
-            t18 = null;
-            break bb1;
-        }
-        var result;
-        if ($[60] !== audioEngine.audioContext || $[61] !== audioEngine.source) {
-            result = audioEngine.audioContext.createAnalyser();
-            audioEngine.source.connect(audioEngine.audioContext.destination);
-            audioEngine.source.connect(result);
-            $[60] = audioEngine.audioContext;
-            $[61] = audioEngine.source;
-            $[62] = result;
+    useEffect10(function() {
+        if (!audioPlayer.playing) return;
+        if (isAudioEngineInited.current) return;
+        isAudioEngineInited.current = true;
+        if (isHtmlAudioSupported) {
+            var audioContext = new AudioContext();
+            setAudioEngine({
+                // @ts-ignore-next-line
+                source: audioContext.createMediaElementSource(// @ts-ignore-next-line
+                Howler._howls[0]._sounds[0]._node),
+                audioContext: audioContext
+            });
         } else {
-            result = $[62];
+            setAudioEngine({
+                source: Howler.masterGain,
+                audioContext: Howler.ctx
+            });
         }
-        t18 = result;
-    }
-    var visualizationAnalyser = t18;
-    var t19;
-    t19 = isPlaying || unplayedMessageSentences.length > 0 || ((_latestMessageProps$l5 = latestMessageProps.latestMessage) === null || _latestMessageProps$l5 === void 0 ? void 0 : _latestMessageProps$l5.status) === "in_progress";
-    var isPending = t19;
-    var t20;
-    if ($[63] !== audioPlayer || $[64] !== isAudioPlayed || $[65] !== isPending || $[66] !== visualizationAnalyser) {
-        t20 = _objectSpread47(_objectSpread47({
-            isPending: isPending,
-            isAudioPlayed: isAudioPlayed
-        }, audioPlayer), {}, {
-            visualizationAnalyser: visualizationAnalyser
-        });
-        $[63] = audioPlayer;
-        $[64] = isAudioPlayed;
-        $[65] = isPending;
-        $[66] = visualizationAnalyser;
-        $[67] = t20;
-    } else {
-        t20 = $[67];
-    }
-    return t20;
+    }, [
+        audioPlayer,
+        isAudioEngineInited
+    ]);
+    var visualizationAnalyser = useMemo17(function() {
+        if (!audioEngine) return null;
+        var result = audioEngine.audioContext.createAnalyser();
+        audioEngine.source.connect(audioEngine.audioContext.destination);
+        audioEngine.source.connect(result);
+        return result;
+    }, [
+        audioEngine
+    ]);
+    var isPending = useMemo17(function() {
+        var _latestMessageProps$l3;
+        return isPlaying || unplayedMessageSentences.length > 0 || ((_latestMessageProps$l3 = latestMessageProps.latestMessage) === null || _latestMessageProps$l3 === void 0 ? void 0 : _latestMessageProps$l3.status) === "in_progress";
+    }, [
+        isPlaying,
+        unplayedMessageSentences,
+        latestMessageProps
+    ]);
+    return _objectSpread47(_objectSpread47({
+        isPending: isPending,
+        isAudioPlayed: isAudioPlayed
+    }, audioPlayer), {}, {
+        visualizationAnalyser: visualizationAnalyser
+    });
 };
-function _temp9() {
-    if (isHtmlAudioSupported) {
-        var _Howler$_howls$;
-        if (!(Howler !== null && Howler !== void 0 && (_Howler$_howls$ = Howler._howls[0]) !== null && _Howler$_howls$ !== void 0 && (_Howler$_howls$ = _Howler$_howls$._sounds[0]) !== null && _Howler$_howls$ !== void 0 && _Howler$_howls$._node)) {
-            return;
-        }
-        Howler._howls[0]._sounds[0]._node.crossOrigin = "anonymous";
-    }
-}
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
 import { useQueryClient as useQueryClient6 } from "@tanstack/react-query";
 // src/hooks/audioRuntimes/useTtsAudioRuntime/blobToData.ts
@@ -47785,7 +47551,7 @@ function _asyncToGenerator11(n) {
     };
 }
 var useTtsAudioRuntime = function(t0) {
-    var $ = _c90(30);
+    var $ = _c88(30);
     var play = t0.play, passedOnEnd = t0.onEnd;
     var addToast = useToasts().addToast;
     var queryClient = useQueryClient6();
@@ -47814,7 +47580,7 @@ var useTtsAudioRuntime = function(t0) {
     if ($[1] !== createMessageProps) {
         t2 = {
             isStopOnSilence: true,
-            onStart: _temp10,
+            onStart: _temp9,
             onStop: function() {
                 var _onStop = _asyncToGenerator11(function(_event, chunks) {
                     var blob, audioContent;
@@ -47955,7 +47721,7 @@ var useTtsAudioRuntime = function(t0) {
     t5 = t8;
     return t5;
 };
-function _temp10() {
+function _temp9() {
     return _temp24.apply(this, arguments);
 }
 function _temp24() {
@@ -47969,9 +47735,9 @@ function _temp24() {
     return _temp24.apply(this, arguments);
 }
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
-import { jsx as _jsx88 } from "react/jsx-runtime";
+import { jsx as _jsx87 } from "react/jsx-runtime";
 var TtsAudioRuntimeProvider = function(t0) {
-    var $ = _c91(8);
+    var $ = _c89(8);
     var children = t0.children, play = t0.play, onEnd = t0.onEnd;
     var t1;
     if ($[0] !== onEnd || $[1] !== play) {
@@ -47998,7 +47764,7 @@ var TtsAudioRuntimeProvider = function(t0) {
     }
     var t3;
     if ($[5] !== children || $[6] !== t2) {
-        t3 = /* @__PURE__ */ _jsx88(AudioThreadContext.Provider, {
+        t3 = /* @__PURE__ */ _jsx87(AudioThreadContext.Provider, {
             value: t2,
             children: children
         });
@@ -48011,7 +47777,7 @@ var TtsAudioRuntimeProvider = function(t0) {
     return t3;
 };
 // src/components/threads/AudioThread/Root/index.tsx
-import { jsx as _jsx89 } from "react/jsx-runtime";
+import { jsx as _jsx88 } from "react/jsx-runtime";
 var _excluded5 = [
     "children"
 ];
@@ -48084,11 +47850,11 @@ function _objectWithoutPropertiesLoose5(r, e) {
     return t;
 }
 var Content9 = function(t0) {
-    var $ = _c92(4);
+    var $ = _c90(4);
     var children = t0.children, className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
-        t1 = /* @__PURE__ */ _jsx89(Flex29, {
+        t1 = /* @__PURE__ */ _jsx88(Flex29, {
             direction: "column",
             flexGrow: "1",
             p: "9",
@@ -48106,7 +47872,7 @@ var Content9 = function(t0) {
     return t1;
 };
 var AudioRuntimeProvider = function(t0) {
-    var $ = _c92(4);
+    var $ = _c90(4);
     var children = t0.children, play = t0.play, onEnd = t0.onEnd;
     var audioThreadContext = useAudioThreadContext();
     if (audioThreadContext.audioRuntime) {
@@ -48114,7 +47880,7 @@ var AudioRuntimeProvider = function(t0) {
     }
     var t1;
     if ($[0] !== children || $[1] !== onEnd || $[2] !== play) {
-        t1 = /* @__PURE__ */ _jsx89(TtsAudioRuntimeProvider, {
+        t1 = /* @__PURE__ */ _jsx88(TtsAudioRuntimeProvider, {
             play: play,
             onEnd: onEnd,
             children: children
@@ -48129,7 +47895,7 @@ var AudioRuntimeProvider = function(t0) {
     return t1;
 };
 var Provider5 = function(t0) {
-    var $ = _c92(9);
+    var $ = _c90(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -48156,7 +47922,7 @@ var Provider5 = function(t0) {
     }
     var t2;
     if ($[6] !== children || $[7] !== t1) {
-        t2 = /* @__PURE__ */ _jsx89(AudioThreadContext.Provider, {
+        t2 = /* @__PURE__ */ _jsx88(AudioThreadContext.Provider, {
             value: t1,
             children: children
         });
@@ -48169,7 +47935,7 @@ var Provider5 = function(t0) {
     return t2;
 };
 var Root16 = function(t0) {
-    var $ = _c92(18);
+    var $ = _c90(18);
     var children;
     var className;
     var onEnd;
@@ -48199,8 +47965,8 @@ var Root16 = function(t0) {
     }
     var t1;
     if ($[7] !== children || $[8] !== className || $[9] !== style) {
-        t1 = /* @__PURE__ */ _jsx89(ToastsProvider, {
-            children: /* @__PURE__ */ _jsx89(Content9, {
+        t1 = /* @__PURE__ */ _jsx88(ToastsProvider, {
+            children: /* @__PURE__ */ _jsx88(Content9, {
                 className: className,
                 style: style,
                 children: children
@@ -48215,7 +47981,7 @@ var Root16 = function(t0) {
     }
     var t2;
     if ($[11] !== onEnd || $[12] !== play || $[13] !== t1) {
-        t2 = /* @__PURE__ */ _jsx89(AudioRuntimeProvider, {
+        t2 = /* @__PURE__ */ _jsx88(AudioRuntimeProvider, {
             play: play,
             onEnd: onEnd,
             children: t1
@@ -48229,7 +47995,7 @@ var Root16 = function(t0) {
     }
     var t3;
     if ($[15] !== rest || $[16] !== t2) {
-        t3 = /* @__PURE__ */ _jsx89(Provider5, _objectSpread48(_objectSpread48({}, rest), {}, {
+        t3 = /* @__PURE__ */ _jsx88(Provider5, _objectSpread48(_objectSpread48({}, rest), {}, {
             children: t2
         }));
         $[15] = rest;
@@ -48241,8 +48007,8 @@ var Root16 = function(t0) {
     return t3;
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-import { c as _c94 } from "react-compiler-runtime";
-import { useState as useState11, useCallback as useCallback9, useEffect as useEffect12, useContext as useContext21, createContext as createContext15 } from "react";
+import { c as _c92 } from "react-compiler-runtime";
+import { useState as useState11, useCallback as useCallback9, useEffect as useEffect12, useContext as useContext20, createContext as createContext14 } from "react";
 import _9 from "lodash";
 import { Flex as Flex31 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
@@ -48250,7 +48016,7 @@ import _8 from "lodash";
 import { Flex as Flex30, Grid } from "@radix-ui/themes";
 import { useState as useState10, useEffect as useEffect11, useCallback as useCallback8 } from "react";
 import { cluster } from "radash";
-import { jsx as _jsx90 } from "react/jsx-runtime";
+import { jsx as _jsx89 } from "react/jsx-runtime";
 var barCount = 4;
 var BarsVisualizer = function(_ref) {
     var visualizationAnalyser = _ref.visualizationAnalyser, backgroundColor = _ref.backgroundColor, height = _ref.height, barWidth = _ref.barWidth;
@@ -48281,7 +48047,7 @@ var BarsVisualizer = function(_ref) {
         draw,
         visualizationAnalyser
     ]);
-    return /* @__PURE__ */ _jsx90(Grid, {
+    return /* @__PURE__ */ _jsx89(Grid, {
         columns: "".concat(barCount),
         gap: "1",
         width: "auto",
@@ -48290,12 +48056,12 @@ var BarsVisualizer = function(_ref) {
             gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
         },
         children: barHeights.map(function(barHeight, index) {
-            return /* @__PURE__ */ _jsx90(Flex30, {
+            return /* @__PURE__ */ _jsx89(Flex30, {
                 direction: "column",
                 align: "center",
                 justify: "center",
                 height: height,
-                children: /* @__PURE__ */ _jsx90(Flex30, {
+                children: /* @__PURE__ */ _jsx89(Flex30, {
                     minHeight: "50%",
                     maxHeight: "100%",
                     height: "".concat(barHeight + 20, "%"),
@@ -48310,10 +48076,10 @@ var BarsVisualizer = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-import { c as _c93 } from "react-compiler-runtime";
-import { useMemo as useMemo20 } from "react";
+import { c as _c91 } from "react-compiler-runtime";
+import { useMemo as useMemo19 } from "react";
 var useStatus = function() {
-    var $ = _c93(2);
+    var $ = _c91(2);
     var audioRuntime = useAudioThreadContext().audioRuntime;
     var t0;
     bb0: {
@@ -48361,7 +48127,7 @@ var useStatus = function() {
     return t1;
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-import { jsx as _jsx91, jsxs as _jsxs31 } from "react/jsx-runtime";
+import { jsx as _jsx90, jsxs as _jsxs31 } from "react/jsx-runtime";
 var _excluded6 = [
     "children"
 ];
@@ -48435,7 +48201,7 @@ function _objectWithoutPropertiesLoose6(r, e) {
     }
     return t;
 }
-var AudioThreadVisualizationContext = /* @__PURE__ */ createContext15({
+var AudioThreadVisualizationContext = /* @__PURE__ */ createContext14({
     scale: 0
 });
 var Provider6 = function(_ref) {
@@ -48465,7 +48231,7 @@ var Provider6 = function(_ref) {
         draw,
         audioThreadContext
     ]);
-    return /* @__PURE__ */ _jsx91(AudioThreadVisualizationContext.Provider, {
+    return /* @__PURE__ */ _jsx90(AudioThreadVisualizationContext.Provider, {
         value: {
             scale: scale
         },
@@ -48473,7 +48239,7 @@ var Provider6 = function(_ref) {
     });
 };
 var Root17 = function(t0) {
-    var $ = _c94(6);
+    var $ = _c92(6);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -48490,8 +48256,8 @@ var Root17 = function(t0) {
     }
     var t1;
     if ($[3] !== children || $[4] !== rest) {
-        t1 = /* @__PURE__ */ _jsx91(Provider6, {
-            children: /* @__PURE__ */ _jsx91(Flex31, _objectSpread49(_objectSpread49({
+        t1 = /* @__PURE__ */ _jsx90(Provider6, {
+            children: /* @__PURE__ */ _jsx90(Flex31, _objectSpread49(_objectSpread49({
                 direction: "column",
                 align: "center",
                 justify: "center",
@@ -48510,7 +48276,7 @@ var Root17 = function(t0) {
     return t1;
 };
 var BarsVisualizer2 = function(t0) {
-    var $ = _c94(10);
+    var $ = _c92(10);
     var rest;
     var t1;
     var t2;
@@ -48536,7 +48302,7 @@ var BarsVisualizer2 = function(t0) {
     var t3 = status === "playing" ? "var(--accent-11)" : "var(--gray-11)";
     var t4;
     if ($[4] !== audioThreadContext.audioRuntime.assistant.visualizationAnalyser || $[5] !== barWidth || $[6] !== height || $[7] !== rest || $[8] !== t3) {
-        t4 = /* @__PURE__ */ _jsx91(BarsVisualizer, _objectSpread49({
+        t4 = /* @__PURE__ */ _jsx90(BarsVisualizer, _objectSpread49({
             visualizationAnalyser: audioThreadContext.audioRuntime.assistant.visualizationAnalyser,
             backgroundColor: t3,
             height: height,
@@ -48554,7 +48320,7 @@ var BarsVisualizer2 = function(t0) {
     return t4;
 };
 var AssistantVisualizationRoot = function(t0) {
-    var $ = _c94(17);
+    var $ = _c92(17);
     var children;
     var rest;
     var t1;
@@ -48579,7 +48345,7 @@ var AssistantVisualizationRoot = function(t0) {
     var height = t1 === void 0 ? "200px" : t1;
     var width2 = t2 === void 0 ? "200px" : t2;
     var status = useStatus().status;
-    var scale = useContext21(AudioThreadVisualizationContext).scale;
+    var scale = useContext20(AudioThreadVisualizationContext).scale;
     var t3 = status === "playing" ? "var(--accent-4)" : "var(--gray-4)";
     var t4;
     if ($[5] !== rest.style) {
@@ -48606,7 +48372,7 @@ var AssistantVisualizationRoot = function(t0) {
     }
     var t6;
     if ($[11] !== children || $[12] !== height || $[13] !== rest || $[14] !== t5 || $[15] !== width2) {
-        t6 = /* @__PURE__ */ _jsx91(Flex31, _objectSpread49(_objectSpread49({
+        t6 = /* @__PURE__ */ _jsx90(Flex31, _objectSpread49(_objectSpread49({
             align: "center",
             justify: "center",
             height: height,
@@ -48627,17 +48393,17 @@ var AssistantVisualizationRoot = function(t0) {
     return t6;
 };
 var AssistantVisualization = function(props) {
-    var $ = _c94(3);
+    var $ = _c92(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx91(BarsVisualizer2, {});
+        t0 = /* @__PURE__ */ _jsx90(BarsVisualizer2, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx91(AssistantVisualizationRoot, _objectSpread49(_objectSpread49({}, props), {}, {
+        t1 = /* @__PURE__ */ _jsx90(AssistantVisualizationRoot, _objectSpread49(_objectSpread49({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -48650,18 +48416,18 @@ var AssistantVisualization = function(props) {
 AssistantVisualization.Root = AssistantVisualizationRoot;
 AssistantVisualization.BarsVisualizer = BarsVisualizer2;
 var AssistantInfo = function(props) {
-    var $ = _c94(6);
-    var assistantNameContext = useContext21(AssistantNameContext);
+    var $ = _c92(6);
+    var assistantNameContext = useContext20(AssistantNameContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx91(MessageGroup.AssistantAvatar, {});
+        t0 = /* @__PURE__ */ _jsx90(MessageGroup.AssistantAvatar, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== assistantNameContext) {
-        t1 = /* @__PURE__ */ _jsx91(MessageGroup.Name, {
+        t1 = /* @__PURE__ */ _jsx90(MessageGroup.Name, {
             children: assistantNameContext
         });
         $[1] = assistantNameContext;
@@ -48690,12 +48456,12 @@ var AssistantInfo = function(props) {
     return t2;
 };
 var Visualization = function(props) {
-    var $ = _c94(4);
+    var $ = _c92(4);
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx91(AssistantVisualization, {});
-        t1 = /* @__PURE__ */ _jsx91(AssistantInfo, {});
+        t0 = /* @__PURE__ */ _jsx90(AssistantVisualization, {});
+        t1 = /* @__PURE__ */ _jsx90(AssistantInfo, {});
         $[0] = t0;
         $[1] = t1;
     } else {
@@ -48722,11 +48488,11 @@ Visualization.Provider = Provider6;
 Visualization.AssistantVisualization = AssistantVisualization;
 Visualization.AssistantInfo = AssistantInfo;
 // src/components/threads/AudioThread/Status/index.tsx
-import { c as _c96 } from "react-compiler-runtime";
+import { c as _c94 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
-import { c as _c95 } from "react-compiler-runtime";
+import { c as _c93 } from "react-compiler-runtime";
 import { Flex as Flex32, Text as Text9 } from "@radix-ui/themes";
-import { jsx as _jsx92, jsxs as _jsxs32 } from "react/jsx-runtime";
+import { jsx as _jsx91, 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) {
@@ -48734,11 +48500,11 @@ var html = function(_ref) {
     }).join(""), "\n  }");
 };
 var StatusMessages = function(t0) {
-    var $ = _c95(9);
+    var $ = _c93(9);
     var texts = t0.texts, className = t0.className, style = t0.style;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ _jsx92(Text9, {
+        t1 = /* @__PURE__ */ _jsx91(Text9, {
             size: "2",
             weight: "regular",
             color: "gray",
@@ -48761,7 +48527,7 @@ var StatusMessages = function(t0) {
     }
     var t3;
     if ($[3] !== t2) {
-        t3 = /* @__PURE__ */ _jsx92("style", {
+        t3 = /* @__PURE__ */ _jsx91("style", {
             dangerouslySetInnerHTML: {
                 __html: t2
             }
@@ -48793,7 +48559,7 @@ var StatusMessages = function(t0) {
     return t4;
 };
 // src/components/threads/AudioThread/Status/index.tsx
-import { jsx as _jsx93 } from "react/jsx-runtime";
+import { jsx as _jsx92 } from "react/jsx-runtime";
 function ownKeys50(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -48838,7 +48604,7 @@ function _toPrimitive50(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Status = function(props) {
-    var $ = _c96(12);
+    var $ = _c94(12);
     var status = useStatus().status;
     if (status === "recording") {
         var _t;
@@ -48855,7 +48621,7 @@ var Status = function(props) {
         }
         var _t2;
         if ($[1] !== props) {
-            _t2 = /* @__PURE__ */ _jsx93(StatusMessages, _objectSpread50({
+            _t2 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread50({
                 texts: _t
             }, props));
             $[1] = props;
@@ -48881,7 +48647,7 @@ var Status = function(props) {
         }
         var _t4;
         if ($[4] !== props) {
-            _t4 = /* @__PURE__ */ _jsx93(StatusMessages, _objectSpread50({
+            _t4 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread50({
                 texts: _t3
             }, props));
             $[4] = props;
@@ -48903,7 +48669,7 @@ var Status = function(props) {
         }
         var _t6;
         if ($[7] !== props) {
-            _t6 = /* @__PURE__ */ _jsx93(StatusMessages, _objectSpread50({
+            _t6 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread50({
                 texts: _t5
             }, props));
             $[7] = props;
@@ -48924,7 +48690,7 @@ var Status = function(props) {
     }
     var t1;
     if ($[10] !== props) {
-        t1 = /* @__PURE__ */ _jsx93(StatusMessages, _objectSpread50({
+        t1 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread50({
             texts: t0
         }, props));
         $[10] = props;
@@ -48935,11 +48701,11 @@ var Status = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-import { c as _c99 } from "react-compiler-runtime";
+import { c as _c97 } from "react-compiler-runtime";
 import { Flex as Flex34 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/Form/MicIcon.tsx
-import { c as _c97 } from "react-compiler-runtime";
-import { jsx as _jsx94 } from "react/jsx-runtime";
+import { c as _c95 } from "react-compiler-runtime";
+import { jsx as _jsx93 } from "react/jsx-runtime";
 function ownKeys51(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -48984,10 +48750,10 @@ function _toPrimitive51(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MicIcon = function(props) {
-    var $ = _c97(3);
+    var $ = _c95(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx94("path", {
+        t0 = /* @__PURE__ */ _jsx93("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"
         });
@@ -48997,7 +48763,7 @@ var MicIcon = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx94("svg", _objectSpread51(_objectSpread51({
+        t1 = /* @__PURE__ */ _jsx93("svg", _objectSpread51(_objectSpread51({
             xmlns: "http://www.w3.org/2000/svg",
             fill: "currentColor",
             stroke: "currentColor",
@@ -49016,29 +48782,29 @@ var MicIcon = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
-import { c as _c98 } from "react-compiler-runtime";
+import { c as _c96 } 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 _jsx95, jsxs as _jsxs33 } from "react/jsx-runtime";
+import { jsx as _jsx94, jsxs as _jsxs33 } from "react/jsx-runtime";
 var ActionButton = function() {
-    var $ = _c98(27);
+    var $ = _c96(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__ */ _jsx95(PauseIcon2, {});
+            _t = /* @__PURE__ */ _jsx94(PauseIcon2, {});
             $[0] = _t;
         } else {
             _t = $[0];
         }
         var t1;
         if ($[1] !== audioThreadContext.audioRuntime.user.pause) {
-            t1 = /* @__PURE__ */ _jsx95(Flex33, {
+            t1 = /* @__PURE__ */ _jsx94(Flex33, {
                 mr: "3",
                 ml: "-7",
-                children: /* @__PURE__ */ _jsx95(IconButton10, {
+                children: /* @__PURE__ */ _jsx94(IconButton10, {
                     onClick: audioThreadContext.audioRuntime.user.pause,
                     color: "gray",
                     variant: "soft",
@@ -49053,14 +48819,14 @@ var ActionButton = function() {
         }
         var t2;
         if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-            t2 = /* @__PURE__ */ _jsx95(ArrowUpIcon3, {});
+            t2 = /* @__PURE__ */ _jsx94(ArrowUpIcon3, {});
             $[3] = t2;
         } else {
             t2 = $[3];
         }
         var t3;
         if ($[4] !== audioThreadContext.audioRuntime.user.stop) {
-            t3 = /* @__PURE__ */ _jsx95(IconButton10, {
+            t3 = /* @__PURE__ */ _jsx94(IconButton10, {
                 onClick: audioThreadContext.audioRuntime.user.stop,
                 highContrast: true,
                 variant: "soft",
@@ -49092,14 +48858,14 @@ var ActionButton = function() {
     if (status === "recorderPaused") {
         var _t2;
         if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-            _t2 = /* @__PURE__ */ _jsx95(ResumeIcon, {});
+            _t2 = /* @__PURE__ */ _jsx94(ResumeIcon, {});
             $[9] = _t2;
         } else {
             _t2 = $[9];
         }
         var _t3;
         if ($[10] !== audioThreadContext.audioRuntime.user.resume) {
-            _t3 = /* @__PURE__ */ _jsx95(IconButton10, {
+            _t3 = /* @__PURE__ */ _jsx94(IconButton10, {
                 onClick: audioThreadContext.audioRuntime.user.resume,
                 color: "red",
                 size: "4",
@@ -49115,7 +48881,7 @@ var ActionButton = function() {
     if (status === "idle") {
         var _t4;
         if ($[12] !== audioThreadContext.audioRuntime.user) {
-            _t4 = /* @__PURE__ */ _jsx95(IconButton10, {
+            _t4 = /* @__PURE__ */ _jsx94(IconButton10, {
                 onClick: function() {
                     return audioThreadContext.audioRuntime.user.start();
                 },
@@ -49147,14 +48913,14 @@ var ActionButton = function() {
         }
         var _t6;
         if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-            _t6 = /* @__PURE__ */ _jsx95(StopIcon2, {});
+            _t6 = /* @__PURE__ */ _jsx94(StopIcon2, {});
             $[18] = _t6;
         } else {
             _t6 = $[18];
         }
         var _t7;
         if ($[19] !== _t5) {
-            _t7 = /* @__PURE__ */ _jsx95(IconButton10, {
+            _t7 = /* @__PURE__ */ _jsx94(IconButton10, {
                 onClick: _t5,
                 size: "4",
                 color: "gray",
@@ -49181,14 +48947,14 @@ var ActionButton = function() {
         }
         var _t9;
         if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-            _t9 = /* @__PURE__ */ _jsx95(ResumeIcon, {});
+            _t9 = /* @__PURE__ */ _jsx94(ResumeIcon, {});
             $[23] = _t9;
         } else {
             _t9 = $[23];
         }
         var _t0;
         if ($[24] !== _t8) {
-            _t0 = /* @__PURE__ */ _jsx95(IconButton10, {
+            _t0 = /* @__PURE__ */ _jsx94(IconButton10, {
                 onClick: _t8,
                 size: "4",
                 children: _t9
@@ -49202,7 +48968,7 @@ var ActionButton = function() {
     }
     var t0;
     if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx95(IconButton10, {
+        t0 = /* @__PURE__ */ _jsx94(IconButton10, {
             size: "4",
             variant: "soft",
             disabled: true
@@ -49214,7 +48980,7 @@ var ActionButton = function() {
     return t0;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-import { jsx as _jsx96, jsxs as _jsxs34 } from "react/jsx-runtime";
+import { jsx as _jsx95, jsxs as _jsxs34 } from "react/jsx-runtime";
 function ownKeys52(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -49259,17 +49025,17 @@ function _toPrimitive52(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Form = function(props) {
-    var $ = _c99(17);
+    var $ = _c97(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__ */ _jsx96(Flex34, {
+        t1 = /* @__PURE__ */ _jsx95(Flex34, {
             ml: "-22.5px",
             mr: "2",
             align: "center",
-            children: /* @__PURE__ */ _jsx96(MicIcon, {
+            children: /* @__PURE__ */ _jsx95(MicIcon, {
                 style: {
                     color: t0
                 }
@@ -49295,7 +49061,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__ */ _jsx96(BarsVisualizer, {
+        t5 = /* @__PURE__ */ _jsx95(BarsVisualizer, {
             visualizationAnalyser: audioThreadContext.audioRuntime.user.visualizationAnalyser,
             backgroundColor: t4,
             height: "20px",
@@ -49309,7 +49075,7 @@ var Form = function(props) {
     }
     var t6;
     if ($[7] !== t3 || $[8] !== t5) {
-        t6 = /* @__PURE__ */ _jsx96(Flex34, {
+        t6 = /* @__PURE__ */ _jsx95(Flex34, {
             px: "2",
             py: "1",
             style: t3,
@@ -49339,7 +49105,7 @@ var Form = function(props) {
     }
     var t8;
     if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-        t8 = /* @__PURE__ */ _jsx96(ActionButton, {});
+        t8 = /* @__PURE__ */ _jsx95(ActionButton, {});
         $[13] = t8;
     } else {
         t8 = $[13];
@@ -49364,7 +49130,7 @@ var Form = function(props) {
     return t9;
 };
 // src/components/threads/AudioThread/index.tsx
-import { jsx as _jsx97, jsxs as _jsxs35 } from "react/jsx-runtime";
+import { jsx as _jsx96, jsxs as _jsxs35 } from "react/jsx-runtime";
 function ownKeys53(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -49409,14 +49175,14 @@ function _toPrimitive53(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThread = function(props) {
-    var $ = _c100(5);
+    var $ = _c98(5);
     var t0;
     var t1;
     var t2;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx97(Visualization, {});
-        t1 = /* @__PURE__ */ _jsx97(Status, {});
-        t2 = /* @__PURE__ */ _jsx97(Form, {});
+        t0 = /* @__PURE__ */ _jsx96(Visualization, {});
+        t1 = /* @__PURE__ */ _jsx96(Status, {});
+        t2 = /* @__PURE__ */ _jsx96(Form, {});
         $[0] = t0;
         $[1] = t1;
         $[2] = t2;
@@ -49446,7 +49212,7 @@ AudioThread.Visualization = Visualization;
 AudioThread.Status = Status;
 AudioThread.Form = Form;
 // src/components/threads/AudioThreadDialog/index.tsx
-import { jsx as _jsx98, jsxs as _jsxs36 } from "react/jsx-runtime";
+import { jsx as _jsx97, jsxs as _jsxs36 } from "react/jsx-runtime";
 function ownKeys54(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -49491,14 +49257,14 @@ function _toPrimitive54(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThreadDialog = function(props) {
-    var $ = _c101(4);
+    var $ = _c99(4);
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx98(Content8.Root, {
-            children: /* @__PURE__ */ _jsx98(AudioThread, {})
+        t0 = /* @__PURE__ */ _jsx97(Content8.Root, {
+            children: /* @__PURE__ */ _jsx97(AudioThread, {})
         });
-        t1 = /* @__PURE__ */ _jsx98(Trigger, {});
+        t1 = /* @__PURE__ */ _jsx97(Trigger, {});
         $[0] = t0;
         $[1] = t1;
     } else {
@@ -49524,7 +49290,7 @@ AudioThreadDialog.Root = Root13;
 AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content8;
 // src/hooks/audioRuntimes/useWebrtcAudioRuntime/index.ts
-import { useEffect as useEffect13, useMemo as useMemo21, useRef as useRef9, useState as useState12 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo20, useRef as useRef9, useState as useState12 } from "react";
 function asyncGeneratorStep12(n, t, e, r, o, a, c) {
     try {
         var i = n[a](c), u = i.value;
@@ -49964,7 +49730,7 @@ var useWebrtcAudioRuntime = function() {
             return _ref7.apply(this, arguments);
         };
     }();
-    return useMemo21(function() {
+    return useMemo20(function() {
         return {
             webrtcAudioRuntime: {
                 user: {
@@ -50013,10 +49779,10 @@ var useWebrtcAudioRuntime = function() {
     ]);
 };
 // src/components/audioRuntimes/WebrtcAudioRuntimeProvider.tsx
-import { c as _c102 } from "react-compiler-runtime";
-import { jsx as _jsx99 } from "react/jsx-runtime";
+import { c as _c100 } from "react-compiler-runtime";
+import { jsx as _jsx98 } from "react/jsx-runtime";
 var WebrtcAudioRuntimeProvider = function(t0) {
-    var $ = _c102(5);
+    var $ = _c100(5);
     var children = t0.children;
     var webrtcAudioRuntime = useWebrtcAudioRuntime().webrtcAudioRuntime;
     var t1;
@@ -50031,7 +49797,7 @@ var WebrtcAudioRuntimeProvider = function(t0) {
     }
     var t2;
     if ($[2] !== children || $[3] !== t1) {
-        t2 = /* @__PURE__ */ _jsx99(AudioThreadContext.Provider, {
+        t2 = /* @__PURE__ */ _jsx98(AudioThreadContext.Provider, {
             value: t1,
             children: children
         });
@@ -50044,20 +49810,20 @@ var WebrtcAudioRuntimeProvider = function(t0) {
     return t2;
 };
 // src/components/gui/Gui/index.tsx
-import { c as _c105 } from "react-compiler-runtime";
-import { useMemo as useMemo24 } from "react";
+import { c as _c103 } from "react-compiler-runtime";
+import { useMemo as useMemo23 } from "react";
 import { Flex as Flex35, Card as Card5, Spinner as Spinner3 } from "@radix-ui/themes";
 // src/hooks/messages/useLatestAssistantMessage/index.ts
-import { c as _c103 } from "react-compiler-runtime";
-import { useMemo as useMemo22 } from "react";
+import { c as _c101 } from "react-compiler-runtime";
+import { useMemo as useMemo21 } from "react";
 var useLatestAssistantMessage = function() {
-    var $ = _c103(4);
+    var $ = _c101(4);
     var _useMessages = useMessages(), messages2 = _useMessages.messages;
     var t0;
     var t1;
     if ($[0] !== messages2) {
         var _messages$find;
-        t1 = (_messages$find = messages2.find(_temp11)) !== null && _messages$find !== void 0 ? _messages$find : null;
+        t1 = (_messages$find = messages2.find(_temp10)) !== null && _messages$find !== void 0 ? _messages$find : null;
         $[0] = messages2;
         $[1] = t1;
     } else {
@@ -50076,15 +49842,15 @@ var useLatestAssistantMessage = function() {
     t0 = t2;
     return t0;
 };
-function _temp11(message) {
+function _temp10(message) {
     return message.role === "assistant";
 }
 // src/hooks/messages/useLatestAssistantMessageWithContent/index.ts
-import { c as _c104 } from "react-compiler-runtime";
+import { c as _c102 } from "react-compiler-runtime";
 import { isEmpty as isEmpty3 } from "radash";
-import { useMemo as useMemo23 } from "react";
+import { useMemo as useMemo22 } from "react";
 var useLatestAssistantMessageWithContent = function() {
-    var $ = _c104(4);
+    var $ = _c102(4);
     var _useMessages = useMessages(), messages2 = _useMessages.messages;
     var t0;
     var t1;
@@ -50109,21 +49875,21 @@ var useLatestAssistantMessageWithContent = function() {
     t0 = t2;
     return t0;
 };
-function _temp12(content2) {
+function _temp11(content2) {
     return content2.type === "text" && !isEmpty3(content2.text.value);
 }
 function _temp25(message) {
-    return message.role === "assistant" && message.content.some(_temp12);
+    return message.role === "assistant" && message.content.some(_temp11);
 }
 // src/components/gui/Gui/index.tsx
-import { jsx as _jsx100, jsxs as _jsxs37 } from "react/jsx-runtime";
+import { jsx as _jsx99, jsxs as _jsxs37 } from "react/jsx-runtime";
 var StartingToolCalls3 = function() {
-    var $ = _c105(2);
+    var $ = _c103(2);
     var _useComponents = useComponents(), t0 = _useComponents.components;
     var StartingToolCalls4 = t0.StartingToolCalls;
     var t1;
     if ($[0] !== StartingToolCalls4) {
-        t1 = /* @__PURE__ */ _jsx100(StartingToolCalls4, {});
+        t1 = /* @__PURE__ */ _jsx99(StartingToolCalls4, {});
         $[0] = StartingToolCalls4;
         $[1] = t1;
     } else {
@@ -50132,7 +49898,7 @@ var StartingToolCalls3 = function() {
     return t1;
 };
 var Content10 = function(t0) {
-    var $ = _c105(5);
+    var $ = _c103(5);
     var latestRunStep = t0.latestRunStep;
     var t1;
     bb0: {
@@ -50154,7 +49920,7 @@ var Content10 = function(t0) {
     if (!latestRunStep || latestRunStep.step_details.type !== "tool_calls") {
         var _t;
         if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-            _t = /* @__PURE__ */ _jsx100(Spinner3, {});
+            _t = /* @__PURE__ */ _jsx99(Spinner3, {});
             $[0] = _t;
         } else {
             _t = $[0];
@@ -50164,7 +49930,7 @@ var Content10 = function(t0) {
     if (!latestToolCall) {
         var _t2;
         if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-            _t2 = /* @__PURE__ */ _jsx100(StartingToolCalls3, {});
+            _t2 = /* @__PURE__ */ _jsx99(StartingToolCalls3, {});
             $[1] = _t2;
         } else {
             _t2 = $[1];
@@ -50173,7 +49939,7 @@ var Content10 = function(t0) {
     }
     var t2;
     if ($[2] !== latestRunStep || $[3] !== latestToolCall) {
-        t2 = /* @__PURE__ */ _jsx100(ToolCall, {
+        t2 = /* @__PURE__ */ _jsx99(ToolCall, {
             runStep: latestRunStep,
             toolCall: latestToolCall
         });
@@ -50186,14 +49952,14 @@ var Content10 = function(t0) {
     return t2;
 };
 var Progress2 = function(t0) {
-    var $ = _c105(5);
+    var $ = _c103(5);
     var latestAssistantMessage = t0.latestAssistantMessage;
     var isMutatingMessage = useIsMutatingMessage();
     var t1;
     var t2;
     if ($[0] !== latestAssistantMessage.runSteps) {
         var _latestAssistantMessa;
-        t2 = (_latestAssistantMessa = latestAssistantMessage.runSteps.find(_temp13)) !== null && _latestAssistantMessa !== void 0 ? _latestAssistantMessa : null;
+        t2 = (_latestAssistantMessa = latestAssistantMessage.runSteps.find(_temp12)) !== null && _latestAssistantMessa !== void 0 ? _latestAssistantMessa : null;
         $[0] = latestAssistantMessage.runSteps;
         $[1] = t2;
     } else {
@@ -50220,10 +49986,10 @@ var Progress2 = function(t0) {
     }
     var t4;
     if ($[3] !== latestRunStep) {
-        t4 = /* @__PURE__ */ _jsx100(Flex35, {
+        t4 = /* @__PURE__ */ _jsx99(Flex35, {
             style: t3,
-            children: /* @__PURE__ */ _jsx100(Card5, {
-                children: /* @__PURE__ */ _jsx100(Content10, {
+            children: /* @__PURE__ */ _jsx99(Card5, {
+                children: /* @__PURE__ */ _jsx99(Content10, {
                     latestRunStep: latestRunStep
                 })
             })
@@ -50236,20 +50002,20 @@ var Progress2 = function(t0) {
     return t4;
 };
 var Gui = function() {
-    var $ = _c105(8);
+    var $ = _c103(8);
     var latestAssistantMessage = useLatestAssistantMessage().latestAssistantMessage;
     var latestAssistantMessageWithContent = useLatestAssistantMessageWithContent().latestAssistantMessageWithContent;
     if (!latestAssistantMessage || !latestAssistantMessageWithContent) {
         var _t3;
         if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-            _t3 = /* @__PURE__ */ _jsx100(Flex35, {
+            _t3 = /* @__PURE__ */ _jsx99(Flex35, {
                 direction: "column",
                 flexGrow: "1",
-                children: /* @__PURE__ */ _jsx100(Flex35, {
+                children: /* @__PURE__ */ _jsx99(Flex35, {
                     align: "center",
                     justify: "center",
                     flexGrow: "1",
-                    children: /* @__PURE__ */ _jsx100(Spinner3, {
+                    children: /* @__PURE__ */ _jsx99(Spinner3, {
                         size: "3"
                     })
                 })
@@ -50262,7 +50028,7 @@ var Gui = function() {
     }
     var t0;
     if ($[1] !== latestAssistantMessageWithContent) {
-        t0 = /* @__PURE__ */ _jsx100(MessageContent, {
+        t0 = /* @__PURE__ */ _jsx99(MessageContent, {
             message: latestAssistantMessageWithContent
         });
         $[1] = latestAssistantMessageWithContent;
@@ -50272,7 +50038,7 @@ var Gui = function() {
     }
     var t1;
     if ($[3] !== latestAssistantMessage) {
-        t1 = /* @__PURE__ */ _jsx100(Progress2, {
+        t1 = /* @__PURE__ */ _jsx99(Progress2, {
             latestAssistantMessage: latestAssistantMessage
         });
         $[3] = latestAssistantMessage;
@@ -50298,13 +50064,13 @@ var Gui = function() {
     }
     return t2;
 };
-function _temp13(rs) {
+function _temp12(rs) {
     return rs.status === "in_progress";
 }
 // src/components/markdown/MarkdownProvider/index.tsx
-import { c as _c106 } from "react-compiler-runtime";
-import { useMemo as useMemo25 } from "react";
-import { jsx as _jsx101 } from "react/jsx-runtime";
+import { c as _c104 } from "react-compiler-runtime";
+import { useMemo as useMemo24 } from "react";
+import { jsx as _jsx100 } from "react/jsx-runtime";
 var _excluded7 = [
     "children"
 ];
@@ -50327,7 +50093,7 @@ function _objectWithoutPropertiesLoose7(r, e) {
     return t;
 }
 var MarkdownProvider = function(t0) {
-    var $ = _c106(9);
+    var $ = _c104(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -50357,7 +50123,7 @@ var MarkdownProvider = function(t0) {
     var value = t1;
     var t3;
     if ($[6] !== children || $[7] !== value) {
-        t3 = /* @__PURE__ */ _jsx101(MarkdownContext.Provider, {
+        t3 = /* @__PURE__ */ _jsx100(MarkdownContext.Provider, {
             value: value,
             children: children
         });
@@ -50370,18 +50136,18 @@ var MarkdownProvider = function(t0) {
     return t3;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-import { c as _c109 } from "react-compiler-runtime";
+import { c as _c107 } from "react-compiler-runtime";
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-import { c as _c108 } from "react-compiler-runtime";
+import { c as _c106 } 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 _c107 } from "react-compiler-runtime";
+import { c as _c105 } from "react-compiler-runtime";
 import { Flex as Flex36, Card as Card6, Inset as Inset3 } from "@radix-ui/themes";
-import { jsx as _jsx102 } from "react/jsx-runtime";
+import { jsx as _jsx101 } from "react/jsx-runtime";
 var Content11 = function(t0) {
-    var $ = _c107(5);
+    var $ = _c105(5);
     var fileId = t0.fileId;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -50418,18 +50184,18 @@ var Content11 = function(t0) {
     }
     var t5;
     if ($[3] !== t3) {
-        t5 = /* @__PURE__ */ _jsx102(Flex36, {
+        t5 = /* @__PURE__ */ _jsx101(Flex36, {
             direction: "column",
             flexGrow: "1",
             gap: "3",
-            children: /* @__PURE__ */ _jsx102(Card6, {
+            children: /* @__PURE__ */ _jsx101(Card6, {
                 style: t1,
-                children: /* @__PURE__ */ _jsx102(Inset3, {
+                children: /* @__PURE__ */ _jsx101(Inset3, {
                     clip: "padding-box",
                     style: t2,
-                    children: /* @__PURE__ */ _jsx102(Flex36, {
+                    children: /* @__PURE__ */ _jsx101(Flex36, {
                         flexGrow: "1",
-                        children: /* @__PURE__ */ _jsx102("embed", {
+                        children: /* @__PURE__ */ _jsx101("embed", {
                             src: t3,
                             style: t4
                         })
@@ -50445,9 +50211,9 @@ var Content11 = function(t0) {
     return t5;
 };
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-import { jsx as _jsx103, jsxs as _jsxs38, Fragment as _Fragment6 } from "react/jsx-runtime";
+import { jsx as _jsx102, jsxs as _jsxs38, Fragment as _Fragment6 } from "react/jsx-runtime";
 var FileCitation = function(t0) {
-    var $ = _c108(18);
+    var $ = _c106(18);
     var annotation = t0.annotation;
     var _useState13 = _sliced_to_array(useState13(null), 2), activeFileId = _useState13[0], setActiveFileId = _useState13[1];
     var t1;
@@ -50462,14 +50228,14 @@ var FileCitation = function(t0) {
     }
     var t2;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = /* @__PURE__ */ _jsx103(QuoteIcon2, {});
+        t2 = /* @__PURE__ */ _jsx102(QuoteIcon2, {});
         $[2] = t2;
     } else {
         t2 = $[2];
     }
     var t3;
     if ($[3] !== t1) {
-        t3 = /* @__PURE__ */ _jsx103(IconButton11, {
+        t3 = /* @__PURE__ */ _jsx102(IconButton11, {
             variant: "soft",
             color: "gray",
             size: "1",
@@ -50505,9 +50271,9 @@ var FileCitation = function(t0) {
     }
     var t7;
     if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-        t7 = /* @__PURE__ */ _jsx103(VisuallyHidden, {
+        t7 = /* @__PURE__ */ _jsx102(VisuallyHidden, {
             asChild: true,
-            children: /* @__PURE__ */ _jsx103(Dialog.Title, {
+            children: /* @__PURE__ */ _jsx102(Dialog.Title, {
                 children: "Source"
             })
         });
@@ -50517,7 +50283,7 @@ var FileCitation = function(t0) {
     }
     var t8;
     if ($[8] !== activeFileId) {
-        t8 = activeFileId && /* @__PURE__ */ _jsx103(Content11, {
+        t8 = activeFileId && /* @__PURE__ */ _jsx102(Content11, {
             fileId: activeFileId
         });
         $[8] = activeFileId;
@@ -50545,7 +50311,7 @@ var FileCitation = function(t0) {
     }
     var t10;
     if ($[12] !== t4 || $[13] !== t9) {
-        t10 = /* @__PURE__ */ _jsx103(Dialog.Root, {
+        t10 = /* @__PURE__ */ _jsx102(Dialog.Root, {
             open: t4,
             onOpenChange: t5,
             children: t9
@@ -50573,7 +50339,7 @@ var FileCitation = function(t0) {
     return t11;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-import { jsx as _jsx104 } from "react/jsx-runtime";
+import { jsx as _jsx103 } from "react/jsx-runtime";
 var _excluded8 = [
     "children"
 ];
@@ -50596,7 +50362,7 @@ function _objectWithoutPropertiesLoose8(r, e) {
     return t;
 }
 var SourceAnnotation = function(t0) {
-    var $ = _c109(10);
+    var $ = _c107(10);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -50624,7 +50390,7 @@ var SourceAnnotation = function(t0) {
     if (annotation.type === "file_citation") {
         var t2;
         if ($[5] !== annotation) {
-            t2 = /* @__PURE__ */ _jsx104(FileCitation, {
+            t2 = /* @__PURE__ */ _jsx103(FileCitation, {
                 annotation: annotation
             });
             $[5] = annotation;
@@ -50637,7 +50403,7 @@ var SourceAnnotation = function(t0) {
         if (annotation.type === "file_path") {
             var _t2;
             if ($[7] !== annotation || $[8] !== children) {
-                _t2 = /* @__PURE__ */ _jsx104(FilePathAnnotation, {
+                _t2 = /* @__PURE__ */ _jsx103(FilePathAnnotation, {
                     annotation: annotation,
                     children: children
                 });
@@ -50653,7 +50419,7 @@ var SourceAnnotation = function(t0) {
     return null;
 };
 // src/components/avatars/Avatar.tsx
-import { c as _c112 } from "react-compiler-runtime";
+import { c as _c110 } from "react-compiler-runtime";
 // src/enums/index.ts
 var IconAvatarName = /* @__PURE__ */ function(IconAvatarName2) {
     IconAvatarName2["BACKPACK"] = "BACKPACK";
@@ -50678,7 +50444,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 _c110 } from "react-compiler-runtime";
+import { c as _c108 } from "react-compiler-runtime";
 import { Avatar as Avatar4 } from "@radix-ui/themes";
 // src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
 var width = function(_ref) {
@@ -50730,9 +50496,9 @@ var optimizedSrc = function(_ref) {
     }));
 };
 // src/components/imageAvatars/ImageAvatar/index.tsx
-import { jsx as _jsx105 } from "react/jsx-runtime";
+import { jsx as _jsx104 } from "react/jsx-runtime";
 var ImageAvatar = function(t0) {
-    var $ = _c110(9);
+    var $ = _c108(9);
     var imageAvatar = t0.imageAvatar, size = t0.size, className = t0.className, style = t0.style;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -50751,7 +50517,7 @@ var ImageAvatar = function(t0) {
     }
     var t2;
     if ($[4] !== className || $[5] !== size || $[6] !== style || $[7] !== t1) {
-        t2 = /* @__PURE__ */ _jsx105(Avatar4, {
+        t2 = /* @__PURE__ */ _jsx104(Avatar4, {
             className: className,
             style: style,
             fallback: "",
@@ -50769,24 +50535,24 @@ var ImageAvatar = function(t0) {
     return t2;
 };
 // src/components/iconAvatars/IconAvatar.tsx
-import { c as _c111 } from "react-compiler-runtime";
-import { useMemo as useMemo26 } from "react";
+import { c as _c109 } from "react-compiler-runtime";
+import { useMemo as useMemo25 } from "react";
 import { Avatar as Avatar5 } from "@radix-ui/themes";
 // src/lib/iconAvatars/iconAvatarComponents.ts
 import { BackpackIcon, RocketIcon, MagicWandIcon, CubeIcon, TargetIcon, DiscIcon, GlobeIcon, StarIcon, LightningBoltIcon as LightningBoltIcon2, FaceIcon, PersonIcon as PersonIcon2, HeartIcon } from "@radix-ui/react-icons";
 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 _jsx106 } from "react/jsx-runtime";
+import { jsx as _jsx105 } from "react/jsx-runtime";
 var IconAvatar = function(t0) {
-    var $ = _c111(7);
+    var $ = _c109(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__ */ _jsx106(Component2, {}) : "";
+        t2 = Component2 ? /* @__PURE__ */ _jsx105(Component2, {}) : "";
         $[0] = Component2;
         $[1] = t2;
     } else {
@@ -50794,7 +50560,7 @@ var IconAvatar = function(t0) {
     }
     var t3;
     if ($[2] !== className || $[3] !== size || $[4] !== style || $[5] !== t2) {
-        t3 = /* @__PURE__ */ _jsx106(Avatar5, {
+        t3 = /* @__PURE__ */ _jsx105(Avatar5, {
             className: className,
             style: style,
             size: size,
@@ -50811,16 +50577,16 @@ var IconAvatar = function(t0) {
     return t3;
 };
 // src/components/avatars/Avatar.tsx
-import { jsx as _jsx107 } from "react/jsx-runtime";
+import { jsx as _jsx106 } from "react/jsx-runtime";
 var Avatar6 = function(t0) {
-    var $ = _c112(14);
+    var $ = _c110(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__ */ _jsx107(ImageAvatar, {
+                _t = /* @__PURE__ */ _jsx106(ImageAvatar, {
                     imageAvatar: avatar.imageAvatar,
                     size: size,
                     className: className,
@@ -50839,7 +50605,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__ */ _jsx107(IconAvatar, {
+                _t2 = /* @__PURE__ */ _jsx106(IconAvatar, {
                     iconAvatar: avatar.iconAvatar,
                     size: size,
                     className: className,
@@ -50858,7 +50624,7 @@ var Avatar6 = function(t0) {
     }
     var t2;
     if ($[10] !== className || $[11] !== size || $[12] !== style) {
-        t2 = /* @__PURE__ */ _jsx107(RadixAvatar, {
+        t2 = /* @__PURE__ */ _jsx106(RadixAvatar, {
             fallback: "",
             size: size,
             className: className,
@@ -50874,9 +50640,9 @@ var Avatar6 = function(t0) {
     return t2;
 };
 // src/components/components/ComponentsProvider.tsx
-import { c as _c113 } from "react-compiler-runtime";
-import { useMemo as useMemo27 } from "react";
-import { jsx as _jsx108 } from "react/jsx-runtime";
+import { c as _c111 } from "react-compiler-runtime";
+import { useMemo as useMemo26 } from "react";
+import { jsx as _jsx107 } from "react/jsx-runtime";
 var _excluded9 = [
     "children"
 ];
@@ -50899,7 +50665,7 @@ function _objectWithoutPropertiesLoose9(r, e) {
     return t;
 }
 var ComponentsProvider = function(t0) {
-    var $ = _c113(9);
+    var $ = _c111(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -50929,7 +50695,7 @@ var ComponentsProvider = function(t0) {
     var value = t1;
     var t3;
     if ($[6] !== children || $[7] !== value) {
-        t3 = /* @__PURE__ */ _jsx108(ComponentsContext.Provider, {
+        t3 = /* @__PURE__ */ _jsx107(ComponentsContext.Provider, {
             value: value,
             children: children
         });
@@ -50942,11 +50708,11 @@ var ComponentsProvider = function(t0) {
     return t3;
 };
 // src/components/assistants/AssistantProvider/index.tsx
-import { c as _c114 } from "react-compiler-runtime";
-import { jsx as _jsx109 } from "react/jsx-runtime";
+import { c as _c112 } from "react-compiler-runtime";
+import { jsx as _jsx108 } from "react/jsx-runtime";
 var AssistantProvider = function(t0) {
     var _assistant$name;
-    var $ = _c114(10);
+    var $ = _c112(10);
     var children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -50964,7 +50730,7 @@ var AssistantProvider = function(t0) {
     var t3 = assistant === null || assistant === void 0 ? void 0 : assistant.avatar;
     var t4;
     if ($[2] !== t3) {
-        t4 = /* @__PURE__ */ _jsx109(Avatar6, {
+        t4 = /* @__PURE__ */ _jsx108(Avatar6, {
             avatar: t3
         });
         $[2] = t3;
@@ -50974,7 +50740,7 @@ var AssistantProvider = function(t0) {
     }
     var t5;
     if ($[4] !== children || $[5] !== t4) {
-        t5 = /* @__PURE__ */ _jsx109(AssistantAvatarContext.Provider, {
+        t5 = /* @__PURE__ */ _jsx108(AssistantAvatarContext.Provider, {
             value: t4,
             children: children
         });
@@ -50986,7 +50752,7 @@ var AssistantProvider = function(t0) {
     }
     var t6;
     if ($[7] !== t2 || $[8] !== t5) {
-        t6 = /* @__PURE__ */ _jsx109(AssistantNameContext.Provider, {
+        t6 = /* @__PURE__ */ _jsx108(AssistantNameContext.Provider, {
             value: t2,
             children: t5
         });