@superinterface/react 3.6.0 → 3.6.1

package/dist/index.js

@@ -10,6 +10,35 @@ function _array_with_holes(arr) {
 function _array_without_holes(arr) {
     if (Array.isArray(arr)) return _array_like_to_array(arr);
 }
+function _assert_this_initialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function _call_super(_this, derived, args) {
+    derived = _get_prototype_of(derived);
+    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -23,6 +52,25 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
 function _iterable_to_array(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
@@ -56,6 +104,19 @@ function _non_iterable_rest() {
 function _non_iterable_spread() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
 function _sliced_to_array(arr, i) {
     return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
@@ -77,6 +138,14 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
 function _ts_generator(thisArg, body) {
     var f, y, t, g, _ = {
         label: 0,
@@ -367,7 +436,7 @@ var SuperinterfaceProvider = function(_ref) {
 import { Flex as Flex18 } from "@radix-ui/themes";
 // src/components/threads/Thread/Message/index.tsx
 import { c as _c26 } from "react-compiler-runtime";
-import { useMemo as useMemo9 } from "react";
+import { useMemo as useMemo10 } from "react";
 import { isEmpty as isEmpty2 } from "radash";
 import { Box as Box9 } from "@radix-ui/themes";
 // src/components/skeletons/StartingContentSkeleton/index.tsx
@@ -633,14 +702,14 @@ var Fn = function(t0) {
     var $ = _c3(4);
     var fn = t0.fn, runStep = t0.runStep;
     var functionComponentsContext = useContext2(FunctionComponentsContext);
-    var Component = functionComponentsContext[fn.name] || DefaultFunction;
+    var Component2 = functionComponentsContext[fn.name] || DefaultFunction;
     var t1;
-    if ($[0] !== Component || $[1] !== fn || $[2] !== runStep) {
-        t1 = /* @__PURE__ */ _jsx9(Component, {
+    if ($[0] !== Component2 || $[1] !== fn || $[2] !== runStep) {
+        t1 = /* @__PURE__ */ _jsx9(Component2, {
             fn: fn,
             runStep: runStep
         });
-        $[0] = Component;
+        $[0] = Component2;
         $[1] = fn;
         $[2] = runStep;
         $[3] = t1;
@@ -938,23 +1007,23 @@ var RunSteps = function(t0) {
     var $ = _c7(7);
     var runSteps = t0.runSteps;
     var componentsContext = useContext3(ComponentsContext);
-    var Component = componentsContext.components.RunStep;
+    var Component2 = componentsContext.components.RunStep;
     var t1;
-    if ($[0] !== Component || $[1] !== runSteps) {
+    if ($[0] !== Component2 || $[1] !== runSteps) {
         var _t;
-        if ($[3] !== Component) {
+        if ($[3] !== Component2) {
             _t = function(runStep) {
-                return /* @__PURE__ */ _jsx18(Component, {
+                return /* @__PURE__ */ _jsx18(Component2, {
                     runStep: runStep
                 }, runStep.id);
             };
-            $[3] = Component;
+            $[3] = Component2;
             $[4] = _t;
         } else {
             _t = $[4];
         }
         t1 = runSteps.map(_t);
-        $[0] = Component;
+        $[0] = Component2;
         $[1] = runSteps;
         $[2] = t1;
     } else {
@@ -1054,7 +1123,8 @@ var Attachments = function(t0) {
 import { c as _c25 } from "react-compiler-runtime";
 // src/components/threads/Thread/Message/ContentPart/TextContent.tsx
 import { c as _c23 } from "react-compiler-runtime";
-import React, { useState as useState2, useEffect as useEffect2, useMemo as useMemo8 } from "react";
+import React, { useState as useState3, useEffect as useEffect2, useMemo as useMemo9 } from "react";
+import { Badge as Badge2 } from "@radix-ui/themes";
 import { compile } from "@mdx-js/mdx";
 import { MDXProvider, useMDXComponents } from "@mdx-js/react";
 import * as runtime from "react/jsx-runtime";
@@ -4427,6 +4497,117 @@ var MarkdownContext = /* @__PURE__ */ createContext6({
 var useMarkdownContext = function() {
     return useContext5(MarkdownContext);
 };
+// ../../node_modules/react-error-boundary/dist/react-error-boundary.esm.js
+import { createContext as createContext7, Component, createElement, useContext as useContext6, useState as useState2, useMemo as useMemo8, forwardRef } from "react";
+var ErrorBoundaryContext = /* @__PURE__ */ createContext7(null);
+var initialState = {
+    didCatch: false,
+    error: null
+};
+var ErrorBoundary = /*#__PURE__*/ function(Component) {
+    "use strict";
+    _inherits(ErrorBoundary, Component);
+    function ErrorBoundary(props) {
+        _class_call_check(this, ErrorBoundary);
+        var _this;
+        _this = _call_super(this, ErrorBoundary, [
+            props
+        ]);
+        _this.resetErrorBoundary = _this.resetErrorBoundary.bind(_this);
+        _this.state = initialState;
+        return _this;
+    }
+    _create_class(ErrorBoundary, [
+        {
+            key: "resetErrorBoundary",
+            value: function resetErrorBoundary() {
+                var error = this.state.error;
+                if (error !== null) {
+                    var _this$props$onReset, _this$props;
+                    for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
+                        args[_key] = arguments[_key];
+                    }
+                    (_this$props$onReset = (_this$props = this.props).onReset) === null || _this$props$onReset === void 0 ? void 0 : _this$props$onReset.call(_this$props, {
+                        args: args,
+                        reason: "imperative-api"
+                    });
+                    this.setState(initialState);
+                }
+            }
+        },
+        {
+            key: "componentDidCatch",
+            value: function componentDidCatch(error, info) {
+                var _this$props$onError, _this$props2;
+                (_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props2, error, info);
+            }
+        },
+        {
+            key: "componentDidUpdate",
+            value: function componentDidUpdate(prevProps, prevState) {
+                var didCatch = this.state.didCatch;
+                var resetKeys = this.props.resetKeys;
+                if (didCatch && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
+                    var _this$props$onReset2, _this$props3;
+                    (_this$props$onReset2 = (_this$props3 = this.props).onReset) === null || _this$props$onReset2 === void 0 ? void 0 : _this$props$onReset2.call(_this$props3, {
+                        next: resetKeys,
+                        prev: prevProps.resetKeys,
+                        reason: "keys"
+                    });
+                    this.setState(initialState);
+                }
+            }
+        },
+        {
+            key: "render",
+            value: function render() {
+                var _this_props = this.props, children = _this_props.children, fallbackRender = _this_props.fallbackRender, FallbackComponent = _this_props.FallbackComponent, fallback = _this_props.fallback;
+                var _this_state = this.state, didCatch = _this_state.didCatch, error = _this_state.error;
+                var childToRender = children;
+                if (didCatch) {
+                    var props = {
+                        error: error,
+                        resetErrorBoundary: this.resetErrorBoundary
+                    };
+                    if (typeof fallbackRender === "function") {
+                        childToRender = fallbackRender(props);
+                    } else if (FallbackComponent) {
+                        childToRender = /* @__PURE__ */ createElement(FallbackComponent, props);
+                    } else if (fallback !== void 0) {
+                        childToRender = fallback;
+                    } else {
+                        throw error;
+                    }
+                }
+                return /* @__PURE__ */ createElement(ErrorBoundaryContext.Provider, {
+                    value: {
+                        didCatch: didCatch,
+                        error: error,
+                        resetErrorBoundary: this.resetErrorBoundary
+                    }
+                }, childToRender);
+            }
+        }
+    ], [
+        {
+            key: "getDerivedStateFromError",
+            value: function getDerivedStateFromError(error) {
+                return {
+                    didCatch: true,
+                    error: error
+                };
+            }
+        }
+    ]);
+    return ErrorBoundary;
+}(Component);
+function hasArrayChanged() {
+    var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
+    var b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+    return a.length !== b.length || a.some(function(item, index) {
+        return !Object.is(item, b[index]);
+    });
+}
 // src/components/threads/Thread/Message/ContentPart/TextContent.tsx
 import { jsx as _jsx44 } from "react/jsx-runtime";
 function ownKeys24(e, r) {
@@ -4514,7 +4695,7 @@ var evaluate = /* @__PURE__ */ function() {
     };
 }();
 var TextContent = function(t0) {
-    var $ = _c23(12);
+    var $ = _c23(13);
     var content = t0.content;
     var _useMarkdownContext = useMarkdownContext(), getRemarkPlugins2 = _useMarkdownContext.getRemarkPlugins, components2 = _useMarkdownContext.components;
     var t1;
@@ -4531,7 +4712,7 @@ var TextContent = function(t0) {
     }
     t1 = t2;
     var remarkPlugins = t1;
-    var _useState2 = _sliced_to_array(useState2(null), 2), MDXComponent = _useState2[0], setMDXComponent = _useState2[1];
+    var _useState3 = _sliced_to_array(useState3(null), 2), MDXComponent = _useState3[0], setMDXComponent = _useState3[1];
     var t3;
     var t4;
     if ($[3] !== content || $[4] !== remarkPlugins) {
@@ -4562,6 +4743,7 @@ var TextContent = function(t0) {
                             case 1:
                                 compiled = _state.sent();
                                 code = String(compiled);
+                                console.log(code);
                                 return [
                                     4,
                                     evaluate({
@@ -4615,26 +4797,40 @@ var TextContent = function(t0) {
         return content.text.value;
     }
     var t5;
-    if ($[7] !== MDXComponent) {
-        t5 = /* @__PURE__ */ _jsx44(MDXComponent, {});
-        $[7] = MDXComponent;
-        $[8] = t5;
+    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = /* @__PURE__ */ _jsx44(Badge2, {
+            color: "red",
+            mb: "2",
+            children: "Could not render message."
+        });
+        $[7] = t5;
     } else {
-        t5 = $[8];
+        t5 = $[7];
     }
     var t6;
-    if ($[9] !== components2 || $[10] !== t5) {
-        t6 = /* @__PURE__ */ _jsx44(MDXProvider, {
-            components: components2,
-            children: t5
+    if ($[8] !== MDXComponent) {
+        t6 = /* @__PURE__ */ _jsx44(MDXComponent, {});
+        $[8] = MDXComponent;
+        $[9] = t6;
+    } else {
+        t6 = $[9];
+    }
+    var t7;
+    if ($[10] !== components2 || $[11] !== t6) {
+        t7 = /* @__PURE__ */ _jsx44(ErrorBoundary, {
+            fallback: t5,
+            children: /* @__PURE__ */ _jsx44(MDXProvider, {
+                components: components2,
+                children: t6
+            })
         });
-        $[9] = components2;
-        $[10] = t5;
+        $[10] = components2;
         $[11] = t6;
+        $[12] = t7;
     } else {
-        t6 = $[11];
+        t7 = $[12];
     }
-    return t6;
+    return t7;
 };
 // src/components/threads/Thread/Message/ContentPart/ImageFileContent.tsx
 import { c as _c24 } from "react-compiler-runtime";
@@ -4951,7 +5147,7 @@ import { c as _c33 } from "react-compiler-runtime";
 import { useEffect as useEffect3 } from "react";
 // src/hooks/messageGroups/useMessageGroups/index.ts
 import { c as _c27 } from "react-compiler-runtime";
-import { useMemo as useMemo10 } from "react";
+import { useMemo as useMemo11 } from "react";
 // src/hooks/messageGroups/useMessageGroups/lib/messageGroups/index.ts
 import _6 from "lodash";
 import { last as last2 } from "radash";
@@ -5083,14 +5279,14 @@ var useMessageGroups = function(t0) {
 };
 // src/components/skeletons/MessagesSkeleton/index.tsx
 import { c as _c29 } from "react-compiler-runtime";
-import { forwardRef as forwardRef2 } from "react";
+import { forwardRef as forwardRef3 } from "react";
 import { Flex as Flex13, Avatar, Box as Box10, Skeleton as Skeleton2 } from "@radix-ui/themes";
 // src/components/messageGroups/MessageGroupBase/index.tsx
 import { c as _c28 } from "react-compiler-runtime";
-import { forwardRef } from "react";
+import { forwardRef as forwardRef2 } from "react";
 import { Flex as Flex11, Container } from "@radix-ui/themes";
 import { jsx as _jsx48 } from "react/jsx-runtime";
-var MessageGroupBase = /* @__PURE__ */ forwardRef(function MessageGroupBase2(t0, ref) {
+var MessageGroupBase = /* @__PURE__ */ forwardRef2(function MessageGroupBase2(t0, ref) {
     var $ = _c28(5);
     var children = t0.children;
     var t1;
@@ -5138,7 +5334,7 @@ var Name = function(_ref) {
 };
 // src/components/skeletons/MessagesSkeleton/index.tsx
 import { jsx as _jsx50, jsxs as _jsxs17 } from "react/jsx-runtime";
-var MessagesSkeleton = /* @__PURE__ */ forwardRef2(function MessagesSkeleton2(_props, ref) {
+var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_props, ref) {
     var $ = _c29(7);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -5231,18 +5427,18 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef2(function MessagesSkeleton2(_p
 });
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
 import { c as _c32 } from "react-compiler-runtime";
-import { useContext as useContext8 } from "react";
+import { useContext as useContext9 } from "react";
 import { Box as Box11 } from "@radix-ui/themes";
 // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
 import { c as _c30 } from "react-compiler-runtime";
-import { useContext as useContext6 } from "react";
+import { useContext as useContext7 } from "react";
 import { Flex as Flex14 } from "@radix-ui/themes";
 // src/contexts/assistants/AssistantAvatarContext/index.tsx
-import { createContext as createContext7 } from "react";
+import { createContext as createContext8 } from "react";
 import { Avatar as Avatar2 } from "@radix-ui/themes";
 import { LightningBoltIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx51 } from "react/jsx-runtime";
-var AssistantAvatarContext = /* @__PURE__ */ createContext7(/* @__PURE__ */ _jsx51(Avatar2, {
+var AssistantAvatarContext = /* @__PURE__ */ createContext8(/* @__PURE__ */ _jsx51(Avatar2, {
     fallback: /* @__PURE__ */ _jsx51(LightningBoltIcon, {}),
     size: "1"
 }));
@@ -5250,7 +5446,7 @@ var AssistantAvatarContext = /* @__PURE__ */ createContext7(/* @__PURE__ */ _jsx
 import { jsx as _jsx52 } from "react/jsx-runtime";
 var AssistantAvatar = function() {
     var $ = _c30(3);
-    var AssistantAvatarContextValue = useContext6(AssistantAvatarContext);
+    var AssistantAvatarContextValue = useContext7(AssistantAvatarContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = {
@@ -5278,18 +5474,18 @@ var AssistantAvatar = function() {
     return t1;
 };
 // src/contexts/assistants/AssistantNameContext/index.tsx
-import { createContext as createContext8 } from "react";
-var AssistantNameContext = /* @__PURE__ */ createContext8("Assistant");
+import { createContext as createContext9 } from "react";
+var AssistantNameContext = /* @__PURE__ */ createContext9("Assistant");
 // src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
 import { c as _c31 } from "react-compiler-runtime";
-import { useContext as useContext7 } from "react";
+import { useContext as useContext8 } from "react";
 import { Flex as Flex15 } from "@radix-ui/themes";
 // src/contexts/users/UserAvatarContext/index.tsx
-import { createContext as createContext9 } from "react";
+import { createContext as createContext10 } from "react";
 import { Avatar as Avatar3 } from "@radix-ui/themes";
 import { PersonIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx53 } from "react/jsx-runtime";
-var UserAvatarContext = /* @__PURE__ */ createContext9(/* @__PURE__ */ _jsx53(Avatar3, {
+var UserAvatarContext = /* @__PURE__ */ createContext10(/* @__PURE__ */ _jsx53(Avatar3, {
     fallback: /* @__PURE__ */ _jsx53(PersonIcon, {}),
     size: "1"
 }));
@@ -5297,7 +5493,7 @@ var UserAvatarContext = /* @__PURE__ */ createContext9(/* @__PURE__ */ _jsx53(Av
 import { jsx as _jsx54 } from "react/jsx-runtime";
 var UserAvatar = function() {
     var $ = _c31(3);
-    var UserAvatarContextValue = useContext7(UserAvatarContext);
+    var UserAvatarContextValue = useContext8(UserAvatarContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = {
@@ -5343,7 +5539,7 @@ import { jsx as _jsx56, jsxs as _jsxs18 } from "react/jsx-runtime";
 var MessageGroup = function(t0) {
     var $ = _c32(12);
     var messageGroup = t0.messageGroup;
-    var assistantNameContext = useContext8(AssistantNameContext);
+    var assistantNameContext = useContext9(AssistantNameContext);
     var t1;
     if ($[0] !== messageGroup.role) {
         t1 = messageGroup.role === "user" ? /* @__PURE__ */ _jsx56(UserAvatar, {}) : /* @__PURE__ */ _jsx56(AssistantAvatar, {});
@@ -5482,16 +5678,16 @@ function _temp5(messageGroup) {
 }
 // src/components/threads/Thread/Messages/Progress/index.tsx
 import { c as _c35 } from "react-compiler-runtime";
-import { useMemo as useMemo11 } from "react";
+import { useMemo as useMemo12 } from "react";
 // src/components/skeletons/StartingSkeleton/index.tsx
 import { c as _c34 } from "react-compiler-runtime";
-import { useContext as useContext9 } from "react";
+import { useContext as useContext10 } from "react";
 import { Box as Box12 } from "@radix-ui/themes";
 import { jsx as _jsx58, jsxs as _jsxs19 } from "react/jsx-runtime";
 var StartingSkeleton = function(t0) {
     var $ = _c34(7);
     var children = t0.children;
-    var assistantNameContext = useContext9(AssistantNameContext);
+    var assistantNameContext = useContext10(AssistantNameContext);
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t1 = /* @__PURE__ */ _jsx58(AssistantAvatar, {});
@@ -5814,10 +6010,10 @@ import { c as _c38 } from "react-compiler-runtime";
 import { ArrowUpIcon as ArrowUpIcon2, StopIcon } from "@radix-ui/react-icons";
 import { IconButton as IconButton5, Flex as Flex19 } from "@radix-ui/themes";
 // src/hooks/messages/useMessageFormContext/index.ts
-import { useContext as useContext10 } from "react";
+import { useContext as useContext11 } from "react";
 // src/contexts/messages/MessageFormContext/index.ts
-import { createContext as createContext10 } from "react";
-var MessageFormContext = /* @__PURE__ */ createContext10({
+import { createContext as createContext11 } from "react";
+var MessageFormContext = /* @__PURE__ */ createContext11({
     content: "",
     isDisabled: false,
     isLoading: false,
@@ -5827,7 +6023,7 @@ var MessageFormContext = /* @__PURE__ */ createContext10({
 });
 // src/hooks/messages/useMessageFormContext/index.ts
 var useMessageFormContext = function() {
-    return useContext10(MessageFormContext);
+    return useContext11(MessageFormContext);
 };
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
 import { jsx as _jsx63 } from "react/jsx-runtime";
@@ -5956,7 +6152,7 @@ Submit.Root = Root3;
 Submit.Button = Button3;
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
-import { useMemo as useMemo12, useState as useState3 } from "react";
+import { useMemo as useMemo13, useState as useState4 } from "react";
 import { useForm, FormProvider } from "react-hook-form";
 import { Box as Box13 } from "@radix-ui/themes";
 // src/components/threads/Thread/MessageForm/Root/lib/formOptions.ts
@@ -6040,7 +6236,7 @@ function _asyncToGenerator6(n) {
 var Root4 = function(_ref) {
     "use no memo";
     var children = _ref.children, onSubmitArg = _ref.onSubmit, isDisabledArg = _ref.isDisabled, style = _ref.style, className = _ref.className;
-    var _useState3 = _sliced_to_array(useState3([]), 2), files = _useState3[0], setFiles = _useState3[1];
+    var _useState4 = _sliced_to_array(useState4([]), 2), files = _useState4[0], setFiles = _useState4[1];
     var formProps = useForm(formOptions);
     var handleSubmit = formProps.handleSubmit, isSubmitting = formProps.formState.isSubmitting, reset = formProps.reset, watch = formProps.watch;
     var addToast = useToasts().addToast;
@@ -6054,7 +6250,7 @@ var Root4 = function(_ref) {
         })
     }).createMessage;
     var isMutatingMessage = useIsMutatingMessage();
-    var isFileLoading = useMemo12(function() {
+    var isFileLoading = useMemo13(function() {
         return files.some(function(file) {
             return isOptimistic({
                 id: file.id
@@ -6063,14 +6259,14 @@ var Root4 = function(_ref) {
     }, [
         files
     ]);
-    var isLoading = useMemo12(function() {
+    var isLoading = useMemo13(function() {
         return isMutatingMessage || isSubmitting;
     }, [
         isMutatingMessage,
         isSubmitting
     ]);
     var latestMessage = useLatestMessage().latestMessage;
-    var isDisabled = useMemo12(function() {
+    var isDisabled = useMemo13(function() {
         var _latestMessage$metada;
         return(// @ts-ignore-next-line
         (latestMessage === null || latestMessage === void 0 || (_latestMessage$metada = latestMessage.metadata) === null || _latestMessage$metada === void 0 ? void 0 : _latestMessage$metada.isBlocking) || isDisabledArg);
@@ -6169,10 +6365,10 @@ var usePrevious = function(state) {
     return ref.current;
 };
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-import { useContext as useContext11, useMemo as useMemo13, useRef as useRef5, useEffect as useEffect6 } from "react";
+import { useContext as useContext12, useMemo as useMemo14, useRef as useRef5, useEffect as useEffect6 } from "react";
 // src/components/textareas/TextareaBase/index.tsx
 import { c as _c39 } from "react-compiler-runtime";
-import { forwardRef as forwardRef3 } from "react";
+import { forwardRef as forwardRef4 } from "react";
 import TextareaAutosize from "react-textarea-autosize";
 import { jsx as _jsx65, Fragment as _Fragment3, jsxs as _jsxs22 } from "react/jsx-runtime";
 var _excluded2 = [
@@ -6240,7 +6436,7 @@ function _objectWithoutPropertiesLoose2(r, e) {
     }
     return t;
 }
-var TextareaBase = /* @__PURE__ */ forwardRef3(function TextareaBase2(t0, ref) {
+var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
     var _className;
     var $ = _c39(14);
     var className;
@@ -6376,10 +6572,10 @@ var Root5 = function(_ref) {
 var Input = function(props) {
     "use no memo";
     var _props$placeholder;
-    var assistantNameContext = useContext11(AssistantNameContext);
+    var assistantNameContext = useContext12(AssistantNameContext);
     var register = useFormContext().register;
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
-    var isSubmitDisabled = useMemo13(function() {
+    var isSubmitDisabled = useMemo14(function() {
         return isDisabled || isLoading;
     }, [
         isDisabled,
@@ -7351,7 +7547,7 @@ import { Flex as Flex25 } from "@radix-ui/themes";
 var Provider2 = SuperinterfaceProvider;
 // src/components/toasts/ToastsProvider/index.tsx
 import { c as _c42 } from "react-compiler-runtime";
-import { useState as useState4, useCallback as useCallback3 } from "react";
+import { useState as useState5, useCallback as useCallback3 } from "react";
 import * as Toast2 from "@radix-ui/react-toast";
 // src/components/toasts/ToastsProvider/CustomToast.tsx
 import * as Toast from "@radix-ui/react-toast";
@@ -7399,7 +7595,7 @@ var ToastsProvider = function(t0) {
     } else {
         t2 = $[0];
     }
-    var _useState4 = _sliced_to_array(useState4(t2), 2), toasts = _useState4[0], setToasts = _useState4[1];
+    var _useState5 = _sliced_to_array(useState5(t2), 2), toasts = _useState5[0], setToasts = _useState5[1];
     var t3;
     if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
         t3 = function(toast) {
@@ -7632,13 +7828,13 @@ Thread.Root = Root8;
 Thread.Messages = Messages;
 Thread.MessageForm = MessageForm;
 // src/hooks/messages/useMessageContext/index.ts
-import { useContext as useContext12 } from "react";
+import { useContext as useContext13 } from "react";
 var useMessageContext = function() {
-    return useContext12(MessageContext);
+    return useContext13(MessageContext);
 };
 // src/hooks/assistants/useAssistant/index.ts
 import { c as _c43 } from "react-compiler-runtime";
-import { useMemo as useMemo14 } from "react";
+import { useMemo as useMemo15 } from "react";
 import { useQuery } from "@tanstack/react-query";
 // src/hooks/assistants/useAssistant/lib/queryOptions/index.ts
 import { queryOptions as tanstackQueryOptions } from "@tanstack/react-query";
@@ -7821,17 +8017,17 @@ var useAssistant = function(t0) {
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
 import { c as _c44 } from "react-compiler-runtime";
-import { useState as useState5 } from "react";
+import { useState as useState6 } from "react";
 // src/contexts/threads/ThreadDialogContext/index.ts
-import { createContext as createContext11 } from "react";
-var ThreadDialogContext = /* @__PURE__ */ createContext11({
+import { createContext as createContext12 } from "react";
+var ThreadDialogContext = /* @__PURE__ */ createContext12({
     isOpen: false,
     setIsOpen: function() {}
 });
 // src/hooks/threads/useThreadDialogContext/index.ts
-import { useContext as useContext13 } from "react";
+import { useContext as useContext14 } from "react";
 var useThreadDialogContext = function() {
-    return useContext13(ThreadDialogContext);
+    return useContext14(ThreadDialogContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
 import { jsx as _jsx75 } from "react/jsx-runtime";
@@ -7839,7 +8035,7 @@ var Provider4 = function(t0) {
     var $ = _c44(5);
     var children = t0.children;
     var threadDialogContext = useThreadDialogContext();
-    var _useState5 = _sliced_to_array(useState5(threadDialogContext.isOpen), 2), isOpen = _useState5[0], setIsOpen = _useState5[1];
+    var _useState6 = _sliced_to_array(useState6(threadDialogContext.isOpen), 2), isOpen = _useState6[0], setIsOpen = _useState6[1];
     var t1;
     if ($[0] !== isOpen) {
         t1 = {
@@ -8384,7 +8580,7 @@ ThreadDialog.Content = Content7;
 import { c as _c52 } from "react-compiler-runtime";
 import { Flex as Flex29 } from "@radix-ui/themes";
 // src/contexts/threads/AudioThreadContext/index.ts
-import { createContext as createContext12 } from "react";
+import { createContext as createContext13 } from "react";
 function asyncGeneratorStep10(n, t, e, r, o, a, c) {
     try {
         var i = n[a](c), u = i.value;
@@ -8408,7 +8604,7 @@ function _asyncToGenerator10(n) {
         });
     };
 }
-var AudioThreadContext = /* @__PURE__ */ createContext12({
+var AudioThreadContext = /* @__PURE__ */ createContext13({
     status: "idle",
     recorderProps: {
         status: "idle",
@@ -8502,7 +8698,7 @@ var AudioThreadContext = /* @__PURE__ */ createContext12({
 });
 // src/hooks/misc/usePermission/index.ts
 import { c as _c48 } from "react-compiler-runtime";
-import { useEffect as useEffect7, useState as useState6 } from "react";
+import { useEffect as useEffect7, useState as useState7 } from "react";
 // src/hooks/misc/usePermission/util.ts
 var noop = function() {};
 function on(obj) {
@@ -8526,7 +8722,7 @@ function off(obj) {
 // src/hooks/misc/usePermission/index.ts
 var usePermission = function(permissionDesc) {
     var $ = _c48(3);
-    var _useState6 = _sliced_to_array(useState6(""), 2), state = _useState6[0], setState = _useState6[1];
+    var _useState7 = _sliced_to_array(useState7(""), 2), state = _useState7[0], setState = _useState7[1];
     var t0;
     var t1;
     if ($[0] !== permissionDesc) {
@@ -8580,7 +8776,7 @@ var blobToData = function(blob) {
 };
 // src/hooks/audioThreads/useStatus/index.ts
 import { c as _c49 } from "react-compiler-runtime";
-import { useMemo as useMemo15 } from "react";
+import { useMemo as useMemo16 } from "react";
 var useStatus = function(t0) {
     var $ = _c49(2);
     var messageAudioProps = t0.messageAudioProps, recorderProps = t0.recorderProps, createMessageProps = t0.createMessageProps;
@@ -8638,7 +8834,7 @@ var useStatus = function(t0) {
 // src/hooks/audioThreads/useRecorder/index.ts
 import dayjs3 from "dayjs";
 import { useAudioCapture } from "use-audio-capture";
-import { useMemo as useMemo16, useRef as useRef7, useState as useState7, useCallback as useCallback4, useEffect as useEffect9 } from "react";
+import { useMemo as useMemo17, useRef as useRef7, useState as useState8, useCallback as useCallback4, useEffect as useEffect9 } from "react";
 import { useAudioPlayer } from "react-use-audio-player";
 // src/hooks/misc/useInterval.ts
 import { c as _c50 } from "react-compiler-runtime";
@@ -8752,13 +8948,13 @@ function _asyncToGenerator11(n) {
 }
 var useRecorder = function(_ref) {
     var isStopOnSilence = _ref.isStopOnSilence, _onStart = _ref.onStart, _onStop = _ref.onStop;
-    var _useState7 = _sliced_to_array(useState7(null), 2), silenceStart = _useState7[0], setSilenceStart = _useState7[1];
-    var _useState71 = _sliced_to_array(useState7(null), 2), noiseStart = _useState71[0], setNoiseStart = _useState71[1];
-    var _useState72 = _sliced_to_array(useState7(null), 2), mediaStream = _useState72[0], setMediaStream = _useState72[1];
-    var _useState73 = _sliced_to_array(useState7("idle"), 2), status = _useState73[0], setStatus = _useState73[1];
+    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 startAudioPlayer = useAudioPlayer();
     var endAudioPlayer = useAudioPlayer();
-    var _useState74 = _sliced_to_array(useState7(false), 2), isLoaded = _useState74[0], setIsLoaded = _useState74[1];
+    var _useState84 = _sliced_to_array(useState8(false), 2), isLoaded = _useState84[0], setIsLoaded = _useState84[1];
     useEffect9(function() {
         if (isLoaded) return;
         setIsLoaded(true);
@@ -8819,7 +9015,7 @@ var useRecorder = function(_ref) {
             setNoiseStart(null);
         }
     });
-    var _useState75 = _sliced_to_array(useState7(null), 2), audioEngine = _useState75[0], setAudioEngine = _useState75[1];
+    var _useState85 = _sliced_to_array(useState8(null), 2), audioEngine = _useState85[0], setAudioEngine = _useState85[1];
     var isInited = useRef7(false);
     useEffect9(function() {
         if (!mediaStream) return;
@@ -8834,7 +9030,7 @@ var useRecorder = function(_ref) {
         isInited,
         mediaStream
     ]);
-    var visualizationAnalyser = useMemo16(function() {
+    var visualizationAnalyser = useMemo17(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(result);
@@ -8842,7 +9038,7 @@ var useRecorder = function(_ref) {
     }, [
         audioEngine
     ]);
-    var silenceAnalyser = useMemo16(function() {
+    var silenceAnalyser = useMemo17(function() {
         if (!audioEngine) return null;
         var result_0 = audioEngine.audioContext.createAnalyser();
         result_0.minDecibels = -60;
@@ -8898,7 +9094,7 @@ var useRecorder = function(_ref) {
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
 import { c as _c51 } from "react-compiler-runtime";
-import { useMemo as useMemo17, useRef as useRef8, useState as useState8, useEffect as useEffect10 } from "react";
+import { useMemo as useMemo18, useRef as useRef8, useState as useState9, useEffect as useEffect10 } from "react";
 import nlp from "compromise";
 import { Howler } from "howler";
 import { useAudioPlayer as useAudioPlayer2 } from "react-use-audio-player";
@@ -8981,7 +9177,7 @@ var getMessageSentences = function(_ref) {
 var useMessageAudio = function(t0) {
     var $ = _c51(44);
     var onEnd = t0.onEnd;
-    var _useState8 = _sliced_to_array(useState8(false), 2), isAudioPlayed = _useState8[0], setIsAudioPlayed = _useState8[1];
+    var _useState9 = _sliced_to_array(useState9(false), 2), isAudioPlayed = _useState9[0], setIsAudioPlayed = _useState9[1];
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t1 = [];
@@ -8989,7 +9185,7 @@ var useMessageAudio = function(t0) {
     } else {
         t1 = $[0];
     }
-    var _useState81 = _sliced_to_array(useState8(t1), 2), stoppedMessageIds = _useState81[0], setStoppedMessageIds = _useState81[1];
+    var _useState91 = _sliced_to_array(useState9(t1), 2), stoppedMessageIds = _useState91[0], setStoppedMessageIds = _useState91[1];
     var t2;
     if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
         t2 = [];
@@ -8997,11 +9193,11 @@ var useMessageAudio = function(t0) {
     } else {
         t2 = $[1];
     }
-    var _useState82 = _sliced_to_array(useState8(t2), 2), playedMessageSentences = _useState82[0], setPlayedMessageSentences = _useState82[1];
+    var _useState92 = _sliced_to_array(useState9(t2), 2), playedMessageSentences = _useState92[0], setPlayedMessageSentences = _useState92[1];
     var audioPlayer = useAudioPlayer2();
     var nextAudioPlayer = useAudioPlayer2();
     var superinterfaceContext = useSuperinterfaceContext();
-    var _useState83 = _sliced_to_array(useState8(false), 2), isPlaying = _useState83[0], setIsPlaying = _useState83[1];
+    var _useState93 = _sliced_to_array(useState9(false), 2), isPlaying = _useState93[0], setIsPlaying = _useState93[1];
     var latestMessageProps = useLatestMessage();
     var t3;
     bb0: {
@@ -9205,7 +9401,7 @@ var useMessageAudio = function(t0) {
         t6 = $[31];
     }
     useEffect10(_temp11, t6);
-    var _useState84 = _sliced_to_array(useState8(null), 2), audioEngine = _useState84[0], setAudioEngine = _useState84[1];
+    var _useState94 = _sliced_to_array(useState9(null), 2), audioEngine = _useState94[0], setAudioEngine = _useState94[1];
     var isAudioEngineInited = useRef8(false);
     var t7;
     if ($[32] !== audioPlayer.playing) {
@@ -9554,24 +9750,24 @@ function _temp24() {
     return _temp24.apply(this, arguments);
 }
 // src/components/threads/AudioThread/Visualization/index.tsx
-import { useContext as useContext15, useState as useState10, useCallback as useCallback6, useEffect as useEffect12 } from "react";
+import { useContext as useContext16, useState as useState11, useCallback as useCallback6, useEffect as useEffect12 } from "react";
 import _9 from "lodash";
 import { Flex as Flex31 } from "@radix-ui/themes";
 // src/hooks/threads/useAudioThreadContext/index.ts
-import { useContext as useContext14 } from "react";
+import { useContext as useContext15 } from "react";
 var useAudioThreadContext = function() {
-    return useContext14(AudioThreadContext);
+    return useContext15(AudioThreadContext);
 };
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
 import _8 from "lodash";
 import { Flex as Flex30, Grid } from "@radix-ui/themes";
-import { useState as useState9, useEffect as useEffect11, useCallback as useCallback5 } from "react";
+import { useState as useState10, useEffect as useEffect11, useCallback as useCallback5 } from "react";
 import { cluster } from "radash";
 import { jsx as _jsx83 } 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 _useState9 = _sliced_to_array(useState9([]), 2), barHeights = _useState9[0], setBarHeights = _useState9[1];
+    var _useState10 = _sliced_to_array(useState10([]), 2), barHeights = _useState10[0], setBarHeights = _useState10[1];
     var draw = useCallback5(function(_ref2) {
         var visualizationAnalyser_0 = _ref2.visualizationAnalyser;
         if (!visualizationAnalyser_0) {
@@ -9673,8 +9869,8 @@ function _toPrimitive47(t, r) {
 }
 var Visualization = function(props) {
     var audioThreadContext = useAudioThreadContext();
-    var assistantNameContext = useContext15(AssistantNameContext);
-    var _useState10 = _sliced_to_array(useState10(0), 2), scale = _useState10[0], setScale = _useState10[1];
+    var assistantNameContext = useContext16(AssistantNameContext);
+    var _useState11 = _sliced_to_array(useState11(0), 2), scale = _useState11[0], setScale = _useState11[1];
     var draw = useCallback6(function(_ref) {
         var visualizationAnalyser = _ref.visualizationAnalyser;
         if (!visualizationAnalyser) {
@@ -10442,7 +10638,7 @@ AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content7;
 // src/components/markdown/MarkdownProvider/index.tsx
 import { c as _c56 } from "react-compiler-runtime";
-import { useMemo as useMemo18 } from "react";
+import { useMemo as useMemo19 } from "react";
 import { jsx as _jsx92 } from "react/jsx-runtime";
 var _excluded5 = [
     "children"
@@ -10626,7 +10822,7 @@ var ImageAvatar = function(t0) {
 };
 // src/components/iconAvatars/IconAvatar.tsx
 import { c as _c58 } from "react-compiler-runtime";
-import { useMemo as useMemo19 } from "react";
+import { useMemo as useMemo20 } 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";
@@ -10639,11 +10835,11 @@ var IconAvatar = function(t0) {
     var iconAvatar = t0.iconAvatar, size = t0.size, className = t0.className, style = t0.style;
     var t1;
     t1 = iconAvatarComponents[iconAvatar.name];
-    var Component = t1;
+    var Component2 = t1;
     var t2;
-    if ($[0] !== Component) {
-        t2 = Component ? /* @__PURE__ */ _jsx94(Component, {}) : "";
-        $[0] = Component;
+    if ($[0] !== Component2) {
+        t2 = Component2 ? /* @__PURE__ */ _jsx94(Component2, {}) : "";
+        $[0] = Component2;
         $[1] = t2;
     } else {
         t2 = $[1];
@@ -10731,11 +10927,11 @@ var Avatar6 = function(t0) {
 };
 // src/components/components/ComponentsProvider.tsx
 import { c as _c60 } from "react-compiler-runtime";
-import { useMemo as useMemo20 } from "react";
+import { useMemo as useMemo21 } from "react";
 // src/hooks/components/useComponents.ts
-import { useContext as useContext16 } from "react";
+import { useContext as useContext17 } from "react";
 var useComponents = function() {
-    return useContext16(ComponentsContext);
+    return useContext17(ComponentsContext);
 };
 // src/components/components/ComponentsProvider.tsx
 import { jsx as _jsx96 } from "react/jsx-runtime";