@superinterface/react 5.2.3-beta.1 → 5.2.3-beta.2

package/dist/index.js

@@ -353,7 +353,7 @@ var require_lib = __commonJS({
         Object.defineProperty(exports, "__esModule", {
             value: true
         });
-        function _objectWithoutPropertiesLoose10(r, e) {
+        function _objectWithoutPropertiesLoose11(r, e) {
             if (null == r) return {};
             var t = {};
             for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
@@ -720,7 +720,7 @@ var require_lib = __commonJS({
             PrimaryTopicNotAllowed: "Topic reference was used in a lexical context without topic binding.",
             PrimaryTopicRequiresSmartPipeline: 'Topic reference is used, but the pipelineOperator plugin was not passed a "proposal": "hack" or "smart" option.'
         });
-        var _excluded10 = [
+        var _excluded11 = [
             "message"
         ];
         function defineHidden(obj, key2, value) {
@@ -795,7 +795,7 @@ var require_lib = __commonJS({
                     }
                 } : typeof template === "function" ? {
                     message: template
-                } : template, message = _ref.message, rest = _objectWithoutPropertiesLoose10(_ref, _excluded10);
+                } : template, message = _ref.message, rest = _objectWithoutPropertiesLoose11(_ref, _excluded11);
                 var toMessage = typeof message === "string" ? function() {
                     return message;
                 } : message;
@@ -37071,7 +37071,7 @@ var SuperinterfaceProvider = function(_ref) {
     });
 };
 // src/components/threads/Thread/index.tsx
-import { c as _c78 } from "react-compiler-runtime";
+import { c as _c79 } from "react-compiler-runtime";
 // src/components/threads/Thread/Messages/index.tsx
 import { c as _c66 } from "react-compiler-runtime";
 import { Flex as Flex18 } from "@radix-ui/themes";
@@ -43942,7 +43942,7 @@ Messages2.Message = Message;
 Messages2.NextPageSkeleton = NextPageSkeleton;
 Messages2.Content = Content7;
 // src/components/threads/Thread/MessageForm/index.tsx
-import { c as _c74 } from "react-compiler-runtime";
+import { c as _c75 } from "react-compiler-runtime";
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
 import { c as _c67 } from "react-compiler-runtime";
 import { ArrowUpIcon as ArrowUpIcon2, StopIcon } from "@radix-ui/react-icons";
@@ -44117,12 +44117,32 @@ Submit.Root = Root7;
 Submit.Button = Button3;
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
-import { useMemo as useMemo14, useState as useState4, useCallback as useCallback3 } from "react";
-import { useForm } from "react-hook-form";
-// src/lib/reactHookForm/FormProvider.tsx
+import { useMemo as useMemo15, useState as useState5, useCallback as useCallback4 } from "react";
+// src/components/forms/FormProvider.tsx
 import { c as _c68 } from "react-compiler-runtime";
 import { createContext as createContext12, useContext as useContext16, useMemo as useMemo13 } from "react";
 import { jsx as _jsx69 } from "react/jsx-runtime";
+var _excluded3 = [
+    "children"
+];
+function _objectWithoutProperties3(e, t) {
+    if (null == e) return {};
+    var o, r, i = _objectWithoutPropertiesLoose3(e, t);
+    if (Object.getOwnPropertySymbols) {
+        var n = Object.getOwnPropertySymbols(e);
+        for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    }
+    return i;
+}
+function _objectWithoutPropertiesLoose3(r, e) {
+    if (null == r) return {};
+    var t = {};
+    for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
+        if (-1 !== e.indexOf(n)) continue;
+        t[n] = r[n];
+    }
+    return t;
+}
 var FormContext = /* @__PURE__ */ createContext12(null);
 var useFormContext = function() {
     var value = useContext16(FormContext);
@@ -44132,30 +44152,377 @@ var useFormContext = function() {
     return value;
 };
 var FormProvider = function(t0) {
-    var $ = _c68(3);
-    var children = t0.children, form = t0.form;
+    var $ = _c68(6);
+    var children;
+    var form;
+    if ($[0] !== t0) {
+        var _t = t0;
+        children = _t.children;
+        form = _objectWithoutProperties3(_t, _excluded3);
+        _t;
+        $[0] = t0;
+        $[1] = children;
+        $[2] = form;
+    } else {
+        children = $[1];
+        form = $[2];
+    }
     var t1;
     t1 = form;
     var contextValue = t1;
     var t2;
-    if ($[0] !== children || $[1] !== contextValue) {
+    if ($[3] !== children || $[4] !== contextValue) {
         t2 = /* @__PURE__ */ _jsx69(FormContext.Provider, {
             value: contextValue,
             children: children
         });
-        $[0] = children;
-        $[1] = contextValue;
-        $[2] = t2;
+        $[3] = children;
+        $[4] = contextValue;
+        $[5] = t2;
     } else {
-        t2 = $[2];
+        t2 = $[5];
     }
     return t2;
 };
+// src/hooks/forms/useForm.ts
+import { c as _c69 } from "react-compiler-runtime";
+import { useCallback as useCallback3, useMemo as useMemo14, useRef as useRef4, useState as useState4 } from "react";
+function asyncGeneratorStep6(n, t, e, r, o, a, c) {
+    try {
+        var i = n[a](c), u = i.value;
+    } catch (n2) {
+        return void e(n2);
+    }
+    i.done ? t(u) : Promise.resolve(u).then(r, o);
+}
+function _asyncToGenerator6(n) {
+    return function() {
+        var t = this, e = arguments;
+        return new Promise(function(r, o) {
+            var a = n.apply(t, e);
+            function _next(n2) {
+                asyncGeneratorStep6(a, r, o, _next, _throw, "next", n2);
+            }
+            function _throw(n2) {
+                asyncGeneratorStep6(a, r, o, _next, _throw, "throw", n2);
+            }
+            _next(void 0);
+        });
+    };
+}
+function ownKeys30(e, r) {
+    var t = Object.keys(e);
+    if (Object.getOwnPropertySymbols) {
+        var o = Object.getOwnPropertySymbols(e);
+        r && (o = o.filter(function(r2) {
+            return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+        })), t.push.apply(t, o);
+    }
+    return t;
+}
+function _objectSpread30(e) {
+    for(var r = 1; r < arguments.length; r++){
+        var t = null != arguments[r] ? arguments[r] : {};
+        r % 2 ? ownKeys30(Object(t), true).forEach(function(r2) {
+            _defineProperty30(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys30(Object(t)).forEach(function(r2) {
+            Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+        });
+    }
+    return e;
+}
+function _defineProperty30(e, r, t) {
+    return (r = _toPropertyKey30(r)) in e ? Object.defineProperty(e, r, {
+        value: t,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    }) : e[r] = t, e;
+}
+function _toPropertyKey30(t) {
+    var i = _toPrimitive30(t, "string");
+    return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
+}
+function _toPrimitive30(t, r) {
+    if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+        var i = e.call(t, r || "default");
+        if ("object" != (typeof i === "undefined" ? "undefined" : _type_of(i))) return i;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return ("string" === r ? String : Number)(t);
+}
+var createInitialFormState = function() {
+    return {
+        isSubmitting: false,
+        errors: {}
+    };
+};
+var getValueFromEvent = function(event) {
+    if (!event) return event;
+    if (event.target) {
+        var target = event.target;
+        if (target.type === "checkbox") {
+            return target.checked;
+        }
+        return target.value;
+    }
+    return event;
+};
+var useForm = function(t0) {
+    var $ = _c69(18);
+    var t1;
+    if ($[0] !== t0) {
+        t1 = t0 === void 0 ? {} : t0;
+        $[0] = t0;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var options = t1;
+    var defaultValues = options.defaultValues, resolver = options.resolver;
+    var t2;
+    if ($[2] !== defaultValues) {
+        t2 = defaultValues !== null && defaultValues !== void 0 ? defaultValues : {};
+        $[2] = defaultValues;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    var _useState4 = _sliced_to_array(useState4(t2), 2), valuesState = _useState4[0], setValuesState = _useState4[1];
+    var valuesRef = useRef4(valuesState);
+    var t3;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = createInitialFormState();
+        $[4] = t3;
+    } else {
+        t3 = $[4];
+    }
+    var _useState41 = _sliced_to_array(useState4(t3), 2), formState = _useState41[0], setFormState = _useState41[1];
+    var t4;
+    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = function(name, value) {
+            valuesRef.current = _objectSpread30(_objectSpread30({}, valuesRef.current), {}, _define_property({}, name, value));
+            setValuesState(valuesRef.current);
+        };
+        $[5] = t4;
+    } else {
+        t4 = $[5];
+    }
+    var setValue = t4;
+    var t5;
+    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = function(name_0) {
+            var _valuesRef$current$na;
+            return {
+                name: name_0,
+                value: (_valuesRef$current$na = valuesRef.current[name_0]) !== null && _valuesRef$current$na !== void 0 ? _valuesRef$current$na : "",
+                onChange: function(event) {
+                    setValue(name_0, getValueFromEvent(event));
+                },
+                onBlur: _temp4,
+                ref: _temp23
+            };
+        };
+        $[6] = t5;
+    } else {
+        t5 = $[6];
+    }
+    var register = t5;
+    var t6;
+    if ($[7] !== resolver) {
+        t6 = /* @__PURE__ */ function() {
+            var _ref = _asyncToGenerator6(function() {
+                var _result$values, _result$errors, result;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            if (!resolver) {
+                                return [
+                                    2,
+                                    {
+                                        values: valuesRef.current,
+                                        errors: {}
+                                    }
+                                ];
+                            }
+                            return [
+                                4,
+                                resolver(valuesRef.current)
+                            ];
+                        case 1:
+                            result = _state.sent();
+                            return [
+                                2,
+                                {
+                                    values: (_result$values = result.values) !== null && _result$values !== void 0 ? _result$values : valuesRef.current,
+                                    errors: (_result$errors = result.errors) !== null && _result$errors !== void 0 ? _result$errors : {}
+                                }
+                            ];
+                    }
+                });
+            });
+            return function t62() {
+                return _ref.apply(this, arguments);
+            };
+        }();
+        $[7] = resolver;
+        $[8] = t6;
+    } else {
+        t6 = $[8];
+    }
+    var runResolver = t6;
+    var t7;
+    if ($[9] !== runResolver) {
+        t7 = function(onValid) {
+            return /* @__PURE__ */ function() {
+                var _ref2 = _asyncToGenerator6(function(event_0) {
+                    var _event_0$preventDefau, _ref, values, errors, hasErrors;
+                    return _ts_generator(this, function(_state) {
+                        switch(_state.label){
+                            case 0:
+                                event_0 === null || event_0 === void 0 || (_event_0$preventDefau = event_0.preventDefault) === null || _event_0$preventDefau === void 0 || _event_0$preventDefau.call(event_0);
+                                setFormState(_temp32);
+                                return [
+                                    4,
+                                    runResolver()
+                                ];
+                            case 1:
+                                _ref = _state.sent(), values = _ref.values, errors = _ref.errors;
+                                setFormState({
+                                    isSubmitting: false,
+                                    errors: errors
+                                });
+                                hasErrors = Object.keys(errors).length > 0;
+                                if (hasErrors) {
+                                    return [
+                                        2
+                                    ];
+                                }
+                                valuesRef.current = values;
+                                setValuesState(values);
+                                return [
+                                    4,
+                                    onValid(values)
+                                ];
+                            case 2:
+                                _state.sent();
+                                return [
+                                    2
+                                ];
+                        }
+                    });
+                });
+                return function(_x) {
+                    return _ref2.apply(this, arguments);
+                };
+            }();
+        };
+        $[9] = runResolver;
+        $[10] = t7;
+    } else {
+        t7 = $[10];
+    }
+    var handleSubmit = t7;
+    var t8;
+    if ($[11] !== defaultValues) {
+        t8 = function(nextValues) {
+            var merged = nextValues ? _objectSpread30({}, nextValues) : _objectSpread30({}, defaultValues !== null && defaultValues !== void 0 ? defaultValues : {});
+            valuesRef.current = merged;
+            setValuesState(merged);
+            setFormState(createInitialFormState());
+        };
+        $[11] = defaultValues;
+        $[12] = t8;
+    } else {
+        t8 = $[12];
+    }
+    var reset = t8;
+    var t9;
+    if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+        t9 = function(name_1) {
+            var _valuesRef$current$na2;
+            return (_valuesRef$current$na2 = valuesRef.current[name_1]) !== null && _valuesRef$current$na2 !== void 0 ? _valuesRef$current$na2 : "";
+        };
+        $[13] = t9;
+    } else {
+        t9 = $[13];
+    }
+    var watch = t9;
+    var t10;
+    var t11;
+    if ($[14] !== formState || $[15] !== handleSubmit || $[16] !== reset) {
+        t11 = {
+            register: register,
+            handleSubmit: handleSubmit,
+            reset: reset,
+            watch: watch,
+            formState: formState
+        };
+        $[14] = formState;
+        $[15] = handleSubmit;
+        $[16] = reset;
+        $[17] = t11;
+    } else {
+        t11 = $[17];
+    }
+    t10 = t11;
+    return t10;
+};
+function _temp4() {}
+function _temp23() {}
+function _temp32(prev) {
+    return _objectSpread30(_objectSpread30({}, prev), {}, {
+        isSubmitting: true
+    });
+}
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 import { Box as Box14 } from "@radix-ui/themes";
 // src/components/threads/Thread/MessageForm/Root/lib/formOptions.ts
 import { z } from "zod";
-import { zodResolver } from "@hookform/resolvers/zod";
+// src/lib/forms/resolvers/zod.ts
+var zodResolver = function(schema2) {
+    return function(values) {
+        var result = schema2.safeParse(values);
+        if (result.success) {
+            return {
+                values: result.data,
+                errors: {}
+            };
+        }
+        var errors = {};
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            for(var _iterator = result.error.issues[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                var issue = _step.value;
+                if (!issue.path.length) continue;
+                var key2 = issue.path.join(".");
+                errors[key2] = {
+                    message: issue.message
+                };
+            }
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+        return {
+            values: values,
+            errors: errors
+        };
+    };
+};
+// src/components/threads/Thread/MessageForm/Root/lib/formOptions.ts
 var schema = z.object({
     content: z.string().min(1)
 });
@@ -44165,7 +44532,7 @@ var formOptions = {
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 import { partob } from "radash";
 import { jsx as _jsx70 } from "react/jsx-runtime";
-function ownKeys30(e, r) {
+function ownKeys31(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -44175,30 +44542,30 @@ function ownKeys30(e, r) {
     }
     return t;
 }
-function _objectSpread30(e) {
+function _objectSpread31(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys30(Object(t), true).forEach(function(r2) {
-            _defineProperty30(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys30(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys31(Object(t), true).forEach(function(r2) {
+            _defineProperty31(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys31(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty30(e, r, t) {
-    return (r = _toPropertyKey30(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty31(e, r, t) {
+    return (r = _toPropertyKey31(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey30(t) {
-    var i = _toPrimitive30(t, "string");
+function _toPropertyKey31(t) {
+    var i = _toPrimitive31(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive30(t, r) {
+function _toPrimitive31(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -44208,7 +44575,7 @@ function _toPrimitive30(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-function asyncGeneratorStep6(n, t, e, r, o, a, c) {
+function asyncGeneratorStep7(n, t, e, r, o, a, c) {
     try {
         var i = n[a](c), u = i.value;
     } catch (n2) {
@@ -44216,16 +44583,16 @@ function asyncGeneratorStep6(n, t, e, r, o, a, c) {
     }
     i.done ? t(u) : Promise.resolve(u).then(r, o);
 }
-function _asyncToGenerator6(n) {
+function _asyncToGenerator7(n) {
     return function() {
         var t = this, e = arguments;
         return new Promise(function(r, o) {
             var a = n.apply(t, e);
             function _next(n2) {
-                asyncGeneratorStep6(a, r, o, _next, _throw, "next", n2);
+                asyncGeneratorStep7(a, r, o, _next, _throw, "next", n2);
             }
             function _throw(n2) {
-                asyncGeneratorStep6(a, r, o, _next, _throw, "throw", n2);
+                asyncGeneratorStep7(a, r, o, _next, _throw, "throw", n2);
             }
             _next(void 0);
         });
@@ -44234,7 +44601,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 _useState4 = _sliced_to_array(useState4([]), 2), files = _useState4[0], setFiles = _useState4[1];
+    var _useState5 = _sliced_to_array(useState5([]), 2), files = _useState5[0], setFiles = _useState5[1];
     var formProps = useForm(formOptions);
     var handleSubmit = formProps.handleSubmit, isSubmitting = formProps.formState.isSubmitting, formReset = formProps.reset, watch = formProps.watch;
     var addToast = useToasts().addToast;
@@ -44248,7 +44615,7 @@ var Root8 = function(_ref) {
         })
     }).createMessage;
     var isMutatingMessage = useIsMutatingMessage();
-    var isFileLoading = useMemo14(function() {
+    var isFileLoading = useMemo15(function() {
         return files.some(function(file) {
             return isOptimistic({
                 id: file.id
@@ -44257,21 +44624,21 @@ var Root8 = function(_ref) {
     }, [
         files
     ]);
-    var isLoading = useMemo14(function() {
+    var isLoading = useMemo15(function() {
         return isMutatingMessage || isSubmitting;
     }, [
         isMutatingMessage,
         isSubmitting
     ]);
     var latestMessage = useLatestMessage().latestMessage;
-    var isDisabled = useMemo14(function() {
+    var isDisabled = useMemo15(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 = useCallback3(function() {
+    var reset = useCallback4(function() {
         formReset();
         setFiles([]);
     }, [
@@ -44282,7 +44649,7 @@ var Root8 = function(_ref) {
         createMessage: createMessage,
         files: files
     }) : /* @__PURE__ */ function() {
-        var _ref2 = _asyncToGenerator6(function(data2) {
+        var _ref2 = _asyncToGenerator7(function(data2) {
             var attachments, imageFileContentParts, content2;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -44327,7 +44694,7 @@ var Root8 = function(_ref) {
                         ]);
                         return [
                             4,
-                            createMessage(_objectSpread30({
+                            createMessage(_objectSpread31({
                                 content: content2
                             }, attachments.length ? {
                                 attachments: attachments
@@ -44355,8 +44722,7 @@ var Root8 = function(_ref) {
             isFileLoading: isFileLoading,
             content: content_0
         },
-        children: /* @__PURE__ */ _jsx70(FormProvider, {
-            form: formProps,
+        children: /* @__PURE__ */ _jsx70(FormProvider, _objectSpread31(_objectSpread31({}, formProps), {}, {
             children: /* @__PURE__ */ _jsx70(Box14, {
                 asChild: true,
                 flexShrink: "0",
@@ -44367,35 +44733,35 @@ var Root8 = function(_ref) {
                     children: children
                 })
             })
-        })
+        }))
     });
 };
 // src/components/threads/Thread/MessageForm/Field/index.tsx
 import { Container as RadixContainer, Flex as Flex23 } from "@radix-ui/themes";
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-import { c as _c70 } from "react-compiler-runtime";
+import { c as _c71 } from "react-compiler-runtime";
 import { Flex as Flex20 } from "@radix-ui/themes";
 // src/hooks/misc/usePrevious.ts
-import { useEffect as useEffect5, useRef as useRef4 } from "react";
+import { useEffect as useEffect5, useRef as useRef5 } from "react";
 var usePrevious = function(state) {
-    var ref = useRef4(void 0);
+    var ref = useRef5(void 0);
     useEffect5(function() {
         ref.current = state;
     });
     return ref.current;
 };
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-import { useContext as useContext17, useMemo as useMemo15, useRef as useRef5, useEffect as useEffect6 } from "react";
+import { useContext as useContext17, useMemo as useMemo16, useRef as useRef6, useEffect as useEffect6 } from "react";
 // src/components/textareas/TextareaBase/index.tsx
-import { c as _c69 } from "react-compiler-runtime";
+import { c as _c70 } from "react-compiler-runtime";
 import { forwardRef as forwardRef4 } from "react";
 import TextareaAutosize from "react-textarea-autosize";
 import { jsx as _jsx71, Fragment as _Fragment5, jsxs as _jsxs22 } from "react/jsx-runtime";
-var _excluded3 = [
+var _excluded4 = [
     "style",
     "className"
 ];
-function ownKeys31(e, r) {
+function ownKeys32(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -44405,30 +44771,30 @@ function ownKeys31(e, r) {
     }
     return t;
 }
-function _objectSpread31(e) {
+function _objectSpread32(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys31(Object(t), true).forEach(function(r2) {
-            _defineProperty31(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys31(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys32(Object(t), true).forEach(function(r2) {
+            _defineProperty32(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys32(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty31(e, r, t) {
-    return (r = _toPropertyKey31(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty32(e, r, t) {
+    return (r = _toPropertyKey32(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey31(t) {
-    var i = _toPrimitive31(t, "string");
+function _toPropertyKey32(t) {
+    var i = _toPrimitive32(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive31(t, r) {
+function _toPrimitive32(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -44438,16 +44804,16 @@ function _toPrimitive31(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-function _objectWithoutProperties3(e, t) {
+function _objectWithoutProperties4(e, t) {
     if (null == e) return {};
-    var o, r, i = _objectWithoutPropertiesLoose3(e, t);
+    var o, r, i = _objectWithoutPropertiesLoose4(e, t);
     if (Object.getOwnPropertySymbols) {
         var n = Object.getOwnPropertySymbols(e);
         for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
     return i;
 }
-function _objectWithoutPropertiesLoose3(r, e) {
+function _objectWithoutPropertiesLoose4(r, e) {
     if (null == r) return {};
     var t = {};
     for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
@@ -44457,7 +44823,7 @@ function _objectWithoutPropertiesLoose3(r, e) {
     return t;
 }
 var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
-    var $ = _c69(14);
+    var $ = _c70(14);
     var className;
     var rest;
     var style;
@@ -44465,7 +44831,7 @@ var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
         var _t = t0;
         var _$ref;
         _$ref = _t, style = _$ref.style, className = _$ref.className, _$ref;
-        rest = _objectWithoutProperties3(_t, _excluded3);
+        rest = _objectWithoutProperties4(_t, _excluded4);
         _t;
         $[0] = t0;
         $[1] = className;
@@ -44496,7 +44862,7 @@ var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
     }
     var t4;
     if ($[7] !== t3) {
-        t4 = _objectSpread31({
+        t4 = _objectSpread32({
             border: 0,
             outline: 0,
             boxSizing: "border-box",
@@ -44515,7 +44881,7 @@ var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
         t5 = /* @__PURE__ */ _jsxs22(_Fragment5, {
             children: [
                 t1,
-                /* @__PURE__ */ _jsx71(TextareaAutosize, _objectSpread31({
+                /* @__PURE__ */ _jsx71(TextareaAutosize, _objectSpread32({
                     ref: ref,
                     className: t2,
                     style: t4
@@ -44534,7 +44900,7 @@ var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
 });
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
 import { jsx as _jsx72 } from "react/jsx-runtime";
-function ownKeys32(e, r) {
+function ownKeys33(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -44544,30 +44910,30 @@ function ownKeys32(e, r) {
     }
     return t;
 }
-function _objectSpread32(e) {
+function _objectSpread33(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys32(Object(t), true).forEach(function(r2) {
-            _defineProperty32(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys32(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys33(Object(t), true).forEach(function(r2) {
+            _defineProperty33(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys33(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty32(e, r, t) {
-    return (r = _toPropertyKey32(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty33(e, r, t) {
+    return (r = _toPropertyKey33(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey32(t) {
-    var i = _toPrimitive32(t, "string");
+function _toPropertyKey33(t) {
+    var i = _toPrimitive33(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive32(t, r) {
+function _toPrimitive33(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -44578,7 +44944,7 @@ function _toPrimitive32(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root9 = function(t0) {
-    var $ = _c70(4);
+    var $ = _c71(4);
     var children = t0.children, style = t0.style, className = t0.className;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
@@ -44604,14 +44970,14 @@ var Input = function(props) {
     var assistantNameContext = useContext17(AssistantNameContext);
     var register = useFormContext().register;
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
-    var isSubmitDisabled = useMemo15(function() {
+    var isSubmitDisabled = useMemo16(function() {
         return isDisabled || isLoading;
     }, [
         isDisabled,
         isLoading
     ]);
     var isDisabledPrevious = usePrevious(isDisabled);
-    var textareaRef = useRef5(null);
+    var textareaRef = useRef6(null);
     var textareaProps = register("content");
     useEffect6(function() {
         if (isDisabled) return;
@@ -44623,7 +44989,7 @@ var Input = function(props) {
         isDisabledPrevious,
         textareaProps
     ]);
-    return /* @__PURE__ */ _jsx72(TextareaBase, _objectSpread32(_objectSpread32(_objectSpread32({
+    return /* @__PURE__ */ _jsx72(TextareaBase, _objectSpread33(_objectSpread33(_objectSpread33({
         minRows: 1,
         placeholder: (_props$placeholder = props.placeholder) !== null && _props$placeholder !== void 0 ? _props$placeholder : "Message ".concat(assistantNameContext, "..."),
         disabled: isDisabled,
@@ -44643,7 +45009,7 @@ var Input = function(props) {
     }));
 };
 var Control = function(props) {
-    var $ = _c70(3);
+    var $ = _c71(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsx72(Input, {});
@@ -44653,7 +45019,7 @@ var Control = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx72(Root9, _objectSpread32(_objectSpread32({}, props), {}, {
+        t1 = /* @__PURE__ */ _jsx72(Root9, _objectSpread33(_objectSpread33({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -44666,11 +45032,11 @@ var Control = function(props) {
 Control.Root = Root9;
 Control.Input = Input;
 // src/components/threads/Thread/MessageForm/Field/Files/Preview.tsx
-import { c as _c71 } from "react-compiler-runtime";
+import { c as _c72 } from "react-compiler-runtime";
 import { Flex as Flex21, Card as Card2, Spinner as Spinner2, Text as Text7, IconButton as IconButton6 } from "@radix-ui/themes";
 import { FileIcon as FileIcon2, Cross2Icon } from "@radix-ui/react-icons";
 import { jsx as _jsx73, jsxs as _jsxs23 } from "react/jsx-runtime";
-function ownKeys33(e, r) {
+function ownKeys34(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -44680,30 +45046,30 @@ function ownKeys33(e, r) {
     }
     return t;
 }
-function _objectSpread33(e) {
+function _objectSpread34(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys33(Object(t), true).forEach(function(r2) {
-            _defineProperty33(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys33(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys34(Object(t), true).forEach(function(r2) {
+            _defineProperty34(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys34(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty33(e, r, t) {
-    return (r = _toPropertyKey33(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty34(e, r, t) {
+    return (r = _toPropertyKey34(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey33(t) {
-    var i = _toPrimitive33(t, "string");
+function _toPropertyKey34(t) {
+    var i = _toPrimitive34(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive33(t, r) {
+function _toPrimitive34(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -44714,7 +45080,7 @@ function _toPrimitive33(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Preview = function(props) {
-    var $ = _c71(8);
+    var $ = _c72(8);
     var _useMessageFormContext = useMessageFormContext(), files = _useMessageFormContext.files, setFiles = _useMessageFormContext.setFiles;
     if (!files.length) {
         return null;
@@ -44789,7 +45155,7 @@ var Preview = function(props) {
     }
     var t1;
     if ($[5] !== props || $[6] !== t0) {
-        t1 = /* @__PURE__ */ _jsx73(Flex21, _objectSpread33(_objectSpread33({
+        t1 = /* @__PURE__ */ _jsx73(Flex21, _objectSpread34(_objectSpread34({
             flexBasis: "100%",
             direction: "column",
             pb: "2",
@@ -44806,15 +45172,15 @@ var Preview = function(props) {
     return t1;
 };
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
-import { c as _c73 } from "react-compiler-runtime";
+import { c as _c74 } from "react-compiler-runtime";
 import { FilePlusIcon } from "@radix-ui/react-icons";
 import { IconButton as IconButton7, Flex as Flex22 } from "@radix-ui/themes";
 // src/hooks/files/useChangeFilesField/index.ts
-import { useCallback as useCallback4 } from "react";
+import { useCallback as useCallback5 } from "react";
 import { omit as omit4 } from "radash";
 import dayjs2 from "dayjs";
 // src/hooks/files/useCreateFile/index.ts
-import { c as _c72 } from "react-compiler-runtime";
+import { c as _c73 } from "react-compiler-runtime";
 import { useMutation as useMutation2, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
 // src/hooks/files/useCreateFile/lib/mutationOptions/mutationFn/body/formData.ts
 var formData = function(variables) {
@@ -44825,7 +45191,7 @@ var formData = function(variables) {
     return data2;
 };
 // src/hooks/files/useCreateFile/lib/mutationOptions/mutationFn/body/index.ts
-function ownKeys34(e, r) {
+function ownKeys35(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -44835,30 +45201,30 @@ function ownKeys34(e, r) {
     }
     return t;
 }
-function _objectSpread34(e) {
+function _objectSpread35(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys34(Object(t), true).forEach(function(r2) {
-            _defineProperty34(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys34(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys35(Object(t), true).forEach(function(r2) {
+            _defineProperty35(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys35(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty34(e, r, t) {
-    return (r = _toPropertyKey34(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty35(e, r, t) {
+    return (r = _toPropertyKey35(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey34(t) {
-    var i = _toPrimitive34(t, "string");
+function _toPropertyKey35(t) {
+    var i = _toPrimitive35(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive34(t, r) {
+function _toPrimitive35(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -44878,12 +45244,12 @@ var body2 = function(_ref) {
         assistantId: variables.assistantId
     });
     if (!threadId) return formData(variables);
-    return formData(_objectSpread34(_objectSpread34({}, variables), {}, {
+    return formData(_objectSpread35(_objectSpread35({}, variables), {}, {
         threadId: threadId
     }));
 };
 // src/hooks/files/useCreateFile/lib/mutationOptions/mutationFn/index.ts
-function asyncGeneratorStep7(n, t, e, r, o, a, c) {
+function asyncGeneratorStep8(n, t, e, r, o, a, c) {
     try {
         var i = n[a](c), u = i.value;
     } catch (n2) {
@@ -44891,16 +45257,16 @@ function asyncGeneratorStep7(n, t, e, r, o, a, c) {
     }
     i.done ? t(u) : Promise.resolve(u).then(r, o);
 }
-function _asyncToGenerator7(n) {
+function _asyncToGenerator8(n) {
     return function() {
         var t = this, e = arguments;
         return new Promise(function(r, o) {
             var a = n.apply(t, e);
             function _next(n2) {
-                asyncGeneratorStep7(a, r, o, _next, _throw, "next", n2);
+                asyncGeneratorStep8(a, r, o, _next, _throw, "next", n2);
             }
             function _throw(n2) {
-                asyncGeneratorStep7(a, r, o, _next, _throw, "throw", n2);
+                asyncGeneratorStep8(a, r, o, _next, _throw, "throw", n2);
             }
             _next(void 0);
         });
@@ -44909,7 +45275,7 @@ function _asyncToGenerator7(n) {
 var mutationFn2 = function(_ref) {
     var superinterfaceContext = _ref.superinterfaceContext, queryClient = _ref.queryClient, threadContext = _ref.threadContext;
     return /* @__PURE__ */ function() {
-        var _ref2 = _asyncToGenerator7(function(variables) {
+        var _ref2 = _asyncToGenerator8(function(variables) {
             var response, result;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -44945,7 +45311,7 @@ var mutationFn2 = function(_ref) {
     }();
 };
 // src/hooks/files/useCreateFile/lib/mutationOptions/index.ts
-function ownKeys35(e, r) {
+function ownKeys36(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -44955,30 +45321,30 @@ function ownKeys35(e, r) {
     }
     return t;
 }
-function _objectSpread35(e) {
+function _objectSpread36(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys35(Object(t), true).forEach(function(r2) {
-            _defineProperty35(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys35(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys36(Object(t), true).forEach(function(r2) {
+            _defineProperty36(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys36(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty35(e, r, t) {
-    return (r = _toPropertyKey35(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty36(e, r, t) {
+    return (r = _toPropertyKey36(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey35(t) {
-    var i = _toPrimitive35(t, "string");
+function _toPropertyKey36(t) {
+    var i = _toPrimitive36(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive35(t, r) {
+function _toPrimitive36(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -44994,7 +45360,7 @@ var mutationOptions2 = function(_ref) {
         "createFile",
         threadContext.variables
     ];
-    return _objectSpread35(_objectSpread35(_objectSpread35({
+    return _objectSpread36(_objectSpread36(_objectSpread36({
         mutationFn: mutationFn2({
             queryClient: queryClient,
             superinterfaceContext: superinterfaceContext,
@@ -45006,7 +45372,7 @@ var mutationOptions2 = function(_ref) {
     });
 };
 // src/hooks/files/useCreateFile/index.ts
-function ownKeys36(e, r) {
+function ownKeys37(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -45016,30 +45382,30 @@ function ownKeys36(e, r) {
     }
     return t;
 }
-function _objectSpread36(e) {
+function _objectSpread37(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys36(Object(t), true).forEach(function(r2) {
-            _defineProperty36(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys36(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys37(Object(t), true).forEach(function(r2) {
+            _defineProperty37(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys37(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty36(e, r, t) {
-    return (r = _toPropertyKey36(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty37(e, r, t) {
+    return (r = _toPropertyKey37(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey36(t) {
-    var i = _toPrimitive36(t, "string");
+function _toPropertyKey37(t) {
+    var i = _toPrimitive37(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive36(t, r) {
+function _toPrimitive37(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -45050,11 +45416,11 @@ function _toPrimitive36(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useCreateFile = function(t0) {
-    var $ = _c72(15);
+    var $ = _c73(15);
     var t1;
     if ($[0] !== t0) {
         t1 = t0 === void 0 ? {
-            onError: _temp4
+            onError: _temp5
         } : t0;
         $[0] = t0;
         $[1] = t1;
@@ -45064,7 +45430,7 @@ var useCreateFile = function(t0) {
     var t2 = t1.onError;
     var t3;
     if ($[2] !== t2) {
-        t3 = t2 === void 0 ? _temp23 : t2;
+        t3 = t2 === void 0 ? _temp24 : t2;
         $[2] = t2;
         $[3] = t3;
     } else {
@@ -45101,7 +45467,7 @@ var useCreateFile = function(t0) {
             var args = t62;
             var _args = _to_array(args), firstArg = _args[0], restArgs = _args.slice(1);
             return (_props = props).mutateAsync.apply(_props, [
-                _objectSpread36(_objectSpread36({}, threadContext.variables), firstArg)
+                _objectSpread37(_objectSpread37({}, threadContext.variables), firstArg)
             ].concat(_to_consumable_array(restArgs)));
         };
         $[9] = props;
@@ -45112,7 +45478,7 @@ var useCreateFile = function(t0) {
     }
     var t6;
     if ($[12] !== props || $[13] !== t5) {
-        t6 = _objectSpread36(_objectSpread36({}, props), {}, {
+        t6 = _objectSpread37(_objectSpread37({}, props), {}, {
             createFile: t5
         });
         $[12] = props;
@@ -45123,10 +45489,10 @@ var useCreateFile = function(t0) {
     }
     return t6;
 };
-function _temp4() {}
-function _temp23() {}
+function _temp5() {}
+function _temp24() {}
 // src/hooks/files/useChangeFilesField/index.ts
-function asyncGeneratorStep8(n, t, e, r, o, a, c) {
+function asyncGeneratorStep9(n, t, e, r, o, a, c) {
     try {
         var i = n[a](c), u = i.value;
     } catch (n2) {
@@ -45134,16 +45500,16 @@ function asyncGeneratorStep8(n, t, e, r, o, a, c) {
     }
     i.done ? t(u) : Promise.resolve(u).then(r, o);
 }
-function _asyncToGenerator8(n) {
+function _asyncToGenerator9(n) {
     return function() {
         var t = this, e = arguments;
         return new Promise(function(r, o) {
             var a = n.apply(t, e);
             function _next(n2) {
-                asyncGeneratorStep8(a, r, o, _next, _throw, "next", n2);
+                asyncGeneratorStep9(a, r, o, _next, _throw, "next", n2);
             }
             function _throw(n2) {
-                asyncGeneratorStep8(a, r, o, _next, _throw, "throw", n2);
+                asyncGeneratorStep9(a, r, o, _next, _throw, "throw", n2);
             }
             _next(void 0);
         });
@@ -45201,8 +45567,8 @@ var useChangeFilesField = function() {
     var setFiles = useMessageFormContext().setFiles;
     var createFile = useCreateFile().createFile;
     var addToast = useToasts().addToast;
-    var changeFilesField = useCallback4(/* @__PURE__ */ function() {
-        var _ref2 = _asyncToGenerator8(function(event) {
+    var changeFilesField = useCallback5(/* @__PURE__ */ function() {
+        var _ref2 = _asyncToGenerator9(function(event) {
             var fileObjects, newFiles, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _loop, _iterator, _step, err;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -45380,7 +45746,7 @@ var useChangeFilesField = function() {
 var filesFieldAccept = ".c,text/x-c,\n.cs,text/x-csharp,\n.cpp,text/x-c++,\n.doc,application/msword,\n.docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document,\n.html,text/html,\n.java,text/x-java,\n.json,application/json,\n.md,text/markdown,\n.pdf,application/pdf,\n.php,text/x-php,\n.pptx,application/vnd.openxmlformats-officedocument.presentationml.presentation,\n.py,text/x-python,\n.py,text/x-script.python,\n.rb,text/x-ruby,\n.tex,text/x-tex,\n.txt,text/plain,\n.css,text/css,\n.js,text/javascript,\n.sh,application/x-sh,\n.ts,application/typescript,\n.png,image/png,\n.jpeg,image/jpeg,\n.jpg,image/jpeg,\n.webp,image/webp,\n.gif,image/gif";
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
 import { jsx as _jsx74, jsxs as _jsxs24 } from "react/jsx-runtime";
-function ownKeys37(e, r) {
+function ownKeys38(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -45390,30 +45756,30 @@ function ownKeys37(e, r) {
     }
     return t;
 }
-function _objectSpread37(e) {
+function _objectSpread38(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys37(Object(t), true).forEach(function(r2) {
-            _defineProperty37(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys37(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys38(Object(t), true).forEach(function(r2) {
+            _defineProperty38(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys38(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty37(e, r, t) {
-    return (r = _toPropertyKey37(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty38(e, r, t) {
+    return (r = _toPropertyKey38(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey37(t) {
-    var i = _toPrimitive37(t, "string");
+function _toPropertyKey38(t) {
+    var i = _toPrimitive38(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive37(t, r) {
+function _toPrimitive38(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -45424,7 +45790,7 @@ function _toPrimitive37(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Control2 = function(props) {
-    var $ = _c73(11);
+    var $ = _c74(11);
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
     var changeFilesField = useChangeFilesField().changeFilesField;
     var t0 = isDisabled || isLoading;
@@ -45492,7 +45858,7 @@ var Control2 = function(props) {
     }
     var t6;
     if ($[8] !== props || $[9] !== t5) {
-        t6 = /* @__PURE__ */ _jsx74(Flex22, _objectSpread37(_objectSpread37({
+        t6 = /* @__PURE__ */ _jsx74(Flex22, _objectSpread38(_objectSpread38({
             pt: "2",
             pr: "2",
             flexGrow: "0"
@@ -45514,89 +45880,6 @@ var Files = {
 };
 // src/components/threads/Thread/MessageForm/Field/index.tsx
 import { jsx as _jsx75 } from "react/jsx-runtime";
-function ownKeys38(e, r) {
-    var t = Object.keys(e);
-    if (Object.getOwnPropertySymbols) {
-        var o = Object.getOwnPropertySymbols(e);
-        r && (o = o.filter(function(r2) {
-            return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-        })), t.push.apply(t, o);
-    }
-    return t;
-}
-function _objectSpread38(e) {
-    for(var r = 1; r < arguments.length; r++){
-        var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys38(Object(t), true).forEach(function(r2) {
-            _defineProperty38(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys38(Object(t)).forEach(function(r2) {
-            Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-        });
-    }
-    return e;
-}
-function _defineProperty38(e, r, t) {
-    return (r = _toPropertyKey38(r)) in e ? Object.defineProperty(e, r, {
-        value: t,
-        enumerable: true,
-        configurable: true,
-        writable: true
-    }) : e[r] = t, e;
-}
-function _toPropertyKey38(t) {
-    var i = _toPrimitive38(t, "string");
-    return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
-}
-function _toPrimitive38(t, r) {
-    if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
-    var e = t[Symbol.toPrimitive];
-    if (void 0 !== e) {
-        var i = e.call(t, r || "default");
-        if ("object" != (typeof i === "undefined" ? "undefined" : _type_of(i))) return i;
-        throw new TypeError("@@toPrimitive must return a primitive value.");
-    }
-    return ("string" === r ? String : Number)(t);
-}
-var Root10 = function(_ref) {
-    "use no memo";
-    var children = _ref.children, className = _ref.className, style = _ref.style;
-    var _useFormContext = useFormContext(), errors = _useFormContext.formState.errors;
-    return /* @__PURE__ */ _jsx75(RadixContainer, {
-        size: "2",
-        flexGrow: "0",
-        className: className,
-        style: style,
-        children: /* @__PURE__ */ _jsx75(Flex23, {
-            direction: "column",
-            flexShrink: "0",
-            children: /* @__PURE__ */ _jsx75(Flex23, {
-                direction: "column",
-                flexShrink: "0",
-                children: /* @__PURE__ */ _jsx75(Flex23, {
-                    style: _objectSpread38({
-                        borderRadius: "var(--radius-2)",
-                        borderWidth: "1px",
-                        borderStyle: "solid",
-                        borderColor: errors.content ? "var(--red-9)" : "var(--gray-5)"
-                    }, errors.content ? {
-                        backgroundColor: "var(--red-2)"
-                    } : {}),
-                    p: "2",
-                    pl: "3",
-                    wrap: "wrap",
-                    children: children
-                })
-            })
-        })
-    });
-};
-var Field = {
-    Root: Root10,
-    Control: Control,
-    Files: Files
-};
-// src/components/threads/Thread/MessageForm/index.tsx
-import { jsx as _jsx76, jsxs as _jsxs25 } from "react/jsx-runtime";
 function ownKeys39(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -45640,8 +45923,91 @@ function _toPrimitive39(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
+var Root10 = function(_ref) {
+    "use no memo";
+    var children = _ref.children, className = _ref.className, style = _ref.style;
+    var _useFormContext = useFormContext(), errors = _useFormContext.formState.errors;
+    return /* @__PURE__ */ _jsx75(RadixContainer, {
+        size: "2",
+        flexGrow: "0",
+        className: className,
+        style: style,
+        children: /* @__PURE__ */ _jsx75(Flex23, {
+            direction: "column",
+            flexShrink: "0",
+            children: /* @__PURE__ */ _jsx75(Flex23, {
+                direction: "column",
+                flexShrink: "0",
+                children: /* @__PURE__ */ _jsx75(Flex23, {
+                    style: _objectSpread39({
+                        borderRadius: "var(--radius-2)",
+                        borderWidth: "1px",
+                        borderStyle: "solid",
+                        borderColor: errors.content ? "var(--red-9)" : "var(--gray-5)"
+                    }, errors.content ? {
+                        backgroundColor: "var(--red-2)"
+                    } : {}),
+                    p: "2",
+                    pl: "3",
+                    wrap: "wrap",
+                    children: children
+                })
+            })
+        })
+    });
+};
+var Field = {
+    Root: Root10,
+    Control: Control,
+    Files: Files
+};
+// src/components/threads/Thread/MessageForm/index.tsx
+import { jsx as _jsx76, jsxs as _jsxs25 } from "react/jsx-runtime";
+function ownKeys40(e, r) {
+    var t = Object.keys(e);
+    if (Object.getOwnPropertySymbols) {
+        var o = Object.getOwnPropertySymbols(e);
+        r && (o = o.filter(function(r2) {
+            return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+        })), t.push.apply(t, o);
+    }
+    return t;
+}
+function _objectSpread40(e) {
+    for(var r = 1; r < arguments.length; r++){
+        var t = null != arguments[r] ? arguments[r] : {};
+        r % 2 ? ownKeys40(Object(t), true).forEach(function(r2) {
+            _defineProperty40(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys40(Object(t)).forEach(function(r2) {
+            Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+        });
+    }
+    return e;
+}
+function _defineProperty40(e, r, t) {
+    return (r = _toPropertyKey40(r)) in e ? Object.defineProperty(e, r, {
+        value: t,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    }) : e[r] = t, e;
+}
+function _toPropertyKey40(t) {
+    var i = _toPrimitive40(t, "string");
+    return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
+}
+function _toPrimitive40(t, r) {
+    if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+        var i = e.call(t, r || "default");
+        if ("object" != (typeof i === "undefined" ? "undefined" : _type_of(i))) return i;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return ("string" === r ? String : Number)(t);
+}
 var MessageForm = function(props) {
-    var $ = _c74(3);
+    var $ = _c75(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsxs25(Field.Root, {
@@ -45656,7 +46022,7 @@ var MessageForm = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx76(Root8, _objectSpread39(_objectSpread39({}, props), {}, {
+        t1 = /* @__PURE__ */ _jsx76(Root8, _objectSpread40(_objectSpread40({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -45670,22 +46036,22 @@ MessageForm.Root = Root8;
 MessageForm.Field = Field;
 MessageForm.Submit = Submit;
 // src/components/threads/Thread/Root/index.tsx
-import { c as _c77 } from "react-compiler-runtime";
+import { c as _c78 } from "react-compiler-runtime";
 import { Flex as Flex25 } from "@radix-ui/themes";
 // src/components/threads/Thread/Provider/index.tsx
 var Provider2 = SuperinterfaceProvider;
 // src/components/toasts/ToastsProvider/index.tsx
-import { c as _c76 } from "react-compiler-runtime";
-import { useState as useState5, useCallback as useCallback5 } from "react";
+import { c as _c77 } from "react-compiler-runtime";
+import { useState as useState6, useCallback as useCallback6 } from "react";
 import * as Toast2 from "@radix-ui/react-toast";
 // src/components/toasts/ToastsProvider/CustomToast.tsx
-import { c as _c75 } from "react-compiler-runtime";
+import { c as _c76 } from "react-compiler-runtime";
 import * as Toast from "@radix-ui/react-toast";
 import { Card as Card3, Text as Text8, Flex as Flex24 } from "@radix-ui/themes";
 import { CheckCircledIcon as CheckCircledIcon2, CrossCircledIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx77, jsxs as _jsxs26 } from "react/jsx-runtime";
 var CustomToast = function(t0) {
-    var $ = _c75(7);
+    var $ = _c76(7);
     var toast = t0.toast;
     var t1;
     if ($[0] !== toast.type) {
@@ -45741,7 +46107,7 @@ var CustomToast = function(t0) {
 // src/components/toasts/ToastsProvider/index.tsx
 import { jsx as _jsx78, jsxs as _jsxs27 } from "react/jsx-runtime";
 var ToastsProvider = function(t0) {
-    var $ = _c76(15);
+    var $ = _c77(15);
     var children = t0.children, t1 = t0.bottom;
     var bottom = t1 === void 0 ? 0 : t1;
     var t2;
@@ -45751,7 +46117,7 @@ var ToastsProvider = function(t0) {
     } else {
         t2 = $[0];
     }
-    var _useState5 = _sliced_to_array(useState5(t2), 2), toasts = _useState5[0], setToasts = _useState5[1];
+    var _useState6 = _sliced_to_array(useState6(t2), 2), toasts = _useState6[0], setToasts = _useState6[1];
     var t3;
     if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
         t3 = function(toast) {
@@ -45779,7 +46145,7 @@ var ToastsProvider = function(t0) {
     }
     var t5;
     if ($[4] !== toasts) {
-        t5 = Array.from(toasts).map(_temp5);
+        t5 = Array.from(toasts).map(_temp6);
         $[4] = toasts;
         $[5] = t5;
     } else {
@@ -45839,19 +46205,19 @@ var ToastsProvider = function(t0) {
     }
     return t8;
 };
-function _temp5(toast_0, index) {
+function _temp6(toast_0, index) {
     return /* @__PURE__ */ _jsx78(CustomToast, {
         toast: toast_0
     }, index);
 }
 // src/components/threads/Thread/Root/index.tsx
 import { jsx as _jsx79 } from "react/jsx-runtime";
-var _excluded4 = [
+var _excluded5 = [
     "children",
     "style",
     "className"
 ];
-function ownKeys40(e, r) {
+function ownKeys41(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -45861,30 +46227,30 @@ function ownKeys40(e, r) {
     }
     return t;
 }
-function _objectSpread40(e) {
+function _objectSpread41(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys40(Object(t), true).forEach(function(r2) {
-            _defineProperty40(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys40(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys41(Object(t), true).forEach(function(r2) {
+            _defineProperty41(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys41(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty40(e, r, t) {
-    return (r = _toPropertyKey40(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty41(e, r, t) {
+    return (r = _toPropertyKey41(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey40(t) {
-    var i = _toPrimitive40(t, "string");
+function _toPropertyKey41(t) {
+    var i = _toPrimitive41(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive40(t, r) {
+function _toPrimitive41(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -45894,16 +46260,16 @@ function _toPrimitive40(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-function _objectWithoutProperties4(e, t) {
+function _objectWithoutProperties5(e, t) {
     if (null == e) return {};
-    var o, r, i = _objectWithoutPropertiesLoose4(e, t);
+    var o, r, i = _objectWithoutPropertiesLoose5(e, t);
     if (Object.getOwnPropertySymbols) {
         var n = Object.getOwnPropertySymbols(e);
         for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
     return i;
 }
-function _objectWithoutPropertiesLoose4(r, e) {
+function _objectWithoutPropertiesLoose5(r, e) {
     if (null == r) return {};
     var t = {};
     for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
@@ -45913,7 +46279,7 @@ function _objectWithoutPropertiesLoose4(r, e) {
     return t;
 }
 var Root12 = function(t0) {
-    var $ = _c77(12);
+    var $ = _c78(12);
     var children;
     var className;
     var rest;
@@ -45922,7 +46288,7 @@ var Root12 = function(t0) {
         var _t = t0;
         var ref;
         ref = _t, children = ref.children, style = ref.style, className = ref.className, ref;
-        rest = _objectWithoutProperties4(_t, _excluded4);
+        rest = _objectWithoutProperties5(_t, _excluded5);
         _t;
         $[0] = t0;
         $[1] = children;
@@ -45955,7 +46321,7 @@ var Root12 = function(t0) {
     if ($[9] !== rest || $[10] !== t1) {
         t2 = /* @__PURE__ */ _jsx79(ToastsProvider, {
             bottom: "var(--space-9)",
-            children: /* @__PURE__ */ _jsx79(Provider2, _objectSpread40(_objectSpread40({}, rest), {}, {
+            children: /* @__PURE__ */ _jsx79(Provider2, _objectSpread41(_objectSpread41({}, rest), {}, {
                 children: t1
             }))
         });
@@ -45969,7 +46335,7 @@ var Root12 = function(t0) {
 };
 // src/components/threads/Thread/index.tsx
 import { jsx as _jsx80, jsxs as _jsxs28 } from "react/jsx-runtime";
-function ownKeys41(e, r) {
+function ownKeys42(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -45979,30 +46345,30 @@ function ownKeys41(e, r) {
     }
     return t;
 }
-function _objectSpread41(e) {
+function _objectSpread42(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys41(Object(t), true).forEach(function(r2) {
-            _defineProperty41(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys41(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys42(Object(t), true).forEach(function(r2) {
+            _defineProperty42(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys42(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty41(e, r, t) {
-    return (r = _toPropertyKey41(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty42(e, r, t) {
+    return (r = _toPropertyKey42(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey41(t) {
-    var i = _toPrimitive41(t, "string");
+function _toPropertyKey42(t) {
+    var i = _toPrimitive42(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive41(t, r) {
+function _toPrimitive42(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -46013,7 +46379,7 @@ function _toPrimitive41(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Thread = function(props) {
-    var $ = _c78(4);
+    var $ = _c79(4);
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -46027,7 +46393,7 @@ var Thread = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ _jsxs28(Root12, _objectSpread41(_objectSpread41({}, props), {}, {
+        t2 = /* @__PURE__ */ _jsxs28(Root12, _objectSpread42(_objectSpread42({}, props), {}, {
             children: [
                 t0,
                 t1
@@ -46049,13 +46415,13 @@ var useMessageContext = function() {
     return useContext18(MessageContext);
 };
 // src/hooks/assistants/useAssistant/index.ts
-import { c as _c79 } from "react-compiler-runtime";
-import { useMemo as useMemo16 } from "react";
+import { c as _c80 } from "react-compiler-runtime";
+import { useMemo as useMemo17 } from "react";
 import { useQuery } from "@tanstack/react-query";
 // src/hooks/assistants/useAssistant/lib/queryOptions/index.ts
 import { queryOptions as tanstackQueryOptions } from "@tanstack/react-query";
 // src/hooks/assistants/useAssistant/lib/queryOptions/queryFn.ts
-function asyncGeneratorStep9(n, t, e, r, o, a, c) {
+function asyncGeneratorStep10(n, t, e, r, o, a, c) {
     try {
         var i = n[a](c), u = i.value;
     } catch (n2) {
@@ -46063,16 +46429,16 @@ function asyncGeneratorStep9(n, t, e, r, o, a, c) {
     }
     i.done ? t(u) : Promise.resolve(u).then(r, o);
 }
-function _asyncToGenerator9(n) {
+function _asyncToGenerator10(n) {
     return function() {
         var t = this, e = arguments;
         return new Promise(function(r, o) {
             var a = n.apply(t, e);
             function _next(n2) {
-                asyncGeneratorStep9(a, r, o, _next, _throw, "next", n2);
+                asyncGeneratorStep10(a, r, o, _next, _throw, "next", n2);
             }
             function _throw(n2) {
-                asyncGeneratorStep9(a, r, o, _next, _throw, "throw", n2);
+                asyncGeneratorStep10(a, r, o, _next, _throw, "throw", n2);
             }
             _next(void 0);
         });
@@ -46081,7 +46447,7 @@ function _asyncToGenerator9(n) {
 var queryFn = function(_ref) {
     var superinterfaceContext = _ref.superinterfaceContext;
     return /* @__PURE__ */ function() {
-        var _ref3 = _asyncToGenerator9(function(_ref2) {
+        var _ref3 = _asyncToGenerator10(function(_ref2) {
             var queryKey, _queryKey, _key, assistantId, params;
             return _ts_generator(this, function(_state) {
                 queryKey = _ref2.queryKey;
@@ -46092,7 +46458,7 @@ var queryFn = function(_ref) {
                 return [
                     2,
                     fetch("".concat(superinterfaceContext.baseUrl, "/assistants/").concat(assistantId, "?").concat(params)).then(/* @__PURE__ */ function() {
-                        var _ref4 = _asyncToGenerator9(function(response) {
+                        var _ref4 = _asyncToGenerator10(function(response) {
                             var errorResponse, error;
                             return _ts_generator(this, function(_state) {
                                 switch(_state.label){
@@ -46155,7 +46521,7 @@ var queryOptions2 = function(_ref) {
     });
 };
 // src/hooks/assistants/useAssistant/index.ts
-function ownKeys42(e, r) {
+function ownKeys43(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -46165,30 +46531,30 @@ function ownKeys42(e, r) {
     }
     return t;
 }
-function _objectSpread42(e) {
+function _objectSpread43(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys42(Object(t), true).forEach(function(r2) {
-            _defineProperty42(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys42(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys43(Object(t), true).forEach(function(r2) {
+            _defineProperty43(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys43(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty42(e, r, t) {
-    return (r = _toPropertyKey42(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty43(e, r, t) {
+    return (r = _toPropertyKey43(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey42(t) {
-    var i = _toPrimitive42(t, "string");
+function _toPropertyKey43(t) {
+    var i = _toPrimitive43(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive42(t, r) {
+function _toPrimitive43(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -46199,7 +46565,7 @@ function _toPrimitive42(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useAssistant = function(t0) {
-    var $ = _c79(6);
+    var $ = _c80(6);
     var assistantId = t0.assistantId;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -46219,7 +46585,7 @@ var useAssistant = function(t0) {
     var t3 = props.data ? props.data.assistant : null;
     var t4;
     if ($[3] !== props || $[4] !== t3) {
-        t4 = _objectSpread42(_objectSpread42({}, props), {}, {
+        t4 = _objectSpread43(_objectSpread43({}, props), {}, {
             assistant: t3
         });
         $[3] = props;
@@ -46232,12 +46598,12 @@ var useAssistant = function(t0) {
     return t2;
 };
 // src/components/threads/ThreadDialog/index.tsx
-import { c as _c86 } from "react-compiler-runtime";
+import { c as _c87 } from "react-compiler-runtime";
 // src/components/threads/ThreadDialog/Root/index.tsx
-import { c as _c81 } from "react-compiler-runtime";
+import { c as _c82 } from "react-compiler-runtime";
 // src/components/threads/ThreadDialog/Provider/index.tsx
-import { c as _c80 } from "react-compiler-runtime";
-import { useState as useState6 } from "react";
+import { c as _c81 } from "react-compiler-runtime";
+import { useState as useState7 } from "react";
 // src/contexts/threads/ThreadDialogContext/index.ts
 import { createContext as createContext13 } from "react";
 var ThreadDialogContext = /* @__PURE__ */ createContext13({
@@ -46252,10 +46618,10 @@ var useThreadDialogContext = function() {
 // src/components/threads/ThreadDialog/Provider/index.tsx
 import { jsx as _jsx81 } from "react/jsx-runtime";
 var Provider4 = function(t0) {
-    var $ = _c80(5);
+    var $ = _c81(5);
     var children = t0.children;
     var threadDialogContext = useThreadDialogContext();
-    var _useState6 = _sliced_to_array(useState6(threadDialogContext.isOpen), 2), isOpen = _useState6[0], setIsOpen = _useState6[1];
+    var _useState7 = _sliced_to_array(useState7(threadDialogContext.isOpen), 2), isOpen = _useState7[0], setIsOpen = _useState7[1];
     var t1;
     if ($[0] !== isOpen) {
         t1 = {
@@ -46284,7 +46650,7 @@ var Provider4 = function(t0) {
 // src/components/threads/ThreadDialog/Root/index.tsx
 import { jsx as _jsx82 } from "react/jsx-runtime";
 var Root13 = function(t0) {
-    var $ = _c81(2);
+    var $ = _c82(2);
     var children = t0.children;
     var t1;
     if ($[0] !== children) {
@@ -46299,14 +46665,14 @@ var Root13 = function(t0) {
     return t1;
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-import { c as _c83 } from "react-compiler-runtime";
+import { c as _c84 } from "react-compiler-runtime";
 import { Flex as Flex26 } from "@radix-ui/themes";
 // src/components/threads/ThreadDialog/Trigger/Button.tsx
-import { c as _c82 } from "react-compiler-runtime";
+import { c as _c83 } from "react-compiler-runtime";
 import { IconButton as IconButton8 } from "@radix-ui/themes";
 import { ChatBubbleIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx83 } from "react/jsx-runtime";
-function ownKeys43(e, r) {
+function ownKeys44(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -46316,30 +46682,30 @@ function ownKeys43(e, r) {
     }
     return t;
 }
-function _objectSpread43(e) {
+function _objectSpread44(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys43(Object(t), true).forEach(function(r2) {
-            _defineProperty43(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys43(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys44(Object(t), true).forEach(function(r2) {
+            _defineProperty44(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys44(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty43(e, r, t) {
-    return (r = _toPropertyKey43(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty44(e, r, t) {
+    return (r = _toPropertyKey44(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey43(t) {
-    var i = _toPrimitive43(t, "string");
+function _toPropertyKey44(t) {
+    var i = _toPrimitive44(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive43(t, r) {
+function _toPrimitive44(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -46350,7 +46716,7 @@ function _toPrimitive43(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Button4 = function(props) {
-    var $ = _c82(3);
+    var $ = _c83(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsx83(ChatBubbleIcon, {});
@@ -46360,7 +46726,7 @@ var Button4 = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx83(IconButton8, _objectSpread43(_objectSpread43({
+        t1 = /* @__PURE__ */ _jsx83(IconButton8, _objectSpread44(_objectSpread44({
             size: "4",
             radius: "full"
         }, props), {}, {
@@ -46375,7 +46741,7 @@ var Button4 = function(props) {
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
 import { jsx as _jsx84 } from "react/jsx-runtime";
-function ownKeys44(e, r) {
+function ownKeys45(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -46385,30 +46751,30 @@ function ownKeys44(e, r) {
     }
     return t;
 }
-function _objectSpread44(e) {
+function _objectSpread45(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys44(Object(t), true).forEach(function(r2) {
-            _defineProperty44(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys44(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys45(Object(t), true).forEach(function(r2) {
+            _defineProperty45(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys45(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty44(e, r, t) {
-    return (r = _toPropertyKey44(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty45(e, r, t) {
+    return (r = _toPropertyKey45(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey44(t) {
-    var i = _toPrimitive44(t, "string");
+function _toPropertyKey45(t) {
+    var i = _toPrimitive45(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive44(t, r) {
+function _toPrimitive45(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -46419,7 +46785,7 @@ function _toPrimitive44(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root14 = function(t0) {
-    var $ = _c83(14);
+    var $ = _c84(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";
@@ -46437,7 +46803,7 @@ var Root14 = function(t0) {
     var t3;
     if ($[2] !== setIsOpen) {
         t3 = function() {
-            return setIsOpen(_temp6);
+            return setIsOpen(_temp7);
         };
         $[2] = setIsOpen;
         $[3] = t3;
@@ -46454,7 +46820,7 @@ var Root14 = function(t0) {
     }
     var t5;
     if ($[6] !== t4) {
-        t5 = _objectSpread44({
+        t5 = _objectSpread45({
             zIndex: 9999999999
         }, t4);
         $[6] = t4;
@@ -46490,7 +46856,7 @@ var Root14 = function(t0) {
     return t6;
 };
 var Trigger = function(args) {
-    var $ = _c83(3);
+    var $ = _c84(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsx84(Button4, {});
@@ -46500,7 +46866,7 @@ var Trigger = function(args) {
     }
     var t1;
     if ($[1] !== args) {
-        t1 = /* @__PURE__ */ _jsx84(Root14, _objectSpread44(_objectSpread44({}, args), {}, {
+        t1 = /* @__PURE__ */ _jsx84(Root14, _objectSpread45(_objectSpread45({}, args), {}, {
             children: t0
         }));
         $[1] = args;
@@ -46512,19 +46878,19 @@ var Trigger = function(args) {
 };
 Trigger.Root = Root14;
 Trigger.Button = Button4;
-function _temp6(prev) {
+function _temp7(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
-import { c as _c85 } from "react-compiler-runtime";
+import { c as _c86 } from "react-compiler-runtime";
 import { Card as Card4, Inset as Inset2, Flex as Flex28 } from "@radix-ui/themes";
 // src/components/threads/ThreadDialog/Close/index.tsx
-import { c as _c84 } from "react-compiler-runtime";
+import { c as _c85 } from "react-compiler-runtime";
 import { Cross1Icon } from "@radix-ui/react-icons";
 import { IconButton as IconButton9, Flex as Flex27 } from "@radix-ui/themes";
 import { jsx as _jsx85 } from "react/jsx-runtime";
 var Close = function() {
-    var $ = _c84(9);
+    var $ = _c85(9);
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
     var t0 = isOpen ? "flex" : "none";
     var t1;
@@ -46541,7 +46907,7 @@ var Close = function() {
     var t2;
     if ($[2] !== setIsOpen) {
         t2 = function() {
-            return setIsOpen(_temp7);
+            return setIsOpen(_temp8);
         };
         $[2] = setIsOpen;
         $[3] = t2;
@@ -46591,12 +46957,12 @@ var Close = function() {
     }
     return t5;
 };
-function _temp7(prev) {
+function _temp8(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
 import { jsx as _jsx86, jsxs as _jsxs29 } from "react/jsx-runtime";
-function ownKeys45(e, r) {
+function ownKeys46(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -46606,30 +46972,30 @@ function ownKeys45(e, r) {
     }
     return t;
 }
-function _objectSpread45(e) {
+function _objectSpread46(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys45(Object(t), true).forEach(function(r2) {
-            _defineProperty45(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys45(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys46(Object(t), true).forEach(function(r2) {
+            _defineProperty46(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys46(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty45(e, r, t) {
-    return (r = _toPropertyKey45(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty46(e, r, t) {
+    return (r = _toPropertyKey46(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey45(t) {
-    var i = _toPrimitive45(t, "string");
+function _toPropertyKey46(t) {
+    var i = _toPrimitive46(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive45(t, r) {
+function _toPrimitive46(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -46640,7 +47006,7 @@ function _toPrimitive45(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root15 = function(t0) {
-    var $ = _c85(19);
+    var $ = _c86(19);
     var children = t0.children, className = t0.className, style = t0.style;
     var isOpen = useThreadDialogContext().isOpen;
     if (!isOpen) {
@@ -46689,7 +47055,7 @@ var Root15 = function(t0) {
     }
     var t6;
     if ($[5] !== style) {
-        t6 = _objectSpread45({
+        t6 = _objectSpread46({
             zIndex: 9999999999
         }, style);
         $[5] = style;
@@ -46787,11 +47153,11 @@ var Root15 = function(t0) {
     return t13;
 };
 var Messages3 = function(t0) {
-    var $ = _c85(5);
+    var $ = _c86(5);
     var className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== style) {
-        t1 = _objectSpread45({
+        t1 = _objectSpread46({
             paddingTop: "var(--space-5)",
             paddingRight: "var(--space-5)",
             paddingLeft: "var(--space-5)"
@@ -46816,7 +47182,7 @@ var Messages3 = function(t0) {
     return t2;
 };
 var FormContainer = function(t0) {
-    var $ = _c85(4);
+    var $ = _c86(4);
     var children = t0.children, className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
@@ -46840,7 +47206,7 @@ var FormContainer = function(t0) {
     return t1;
 };
 var Content8 = function(props) {
-    var $ = _c85(4);
+    var $ = _c86(4);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsx86(Messages3, {});
@@ -46864,7 +47230,7 @@ var Content8 = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ _jsx86(Root15, _objectSpread45(_objectSpread45({}, props), {}, {
+        t2 = /* @__PURE__ */ _jsx86(Root15, _objectSpread46(_objectSpread46({}, props), {}, {
             children: t1
         }));
         $[2] = props;
@@ -46880,7 +47246,7 @@ Content8.FormContainer = FormContainer;
 // src/components/threads/ThreadDialog/index.tsx
 import { jsx as _jsx87, jsxs as _jsxs30 } from "react/jsx-runtime";
 var ThreadDialog = function() {
-    var $ = _c86(1);
+    var $ = _c87(1);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsxs30(Root13, {
@@ -46899,11 +47265,11 @@ ThreadDialog.Root = Root13;
 ThreadDialog.Trigger = Trigger;
 ThreadDialog.Content = Content8;
 // src/components/threads/AudioThreadDialog/index.tsx
-import { c as _c101 } from "react-compiler-runtime";
+import { c as _c102 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/index.tsx
-import { c as _c100 } from "react-compiler-runtime";
+import { c as _c101 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/Root/index.tsx
-import { c as _c92 } from "react-compiler-runtime";
+import { c as _c93 } from "react-compiler-runtime";
 import { Flex as Flex29 } from "@radix-ui/themes";
 // src/contexts/threads/AudioThreadContext/index.ts
 import { createContext as createContext14 } from "react";
@@ -46916,13 +47282,13 @@ var useAudioThreadContext = function() {
     return useContext20(AudioThreadContext);
 };
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
-import { c as _c91 } from "react-compiler-runtime";
+import { c as _c92 } from "react-compiler-runtime";
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
-import { c as _c90 } from "react-compiler-runtime";
-import { useMemo as useMemo19 } from "react";
+import { c as _c91 } from "react-compiler-runtime";
+import { useMemo as useMemo20 } from "react";
 // src/hooks/misc/usePermission/index.ts
-import { c as _c87 } from "react-compiler-runtime";
-import { useEffect as useEffect7, useState as useState7 } from "react";
+import { c as _c88 } from "react-compiler-runtime";
+import { useEffect as useEffect7, useState as useState8 } from "react";
 // src/hooks/misc/usePermission/util.ts
 var noop = function() {};
 function on(obj) {
@@ -46945,8 +47311,8 @@ function off(obj) {
 }
 // src/hooks/misc/usePermission/index.ts
 var usePermission = function(permissionDesc) {
-    var $ = _c87(3);
-    var _useState7 = _sliced_to_array(useState7(""), 2), state = _useState7[0], setState = _useState7[1];
+    var $ = _c88(3);
+    var _useState8 = _sliced_to_array(useState8(""), 2), state = _useState8[0], setState = _useState8[1];
     var t0;
     var t1;
     if ($[0] !== permissionDesc) {
@@ -46991,14 +47357,14 @@ var usePermission = function(permissionDesc) {
 // src/hooks/audioThreads/useRecorder/index.ts
 import dayjs3 from "dayjs";
 import { useAudioCapture } from "@supercorp/use-audio-capture";
-import { useMemo as useMemo17, useRef as useRef7, useState as useState8, useCallback as useCallback6, useEffect as useEffect9 } from "react";
+import { useMemo as useMemo18, useRef as useRef8, useState as useState9, useCallback as useCallback7, useEffect as useEffect9 } from "react";
 import { useAudioPlayer } from "react-use-audio-player";
 // src/hooks/misc/useInterval.ts
-import { c as _c88 } from "react-compiler-runtime";
-import { useEffect as useEffect8, useRef as useRef6 } from "react";
+import { c as _c89 } from "react-compiler-runtime";
+import { useEffect as useEffect8, useRef as useRef7 } from "react";
 var useInterval = function(callback, delay) {
-    var $ = _c88(5);
-    var savedCallback = useRef6(_temp8);
+    var $ = _c89(5);
+    var savedCallback = useRef7(_temp9);
     var t0;
     if ($[0] !== callback) {
         t0 = function() {
@@ -47035,9 +47401,9 @@ var useInterval = function(callback, delay) {
     }
     useEffect8(t1, t2);
 };
-function _temp8() {}
+function _temp9() {}
 // src/hooks/audioThreads/useRecorder/index.ts
-function ownKeys46(e, r) {
+function ownKeys47(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -47047,30 +47413,30 @@ function ownKeys46(e, r) {
     }
     return t;
 }
-function _objectSpread46(e) {
+function _objectSpread47(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys46(Object(t), true).forEach(function(r2) {
-            _defineProperty46(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys46(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys47(Object(t), true).forEach(function(r2) {
+            _defineProperty47(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys47(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty46(e, r, t) {
-    return (r = _toPropertyKey46(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty47(e, r, t) {
+    return (r = _toPropertyKey47(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey46(t) {
-    var i = _toPrimitive46(t, "string");
+function _toPropertyKey47(t) {
+    var i = _toPrimitive47(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive46(t, r) {
+function _toPrimitive47(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -47080,7 +47446,7 @@ function _toPrimitive46(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-function asyncGeneratorStep10(n, t, e, r, o, a, c) {
+function asyncGeneratorStep11(n, t, e, r, o, a, c) {
     try {
         var i = n[a](c), u = i.value;
     } catch (n2) {
@@ -47088,16 +47454,16 @@ function asyncGeneratorStep10(n, t, e, r, o, a, c) {
     }
     i.done ? t(u) : Promise.resolve(u).then(r, o);
 }
-function _asyncToGenerator10(n) {
+function _asyncToGenerator11(n) {
     return function() {
         var t = this, e = arguments;
         return new Promise(function(r, o) {
             var a = n.apply(t, e);
             function _next(n2) {
-                asyncGeneratorStep10(a, r, o, _next, _throw, "next", n2);
+                asyncGeneratorStep11(a, r, o, _next, _throw, "next", n2);
             }
             function _throw(n2) {
-                asyncGeneratorStep10(a, r, o, _next, _throw, "throw", n2);
+                asyncGeneratorStep11(a, r, o, _next, _throw, "throw", n2);
             }
             _next(void 0);
         });
@@ -47105,13 +47471,13 @@ function _asyncToGenerator10(n) {
 }
 var useRecorder = function(_ref) {
     var isStopOnSilence = _ref.isStopOnSilence, _onStart = _ref.onStart, _onStop = _ref.onStop;
-    var _useState8 = _sliced_to_array(useState8(null), 2), silenceStart = _useState8[0], setSilenceStart = _useState8[1];
-    var _useState81 = _sliced_to_array(useState8(null), 2), noiseStart = _useState81[0], setNoiseStart = _useState81[1];
-    var _useState82 = _sliced_to_array(useState8(null), 2), mediaStream = _useState82[0], setMediaStream = _useState82[1];
-    var _useState83 = _sliced_to_array(useState8("idle"), 2), status = _useState83[0], setStatus = _useState83[1];
+    var _useState9 = _sliced_to_array(useState9(null), 2), silenceStart = _useState9[0], setSilenceStart = _useState9[1];
+    var _useState91 = _sliced_to_array(useState9(null), 2), noiseStart = _useState91[0], setNoiseStart = _useState91[1];
+    var _useState92 = _sliced_to_array(useState9(null), 2), mediaStream = _useState92[0], setMediaStream = _useState92[1];
+    var _useState93 = _sliced_to_array(useState9("idle"), 2), status = _useState93[0], setStatus = _useState93[1];
     var startAudioPlayer = useAudioPlayer();
     var endAudioPlayer = useAudioPlayer();
-    var _useState84 = _sliced_to_array(useState8(false), 2), isLoaded = _useState84[0], setIsLoaded = _useState84[1];
+    var _useState94 = _sliced_to_array(useState9(false), 2), isLoaded = _useState94[0], setIsLoaded = _useState94[1];
     useEffect9(function() {
         if (isLoaded) return;
         setIsLoaded(true);
@@ -47130,7 +47496,7 @@ var useRecorder = function(_ref) {
             setNoiseStart(null);
         },
         onStop: function() {
-            var _onStop2 = _asyncToGenerator10(function() {
+            var _onStop2 = _asyncToGenerator11(function() {
                 var _arguments = arguments;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
@@ -47172,8 +47538,8 @@ var useRecorder = function(_ref) {
             setNoiseStart(null);
         }
     });
-    var _useState85 = _sliced_to_array(useState8(null), 2), audioEngine = _useState85[0], setAudioEngine = _useState85[1];
-    var isInited = useRef7(false);
+    var _useState95 = _sliced_to_array(useState9(null), 2), audioEngine = _useState95[0], setAudioEngine = _useState95[1];
+    var isInited = useRef8(false);
     useEffect9(function() {
         if (!mediaStream) return;
         if (isInited.current) return;
@@ -47187,7 +47553,7 @@ var useRecorder = function(_ref) {
         isInited,
         mediaStream
     ]);
-    var visualizationAnalyser = useMemo17(function() {
+    var visualizationAnalyser = useMemo18(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(result);
@@ -47195,7 +47561,7 @@ var useRecorder = function(_ref) {
     }, [
         audioEngine
     ]);
-    var silenceAnalyser = useMemo17(function() {
+    var silenceAnalyser = useMemo18(function() {
         if (!audioEngine) return null;
         var result_0 = audioEngine.audioContext.createAnalyser();
         result_0.minDecibels = -60;
@@ -47204,7 +47570,7 @@ var useRecorder = function(_ref) {
     }, [
         audioEngine
     ]);
-    var handleSilence = useCallback6(function() {
+    var handleSilence = useCallback7(function() {
         if (!silenceAnalyser) return;
         var frequencyData = new Uint8Array(silenceAnalyser.frequencyBinCount);
         silenceAnalyser.getByteFrequencyData(frequencyData);
@@ -47244,14 +47610,14 @@ var useRecorder = function(_ref) {
         if (!silenceStart.isBefore(dayjs3().subtract(1.5, "second"))) return;
         audioCaptureProps.stop();
     }, 300);
-    return _objectSpread46(_objectSpread46({}, audioCaptureProps), {}, {
+    return _objectSpread47(_objectSpread47({}, audioCaptureProps), {}, {
         status: status,
         visualizationAnalyser: visualizationAnalyser
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-import { c as _c89 } from "react-compiler-runtime";
-import { useMemo as useMemo18, useRef as useRef8, useState as useState9, useEffect as useEffect10, useCallback as useCallback7 } from "react";
+import { c as _c90 } from "react-compiler-runtime";
+import { useMemo as useMemo19, useRef as useRef9, useState as useState10, useEffect as useEffect10, useCallback as useCallback8 } from "react";
 import nlp from "compromise";
 import { Howler } from "howler";
 import { useAudioPlayer as useAudioPlayer2 } from "react-use-audio-player";
@@ -47277,7 +47643,7 @@ var unsupportedNames = [
 ];
 var isHtmlAudioSupported = !unsupportedNames.includes(((_detect = detect()) === null || _detect === void 0 ? void 0 : _detect.name) || "");
 // src/hooks/audioThreads/useMessageAudio/index.ts
-function ownKeys47(e, r) {
+function ownKeys48(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -47287,30 +47653,30 @@ function ownKeys47(e, r) {
     }
     return t;
 }
-function _objectSpread47(e) {
+function _objectSpread48(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys47(Object(t), true).forEach(function(r2) {
-            _defineProperty47(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys47(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys48(Object(t), true).forEach(function(r2) {
+            _defineProperty48(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys48(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty47(e, r, t) {
-    return (r = _toPropertyKey47(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty48(e, r, t) {
+    return (r = _toPropertyKey48(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey47(t) {
-    var i = _toPrimitive47(t, "string");
+function _toPropertyKey48(t) {
+    var i = _toPrimitive48(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive47(t, r) {
+function _toPrimitive48(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -47332,7 +47698,7 @@ var getMessageSentences = function(_ref) {
 };
 var useMessageAudio = function(t0) {
     var _latestMessageProps$l, _latestMessageProps$l4, _latestMessageProps$l5;
-    var $ = _c89(68);
+    var $ = _c90(68);
     var _onEnd = t0.onEnd, passedPlay = t0.play, t1 = t0.fullSentenceRegex;
     var t2;
     if ($[0] !== t1) {
@@ -47343,7 +47709,7 @@ var useMessageAudio = function(t0) {
         t2 = $[1];
     }
     var fullSentenceRegex = t2;
-    var _useState9 = _sliced_to_array(useState9(false), 2), isAudioPlayed = _useState9[0], setIsAudioPlayed = _useState9[1];
+    var _useState10 = _sliced_to_array(useState10(false), 2), isAudioPlayed = _useState10[0], setIsAudioPlayed = _useState10[1];
     var t3;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
         t3 = [];
@@ -47351,7 +47717,7 @@ var useMessageAudio = function(t0) {
     } else {
         t3 = $[2];
     }
-    var _useState91 = _sliced_to_array(useState9(t3), 2), stoppedMessageIds = _useState91[0], setStoppedMessageIds = _useState91[1];
+    var _useState101 = _sliced_to_array(useState10(t3), 2), stoppedMessageIds = _useState101[0], setStoppedMessageIds = _useState101[1];
     var t4;
     if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
         t4 = [];
@@ -47359,12 +47725,12 @@ var useMessageAudio = function(t0) {
     } else {
         t4 = $[3];
     }
-    var _useState92 = _sliced_to_array(useState9(t4), 2), playedMessageSentences = _useState92[0], setPlayedMessageSentences = _useState92[1];
+    var _useState102 = _sliced_to_array(useState10(t4), 2), playedMessageSentences = _useState102[0], setPlayedMessageSentences = _useState102[1];
     var audioPlayer = useAudioPlayer2();
     var nextAudioPlayer = useAudioPlayer2();
     var superinterfaceContext = useSuperinterfaceContext();
-    var _useState93 = _sliced_to_array(useState9(false), 2), isPlaying = _useState93[0], setIsPlaying = _useState93[1];
-    var isLastSentencePlayedRef = useRef8(false);
+    var _useState103 = _sliced_to_array(useState10(false), 2), isPlaying = _useState103[0], setIsPlaying = _useState103[1];
+    var isLastSentencePlayedRef = useRef9(false);
     var latestMessageProps = useLatestMessage();
     var t5;
     var t6;
@@ -47469,7 +47835,7 @@ var useMessageAudio = function(t0) {
     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 searchParams = new URLSearchParams(_objectSpread48({
                 input: input_0
             }, superinterfaceContext.variables));
             audioPlayer.load("".concat(superinterfaceContext.baseUrl, "/audio-runtimes/tts?").concat(searchParams), {
@@ -47487,7 +47853,7 @@ var useMessageAudio = function(t0) {
                     if (!isNextFullSentence) {
                         return;
                     }
-                    var nextSearchParams = new URLSearchParams(_objectSpread47({
+                    var nextSearchParams = new URLSearchParams(_objectSpread48({
                         input: nextUnplayedMessageSentence.sentence
                     }, superinterfaceContext.variables));
                     nextAudioPlayer.load("".concat(superinterfaceContext.baseUrl, "/audio-runtimes/tts?").concat(nextSearchParams), {
@@ -47655,9 +48021,9 @@ var useMessageAudio = function(t0) {
     } else {
         t15 = $[55];
     }
-    useEffect10(_temp9, t15);
-    var _useState94 = _sliced_to_array(useState9(null), 2), audioEngine = _useState94[0], setAudioEngine = _useState94[1];
-    var isAudioEngineInited = useRef8(false);
+    useEffect10(_temp10, t15);
+    var _useState104 = _sliced_to_array(useState10(null), 2), audioEngine = _useState104[0], setAudioEngine = _useState104[1];
+    var isAudioEngineInited = useRef9(false);
     var t16;
     if ($[56] !== audioPlayer.playing) {
         t16 = function() {
@@ -47723,7 +48089,7 @@ var useMessageAudio = function(t0) {
     var isPending = t19;
     var t20;
     if ($[63] !== audioPlayer || $[64] !== isAudioPlayed || $[65] !== isPending || $[66] !== visualizationAnalyser) {
-        t20 = _objectSpread47(_objectSpread47({
+        t20 = _objectSpread48(_objectSpread48({
             isPending: isPending,
             isAudioPlayed: isAudioPlayed
         }, audioPlayer), {}, {
@@ -47739,7 +48105,7 @@ var useMessageAudio = function(t0) {
     }
     return t20;
 };
-function _temp9() {
+function _temp10() {
     if (isHtmlAudioSupported) {
         var _Howler$_howls$;
         if (!(Howler !== null && Howler !== void 0 && (_Howler$_howls$ = Howler._howls[0]) !== null && _Howler$_howls$ !== void 0 && (_Howler$_howls$ = _Howler$_howls$._sounds[0]) !== null && _Howler$_howls$ !== void 0 && _Howler$_howls$._node)) {
@@ -47761,7 +48127,7 @@ var blobToData = function(blob) {
     });
 };
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
-function asyncGeneratorStep11(n, t, e, r, o, a, c) {
+function asyncGeneratorStep12(n, t, e, r, o, a, c) {
     try {
         var i = n[a](c), u = i.value;
     } catch (n2) {
@@ -47769,23 +48135,23 @@ function asyncGeneratorStep11(n, t, e, r, o, a, c) {
     }
     i.done ? t(u) : Promise.resolve(u).then(r, o);
 }
-function _asyncToGenerator11(n) {
+function _asyncToGenerator12(n) {
     return function() {
         var t = this, e = arguments;
         return new Promise(function(r, o) {
             var a = n.apply(t, e);
             function _next(n2) {
-                asyncGeneratorStep11(a, r, o, _next, _throw, "next", n2);
+                asyncGeneratorStep12(a, r, o, _next, _throw, "next", n2);
             }
             function _throw(n2) {
-                asyncGeneratorStep11(a, r, o, _next, _throw, "throw", n2);
+                asyncGeneratorStep12(a, r, o, _next, _throw, "throw", n2);
             }
             _next(void 0);
         });
     };
 }
 var useTtsAudioRuntime = function(t0) {
-    var $ = _c90(30);
+    var $ = _c91(30);
     var play = t0.play, passedOnEnd = t0.onEnd;
     var addToast = useToasts().addToast;
     var queryClient = useQueryClient6();
@@ -47814,9 +48180,9 @@ var useTtsAudioRuntime = function(t0) {
     if ($[1] !== createMessageProps) {
         t2 = {
             isStopOnSilence: true,
-            onStart: _temp10,
+            onStart: _temp11,
             onStop: function() {
-                var _onStop = _asyncToGenerator11(function(_event, chunks) {
+                var _onStop = _asyncToGenerator12(function(_event, chunks) {
                     var blob, audioContent;
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
@@ -47955,23 +48321,23 @@ var useTtsAudioRuntime = function(t0) {
     t5 = t8;
     return t5;
 };
-function _temp10() {
-    return _temp24.apply(this, arguments);
+function _temp11() {
+    return _temp25.apply(this, arguments);
 }
-function _temp24() {
-    _temp24 = _asyncToGenerator11(function() {
+function _temp25() {
+    _temp25 = _asyncToGenerator12(function() {
         return _ts_generator(this, function(_state) {
             return [
                 2
             ];
         });
     });
-    return _temp24.apply(this, arguments);
+    return _temp25.apply(this, arguments);
 }
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
 import { jsx as _jsx88 } from "react/jsx-runtime";
 var TtsAudioRuntimeProvider = function(t0) {
-    var $ = _c91(8);
+    var $ = _c92(8);
     var children = t0.children, play = t0.play, onEnd = t0.onEnd;
     var t1;
     if ($[0] !== onEnd || $[1] !== play) {
@@ -48012,7 +48378,7 @@ var TtsAudioRuntimeProvider = function(t0) {
 };
 // src/components/threads/AudioThread/Root/index.tsx
 import { jsx as _jsx89 } from "react/jsx-runtime";
-var _excluded5 = [
+var _excluded6 = [
     "children"
 ];
 var _excluded22 = [
@@ -48022,7 +48388,7 @@ var _excluded22 = [
     "className",
     "style"
 ];
-function ownKeys48(e, r) {
+function ownKeys49(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -48032,30 +48398,30 @@ function ownKeys48(e, r) {
     }
     return t;
 }
-function _objectSpread48(e) {
+function _objectSpread49(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys48(Object(t), true).forEach(function(r2) {
-            _defineProperty48(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys48(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys49(Object(t), true).forEach(function(r2) {
+            _defineProperty49(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys49(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty48(e, r, t) {
-    return (r = _toPropertyKey48(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty49(e, r, t) {
+    return (r = _toPropertyKey49(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey48(t) {
-    var i = _toPrimitive48(t, "string");
+function _toPropertyKey49(t) {
+    var i = _toPrimitive49(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive48(t, r) {
+function _toPrimitive49(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -48065,16 +48431,16 @@ function _toPrimitive48(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-function _objectWithoutProperties5(e, t) {
+function _objectWithoutProperties6(e, t) {
     if (null == e) return {};
-    var o, r, i = _objectWithoutPropertiesLoose5(e, t);
+    var o, r, i = _objectWithoutPropertiesLoose6(e, t);
     if (Object.getOwnPropertySymbols) {
         var n = Object.getOwnPropertySymbols(e);
         for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
     return i;
 }
-function _objectWithoutPropertiesLoose5(r, e) {
+function _objectWithoutPropertiesLoose6(r, e) {
     if (null == r) return {};
     var t = {};
     for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
@@ -48084,7 +48450,7 @@ function _objectWithoutPropertiesLoose5(r, e) {
     return t;
 }
 var Content9 = function(t0) {
-    var $ = _c92(4);
+    var $ = _c93(4);
     var children = t0.children, className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
@@ -48106,7 +48472,7 @@ var Content9 = function(t0) {
     return t1;
 };
 var AudioRuntimeProvider = function(t0) {
-    var $ = _c92(4);
+    var $ = _c93(4);
     var children = t0.children, play = t0.play, onEnd = t0.onEnd;
     var audioThreadContext = useAudioThreadContext();
     if (audioThreadContext.audioRuntime) {
@@ -48129,13 +48495,13 @@ var AudioRuntimeProvider = function(t0) {
     return t1;
 };
 var Provider5 = function(t0) {
-    var $ = _c92(9);
+    var $ = _c93(9);
     var children;
     var rest;
     if ($[0] !== t0) {
         var _t = t0;
         children = _t.children;
-        rest = _objectWithoutProperties5(_t, _excluded5);
+        rest = _objectWithoutProperties6(_t, _excluded6);
         _t;
         $[0] = t0;
         $[1] = children;
@@ -48147,7 +48513,7 @@ var Provider5 = function(t0) {
     var audioThreadContext = useAudioThreadContext();
     var t1;
     if ($[3] !== audioThreadContext || $[4] !== rest) {
-        t1 = _objectSpread48(_objectSpread48({}, audioThreadContext), rest);
+        t1 = _objectSpread49(_objectSpread49({}, audioThreadContext), rest);
         $[3] = audioThreadContext;
         $[4] = rest;
         $[5] = t1;
@@ -48169,7 +48535,7 @@ var Provider5 = function(t0) {
     return t2;
 };
 var Root16 = function(t0) {
-    var $ = _c92(18);
+    var $ = _c93(18);
     var children;
     var className;
     var onEnd;
@@ -48180,7 +48546,7 @@ var Root16 = function(t0) {
         var _t2 = t0;
         var ref;
         ref = _t2, children = ref.children, play = ref.play, onEnd = ref.onEnd, className = ref.className, style = ref.style, ref;
-        rest = _objectWithoutProperties5(_t2, _excluded22);
+        rest = _objectWithoutProperties6(_t2, _excluded22);
         _t2;
         $[0] = t0;
         $[1] = children;
@@ -48229,7 +48595,7 @@ var Root16 = function(t0) {
     }
     var t3;
     if ($[15] !== rest || $[16] !== t2) {
-        t3 = /* @__PURE__ */ _jsx89(Provider5, _objectSpread48(_objectSpread48({}, rest), {}, {
+        t3 = /* @__PURE__ */ _jsx89(Provider5, _objectSpread49(_objectSpread49({}, rest), {}, {
             children: t2
         }));
         $[15] = rest;
@@ -48241,21 +48607,21 @@ var Root16 = function(t0) {
     return t3;
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-import { c as _c94 } from "react-compiler-runtime";
-import { useState as useState11, useCallback as useCallback9, useEffect as useEffect12, useContext as useContext21, createContext as createContext15 } from "react";
+import { c as _c95 } from "react-compiler-runtime";
+import { useState as useState12, useCallback as useCallback10, useEffect as useEffect12, useContext as useContext21, createContext as createContext15 } from "react";
 import _9 from "lodash";
 import { Flex as Flex31 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
 import _8 from "lodash";
 import { Flex as Flex30, Grid } from "@radix-ui/themes";
-import { useState as useState10, useEffect as useEffect11, useCallback as useCallback8 } from "react";
+import { useState as useState11, useEffect as useEffect11, useCallback as useCallback9 } from "react";
 import { cluster } from "radash";
 import { jsx as _jsx90 } from "react/jsx-runtime";
 var barCount = 4;
 var BarsVisualizer = function(_ref) {
     var visualizationAnalyser = _ref.visualizationAnalyser, backgroundColor = _ref.backgroundColor, height = _ref.height, barWidth = _ref.barWidth;
-    var _useState10 = _sliced_to_array(useState10([]), 2), barHeights = _useState10[0], setBarHeights = _useState10[1];
-    var draw = useCallback8(function(_ref2) {
+    var _useState11 = _sliced_to_array(useState11([]), 2), barHeights = _useState11[0], setBarHeights = _useState11[1];
+    var draw = useCallback9(function(_ref2) {
         var visualizationAnalyser_0 = _ref2.visualizationAnalyser;
         if (!visualizationAnalyser_0) {
             setBarHeights(Array(barCount).fill(0));
@@ -48310,10 +48676,10 @@ var BarsVisualizer = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-import { c as _c93 } from "react-compiler-runtime";
-import { useMemo as useMemo20 } from "react";
+import { c as _c94 } from "react-compiler-runtime";
+import { useMemo as useMemo21 } from "react";
 var useStatus = function() {
-    var $ = _c93(2);
+    var $ = _c94(2);
     var audioRuntime = useAudioThreadContext().audioRuntime;
     var t0;
     bb0: {
@@ -48362,7 +48728,7 @@ var useStatus = function() {
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
 import { jsx as _jsx91, jsxs as _jsxs31 } from "react/jsx-runtime";
-var _excluded6 = [
+var _excluded7 = [
     "children"
 ];
 var _excluded23 = [
@@ -48374,7 +48740,7 @@ var _excluded32 = [
     "height",
     "width"
 ];
-function ownKeys49(e, r) {
+function ownKeys50(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -48384,30 +48750,30 @@ function ownKeys49(e, r) {
     }
     return t;
 }
-function _objectSpread49(e) {
+function _objectSpread50(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys49(Object(t), true).forEach(function(r2) {
-            _defineProperty49(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys49(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys50(Object(t), true).forEach(function(r2) {
+            _defineProperty50(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys50(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty49(e, r, t) {
-    return (r = _toPropertyKey49(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty50(e, r, t) {
+    return (r = _toPropertyKey50(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey49(t) {
-    var i = _toPrimitive49(t, "string");
+function _toPropertyKey50(t) {
+    var i = _toPrimitive50(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive49(t, r) {
+function _toPrimitive50(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -48417,16 +48783,16 @@ function _toPrimitive49(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-function _objectWithoutProperties6(e, t) {
+function _objectWithoutProperties7(e, t) {
     if (null == e) return {};
-    var o, r, i = _objectWithoutPropertiesLoose6(e, t);
+    var o, r, i = _objectWithoutPropertiesLoose7(e, t);
     if (Object.getOwnPropertySymbols) {
         var n = Object.getOwnPropertySymbols(e);
         for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
     return i;
 }
-function _objectWithoutPropertiesLoose6(r, e) {
+function _objectWithoutPropertiesLoose7(r, e) {
     if (null == r) return {};
     var t = {};
     for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
@@ -48441,8 +48807,8 @@ var AudioThreadVisualizationContext = /* @__PURE__ */ createContext15({
 var Provider6 = function(_ref) {
     var children = _ref.children;
     var audioThreadContext = useAudioThreadContext();
-    var _useState11 = _sliced_to_array(useState11(0), 2), scale = _useState11[0], setScale = _useState11[1];
-    var draw = useCallback9(function(_ref2) {
+    var _useState12 = _sliced_to_array(useState12(0), 2), scale = _useState12[0], setScale = _useState12[1];
+    var draw = useCallback10(function(_ref2) {
         var visualizationAnalyser = _ref2.visualizationAnalyser;
         if (!visualizationAnalyser) {
             setScale(1);
@@ -48473,13 +48839,13 @@ var Provider6 = function(_ref) {
     });
 };
 var Root17 = function(t0) {
-    var $ = _c94(6);
+    var $ = _c95(6);
     var children;
     var rest;
     if ($[0] !== t0) {
         var _t = t0;
         children = _t.children;
-        rest = _objectWithoutProperties6(_t, _excluded6);
+        rest = _objectWithoutProperties7(_t, _excluded7);
         _t;
         $[0] = t0;
         $[1] = children;
@@ -48491,7 +48857,7 @@ var Root17 = function(t0) {
     var t1;
     if ($[3] !== children || $[4] !== rest) {
         t1 = /* @__PURE__ */ _jsx91(Provider6, {
-            children: /* @__PURE__ */ _jsx91(Flex31, _objectSpread49(_objectSpread49({
+            children: /* @__PURE__ */ _jsx91(Flex31, _objectSpread50(_objectSpread50({
                 direction: "column",
                 align: "center",
                 justify: "center",
@@ -48510,7 +48876,7 @@ var Root17 = function(t0) {
     return t1;
 };
 var BarsVisualizer2 = function(t0) {
-    var $ = _c94(10);
+    var $ = _c95(10);
     var rest;
     var t1;
     var t2;
@@ -48518,7 +48884,7 @@ var BarsVisualizer2 = function(t0) {
         var _t2 = t0;
         var ref;
         ref = _t2, t1 = ref.height, t2 = ref.barWidth, ref;
-        rest = _objectWithoutProperties6(_t2, _excluded23);
+        rest = _objectWithoutProperties7(_t2, _excluded23);
         _t2;
         $[0] = t0;
         $[1] = rest;
@@ -48536,7 +48902,7 @@ var BarsVisualizer2 = function(t0) {
     var t3 = status === "playing" ? "var(--accent-11)" : "var(--gray-11)";
     var t4;
     if ($[4] !== audioThreadContext.audioRuntime.assistant.visualizationAnalyser || $[5] !== barWidth || $[6] !== height || $[7] !== rest || $[8] !== t3) {
-        t4 = /* @__PURE__ */ _jsx91(BarsVisualizer, _objectSpread49({
+        t4 = /* @__PURE__ */ _jsx91(BarsVisualizer, _objectSpread50({
             visualizationAnalyser: audioThreadContext.audioRuntime.assistant.visualizationAnalyser,
             backgroundColor: t3,
             height: height,
@@ -48554,7 +48920,7 @@ var BarsVisualizer2 = function(t0) {
     return t4;
 };
 var AssistantVisualizationRoot = function(t0) {
-    var $ = _c94(17);
+    var $ = _c95(17);
     var children;
     var rest;
     var t1;
@@ -48563,7 +48929,7 @@ var AssistantVisualizationRoot = function(t0) {
         var _t3 = t0;
         var ref;
         ref = _t3, children = ref.children, t1 = ref.height, t2 = ref.width, ref;
-        rest = _objectWithoutProperties6(_t3, _excluded32);
+        rest = _objectWithoutProperties7(_t3, _excluded32);
         _t3;
         $[0] = t0;
         $[1] = children;
@@ -48592,7 +48958,7 @@ var AssistantVisualizationRoot = function(t0) {
     }
     var t5;
     if ($[7] !== scale || $[8] !== t3 || $[9] !== t4) {
-        t5 = _objectSpread49({
+        t5 = _objectSpread50({
             backgroundColor: t3,
             borderRadius: "9999px",
             scale: scale
@@ -48606,7 +48972,7 @@ var AssistantVisualizationRoot = function(t0) {
     }
     var t6;
     if ($[11] !== children || $[12] !== height || $[13] !== rest || $[14] !== t5 || $[15] !== width2) {
-        t6 = /* @__PURE__ */ _jsx91(Flex31, _objectSpread49(_objectSpread49({
+        t6 = /* @__PURE__ */ _jsx91(Flex31, _objectSpread50(_objectSpread50({
             align: "center",
             justify: "center",
             height: height,
@@ -48627,7 +48993,7 @@ var AssistantVisualizationRoot = function(t0) {
     return t6;
 };
 var AssistantVisualization = function(props) {
-    var $ = _c94(3);
+    var $ = _c95(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsx91(BarsVisualizer2, {});
@@ -48637,7 +49003,7 @@ var AssistantVisualization = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx91(AssistantVisualizationRoot, _objectSpread49(_objectSpread49({}, props), {}, {
+        t1 = /* @__PURE__ */ _jsx91(AssistantVisualizationRoot, _objectSpread50(_objectSpread50({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -48650,7 +49016,7 @@ var AssistantVisualization = function(props) {
 AssistantVisualization.Root = AssistantVisualizationRoot;
 AssistantVisualization.BarsVisualizer = BarsVisualizer2;
 var AssistantInfo = function(props) {
-    var $ = _c94(6);
+    var $ = _c95(6);
     var assistantNameContext = useContext21(AssistantNameContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -48671,7 +49037,7 @@ var AssistantInfo = function(props) {
     }
     var t2;
     if ($[3] !== props || $[4] !== t1) {
-        t2 = /* @__PURE__ */ _jsxs31(Flex31, _objectSpread49(_objectSpread49({
+        t2 = /* @__PURE__ */ _jsxs31(Flex31, _objectSpread50(_objectSpread50({
             ml: "-22.5px",
             gap: "3",
             pt: "5"
@@ -48690,7 +49056,7 @@ var AssistantInfo = function(props) {
     return t2;
 };
 var Visualization = function(props) {
-    var $ = _c94(4);
+    var $ = _c95(4);
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -48704,7 +49070,7 @@ var Visualization = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ _jsxs31(Root17, _objectSpread49(_objectSpread49({}, props), {}, {
+        t2 = /* @__PURE__ */ _jsxs31(Root17, _objectSpread50(_objectSpread50({}, props), {}, {
             children: [
                 t0,
                 t1
@@ -48722,9 +49088,9 @@ Visualization.Provider = Provider6;
 Visualization.AssistantVisualization = AssistantVisualization;
 Visualization.AssistantInfo = AssistantInfo;
 // src/components/threads/AudioThread/Status/index.tsx
-import { c as _c96 } from "react-compiler-runtime";
+import { c as _c97 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
-import { c as _c95 } from "react-compiler-runtime";
+import { c as _c96 } from "react-compiler-runtime";
 import { Flex as Flex32, Text as Text9 } from "@radix-ui/themes";
 import { jsx as _jsx92, jsxs as _jsxs32 } from "react/jsx-runtime";
 var html = function(_ref) {
@@ -48734,7 +49100,7 @@ var html = function(_ref) {
     }).join(""), "\n  }");
 };
 var StatusMessages = function(t0) {
-    var $ = _c95(9);
+    var $ = _c96(9);
     var texts = t0.texts, className = t0.className, style = t0.style;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -48794,152 +49160,6 @@ var StatusMessages = function(t0) {
 };
 // src/components/threads/AudioThread/Status/index.tsx
 import { jsx as _jsx93 } from "react/jsx-runtime";
-function ownKeys50(e, r) {
-    var t = Object.keys(e);
-    if (Object.getOwnPropertySymbols) {
-        var o = Object.getOwnPropertySymbols(e);
-        r && (o = o.filter(function(r2) {
-            return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-        })), t.push.apply(t, o);
-    }
-    return t;
-}
-function _objectSpread50(e) {
-    for(var r = 1; r < arguments.length; r++){
-        var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys50(Object(t), true).forEach(function(r2) {
-            _defineProperty50(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys50(Object(t)).forEach(function(r2) {
-            Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-        });
-    }
-    return e;
-}
-function _defineProperty50(e, r, t) {
-    return (r = _toPropertyKey50(r)) in e ? Object.defineProperty(e, r, {
-        value: t,
-        enumerable: true,
-        configurable: true,
-        writable: true
-    }) : e[r] = t, e;
-}
-function _toPropertyKey50(t) {
-    var i = _toPrimitive50(t, "string");
-    return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
-}
-function _toPrimitive50(t, r) {
-    if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
-    var e = t[Symbol.toPrimitive];
-    if (void 0 !== e) {
-        var i = e.call(t, r || "default");
-        if ("object" != (typeof i === "undefined" ? "undefined" : _type_of(i))) return i;
-        throw new TypeError("@@toPrimitive must return a primitive value.");
-    }
-    return ("string" === r ? String : Number)(t);
-}
-var Status = function(props) {
-    var $ = _c96(12);
-    var status = useStatus().status;
-    if (status === "recording") {
-        var _t;
-        if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-            _t = [
-                "Start speaking",
-                "Listening",
-                "Finish speaking to send",
-                "Click the button below to send manually"
-            ];
-            $[0] = _t;
-        } else {
-            _t = $[0];
-        }
-        var _t2;
-        if ($[1] !== props) {
-            _t2 = /* @__PURE__ */ _jsx93(StatusMessages, _objectSpread50({
-                texts: _t
-            }, props));
-            $[1] = props;
-            $[2] = _t2;
-        } else {
-            _t2 = $[2];
-        }
-        return _t2;
-    }
-    if ([
-        "recorderPaused",
-        "idle",
-        "playerPaused"
-    ].includes(status)) {
-        var _t3;
-        if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-            _t3 = [
-                "Click the button below to activate"
-            ];
-            $[3] = _t3;
-        } else {
-            _t3 = $[3];
-        }
-        var _t4;
-        if ($[4] !== props) {
-            _t4 = /* @__PURE__ */ _jsx93(StatusMessages, _objectSpread50({
-                texts: _t3
-            }, props));
-            $[4] = props;
-            $[5] = _t4;
-        } else {
-            _t4 = $[5];
-        }
-        return _t4;
-    }
-    if (status === "playing") {
-        var _t5;
-        if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-            _t5 = [
-                "Listening"
-            ];
-            $[6] = _t5;
-        } else {
-            _t5 = $[6];
-        }
-        var _t6;
-        if ($[7] !== props) {
-            _t6 = /* @__PURE__ */ _jsx93(StatusMessages, _objectSpread50({
-                texts: _t5
-            }, props));
-            $[7] = props;
-            $[8] = _t6;
-        } else {
-            _t6 = $[8];
-        }
-        return _t6;
-    }
-    var t0;
-    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = [
-            "Thinking"
-        ];
-        $[9] = t0;
-    } else {
-        t0 = $[9];
-    }
-    var t1;
-    if ($[10] !== props) {
-        t1 = /* @__PURE__ */ _jsx93(StatusMessages, _objectSpread50({
-            texts: t0
-        }, props));
-        $[10] = props;
-        $[11] = t1;
-    } else {
-        t1 = $[11];
-    }
-    return t1;
-};
-// src/components/threads/AudioThread/Form/index.tsx
-import { c as _c99 } from "react-compiler-runtime";
-import { Flex as Flex34 } from "@radix-ui/themes";
-// src/components/threads/AudioThread/Form/MicIcon.tsx
-import { c as _c97 } from "react-compiler-runtime";
-import { jsx as _jsx94 } from "react/jsx-runtime";
 function ownKeys51(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -48983,8 +49203,154 @@ function _toPrimitive51(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
+var Status = function(props) {
+    var $ = _c97(12);
+    var status = useStatus().status;
+    if (status === "recording") {
+        var _t;
+        if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+            _t = [
+                "Start speaking",
+                "Listening",
+                "Finish speaking to send",
+                "Click the button below to send manually"
+            ];
+            $[0] = _t;
+        } else {
+            _t = $[0];
+        }
+        var _t2;
+        if ($[1] !== props) {
+            _t2 = /* @__PURE__ */ _jsx93(StatusMessages, _objectSpread51({
+                texts: _t
+            }, props));
+            $[1] = props;
+            $[2] = _t2;
+        } else {
+            _t2 = $[2];
+        }
+        return _t2;
+    }
+    if ([
+        "recorderPaused",
+        "idle",
+        "playerPaused"
+    ].includes(status)) {
+        var _t3;
+        if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+            _t3 = [
+                "Click the button below to activate"
+            ];
+            $[3] = _t3;
+        } else {
+            _t3 = $[3];
+        }
+        var _t4;
+        if ($[4] !== props) {
+            _t4 = /* @__PURE__ */ _jsx93(StatusMessages, _objectSpread51({
+                texts: _t3
+            }, props));
+            $[4] = props;
+            $[5] = _t4;
+        } else {
+            _t4 = $[5];
+        }
+        return _t4;
+    }
+    if (status === "playing") {
+        var _t5;
+        if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+            _t5 = [
+                "Listening"
+            ];
+            $[6] = _t5;
+        } else {
+            _t5 = $[6];
+        }
+        var _t6;
+        if ($[7] !== props) {
+            _t6 = /* @__PURE__ */ _jsx93(StatusMessages, _objectSpread51({
+                texts: _t5
+            }, props));
+            $[7] = props;
+            $[8] = _t6;
+        } else {
+            _t6 = $[8];
+        }
+        return _t6;
+    }
+    var t0;
+    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = [
+            "Thinking"
+        ];
+        $[9] = t0;
+    } else {
+        t0 = $[9];
+    }
+    var t1;
+    if ($[10] !== props) {
+        t1 = /* @__PURE__ */ _jsx93(StatusMessages, _objectSpread51({
+            texts: t0
+        }, props));
+        $[10] = props;
+        $[11] = t1;
+    } else {
+        t1 = $[11];
+    }
+    return t1;
+};
+// src/components/threads/AudioThread/Form/index.tsx
+import { c as _c100 } from "react-compiler-runtime";
+import { Flex as Flex34 } from "@radix-ui/themes";
+// src/components/threads/AudioThread/Form/MicIcon.tsx
+import { c as _c98 } from "react-compiler-runtime";
+import { jsx as _jsx94 } from "react/jsx-runtime";
+function ownKeys52(e, r) {
+    var t = Object.keys(e);
+    if (Object.getOwnPropertySymbols) {
+        var o = Object.getOwnPropertySymbols(e);
+        r && (o = o.filter(function(r2) {
+            return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+        })), t.push.apply(t, o);
+    }
+    return t;
+}
+function _objectSpread52(e) {
+    for(var r = 1; r < arguments.length; r++){
+        var t = null != arguments[r] ? arguments[r] : {};
+        r % 2 ? ownKeys52(Object(t), true).forEach(function(r2) {
+            _defineProperty52(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys52(Object(t)).forEach(function(r2) {
+            Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+        });
+    }
+    return e;
+}
+function _defineProperty52(e, r, t) {
+    return (r = _toPropertyKey52(r)) in e ? Object.defineProperty(e, r, {
+        value: t,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    }) : e[r] = t, e;
+}
+function _toPropertyKey52(t) {
+    var i = _toPrimitive52(t, "string");
+    return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
+}
+function _toPrimitive52(t, r) {
+    if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+        var i = e.call(t, r || "default");
+        if ("object" != (typeof i === "undefined" ? "undefined" : _type_of(i))) return i;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return ("string" === r ? String : Number)(t);
+}
 var MicIcon = function(props) {
-    var $ = _c97(3);
+    var $ = _c98(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsx94("path", {
@@ -48997,7 +49363,7 @@ var MicIcon = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx94("svg", _objectSpread51(_objectSpread51({
+        t1 = /* @__PURE__ */ _jsx94("svg", _objectSpread52(_objectSpread52({
             xmlns: "http://www.w3.org/2000/svg",
             fill: "currentColor",
             stroke: "currentColor",
@@ -49016,12 +49382,12 @@ var MicIcon = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
-import { c as _c98 } from "react-compiler-runtime";
+import { c as _c99 } from "react-compiler-runtime";
 import { Flex as Flex33, IconButton as IconButton10 } from "@radix-ui/themes";
 import { StopIcon as StopIcon2, PauseIcon as PauseIcon2, ArrowUpIcon as ArrowUpIcon3, ResumeIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx95, jsxs as _jsxs33 } from "react/jsx-runtime";
 var ActionButton = function() {
-    var $ = _c98(27);
+    var $ = _c99(27);
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var superinterfaceContext = useSuperinterfaceContext();
@@ -49215,7 +49581,7 @@ var ActionButton = function() {
 };
 // src/components/threads/AudioThread/Form/index.tsx
 import { jsx as _jsx96, jsxs as _jsxs34 } from "react/jsx-runtime";
-function ownKeys52(e, r) {
+function ownKeys53(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -49225,30 +49591,30 @@ function ownKeys52(e, r) {
     }
     return t;
 }
-function _objectSpread52(e) {
+function _objectSpread53(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys52(Object(t), true).forEach(function(r2) {
-            _defineProperty52(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys52(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys53(Object(t), true).forEach(function(r2) {
+            _defineProperty53(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys53(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty52(e, r, t) {
-    return (r = _toPropertyKey52(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty53(e, r, t) {
+    return (r = _toPropertyKey53(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey52(t) {
-    var i = _toPrimitive52(t, "string");
+function _toPropertyKey53(t) {
+    var i = _toPrimitive53(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive52(t, r) {
+function _toPrimitive53(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -49259,7 +49625,7 @@ function _toPrimitive52(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Form = function(props) {
-    var $ = _c99(17);
+    var $ = _c100(17);
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var t0 = status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
@@ -49346,7 +49712,7 @@ var Form = function(props) {
     }
     var t9;
     if ($[14] !== props || $[15] !== t7) {
-        t9 = /* @__PURE__ */ _jsxs34(Flex34, _objectSpread52(_objectSpread52({
+        t9 = /* @__PURE__ */ _jsxs34(Flex34, _objectSpread53(_objectSpread53({
             direction: "column",
             align: "center"
         }, props), {}, {
@@ -49365,7 +49731,7 @@ var Form = function(props) {
 };
 // src/components/threads/AudioThread/index.tsx
 import { jsx as _jsx97, jsxs as _jsxs35 } from "react/jsx-runtime";
-function ownKeys53(e, r) {
+function ownKeys54(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -49375,30 +49741,30 @@ function ownKeys53(e, r) {
     }
     return t;
 }
-function _objectSpread53(e) {
+function _objectSpread54(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys53(Object(t), true).forEach(function(r2) {
-            _defineProperty53(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys53(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys54(Object(t), true).forEach(function(r2) {
+            _defineProperty54(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys54(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty53(e, r, t) {
-    return (r = _toPropertyKey53(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty54(e, r, t) {
+    return (r = _toPropertyKey54(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey53(t) {
-    var i = _toPrimitive53(t, "string");
+function _toPropertyKey54(t) {
+    var i = _toPrimitive54(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive53(t, r) {
+function _toPrimitive54(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -49409,7 +49775,7 @@ function _toPrimitive53(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThread = function(props) {
-    var $ = _c100(5);
+    var $ = _c101(5);
     var t0;
     var t1;
     var t2;
@@ -49427,7 +49793,7 @@ var AudioThread = function(props) {
     }
     var t3;
     if ($[3] !== props) {
-        t3 = /* @__PURE__ */ _jsxs35(Root16, _objectSpread53(_objectSpread53({}, props), {}, {
+        t3 = /* @__PURE__ */ _jsxs35(Root16, _objectSpread54(_objectSpread54({}, props), {}, {
             children: [
                 t0,
                 t1,
@@ -49447,7 +49813,7 @@ AudioThread.Status = Status;
 AudioThread.Form = Form;
 // src/components/threads/AudioThreadDialog/index.tsx
 import { jsx as _jsx98, jsxs as _jsxs36 } from "react/jsx-runtime";
-function ownKeys54(e, r) {
+function ownKeys55(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -49457,30 +49823,30 @@ function ownKeys54(e, r) {
     }
     return t;
 }
-function _objectSpread54(e) {
+function _objectSpread55(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys54(Object(t), true).forEach(function(r2) {
-            _defineProperty54(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys54(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys55(Object(t), true).forEach(function(r2) {
+            _defineProperty55(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys55(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty54(e, r, t) {
-    return (r = _toPropertyKey54(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty55(e, r, t) {
+    return (r = _toPropertyKey55(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey54(t) {
-    var i = _toPrimitive54(t, "string");
+function _toPropertyKey55(t) {
+    var i = _toPrimitive55(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive54(t, r) {
+function _toPrimitive55(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -49491,7 +49857,7 @@ function _toPrimitive54(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThreadDialog = function(props) {
-    var $ = _c101(4);
+    var $ = _c102(4);
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -49507,7 +49873,7 @@ var AudioThreadDialog = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ _jsxs36(Root13, _objectSpread54(_objectSpread54({}, props), {}, {
+        t2 = /* @__PURE__ */ _jsxs36(Root13, _objectSpread55(_objectSpread55({}, props), {}, {
             children: [
                 t0,
                 t1
@@ -49524,8 +49890,8 @@ AudioThreadDialog.Root = Root13;
 AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content8;
 // src/hooks/audioRuntimes/useWebrtcAudioRuntime/index.ts
-import { useEffect as useEffect13, useMemo as useMemo21, useRef as useRef9, useState as useState12 } from "react";
-function asyncGeneratorStep12(n, t, e, r, o, a, c) {
+import { useEffect as useEffect13, useMemo as useMemo22, useRef as useRef10, useState as useState13 } from "react";
+function asyncGeneratorStep13(n, t, e, r, o, a, c) {
     try {
         var i = n[a](c), u = i.value;
     } catch (n2) {
@@ -49533,16 +49899,16 @@ function asyncGeneratorStep12(n, t, e, r, o, a, c) {
     }
     i.done ? t(u) : Promise.resolve(u).then(r, o);
 }
-function _asyncToGenerator12(n) {
+function _asyncToGenerator13(n) {
     return function() {
         var t = this, e = arguments;
         return new Promise(function(r, o) {
             var a = n.apply(t, e);
             function _next(n2) {
-                asyncGeneratorStep12(a, r, o, _next, _throw, "next", n2);
+                asyncGeneratorStep13(a, r, o, _next, _throw, "next", n2);
             }
             function _throw(n2) {
-                asyncGeneratorStep12(a, r, o, _next, _throw, "throw", n2);
+                asyncGeneratorStep13(a, r, o, _next, _throw, "throw", n2);
             }
             _next(void 0);
         });
@@ -49613,21 +49979,21 @@ var useWebrtcAudioRuntime = function() {
             console.warn("Could not build analyzers:", err_0);
         }
     };
-    var _useState12 = _sliced_to_array(useState12("idle"), 2), recorderStatus = _useState12[0], setRecorderStatus = _useState12[1];
+    var _useState13 = _sliced_to_array(useState13("idle"), 2), recorderStatus = _useState13[0], setRecorderStatus = _useState13[1];
     var superinterfaceContext = useSuperinterfaceContext();
-    var _useState121 = _sliced_to_array(useState12(false), 2), userIsPending = _useState121[0], setUserIsPending = _useState121[1];
-    var _useState122 = _sliced_to_array(useState12(false), 2), assistantPlaying = _useState122[0], setAssistantPlaying = _useState122[1];
-    var _useState123 = _sliced_to_array(useState12(false), 2), assistantPaused = _useState123[0], setAssistantPaused = _useState123[1];
-    var _useState124 = _sliced_to_array(useState12(true), 2), assistantIsPending = _useState124[0], setAssistantIsPending = _useState124[1];
-    var _useState125 = _sliced_to_array(useState12(false), 2), assistantIsReady = _useState125[0], setAssistantIsReady = _useState125[1];
-    var _useState126 = _sliced_to_array(useState12(false), 2), assistantAudioPlayed = _useState126[0], setAssistantAudioPlayed = _useState126[1];
-    var sessionStartedRef = useRef9(false);
-    var pcRef = useRef9(null);
-    var localStreamRef = useRef9(null);
-    var remoteStreamRef = useRef9(null);
-    var userAnalyserRef = useRef9(null);
-    var assistantAnalyserRef = useRef9(null);
-    var assistantAudioElRef = useRef9(null);
+    var _useState131 = _sliced_to_array(useState13(false), 2), userIsPending = _useState131[0], setUserIsPending = _useState131[1];
+    var _useState132 = _sliced_to_array(useState13(false), 2), assistantPlaying = _useState132[0], setAssistantPlaying = _useState132[1];
+    var _useState133 = _sliced_to_array(useState13(false), 2), assistantPaused = _useState133[0], setAssistantPaused = _useState133[1];
+    var _useState134 = _sliced_to_array(useState13(true), 2), assistantIsPending = _useState134[0], setAssistantIsPending = _useState134[1];
+    var _useState135 = _sliced_to_array(useState13(false), 2), assistantIsReady = _useState135[0], setAssistantIsReady = _useState135[1];
+    var _useState136 = _sliced_to_array(useState13(false), 2), assistantAudioPlayed = _useState136[0], setAssistantAudioPlayed = _useState136[1];
+    var sessionStartedRef = useRef10(false);
+    var pcRef = useRef10(null);
+    var localStreamRef = useRef10(null);
+    var remoteStreamRef = useRef10(null);
+    var userAnalyserRef = useRef10(null);
+    var assistantAnalyserRef = useRef10(null);
+    var assistantAudioElRef = useRef10(null);
     useEffect13(function() {
         return function() {
             if (pcRef.current) {
@@ -49640,7 +50006,7 @@ var useWebrtcAudioRuntime = function() {
         };
     }, []);
     function _startSessionIfNeeded() {
-        _startSessionIfNeeded = _asyncToGenerator12(function() {
+        _startSessionIfNeeded = _asyncToGenerator13(function() {
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -49663,7 +50029,7 @@ var useWebrtcAudioRuntime = function() {
         return _startSessionIfNeeded.apply(this, arguments);
     }
     function _initRealtimeSession() {
-        _initRealtimeSession = _asyncToGenerator12(function() {
+        _initRealtimeSession = _asyncToGenerator13(function() {
             var peerConn, audioEl, openaiEventsDataChannel, ms, offer, searchParams_0, sdpResponse, answerSdp, answer, err1;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -49711,7 +50077,7 @@ var useWebrtcAudioRuntime = function() {
                         };
                         openaiEventsDataChannel = peerConn.createDataChannel("oai-events");
                         openaiEventsDataChannel.addEventListener("message", /* @__PURE__ */ function() {
-                            var _ref8 = _asyncToGenerator12(function(e) {
+                            var _ref8 = _asyncToGenerator13(function(e) {
                                 var parsedData, searchParams, eventsResponse, reader, decoder, _ref, value, done, buffer, lines, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, line, event, ref;
                                 return _ts_generator(this, function(_state) {
                                     switch(_state.label){
@@ -49910,7 +50276,7 @@ var useWebrtcAudioRuntime = function() {
         return _initRealtimeSession.apply(this, arguments);
     }
     var start = /* @__PURE__ */ function() {
-        var _ref6 = _asyncToGenerator12(function() {
+        var _ref6 = _asyncToGenerator13(function() {
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -49943,7 +50309,7 @@ var useWebrtcAudioRuntime = function() {
         };
     }();
     var pause = /* @__PURE__ */ function() {
-        var _ref7 = _asyncToGenerator12(function() {
+        var _ref7 = _asyncToGenerator13(function() {
             return _ts_generator(this, function(_state) {
                 if (!sessionStartedRef.current) return [
                     2
@@ -49964,12 +50330,12 @@ var useWebrtcAudioRuntime = function() {
             return _ref7.apply(this, arguments);
         };
     }();
-    return useMemo21(function() {
+    return useMemo22(function() {
         return {
             webrtcAudioRuntime: {
                 user: {
                     start: function() {
-                        var _start = _asyncToGenerator12(function() {
+                        var _start = _asyncToGenerator13(function() {
                             return _ts_generator(this, function(_state) {
                                 return [
                                     2
@@ -50013,10 +50379,10 @@ var useWebrtcAudioRuntime = function() {
     ]);
 };
 // src/components/audioRuntimes/WebrtcAudioRuntimeProvider.tsx
-import { c as _c102 } from "react-compiler-runtime";
+import { c as _c103 } from "react-compiler-runtime";
 import { jsx as _jsx99 } from "react/jsx-runtime";
 var WebrtcAudioRuntimeProvider = function(t0) {
-    var $ = _c102(5);
+    var $ = _c103(5);
     var children = t0.children;
     var webrtcAudioRuntime = useWebrtcAudioRuntime().webrtcAudioRuntime;
     var t1;
@@ -50044,20 +50410,20 @@ var WebrtcAudioRuntimeProvider = function(t0) {
     return t2;
 };
 // src/components/gui/Gui/index.tsx
-import { c as _c105 } from "react-compiler-runtime";
-import { useMemo as useMemo24 } from "react";
+import { c as _c106 } from "react-compiler-runtime";
+import { useMemo as useMemo25 } from "react";
 import { Flex as Flex35, Card as Card5, Spinner as Spinner3 } from "@radix-ui/themes";
 // src/hooks/messages/useLatestAssistantMessage/index.ts
-import { c as _c103 } from "react-compiler-runtime";
-import { useMemo as useMemo22 } from "react";
+import { c as _c104 } from "react-compiler-runtime";
+import { useMemo as useMemo23 } from "react";
 var useLatestAssistantMessage = function() {
-    var $ = _c103(4);
+    var $ = _c104(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(_temp12)) !== null && _messages$find !== void 0 ? _messages$find : null;
         $[0] = messages2;
         $[1] = t1;
     } else {
@@ -50076,21 +50442,21 @@ var useLatestAssistantMessage = function() {
     t0 = t2;
     return t0;
 };
-function _temp11(message) {
+function _temp12(message) {
     return message.role === "assistant";
 }
 // src/hooks/messages/useLatestAssistantMessageWithContent/index.ts
-import { c as _c104 } from "react-compiler-runtime";
+import { c as _c105 } from "react-compiler-runtime";
 import { isEmpty as isEmpty3 } from "radash";
-import { useMemo as useMemo23 } from "react";
+import { useMemo as useMemo24 } from "react";
 var useLatestAssistantMessageWithContent = function() {
-    var $ = _c104(4);
+    var $ = _c105(4);
     var _useMessages = useMessages(), messages2 = _useMessages.messages;
     var t0;
     var t1;
     if ($[0] !== messages2) {
         var _messages$find;
-        t1 = (_messages$find = messages2.find(_temp25)) !== null && _messages$find !== void 0 ? _messages$find : null;
+        t1 = (_messages$find = messages2.find(_temp26)) !== null && _messages$find !== void 0 ? _messages$find : null;
         $[0] = messages2;
         $[1] = t1;
     } else {
@@ -50109,16 +50475,16 @@ var useLatestAssistantMessageWithContent = function() {
     t0 = t2;
     return t0;
 };
-function _temp12(content2) {
+function _temp13(content2) {
     return content2.type === "text" && !isEmpty3(content2.text.value);
 }
-function _temp25(message) {
-    return message.role === "assistant" && message.content.some(_temp12);
+function _temp26(message) {
+    return message.role === "assistant" && message.content.some(_temp13);
 }
 // src/components/gui/Gui/index.tsx
 import { jsx as _jsx100, jsxs as _jsxs37 } from "react/jsx-runtime";
 var StartingToolCalls3 = function() {
-    var $ = _c105(2);
+    var $ = _c106(2);
     var _useComponents = useComponents(), t0 = _useComponents.components;
     var StartingToolCalls4 = t0.StartingToolCalls;
     var t1;
@@ -50132,7 +50498,7 @@ var StartingToolCalls3 = function() {
     return t1;
 };
 var Content10 = function(t0) {
-    var $ = _c105(5);
+    var $ = _c106(5);
     var latestRunStep = t0.latestRunStep;
     var t1;
     bb0: {
@@ -50186,14 +50552,14 @@ var Content10 = function(t0) {
     return t2;
 };
 var Progress2 = function(t0) {
-    var $ = _c105(5);
+    var $ = _c106(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(_temp14)) !== null && _latestAssistantMessa !== void 0 ? _latestAssistantMessa : null;
         $[0] = latestAssistantMessage.runSteps;
         $[1] = t2;
     } else {
@@ -50236,7 +50602,7 @@ var Progress2 = function(t0) {
     return t4;
 };
 var Gui = function() {
-    var $ = _c105(8);
+    var $ = _c106(8);
     var latestAssistantMessage = useLatestAssistantMessage().latestAssistantMessage;
     var latestAssistantMessageWithContent = useLatestAssistantMessageWithContent().latestAssistantMessageWithContent;
     if (!latestAssistantMessage || !latestAssistantMessageWithContent) {
@@ -50298,26 +50664,26 @@ var Gui = function() {
     }
     return t2;
 };
-function _temp13(rs) {
+function _temp14(rs) {
     return rs.status === "in_progress";
 }
 // src/components/markdown/MarkdownProvider/index.tsx
-import { c as _c106 } from "react-compiler-runtime";
-import { useMemo as useMemo25 } from "react";
+import { c as _c107 } from "react-compiler-runtime";
+import { useMemo as useMemo26 } from "react";
 import { jsx as _jsx101 } from "react/jsx-runtime";
-var _excluded7 = [
+var _excluded8 = [
     "children"
 ];
-function _objectWithoutProperties7(e, t) {
+function _objectWithoutProperties8(e, t) {
     if (null == e) return {};
-    var o, r, i = _objectWithoutPropertiesLoose7(e, t);
+    var o, r, i = _objectWithoutPropertiesLoose8(e, t);
     if (Object.getOwnPropertySymbols) {
         var n = Object.getOwnPropertySymbols(e);
         for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
     return i;
 }
-function _objectWithoutPropertiesLoose7(r, e) {
+function _objectWithoutPropertiesLoose8(r, e) {
     if (null == r) return {};
     var t = {};
     for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
@@ -50327,13 +50693,13 @@ function _objectWithoutPropertiesLoose7(r, e) {
     return t;
 }
 var MarkdownProvider = function(t0) {
-    var $ = _c106(9);
+    var $ = _c107(9);
     var children;
     var rest;
     if ($[0] !== t0) {
         var _t = t0;
         children = _t.children;
-        rest = _objectWithoutProperties7(_t, _excluded7);
+        rest = _objectWithoutProperties8(_t, _excluded8);
         _t;
         $[0] = t0;
         $[1] = children;
@@ -50370,18 +50736,18 @@ var MarkdownProvider = function(t0) {
     return t3;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-import { c as _c109 } from "react-compiler-runtime";
+import { c as _c110 } from "react-compiler-runtime";
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-import { c as _c108 } from "react-compiler-runtime";
-import { useState as useState13 } from "react";
+import { c as _c109 } from "react-compiler-runtime";
+import { useState as useState14 } from "react";
 import { QuoteIcon as QuoteIcon2 } from "@radix-ui/react-icons";
 import { Dialog, VisuallyHidden, IconButton as IconButton11 } from "@radix-ui/themes";
 // src/components/annotations/SourceAnnotation/FileCitation/Content.tsx
-import { c as _c107 } from "react-compiler-runtime";
+import { c as _c108 } from "react-compiler-runtime";
 import { Flex as Flex36, Card as Card6, Inset as Inset3 } from "@radix-ui/themes";
 import { jsx as _jsx102 } from "react/jsx-runtime";
 var Content11 = function(t0) {
-    var $ = _c107(5);
+    var $ = _c108(5);
     var fileId = t0.fileId;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -50447,9 +50813,9 @@ var Content11 = function(t0) {
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
 import { jsx as _jsx103, jsxs as _jsxs38, Fragment as _Fragment6 } from "react/jsx-runtime";
 var FileCitation = function(t0) {
-    var $ = _c108(18);
+    var $ = _c109(18);
     var annotation = t0.annotation;
-    var _useState13 = _sliced_to_array(useState13(null), 2), activeFileId = _useState13[0], setActiveFileId = _useState13[1];
+    var _useState14 = _sliced_to_array(useState14(null), 2), activeFileId = _useState14[0], setActiveFileId = _useState14[1];
     var t1;
     if ($[0] !== annotation.file_citation.file_id) {
         t1 = function() {
@@ -50574,19 +50940,19 @@ var FileCitation = function(t0) {
 };
 // src/components/annotations/SourceAnnotation/index.tsx
 import { jsx as _jsx104 } from "react/jsx-runtime";
-var _excluded8 = [
+var _excluded9 = [
     "children"
 ];
-function _objectWithoutProperties8(e, t) {
+function _objectWithoutProperties9(e, t) {
     if (null == e) return {};
-    var o, r, i = _objectWithoutPropertiesLoose8(e, t);
+    var o, r, i = _objectWithoutPropertiesLoose9(e, t);
     if (Object.getOwnPropertySymbols) {
         var n = Object.getOwnPropertySymbols(e);
         for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
     return i;
 }
-function _objectWithoutPropertiesLoose8(r, e) {
+function _objectWithoutPropertiesLoose9(r, e) {
     if (null == r) return {};
     var t = {};
     for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
@@ -50596,13 +50962,13 @@ function _objectWithoutPropertiesLoose8(r, e) {
     return t;
 }
 var SourceAnnotation = function(t0) {
-    var $ = _c109(10);
+    var $ = _c110(10);
     var children;
     var rest;
     if ($[0] !== t0) {
         var _t = t0;
         children = _t.children;
-        rest = _objectWithoutProperties8(_t, _excluded8);
+        rest = _objectWithoutProperties9(_t, _excluded9);
         _t;
         $[0] = t0;
         $[1] = children;
@@ -50653,7 +51019,7 @@ var SourceAnnotation = function(t0) {
     return null;
 };
 // src/components/avatars/Avatar.tsx
-import { c as _c112 } from "react-compiler-runtime";
+import { c as _c113 } from "react-compiler-runtime";
 // src/enums/index.ts
 var IconAvatarName = /* @__PURE__ */ function(IconAvatarName2) {
     IconAvatarName2["BACKPACK"] = "BACKPACK";
@@ -50678,7 +51044,7 @@ var AvatarType = /* @__PURE__ */ function(AvatarType2) {
 // src/components/avatars/Avatar.tsx
 import { Avatar as RadixAvatar } from "@radix-ui/themes";
 // src/components/imageAvatars/ImageAvatar/index.tsx
-import { c as _c110 } from "react-compiler-runtime";
+import { c as _c111 } from "react-compiler-runtime";
 import { Avatar as Avatar4 } from "@radix-ui/themes";
 // src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
 var width = function(_ref) {
@@ -50732,7 +51098,7 @@ var optimizedSrc = function(_ref) {
 // src/components/imageAvatars/ImageAvatar/index.tsx
 import { jsx as _jsx105 } from "react/jsx-runtime";
 var ImageAvatar = function(t0) {
-    var $ = _c110(9);
+    var $ = _c111(9);
     var imageAvatar = t0.imageAvatar, size = t0.size, className = t0.className, style = t0.style;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -50769,8 +51135,8 @@ var ImageAvatar = function(t0) {
     return t2;
 };
 // src/components/iconAvatars/IconAvatar.tsx
-import { c as _c111 } from "react-compiler-runtime";
-import { useMemo as useMemo26 } from "react";
+import { c as _c112 } from "react-compiler-runtime";
+import { useMemo as useMemo27 } from "react";
 import { Avatar as Avatar5 } from "@radix-ui/themes";
 // src/lib/iconAvatars/iconAvatarComponents.ts
 import { BackpackIcon, RocketIcon, MagicWandIcon, CubeIcon, TargetIcon, DiscIcon, GlobeIcon, StarIcon, LightningBoltIcon as LightningBoltIcon2, FaceIcon, PersonIcon as PersonIcon2, HeartIcon } from "@radix-ui/react-icons";
@@ -50779,7 +51145,7 @@ var iconAvatarComponents = (_obj = {}, _define_property(_obj, IconAvatarName.BAC
 // src/components/iconAvatars/IconAvatar.tsx
 import { jsx as _jsx106 } from "react/jsx-runtime";
 var IconAvatar = function(t0) {
-    var $ = _c111(7);
+    var $ = _c112(7);
     var iconAvatar = t0.iconAvatar, size = t0.size, className = t0.className, style = t0.style;
     var t1;
     t1 = iconAvatarComponents[iconAvatar.name];
@@ -50813,7 +51179,7 @@ var IconAvatar = function(t0) {
 // src/components/avatars/Avatar.tsx
 import { jsx as _jsx107 } from "react/jsx-runtime";
 var Avatar6 = function(t0) {
-    var $ = _c112(14);
+    var $ = _c113(14);
     var avatar = t0.avatar, t1 = t0.size, className = t0.className, style = t0.style;
     var size = t1 === void 0 ? "1" : t1;
     if (avatar) {
@@ -50874,22 +51240,22 @@ var Avatar6 = function(t0) {
     return t2;
 };
 // src/components/components/ComponentsProvider.tsx
-import { c as _c113 } from "react-compiler-runtime";
-import { useMemo as useMemo27 } from "react";
+import { c as _c114 } from "react-compiler-runtime";
+import { useMemo as useMemo28 } from "react";
 import { jsx as _jsx108 } from "react/jsx-runtime";
-var _excluded9 = [
+var _excluded10 = [
     "children"
 ];
-function _objectWithoutProperties9(e, t) {
+function _objectWithoutProperties10(e, t) {
     if (null == e) return {};
-    var o, r, i = _objectWithoutPropertiesLoose9(e, t);
+    var o, r, i = _objectWithoutPropertiesLoose10(e, t);
     if (Object.getOwnPropertySymbols) {
         var n = Object.getOwnPropertySymbols(e);
         for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
     return i;
 }
-function _objectWithoutPropertiesLoose9(r, e) {
+function _objectWithoutPropertiesLoose10(r, e) {
     if (null == r) return {};
     var t = {};
     for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
@@ -50899,13 +51265,13 @@ function _objectWithoutPropertiesLoose9(r, e) {
     return t;
 }
 var ComponentsProvider = function(t0) {
-    var $ = _c113(9);
+    var $ = _c114(9);
     var children;
     var rest;
     if ($[0] !== t0) {
         var _t = t0;
         children = _t.children;
-        rest = _objectWithoutProperties9(_t, _excluded9);
+        rest = _objectWithoutProperties10(_t, _excluded10);
         _t;
         $[0] = t0;
         $[1] = children;
@@ -50942,11 +51308,11 @@ var ComponentsProvider = function(t0) {
     return t3;
 };
 // src/components/assistants/AssistantProvider/index.tsx
-import { c as _c114 } from "react-compiler-runtime";
+import { c as _c115 } from "react-compiler-runtime";
 import { jsx as _jsx109 } from "react/jsx-runtime";
 var AssistantProvider = function(t0) {
     var _assistant$name;
-    var $ = _c114(10);
+    var $ = _c115(10);
     var children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;