@superinterface/react 2.16.1 → 2.16.3

package/dist/index.cjs

@@ -10,6 +10,47 @@ function _array_with_holes(arr) {
 function _array_without_holes(arr) {
     if (Array.isArray(arr)) return _array_like_to_array(arr);
 }
+function _async_iterator(iterable) {
+    var method, async, sync, retry = 2;
+    for("undefined" != typeof Symbol && (async = Symbol.asyncIterator, sync = Symbol.iterator); retry--;){
+        if (async && null != (method = iterable[async])) return method.call(iterable);
+        if (sync && null != (method = iterable[sync])) return new AsyncFromSyncIterator(method.call(iterable));
+        async = "@@asyncIterator", sync = "@@iterator";
+    }
+    throw new TypeError("Object is not async iterable");
+}
+function AsyncFromSyncIterator(s) {
+    function AsyncFromSyncIteratorContinuation(r) {
+        if (Object(r) !== r) return Promise.reject(new TypeError(r + " is not an object."));
+        var done = r.done;
+        return Promise.resolve(r.value).then(function(value) {
+            return {
+                value: value,
+                done: done
+            };
+        });
+    }
+    return AsyncFromSyncIterator = function(s) {
+        this.s = s, this.n = s.next;
+    }, AsyncFromSyncIterator.prototype = {
+        s: null,
+        n: null,
+        next: function() {
+            return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments));
+        },
+        return: function(value) {
+            var ret = this.s.return;
+            return void 0 === ret ? Promise.resolve({
+                value: value,
+                done: !0
+            }) : AsyncFromSyncIteratorContinuation(ret.apply(this.s, arguments));
+        },
+        throw: function(value) {
+            var thr = this.s.return;
+            return void 0 === thr ? Promise.reject(value) : AsyncFromSyncIteratorContinuation(thr.apply(this.s, arguments));
+        }
+    }, new AsyncFromSyncIterator(s);
+}
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
@@ -267,6 +308,20 @@ function _ts_generator(thisArg, body) {
         };
     }
 }
