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

package/dist/index.cjs

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -5608,7 +5609,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))) {
@@ -5623,7 +5624,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;
@@ -13401,7 +13402,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;
@@ -13417,7 +13418,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();
@@ -37220,7 +37221,7 @@ var SuperinterfaceProvider = function(_ref) {
     });
 };
 // src/components/threads/Thread/index.tsx
-var import_react_compiler_runtime78 = require("react-compiler-runtime");
+var import_react_compiler_runtime77 = require("react-compiler-runtime");
 // src/components/threads/Thread/Messages/index.tsx
 var import_react_compiler_runtime66 = require("react-compiler-runtime");
 var import_themes45 = require("@radix-ui/themes");
@@ -44091,7 +44092,7 @@ Messages2.Message = Message;
 Messages2.NextPageSkeleton = NextPageSkeleton;
 Messages2.Content = Content7;
 // src/components/threads/Thread/MessageForm/index.tsx
-var import_react_compiler_runtime74 = require("react-compiler-runtime");
+var import_react_compiler_runtime73 = require("react-compiler-runtime");
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
 var import_react_compiler_runtime67 = require("react-compiler-runtime");
 var import_react_icons11 = require("@radix-ui/react-icons");
@@ -44266,41 +44267,8 @@ Submit.Root = Root7;
 Submit.Button = Button3;
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 var import_react_query6 = require("@tanstack/react-query");
-var import_react52 = require("react");
-var import_react_hook_form = require("react-hook-form");
-// src/lib/reactHookForm/FormProvider.tsx
-var import_react_compiler_runtime68 = require("react-compiler-runtime");
 var import_react51 = require("react");
