@superinterface/react 3.6.0 → 3.6.2

package/dist/index.cjs

@@ -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,
@@ -518,12 +587,12 @@ var SuperinterfaceProvider = function(_ref) {
     });
 };
 // src/components/threads/Thread/Messages/index.tsx
-var import_themes44 = require("@radix-ui/themes");
+var import_themes45 = require("@radix-ui/themes");
 // src/components/threads/Thread/Message/index.tsx
 var import_react_compiler_runtime26 = require("react-compiler-runtime");
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_radash12 = require("radash");
-var import_themes32 = require("@radix-ui/themes");
+var import_themes33 = require("@radix-ui/themes");
 // src/components/skeletons/StartingContentSkeleton/index.tsx
 var import_themes = require("@radix-ui/themes");
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -787,14 +856,14 @@ var Fn = function(t0) {
     var $ = (0, import_react_compiler_runtime3.c)(4);
     var fn = t0.fn, runStep = t0.runStep;
     var functionComponentsContext = (0, import_react6.useContext)(FunctionComponentsContext);
-    var Component = functionComponentsContext[fn.name] || DefaultFunction;
+    var Component2 = functionComponentsContext[fn.name] || DefaultFunction;
     var t1;
-    if ($[0] !== Component || $[1] !== fn || $[2] !== runStep) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Component, {
+    if ($[0] !== Component2 || $[1] !== fn || $[2] !== runStep) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Component2, {
             fn: fn,
             runStep: runStep
         });
-        $[0] = Component;
+        $[0] = Component2;
         $[1] = fn;
         $[2] = runStep;
         $[3] = t1;
@@ -1092,23 +1161,23 @@ var RunSteps = function(t0) {
     var $ = (0, import_react_compiler_runtime7.c)(7);
     var runSteps = t0.runSteps;
     var componentsContext = (0, import_react8.useContext)(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__ */ (0, import_jsx_runtime18.jsx)(Component, {
+                return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(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 {
@@ -1208,9 +1277,10 @@ var Attachments = function(t0) {
 var import_react_compiler_runtime25 = require("react-compiler-runtime");
 // src/components/threads/Thread/Message/ContentPart/TextContent.tsx
 var import_react_compiler_runtime23 = require("react-compiler-runtime");
-var import_react26 = __toESM(require("react"), 1);
+var import_react27 = __toESM(require("react"), 1);
+var import_themes32 = require("@radix-ui/themes");
 var import_mdx = require("@mdx-js/mdx");
-var import_react27 = require("@mdx-js/react");
+var import_react28 = require("@mdx-js/react");
 var runtime = __toESM(require("react/jsx-runtime"), 1);
 // src/lib/recma/recmaFallbackComponentPlugin.ts
 var import_estree_util_visit = require("estree-util-visit");
@@ -4581,6 +4651,116 @@ var MarkdownContext = /* @__PURE__ */ (0, import_react24.createContext)({
 var useMarkdownContext = function() {
     return (0, import_react25.useContext)(MarkdownContext);
 };
+// ../../node_modules/react-error-boundary/dist/react-error-boundary.esm.js
+var import_react26 = require("react");
+var ErrorBoundaryContext = /* @__PURE__ */ (0, import_react26.createContext)(null);
+var initialState = {
+    didCatch: false,
+    error: null
+};
+var ErrorBoundary = /*#__PURE__*/ function(_import_react26_Component) {
+    _inherits(ErrorBoundary, _import_react26_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__ */ (0, import_react26.createElement)(FallbackComponent, props);
+                    } else if (fallback !== void 0) {
+                        childToRender = fallback;
+                    } else {
+                        throw error;
+                    }
+                }
+                return /* @__PURE__ */ (0, import_react26.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;
+}(import_react26.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
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function ownKeys24(e, r) {
@@ -4658,7 +4838,7 @@ var evaluate = /* @__PURE__ */ function() {
             return [
                 2,
                 fn(_objectSpread24(_objectSpread24({}, runtime), {}, {
-                    useMDXComponents: import_react27.useMDXComponents
+                    useMDXComponents: import_react28.useMDXComponents
                 }))
             ];
         });
@@ -4668,7 +4848,7 @@ var evaluate = /* @__PURE__ */ function() {
     };
 }();
 var TextContent = function(t0) {
-    var $ = (0, import_react_compiler_runtime23.c)(12);
+    var $ = (0, import_react_compiler_runtime23.c)(13);
     var content = t0.content;
     var _useMarkdownContext = useMarkdownContext(), getRemarkPlugins2 = _useMarkdownContext.getRemarkPlugins, components2 = _useMarkdownContext.components;
     var t1;
@@ -4685,7 +4865,7 @@ var TextContent = function(t0) {
     }
     t1 = t2;
     var remarkPlugins = t1;
-    var _ref = _sliced_to_array((0, import_react26.useState)(null), 2), MDXComponent = _ref[0], setMDXComponent = _ref[1];
+    var _ref = _sliced_to_array((0, import_react27.useState)(null), 2), MDXComponent = _ref[0], setMDXComponent = _ref[1];
     var t3;
     var t4;
     if ($[3] !== content || $[4] !== remarkPlugins) {
@@ -4764,31 +4944,45 @@ var TextContent = function(t0) {
         t3 = $[5];
         t4 = $[6];
     }
-    (0, import_react26.useEffect)(t3, t4);
+    (0, import_react27.useEffect)(t3, t4);
     if (!MDXComponent) {
         return content.text.value;
     }
     var t5;
-    if ($[7] !== MDXComponent) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(MDXComponent, {});
-        $[7] = MDXComponent;
-        $[8] = t5;
+    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes32.Badge, {
+            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__ */ (0, import_jsx_runtime44.jsx)(import_react27.MDXProvider, {
-            components: components2,
-            children: t5
+    if ($[8] !== MDXComponent) {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(MDXComponent, {});
+        $[8] = MDXComponent;
+        $[9] = t6;
+    } else {
+        t6 = $[9];
+    }
+    var t7;
+    if ($[10] !== components2 || $[11] !== t6) {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ErrorBoundary, {
+            fallback: t5,
+            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react28.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
 var import_react_compiler_runtime24 = require("react-compiler-runtime");
@@ -5015,7 +5209,7 @@ var Message = function(t0) {
     }
     var t8;
     if ($[32] !== t5 || $[33] !== t6 || $[34] !== t7) {
-        t8 = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes32.Box, {
+        t8 = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes33.Box, {
             children: [
                 t5,
                 t6,
@@ -5041,7 +5235,7 @@ var Message = function(t0) {
     }
     var t10;
     if ($[38] !== isInProgress || $[39] !== laterRunSteps_0) {
-        t10 = isInProgress && !(0, import_radash12.isEmpty)(laterRunSteps_0) && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes32.Box, {
+        t10 = isInProgress && !(0, import_radash12.isEmpty)(laterRunSteps_0) && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes33.Box, {
             children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(StartingContentSkeleton, {})
         });
         $[38] = isInProgress;
@@ -5052,7 +5246,7 @@ var Message = function(t0) {
     }
     var t11;
     if ($[41] !== className || $[42] !== style || $[43] !== t10 || $[44] !== t4 || $[45] !== t8 || $[46] !== t9) {
-        t11 = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes32.Box, {
+        t11 = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes33.Box, {
             className: className,
             style: style,
             children: [
@@ -5102,10 +5296,10 @@ function _temp4(content, index) {
 }
 // src/components/threads/Thread/Messages/Content/index.tsx
 var import_react_compiler_runtime33 = require("react-compiler-runtime");
-var import_react38 = require("react");
+var import_react39 = require("react");
 // src/hooks/messageGroups/useMessageGroups/index.ts
 var import_react_compiler_runtime27 = require("react-compiler-runtime");
-var import_react29 = require("react");
+var import_react30 = require("react");
 // src/hooks/messageGroups/useMessageGroups/lib/messageGroups/index.ts
 var import_lodash6 = __toESM(require("lodash"), 1);
 var import_radash14 = require("radash");
@@ -5237,19 +5431,19 @@ var useMessageGroups = function(t0) {
 };
 // src/components/skeletons/MessagesSkeleton/index.tsx
 var import_react_compiler_runtime29 = require("react-compiler-runtime");
-var import_react31 = require("react");
-var import_themes35 = require("@radix-ui/themes");
+var import_react32 = require("react");
+var import_themes36 = require("@radix-ui/themes");
 // src/components/messageGroups/MessageGroupBase/index.tsx
 var import_react_compiler_runtime28 = require("react-compiler-runtime");
-var import_react30 = require("react");
-var import_themes33 = require("@radix-ui/themes");
+var import_react31 = require("react");
+var import_themes34 = require("@radix-ui/themes");
 var import_jsx_runtime48 = require("react/jsx-runtime");
-var MessageGroupBase = /* @__PURE__ */ (0, import_react30.forwardRef)(function MessageGroupBase2(t0, ref) {
+var MessageGroupBase = /* @__PURE__ */ (0, import_react31.forwardRef)(function MessageGroupBase2(t0, ref) {
     var $ = (0, import_react_compiler_runtime28.c)(5);
     var children = t0.children;
     var t1;
     if ($[0] !== children) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes33.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes34.Flex, {
             flexShrink: "0",
             gap: "3",
             children: children
@@ -5261,7 +5455,7 @@ var MessageGroupBase = /* @__PURE__ */ (0, import_react30.forwardRef)(function M
     }
     var t2;
     if ($[2] !== ref || $[3] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes33.Container, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes34.Container, {
             ref: ref,
             size: "2",
             flexGrow: "0",
@@ -5276,14 +5470,14 @@ var MessageGroupBase = /* @__PURE__ */ (0, import_react30.forwardRef)(function M
     return t2;
 });
 // src/components/messageGroups/MessageGroupBase/Name.tsx
-var import_themes34 = require("@radix-ui/themes");
+var import_themes35 = require("@radix-ui/themes");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var Name = function(_ref) {
     var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes34.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.Flex, {
         align: "center",
         height: "var(--space-5)",
-        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes34.Text, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.Text, {
             size: "2",
             weight: "bold",
             children: children
@@ -5292,14 +5486,14 @@ var Name = function(_ref) {
 };
 // src/components/skeletons/MessagesSkeleton/index.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
-var MessagesSkeleton = /* @__PURE__ */ (0, import_react31.forwardRef)(function MessagesSkeleton2(_props, ref) {
+var MessagesSkeleton = /* @__PURE__ */ (0, import_react32.forwardRef)(function MessagesSkeleton2(_props, ref) {
     var $ = (0, import_react_compiler_runtime29.c)(7);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Skeleton, {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.Skeleton, {
             loading: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Avatar, {
-                fallback: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Flex, {}),
+            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.Avatar, {
+                fallback: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.Flex, {}),
                 size: "1"
             })
         });
@@ -5310,7 +5504,7 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react31.forwardRef)(function M
     var t1;
     if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
         t1 = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Name, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Skeleton, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.Skeleton, {
                 loading: true,
                 style: {
                     width: "128px"
@@ -5323,7 +5517,7 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react31.forwardRef)(function M
     }
     var t2;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Skeleton, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.Skeleton, {
             loading: true,
             style: {
                 width: "256px"
@@ -5335,7 +5529,7 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react31.forwardRef)(function M
     }
     var t3;
     if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Skeleton, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.Skeleton, {
             loading: true,
             style: {
                 width: "256px",
@@ -5348,13 +5542,13 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react31.forwardRef)(function M
     }
     var t4;
     if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_themes35.Box, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_themes36.Box, {
             pb: "3",
             children: [
                 t1,
                 t2,
                 t3,
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Skeleton, {
+                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.Skeleton, {
                     loading: true,
                     style: {
                         width: "256px",
@@ -5385,18 +5579,18 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react31.forwardRef)(function M
 });
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
 var import_react_compiler_runtime32 = require("react-compiler-runtime");
-var import_react37 = require("react");
-var import_themes41 = require("@radix-ui/themes");
+var import_react38 = require("react");
+var import_themes42 = require("@radix-ui/themes");
 // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
 var import_react_compiler_runtime30 = require("react-compiler-runtime");
+var import_react34 = require("react");
+var import_themes38 = require("@radix-ui/themes");
+// src/contexts/assistants/AssistantAvatarContext/index.tsx
 var import_react33 = require("react");
 var import_themes37 = require("@radix-ui/themes");
-// src/contexts/assistants/AssistantAvatarContext/index.tsx
-var import_react32 = require("react");
-var import_themes36 = require("@radix-ui/themes");
 var import_react_icons9 = require("@radix-ui/react-icons");
 var import_jsx_runtime51 = require("react/jsx-runtime");
-var AssistantAvatarContext = /* @__PURE__ */ (0, import_react32.createContext)(/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Avatar, {
+var AssistantAvatarContext = /* @__PURE__ */ (0, import_react33.createContext)(/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes37.Avatar, {
     fallback: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_icons9.LightningBoltIcon, {}),
     size: "1"
 }));
@@ -5404,7 +5598,7 @@ var AssistantAvatarContext = /* @__PURE__ */ (0, import_react32.createContext)(/
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var AssistantAvatar = function() {
     var $ = (0, import_react_compiler_runtime30.c)(3);
-    var AssistantAvatarContextValue = (0, import_react33.useContext)(AssistantAvatarContext);
+    var AssistantAvatarContextValue = (0, import_react34.useContext)(AssistantAvatarContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = {
@@ -5417,7 +5611,7 @@ var AssistantAvatar = function() {
     }
     var t1;
     if ($[1] !== AssistantAvatarContextValue) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes37.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes38.Flex, {
             flexShrink: "0",
             height: "24px",
             width: "24px",
@@ -5432,18 +5626,18 @@ var AssistantAvatar = function() {
     return t1;
 };
 // src/contexts/assistants/AssistantNameContext/index.tsx
-var import_react34 = require("react");
-var AssistantNameContext = /* @__PURE__ */ (0, import_react34.createContext)("Assistant");
+var import_react35 = require("react");
+var AssistantNameContext = /* @__PURE__ */ (0, import_react35.createContext)("Assistant");
 // src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
 var import_react_compiler_runtime31 = require("react-compiler-runtime");
+var import_react37 = require("react");
+var import_themes40 = require("@radix-ui/themes");
+// src/contexts/users/UserAvatarContext/index.tsx
 var import_react36 = require("react");
 var import_themes39 = require("@radix-ui/themes");
-// src/contexts/users/UserAvatarContext/index.tsx
-var import_react35 = require("react");
-var import_themes38 = require("@radix-ui/themes");
 var import_react_icons10 = require("@radix-ui/react-icons");
 var import_jsx_runtime53 = require("react/jsx-runtime");
-var UserAvatarContext = /* @__PURE__ */ (0, import_react35.createContext)(/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Avatar, {
+var UserAvatarContext = /* @__PURE__ */ (0, import_react36.createContext)(/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes39.Avatar, {
     fallback: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_icons10.PersonIcon, {}),
     size: "1"
 }));
@@ -5451,7 +5645,7 @@ var UserAvatarContext = /* @__PURE__ */ (0, import_react35.createContext)(/* @__
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var UserAvatar = function() {
     var $ = (0, import_react_compiler_runtime31.c)(3);
-    var UserAvatarContextValue = (0, import_react36.useContext)(UserAvatarContext);
+    var UserAvatarContextValue = (0, import_react37.useContext)(UserAvatarContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = {
@@ -5464,7 +5658,7 @@ var UserAvatar = function() {
     }
     var t1;
     if ($[1] !== UserAvatarContextValue) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes40.Flex, {
             flexShrink: "0",
             height: "24px",
             width: "24px",
@@ -5479,11 +5673,11 @@ var UserAvatar = function() {
     return t1;
 };
 // src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
-var import_themes40 = require("@radix-ui/themes");
+var import_themes41 = require("@radix-ui/themes");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var Content5 = function(_ref) {
     var messageGroup = _ref.messageGroup;
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes40.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes41.Flex, {
         direction: "column-reverse",
         children: messageGroup.messages.map(function(message) {
             return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Message, {
@@ -5497,7 +5691,7 @@ var import_jsx_runtime56 = require("react/jsx-runtime");
 var MessageGroup = function(t0) {
     var $ = (0, import_react_compiler_runtime32.c)(12);
     var messageGroup = t0.messageGroup;
-    var assistantNameContext = (0, import_react37.useContext)(AssistantNameContext);
+    var assistantNameContext = (0, import_react38.useContext)(AssistantNameContext);
     var t1;
     if ($[0] !== messageGroup.role) {
         t1 = messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AssistantAvatar, {});
@@ -5529,7 +5723,7 @@ var MessageGroup = function(t0) {
     }
     var t5;
     if ($[6] !== t3 || $[7] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_themes41.Box, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_themes42.Box, {
             flexGrow: "1",
             children: [
                 t3,
@@ -5598,7 +5792,7 @@ var Content6 = function() {
         t1 = $[4];
         t2 = $[5];
     }
-    (0, import_react38.useEffect)(t1, t2);
+    (0, import_react39.useEffect)(t1, t2);
     if (isLoading || isLoadingError) {
         var _t;
         if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
@@ -5636,16 +5830,16 @@ function _temp5(messageGroup) {
 }
 // src/components/threads/Thread/Messages/Progress/index.tsx
 var import_react_compiler_runtime35 = require("react-compiler-runtime");
-var import_react40 = require("react");
+var import_react41 = require("react");
 // src/components/skeletons/StartingSkeleton/index.tsx
 var import_react_compiler_runtime34 = require("react-compiler-runtime");
-var import_react39 = require("react");
-var import_themes42 = require("@radix-ui/themes");
+var import_react40 = require("react");
+var import_themes43 = require("@radix-ui/themes");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var StartingSkeleton = function(t0) {
     var $ = (0, import_react_compiler_runtime34.c)(7);
     var children = t0.children;
-    var assistantNameContext = (0, import_react39.useContext)(AssistantNameContext);
+    var assistantNameContext = (0, import_react40.useContext)(AssistantNameContext);
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t1 = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AssistantAvatar, {});
@@ -5675,7 +5869,7 @@ var StartingSkeleton = function(t0) {
         t4 = /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(MessageGroupBase, {
             children: [
                 t1,
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_themes42.Box, {
+                /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_themes43.Box, {
                     children: [
                         t2,
                         children,
@@ -5739,16 +5933,16 @@ var Progress = function() {
 };
 // src/components/threads/Thread/Messages/Root/index.tsx
 var import_react_compiler_runtime36 = require("react-compiler-runtime");
-var import_themes43 = require("@radix-ui/themes");
+var import_themes44 = require("@radix-ui/themes");
 // src/hooks/misc/useInfiniteScroll/index.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 var import_react_intersection_observer = require("react-intersection-observer");
 // src/hooks/misc/useThrottledEffect/index.tsx
 var import_lodash7 = __toESM(require("lodash"), 1);
-var import_react41 = require("react");
+var import_react42 = require("react");
 var useThrottledEffect = function(cb, delay, additionalDeps) {
-    var cbRef = (0, import_react41.useRef)(cb);
-    var throttledCb = (0, import_react41.useCallback)(import_lodash7.default.throttle(function() {
+    var cbRef = (0, import_react42.useRef)(cb);
+    var throttledCb = (0, import_react42.useCallback)(import_lodash7.default.throttle(function() {
         var _cbRef;
         return (_cbRef = cbRef).current.apply(_cbRef, arguments);
     }, delay, {
@@ -5757,17 +5951,17 @@ var useThrottledEffect = function(cb, delay, additionalDeps) {
     }), [
         delay
     ]);
-    (0, import_react41.useEffect)(function() {
+    (0, import_react42.useEffect)(function() {
         cbRef.current = cb;
     });
-    (0, import_react41.useEffect)(throttledCb, [
+    (0, import_react42.useEffect)(throttledCb, [
         throttledCb
     ].concat(_to_consumable_array(additionalDeps)));
 };
 // src/hooks/misc/useInfiniteScroll/index.tsx
 var useInfiniteScroll = function(_ref) {
     var isFetchingNextPage = _ref.isFetchingNextPage, hasNextPage = _ref.hasNextPage, fetchNextPage = _ref.fetchNextPage;
-    var containerRef = (0, import_react42.useRef)(null);
+    var containerRef = (0, import_react43.useRef)(null);
     var _$_ref = (0, import_react_intersection_observer.useInView)({
         root: containerRef.current,
         rootMargin: "0px",
@@ -5874,7 +6068,7 @@ var Root2 = function(t0) {
     }
     var t4;
     if ($[8] !== hasNextPage || $[9] !== loaderRef) {
-        t4 = hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes43.Flex, {
+        t4 = hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes44.Flex, {
             ref: loaderRef
         });
         $[8] = hasNextPage;
@@ -5885,7 +6079,7 @@ var Root2 = function(t0) {
     }
     var t5;
     if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes43.Flex, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes44.Flex, {
             flexShrink: "0",
             flexGrow: "1"
         });
@@ -5895,7 +6089,7 @@ var Root2 = function(t0) {
     }
     var t6;
     if ($[12] !== children || $[13] !== className || $[14] !== containerRef || $[15] !== t3 || $[16] !== t4) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_themes43.Flex, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_themes44.Flex, {
             ref: containerRef,
             direction: "column-reverse",
             flexGrow: "1",
@@ -5944,7 +6138,7 @@ var Messages = function(_ref) {
         style: style,
         className: className,
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes44.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.Flex, {
                 flexShrink: "0",
                 height: "var(--space-3)"
             }),
@@ -5952,7 +6146,7 @@ var Messages = function(_ref) {
             children,
             /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Content6, {}),
             /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(NextPageSkeleton, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes44.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.Flex, {
                 flexShrink: "0",
                 flexGrow: "1",
                 minHeight: "var(--space-5)"
@@ -5966,12 +6160,12 @@ Messages.NextPageSkeleton = NextPageSkeleton;
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
 var import_react_compiler_runtime38 = require("react-compiler-runtime");
 var import_react_icons11 = require("@radix-ui/react-icons");
-var import_themes45 = require("@radix-ui/themes");
+var import_themes46 = require("@radix-ui/themes");
 // src/hooks/messages/useMessageFormContext/index.ts
-var import_react44 = require("react");
+var import_react45 = require("react");
 // src/contexts/messages/MessageFormContext/index.ts
-var import_react43 = require("react");
-var MessageFormContext = /* @__PURE__ */ (0, import_react43.createContext)({
+var import_react44 = require("react");
+var MessageFormContext = /* @__PURE__ */ (0, import_react44.createContext)({
     content: "",
     isDisabled: false,
     isLoading: false,
@@ -5981,7 +6175,7 @@ var MessageFormContext = /* @__PURE__ */ (0, import_react43.createContext)({
 });
 // src/hooks/messages/useMessageFormContext/index.ts
 var useMessageFormContext = function() {
-    return (0, import_react44.useContext)(MessageFormContext);
+    return (0, import_react45.useContext)(MessageFormContext);
 };
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
 var import_jsx_runtime63 = require("react/jsx-runtime");
@@ -6030,7 +6224,7 @@ function _toPrimitive27(t, r) {
 }
 var Root3 = function(_ref) {
     var children = _ref.children, style = _ref.style, className = _ref.className;
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes45.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes46.Flex, {
         flexShrink: "0",
         align: "end",
         style: style,
@@ -6063,7 +6257,7 @@ var Button3 = function(props) {
         }
         var _t3;
         if ($[3] !== props || $[4] !== _t) {
-            _t3 = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes45.IconButton, _objectSpread27(_objectSpread27({
+            _t3 = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes46.IconButton, _objectSpread27(_objectSpread27({
                 type: "button",
                 onClick: _t
             }, props), {}, {
@@ -6087,7 +6281,7 @@ var Button3 = function(props) {
     }
     var t2;
     if ($[7] !== props || $[8] !== t0) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes45.IconButton, _objectSpread27(_objectSpread27({
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes46.IconButton, _objectSpread27(_objectSpread27({
             type: "submit",
             disabled: t0
         }, props), {}, {
@@ -6110,9 +6304,9 @@ Submit.Root = Root3;
 Submit.Button = Button3;
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 var import_react_query6 = require("@tanstack/react-query");
-var import_react45 = require("react");
+var import_react46 = require("react");
 var import_react_hook_form = require("react-hook-form");
-var import_themes46 = require("@radix-ui/themes");
+var import_themes47 = require("@radix-ui/themes");
 // src/components/threads/Thread/MessageForm/Root/lib/formOptions.ts
 var import_zod = require("zod");
 var import_zod2 = require("@hookform/resolvers/zod");
@@ -6194,7 +6388,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 _$_ref = _sliced_to_array((0, import_react45.useState)([]), 2), files = _$_ref[0], setFiles = _$_ref[1];
+    var _$_ref = _sliced_to_array((0, import_react46.useState)([]), 2), files = _$_ref[0], setFiles = _$_ref[1];
     var formProps = (0, import_react_hook_form.useForm)(formOptions);
     var handleSubmit = formProps.handleSubmit, isSubmitting = formProps.formState.isSubmitting, reset = formProps.reset, watch = formProps.watch;
     var addToast = useToasts().addToast;
@@ -6208,7 +6402,7 @@ var Root4 = function(_ref) {
         })
     }).createMessage;
     var isMutatingMessage = useIsMutatingMessage();
-    var isFileLoading = (0, import_react45.useMemo)(function() {
+    var isFileLoading = (0, import_react46.useMemo)(function() {
         return files.some(function(file) {
             return isOptimistic({
                 id: file.id
@@ -6217,14 +6411,14 @@ var Root4 = function(_ref) {
     }, [
         files
     ]);
-    var isLoading = (0, import_react45.useMemo)(function() {
+    var isLoading = (0, import_react46.useMemo)(function() {
         return isMutatingMessage || isSubmitting;
     }, [
         isMutatingMessage,
         isSubmitting
     ]);
     var latestMessage = useLatestMessage().latestMessage;
-    var isDisabled = (0, import_react45.useMemo)(function() {
+    var isDisabled = (0, import_react46.useMemo)(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);
@@ -6294,7 +6488,7 @@ var Root4 = function(_ref) {
             content: content
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_hook_form.FormProvider, _objectSpread28(_objectSpread28({}, formProps), {}, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Box, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes47.Box, {
                 asChild: true,
                 flexShrink: "0",
                 style: style,
@@ -6309,24 +6503,24 @@ var Root4 = function(_ref) {
 };
 // src/components/threads/Thread/MessageForm/Field/index.tsx
 var import_react_hook_form3 = require("react-hook-form");
-var import_themes50 = require("@radix-ui/themes");
+var import_themes51 = require("@radix-ui/themes");
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-var import_themes47 = require("@radix-ui/themes");
+var import_themes48 = require("@radix-ui/themes");
 var import_react_hook_form2 = require("react-hook-form");
 // src/hooks/misc/usePrevious.ts
-var import_react46 = require("react");
+var import_react47 = require("react");
 var usePrevious = function(state) {
-    var ref = (0, import_react46.useRef)();
-    (0, import_react46.useEffect)(function() {
+    var ref = (0, import_react47.useRef)();
+    (0, import_react47.useEffect)(function() {
         ref.current = state;
     });
     return ref.current;
 };
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-var import_react48 = require("react");
+var import_react49 = require("react");
 // src/components/textareas/TextareaBase/index.tsx
 var import_react_compiler_runtime39 = require("react-compiler-runtime");
-var import_react47 = require("react");
+var import_react48 = require("react");
 var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"), 1);
 var import_jsx_runtime65 = require("react/jsx-runtime");
 var _excluded2 = [
@@ -6394,7 +6588,7 @@ function _objectWithoutPropertiesLoose2(r, e) {
     }
     return t;
 }
-var TextareaBase = /* @__PURE__ */ (0, import_react47.forwardRef)(function TextareaBase2(t0, ref) {
+var TextareaBase = /* @__PURE__ */ (0, import_react48.forwardRef)(function TextareaBase2(t0, ref) {
     var _className;
     var $ = (0, import_react_compiler_runtime39.c)(14);
     var className;
@@ -6519,7 +6713,7 @@ function _toPrimitive30(t, r) {
 }
 var Root5 = function(_ref) {
     var children = _ref.children, style = _ref.style, className = _ref.className;
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes47.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes48.Flex, {
         flexGrow: "1",
         pt: "4px",
         style: style,
@@ -6530,19 +6724,19 @@ var Root5 = function(_ref) {
 var Input = function(props) {
     "use no memo";
     var _props$placeholder;
-    var assistantNameContext = (0, import_react48.useContext)(AssistantNameContext);
+    var assistantNameContext = (0, import_react49.useContext)(AssistantNameContext);
     var register = (0, import_react_hook_form2.useFormContext)().register;
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
-    var isSubmitDisabled = (0, import_react48.useMemo)(function() {
+    var isSubmitDisabled = (0, import_react49.useMemo)(function() {
         return isDisabled || isLoading;
     }, [
         isDisabled,
         isLoading
     ]);
     var isDisabledPrevious = usePrevious(isDisabled);
-    var textareaRef = (0, import_react48.useRef)(null);
+    var textareaRef = (0, import_react49.useRef)(null);
     var textareaProps = register("content");
-    (0, import_react48.useEffect)(function() {
+    (0, import_react49.useEffect)(function() {
         if (isDisabled) return;
         if (!isDisabledPrevious) return;
         if (!textareaRef.current) return;
@@ -6580,7 +6774,7 @@ Control.Root = Root5;
 Control.Input = Input;
 // src/components/threads/Thread/MessageForm/Field/Files/Preview.tsx
 var import_react_compiler_runtime40 = require("react-compiler-runtime");
-var import_themes48 = require("@radix-ui/themes");
+var import_themes49 = require("@radix-ui/themes");
 var import_react_icons12 = require("@radix-ui/react-icons");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 function ownKeys31(e, r) {
@@ -6637,30 +6831,30 @@ var Preview = function(props) {
         var _t;
         if ($[3] !== setFiles) {
             _t = function(file) {
-                return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes48.Card, {
+                return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes49.Card, {
                     variant: "ghost",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_themes48.Flex, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_themes49.Flex, {
                         align: "center",
                         justify: "between",
                         gap: "1",
                         children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_themes48.Flex, {
+                            /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_themes49.Flex, {
                                 align: "center",
                                 gap: "1",
                                 flexShrink: "1",
                                 minWidth: "0",
                                 maxWidth: "250px",
                                 children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes48.Flex, {
+                                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes49.Flex, {
                                         flexShrink: "0",
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes48.Spinner, {
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes49.Spinner, {
                                             loading: isOptimistic({
                                                 id: file.id
                                             }),
                                             children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react_icons12.FileIcon, {})
                                         })
                                     }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes48.Text, {
+                                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes49.Text, {
                                         size: "2",
                                         truncate: true,
                                         wrap: "nowrap",
@@ -6668,9 +6862,9 @@ var Preview = function(props) {
                                     })
                                 ]
                             }),
-                            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes48.Flex, {
+                            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes49.Flex, {
                                 flexShrink: "0",
-                                children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes48.IconButton, {
+                                children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes49.IconButton, {
                                     onClick: function() {
                                         return setFiles(function(prev) {
                                             return prev.filter(function(prevFile) {
@@ -6702,7 +6896,7 @@ var Preview = function(props) {
     }
     var t1;
     if ($[5] !== props || $[6] !== t0) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes48.Flex, _objectSpread31(_objectSpread31({
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes49.Flex, _objectSpread31(_objectSpread31({
             flexBasis: "100%",
             direction: "column",
             pb: "2",
@@ -6719,11 +6913,11 @@ var Preview = function(props) {
     return t1;
 };
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_radash16 = require("radash");
 var import_dayjs2 = __toESM(require("dayjs"), 1);
 var import_react_icons13 = require("@radix-ui/react-icons");
-var import_themes49 = require("@radix-ui/themes");
+var import_themes50 = require("@radix-ui/themes");
 // src/hooks/files/useCreateFile/index.ts
 var import_react_compiler_runtime41 = require("react-compiler-runtime");
 var import_react_query7 = require("@tanstack/react-query");
@@ -7150,7 +7344,7 @@ var Control2 = function(props) {
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, setFiles = _useMessageFormContext.setFiles;
     var createFile = useCreateFile().createFile;
     var addToast = useToasts().addToast;
-    var onChange = (0, import_react49.useCallback)(/* @__PURE__ */ function() {
+    var onChange = (0, import_react50.useCallback)(/* @__PURE__ */ function() {
         var _ref = _asyncToGenerator8(function(event) {
             var fileObjects, newFiles, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _loop, _iterator, _step, err;
             return _ts_generator(this, function(_state) {
@@ -7318,12 +7512,12 @@ var Control2 = function(props) {
         createFile,
         setFiles
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Flex, _objectSpread35(_objectSpread35({
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes50.Flex, _objectSpread35(_objectSpread35({
         pt: "2",
         pr: "2",
         flexGrow: "0"
     }, props), {}, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes49.IconButton, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes50.IconButton, {
             type: "button",
             variant: "ghost",
             color: "gray",
@@ -7407,18 +7601,18 @@ var Root6 = function(_ref) {
     "use no memo";
     var children = _ref.children, className = _ref.className, style = _ref.style;
     var _$_ref = (0, import_react_hook_form3.useFormContext)(), errors = _$_ref.formState.errors;
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes50.Container, {
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes51.Container, {
         size: "2",
         flexGrow: "0",
         className: className,
         style: style,
-        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes50.Flex, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes51.Flex, {
             direction: "column",
             flexShrink: "0",
-            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes50.Flex, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes51.Flex, {
                 direction: "column",
                 flexShrink: "0",
-                children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes50.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes51.Flex, {
                     style: _objectSpread36({
                         borderRadius: "var(--radius-2)",
                         borderWidth: "1px",
@@ -7500,26 +7694,26 @@ MessageForm.Root = Root4;
 MessageForm.Field = Field;
 MessageForm.Submit = Submit;
 // src/components/threads/Thread/Root/index.tsx
-var import_themes52 = require("@radix-ui/themes");
+var import_themes53 = require("@radix-ui/themes");
 // src/components/threads/Thread/Provider/index.tsx
 var Provider2 = SuperinterfaceProvider;
 // src/components/toasts/ToastsProvider/index.tsx
 var import_react_compiler_runtime42 = require("react-compiler-runtime");
-var import_react50 = require("react");
+var import_react51 = require("react");
 var Toast2 = __toESM(require("@radix-ui/react-toast"), 1);
 // src/components/toasts/ToastsProvider/CustomToast.tsx
 var Toast = __toESM(require("@radix-ui/react-toast"), 1);
-var import_themes51 = require("@radix-ui/themes");
+var import_themes52 = require("@radix-ui/themes");
 var import_react_icons14 = require("@radix-ui/react-icons");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 var CustomToast = function(_ref) {
     var toast = _ref.toast;
     return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Toast.Root, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes51.Card, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes52.Card, {
             children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Toast.Title, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_themes51.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_themes52.Flex, {
                     children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes51.Flex, {
+                        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes52.Flex, {
                             pr: "2",
                             height: "14px",
                             align: "center",
@@ -7529,7 +7723,7 @@ var CustomToast = function(_ref) {
                                 color: "var(--red-9)"
                             })
                         }),
-                        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes51.Text, {
+                        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes52.Text, {
                             weight: "medium",
                             size: "1",
                             children: toast.message
@@ -7553,7 +7747,7 @@ var ToastsProvider = function(t0) {
     } else {
         t2 = $[0];
     }
-    var _ref = _sliced_to_array((0, import_react50.useState)(t2), 2), toasts = _ref[0], setToasts = _ref[1];
+    var _ref = _sliced_to_array((0, import_react51.useState)(t2), 2), toasts = _ref[0], setToasts = _ref[1];
     var t3;
     if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
         t3 = function(toast) {
@@ -7719,7 +7913,7 @@ var Root8 = function(_ref) {
     return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ToastsProvider, {
         bottom: "var(--space-9)",
         children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Provider2, _objectSpread38(_objectSpread38({}, rest), {}, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes52.Flex, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes53.Flex, {
                 direction: "column",
                 flexGrow: "1",
                 className: className,
@@ -7786,13 +7980,13 @@ Thread.Root = Root8;
 Thread.Messages = Messages;
 Thread.MessageForm = MessageForm;
 // src/hooks/messages/useMessageContext/index.ts
-var import_react51 = require("react");
+var import_react52 = require("react");
 var useMessageContext = function() {
-    return (0, import_react51.useContext)(MessageContext);
+    return (0, import_react52.useContext)(MessageContext);
 };
 // src/hooks/assistants/useAssistant/index.ts
 var import_react_compiler_runtime43 = require("react-compiler-runtime");
-var import_react52 = require("react");
+var import_react53 = require("react");
 var import_react_query9 = require("@tanstack/react-query");
 // src/hooks/assistants/useAssistant/lib/queryOptions/index.ts
 var import_react_query8 = require("@tanstack/react-query");
@@ -7975,17 +8169,17 @@ var useAssistant = function(t0) {
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
 var import_react_compiler_runtime44 = require("react-compiler-runtime");
-var import_react55 = require("react");
+var import_react56 = require("react");
 // src/contexts/threads/ThreadDialogContext/index.ts
-var import_react53 = require("react");
-var ThreadDialogContext = /* @__PURE__ */ (0, import_react53.createContext)({
+var import_react54 = require("react");
+var ThreadDialogContext = /* @__PURE__ */ (0, import_react54.createContext)({
     isOpen: false,
     setIsOpen: function() {}
 });
 // src/hooks/threads/useThreadDialogContext/index.ts
-var import_react54 = require("react");
+var import_react55 = require("react");
 var useThreadDialogContext = function() {
-    return (0, import_react54.useContext)(ThreadDialogContext);
+    return (0, import_react55.useContext)(ThreadDialogContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
 var import_jsx_runtime75 = require("react/jsx-runtime");
@@ -7993,7 +8187,7 @@ var Provider4 = function(t0) {
     var $ = (0, import_react_compiler_runtime44.c)(5);
     var children = t0.children;
     var threadDialogContext = useThreadDialogContext();
-    var _ref = _sliced_to_array((0, import_react55.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
+    var _ref = _sliced_to_array((0, import_react56.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
     var t1;
     if ($[0] !== isOpen) {
         t1 = {
@@ -8029,9 +8223,9 @@ var Root9 = function(_ref) {
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
 var import_react_compiler_runtime45 = require("react-compiler-runtime");
-var import_themes54 = require("@radix-ui/themes");
+var import_themes55 = require("@radix-ui/themes");
 // src/components/threads/ThreadDialog/Trigger/Button.tsx
-var import_themes53 = require("@radix-ui/themes");
+var import_themes54 = require("@radix-ui/themes");
 var import_react_icons15 = require("@radix-ui/react-icons");
 var import_jsx_runtime77 = require("react/jsx-runtime");
 function ownKeys41(e, r) {
@@ -8078,7 +8272,7 @@ function _toPrimitive41(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Button4 = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes53.IconButton, _objectSpread41(_objectSpread41({
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes54.IconButton, _objectSpread41(_objectSpread41({
         size: "4",
         radius: "full"
     }, props), {}, {
@@ -8176,7 +8370,7 @@ var Root10 = function(t0) {
     }
     var t6;
     if ($[8] !== children || $[9] !== className || $[10] !== t2 || $[11] !== t3 || $[12] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_themes54.Flex, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_themes55.Flex, {
             display: t2,
             onClick: t3,
             direction: "column",
@@ -8213,11 +8407,11 @@ function _temp8(prev) {
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
 var import_react_compiler_runtime47 = require("react-compiler-runtime");
-var import_themes56 = require("@radix-ui/themes");
+var import_themes57 = require("@radix-ui/themes");
 // src/components/threads/ThreadDialog/Close/index.tsx
 var import_react_compiler_runtime46 = require("react-compiler-runtime");
 var import_react_icons16 = require("@radix-ui/react-icons");
-var import_themes55 = require("@radix-ui/themes");
+var import_themes56 = require("@radix-ui/themes");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 var Close = function() {
     var $ = (0, import_react_compiler_runtime46.c)(9);
@@ -8255,7 +8449,7 @@ var Close = function() {
     }
     var t4;
     if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_themes55.IconButton, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_themes56.IconButton, {
             size: "2",
             variant: "soft",
             children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_icons16.Cross1Icon, {})
@@ -8266,7 +8460,7 @@ var Close = function() {
     }
     var t5;
     if ($[6] !== t1 || $[7] !== t2) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_themes55.Flex, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_themes56.Flex, {
             display: t1,
             onClick: t2,
             direction: "column",
@@ -8423,7 +8617,7 @@ var Root11 = function(t0) {
     }
     var t10;
     if ($[10] !== children) {
-        t10 = /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes56.Inset, {
+        t10 = /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes57.Inset, {
             clip: "padding-box",
             side: "all",
             pb: "current",
@@ -8444,7 +8638,7 @@ var Root11 = function(t0) {
     }
     var t12;
     if ($[13] !== t10) {
-        t12 = /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_themes56.Card, {
+        t12 = /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_themes57.Card, {
             mb: t7,
             style: t8,
             children: [
@@ -8459,7 +8653,7 @@ var Root11 = function(t0) {
     }
     var t13;
     if ($[15] !== className || $[16] !== t12 || $[17] !== t6) {
-        t13 = /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes56.Flex, {
+        t13 = /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes57.Flex, {
             className: className,
             direction: "column",
             justify: "end",
@@ -8495,7 +8689,7 @@ var Messages2 = function(_ref) {
 };
 var FormContainer = function(_ref2) {
     var children = _ref2.children, className = _ref2.className, style = _ref2.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes56.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes57.Flex, {
         direction: "column",
         pl: "5",
         pr: "5",
@@ -8536,9 +8730,9 @@ ThreadDialog.Trigger = Trigger;
 ThreadDialog.Content = Content7;
 // src/components/threads/AudioThread/Root/index.tsx
 var import_react_compiler_runtime52 = require("react-compiler-runtime");
-var import_themes57 = require("@radix-ui/themes");
+var import_themes58 = require("@radix-ui/themes");
 // src/contexts/threads/AudioThreadContext/index.ts
-var import_react56 = require("react");
+var import_react57 = require("react");
 function asyncGeneratorStep10(n, t, e, r, o, a, c) {
     try {
         var i = n[a](c), u = i.value;
@@ -8562,7 +8756,7 @@ function _asyncToGenerator10(n) {
         });
     };
 }
-var AudioThreadContext = /* @__PURE__ */ (0, import_react56.createContext)({
+var AudioThreadContext = /* @__PURE__ */ (0, import_react57.createContext)({
     status: "idle",
     recorderProps: {
         status: "idle",
@@ -8656,7 +8850,7 @@ var AudioThreadContext = /* @__PURE__ */ (0, import_react56.createContext)({
 });
 // src/hooks/misc/usePermission/index.ts
 var import_react_compiler_runtime48 = require("react-compiler-runtime");
-var import_react57 = require("react");
+var import_react58 = require("react");
 // src/hooks/misc/usePermission/util.ts
 var noop = function() {};
 function on(obj) {
@@ -8680,7 +8874,7 @@ function off(obj) {
 // src/hooks/misc/usePermission/index.ts
 var usePermission = function(permissionDesc) {
     var $ = (0, import_react_compiler_runtime48.c)(3);
-    var _ref = _sliced_to_array((0, import_react57.useState)(""), 2), state = _ref[0], setState = _ref[1];
+    var _ref = _sliced_to_array((0, import_react58.useState)(""), 2), state = _ref[0], setState = _ref[1];
     var t0;
     var t1;
     if ($[0] !== permissionDesc) {
@@ -8719,7 +8913,7 @@ var usePermission = function(permissionDesc) {
         t0 = $[1];
         t1 = $[2];
     }
-    (0, import_react57.useEffect)(t0, t1);
+    (0, import_react58.useEffect)(t0, t1);
     return state;
 };
 // src/components/threads/AudioThread/Root/lib/blobToData.ts
@@ -8734,7 +8928,7 @@ var blobToData = function(blob) {
 };
 // src/hooks/audioThreads/useStatus/index.ts
 var import_react_compiler_runtime49 = require("react-compiler-runtime");
-var import_react58 = require("react");
+var import_react59 = require("react");
 var useStatus = function(t0) {
     var $ = (0, import_react_compiler_runtime49.c)(2);
     var messageAudioProps = t0.messageAudioProps, recorderProps = t0.recorderProps, createMessageProps = t0.createMessageProps;
@@ -8792,14 +8986,14 @@ var useStatus = function(t0) {
 // src/hooks/audioThreads/useRecorder/index.ts
 var import_dayjs3 = __toESM(require("dayjs"), 1);
 var import_use_audio_capture = require("use-audio-capture");
-var import_react60 = require("react");
+var import_react61 = require("react");
 var import_react_use_audio_player = require("react-use-audio-player");
 // src/hooks/misc/useInterval.ts
 var import_react_compiler_runtime50 = require("react-compiler-runtime");
-var import_react59 = require("react");
+var import_react60 = require("react");
 var useInterval = function(callback, delay) {
     var $ = (0, import_react_compiler_runtime50.c)(5);
-    var savedCallback = (0, import_react59.useRef)(_temp10);
+    var savedCallback = (0, import_react60.useRef)(_temp10);
     var t0;
     if ($[0] !== callback) {
         t0 = function() {
@@ -8810,7 +9004,7 @@ var useInterval = function(callback, delay) {
     } else {
         t0 = $[1];
     }
-    (0, import_react59.useEffect)(t0);
+    (0, import_react60.useEffect)(t0);
     var t1;
     var t2;
     if ($[2] !== delay) {
@@ -8834,7 +9028,7 @@ var useInterval = function(callback, delay) {
         t1 = $[3];
         t2 = $[4];
     }
-    (0, import_react59.useEffect)(t1, t2);
+    (0, import_react60.useEffect)(t1, t2);
 };
 function _temp10() {}
 // src/hooks/audioThreads/useRecorder/index.ts
@@ -8906,14 +9100,14 @@ function _asyncToGenerator11(n) {
 }
 var useRecorder = function(_ref) {
     var isStopOnSilence = _ref.isStopOnSilence, _onStart = _ref.onStart, _onStop = _ref.onStop;
-    var _$_ref = _sliced_to_array((0, import_react60.useState)(null), 2), silenceStart = _$_ref[0], setSilenceStart = _$_ref[1];
-    var _$_ref1 = _sliced_to_array((0, import_react60.useState)(null), 2), noiseStart = _$_ref1[0], setNoiseStart = _$_ref1[1];
-    var _$_ref2 = _sliced_to_array((0, import_react60.useState)(null), 2), mediaStream = _$_ref2[0], setMediaStream = _$_ref2[1];
-    var _$_ref3 = _sliced_to_array((0, import_react60.useState)("idle"), 2), status = _$_ref3[0], setStatus = _$_ref3[1];
+    var _$_ref = _sliced_to_array((0, import_react61.useState)(null), 2), silenceStart = _$_ref[0], setSilenceStart = _$_ref[1];
+    var _$_ref1 = _sliced_to_array((0, import_react61.useState)(null), 2), noiseStart = _$_ref1[0], setNoiseStart = _$_ref1[1];
+    var _$_ref2 = _sliced_to_array((0, import_react61.useState)(null), 2), mediaStream = _$_ref2[0], setMediaStream = _$_ref2[1];
+    var _$_ref3 = _sliced_to_array((0, import_react61.useState)("idle"), 2), status = _$_ref3[0], setStatus = _$_ref3[1];
     var startAudioPlayer = (0, import_react_use_audio_player.useAudioPlayer)();
     var endAudioPlayer = (0, import_react_use_audio_player.useAudioPlayer)();
-    var _$_ref4 = _sliced_to_array((0, import_react60.useState)(false), 2), isLoaded = _$_ref4[0], setIsLoaded = _$_ref4[1];
-    (0, import_react60.useEffect)(function() {
+    var _$_ref4 = _sliced_to_array((0, import_react61.useState)(false), 2), isLoaded = _$_ref4[0], setIsLoaded = _$_ref4[1];
+    (0, import_react61.useEffect)(function() {
         if (isLoaded) return;
         setIsLoaded(true);
     }, [
@@ -8973,9 +9167,9 @@ var useRecorder = function(_ref) {
             setNoiseStart(null);
         }
     });
-    var _$_ref5 = _sliced_to_array((0, import_react60.useState)(null), 2), audioEngine = _$_ref5[0], setAudioEngine = _$_ref5[1];
-    var isInited = (0, import_react60.useRef)(false);
-    (0, import_react60.useEffect)(function() {
+    var _$_ref5 = _sliced_to_array((0, import_react61.useState)(null), 2), audioEngine = _$_ref5[0], setAudioEngine = _$_ref5[1];
+    var isInited = (0, import_react61.useRef)(false);
+    (0, import_react61.useEffect)(function() {
         if (!mediaStream) return;
         if (isInited.current) return;
         isInited.current = true;
@@ -8988,7 +9182,7 @@ var useRecorder = function(_ref) {
         isInited,
         mediaStream
     ]);
-    var visualizationAnalyser = (0, import_react60.useMemo)(function() {
+    var visualizationAnalyser = (0, import_react61.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(result);
@@ -8996,7 +9190,7 @@ var useRecorder = function(_ref) {
     }, [
         audioEngine
     ]);
-    var silenceAnalyser = (0, import_react60.useMemo)(function() {
+    var silenceAnalyser = (0, import_react61.useMemo)(function() {
         if (!audioEngine) return null;
         var result_0 = audioEngine.audioContext.createAnalyser();
         result_0.minDecibels = -60;
@@ -9005,7 +9199,7 @@ var useRecorder = function(_ref) {
     }, [
         audioEngine
     ]);
-    var handleSilence = (0, import_react60.useCallback)(function() {
+    var handleSilence = (0, import_react61.useCallback)(function() {
         if (!silenceAnalyser) return;
         var frequencyData = new Uint8Array(silenceAnalyser.frequencyBinCount);
         silenceAnalyser.getByteFrequencyData(frequencyData);
@@ -9028,7 +9222,7 @@ var useRecorder = function(_ref) {
         setNoiseStart,
         setSilenceStart
     ]);
-    (0, import_react60.useEffect)(function() {
+    (0, import_react61.useEffect)(function() {
         if (!isStopOnSilence) return;
         requestAnimationFrame(function() {
             return handleSilence();
@@ -9052,7 +9246,7 @@ var useRecorder = function(_ref) {
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
 var import_react_compiler_runtime51 = require("react-compiler-runtime");
-var import_react61 = require("react");
+var import_react62 = require("react");
 var import_compromise = __toESM(require("compromise"), 1);
 var import_howler = require("howler");
 var import_react_use_audio_player2 = require("react-use-audio-player");
@@ -9135,7 +9329,7 @@ var getMessageSentences = function(_ref) {
 var useMessageAudio = function(t0) {
     var $ = (0, import_react_compiler_runtime51.c)(44);
     var onEnd = t0.onEnd;
-    var _ref = _sliced_to_array((0, import_react61.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
+    var _ref = _sliced_to_array((0, import_react62.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t1 = [];
@@ -9143,7 +9337,7 @@ var useMessageAudio = function(t0) {
     } else {
         t1 = $[0];
     }
-    var _ref1 = _sliced_to_array((0, import_react61.useState)(t1), 2), stoppedMessageIds = _ref1[0], setStoppedMessageIds = _ref1[1];
+    var _ref1 = _sliced_to_array((0, import_react62.useState)(t1), 2), stoppedMessageIds = _ref1[0], setStoppedMessageIds = _ref1[1];
     var t2;
     if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
         t2 = [];
@@ -9151,11 +9345,11 @@ var useMessageAudio = function(t0) {
     } else {
         t2 = $[1];
     }
-    var _ref2 = _sliced_to_array((0, import_react61.useState)(t2), 2), playedMessageSentences = _ref2[0], setPlayedMessageSentences = _ref2[1];
+    var _ref2 = _sliced_to_array((0, import_react62.useState)(t2), 2), playedMessageSentences = _ref2[0], setPlayedMessageSentences = _ref2[1];
     var audioPlayer = (0, import_react_use_audio_player2.useAudioPlayer)();
     var nextAudioPlayer = (0, import_react_use_audio_player2.useAudioPlayer)();
     var superinterfaceContext = useSuperinterfaceContext();
-    var _ref3 = _sliced_to_array((0, import_react61.useState)(false), 2), isPlaying = _ref3[0], setIsPlaying = _ref3[1];
+    var _ref3 = _sliced_to_array((0, import_react62.useState)(false), 2), isPlaying = _ref3[0], setIsPlaying = _ref3[1];
     var latestMessageProps = useLatestMessage();
     var t3;
     bb0: {
@@ -9347,7 +9541,7 @@ var useMessageAudio = function(t0) {
     } else {
         t5 = $[29];
     }
-    (0, import_react61.useEffect)(t4, t5);
+    (0, import_react62.useEffect)(t4, t5);
     var t6;
     if ($[30] !== audioPlayer) {
         t6 = [
@@ -9358,9 +9552,9 @@ var useMessageAudio = function(t0) {
     } else {
         t6 = $[31];
     }
-    (0, import_react61.useEffect)(_temp11, t6);
-    var _ref4 = _sliced_to_array((0, import_react61.useState)(null), 2), audioEngine = _ref4[0], setAudioEngine = _ref4[1];
-    var isAudioEngineInited = (0, import_react61.useRef)(false);
+    (0, import_react62.useEffect)(_temp11, t6);
+    var _ref4 = _sliced_to_array((0, import_react62.useState)(null), 2), audioEngine = _ref4[0], setAudioEngine = _ref4[1];
+    var isAudioEngineInited = (0, import_react62.useRef)(false);
     var t7;
     if ($[32] !== audioPlayer.playing) {
         t7 = function() {
@@ -9400,7 +9594,7 @@ var useMessageAudio = function(t0) {
     } else {
         t8 = $[35];
     }
-    (0, import_react61.useEffect)(t7, t8);
+    (0, import_react62.useEffect)(t7, t8);
     var t9;
     bb1: {
         if (!audioEngine) {
@@ -9657,7 +9851,7 @@ var Content8 = function(t0) {
     }
     var t8;
     if ($[14] !== children || $[15] !== className || $[16] !== style) {
-        t8 = /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_themes57.Flex, {
+        t8 = /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_themes58.Flex, {
             direction: "column",
             flexGrow: "1",
             p: "9",
@@ -9708,25 +9902,25 @@ function _temp24() {
     return _temp24.apply(this, arguments);
 }
 // src/components/threads/AudioThread/Visualization/index.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 var import_lodash9 = __toESM(require("lodash"), 1);
-var import_themes59 = require("@radix-ui/themes");
+var import_themes60 = require("@radix-ui/themes");
 // src/hooks/threads/useAudioThreadContext/index.ts
-var import_react62 = require("react");
+var import_react63 = require("react");
 var useAudioThreadContext = function() {
-    return (0, import_react62.useContext)(AudioThreadContext);
+    return (0, import_react63.useContext)(AudioThreadContext);
 };
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
 var import_lodash8 = __toESM(require("lodash"), 1);
-var import_themes58 = require("@radix-ui/themes");
-var import_react63 = require("react");
+var import_themes59 = require("@radix-ui/themes");
+var import_react64 = require("react");
 var import_radash18 = require("radash");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 var barCount = 4;
 var BarsVisualizer = function(_ref) {
     var visualizationAnalyser = _ref.visualizationAnalyser, backgroundColor = _ref.backgroundColor, height = _ref.height, barWidth = _ref.barWidth;
-    var _$_ref = _sliced_to_array((0, import_react63.useState)([]), 2), barHeights = _$_ref[0], setBarHeights = _$_ref[1];
-    var draw = (0, import_react63.useCallback)(function(_ref2) {
+    var _$_ref = _sliced_to_array((0, import_react64.useState)([]), 2), barHeights = _$_ref[0], setBarHeights = _$_ref[1];
+    var draw = (0, import_react64.useCallback)(function(_ref2) {
         var visualizationAnalyser_0 = _ref2.visualizationAnalyser;
         if (!visualizationAnalyser_0) {
             setBarHeights(Array(barCount).fill(0));
@@ -9744,7 +9938,7 @@ var BarsVisualizer = function(_ref) {
             });
         });
     }, []);
-    (0, import_react63.useEffect)(function() {
+    (0, import_react64.useEffect)(function() {
         draw({
             visualizationAnalyser: visualizationAnalyser
         });
@@ -9752,7 +9946,7 @@ var BarsVisualizer = function(_ref) {
         draw,
         visualizationAnalyser
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes58.Grid, {
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.Grid, {
         columns: "".concat(barCount),
         gap: "1",
         width: "auto",
@@ -9761,12 +9955,12 @@ var BarsVisualizer = function(_ref) {
             gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
         },
         children: barHeights.map(function(barHeight, index) {
-            return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes58.Flex, {
+            return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.Flex, {
                 direction: "column",
                 align: "center",
                 justify: "center",
                 height: height,
-                children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes58.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.Flex, {
                     minHeight: "50%",
                     maxHeight: "100%",
                     height: "".concat(barHeight + 20, "%"),
@@ -9827,9 +10021,9 @@ function _toPrimitive47(t, r) {
 }
 var Visualization = function(props) {
     var audioThreadContext = useAudioThreadContext();
-    var assistantNameContext = (0, import_react64.useContext)(AssistantNameContext);
-    var _ref = _sliced_to_array((0, import_react64.useState)(0), 2), scale = _ref[0], setScale = _ref[1];
-    var draw = (0, import_react64.useCallback)(function(_ref) {
+    var assistantNameContext = (0, import_react65.useContext)(AssistantNameContext);
+    var _ref = _sliced_to_array((0, import_react65.useState)(0), 2), scale = _ref[0], setScale = _ref[1];
+    var draw = (0, import_react65.useCallback)(function(_ref) {
         var visualizationAnalyser = _ref.visualizationAnalyser;
         if (!visualizationAnalyser) {
             setScale(1);
@@ -9844,7 +10038,7 @@ var Visualization = function(props) {
             });
         });
     }, []);
-    (0, import_react64.useEffect)(function() {
+    (0, import_react65.useEffect)(function() {
         draw({
             visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser
         });
@@ -9852,7 +10046,7 @@ var Visualization = function(props) {
         draw,
         audioThreadContext
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_themes59.Flex, _objectSpread47(_objectSpread47({
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_themes60.Flex, _objectSpread47(_objectSpread47({
         direction: "column",
         align: "center",
         justify: "center",
@@ -9860,7 +10054,7 @@ var Visualization = function(props) {
         flexGrow: "1"
     }, props), {}, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes59.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes60.Flex, {
                 align: "center",
                 justify: "center",
                 height: "200px",
@@ -9877,7 +10071,7 @@ var Visualization = function(props) {
                     barWidth: "24px"
                 })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_themes59.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_themes60.Flex, {
                 ml: "-22.5px",
                 gap: "3",
                 pt: "5",
@@ -9894,7 +10088,7 @@ var Visualization = function(props) {
 // src/components/threads/AudioThread/Status/index.tsx
 var import_react_compiler_runtime53 = require("react-compiler-runtime");
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
-var import_themes60 = require("@radix-ui/themes");
+var import_themes61 = require("@radix-ui/themes");
 var import_jsx_runtime85 = require("react/jsx-runtime");
 var html = function(_ref) {
     var texts = _ref.texts;
@@ -9904,13 +10098,13 @@ var html = function(_ref) {
 };
 var StatusMessages = function(_ref2) {
     var texts = _ref2.texts, className = _ref2.className, style = _ref2.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_themes60.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_themes61.Flex, {
         justify: "center",
         pb: "5",
         className: className,
         style: style,
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes60.Text, {
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes61.Text, {
                 size: "2",
                 weight: "regular",
                 color: "gray",
@@ -10070,7 +10264,7 @@ var Status = function(props) {
 };
 // src/components/threads/AudioThread/Form/index.tsx
 var import_react_compiler_runtime55 = require("react-compiler-runtime");
-var import_themes62 = require("@radix-ui/themes");
+var import_themes63 = require("@radix-ui/themes");
 // src/components/threads/AudioThread/Form/MicIcon.tsx
 var import_jsx_runtime87 = require("react/jsx-runtime");
 function ownKeys49(e, r) {
@@ -10134,7 +10328,7 @@ var MicIcon = function(props) {
 };
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
 var import_react_compiler_runtime54 = require("react-compiler-runtime");
-var import_themes61 = require("@radix-ui/themes");
+var import_themes62 = require("@radix-ui/themes");
 var import_react_icons17 = require("@radix-ui/react-icons");
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var ActionButton = function() {
@@ -10151,10 +10345,10 @@ var ActionButton = function() {
         }
         var t1;
         if ($[1] !== audioThreadContext.recorderProps.pause) {
-            t1 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes61.Flex, {
+            t1 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.Flex, {
                 mr: "3",
                 ml: "-7",
-                children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes61.IconButton, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
                     onClick: audioThreadContext.recorderProps.pause,
                     color: "gray",
                     variant: "soft",
@@ -10176,7 +10370,7 @@ var ActionButton = function() {
         }
         var t3;
         if ($[4] !== audioThreadContext.recorderProps.stop) {
-            t3 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes61.IconButton, {
+            t3 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
                 onClick: audioThreadContext.recorderProps.stop,
                 highContrast: true,
                 variant: "soft",
@@ -10190,7 +10384,7 @@ var ActionButton = function() {
         }
         var t4;
         if ($[6] !== t1 || $[7] !== t3) {
-            t4 = /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_themes61.Flex, {
+            t4 = /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_themes62.Flex, {
                 align: "center",
                 children: [
                     t1,
@@ -10215,7 +10409,7 @@ var ActionButton = function() {
         }
         var _t3;
         if ($[10] !== audioThreadContext.recorderProps.resume) {
-            _t3 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes61.IconButton, {
+            _t3 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
                 onClick: audioThreadContext.recorderProps.resume,
                 color: "red",
                 size: "4",
@@ -10231,7 +10425,7 @@ var ActionButton = function() {
     if (audioThreadContext.status === "idle") {
         var _t4;
         if ($[12] !== audioThreadContext.recorderProps) {
-            _t4 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes61.IconButton, {
+            _t4 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
                 onClick: function() {
                     return audioThreadContext.recorderProps.start();
                 },
@@ -10270,7 +10464,7 @@ var ActionButton = function() {
         }
         var _t7;
         if ($[19] !== _t5) {
-            _t7 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes61.IconButton, {
+            _t7 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
                 onClick: _t5,
                 size: "4",
                 color: "gray",
@@ -10304,7 +10498,7 @@ var ActionButton = function() {
         }
         var _t10;
         if ($[24] !== _t8) {
-            _t10 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes61.IconButton, {
+            _t10 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
                 onClick: _t8,
                 size: "4",
                 children: _t9
@@ -10318,7 +10512,7 @@ var ActionButton = function() {
     }
     var t0;
     if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes61.IconButton, {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.IconButton, {
             size: "4",
             variant: "soft",
             disabled: true
@@ -10380,7 +10574,7 @@ var Form = function(props) {
     var t0 = audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
     var t1;
     if ($[0] !== t0) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes63.Flex, {
             ml: "-22.5px",
             mr: "2",
             align: "center",
@@ -10424,7 +10618,7 @@ var Form = function(props) {
     }
     var t6;
     if ($[7] !== t3 || $[8] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.Flex, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes63.Flex, {
             px: "2",
             py: "1",
             style: t3,
@@ -10438,7 +10632,7 @@ var Form = function(props) {
     }
     var t7;
     if ($[10] !== t1 || $[11] !== t6) {
-        t7 = /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_themes62.Flex, {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_themes63.Flex, {
             pb: "3",
             align: "center",
             children: [
@@ -10461,7 +10655,7 @@ var Form = function(props) {
     }
     var t9;
     if ($[14] !== props || $[15] !== t7) {
-        t9 = /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_themes62.Flex, _objectSpread50(_objectSpread50({
+        t9 = /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_themes63.Flex, _objectSpread50(_objectSpread50({
             direction: "column",
             align: "center"
         }, props), {}, {
@@ -10596,7 +10790,7 @@ AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content7;
 // src/components/markdown/MarkdownProvider/index.tsx
 var import_react_compiler_runtime56 = require("react-compiler-runtime");
-var import_react65 = require("react");
+var import_react66 = require("react");
 var import_jsx_runtime92 = require("react/jsx-runtime");
 var _excluded5 = [
     "children"
@@ -10686,10 +10880,10 @@ var AvatarType = /* @__PURE__ */ function(AvatarType2) {
     return AvatarType2;
 }({});
 // src/components/avatars/Avatar.tsx
-var import_themes65 = require("@radix-ui/themes");
+var import_themes66 = require("@radix-ui/themes");
 // src/components/imageAvatars/ImageAvatar/index.tsx
 var import_react_compiler_runtime57 = require("react-compiler-runtime");
-var import_themes63 = require("@radix-ui/themes");
+var import_themes64 = require("@radix-ui/themes");
 // src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
 var width = function(_ref) {
     var size = _ref.size;
@@ -10761,7 +10955,7 @@ var ImageAvatar = function(t0) {
     }
     var t2;
     if ($[4] !== className || $[5] !== size || $[6] !== style || $[7] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes63.Avatar, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes64.Avatar, {
             className: className,
             style: style,
             fallback: "",
@@ -10780,8 +10974,8 @@ var ImageAvatar = function(t0) {
 };
 // src/components/iconAvatars/IconAvatar.tsx
 var import_react_compiler_runtime58 = require("react-compiler-runtime");
-var import_react66 = require("react");
-var import_themes64 = require("@radix-ui/themes");
+var import_react67 = require("react");
+var import_themes65 = require("@radix-ui/themes");
 // src/lib/iconAvatars/iconAvatarComponents.ts
 var import_react_icons18 = require("@radix-ui/react-icons");
 var _obj;
@@ -10793,18 +10987,18 @@ 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__ */ (0, import_jsx_runtime94.jsx)(Component, {}) : "";
-        $[0] = Component;
+    if ($[0] !== Component2) {
+        t2 = Component2 ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Component2, {}) : "";
+        $[0] = Component2;
         $[1] = t2;
     } else {
         t2 = $[1];
     }
     var t3;
     if ($[2] !== className || $[3] !== size || $[4] !== style || $[5] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes64.Avatar, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes65.Avatar, {
             className: className,
             style: style,
             size: size,
@@ -10868,7 +11062,7 @@ var Avatar6 = function(t0) {
     }
     var t2;
     if ($[10] !== className || $[11] !== size || $[12] !== style) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes65.Avatar, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes66.Avatar, {
             fallback: "",
             size: size,
             className: className,
@@ -10885,11 +11079,11 @@ var Avatar6 = function(t0) {
 };
 // src/components/components/ComponentsProvider.tsx
 var import_react_compiler_runtime60 = require("react-compiler-runtime");
-var import_react68 = require("react");
+var import_react69 = require("react");
 // src/hooks/components/useComponents.ts
-var import_react67 = require("react");
+var import_react68 = require("react");
 var useComponents = function() {
-    return (0, import_react67.useContext)(ComponentsContext);
+    return (0, import_react68.useContext)(ComponentsContext);
 };
 // src/components/components/ComponentsProvider.tsx
 var import_jsx_runtime96 = require("react/jsx-runtime");