+function _ts_values(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function() {
+            if (o && i >= o.length) o = void 0;
+            return {
+                value: o && o[i++],
+                done: !o
+            };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
 var _import_lodash2_default;
 var _this;
 var __create = Object.create;
@@ -507,7 +562,7 @@ var SuperinterfaceProvider = function(param) {
 // src/components/threads/Thread/Messages/index.tsx
 var import_themes31 = require("@radix-ui/themes");
 // src/components/threads/Thread/Messages/Content/index.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 // src/hooks/messages/useMessages/index.tsx
 var import_react4 = require("react");
 var import_react_query2 = require("@tanstack/react-query");
@@ -818,7 +873,7 @@ var useToasts = function() {
     return (0, import_react9.useContext)(ToastsContext);
 };
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_themes28 = require("@radix-ui/themes");
 // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
 var import_react11 = require("react");
@@ -880,7 +935,7 @@ var UserAvatar = function() {
 // src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
 var import_themes27 = require("@radix-ui/themes");
 // src/components/threads/Thread/Message/index.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_radash3 = require("radash");
 var import_themes26 = require("@radix-ui/themes");
 // src/components/skeletons/StartingContentSkeleton/index.tsx
@@ -900,24 +955,26 @@ var StartingContentSkeleton = function() {
 };
 // src/components/runSteps/RunSteps/index.tsx
 var import_themes15 = require("@radix-ui/themes");
-var import_react19 = require("react");
+var import_react20 = require("react");
 // src/contexts/components/ComponentsContext/index.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 // src/components/runSteps/RunStep/ToolCalls/index.tsx
 var import_themes14 = require("@radix-ui/themes");
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/index.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 // src/contexts/functions/FunctionComponentsContext/index.tsx
 var import_react15 = require("react");
 var FunctionComponentsContext = (0, import_react15.createContext)({});
 // src/components/functions/FunctionBase/index.tsx
 var import_themes12 = require("@radix-ui/themes");
 // src/components/toolCalls/ToolCallBase/index.tsx
+var import_react16 = require("react");
 var import_themes9 = require("@radix-ui/themes");
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var ToolCallBase = function(param) {
+var ToolCallBase = (0, import_react16.forwardRef)(function ToolCallBase2(param, ref) {
     var children = param.children;
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_themes9.Flex, {
+        ref: ref,
         py: "1",
         ml: "-2",
         children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_themes9.Button, {
@@ -930,7 +987,7 @@ var ToolCallBase = function(param) {
             children: children
         })
     });
-};
+});
 // src/components/toolCalls/ToolCallBase/ToolCallTitle.tsx
 var import_themes10 = require("@radix-ui/themes");
 var import_jsx_runtime11 = require("react/jsx-runtime");
@@ -955,12 +1012,12 @@ var ToolCallIcon = function(param) {
     }
 };
 // src/components/functions/FunctionBase/Content.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_themes11 = require("@radix-ui/themes");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var Content = function(param) {
     var fn = param.fn;
-    var args = (0, import_react16.useMemo)(function() {
+    var args = (0, import_react17.useMemo)(function() {
         var result = null;
         try {
             result = JSON.parse(fn.arguments);
@@ -971,7 +1028,7 @@ var Content = function(param) {
     }, [
         fn
     ]);
-    var output = (0, import_react16.useMemo)(function() {
+    var output = (0, import_react17.useMemo)(function() {
         if (!fn.output) {
             return null;
         }
@@ -1063,7 +1120,7 @@ var import_jsx_runtime16 = // @ts-ignore-next-line
 require("react/jsx-runtime");
 var Fn = function(param) {
     var fn = param.fn, runStep = param.runStep;
-    var functionComponentsContext = (0, import_react17.useContext)(FunctionComponentsContext);
+    var functionComponentsContext = (0, import_react18.useContext)(FunctionComponentsContext);
     var Component = functionComponentsContext[fn.name] || DefaultFunction;
     return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Component, {
         fn: fn,
@@ -1211,7 +1268,7 @@ var RunStep = function(param) {
 };
 RunStep.ToolCalls = ToolCalls;
 // src/contexts/components/ComponentsContext/index.tsx
-var ComponentsContext = (0, import_react18.createContext)({
+var ComponentsContext = (0, import_react19.createContext)({
     components: {
         RunStep: RunStep
     }
@@ -1220,7 +1277,7 @@ var ComponentsContext = (0, import_react18.createContext)({
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var RunSteps = function(param) {
     var runSteps = param.runSteps;
-    var componentsContext = (0, import_react19.useContext)(ComponentsContext);
+    var componentsContext = (0, import_react20.useContext)(ComponentsContext);
     var Component = componentsContext.components.RunStep;
     return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_themes15.Flex, {
         direction: "column-reverse",
@@ -1232,7 +1289,7 @@ var RunSteps = function(param) {
     });
 };
 // src/hooks/messages/useIsMutatingMessage/index.ts
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_react_query3 = require("@tanstack/react-query");
 var useIsMutatingMessage = function() {
     var threadContext = useSuperinterfaceContext();
@@ -1242,7 +1299,7 @@ var useIsMutatingMessage = function() {
             threadContext.variables
         ]
     });
-    var isMutatingMessage = (0, import_react20.useMemo)(function() {
+    var isMutatingMessage = (0, import_react21.useMemo)(function() {
         return mutatingMessagesCount > 0;
     }, [
         mutatingMessagesCount
@@ -1250,8 +1307,8 @@ var useIsMutatingMessage = function() {
     return isMutatingMessage;
 };
 // src/contexts/messages/MessageContext/index.ts
-var import_react21 = require("react");
-var MessageContext = (0, import_react21.createContext)({
+var import_react22 = require("react");
+var MessageContext = (0, import_react22.createContext)({
     message: null
 });
 // src/components/threads/Thread/Message/Provider.tsx
@@ -1259,9 +1316,9 @@ var Provider = MessageContext.Provider;
 // src/components/threads/Thread/Message/TextContent.tsx
 var import_react_markdown = __toESM(require("react-markdown"), 1);
 // src/hooks/markdown/useMarkdownContext/index.ts
-var import_react23 = require("react");
+var import_react24 = require("react");
 // src/contexts/markdown/MarkdownContext/index.ts
-var import_react22 = require("react");
+var import_react23 = require("react");
 // src/contexts/markdown/MarkdownContext/lib/components/Paragraph.tsx
 var import_themes16 = require("@radix-ui/themes");
 var import_jsx_runtime25 = require("react/jsx-runtime");
@@ -1391,12 +1448,12 @@ var components = {
     img: Img
 };
 // src/contexts/markdown/MarkdownContext/index.ts
-var MarkdownContext = (0, import_react22.createContext)({
+var MarkdownContext = (0, import_react23.createContext)({
     components: components
 });
 // src/hooks/markdown/useMarkdownContext/index.ts
 var useMarkdownContext = function() {
-    return (0, import_react23.useContext)(MarkdownContext);
+    return (0, import_react24.useContext)(MarkdownContext);
 };
 // src/components/threads/Thread/Message/TextContent.tsx
 var import_jsx_runtime34 = require("react/jsx-runtime");
@@ -1434,7 +1491,7 @@ var Attachments = function(param) {
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var Message = function(param) {
     var message = param.message;
-    var _ref = _sliced_to_array((0, import_react24.useMemo)(function() {
+    var _ref = _sliced_to_array((0, import_react25.useMemo)(function() {
         if (!message.runSteps.length) return [
             [],
             []
@@ -1467,7 +1524,7 @@ var Message = function(param) {
         message
     ]), 2), olderRunSteps = _ref[0], laterRunSteps = _ref[1];
     var isMutatingMessage = useIsMutatingMessage();
-    var isInProgress = (0, import_react24.useMemo)(function() {
+    var isInProgress = (0, import_react25.useMemo)(function() {
         if (!isMutatingMessage) return false;
         if (message.status === "in_progress") return true;
         return message.runSteps.some(function(rs) {
@@ -1491,7 +1548,7 @@ var Message = function(param) {
                             message: message
                         }),
                         message.content.map(function(content, index) {
-                            return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react24.Fragment, {
+                            return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react25.Fragment, {
                                 children: content.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TextContent, {
                                     content: content
                                 })
@@ -1527,7 +1584,7 @@ var Content2 = function(param) {
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var MessageGroup = function(param) {
     var messageGroup = param.messageGroup;
-    var assistantNameContext = (0, import_react25.useContext)(AssistantNameContext);
+    var assistantNameContext = (0, import_react26.useContext)(AssistantNameContext);
     return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(MessageGroupBase, {
         children: [
             messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AssistantAvatar, {}),
@@ -1553,7 +1610,7 @@ var Content3 = function() {
     var _useMessageGroups = useMessageGroups({
         messages: messages2
     }), messageGroups2 = _useMessageGroups.messageGroups;
-    (0, import_react26.useEffect)(function() {
+    (0, import_react27.useEffect)(function() {
         if (isLoadingError) {
             addToast({
                 type: "error",
@@ -1576,14 +1633,14 @@ var Content3 = function() {
     });
 };
 // src/components/threads/Thread/Messages/Progress/index.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 // src/components/skeletons/StartingSkeleton/index.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_themes29 = require("@radix-ui/themes");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var StartingSkeleton = function(param) {
     var children = param.children;
-    var assistantNameContext = (0, import_react27.useContext)(AssistantNameContext);
+    var assistantNameContext = (0, import_react28.useContext)(AssistantNameContext);
     return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(MessageGroupBase, {
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AssistantAvatar, {}),
@@ -1600,10 +1657,10 @@ var StartingSkeleton = function(param) {
     });
 };
 // src/hooks/messages/useLatestMessage/index.ts
-var import_react28 = require("react");
+var import_react29 = require("react");
 var useLatestMessage = function() {
     var props = useMessages();
-    return (0, import_react28.useMemo)(function() {
+    return (0, import_react29.useMemo)(function() {
         return _object_spread_props(_object_spread({}, props), {
             latestMessage: props.messages[0] || null
         });
@@ -1622,7 +1679,7 @@ var import_jsx_runtime41 = require("react/jsx-runtime");
 var Progress = function() {
     var latestMessage = useLatestMessage().latestMessage;
     var isMutatingMessage = useIsMutatingMessage();
-    var isVisible = (0, import_react29.useMemo)(function() {
+    var isVisible = (0, import_react30.useMemo)(function() {
         if (!latestMessage) return false;
         if (latestMessage.role !== "user") return false;
         if (latestMessage.status === "in_progress") return false;
@@ -1641,15 +1698,15 @@ var Progress = function() {
 // src/components/threads/Thread/Messages/Root/index.tsx
 var import_themes30 = require("@radix-ui/themes");
 // src/hooks/misc/useInfiniteScroll/index.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_react_intersection_observer = require("react-intersection-observer");
 // src/hooks/misc/useThrottledEffect/index.tsx
 var import_lodash5 = __toESM(require("lodash"), 1);
-var import_react30 = require("react");
+var import_react31 = require("react");
 var useThrottledEffect = function(cb, delay, additionalDeps) {
     var _cbRef;
-    var cbRef = (0, import_react30.useRef)(cb);
-    var throttledCb = (0, import_react30.useCallback)(import_lodash5.default.throttle(function() {
+    var cbRef = (0, import_react31.useRef)(cb);
+    var throttledCb = (0, import_react31.useCallback)(import_lodash5.default.throttle(function() {
         for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
             args[_key] = arguments[_key];
         }
@@ -1660,17 +1717,17 @@ var useThrottledEffect = function(cb, delay, additionalDeps) {
     }), [
         delay
     ]);
-    (0, import_react30.useEffect)(function() {
+    (0, import_react31.useEffect)(function() {
         cbRef.current = cb;
     });
-    (0, import_react30.useEffect)(throttledCb, [
+    (0, import_react31.useEffect)(throttledCb, [
         throttledCb
     ].concat(_to_consumable_array(additionalDeps)));
 };
 // src/hooks/misc/useInfiniteScroll/index.tsx
 var useInfiniteScroll = function(param) {
     var isFetchingNextPage = param.isFetchingNextPage, hasNextPage = param.hasNextPage, fetchNextPage = param.fetchNextPage;
-    var containerRef = (0, import_react31.useRef)(null);
+    var containerRef = (0, import_react32.useRef)(null);
     var _ref = (0, import_react_intersection_observer.useInView)({
         root: containerRef.current,
         rootMargin: "0px",
@@ -1761,10 +1818,10 @@ Messages.NextPageSkeleton = NextPageSkeleton;
 var import_react_icons6 = require("@radix-ui/react-icons");
 var import_themes32 = require("@radix-ui/themes");
 // src/hooks/messages/useMessageFormContext/index.ts
-var import_react33 = require("react");
+var import_react34 = require("react");
 // src/contexts/messages/MessageFormContext/index.ts
-var import_react32 = require("react");
-var MessageFormContext = (0, import_react32.createContext)({
+var import_react33 = require("react");
+var MessageFormContext = (0, import_react33.createContext)({
     isDisabled: false,
     isLoading: false,
     files: [],
@@ -1773,7 +1830,7 @@ var MessageFormContext = (0, import_react32.createContext)({
 });
 // src/hooks/messages/useMessageFormContext/index.ts
 var useMessageFormContext = function() {
-    return (0, import_react33.useContext)(MessageFormContext);
+    return (0, import_react34.useContext)(MessageFormContext);
 };
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");
@@ -1813,7 +1870,7 @@ Submit.Root = Root3;
 Submit.Button = Button2;
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 var import_react_query5 = require("@tanstack/react-query");
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_react_hook_form = require("react-hook-form");
 var import_themes33 = require("@radix-ui/themes");
 // src/hooks/messages/useCreateMessage/index.ts
@@ -2441,7 +2498,7 @@ var import_radash12 = require("radash");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var Root4 = function(param) {
     var children = param.children, onSubmitArg = param.onSubmit;
-    var _ref = _sliced_to_array((0, import_react34.useState)([]), 2), files = _ref[0], setFiles = _ref[1];
+    var _ref = _sliced_to_array((0, import_react35.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;
     var addToast = useToasts().addToast;
@@ -2471,7 +2528,7 @@ var Root4 = function(param) {
         }
     }).createMessage;
     var isMutatingMessage = useIsMutatingMessage();
-    var isFileLoading = (0, import_react34.useMemo)(function() {
+    var isFileLoading = (0, import_react35.useMemo)(function() {
         return files.some(function(file) {
             return isOptimistic({
                 id: file.id
@@ -2480,14 +2537,14 @@ var Root4 = function(param) {
     }, [
         files
     ]);
-    var isLoading = (0, import_react34.useMemo)(function() {
+    var isLoading = (0, import_react35.useMemo)(function() {
         return isMutatingMessage || isSubmitting;
     }, [
         isMutatingMessage,
         isSubmitting
     ]);
     var latestMessage = useLatestMessage().latestMessage;
-    var isDisabled = (0, import_react34.useMemo)(function() {
+    var isDisabled = (0, import_react35.useMemo)(function() {
         var // @ts-ignore-next-line
         _latestMessage_metadata;
         return latestMessage === null || latestMessage === void 0 ? void 0 : (_latestMessage_metadata = latestMessage.metadata) === null || _latestMessage_metadata === void 0 ? void 0 : _latestMessage_metadata.isBlocking;
@@ -2574,12 +2631,12 @@ var import_themes37 = require("@radix-ui/themes");
 var import_themes34 = require("@radix-ui/themes");
 var import_react_hook_form2 = require("react-hook-form");
 var import_react_use = require("react-use");
-var import_react36 = require("react");
+var import_react37 = require("react");
 // src/components/textareas/TextareaBase/index.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"), 1);
 var import_jsx_runtime47 = require("react/jsx-runtime");
-var TextareaBase = (0, import_react35.forwardRef)(function TextareaBase2(props, ref) {
+var TextareaBase = (0, import_react36.forwardRef)(function TextareaBase2(props, ref) {
     return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, {
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("style", {
@@ -2612,19 +2669,19 @@ var Root5 = function(param) {
     });
 };
 var Input = function() {
-    var assistantNameContext = (0, import_react36.useContext)(AssistantNameContext);
+    var assistantNameContext = (0, import_react37.useContext)(AssistantNameContext);
     var register = (0, import_react_hook_form2.useFormContext)().register;
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
-    var isSubmitDisabled = (0, import_react36.useMemo)(function() {
+    var isSubmitDisabled = (0, import_react37.useMemo)(function() {
         return isDisabled || isLoading;
     }, [
         isDisabled,
         isLoading
     ]);
     var isDisabledPrevious = (0, import_react_use.usePrevious)(isDisabled);
-    var textareaRef = (0, import_react36.useRef)(null);
+    var textareaRef = (0, import_react37.useRef)(null);
     var textareaProps = register("content");
-    (0, import_react36.useEffect)(function() {
+    (0, import_react37.useEffect)(function() {
         if (isDisabled) return;
         if (!isDisabledPrevious) return;
         if (!textareaRef.current) return;
@@ -2729,7 +2786,8 @@ var Preview = function() {
     });
 };
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
+var import_radash13 = require("radash");
 var import_dayjs2 = __toESM(require("dayjs"), 1);
 var import_react_icons8 = require("@radix-ui/react-icons");
 var import_themes36 = require("@radix-ui/themes");
@@ -2849,50 +2907,174 @@ var Control2 = function() {
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, setFiles = _useMessageFormContext.setFiles;
     var createFile = useCreateFile().createFile;
     var addToast = useToasts().addToast;
-    var onChange = (0, import_react37.useCallback)(function(event) {
-        var files = event.target.files;
-        if (!files) return;
-        var newFiles = Array.from(files).map(function(file) {
-            var id = optimisticId();
-            createFile({
-                file: file
-            }, {
-                onSuccess: function(param) {
-                    var file2 = param.file;
-                    setFiles(function(prev) {
-                        return _to_consumable_array(prev.filter(function(prevFile) {
-                            return prevFile.id !== id;
-                        })).concat([
-                            file2
-                        ]);
-                    });
-                },
-                onError: function() {
-                    addToast({
-                        type: "error",
-                        message: "Could not upload file. Please try again."
-                    });
-                    setFiles(function(prev) {
-                        return prev.filter(function(prevFile) {
-                            return prevFile.id !== id;
+    var onChange = (0, import_react38.useCallback)(function() {
+        var _ref = _async_to_generator(function(event) {
+            var fileObjects, newFiles, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _loop, _iterator, _step, err;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        fileObjects = event.target.files;
+                        if (!fileObjects) return [
+                            2
+                        ];
+                        newFiles = Array.from(fileObjects).map(function(fileObject) {
+                            return {
+                                id: optimisticId(),
+                                filename: fileObject.name,
+                                object: "file",
+                                purpose: "assistants",
+                                created_at: (0, import_dayjs2.default)().unix(),
+                                bytes: fileObject.size,
+                                status: "processed",
+                                fileObject: fileObject
+                            };
+                        });
+                        setFiles(function(prev) {
+                            return _to_consumable_array(prev).concat(_to_consumable_array(newFiles.map(function(file) {
+                                return (0, import_radash13.omit)(file, [
+                                    "fileObject"
+                                ]);
+                            })));
                         });
-                    });
+                        _iteratorAbruptCompletion = false, _didIteratorError = false;
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            7,
+                            8,
+                            13
+                        ]);
+                        _loop = function() {
+                            var _value, newFile;
+                            return _ts_generator(this, function(_state) {
+                                switch(_state.label){
+                                    case 0:
+                                        _value = _step.value;
+                                        newFile = _value;
+                                        return [
+                                            4,
+                                            createFile({
+                                                file: newFile.fileObject
+                                            }, {
+                                                onSuccess: function(param) {
+                                                    var file = param.file;
+                                                    return setFiles(function(prev) {
+                                                        return _to_consumable_array(prev.filter(function(prevFile) {
+                                                            return prevFile.id !== newFile.id;
+                                                        })).concat([
+                                                            file
+                                                        ]);
+                                                    });
+                                                },
+                                                onError: function() {
+                                                    addToast({
+                                                        type: "error",
+                                                        message: "Could not upload file. Please try again."
+                                                    });
+                                                    setFiles(function(prev) {
+                                                        return prev.filter(function(prevFile) {
+                                                            return prevFile.id !== newFile.id;
+                                                        });
+                                                    });
+                                                }
+                                            })
+                                        ];
+                                    case 1:
+                                        _state.sent();
+                                        return [
+                                            2
+                                        ];
+                                }
+                            });
+                        };
+                        _iterator = _async_iterator(newFiles);
+                        _state.label = 2;
+                    case 2:
+                        return [
+                            4,
+                            _iterator.next()
+                        ];
+                    case 3:
+                        if (!(_iteratorAbruptCompletion = !(_step = _state.sent()).done)) return [
+                            3,
+                            6
+                        ];
+                        return [
+                            5,
+                            _ts_values(_loop())
+                        ];
+                    case 4:
+                        _state.sent();
+                        _state.label = 5;
+                    case 5:
+                        _iteratorAbruptCompletion = false;
+                        return [
+                            3,
+                            2
+                        ];
+                    case 6:
+                        return [
+                            3,
+                            13
+                        ];
+                    case 7:
+                        err = _state.sent();
+                        _didIteratorError = true;
+                        _iteratorError = err;
+                        return [
+                            3,
+                            13
+                        ];
+                    case 8:
+                        _state.trys.push([
+                            8,
+                            ,
+                            11,
+                            12
+                        ]);
+                        if (!(_iteratorAbruptCompletion && _iterator.return != null)) return [
+                            3,
+                            10
+                        ];
+                        return [
+                            4,
+                            _iterator.return()
+                        ];
+                    case 9:
+                        _state.sent();
+                        _state.label = 10;
+                    case 10:
+                        return [
+                            3,
+                            12
+                        ];
+                    case 11:
+                        if (_didIteratorError) {
+                            throw _iteratorError;
+                        }
+                        return [
+                            7
+                        ];
+                    case 12:
+                        return [
+                            7
+                        ];
+                    case 13:
+                        return [
+                            2
+                        ];
                 }
             });
-            return {
-                id: id,
-                filename: file.name,
-                object: "file",
-                purpose: "assistants",
-                created_at: (0, import_dayjs2.default)().unix(),
-                bytes: file.size,
-                status: "processed"
-            };
-        });
-        setFiles(function(prev) {
-            return _to_consumable_array(prev).concat(_to_consumable_array(newFiles));
         });
-    }, []);
+        return function(event) {
+            return _ref.apply(this, arguments);
+        };
+    }(), [
+        addToast,
+        createFile,
+        setFiles
+    ]);
     return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.Flex, {
         pt: "2",
         pr: "2",
@@ -2910,6 +3092,7 @@ var Control2 = function() {
                 /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_icons8.FilePlusIcon, {}),
                 /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("input", {
                     type: "file",
+                    multiple: true,
                     accept: accept,
                     onChange: onChange,
                     style: {
@@ -3015,29 +3198,29 @@ Thread.Root = Root7;
 Thread.Messages = Messages;
 Thread.MessageForm = MessageForm;
 // src/hooks/messages/useMessageContext/index.ts
-var import_react38 = require("react");
+var import_react39 = require("react");
 var useMessageContext = function() {
-    return (0, import_react38.useContext)(MessageContext);
+    return (0, import_react39.useContext)(MessageContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 // src/contexts/threads/ThreadDialogContext/index.ts
-var import_react39 = require("react");
-var ThreadDialogContext = (0, import_react39.createContext)({
+var import_react40 = require("react");
+var ThreadDialogContext = (0, import_react40.createContext)({
     isOpen: false,
     setIsOpen: function() {}
 });
 // src/hooks/threads/useThreadDialogContext/index.ts
-var import_react40 = require("react");
+var import_react41 = require("react");
 var useThreadDialogContext = function() {
-    return (0, import_react40.useContext)(ThreadDialogContext);
+    return (0, import_react41.useContext)(ThreadDialogContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var Provider3 = function(param) {
     var children = param.children;
     var threadDialogContext = useThreadDialogContext();
-    var _ref = _sliced_to_array((0, import_react41.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
+    var _ref = _sliced_to_array((0, import_react42.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
     return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ThreadDialogContext.Provider, {
         value: {
             isOpen: isOpen,
@@ -3047,7 +3230,7 @@ var Provider3 = function(param) {
     });
 };
 // src/components/toasts/ToastsProvider/index.tsx
-var import_react42 = require("react");
+var import_react43 = 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);
@@ -3086,8 +3269,8 @@ var CustomToast = function(param) {
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var ToastsProvider = function(param) {
     var children = param.children;
-    var _ref = _sliced_to_array((0, import_react42.useState)([]), 2), toasts = _ref[0], setToasts = _ref[1];
-    var addToast = (0, import_react42.useCallback)(function(toast) {
+    var _ref = _sliced_to_array((0, import_react43.useState)([]), 2), toasts = _ref[0], setToasts = _ref[1];
+    var addToast = (0, import_react43.useCallback)(function(toast) {
         return setToasts(function(prevToasts) {
             return _to_consumable_array(prevToasts).concat([
                 toast
@@ -3335,8 +3518,8 @@ ThreadDialog.Content = Content4;
 var import_runtime = require("regenerator-runtime/runtime");
 var import_themes44 = require("@radix-ui/themes");
 // src/contexts/threads/AudioThreadContext/index.ts
-var import_react43 = require("react");
-var AudioThreadContext = (0, import_react43.createContext)({
+var import_react44 = require("react");
+var AudioThreadContext = (0, import_react44.createContext)({
     status: "idle",
     recorderProps: {
         status: "idle",
@@ -3404,11 +3587,11 @@ var blobToData = function(blob) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-var import_react44 = require("react");
+var import_react45 = require("react");
 var useStatus = function(param) {
     var messageAudioProps = param.messageAudioProps, recorderProps = param.recorderProps, createMessageProps = param.createMessageProps;
     var latestMessageProps = useLatestMessage();
-    var status = (0, import_react44.useMemo)(function() {
+    var status = (0, import_react45.useMemo)(function() {
         var _latestMessageProps_latestMessage;
         if (recorderProps.status === "recording") return "recording";
         if (createMessageProps.isPending) return "creatingMessage";
@@ -3432,19 +3615,19 @@ var useStatus = function(param) {
 // src/hooks/audioThreads/useRecorder/index.ts
 var import_dayjs3 = __toESM(require("dayjs"), 1);
 var import_use_audio_capture = require("use-audio-capture");
-var import_react45 = require("react");
+var import_react46 = require("react");
 var import_react_use_audio_player = require("react-use-audio-player");
 var import_react_use2 = require("react-use");
 var useRecorder = function(param) {
     var isStopOnSilence = param.isStopOnSilence, onStart = param.onStart, onStop = param.onStop;
-    var _ref = _sliced_to_array((0, import_react45.useState)(null), 2), silenceStart = _ref[0], setSilenceStart = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react45.useState)(null), 2), noiseStart = _ref1[0], setNoiseStart = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react45.useState)(null), 2), mediaStream = _ref2[0], setMediaStream = _ref2[1];
-    var _ref3 = _sliced_to_array((0, import_react45.useState)("idle"), 2), status = _ref3[0], setStatus = _ref3[1];
+    var _ref = _sliced_to_array((0, import_react46.useState)(null), 2), silenceStart = _ref[0], setSilenceStart = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react46.useState)(null), 2), noiseStart = _ref1[0], setNoiseStart = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react46.useState)(null), 2), mediaStream = _ref2[0], setMediaStream = _ref2[1];
+    var _ref3 = _sliced_to_array((0, import_react46.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_react45.useState)(false), 2), isLoaded = _ref4[0], setIsLoaded = _ref4[1];
-    (0, import_react45.useEffect)(function() {
+    var _ref4 = _sliced_to_array((0, import_react46.useState)(false), 2), isLoaded = _ref4[0], setIsLoaded = _ref4[1];
+    (0, import_react46.useEffect)(function() {
         if (isLoaded) return;
         setIsLoaded(true);
     }, [
@@ -3502,9 +3685,9 @@ var useRecorder = function(param) {
             setNoiseStart(null);
         }
     });
-    var _ref5 = _sliced_to_array((0, import_react45.useState)(null), 2), audioEngine = _ref5[0], setAudioEngine = _ref5[1];
-    var isInited = (0, import_react45.useRef)(false);
-    (0, import_react45.useEffect)(function() {
+    var _ref5 = _sliced_to_array((0, import_react46.useState)(null), 2), audioEngine = _ref5[0], setAudioEngine = _ref5[1];
+    var isInited = (0, import_react46.useRef)(false);
+    (0, import_react46.useEffect)(function() {
         if (!mediaStream) return;
         if (isInited.current) return;
         isInited.current = true;
@@ -3517,7 +3700,7 @@ var useRecorder = function(param) {
         isInited,
         mediaStream
     ]);
-    var visualizationAnalyser = (0, import_react45.useMemo)(function() {
+    var visualizationAnalyser = (0, import_react46.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(result);
@@ -3525,7 +3708,7 @@ var useRecorder = function(param) {
     }, [
         audioEngine
     ]);
-    var silenceAnalyser = (0, import_react45.useMemo)(function() {
+    var silenceAnalyser = (0, import_react46.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         result.minDecibels = -60;
@@ -3534,7 +3717,7 @@ var useRecorder = function(param) {
     }, [
         audioEngine
     ]);
-    var handleSilence = (0, import_react45.useCallback)(function() {
+    var handleSilence = (0, import_react46.useCallback)(function() {
         if (!silenceAnalyser) return;
         var frequencyData = new Uint8Array(silenceAnalyser.frequencyBinCount);
         silenceAnalyser.getByteFrequencyData(frequencyData);
@@ -3557,7 +3740,7 @@ var useRecorder = function(param) {
         setNoiseStart,
         setSilenceStart
     ]);
-    (0, import_react45.useEffect)(function() {
+    (0, import_react46.useEffect)(function() {
         if (!isStopOnSilence) return;
         requestAnimationFrame(function() {
             return handleSilence();
@@ -3580,12 +3763,12 @@ var useRecorder = function(param) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-var import_react46 = require("react");
+var import_react47 = 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");
 // src/hooks/audioThreads/useMessageAudio/lib/input.ts
-var import_radash13 = require("radash");
+var import_radash14 = require("radash");
 var input = function(param) {
     var message = param.message;
     var textContents = message.content.filter(function(c) {
@@ -3594,7 +3777,7 @@ var input = function(param) {
     var result = textContents.map(function(c) {
         return c.text.value;
     }).join(" ");
-    if ((0, import_radash13.isEmpty)(result)) return null;
+    if ((0, import_radash14.isEmpty)(result)) return null;
     return result;
 };
 // src/hooks/audioThreads/useMessageAudio/lib/isHtmlAudioSupported.ts
@@ -3618,15 +3801,15 @@ var getMessageSentences = function(param) {
 };
 var useMessageAudio = function(param) {
     var onEnd = param.onEnd;
-    var _ref = _sliced_to_array((0, import_react46.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react46.useState)([]), 2), stoppedMessageIds = _ref1[0], setStoppedMessageIds = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react46.useState)([]), 2), playedMessageSentences = _ref2[0], setPlayedMessageSentences = _ref2[1];
+    var _ref = _sliced_to_array((0, import_react47.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react47.useState)([]), 2), stoppedMessageIds = _ref1[0], setStoppedMessageIds = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react47.useState)([]), 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_react46.useState)(false), 2), isPlaying = _ref3[0], setIsPlaying = _ref3[1];
+    var _ref3 = _sliced_to_array((0, import_react47.useState)(false), 2), isPlaying = _ref3[0], setIsPlaying = _ref3[1];
     var latestMessageProps = useLatestMessage();
-    var unplayedMessageSentences = (0, import_react46.useMemo)(function() {
+    var unplayedMessageSentences = (0, import_react47.useMemo)(function() {
         if (!latestMessageProps.latestMessage) return [];
         if (latestMessageProps.latestMessage.role !== "assistant") return [];
         if (stoppedMessageIds.includes(latestMessageProps.latestMessage.id)) return [];
@@ -3647,7 +3830,7 @@ var useMessageAudio = function(param) {
         latestMessageProps,
         playedMessageSentences
     ]);
-    (0, import_react46.useEffect)(function() {
+    (0, import_react47.useEffect)(function() {
         if (isPlaying) return;
         if (audioPlayer.playing) return;
         if (!latestMessageProps.latestMessage) return;
@@ -3715,7 +3898,7 @@ var useMessageAudio = function(param) {
         playedMessageSentences,
         onEnd
     ]);
-    (0, import_react46.useEffect)(function() {
+    (0, import_react47.useEffect)(function() {
         if (isHtmlAudioSupported) {
             var _import_howler_Howler__howls___sounds_, _import_howler_Howler__howls_, _import_howler_Howler;
             if (!((_import_howler_Howler = import_howler.Howler) === null || _import_howler_Howler === void 0 ? void 0 : (_import_howler_Howler__howls_ = _import_howler_Howler._howls[0]) === null || _import_howler_Howler__howls_ === void 0 ? void 0 : (_import_howler_Howler__howls___sounds_ = _import_howler_Howler__howls_._sounds[0]) === null || _import_howler_Howler__howls___sounds_ === void 0 ? void 0 : _import_howler_Howler__howls___sounds_._node)) return;
@@ -3724,9 +3907,9 @@ var useMessageAudio = function(param) {
     }, [
         audioPlayer
     ]);
-    var _ref4 = _sliced_to_array((0, import_react46.useState)(null), 2), audioEngine = _ref4[0], setAudioEngine = _ref4[1];
-    var isAudioEngineInited = (0, import_react46.useRef)(false);
-    (0, import_react46.useEffect)(function() {
+    var _ref4 = _sliced_to_array((0, import_react47.useState)(null), 2), audioEngine = _ref4[0], setAudioEngine = _ref4[1];
+    var isAudioEngineInited = (0, import_react47.useRef)(false);
+    (0, import_react47.useEffect)(function() {
         if (!audioPlayer.playing) return;
         if (isAudioEngineInited.current) return;
         isAudioEngineInited.current = true;
@@ -3747,7 +3930,7 @@ var useMessageAudio = function(param) {
         audioPlayer,
         isAudioEngineInited
     ]);
-    var visualizationAnalyser = (0, import_react46.useMemo)(function() {
+    var visualizationAnalyser = (0, import_react47.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(audioEngine.audioContext.destination);
@@ -3756,7 +3939,7 @@ var useMessageAudio = function(param) {
     }, [
         audioEngine
     ]);
-    var isPending = (0, import_react46.useMemo)(function() {
+    var isPending = (0, import_react47.useMemo)(function() {
         return isPlaying || unplayedMessageSentences.length > 0;
     }, [
         isPlaying,
@@ -3843,25 +4026,25 @@ var Root12 = function(param) {
     });
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_lodash9 = __toESM(require("lodash"), 1);
 var import_themes46 = require("@radix-ui/themes");
 // src/hooks/threads/useAudioThreadContext/index.ts
-var import_react47 = require("react");
+var import_react48 = require("react");
 var useAudioThreadContext = function() {
-    return (0, import_react47.useContext)(AudioThreadContext);
+    return (0, import_react48.useContext)(AudioThreadContext);
 };
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
 var import_lodash8 = __toESM(require("lodash"), 1);
 var import_themes45 = require("@radix-ui/themes");
-var import_react48 = require("react");
-var import_radash14 = require("radash");
+var import_react49 = require("react");
+var import_radash15 = require("radash");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 var barCount = 4;
 var BarsVisualizer = function(param) {
     var visualizationAnalyser = param.visualizationAnalyser, backgroundColor = param.backgroundColor, height = param.height, barWidth = param.barWidth;
-    var _ref = _sliced_to_array((0, import_react48.useState)([]), 2), barHeights = _ref[0], setBarHeights = _ref[1];
-    var draw = (0, import_react48.useCallback)(function(param) {
+    var _ref = _sliced_to_array((0, import_react49.useState)([]), 2), barHeights = _ref[0], setBarHeights = _ref[1];
+    var draw = (0, import_react49.useCallback)(function(param) {
         var visualizationAnalyser2 = param.visualizationAnalyser;
         if (!visualizationAnalyser2) {
             setBarHeights(Array(barCount).fill(0));
@@ -3869,7 +4052,7 @@ var BarsVisualizer = function(param) {
         }
         var frequencyData = new Uint8Array(visualizationAnalyser2.frequencyBinCount / 15);
         visualizationAnalyser2.getByteFrequencyData(frequencyData);
-        var clusteredFrequencyData = (0, import_radash14.cluster)(frequencyData, frequencyData.length / barCount);
+        var clusteredFrequencyData = (0, import_radash15.cluster)(frequencyData, frequencyData.length / barCount);
         setBarHeights(clusteredFrequencyData.map(function(frequencyDataCluster) {
             return import_lodash8.default.mean(frequencyDataCluster) / 255 * 100;
         }));
@@ -3879,7 +4062,7 @@ var BarsVisualizer = function(param) {
             });
         });
     }, []);
-    (0, import_react48.useEffect)(function() {
+    (0, import_react49.useEffect)(function() {
         draw({
             visualizationAnalyser: visualizationAnalyser
         });
@@ -3919,9 +4102,9 @@ var BarsVisualizer = function(param) {
 var import_jsx_runtime66 = require("react/jsx-runtime");
 var Visualization = function() {
     var audioThreadContext = useAudioThreadContext();
-    var assistantNameContext = (0, import_react49.useContext)(AssistantNameContext);
-    var _ref = _sliced_to_array((0, import_react49.useState)(0), 2), scale = _ref[0], setScale = _ref[1];
-    var draw = (0, import_react49.useCallback)(function(param) {
+    var assistantNameContext = (0, import_react50.useContext)(AssistantNameContext);
+    var _ref = _sliced_to_array((0, import_react50.useState)(0), 2), scale = _ref[0], setScale = _ref[1];
+    var draw = (0, import_react50.useCallback)(function(param) {
         var visualizationAnalyser = param.visualizationAnalyser;
         if (!visualizationAnalyser) {
             setScale(1);
@@ -3936,7 +4119,7 @@ var Visualization = function() {
             });
         });
     }, []);
-    (0, import_react49.useEffect)(function() {
+    (0, import_react50.useEffect)(function() {
         draw({
             visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser
         });
@@ -4221,10 +4404,10 @@ AudioThreadDialog.Root = Root9;
 AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content4;
 // src/components/suggestions/Suggestions/index.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 // src/components/suggestions/Suggestions/Content.tsx
-var import_react50 = require("react");
-var import_radash15 = require("radash");
+var import_react51 = require("react");
+var import_radash16 = require("radash");
 var import_react_children_utilities = require("react-children-utilities");
 var import_themes51 = require("@radix-ui/themes");
 // src/components/suggestions/Suggestions/Item.tsx
@@ -4280,16 +4463,16 @@ var import_jsx_runtime75 = require("react/jsx-runtime");
 var Content6 = function(param) {
     var children = param.children;
     var isMutatingMessage = useIsMutatingMessage();
-    var suggestions = (0, import_react50.useMemo)(function() {
+    var suggestions = (0, import_react51.useMemo)(function() {
         return (0, import_react_children_utilities.onlyText)(children).split(/\r?\n/).filter(function(c) {
-            return !(0, import_radash15.isEmpty)(c);
+            return !(0, import_radash16.isEmpty)(c);
         }).map(function(c) {
             return c.trim();
         });
     }, [
         children
     ]);
-    if ((0, import_radash15.isEmpty)(suggestions)) return null;
+    if ((0, import_radash16.isEmpty)(suggestions)) return null;
     return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes51.Flex, {
         gap: "2",
         py: "2",
@@ -4307,7 +4490,7 @@ var import_jsx_runtime76 = require("react/jsx-runtime");
 var Suggestions = function(param) {
     var children = param.children;
     var latestMessageProps = useLatestMessage();
-    var isDisabled = (0, import_react51.useMemo)(function() {
+    var isDisabled = (0, import_react52.useMemo)(function() {
         var // @ts-ignore-next-line
         _latestMessageProps_latestMessage_metadata, _latestMessageProps_latestMessage;
         return (_latestMessageProps_latestMessage = latestMessageProps.latestMessage) === null || _latestMessageProps_latestMessage === void 0 ? void 0 : (_latestMessageProps_latestMessage_metadata = _latestMessageProps_latestMessage.metadata) === null || _latestMessageProps_latestMessage_metadata === void 0 ? void 0 : _latestMessageProps_latestMessage_metadata.isBlocking;
@@ -4322,14 +4505,14 @@ var Suggestions = function(param) {
 };
 Suggestions.Item = Item;
 // src/components/markdown/MarkdownProvider/index.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 var import_jsx_runtime77 = require("react/jsx-runtime");
 var MarkdownProvider = function(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
     ]);
     var prevMarkdownContext = useMarkdownContext();
-    var value = (0, import_react52.useMemo)(function() {
+    var value = (0, import_react53.useMemo)(function() {
         return merge(prevMarkdownContext, rest);
     }, [
         rest,
@@ -4341,11 +4524,11 @@ var MarkdownProvider = function(_param) {
     });
 };
 // src/components/components/ComponentsProvider.tsx
-var import_react54 = require("react");
+var import_react55 = require("react");
 // src/hooks/components/useComponents.ts
-var import_react53 = require("react");
+var import_react54 = require("react");
 var useComponents = function() {
-    return (0, import_react53.useContext)(ComponentsContext);
+    return (0, import_react54.useContext)(ComponentsContext);
 };
 // src/components/components/ComponentsProvider.tsx
 var import_jsx_runtime78 = require("react/jsx-runtime");
@@ -4354,7 +4537,7 @@ var ComponentsProvider = function(_param) {
         "children"
     ]);
     var prevComponents = useComponents();
-    var value = (0, import_react54.useMemo)(function() {
+    var value = (0, import_react55.useMemo)(function() {
         return merge(prevComponents, rest);
     }, [
         rest,