-var import_jsx_runtime69 = require("react/jsx-runtime");
-var FormContext = /* @__PURE__ */ (0, import_react51.createContext)(null);
-var useFormContext = function() {
-    var value = (0, import_react51.useContext)(FormContext);
-    if (!value) {
-        throw new Error("useFormContext must be used within FormProvider");
-    }
-    return value;
-};
-var FormProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime68.c)(3);
-    var children = t0.children, form = t0.form;
-    var t1;
-    t1 = form;
-    var contextValue = t1;
-    var t2;
-    if ($[0] !== children || $[1] !== contextValue) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(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
+var import_react_hook_form = require("react-hook-form");
 var import_themes47 = require("@radix-ui/themes");
 // src/components/threads/Thread/MessageForm/Root/lib/formOptions.ts
 var import_zod = require("zod");
@@ -44313,7 +44281,7 @@ var formOptions = {
 };
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 var import_radash14 = require("radash");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function ownKeys30(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -44383,7 +44351,7 @@ function _asyncToGenerator6(n) {
 var Root8 = function(_ref) {
     "use no memo";
     var children = _ref.children, onSubmitArg = _ref.onSubmit, isDisabledArg = _ref.isDisabled, style = _ref.style, className = _ref.className;
-    var _$_ref = _sliced_to_array((0, import_react52.useState)([]), 2), files = _$_ref[0], setFiles = _$_ref[1];
+    var _$_ref = _sliced_to_array((0, import_react51.useState)([]), 2), files = _$_ref[0], setFiles = _$_ref[1];
     var formProps = (0, import_react_hook_form.useForm)(formOptions);
     var handleSubmit = formProps.handleSubmit, isSubmitting = formProps.formState.isSubmitting, formReset = formProps.reset, watch = formProps.watch;
     var addToast = useToasts().addToast;
@@ -44397,7 +44365,7 @@ var Root8 = function(_ref) {
         })
     }).createMessage;
     var isMutatingMessage = useIsMutatingMessage();
-    var isFileLoading = (0, import_react52.useMemo)(function() {
+    var isFileLoading = (0, import_react51.useMemo)(function() {
         return files.some(function(file) {
             return isOptimistic({
                 id: file.id
@@ -44406,21 +44374,21 @@ var Root8 = function(_ref) {
     }, [
         files
     ]);
-    var isLoading = (0, import_react52.useMemo)(function() {
+    var isLoading = (0, import_react51.useMemo)(function() {
         return isMutatingMessage || isSubmitting;
     }, [
         isMutatingMessage,
         isSubmitting
     ]);
     var latestMessage = useLatestMessage().latestMessage;
-    var isDisabled = (0, import_react52.useMemo)(function() {
+    var isDisabled = (0, import_react51.useMemo)(function() {
         var _latestMessage$metada;
         return !!(latestMessage !== null && latestMessage !== void 0 && (_latestMessage$metada = latestMessage.metadata) !== null && _latestMessage$metada !== void 0 && _latestMessage$metada.isBlocking) || !!isDisabledArg;
     }, [
         latestMessage,
         isDisabledArg
     ]);
-    var reset = (0, import_react52.useCallback)(function() {
+    var reset = (0, import_react51.useCallback)(function() {
         formReset();
         setFiles([]);
     }, [
@@ -44495,7 +44463,7 @@ var Root8 = function(_ref) {
         };
     }();
     var content_0 = watch("content");
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(MessageFormContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MessageFormContext.Provider, {
         value: {
             isDisabled: isDisabled,
             isLoading: isLoading,
@@ -44504,42 +44472,43 @@ var Root8 = function(_ref) {
             isFileLoading: isFileLoading,
             content: content_0
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(FormProvider, {
-            form: formProps,
-            children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes47.Box, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react_hook_form.FormProvider, _objectSpread30(_objectSpread30({}, formProps), {}, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes47.Box, {
                 asChild: true,
                 flexShrink: "0",
                 style: style,
                 className: className,
-                children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("form", {
+                children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("form", {
                     onSubmit: handleSubmit(onSubmit),
                     children: children
                 })
             })
-        })
+        }))
     });
 };
 // src/components/threads/Thread/MessageForm/Field/index.tsx
+var import_react_hook_form3 = require("react-hook-form");
 var import_themes51 = require("@radix-ui/themes");
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-var import_react_compiler_runtime70 = require("react-compiler-runtime");
+var import_react_compiler_runtime69 = require("react-compiler-runtime");
 var import_themes48 = require("@radix-ui/themes");
+var import_react_hook_form2 = require("react-hook-form");
 // src/hooks/misc/usePrevious.ts
-var import_react53 = require("react");
+var import_react52 = require("react");
 var usePrevious = function(state) {
-    var ref = (0, import_react53.useRef)(void 0);
-    (0, import_react53.useEffect)(function() {
+    var ref = (0, import_react52.useRef)(void 0);
+    (0, import_react52.useEffect)(function() {
         ref.current = state;
     });
     return ref.current;
 };
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-var import_react55 = require("react");
-// src/components/textareas/TextareaBase/index.tsx
-var import_react_compiler_runtime69 = require("react-compiler-runtime");
 var import_react54 = require("react");
+// src/components/textareas/TextareaBase/index.tsx
+var import_react_compiler_runtime68 = require("react-compiler-runtime");
+var import_react53 = require("react");
 var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"), 1);
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var _excluded3 = [
     "style",
     "className"
@@ -44605,8 +44574,8 @@ function _objectWithoutPropertiesLoose3(r, e) {
     }
     return t;
 }
-var TextareaBase = /* @__PURE__ */ (0, import_react54.forwardRef)(function TextareaBase2(t0, ref) {
-    var $ = (0, import_react_compiler_runtime69.c)(14);
+var TextareaBase = /* @__PURE__ */ (0, import_react53.forwardRef)(function TextareaBase2(t0, ref) {
+    var $ = (0, import_react_compiler_runtime68.c)(14);
     var className;
     var rest;
     var style;
@@ -44627,7 +44596,7 @@ var TextareaBase = /* @__PURE__ */ (0, import_react54.forwardRef)(function Texta
     }
     var t1;
     if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("style", {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("style", {
             children: ".superinterface-textarea { min-height: inherit; height: 30px; }\n.superinterface-textarea::placeholder { color: var(--gray-a10); }"
         });
         $[4] = t1;
@@ -44661,10 +44630,10 @@ var TextareaBase = /* @__PURE__ */ (0, import_react54.forwardRef)(function Texta
     }
     var t5;
     if ($[9] !== ref || $[10] !== rest || $[11] !== t2 || $[12] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_jsx_runtime71.Fragment, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, {
             children: [
                 t1,
-                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react_textarea_autosize.default, _objectSpread31({
+                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_textarea_autosize.default, _objectSpread31({
                     ref: ref,
                     className: t2,
                     style: t4
@@ -44682,7 +44651,7 @@ var TextareaBase = /* @__PURE__ */ (0, import_react54.forwardRef)(function Texta
     return t5;
 });
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 function ownKeys32(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -44727,11 +44696,11 @@ function _toPrimitive32(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root9 = function(t0) {
-    var $ = (0, import_react_compiler_runtime70.c)(4);
+    var $ = (0, import_react_compiler_runtime69.c)(4);
     var children = t0.children, style = t0.style, className = t0.className;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes48.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes48.Flex, {
             flexGrow: "1",
             pt: "4px",
             style: style,
@@ -44750,19 +44719,19 @@ var Root9 = function(t0) {
 var Input = function(props) {
     "use no memo";
     var _props$placeholder;
-    var assistantNameContext = (0, import_react55.useContext)(AssistantNameContext);
-    var register = useFormContext().register;
+    var assistantNameContext = (0, import_react54.useContext)(AssistantNameContext);
+    var register = (0, import_react_hook_form2.useFormContext)().register;
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
-    var isSubmitDisabled = (0, import_react55.useMemo)(function() {
+    var isSubmitDisabled = (0, import_react54.useMemo)(function() {
         return isDisabled || isLoading;
     }, [
         isDisabled,
         isLoading
     ]);
     var isDisabledPrevious = usePrevious(isDisabled);
-    var textareaRef = (0, import_react55.useRef)(null);
+    var textareaRef = (0, import_react54.useRef)(null);
     var textareaProps = register("content");
-    (0, import_react55.useEffect)(function() {
+    (0, import_react54.useEffect)(function() {
         if (isDisabled) return;
         if (!isDisabledPrevious) return;
         if (!textareaRef.current) return;
@@ -44772,7 +44741,7 @@ var Input = function(props) {
         isDisabledPrevious,
         textareaProps
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(TextareaBase, _objectSpread32(_objectSpread32(_objectSpread32({
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TextareaBase, _objectSpread32(_objectSpread32(_objectSpread32({
         minRows: 1,
         placeholder: (_props$placeholder = props.placeholder) !== null && _props$placeholder !== void 0 ? _props$placeholder : "Message ".concat(assistantNameContext, "..."),
         disabled: isDisabled,
@@ -44792,17 +44761,17 @@ var Input = function(props) {
     }));
 };
 var Control = function(props) {
-    var $ = (0, import_react_compiler_runtime70.c)(3);
+    var $ = (0, import_react_compiler_runtime69.c)(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Input, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Input, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Root9, _objectSpread32(_objectSpread32({}, props), {}, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Root9, _objectSpread32(_objectSpread32({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -44815,10 +44784,10 @@ var Control = function(props) {
 Control.Root = Root9;
 Control.Input = Input;
 // src/components/threads/Thread/MessageForm/Field/Files/Preview.tsx
-var import_react_compiler_runtime71 = require("react-compiler-runtime");
+var import_react_compiler_runtime70 = require("react-compiler-runtime");
 var import_themes49 = require("@radix-ui/themes");
 var import_react_icons12 = require("@radix-ui/react-icons");
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 function ownKeys33(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -44863,7 +44832,7 @@ function _toPrimitive33(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Preview = function(props) {
-    var $ = (0, import_react_compiler_runtime71.c)(8);
+    var $ = (0, import_react_compiler_runtime70.c)(8);
     var _useMessageFormContext = useMessageFormContext(), files = _useMessageFormContext.files, setFiles = _useMessageFormContext.setFiles;
     if (!files.length) {
         return null;
@@ -44873,30 +44842,30 @@ var Preview = function(props) {
         var _t;
         if ($[3] !== setFiles) {
             _t = function(file) {
-                return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes49.Card, {
+                return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.Card, {
                     variant: "ghost",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_themes49.Flex, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_themes49.Flex, {
                         align: "center",
                         justify: "between",
                         gap: "1",
                         children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_themes49.Flex, {
+                            /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_themes49.Flex, {
                                 align: "center",
                                 gap: "1",
                                 flexShrink: "1",
                                 minWidth: "0",
                                 maxWidth: "250px",
                                 children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes49.Flex, {
+                                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.Flex, {
                                         flexShrink: "0",
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes49.Spinner, {
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.Spinner, {
                                             loading: isOptimistic({
                                                 id: file.id
                                             }),
-                                            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react_icons12.FileIcon, {})
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons12.FileIcon, {})
                                         })
                                     }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes49.Text, {
+                                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.Text, {
                                         size: "2",
                                         truncate: true,
                                         wrap: "nowrap",
@@ -44904,9 +44873,9 @@ var Preview = function(props) {
                                     })
                                 ]
                             }),
-                            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes49.Flex, {
+                            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.Flex, {
                                 flexShrink: "0",
-                                children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes49.IconButton, {
+                                children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
                                     onClick: function() {
                                         return setFiles(function(prev) {
                                             return prev.filter(function(prevFile) {
@@ -44917,7 +44886,7 @@ var Preview = function(props) {
                                     color: "gray",
                                     variant: "ghost",
                                     size: "1",
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react_icons12.Cross2Icon, {})
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons12.Cross2Icon, {})
                                 })
                             })
                         ]
@@ -44938,7 +44907,7 @@ var Preview = function(props) {
     }
     var t1;
     if ($[5] !== props || $[6] !== t0) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes49.Flex, _objectSpread33(_objectSpread33({
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.Flex, _objectSpread33(_objectSpread33({
             flexBasis: "100%",
             direction: "column",
             pb: "2",
@@ -44955,15 +44924,15 @@ var Preview = function(props) {
     return t1;
 };
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
-var import_react_compiler_runtime73 = require("react-compiler-runtime");
+var import_react_compiler_runtime72 = require("react-compiler-runtime");
 var import_react_icons13 = require("@radix-ui/react-icons");
 var import_themes50 = require("@radix-ui/themes");
 // src/hooks/files/useChangeFilesField/index.ts
-var import_react56 = require("react");
+var import_react55 = require("react");
 var import_radash15 = require("radash");
 var import_dayjs2 = __toESM(require("dayjs"), 1);
 // src/hooks/files/useCreateFile/index.ts
-var import_react_compiler_runtime72 = require("react-compiler-runtime");
+var import_react_compiler_runtime71 = require("react-compiler-runtime");
 var import_react_query7 = require("@tanstack/react-query");
 // src/hooks/files/useCreateFile/lib/mutationOptions/mutationFn/body/formData.ts
 var formData = function(variables) {
@@ -45199,7 +45168,7 @@ function _toPrimitive36(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useCreateFile = function(t0) {
-    var $ = (0, import_react_compiler_runtime72.c)(15);
+    var $ = (0, import_react_compiler_runtime71.c)(15);
     var t1;
     if ($[0] !== t0) {
         t1 = t0 === void 0 ? {
@@ -45350,7 +45319,7 @@ var useChangeFilesField = function() {
     var setFiles = useMessageFormContext().setFiles;
     var createFile = useCreateFile().createFile;
     var addToast = useToasts().addToast;
-    var changeFilesField = (0, import_react56.useCallback)(/* @__PURE__ */ function() {
+    var changeFilesField = (0, import_react55.useCallback)(/* @__PURE__ */ function() {
         var _ref2 = _asyncToGenerator8(function(event) {
             var fileObjects, newFiles, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _loop, _iterator, _step, err;
             return _ts_generator(this, function(_state) {
@@ -45528,7 +45497,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
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 function ownKeys37(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -45573,7 +45542,7 @@ function _toPrimitive37(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Control2 = function(props) {
-    var $ = (0, import_react_compiler_runtime73.c)(11);
+    var $ = (0, import_react_compiler_runtime72.c)(11);
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
     var changeFilesField = useChangeFilesField().changeFilesField;
     var t0 = isDisabled || isLoading;
@@ -45584,7 +45553,7 @@ var Control2 = function(props) {
             position: "relative",
             overflow: "hidden"
         };
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_icons13.FilePlusIcon, {});
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react_icons13.FilePlusIcon, {});
         $[0] = t1;
         $[1] = t2;
     } else {
@@ -45608,7 +45577,7 @@ var Control2 = function(props) {
     }
     var t4;
     if ($[3] !== changeFilesField) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("input", {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("input", {
             type: "file",
             multiple: true,
             accept: filesFieldAccept,
@@ -45622,7 +45591,7 @@ var Control2 = function(props) {
     }
     var t5;
     if ($[5] !== t0 || $[6] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_themes50.IconButton, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_themes50.IconButton, {
             type: "button",
             variant: "ghost",
             color: "gray",
@@ -45641,7 +45610,7 @@ var Control2 = function(props) {
     }
     var t6;
     if ($[8] !== props || $[9] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes50.Flex, _objectSpread37(_objectSpread37({
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes50.Flex, _objectSpread37(_objectSpread37({
             pt: "2",
             pr: "2",
             flexGrow: "0"
@@ -45662,7 +45631,7 @@ var Files = {
     Control: Control2
 };
 // src/components/threads/Thread/MessageForm/Field/index.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 function ownKeys38(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -45709,19 +45678,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__ */ (0, import_jsx_runtime75.jsx)(import_themes51.Container, {
+    var _$_ref = (0, import_react_hook_form3.useFormContext)(), errors = _$_ref.formState.errors;
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes51.Container, {
         size: "2",
         flexGrow: "0",
         className: className,
         style: style,
-        children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes51.Flex, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes51.Flex, {
             direction: "column",
             flexShrink: "0",
-            children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes51.Flex, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes51.Flex, {
                 direction: "column",
                 flexShrink: "0",
-                children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes51.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes51.Flex, {
                     style: _objectSpread38({
                         borderRadius: "var(--radius-2)",
                         borderWidth: "1px",
@@ -45745,7 +45714,7 @@ var Field = {
     Files: Files
 };
 // src/components/threads/Thread/MessageForm/index.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 function ownKeys39(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -45790,13 +45759,13 @@ function _toPrimitive39(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MessageForm = function(props) {
-    var $ = (0, import_react_compiler_runtime74.c)(3);
+    var $ = (0, import_react_compiler_runtime73.c)(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Field.Root, {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Field.Root, {
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Field.Control, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Submit, {})
+                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Field.Control, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Submit, {})
             ]
         });
         $[0] = t0;
@@ -45805,7 +45774,7 @@ var MessageForm = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Root8, _objectSpread39(_objectSpread39({}, props), {}, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Root8, _objectSpread39(_objectSpread39({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -45819,32 +45788,32 @@ MessageForm.Root = Root8;
 MessageForm.Field = Field;
 MessageForm.Submit = Submit;
 // src/components/threads/Thread/Root/index.tsx
-var import_react_compiler_runtime77 = require("react-compiler-runtime");
+var import_react_compiler_runtime76 = require("react-compiler-runtime");
 var import_themes53 = require("@radix-ui/themes");
 // src/components/threads/Thread/Provider/index.tsx
 var Provider2 = SuperinterfaceProvider;
 // src/components/toasts/ToastsProvider/index.tsx
-var import_react_compiler_runtime76 = require("react-compiler-runtime");
-var import_react57 = require("react");
+var import_react_compiler_runtime75 = require("react-compiler-runtime");
+var import_react56 = require("react");
 var Toast2 = __toESM(require("@radix-ui/react-toast"), 1);
 // src/components/toasts/ToastsProvider/CustomToast.tsx
-var import_react_compiler_runtime75 = require("react-compiler-runtime");
+var import_react_compiler_runtime74 = require("react-compiler-runtime");
 var Toast = __toESM(require("@radix-ui/react-toast"), 1);
 var import_themes52 = require("@radix-ui/themes");
 var import_react_icons14 = require("@radix-ui/react-icons");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var CustomToast = function(t0) {
-    var $ = (0, import_react_compiler_runtime75.c)(7);
+    var $ = (0, import_react_compiler_runtime74.c)(7);
     var toast = t0.toast;
     var t1;
     if ($[0] !== toast.type) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes52.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes52.Flex, {
             pr: "2",
             height: "14px",
             align: "center",
-            children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_icons14.CheckCircledIcon, {
+            children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_icons14.CheckCircledIcon, {
                 color: "var(--accent-9)"
-            }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_icons14.CrossCircledIcon, {
+            }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_icons14.CrossCircledIcon, {
                 color: "var(--red-9)"
             })
         });
@@ -45855,7 +45824,7 @@ var CustomToast = function(t0) {
     }
     var t2;
     if ($[2] !== toast.message) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes52.Text, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes52.Text, {
             weight: "medium",
             size: "1",
             children: toast.message
@@ -45867,10 +45836,10 @@ var CustomToast = function(t0) {
     }
     var t3;
     if ($[4] !== t1 || $[5] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Toast.Root, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes52.Card, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Toast.Title, {
-                    children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_themes52.Flex, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Toast.Root, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes52.Card, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Toast.Title, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_themes52.Flex, {
                         children: [
                             t1,
                             t2
@@ -45888,9 +45857,9 @@ var CustomToast = function(t0) {
     return t3;
 };
 // src/components/toasts/ToastsProvider/index.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var ToastsProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime76.c)(15);
+    var $ = (0, import_react_compiler_runtime75.c)(15);
     var children = t0.children, t1 = t0.bottom;
     var bottom = t1 === void 0 ? 0 : t1;
     var t2;
@@ -45900,7 +45869,7 @@ var ToastsProvider = function(t0) {
     } else {
         t2 = $[0];
     }
-    var _ref = _sliced_to_array((0, import_react57.useState)(t2), 2), toasts = _ref[0], setToasts = _ref[1];
+    var _ref = _sliced_to_array((0, import_react56.useState)(t2), 2), toasts = _ref[0], setToasts = _ref[1];
     var t3;
     if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
         t3 = function(toast) {
@@ -45936,7 +45905,7 @@ var ToastsProvider = function(t0) {
     }
     var t6;
     if ($[6] !== bottom) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Toast2.Viewport, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Toast2.Viewport, {
             style: {
                 position: "absolute",
                 bottom: bottom,
@@ -45960,7 +45929,7 @@ var ToastsProvider = function(t0) {
     }
     var t7;
     if ($[8] !== children || $[9] !== t5 || $[10] !== t6) {
-        t7 = /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Toast2.Provider, {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Toast2.Provider, {
             children: [
                 children,
                 t5,
@@ -45976,7 +45945,7 @@ var ToastsProvider = function(t0) {
     }
     var t8;
     if ($[12] !== t4 || $[13] !== t7) {
-        t8 = /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToastsContext.Provider, {
+        t8 = /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToastsContext.Provider, {
             value: t4,
             children: t7
         });
@@ -45989,12 +45958,12 @@ var ToastsProvider = function(t0) {
     return t8;
 };
 function _temp5(toast_0, index) {
-    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CustomToast, {
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(CustomToast, {
         toast: toast_0
     }, index);
 }
 // src/components/threads/Thread/Root/index.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var _excluded4 = [
     "children",
     "style",
@@ -46062,7 +46031,7 @@ function _objectWithoutPropertiesLoose4(r, e) {
     return t;
 }
 var Root12 = function(t0) {
-    var $ = (0, import_react_compiler_runtime77.c)(12);
+    var $ = (0, import_react_compiler_runtime76.c)(12);
     var children;
     var className;
     var rest;
@@ -46086,7 +46055,7 @@ var Root12 = function(t0) {
     }
     var t1;
     if ($[5] !== children || $[6] !== className || $[7] !== style) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_themes53.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_themes53.Flex, {
             direction: "column",
             flexGrow: "1",
             className: className,
@@ -46102,9 +46071,9 @@ var Root12 = function(t0) {
     }
     var t2;
     if ($[9] !== rest || $[10] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ToastsProvider, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToastsProvider, {
             bottom: "var(--space-9)",
-            children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Provider2, _objectSpread40(_objectSpread40({}, rest), {}, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Provider2, _objectSpread40(_objectSpread40({}, rest), {}, {
                 children: t1
             }))
         });
@@ -46117,7 +46086,7 @@ var Root12 = function(t0) {
     return t2;
 };
 // src/components/threads/Thread/index.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 function ownKeys41(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -46162,12 +46131,12 @@ function _toPrimitive41(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Thread = function(props) {
-    var $ = (0, import_react_compiler_runtime78.c)(4);
+    var $ = (0, import_react_compiler_runtime77.c)(4);
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Messages2, {});
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(MessageForm, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Messages2, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(MessageForm, {});
         $[0] = t0;
         $[1] = t1;
     } else {
@@ -46176,7 +46145,7 @@ var Thread = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Root12, _objectSpread41(_objectSpread41({}, props), {}, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(Root12, _objectSpread41(_objectSpread41({}, props), {}, {
             children: [
                 t0,
                 t1
@@ -46193,13 +46162,13 @@ Thread.Root = Root12;
 Thread.Messages = Messages2;
 Thread.MessageForm = MessageForm;
 // src/hooks/messages/useMessageContext/index.ts
-var import_react58 = require("react");
+var import_react57 = require("react");
 var useMessageContext = function() {
-    return (0, import_react58.useContext)(MessageContext);
+    return (0, import_react57.useContext)(MessageContext);
 };
 // src/hooks/assistants/useAssistant/index.ts
-var import_react_compiler_runtime79 = require("react-compiler-runtime");
-var import_react59 = require("react");
+var import_react_compiler_runtime78 = require("react-compiler-runtime");
+var import_react58 = require("react");
 var import_react_query9 = require("@tanstack/react-query");
 // src/hooks/assistants/useAssistant/lib/queryOptions/index.ts
 var import_react_query8 = require("@tanstack/react-query");
@@ -46348,7 +46317,7 @@ function _toPrimitive42(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useAssistant = function(t0) {
-    var $ = (0, import_react_compiler_runtime79.c)(6);
+    var $ = (0, import_react_compiler_runtime78.c)(6);
     var assistantId = t0.assistantId;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -46381,30 +46350,30 @@ var useAssistant = function(t0) {
     return t2;
 };
 // src/components/threads/ThreadDialog/index.tsx
-var import_react_compiler_runtime86 = require("react-compiler-runtime");
+var import_react_compiler_runtime85 = require("react-compiler-runtime");
 // src/components/threads/ThreadDialog/Root/index.tsx
-var import_react_compiler_runtime81 = require("react-compiler-runtime");
-// src/components/threads/ThreadDialog/Provider/index.tsx
 var import_react_compiler_runtime80 = require("react-compiler-runtime");
-var import_react62 = require("react");
+// src/components/threads/ThreadDialog/Provider/index.tsx
+var import_react_compiler_runtime79 = require("react-compiler-runtime");
+var import_react61 = require("react");
 // src/contexts/threads/ThreadDialogContext/index.ts
-var import_react60 = require("react");
-var ThreadDialogContext = /* @__PURE__ */ (0, import_react60.createContext)({
+var import_react59 = require("react");
+var ThreadDialogContext = /* @__PURE__ */ (0, import_react59.createContext)({
     isOpen: false,
     setIsOpen: function() {}
 });
 // src/hooks/threads/useThreadDialogContext/index.ts
-var import_react61 = require("react");
+var import_react60 = require("react");
 var useThreadDialogContext = function() {
-    return (0, import_react61.useContext)(ThreadDialogContext);
+    return (0, import_react60.useContext)(ThreadDialogContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var Provider4 = function(t0) {
-    var $ = (0, import_react_compiler_runtime80.c)(5);
+    var $ = (0, import_react_compiler_runtime79.c)(5);
     var children = t0.children;
     var threadDialogContext = useThreadDialogContext();
-    var _ref = _sliced_to_array((0, import_react62.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
+    var _ref = _sliced_to_array((0, import_react61.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
     var t1;
     if ($[0] !== isOpen) {
         t1 = {
@@ -46418,7 +46387,7 @@ var Provider4 = function(t0) {
     }
     var t2;
     if ($[2] !== children || $[3] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ThreadDialogContext.Provider, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ThreadDialogContext.Provider, {
             value: t1,
             children: children
         });
@@ -46431,13 +46400,13 @@ var Provider4 = function(t0) {
     return t2;
 };
 // src/components/threads/ThreadDialog/Root/index.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var Root13 = function(t0) {
-    var $ = (0, import_react_compiler_runtime81.c)(2);
+    var $ = (0, import_react_compiler_runtime80.c)(2);
     var children = t0.children;
     var t1;
     if ($[0] !== children) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Provider4, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Provider4, {
             children: children
         });
         $[0] = children;
@@ -46448,13 +46417,13 @@ var Root13 = function(t0) {
     return t1;
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-var import_react_compiler_runtime83 = require("react-compiler-runtime");
+var import_react_compiler_runtime82 = require("react-compiler-runtime");
 var import_themes55 = require("@radix-ui/themes");
 // src/components/threads/ThreadDialog/Trigger/Button.tsx
-var import_react_compiler_runtime82 = require("react-compiler-runtime");
+var import_react_compiler_runtime81 = require("react-compiler-runtime");
 var import_themes54 = require("@radix-ui/themes");
 var import_react_icons15 = require("@radix-ui/react-icons");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 function ownKeys43(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -46499,17 +46468,17 @@ function _toPrimitive43(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Button4 = function(props) {
-    var $ = (0, import_react_compiler_runtime82.c)(3);
+    var $ = (0, import_react_compiler_runtime81.c)(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_icons15.ChatBubbleIcon, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_icons15.ChatBubbleIcon, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes54.IconButton, _objectSpread43(_objectSpread43({
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_themes54.IconButton, _objectSpread43(_objectSpread43({
             size: "4",
             radius: "full"
         }, props), {}, {
@@ -46523,7 +46492,7 @@ var Button4 = function(props) {
     return t1;
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 function ownKeys44(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -46568,7 +46537,7 @@ function _toPrimitive44(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root14 = function(t0) {
-    var $ = (0, import_react_compiler_runtime83.c)(14);
+    var $ = (0, import_react_compiler_runtime82.c)(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";
@@ -46613,7 +46582,7 @@ var Root14 = function(t0) {
     }
     var t6;
     if ($[8] !== children || $[9] !== className || $[10] !== t2 || $[11] !== t3 || $[12] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes55.Flex, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes55.Flex, {
             display: t2,
             onClick: t3,
             direction: "column",
@@ -46639,17 +46608,17 @@ var Root14 = function(t0) {
     return t6;
 };
 var Trigger = function(args) {
-    var $ = (0, import_react_compiler_runtime83.c)(3);
+    var $ = (0, import_react_compiler_runtime82.c)(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Button4, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button4, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== args) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Root14, _objectSpread44(_objectSpread44({}, args), {}, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Root14, _objectSpread44(_objectSpread44({}, args), {}, {
             children: t0
         }));
         $[1] = args;
@@ -46665,15 +46634,15 @@ function _temp6(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
-var import_react_compiler_runtime85 = require("react-compiler-runtime");
+var import_react_compiler_runtime84 = require("react-compiler-runtime");
 var import_themes57 = require("@radix-ui/themes");
 // src/components/threads/ThreadDialog/Close/index.tsx
-var import_react_compiler_runtime84 = require("react-compiler-runtime");
+var import_react_compiler_runtime83 = require("react-compiler-runtime");
 var import_react_icons16 = require("@radix-ui/react-icons");
 var import_themes56 = require("@radix-ui/themes");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var Close = function() {
-    var $ = (0, import_react_compiler_runtime84.c)(9);
+    var $ = (0, import_react_compiler_runtime83.c)(9);
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
     var t0 = isOpen ? "flex" : "none";
     var t1;
@@ -46708,10 +46677,10 @@ var Close = function() {
     }
     var t4;
     if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes56.IconButton, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes56.IconButton, {
             size: "2",
             variant: "soft",
-            children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_icons16.Cross1Icon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_icons16.Cross1Icon, {})
         });
         $[5] = t4;
     } else {
@@ -46719,7 +46688,7 @@ var Close = function() {
     }
     var t5;
     if ($[6] !== t1 || $[7] !== t2) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes56.Flex, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes56.Flex, {
             display: t1,
             onClick: t2,
             direction: "column",
@@ -46744,7 +46713,7 @@ function _temp7(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 function ownKeys45(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -46789,7 +46758,7 @@ function _toPrimitive45(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root15 = function(t0) {
-    var $ = (0, import_react_compiler_runtime85.c)(19);
+    var $ = (0, import_react_compiler_runtime84.c)(19);
     var children = t0.children, className = t0.className, style = t0.style;
     var isOpen = useThreadDialogContext().isOpen;
     if (!isOpen) {
@@ -46876,7 +46845,7 @@ var Root15 = function(t0) {
     }
     var t10;
     if ($[10] !== children) {
-        t10 = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_themes57.Inset, {
+        t10 = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes57.Inset, {
             clip: "padding-box",
             side: "all",
             pb: "current",
@@ -46890,14 +46859,14 @@ var Root15 = function(t0) {
     }
     var t11;
     if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-        t11 = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Close, {});
+        t11 = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Close, {});
         $[12] = t11;
     } else {
         t11 = $[12];
     }
     var t12;
     if ($[13] !== t10) {
-        t12 = /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes57.Card, {
+        t12 = /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_themes57.Card, {
             mb: t7,
             style: t8,
             children: [
@@ -46912,7 +46881,7 @@ var Root15 = function(t0) {
     }
     var t13;
     if ($[15] !== className || $[16] !== t12 || $[17] !== t6) {
-        t13 = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_themes57.Flex, {
+        t13 = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes57.Flex, {
             className: className,
             direction: "column",
             justify: "end",
@@ -46936,7 +46905,7 @@ var Root15 = function(t0) {
     return t13;
 };
 var Messages3 = function(t0) {
-    var $ = (0, import_react_compiler_runtime85.c)(5);
+    var $ = (0, import_react_compiler_runtime84.c)(5);
     var className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== style) {
@@ -46952,7 +46921,7 @@ var Messages3 = function(t0) {
     }
     var t2;
     if ($[2] !== className || $[3] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Thread.Messages, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Thread.Messages, {
             className: className,
             style: t1
         });
@@ -46965,11 +46934,11 @@ var Messages3 = function(t0) {
     return t2;
 };
 var FormContainer = function(t0) {
-    var $ = (0, import_react_compiler_runtime85.c)(4);
+    var $ = (0, import_react_compiler_runtime84.c)(4);
     var children = t0.children, className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_themes57.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes57.Flex, {
             direction: "column",
             pl: "5",
             pr: "5",
@@ -46989,21 +46958,21 @@ var FormContainer = function(t0) {
     return t1;
 };
 var Content8 = function(props) {
-    var $ = (0, import_react_compiler_runtime85.c)(4);
+    var $ = (0, import_react_compiler_runtime84.c)(4);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Messages3, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Messages3, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Thread.Root, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Thread.Root, {
             children: [
                 t0,
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(FormContainer, {
-                    children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Thread.MessageForm, {})
+                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(FormContainer, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Thread.MessageForm, {})
                 })
             ]
         });
@@ -47013,7 +46982,7 @@ var Content8 = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Root15, _objectSpread45(_objectSpread45({}, props), {}, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Root15, _objectSpread45(_objectSpread45({}, props), {}, {
             children: t1
         }));
         $[2] = props;
@@ -47027,15 +46996,15 @@ Content8.Root = Root15;
 Content8.Messages = Messages3;
 Content8.FormContainer = FormContainer;
 // src/components/threads/ThreadDialog/index.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var ThreadDialog = function() {
-    var $ = (0, import_react_compiler_runtime86.c)(1);
+    var $ = (0, import_react_compiler_runtime85.c)(1);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(Root13, {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Root13, {
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Content8, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Trigger, {})
+                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Content8, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Trigger, {})
             ]
         });
         $[0] = t0;
@@ -47048,30 +47017,30 @@ ThreadDialog.Root = Root13;
 ThreadDialog.Trigger = Trigger;
 ThreadDialog.Content = Content8;
 // src/components/threads/AudioThreadDialog/index.tsx
-var import_react_compiler_runtime101 = require("react-compiler-runtime");
+var import_react_compiler_runtime99 = require("react-compiler-runtime");
 // src/components/threads/AudioThread/index.tsx
-var import_react_compiler_runtime100 = require("react-compiler-runtime");
+var import_react_compiler_runtime98 = require("react-compiler-runtime");
 // src/components/threads/AudioThread/Root/index.tsx
-var import_react_compiler_runtime92 = require("react-compiler-runtime");
+var import_react_compiler_runtime90 = require("react-compiler-runtime");
 var import_themes58 = require("@radix-ui/themes");
 // src/contexts/threads/AudioThreadContext/index.ts
-var import_react63 = require("react");
-var AudioThreadContext = /* @__PURE__ */ (0, import_react63.createContext)({
+var import_react62 = require("react");
+var AudioThreadContext = /* @__PURE__ */ (0, import_react62.createContext)({
     audioRuntime: null
 });
 // src/hooks/threads/useAudioThreadContext/index.ts
-var import_react64 = require("react");
+var import_react63 = require("react");
 var useAudioThreadContext = function() {
-    return (0, import_react64.useContext)(AudioThreadContext);
+    return (0, import_react63.useContext)(AudioThreadContext);
 };
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
-var import_react_compiler_runtime91 = require("react-compiler-runtime");
+var import_react_compiler_runtime89 = require("react-compiler-runtime");
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
-var import_react_compiler_runtime90 = require("react-compiler-runtime");
-var import_react69 = require("react");
+var import_react_compiler_runtime88 = require("react-compiler-runtime");
+var import_react68 = require("react");
 // src/hooks/misc/usePermission/index.ts
-var import_react_compiler_runtime87 = require("react-compiler-runtime");
-var import_react65 = require("react");
+var import_react_compiler_runtime86 = require("react-compiler-runtime");
+var import_react64 = require("react");
 // src/hooks/misc/usePermission/util.ts
 var noop = function() {};
 function on(obj) {
@@ -47094,8 +47063,8 @@ function off(obj) {
 }
 // src/hooks/misc/usePermission/index.ts
 var usePermission = function(permissionDesc) {
-    var $ = (0, import_react_compiler_runtime87.c)(3);
-    var _ref = _sliced_to_array((0, import_react65.useState)(""), 2), state = _ref[0], setState = _ref[1];
+    var $ = (0, import_react_compiler_runtime86.c)(3);
+    var _ref = _sliced_to_array((0, import_react64.useState)(""), 2), state = _ref[0], setState = _ref[1];
     var t0;
     var t1;
     if ($[0] !== permissionDesc) {
@@ -47134,20 +47103,20 @@ var usePermission = function(permissionDesc) {
         t0 = $[1];
         t1 = $[2];
     }
-    (0, import_react65.useEffect)(t0, t1);
+    (0, import_react64.useEffect)(t0, t1);
     return state;
 };
 // src/hooks/audioThreads/useRecorder/index.ts
 var import_dayjs3 = __toESM(require("dayjs"), 1);
 var import_use_audio_capture = require("@supercorp/use-audio-capture");
-var import_react67 = require("react");
+var import_react66 = require("react");
 var import_react_use_audio_player = require("react-use-audio-player");
 // src/hooks/misc/useInterval.ts
-var import_react_compiler_runtime88 = require("react-compiler-runtime");
-var import_react66 = require("react");
+var import_react_compiler_runtime87 = require("react-compiler-runtime");
+var import_react65 = require("react");
 var useInterval = function(callback, delay) {
-    var $ = (0, import_react_compiler_runtime88.c)(5);
-    var savedCallback = (0, import_react66.useRef)(_temp8);
+    var $ = (0, import_react_compiler_runtime87.c)(5);
+    var savedCallback = (0, import_react65.useRef)(_temp8);
     var t0;
     if ($[0] !== callback) {
         t0 = function() {
@@ -47158,7 +47127,7 @@ var useInterval = function(callback, delay) {
     } else {
         t0 = $[1];
     }
-    (0, import_react66.useEffect)(t0);
+    (0, import_react65.useEffect)(t0);
     var t1;
     var t2;
     if ($[2] !== delay) {
@@ -47182,7 +47151,7 @@ var useInterval = function(callback, delay) {
         t1 = $[3];
         t2 = $[4];
     }
-    (0, import_react66.useEffect)(t1, t2);
+    (0, import_react65.useEffect)(t1, t2);
 };
 function _temp8() {}
 // src/hooks/audioThreads/useRecorder/index.ts
@@ -47254,14 +47223,14 @@ function _asyncToGenerator10(n) {
 }
 var useRecorder = function(_ref) {
     var isStopOnSilence = _ref.isStopOnSilence, _onStart = _ref.onStart, _onStop = _ref.onStop;
-    var _$_ref = _sliced_to_array((0, import_react67.useState)(null), 2), silenceStart = _$_ref[0], setSilenceStart = _$_ref[1];
-    var _$_ref1 = _sliced_to_array((0, import_react67.useState)(null), 2), noiseStart = _$_ref1[0], setNoiseStart = _$_ref1[1];
-    var _$_ref2 = _sliced_to_array((0, import_react67.useState)(null), 2), mediaStream = _$_ref2[0], setMediaStream = _$_ref2[1];
-    var _$_ref3 = _sliced_to_array((0, import_react67.useState)("idle"), 2), status = _$_ref3[0], setStatus = _$_ref3[1];
+    var _$_ref = _sliced_to_array((0, import_react66.useState)(null), 2), silenceStart = _$_ref[0], setSilenceStart = _$_ref[1];
+    var _$_ref1 = _sliced_to_array((0, import_react66.useState)(null), 2), noiseStart = _$_ref1[0], setNoiseStart = _$_ref1[1];
+    var _$_ref2 = _sliced_to_array((0, import_react66.useState)(null), 2), mediaStream = _$_ref2[0], setMediaStream = _$_ref2[1];
+    var _$_ref3 = _sliced_to_array((0, import_react66.useState)("idle"), 2), status = _$_ref3[0], setStatus = _$_ref3[1];
     var startAudioPlayer = (0, import_react_use_audio_player.useAudioPlayer)();
     var endAudioPlayer = (0, import_react_use_audio_player.useAudioPlayer)();
-    var _$_ref4 = _sliced_to_array((0, import_react67.useState)(false), 2), isLoaded = _$_ref4[0], setIsLoaded = _$_ref4[1];
-    (0, import_react67.useEffect)(function() {
+    var _$_ref4 = _sliced_to_array((0, import_react66.useState)(false), 2), isLoaded = _$_ref4[0], setIsLoaded = _$_ref4[1];
+    (0, import_react66.useEffect)(function() {
         if (isLoaded) return;
         setIsLoaded(true);
     }, [
@@ -47321,9 +47290,9 @@ var useRecorder = function(_ref) {
             setNoiseStart(null);
         }
     });
-    var _$_ref5 = _sliced_to_array((0, import_react67.useState)(null), 2), audioEngine = _$_ref5[0], setAudioEngine = _$_ref5[1];
-    var isInited = (0, import_react67.useRef)(false);
-    (0, import_react67.useEffect)(function() {
+    var _$_ref5 = _sliced_to_array((0, import_react66.useState)(null), 2), audioEngine = _$_ref5[0], setAudioEngine = _$_ref5[1];
+    var isInited = (0, import_react66.useRef)(false);
+    (0, import_react66.useEffect)(function() {
         if (!mediaStream) return;
         if (isInited.current) return;
         isInited.current = true;
@@ -47336,7 +47305,7 @@ var useRecorder = function(_ref) {
         isInited,
         mediaStream
     ]);
-    var visualizationAnalyser = (0, import_react67.useMemo)(function() {
+    var visualizationAnalyser = (0, import_react66.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(result);
@@ -47344,7 +47313,7 @@ var useRecorder = function(_ref) {
     }, [
         audioEngine
     ]);
-    var silenceAnalyser = (0, import_react67.useMemo)(function() {
+    var silenceAnalyser = (0, import_react66.useMemo)(function() {
         if (!audioEngine) return null;
         var result_0 = audioEngine.audioContext.createAnalyser();
         result_0.minDecibels = -60;
@@ -47353,7 +47322,7 @@ var useRecorder = function(_ref) {
     }, [
         audioEngine
     ]);
-    var handleSilence = (0, import_react67.useCallback)(function() {
+    var handleSilence = (0, import_react66.useCallback)(function() {
         if (!silenceAnalyser) return;
         var frequencyData = new Uint8Array(silenceAnalyser.frequencyBinCount);
         silenceAnalyser.getByteFrequencyData(frequencyData);
@@ -47376,7 +47345,7 @@ var useRecorder = function(_ref) {
         setNoiseStart,
         setSilenceStart
     ]);
-    (0, import_react67.useEffect)(function() {
+    (0, import_react66.useEffect)(function() {
         if (!isStopOnSilence) return;
         requestAnimationFrame(function() {
             return handleSilence();
@@ -47399,8 +47368,7 @@ var useRecorder = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-var import_react_compiler_runtime89 = require("react-compiler-runtime");
-var import_react68 = require("react");
+var import_react67 = require("react");
 var import_compromise = __toESM(require("compromise"), 1);
 var import_howler = require("howler");
 var import_react_use_audio_player2 = require("react-use-audio-player");
@@ -47479,424 +47447,222 @@ var getMessageSentences = function(_ref) {
         };
     });
 };
-var useMessageAudio = function(t0) {
-    var _latestMessageProps$l, _latestMessageProps$l4, _latestMessageProps$l5;
-    var $ = (0, import_react_compiler_runtime89.c)(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 _ref = _sliced_to_array((0, import_react68.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
-    var t3;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = [];
-        $[2] = t3;
-    } else {
-        t3 = $[2];
-    }
-    var _ref1 = _sliced_to_array((0, import_react68.useState)(t3), 2), stoppedMessageIds = _ref1[0], setStoppedMessageIds = _ref1[1];
-    var t4;
-    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = [];
-        $[3] = t4;
-    } else {
-        t4 = $[3];
-    }
-    var _ref2 = _sliced_to_array((0, import_react68.useState)(t4), 2), playedMessageSentences = _ref2[0], setPlayedMessageSentences = _ref2[1];
+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 _ref = _sliced_to_array((0, import_react67.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react67.useState)([]), 2), stoppedMessageIds = _ref1[0], setStoppedMessageIds = _ref1[1];
+    var _ref3 = _sliced_to_array((0, import_react67.useState)([]), 2), playedMessageSentences = _ref3[0], setPlayedMessageSentences = _ref3[1];
     var audioPlayer = (0, import_react_use_audio_player2.useAudioPlayer)();
     var nextAudioPlayer = (0, import_react_use_audio_player2.useAudioPlayer)();
     var superinterfaceContext = useSuperinterfaceContext();
-    var _ref3 = _sliced_to_array((0, import_react68.useState)(false), 2), isPlaying = _ref3[0], setIsPlaying = _ref3[1];
-    var isLastSentencePlayedRef = (0, import_react68.useRef)(false);
+    var _ref4 = _sliced_to_array((0, import_react67.useState)(false), 2), isPlaying = _ref4[0], setIsPlaying = _ref4[1];
+    var isLastSentencePlayedRef = (0, import_react67.useRef)(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];
-    }
-    (0, import_react68.useEffect)(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();
+    (0, import_react67.useEffect)(function() {
+        if (!isPlaying) return;
+        isLastSentencePlayedRef.current = false;
+    }, [
+        isPlaying
+    ]);
+    var unplayedMessageSentences = (0, import_react67.useMemo)(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
-                ]);
             });
-            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;
-                    }
-                }
+        });
+        return messageSentences.filter(function(ms) {
+            return !playedMessageSentences.find(function(pms) {
+                return pms.messageId === ms.messageId && pms.sentence === ms.sentence;
             });
-        };
-        $[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];
-    }
-    (0, import_react68.useEffect)(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];
-    }
-    (0, import_react68.useEffect)(t12, t14);
-    var t15;
-    if ($[54] !== audioPlayer) {
-        t15 = [
-            audioPlayer
-        ];
-        $[54] = audioPlayer;
-        $[55] = t15;
-    } else {
-        t15 = $[55];
-    }
-    (0, import_react68.useEffect)(_temp9, t15);
-    var _ref4 = _sliced_to_array((0, import_react68.useState)(null), 2), audioEngine = _ref4[0], setAudioEngine = _ref4[1];
-    var isAudioEngineInited = (0, import_react68.useRef)(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(import_howler.Howler._howls[0]._sounds[0]._node),
-                    audioContext: audioContext
+        });
+    }, [
+        messagesProps,
+        playedMessageSentences
+    ]);
+    var defaultPlay = (0, import_react67.useCallback)(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
                 });
-            } else {
-                setAudioEngine({
-                    source: import_howler.Howler.masterGain,
-                    audioContext: import_howler.Howler.ctx
+            },
+            onend: onEnd_0
+        });
+    }, [
+        superinterfaceContext,
+        unplayedMessageSentences,
+        audioPlayer,
+        nextAudioPlayer,
+        isAudioPlayed,
+        fullSentenceRegex
+    ]);
+    var play = (0, import_react67.useMemo)(function() {
+        return passedPlay || defaultPlay;
+    }, [
+        passedPlay,
+        defaultPlay
+    ]);
+    (0, import_react67.useEffect)(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;
+                }
             }
-        };
-        $[56] = audioPlayer.playing;
-        $[57] = t16;
-    } else {
-        t16 = $[57];
-    }
-    var t17;
-    if ($[58] !== audioPlayer) {
-        t17 = [
-            audioPlayer,
-            isAudioEngineInited
-        ];
-        $[58] = audioPlayer;
-        $[59] = t17;
-    } else {
-        t17 = $[59];
-    }
-    (0, import_react68.useEffect)(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;
+        });
+    }, [
+        unplayedMessageSentences,
+        isPlaying,
+        superinterfaceContext,
+        latestMessageProps,
+        audioPlayer,
+        nextAudioPlayer,
+        playedMessageSentences,
+        _onEnd,
+        play,
+        fullSentenceRegex
+    ]);
+    (0, import_react67.useEffect)(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
+    ]);
+    (0, import_react67.useEffect)(function() {
+        if (isHtmlAudioSupported) {
+            var _Howler$_howls$;
+            if (!(import_howler.Howler !== null && import_howler.Howler !== void 0 && (_Howler$_howls$ = import_howler.Howler._howls[0]) !== null && _Howler$_howls$ !== void 0 && (_Howler$_howls$ = _Howler$_howls$._sounds[0]) !== null && _Howler$_howls$ !== void 0 && _Howler$_howls$._node)) return;
+            import_howler.Howler._howls[0]._sounds[0]._node.crossOrigin = "anonymous";
+        }
+    }, [
+        audioPlayer
+    ]);
+    var _ref5 = _sliced_to_array((0, import_react67.useState)(null), 2), audioEngine = _ref5[0], setAudioEngine = _ref5[1];
+    var isAudioEngineInited = (0, import_react67.useRef)(false);
+    (0, import_react67.useEffect)(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
+                import_howler.Howler._howls[0]._sounds[0]._node),
+                audioContext: audioContext
+            });
         } else {
-            result = $[62];
+            setAudioEngine({
+                source: import_howler.Howler.masterGain,
+                audioContext: import_howler.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 = (0, import_react67.useMemo)(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 = (0, import_react67.useMemo)(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 (!(import_howler.Howler !== null && import_howler.Howler !== void 0 && (_Howler$_howls$ = import_howler.Howler._howls[0]) !== null && _Howler$_howls$ !== void 0 && (_Howler$_howls$ = _Howler$_howls$._sounds[0]) !== null && _Howler$_howls$ !== void 0 && _Howler$_howls$._node)) {
-            return;
-        }
-        import_howler.Howler._howls[0]._sounds[0]._node.crossOrigin = "anonymous";
-    }
-}
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
 var import_react_query10 = require("@tanstack/react-query");
 // src/hooks/audioRuntimes/useTtsAudioRuntime/blobToData.ts
@@ -47934,7 +47700,7 @@ function _asyncToGenerator11(n) {
     };
 }
 var useTtsAudioRuntime = function(t0) {
-    var $ = (0, import_react_compiler_runtime90.c)(30);
+    var $ = (0, import_react_compiler_runtime88.c)(30);
     var play = t0.play, passedOnEnd = t0.onEnd;
     var addToast = useToasts().addToast;
     var queryClient = (0, import_react_query10.useQueryClient)();
@@ -47963,7 +47729,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;
@@ -48104,7 +47870,7 @@ var useTtsAudioRuntime = function(t0) {
     t5 = t8;
     return t5;
 };
-function _temp10() {
+function _temp9() {
     return _temp24.apply(this, arguments);
 }
 function _temp24() {
@@ -48118,9 +47884,9 @@ function _temp24() {
     return _temp24.apply(this, arguments);
 }
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var TtsAudioRuntimeProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime91.c)(8);
+    var $ = (0, import_react_compiler_runtime89.c)(8);
     var children = t0.children, play = t0.play, onEnd = t0.onEnd;
     var t1;
     if ($[0] !== onEnd || $[1] !== play) {
@@ -48147,7 +47913,7 @@ var TtsAudioRuntimeProvider = function(t0) {
     }
     var t3;
     if ($[5] !== children || $[6] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(AudioThreadContext.Provider, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(AudioThreadContext.Provider, {
             value: t2,
             children: children
         });
@@ -48160,7 +47926,7 @@ var TtsAudioRuntimeProvider = function(t0) {
     return t3;
 };
 // src/components/threads/AudioThread/Root/index.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var _excluded5 = [
     "children"
 ];
@@ -48233,11 +47999,11 @@ function _objectWithoutPropertiesLoose5(r, e) {
     return t;
 }
 var Content9 = function(t0) {
-    var $ = (0, import_react_compiler_runtime92.c)(4);
+    var $ = (0, import_react_compiler_runtime90.c)(4);
     var children = t0.children, className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes58.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes58.Flex, {
             direction: "column",
             flexGrow: "1",
             p: "9",
@@ -48255,7 +48021,7 @@ var Content9 = function(t0) {
     return t1;
 };
 var AudioRuntimeProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime92.c)(4);
+    var $ = (0, import_react_compiler_runtime90.c)(4);
     var children = t0.children, play = t0.play, onEnd = t0.onEnd;
     var audioThreadContext = useAudioThreadContext();
     if (audioThreadContext.audioRuntime) {
@@ -48263,7 +48029,7 @@ var AudioRuntimeProvider = function(t0) {
     }
     var t1;
     if ($[0] !== children || $[1] !== onEnd || $[2] !== play) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(TtsAudioRuntimeProvider, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(TtsAudioRuntimeProvider, {
             play: play,
             onEnd: onEnd,
             children: children
@@ -48278,7 +48044,7 @@ var AudioRuntimeProvider = function(t0) {
     return t1;
 };
 var Provider5 = function(t0) {
-    var $ = (0, import_react_compiler_runtime92.c)(9);
+    var $ = (0, import_react_compiler_runtime90.c)(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -48305,7 +48071,7 @@ var Provider5 = function(t0) {
     }
     var t2;
     if ($[6] !== children || $[7] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(AudioThreadContext.Provider, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(AudioThreadContext.Provider, {
             value: t1,
             children: children
         });
@@ -48318,7 +48084,7 @@ var Provider5 = function(t0) {
     return t2;
 };
 var Root16 = function(t0) {
-    var $ = (0, import_react_compiler_runtime92.c)(18);
+    var $ = (0, import_react_compiler_runtime90.c)(18);
     var children;
     var className;
     var onEnd;
@@ -48348,8 +48114,8 @@ var Root16 = function(t0) {
     }
     var t1;
     if ($[7] !== children || $[8] !== className || $[9] !== style) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ToastsProvider, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Content9, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ToastsProvider, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Content9, {
                 className: className,
                 style: style,
                 children: children
@@ -48364,7 +48130,7 @@ var Root16 = function(t0) {
     }
     var t2;
     if ($[11] !== onEnd || $[12] !== play || $[13] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(AudioRuntimeProvider, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(AudioRuntimeProvider, {
             play: play,
             onEnd: onEnd,
             children: t1
@@ -48378,7 +48144,7 @@ var Root16 = function(t0) {
     }
     var t3;
     if ($[15] !== rest || $[16] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Provider5, _objectSpread48(_objectSpread48({}, rest), {}, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Provider5, _objectSpread48(_objectSpread48({}, rest), {}, {
             children: t2
         }));
         $[15] = rest;
@@ -48390,21 +48156,21 @@ var Root16 = function(t0) {
     return t3;
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-var import_react_compiler_runtime94 = require("react-compiler-runtime");
-var import_react72 = require("react");
+var import_react_compiler_runtime92 = require("react-compiler-runtime");
+var import_react71 = require("react");
 var import_lodash9 = __toESM(require("lodash"), 1);
 var import_themes60 = require("@radix-ui/themes");
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
 var import_lodash8 = __toESM(require("lodash"), 1);
 var import_themes59 = require("@radix-ui/themes");
-var import_react70 = require("react");
+var import_react69 = require("react");
 var import_radash17 = require("radash");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var barCount = 4;
 var BarsVisualizer = function(_ref) {
     var visualizationAnalyser = _ref.visualizationAnalyser, backgroundColor = _ref.backgroundColor, height = _ref.height, barWidth = _ref.barWidth;
-    var _$_ref = _sliced_to_array((0, import_react70.useState)([]), 2), barHeights = _$_ref[0], setBarHeights = _$_ref[1];
-    var draw = (0, import_react70.useCallback)(function(_ref2) {
+    var _$_ref = _sliced_to_array((0, import_react69.useState)([]), 2), barHeights = _$_ref[0], setBarHeights = _$_ref[1];
+    var draw = (0, import_react69.useCallback)(function(_ref2) {
         var visualizationAnalyser_0 = _ref2.visualizationAnalyser;
         if (!visualizationAnalyser_0) {
             setBarHeights(Array(barCount).fill(0));
@@ -48422,7 +48188,7 @@ var BarsVisualizer = function(_ref) {
             });
         });
     }, []);
-    (0, import_react70.useEffect)(function() {
+    (0, import_react69.useEffect)(function() {
         draw({
             visualizationAnalyser: visualizationAnalyser
         });
@@ -48430,7 +48196,7 @@ var BarsVisualizer = function(_ref) {
         draw,
         visualizationAnalyser
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes59.Grid, {
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes59.Grid, {
         columns: "".concat(barCount),
         gap: "1",
         width: "auto",
@@ -48439,12 +48205,12 @@ var BarsVisualizer = function(_ref) {
             gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
         },
         children: barHeights.map(function(barHeight, index) {
-            return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes59.Flex, {
+            return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes59.Flex, {
                 direction: "column",
                 align: "center",
                 justify: "center",
                 height: height,
-                children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes59.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes59.Flex, {
                     minHeight: "50%",
                     maxHeight: "100%",
                     height: "".concat(barHeight + 20, "%"),
@@ -48459,10 +48225,10 @@ var BarsVisualizer = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-var import_react_compiler_runtime93 = require("react-compiler-runtime");
-var import_react71 = require("react");
+var import_react_compiler_runtime91 = require("react-compiler-runtime");
+var import_react70 = require("react");
 var useStatus = function() {
-    var $ = (0, import_react_compiler_runtime93.c)(2);
+    var $ = (0, import_react_compiler_runtime91.c)(2);
     var audioRuntime = useAudioThreadContext().audioRuntime;
     var t0;
     bb0: {
@@ -48510,7 +48276,7 @@ var useStatus = function() {
     return t1;
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var _excluded6 = [
     "children"
 ];
@@ -48584,14 +48350,14 @@ function _objectWithoutPropertiesLoose6(r, e) {
     }
     return t;
 }
-var AudioThreadVisualizationContext = /* @__PURE__ */ (0, import_react72.createContext)({
+var AudioThreadVisualizationContext = /* @__PURE__ */ (0, import_react71.createContext)({
     scale: 0
 });
 var Provider6 = function(_ref) {
     var children = _ref.children;
     var audioThreadContext = useAudioThreadContext();
-    var _$_ref = _sliced_to_array((0, import_react72.useState)(0), 2), scale = _$_ref[0], setScale = _$_ref[1];
-    var draw = (0, import_react72.useCallback)(function(_ref2) {
+    var _$_ref = _sliced_to_array((0, import_react71.useState)(0), 2), scale = _$_ref[0], setScale = _$_ref[1];
+    var draw = (0, import_react71.useCallback)(function(_ref2) {
         var visualizationAnalyser = _ref2.visualizationAnalyser;
         if (!visualizationAnalyser) {
             setScale(1);
@@ -48606,7 +48372,7 @@ var Provider6 = function(_ref) {
             });
         });
     }, []);
-    (0, import_react72.useEffect)(function() {
+    (0, import_react71.useEffect)(function() {
         draw({
             visualizationAnalyser: audioThreadContext.audioRuntime.user.visualizationAnalyser
         });
@@ -48614,7 +48380,7 @@ var Provider6 = function(_ref) {
         draw,
         audioThreadContext
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(AudioThreadVisualizationContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(AudioThreadVisualizationContext.Provider, {
         value: {
             scale: scale
         },
@@ -48622,7 +48388,7 @@ var Provider6 = function(_ref) {
     });
 };
 var Root17 = function(t0) {
-    var $ = (0, import_react_compiler_runtime94.c)(6);
+    var $ = (0, import_react_compiler_runtime92.c)(6);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -48639,8 +48405,8 @@ var Root17 = function(t0) {
     }
     var t1;
     if ($[3] !== children || $[4] !== rest) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Provider6, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_themes60.Flex, _objectSpread49(_objectSpread49({
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Provider6, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes60.Flex, _objectSpread49(_objectSpread49({
                 direction: "column",
                 align: "center",
                 justify: "center",
@@ -48659,7 +48425,7 @@ var Root17 = function(t0) {
     return t1;
 };
 var BarsVisualizer2 = function(t0) {
-    var $ = (0, import_react_compiler_runtime94.c)(10);
+    var $ = (0, import_react_compiler_runtime92.c)(10);
     var rest;
     var t1;
     var t2;
@@ -48685,7 +48451,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__ */ (0, import_jsx_runtime91.jsx)(BarsVisualizer, _objectSpread49({
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(BarsVisualizer, _objectSpread49({
             visualizationAnalyser: audioThreadContext.audioRuntime.assistant.visualizationAnalyser,
             backgroundColor: t3,
             height: height,
@@ -48703,7 +48469,7 @@ var BarsVisualizer2 = function(t0) {
     return t4;
 };
 var AssistantVisualizationRoot = function(t0) {
-    var $ = (0, import_react_compiler_runtime94.c)(17);
+    var $ = (0, import_react_compiler_runtime92.c)(17);
     var children;
     var rest;
     var t1;
@@ -48728,7 +48494,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 = (0, import_react72.useContext)(AudioThreadVisualizationContext).scale;
+    var scale = (0, import_react71.useContext)(AudioThreadVisualizationContext).scale;
     var t3 = status === "playing" ? "var(--accent-4)" : "var(--gray-4)";
     var t4;
     if ($[5] !== rest.style) {
@@ -48755,7 +48521,7 @@ var AssistantVisualizationRoot = function(t0) {
     }
     var t6;
     if ($[11] !== children || $[12] !== height || $[13] !== rest || $[14] !== t5 || $[15] !== width2) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_themes60.Flex, _objectSpread49(_objectSpread49({
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes60.Flex, _objectSpread49(_objectSpread49({
             align: "center",
             justify: "center",
             height: height,
@@ -48776,17 +48542,17 @@ var AssistantVisualizationRoot = function(t0) {
     return t6;
 };
 var AssistantVisualization = function(props) {
-    var $ = (0, import_react_compiler_runtime94.c)(3);
+    var $ = (0, import_react_compiler_runtime92.c)(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(BarsVisualizer2, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(BarsVisualizer2, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(AssistantVisualizationRoot, _objectSpread49(_objectSpread49({}, props), {}, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(AssistantVisualizationRoot, _objectSpread49(_objectSpread49({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -48799,18 +48565,18 @@ var AssistantVisualization = function(props) {
 AssistantVisualization.Root = AssistantVisualizationRoot;
 AssistantVisualization.BarsVisualizer = BarsVisualizer2;
 var AssistantInfo = function(props) {
-    var $ = (0, import_react_compiler_runtime94.c)(6);
-    var assistantNameContext = (0, import_react72.useContext)(AssistantNameContext);
+    var $ = (0, import_react_compiler_runtime92.c)(6);
+    var assistantNameContext = (0, import_react71.useContext)(AssistantNameContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(MessageGroup.AssistantAvatar, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(MessageGroup.AssistantAvatar, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== assistantNameContext) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(MessageGroup.Name, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(MessageGroup.Name, {
             children: assistantNameContext
         });
         $[1] = assistantNameContext;
@@ -48820,7 +48586,7 @@ var AssistantInfo = function(props) {
     }
     var t2;
     if ($[3] !== props || $[4] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_themes60.Flex, _objectSpread49(_objectSpread49({
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_themes60.Flex, _objectSpread49(_objectSpread49({
             ml: "-22.5px",
             gap: "3",
             pt: "5"
@@ -48839,12 +48605,12 @@ var AssistantInfo = function(props) {
     return t2;
 };
 var Visualization = function(props) {
-    var $ = (0, import_react_compiler_runtime94.c)(4);
+    var $ = (0, import_react_compiler_runtime92.c)(4);
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(AssistantVisualization, {});
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(AssistantInfo, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(AssistantVisualization, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(AssistantInfo, {});
         $[0] = t0;
         $[1] = t1;
     } else {
@@ -48853,7 +48619,7 @@ var Visualization = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Root17, _objectSpread49(_objectSpread49({}, props), {}, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(Root17, _objectSpread49(_objectSpread49({}, props), {}, {
             children: [
                 t0,
                 t1
@@ -48871,11 +48637,11 @@ Visualization.Provider = Provider6;
 Visualization.AssistantVisualization = AssistantVisualization;
 Visualization.AssistantInfo = AssistantInfo;
 // src/components/threads/AudioThread/Status/index.tsx
-var import_react_compiler_runtime96 = require("react-compiler-runtime");
+var import_react_compiler_runtime94 = require("react-compiler-runtime");
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
-var import_react_compiler_runtime95 = require("react-compiler-runtime");
+var import_react_compiler_runtime93 = require("react-compiler-runtime");
 var import_themes61 = require("@radix-ui/themes");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var html = function(_ref) {
     var texts = _ref.texts;
     return "\n  .status-messages-texts:after {\n    content: '".concat(texts[0], "';\n    animation: texts ").concat(texts.length * 5, "s linear infinite;\n  }\n\n  @keyframes texts {\n    ").concat(texts.map(function(_10, i) {
@@ -48883,11 +48649,11 @@ var html = function(_ref) {
     }).join(""), "\n  }");
 };
 var StatusMessages = function(t0) {
-    var $ = (0, import_react_compiler_runtime95.c)(9);
+    var $ = (0, import_react_compiler_runtime93.c)(9);
     var texts = t0.texts, className = t0.className, style = t0.style;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_themes61.Text, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_themes61.Text, {
             size: "2",
             weight: "regular",
             color: "gray",
@@ -48910,7 +48676,7 @@ var StatusMessages = function(t0) {
     }
     var t3;
     if ($[3] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("style", {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("style", {
             dangerouslySetInnerHTML: {
                 __html: t2
             }
@@ -48922,7 +48688,7 @@ var StatusMessages = function(t0) {
     }
     var t4;
     if ($[5] !== className || $[6] !== style || $[7] !== t3) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_themes61.Flex, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_themes61.Flex, {
             justify: "center",
             pb: "5",
             className: className,
@@ -48942,7 +48708,7 @@ var StatusMessages = function(t0) {
     return t4;
 };
 // src/components/threads/AudioThread/Status/index.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function ownKeys50(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -48987,7 +48753,7 @@ function _toPrimitive50(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Status = function(props) {
-    var $ = (0, import_react_compiler_runtime96.c)(12);
+    var $ = (0, import_react_compiler_runtime94.c)(12);
     var status = useStatus().status;
     if (status === "recording") {
         var _t;
@@ -49004,7 +48770,7 @@ var Status = function(props) {
         }
         var _t2;
         if ($[1] !== props) {
-            _t2 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(StatusMessages, _objectSpread50({
+            _t2 = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(StatusMessages, _objectSpread50({
                 texts: _t
             }, props));
             $[1] = props;
@@ -49030,7 +48796,7 @@ var Status = function(props) {
         }
         var _t4;
         if ($[4] !== props) {
-            _t4 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(StatusMessages, _objectSpread50({
+            _t4 = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(StatusMessages, _objectSpread50({
                 texts: _t3
             }, props));
             $[4] = props;
@@ -49052,7 +48818,7 @@ var Status = function(props) {
         }
         var _t6;
         if ($[7] !== props) {
-            _t6 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(StatusMessages, _objectSpread50({
+            _t6 = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(StatusMessages, _objectSpread50({
                 texts: _t5
             }, props));
             $[7] = props;
@@ -49073,7 +48839,7 @@ var Status = function(props) {
     }
     var t1;
     if ($[10] !== props) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(StatusMessages, _objectSpread50({
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(StatusMessages, _objectSpread50({
             texts: t0
         }, props));
         $[10] = props;
@@ -49084,11 +48850,11 @@ var Status = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-var import_react_compiler_runtime99 = require("react-compiler-runtime");
+var import_react_compiler_runtime97 = require("react-compiler-runtime");
 var import_themes63 = require("@radix-ui/themes");
 // src/components/threads/AudioThread/Form/MicIcon.tsx
-var import_react_compiler_runtime97 = require("react-compiler-runtime");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_react_compiler_runtime95 = require("react-compiler-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function ownKeys51(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -49133,10 +48899,10 @@ function _toPrimitive51(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MicIcon = function(props) {
-    var $ = (0, import_react_compiler_runtime97.c)(3);
+    var $ = (0, import_react_compiler_runtime95.c)(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", {
             stroke: "none",
             d: "M192 0c-53 0-96 43-96 96v160c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM64 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h144c13.3 0 24-10.7 24-24s-10.7-24-24-24h-48v-33.6c85.8-11.7 152-85.3 152-174.4v-40c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128S64 326.7 64 256v-40z"
         });
@@ -49146,7 +48912,7 @@ var MicIcon = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("svg", _objectSpread51(_objectSpread51({
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("svg", _objectSpread51(_objectSpread51({
             xmlns: "http://www.w3.org/2000/svg",
             fill: "currentColor",
             stroke: "currentColor",
@@ -49165,29 +48931,29 @@ var MicIcon = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
-var import_react_compiler_runtime98 = require("react-compiler-runtime");
+var import_react_compiler_runtime96 = require("react-compiler-runtime");
 var import_themes62 = require("@radix-ui/themes");
 var import_react_icons17 = require("@radix-ui/react-icons");
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var ActionButton = function() {
-    var $ = (0, import_react_compiler_runtime98.c)(27);
+    var $ = (0, import_react_compiler_runtime96.c)(27);
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var superinterfaceContext = useSuperinterfaceContext();
     if (status === "recording") {
         var _t;
         if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-            _t = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_icons17.PauseIcon, {});
+            _t = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_icons17.PauseIcon, {});
             $[0] = _t;
         } else {
             _t = $[0];
         }
         var t1;
         if ($[1] !== audioThreadContext.audioRuntime.user.pause) {
-            t1 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes62.Flex, {
+            t1 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes62.Flex, {
                 mr: "3",
                 ml: "-7",
-                children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes62.IconButton, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes62.IconButton, {
                     onClick: audioThreadContext.audioRuntime.user.pause,
                     color: "gray",
                     variant: "soft",
@@ -49202,14 +48968,14 @@ var ActionButton = function() {
         }
         var t2;
         if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-            t2 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_icons17.ArrowUpIcon, {});
+            t2 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_icons17.ArrowUpIcon, {});
             $[3] = t2;
         } else {
             t2 = $[3];
         }
         var t3;
         if ($[4] !== audioThreadContext.audioRuntime.user.stop) {
-            t3 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes62.IconButton, {
+            t3 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes62.IconButton, {
                 onClick: audioThreadContext.audioRuntime.user.stop,
                 highContrast: true,
                 variant: "soft",
@@ -49223,7 +48989,7 @@ var ActionButton = function() {
         }
         var t4;
         if ($[6] !== t1 || $[7] !== t3) {
-            t4 = /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_themes62.Flex, {
+            t4 = /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_themes62.Flex, {
                 align: "center",
                 children: [
                     t1,
@@ -49241,14 +49007,14 @@ var ActionButton = function() {
     if (status === "recorderPaused") {
         var _t2;
         if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-            _t2 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_icons17.ResumeIcon, {});
+            _t2 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_icons17.ResumeIcon, {});
             $[9] = _t2;
         } else {
             _t2 = $[9];
         }
         var _t3;
         if ($[10] !== audioThreadContext.audioRuntime.user.resume) {
-            _t3 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes62.IconButton, {
+            _t3 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes62.IconButton, {
                 onClick: audioThreadContext.audioRuntime.user.resume,
                 color: "red",
                 size: "4",
@@ -49264,7 +49030,7 @@ var ActionButton = function() {
     if (status === "idle") {
         var _t4;
         if ($[12] !== audioThreadContext.audioRuntime.user) {
-            _t4 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes62.IconButton, {
+            _t4 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes62.IconButton, {
                 onClick: function() {
                     return audioThreadContext.audioRuntime.user.start();
                 },
@@ -49296,14 +49062,14 @@ var ActionButton = function() {
         }
         var _t6;
         if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-            _t6 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_icons17.StopIcon, {});
+            _t6 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_icons17.StopIcon, {});
             $[18] = _t6;
         } else {
             _t6 = $[18];
         }
         var _t7;
         if ($[19] !== _t5) {
-            _t7 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes62.IconButton, {
+            _t7 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes62.IconButton, {
                 onClick: _t5,
                 size: "4",
                 color: "gray",
@@ -49330,14 +49096,14 @@ var ActionButton = function() {
         }
         var _t9;
         if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-            _t9 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_icons17.ResumeIcon, {});
+            _t9 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_icons17.ResumeIcon, {});
             $[23] = _t9;
         } else {
             _t9 = $[23];
         }
         var _t0;
         if ($[24] !== _t8) {
-            _t0 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes62.IconButton, {
+            _t0 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes62.IconButton, {
                 onClick: _t8,
                 size: "4",
                 children: _t9
@@ -49351,7 +49117,7 @@ var ActionButton = function() {
     }
     var t0;
     if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes62.IconButton, {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes62.IconButton, {
             size: "4",
             variant: "soft",
             disabled: true
@@ -49363,7 +49129,7 @@ var ActionButton = function() {
     return t0;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 function ownKeys52(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -49408,17 +49174,17 @@ function _toPrimitive52(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Form = function(props) {
-    var $ = (0, import_react_compiler_runtime99.c)(17);
+    var $ = (0, import_react_compiler_runtime97.c)(17);
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var t0 = status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
     var t1;
     if ($[0] !== t0) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes63.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes63.Flex, {
             ml: "-22.5px",
             mr: "2",
             align: "center",
-            children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(MicIcon, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(MicIcon, {
                 style: {
                     color: t0
                 }
@@ -49444,7 +49210,7 @@ var Form = function(props) {
     var t4 = status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
     var t5;
     if ($[4] !== audioThreadContext.audioRuntime.user.visualizationAnalyser || $[5] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(BarsVisualizer, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(BarsVisualizer, {
             visualizationAnalyser: audioThreadContext.audioRuntime.user.visualizationAnalyser,
             backgroundColor: t4,
             height: "20px",
@@ -49458,7 +49224,7 @@ var Form = function(props) {
     }
     var t6;
     if ($[7] !== t3 || $[8] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes63.Flex, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes63.Flex, {
             px: "2",
             py: "1",
             style: t3,
@@ -49472,7 +49238,7 @@ var Form = function(props) {
     }
     var t7;
     if ($[10] !== t1 || $[11] !== t6) {
-        t7 = /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_themes63.Flex, {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_themes63.Flex, {
             pb: "3",
             align: "center",
             children: [
@@ -49488,14 +49254,14 @@ var Form = function(props) {
     }
     var t8;
     if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-        t8 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ActionButton, {});
+        t8 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ActionButton, {});
         $[13] = t8;
     } else {
         t8 = $[13];
     }
     var t9;
     if ($[14] !== props || $[15] !== t7) {
-        t9 = /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_themes63.Flex, _objectSpread52(_objectSpread52({
+        t9 = /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_themes63.Flex, _objectSpread52(_objectSpread52({
             direction: "column",
             align: "center"
         }, props), {}, {
@@ -49513,7 +49279,7 @@ var Form = function(props) {
     return t9;
 };
 // src/components/threads/AudioThread/index.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function ownKeys53(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -49558,14 +49324,14 @@ function _toPrimitive53(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThread = function(props) {
-    var $ = (0, import_react_compiler_runtime100.c)(5);
+    var $ = (0, import_react_compiler_runtime98.c)(5);
     var t0;
     var t1;
     var t2;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Visualization, {});
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Status, {});
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Form, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Visualization, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Status, {});
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Form, {});
         $[0] = t0;
         $[1] = t1;
         $[2] = t2;
@@ -49576,7 +49342,7 @@ var AudioThread = function(props) {
     }
     var t3;
     if ($[3] !== props) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(Root16, _objectSpread53(_objectSpread53({}, props), {}, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Root16, _objectSpread53(_objectSpread53({}, props), {}, {
             children: [
                 t0,
                 t1,
@@ -49595,7 +49361,7 @@ AudioThread.Visualization = Visualization;
 AudioThread.Status = Status;
 AudioThread.Form = Form;
 // src/components/threads/AudioThreadDialog/index.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function ownKeys54(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -49640,14 +49406,14 @@ function _toPrimitive54(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThreadDialog = function(props) {
-    var $ = (0, import_react_compiler_runtime101.c)(4);
+    var $ = (0, import_react_compiler_runtime99.c)(4);
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Content8.Root, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(AudioThread, {})
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Content8.Root, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(AudioThread, {})
         });
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Trigger, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Trigger, {});
         $[0] = t0;
         $[1] = t1;
     } else {
@@ -49656,7 +49422,7 @@ var AudioThreadDialog = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Root13, _objectSpread54(_objectSpread54({}, props), {}, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(Root13, _objectSpread54(_objectSpread54({}, props), {}, {
             children: [
                 t0,
                 t1
@@ -49673,7 +49439,7 @@ AudioThreadDialog.Root = Root13;
 AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content8;
 // src/hooks/audioRuntimes/useWebrtcAudioRuntime/index.ts
-var import_react73 = require("react");
+var import_react72 = require("react");
 function asyncGeneratorStep12(n, t, e, r, o, a, c) {
     try {
         var i = n[a](c), u = i.value;
@@ -49762,22 +49528,22 @@ var useWebrtcAudioRuntime = function() {
             console.warn("Could not build analyzers:", err_0);
         }
     };
-    var _ref = _sliced_to_array((0, import_react73.useState)("idle"), 2), recorderStatus = _ref[0], setRecorderStatus = _ref[1];
+    var _ref = _sliced_to_array((0, import_react72.useState)("idle"), 2), recorderStatus = _ref[0], setRecorderStatus = _ref[1];
     var superinterfaceContext = useSuperinterfaceContext();
-    var _ref1 = _sliced_to_array((0, import_react73.useState)(false), 2), userIsPending = _ref1[0], setUserIsPending = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react73.useState)(false), 2), assistantPlaying = _ref2[0], setAssistantPlaying = _ref2[1];
-    var _ref3 = _sliced_to_array((0, import_react73.useState)(false), 2), assistantPaused = _ref3[0], setAssistantPaused = _ref3[1];
-    var _ref4 = _sliced_to_array((0, import_react73.useState)(true), 2), assistantIsPending = _ref4[0], setAssistantIsPending = _ref4[1];
-    var _ref5 = _sliced_to_array((0, import_react73.useState)(false), 2), assistantIsReady = _ref5[0], setAssistantIsReady = _ref5[1];
-    var _ref6 = _sliced_to_array((0, import_react73.useState)(false), 2), assistantAudioPlayed = _ref6[0], setAssistantAudioPlayed = _ref6[1];
-    var sessionStartedRef = (0, import_react73.useRef)(false);
-    var pcRef = (0, import_react73.useRef)(null);
-    var localStreamRef = (0, import_react73.useRef)(null);
-    var remoteStreamRef = (0, import_react73.useRef)(null);
-    var userAnalyserRef = (0, import_react73.useRef)(null);
-    var assistantAnalyserRef = (0, import_react73.useRef)(null);
-    var assistantAudioElRef = (0, import_react73.useRef)(null);
-    (0, import_react73.useEffect)(function() {
+    var _ref1 = _sliced_to_array((0, import_react72.useState)(false), 2), userIsPending = _ref1[0], setUserIsPending = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react72.useState)(false), 2), assistantPlaying = _ref2[0], setAssistantPlaying = _ref2[1];
+    var _ref3 = _sliced_to_array((0, import_react72.useState)(false), 2), assistantPaused = _ref3[0], setAssistantPaused = _ref3[1];
+    var _ref4 = _sliced_to_array((0, import_react72.useState)(true), 2), assistantIsPending = _ref4[0], setAssistantIsPending = _ref4[1];
+    var _ref5 = _sliced_to_array((0, import_react72.useState)(false), 2), assistantIsReady = _ref5[0], setAssistantIsReady = _ref5[1];
+    var _ref6 = _sliced_to_array((0, import_react72.useState)(false), 2), assistantAudioPlayed = _ref6[0], setAssistantAudioPlayed = _ref6[1];
+    var sessionStartedRef = (0, import_react72.useRef)(false);
+    var pcRef = (0, import_react72.useRef)(null);
+    var localStreamRef = (0, import_react72.useRef)(null);
+    var remoteStreamRef = (0, import_react72.useRef)(null);
+    var userAnalyserRef = (0, import_react72.useRef)(null);
+    var assistantAnalyserRef = (0, import_react72.useRef)(null);
+    var assistantAudioElRef = (0, import_react72.useRef)(null);
+    (0, import_react72.useEffect)(function() {
         return function() {
             if (pcRef.current) {
                 pcRef.current.close();
@@ -50113,7 +49879,7 @@ var useWebrtcAudioRuntime = function() {
             return _ref7.apply(this, arguments);
         };
     }();
-    return (0, import_react73.useMemo)(function() {
+    return (0, import_react72.useMemo)(function() {
         return {
             webrtcAudioRuntime: {
                 user: {
@@ -50162,10 +49928,10 @@ var useWebrtcAudioRuntime = function() {
     ]);
 };
 // src/components/audioRuntimes/WebrtcAudioRuntimeProvider.tsx
-var import_react_compiler_runtime102 = require("react-compiler-runtime");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_react_compiler_runtime100 = require("react-compiler-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var WebrtcAudioRuntimeProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime102.c)(5);
+    var $ = (0, import_react_compiler_runtime100.c)(5);
     var children = t0.children;
     var webrtcAudioRuntime = useWebrtcAudioRuntime().webrtcAudioRuntime;
     var t1;
@@ -50180,7 +49946,7 @@ var WebrtcAudioRuntimeProvider = function(t0) {
     }
     var t2;
     if ($[2] !== children || $[3] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(AudioThreadContext.Provider, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(AudioThreadContext.Provider, {
             value: t1,
             children: children
         });
@@ -50193,20 +49959,20 @@ var WebrtcAudioRuntimeProvider = function(t0) {
     return t2;
 };
 // src/components/gui/Gui/index.tsx
-var import_react_compiler_runtime105 = require("react-compiler-runtime");
-var import_react76 = require("react");
+var import_react_compiler_runtime103 = require("react-compiler-runtime");
+var import_react75 = require("react");
 var import_themes64 = require("@radix-ui/themes");
 // src/hooks/messages/useLatestAssistantMessage/index.ts
-var import_react_compiler_runtime103 = require("react-compiler-runtime");
-var import_react74 = require("react");
+var import_react_compiler_runtime101 = require("react-compiler-runtime");
+var import_react73 = require("react");
 var useLatestAssistantMessage = function() {
-    var $ = (0, import_react_compiler_runtime103.c)(4);
+    var $ = (0, import_react_compiler_runtime101.c)(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 {
@@ -50225,15 +49991,15 @@ var useLatestAssistantMessage = function() {
     t0 = t2;
     return t0;
 };
-function _temp11(message) {
+function _temp10(message) {
     return message.role === "assistant";
 }
 // src/hooks/messages/useLatestAssistantMessageWithContent/index.ts
-var import_react_compiler_runtime104 = require("react-compiler-runtime");
+var import_react_compiler_runtime102 = require("react-compiler-runtime");
 var import_radash18 = require("radash");
-var import_react75 = require("react");
+var import_react74 = require("react");
 var useLatestAssistantMessageWithContent = function() {
-    var $ = (0, import_react_compiler_runtime104.c)(4);
+    var $ = (0, import_react_compiler_runtime102.c)(4);
     var _useMessages = useMessages(), messages2 = _useMessages.messages;
     var t0;
     var t1;
@@ -50258,21 +50024,21 @@ var useLatestAssistantMessageWithContent = function() {
     t0 = t2;
     return t0;
 };
-function _temp12(content2) {
+function _temp11(content2) {
     return content2.type === "text" && !(0, import_radash18.isEmpty)(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
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var StartingToolCalls3 = function() {
-    var $ = (0, import_react_compiler_runtime105.c)(2);
+    var $ = (0, import_react_compiler_runtime103.c)(2);
     var _useComponents = useComponents(), t0 = _useComponents.components;
     var StartingToolCalls4 = t0.StartingToolCalls;
     var t1;
     if ($[0] !== StartingToolCalls4) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(StartingToolCalls4, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(StartingToolCalls4, {});
         $[0] = StartingToolCalls4;
         $[1] = t1;
     } else {
@@ -50281,7 +50047,7 @@ var StartingToolCalls3 = function() {
     return t1;
 };
 var Content10 = function(t0) {
-    var $ = (0, import_react_compiler_runtime105.c)(5);
+    var $ = (0, import_react_compiler_runtime103.c)(5);
     var latestRunStep = t0.latestRunStep;
     var t1;
     bb0: {
@@ -50303,7 +50069,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__ */ (0, import_jsx_runtime100.jsx)(import_themes64.Spinner, {});
+            _t = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes64.Spinner, {});
             $[0] = _t;
         } else {
             _t = $[0];
@@ -50313,7 +50079,7 @@ var Content10 = function(t0) {
     if (!latestToolCall) {
         var _t2;
         if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-            _t2 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(StartingToolCalls3, {});
+            _t2 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(StartingToolCalls3, {});
             $[1] = _t2;
         } else {
             _t2 = $[1];
@@ -50322,7 +50088,7 @@ var Content10 = function(t0) {
     }
     var t2;
     if ($[2] !== latestRunStep || $[3] !== latestToolCall) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(ToolCall, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ToolCall, {
             runStep: latestRunStep,
             toolCall: latestToolCall
         });
@@ -50335,14 +50101,14 @@ var Content10 = function(t0) {
     return t2;
 };
 var Progress2 = function(t0) {
-    var $ = (0, import_react_compiler_runtime105.c)(5);
+    var $ = (0, import_react_compiler_runtime103.c)(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 {
@@ -50369,10 +50135,10 @@ var Progress2 = function(t0) {
     }
     var t4;
     if ($[3] !== latestRunStep) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_themes64.Flex, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes64.Flex, {
             style: t3,
-            children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_themes64.Card, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Content10, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes64.Card, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Content10, {
                     latestRunStep: latestRunStep
                 })
             })
@@ -50385,20 +50151,20 @@ var Progress2 = function(t0) {
     return t4;
 };
 var Gui = function() {
-    var $ = (0, import_react_compiler_runtime105.c)(8);
+    var $ = (0, import_react_compiler_runtime103.c)(8);
     var latestAssistantMessage = useLatestAssistantMessage().latestAssistantMessage;
     var latestAssistantMessageWithContent = useLatestAssistantMessageWithContent().latestAssistantMessageWithContent;
     if (!latestAssistantMessage || !latestAssistantMessageWithContent) {
         var _t3;
         if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-            _t3 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_themes64.Flex, {
+            _t3 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes64.Flex, {
                 direction: "column",
                 flexGrow: "1",
-                children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_themes64.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes64.Flex, {
                     align: "center",
                     justify: "center",
                     flexGrow: "1",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_themes64.Spinner, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes64.Spinner, {
                         size: "3"
                     })
                 })
@@ -50411,7 +50177,7 @@ var Gui = function() {
     }
     var t0;
     if ($[1] !== latestAssistantMessageWithContent) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(MessageContent, {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(MessageContent, {
             message: latestAssistantMessageWithContent
         });
         $[1] = latestAssistantMessageWithContent;
@@ -50421,7 +50187,7 @@ var Gui = function() {
     }
     var t1;
     if ($[3] !== latestAssistantMessage) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Progress2, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Progress2, {
             latestAssistantMessage: latestAssistantMessage
         });
         $[3] = latestAssistantMessage;
@@ -50431,7 +50197,7 @@ var Gui = function() {
     }
     var t2;
     if ($[5] !== t0 || $[6] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_themes64.Flex, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes64.Flex, {
             direction: "column",
             flexGrow: "1",
             children: [
@@ -50447,13 +50213,13 @@ var Gui = function() {
     }
     return t2;
 };
-function _temp13(rs) {
+function _temp12(rs) {
     return rs.status === "in_progress";
 }
 // src/components/markdown/MarkdownProvider/index.tsx
-var import_react_compiler_runtime106 = require("react-compiler-runtime");
-var import_react77 = require("react");
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_react_compiler_runtime104 = require("react-compiler-runtime");
+var import_react76 = require("react");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var _excluded7 = [
     "children"
 ];
@@ -50476,7 +50242,7 @@ function _objectWithoutPropertiesLoose7(r, e) {
     return t;
 }
 var MarkdownProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime106.c)(9);
+    var $ = (0, import_react_compiler_runtime104.c)(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -50506,7 +50272,7 @@ var MarkdownProvider = function(t0) {
     var value = t1;
     var t3;
     if ($[6] !== children || $[7] !== value) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(MarkdownContext.Provider, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(MarkdownContext.Provider, {
             value: value,
             children: children
         });
@@ -50519,18 +50285,18 @@ var MarkdownProvider = function(t0) {
     return t3;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-var import_react_compiler_runtime109 = require("react-compiler-runtime");
+var import_react_compiler_runtime107 = require("react-compiler-runtime");
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-var import_react_compiler_runtime108 = require("react-compiler-runtime");
-var import_react78 = require("react");
+var import_react_compiler_runtime106 = require("react-compiler-runtime");
+var import_react77 = require("react");
 var import_react_icons18 = require("@radix-ui/react-icons");
 var import_themes66 = require("@radix-ui/themes");
 // src/components/annotations/SourceAnnotation/FileCitation/Content.tsx
-var import_react_compiler_runtime107 = require("react-compiler-runtime");
+var import_react_compiler_runtime105 = require("react-compiler-runtime");
 var import_themes65 = require("@radix-ui/themes");
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var Content11 = function(t0) {
-    var $ = (0, import_react_compiler_runtime107.c)(5);
+    var $ = (0, import_react_compiler_runtime105.c)(5);
     var fileId = t0.fileId;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -50567,18 +50333,18 @@ var Content11 = function(t0) {
     }
     var t5;
     if ($[3] !== t3) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_themes65.Flex, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes65.Flex, {
             direction: "column",
             flexGrow: "1",
             gap: "3",
-            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_themes65.Card, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes65.Card, {
                 style: t1,
-                children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_themes65.Inset, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes65.Inset, {
                     clip: "padding-box",
                     style: t2,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_themes65.Flex, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes65.Flex, {
                         flexGrow: "1",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("embed", {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("embed", {
                             src: t3,
                             style: t4
                         })
@@ -50594,11 +50360,11 @@ var Content11 = function(t0) {
     return t5;
 };
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var FileCitation = function(t0) {
-    var $ = (0, import_react_compiler_runtime108.c)(18);
+    var $ = (0, import_react_compiler_runtime106.c)(18);
     var annotation = t0.annotation;
-    var _ref = _sliced_to_array((0, import_react78.useState)(null), 2), activeFileId = _ref[0], setActiveFileId = _ref[1];
+    var _ref = _sliced_to_array((0, import_react77.useState)(null), 2), activeFileId = _ref[0], setActiveFileId = _ref[1];
     var t1;
     if ($[0] !== annotation.file_citation.file_id) {
         t1 = function() {
@@ -50611,14 +50377,14 @@ var FileCitation = function(t0) {
     }
     var t2;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_icons18.QuoteIcon, {});
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_icons18.QuoteIcon, {});
         $[2] = t2;
     } else {
         t2 = $[2];
     }
     var t3;
     if ($[3] !== t1) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_themes66.IconButton, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_themes66.IconButton, {
             variant: "soft",
             color: "gray",
             size: "1",
@@ -50654,9 +50420,9 @@ var FileCitation = function(t0) {
     }
     var t7;
     if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-        t7 = /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_themes66.VisuallyHidden, {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_themes66.VisuallyHidden, {
             asChild: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_themes66.Dialog.Title, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_themes66.Dialog.Title, {
                 children: "Source"
             })
         });
@@ -50666,7 +50432,7 @@ var FileCitation = function(t0) {
     }
     var t8;
     if ($[8] !== activeFileId) {
-        t8 = activeFileId && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Content11, {
+        t8 = activeFileId && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Content11, {
             fileId: activeFileId
         });
         $[8] = activeFileId;
@@ -50676,7 +50442,7 @@ var FileCitation = function(t0) {
     }
     var t9;
     if ($[10] !== t8) {
-        t9 = /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_themes66.Dialog.Content, {
+        t9 = /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_themes66.Dialog.Content, {
             width: "1000px",
             height: "90vh",
             maxWidth: "calc(100vw - 2 * var(--space-4))",
@@ -50694,7 +50460,7 @@ var FileCitation = function(t0) {
     }
     var t10;
     if ($[12] !== t4 || $[13] !== t9) {
-        t10 = /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_themes66.Dialog.Root, {
+        t10 = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_themes66.Dialog.Root, {
             open: t4,
             onOpenChange: t5,
             children: t9
@@ -50707,7 +50473,7 @@ var FileCitation = function(t0) {
     }
     var t11;
     if ($[15] !== t10 || $[16] !== t3) {
-        t11 = /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, {
+        t11 = /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, {
             children: [
                 t3,
                 t10
@@ -50722,7 +50488,7 @@ var FileCitation = function(t0) {
     return t11;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var _excluded8 = [
     "children"
 ];
@@ -50745,7 +50511,7 @@ function _objectWithoutPropertiesLoose8(r, e) {
     return t;
 }
 var SourceAnnotation = function(t0) {
-    var $ = (0, import_react_compiler_runtime109.c)(10);
+    var $ = (0, import_react_compiler_runtime107.c)(10);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -50773,7 +50539,7 @@ var SourceAnnotation = function(t0) {
     if (annotation.type === "file_citation") {
         var t2;
         if ($[5] !== annotation) {
-            t2 = /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(FileCitation, {
+            t2 = /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(FileCitation, {
                 annotation: annotation
             });
             $[5] = annotation;
@@ -50786,7 +50552,7 @@ var SourceAnnotation = function(t0) {
         if (annotation.type === "file_path") {
             var _t2;
             if ($[7] !== annotation || $[8] !== children) {
-                _t2 = /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(FilePathAnnotation, {
+                _t2 = /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(FilePathAnnotation, {
                     annotation: annotation,
                     children: children
                 });
@@ -50802,7 +50568,7 @@ var SourceAnnotation = function(t0) {
     return null;
 };
 // src/components/avatars/Avatar.tsx
-var import_react_compiler_runtime112 = require("react-compiler-runtime");
+var import_react_compiler_runtime110 = require("react-compiler-runtime");
 // src/enums/index.ts
 var IconAvatarName = /* @__PURE__ */ function(IconAvatarName2) {
     IconAvatarName2["BACKPACK"] = "BACKPACK";
@@ -50827,7 +50593,7 @@ var AvatarType = /* @__PURE__ */ function(AvatarType2) {
 // src/components/avatars/Avatar.tsx
 var import_themes69 = require("@radix-ui/themes");
 // src/components/imageAvatars/ImageAvatar/index.tsx
-var import_react_compiler_runtime110 = require("react-compiler-runtime");
+var import_react_compiler_runtime108 = require("react-compiler-runtime");
 var import_themes67 = require("@radix-ui/themes");
 // src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
 var width = function(_ref) {
@@ -50879,9 +50645,9 @@ var optimizedSrc = function(_ref) {
     }));
 };
 // src/components/imageAvatars/ImageAvatar/index.tsx
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 var ImageAvatar = function(t0) {
-    var $ = (0, import_react_compiler_runtime110.c)(9);
+    var $ = (0, import_react_compiler_runtime108.c)(9);
     var imageAvatar = t0.imageAvatar, size = t0.size, className = t0.className, style = t0.style;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -50900,7 +50666,7 @@ var ImageAvatar = function(t0) {
     }
     var t2;
     if ($[4] !== className || $[5] !== size || $[6] !== style || $[7] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_themes67.Avatar, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_themes67.Avatar, {
             className: className,
             style: style,
             fallback: "",
@@ -50918,24 +50684,24 @@ var ImageAvatar = function(t0) {
     return t2;
 };
 // src/components/iconAvatars/IconAvatar.tsx
-var import_react_compiler_runtime111 = require("react-compiler-runtime");
-var import_react79 = require("react");
+var import_react_compiler_runtime109 = require("react-compiler-runtime");
+var import_react78 = require("react");
 var import_themes68 = require("@radix-ui/themes");
 // src/lib/iconAvatars/iconAvatarComponents.ts
 var import_react_icons19 = require("@radix-ui/react-icons");
 var _obj;
 var iconAvatarComponents = (_obj = {}, _define_property(_obj, IconAvatarName.BACKPACK, import_react_icons19.BackpackIcon), _define_property(_obj, IconAvatarName.ROCKET, import_react_icons19.RocketIcon), _define_property(_obj, IconAvatarName.MAGIC_WAND, import_react_icons19.MagicWandIcon), _define_property(_obj, IconAvatarName.CUBE, import_react_icons19.CubeIcon), _define_property(_obj, IconAvatarName.TARGET, import_react_icons19.TargetIcon), _define_property(_obj, IconAvatarName.DISC, import_react_icons19.DiscIcon), _define_property(_obj, IconAvatarName.GLOBE, import_react_icons19.GlobeIcon), _define_property(_obj, IconAvatarName.STAR, import_react_icons19.StarIcon), _define_property(_obj, IconAvatarName.LIGHTNING_BOLT, import_react_icons19.LightningBoltIcon), _define_property(_obj, IconAvatarName.FACE, import_react_icons19.FaceIcon), _define_property(_obj, IconAvatarName.PERSON, import_react_icons19.PersonIcon), _define_property(_obj, IconAvatarName.HEART, import_react_icons19.HeartIcon), _obj);
 // src/components/iconAvatars/IconAvatar.tsx
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var IconAvatar = function(t0) {
-    var $ = (0, import_react_compiler_runtime111.c)(7);
+    var $ = (0, import_react_compiler_runtime109.c)(7);
     var iconAvatar = t0.iconAvatar, size = t0.size, className = t0.className, style = t0.style;
     var t1;
     t1 = iconAvatarComponents[iconAvatar.name];
     var Component2 = t1;
     var t2;
     if ($[0] !== Component2) {
-        t2 = Component2 ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Component2, {}) : "";
+        t2 = Component2 ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Component2, {}) : "";
         $[0] = Component2;
         $[1] = t2;
     } else {
@@ -50943,7 +50709,7 @@ var IconAvatar = function(t0) {
     }
     var t3;
     if ($[2] !== className || $[3] !== size || $[4] !== style || $[5] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_themes68.Avatar, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_themes68.Avatar, {
             className: className,
             style: style,
             size: size,
@@ -50960,16 +50726,16 @@ var IconAvatar = function(t0) {
     return t3;
 };
 // src/components/avatars/Avatar.tsx
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 var Avatar6 = function(t0) {
-    var $ = (0, import_react_compiler_runtime112.c)(14);
+    var $ = (0, import_react_compiler_runtime110.c)(14);
     var avatar = t0.avatar, t1 = t0.size, className = t0.className, style = t0.style;
     var size = t1 === void 0 ? "1" : t1;
     if (avatar) {
         if (avatar.type === AvatarType.IMAGE && avatar.imageAvatar) {
             var _t;
             if ($[0] !== avatar.imageAvatar || $[1] !== className || $[2] !== size || $[3] !== style) {
-                _t = /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(ImageAvatar, {
+                _t = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ImageAvatar, {
                     imageAvatar: avatar.imageAvatar,
                     size: size,
                     className: className,
@@ -50988,7 +50754,7 @@ var Avatar6 = function(t0) {
         if (avatar.type === AvatarType.ICON && avatar.iconAvatar) {
             var _t2;
             if ($[5] !== avatar.iconAvatar || $[6] !== className || $[7] !== size || $[8] !== style) {
-                _t2 = /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(IconAvatar, {
+                _t2 = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(IconAvatar, {
                     iconAvatar: avatar.iconAvatar,
                     size: size,
                     className: className,
@@ -51007,7 +50773,7 @@ var Avatar6 = function(t0) {
     }
     var t2;
     if ($[10] !== className || $[11] !== size || $[12] !== style) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_themes69.Avatar, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_themes69.Avatar, {
             fallback: "",
             size: size,
             className: className,
@@ -51023,9 +50789,9 @@ var Avatar6 = function(t0) {
     return t2;
 };
 // src/components/components/ComponentsProvider.tsx
-var import_react_compiler_runtime113 = require("react-compiler-runtime");
-var import_react80 = require("react");
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_react_compiler_runtime111 = require("react-compiler-runtime");
+var import_react79 = require("react");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 var _excluded9 = [
     "children"
 ];
@@ -51048,7 +50814,7 @@ function _objectWithoutPropertiesLoose9(r, e) {
     return t;
 }
 var ComponentsProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime113.c)(9);
+    var $ = (0, import_react_compiler_runtime111.c)(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -51078,7 +50844,7 @@ var ComponentsProvider = function(t0) {
     var value = t1;
     var t3;
     if ($[6] !== children || $[7] !== value) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ComponentsContext.Provider, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(ComponentsContext.Provider, {
             value: value,
             children: children
         });
@@ -51091,11 +50857,11 @@ var ComponentsProvider = function(t0) {
     return t3;
 };
 // src/components/assistants/AssistantProvider/index.tsx
-var import_react_compiler_runtime114 = require("react-compiler-runtime");
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_react_compiler_runtime112 = require("react-compiler-runtime");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var AssistantProvider = function(t0) {
     var _assistant$name;
-    var $ = (0, import_react_compiler_runtime114.c)(10);
+    var $ = (0, import_react_compiler_runtime112.c)(10);
     var children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -51113,7 +50879,7 @@ var AssistantProvider = function(t0) {
     var t3 = assistant === null || assistant === void 0 ? void 0 : assistant.avatar;
     var t4;
     if ($[2] !== t3) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Avatar6, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Avatar6, {
             avatar: t3
         });
         $[2] = t3;
@@ -51123,7 +50889,7 @@ var AssistantProvider = function(t0) {
     }
     var t5;
     if ($[4] !== children || $[5] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(AssistantAvatarContext.Provider, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(AssistantAvatarContext.Provider, {
             value: t4,
             children: children
         });
@@ -51135,7 +50901,7 @@ var AssistantProvider = function(t0) {
     }
     var t6;
     if ($[7] !== t2 || $[8] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(AssistantNameContext.Provider, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(AssistantNameContext.Provider, {
             value: t2,
             children: t5
         });