@superinterface/react 3.4.1 → 3.5.1

package/dist/index.cjs

@@ -614,7 +614,7 @@ var SuperinterfaceProvider = function(param) {
 // src/components/threads/Thread/Messages/index.tsx
 var import_themes44 = require("@radix-ui/themes");
 // src/components/threads/Thread/Message/index.tsx
-var import_react26 = require("react");
+var import_react28 = require("react");
 var import_radash12 = require("radash");
 var import_themes32 = require("@radix-ui/themes");
 // src/components/skeletons/StartingContentSkeleton/index.tsx
@@ -1066,7 +1066,11 @@ var Attachments = function(param) {
     });
 };
 // src/components/threads/Thread/Message/ContentPart/TextContent.tsx
-var import_react_markdown = __toESM(require("react-markdown"), 1);
+var import_react26 = require("react");
+var import_mdx = require("@mdx-js/mdx");
+var import_react27 = require("@mdx-js/react");
+var runtime = __toESM(require("react/jsx-runtime"), 1);
+var import_recma_mdx_escape_missing_components = __toESM(require("recma-mdx-escape-missing-components"), 1);
 // src/hooks/markdown/useMarkdownContext/index.ts
 var import_react25 = require("react");
 // src/contexts/markdown/MarkdownContext/index.ts
@@ -2690,11 +2694,26 @@ var components = {
             ]
         });
     },
-    thead: import_themes31.Table.Header,
-    tbody: import_themes31.Table.Body,
-    tr: import_themes31.Table.Row,
-    td: import_themes31.Table.Cell,
-    th: import_themes31.Table.ColumnHeaderCell
+    thead: function(props) {
+        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes31.Table.Header, _object_spread({}, props));
+    },
+    tbody: function(props) {
+        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes31.Table.Body, _object_spread({}, props));
+    },
+    tr: function(props) {
+        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes31.Table.Row, _object_spread({}, props));
+    },
+    td: function(_param) {
+        var width2 = _param.width, rest = _object_without_properties(_param, [
+            "width"
+        ]);
+        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes31.Table.Cell, _object_spread_props(_object_spread({}, rest), {
+            width: width2
+        }));
+    },
+    th: function(props) {
+        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes31.Table.ColumnHeaderCell, _object_spread({}, props));
+    }
 };
 // src/contexts/markdown/MarkdownContext/lib/getRemarkPlugins.ts
 var import_remark_gfm = __toESM(require("remark-gfm"), 1);
@@ -2878,19 +2897,107 @@ var useMarkdownContext = function() {
     return (0, import_react25.useContext)(MarkdownContext);
 };
 // src/components/threads/Thread/Message/ContentPart/TextContent.tsx
-var import_jsx_runtime44 = // @ts-ignore-next-line
-require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var evaluate = /*#__PURE__*/ function() {
+    var _ref = _async_to_generator(function(param) {
+        var code, fn;
+        return _ts_generator(this, function(_state) {
+            code = param.code;
+            fn = new Function("runtime", "useMDXComponents", code);
+            return [
+                2,
+                fn(_object_spread_props(_object_spread({}, runtime), {
+                    useMDXComponents: import_react27.useMDXComponents
+                }))
+            ];
+        });
+    });
+    return function evaluate(_) {
+        return _ref.apply(this, arguments);
+    };
+}();
 var TextContent = function(param) {
     var content = param.content;
-    var _useMarkdownContext = useMarkdownContext(), getRemarkPlugins2 = _useMarkdownContext.getRemarkPlugins, rest = _object_without_properties(_useMarkdownContext, [
-        "getRemarkPlugins"
-    ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_markdown.default, _object_spread_props(_object_spread({}, rest), {
-        remarkPlugins: getRemarkPlugins2({
+    var _useMarkdownContext = useMarkdownContext(), getRemarkPlugins2 = _useMarkdownContext.getRemarkPlugins, components2 = _useMarkdownContext.components;
+    var remarkPlugins = (0, import_react26.useMemo)(function() {
+        return getRemarkPlugins2({
             content: content
-        }),
-        children: content.text.value
-    }));
+        });
+    }, [
+        content,
+        getRemarkPlugins2
+    ]);
+    var _ref = _sliced_to_array((0, import_react26.useState)(null), 2), MDXComponent = _ref[0], setMDXComponent = _ref[1];
+    (0, import_react26.useEffect)(function() {
+        var compileMDX = /*#__PURE__*/ function() {
+            var _ref = _async_to_generator(function() {
+                var compiled, code, module2, MDXContent, error;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            _state.trys.push([
+                                0,
+                                3,
+                                ,
+                                4
+                            ]);
+                            return [
+                                4,
+                                (0, import_mdx.compile)(content.text.value, {
+                                    outputFormat: "function-body",
+                                    remarkPlugins: remarkPlugins,
+                                    recmaPlugins: [
+                                        import_recma_mdx_escape_missing_components.default
+                                    ],
+                                    providerImportSource: "@mdx-js/react"
+                                })
+                            ];
+                        case 1:
+                            compiled = _state.sent();
+                            code = String(compiled);
+                            return [
+                                4,
+                                evaluate({
+                                    code: code
+                                })
+                            ];
+                        case 2:
+                            module2 = _state.sent();
+                            MDXContent = module2.default;
+                            setMDXComponent(function() {
+                                return MDXContent;
+                            });
+                            return [
+                                3,
+                                4
+                            ];
+                        case 3:
+                            error = _state.sent();
+                            return [
+                                3,
+                                4
+                            ];
+                        case 4:
+                            return [
+                                2
+                            ];
+                    }
+                });
+            });
+            return function compileMDX() {
+                return _ref.apply(this, arguments);
+            };
+        }();
+        compileMDX();
+    }, [
+        content,
+        remarkPlugins
+    ]);
+    if (!MDXComponent) return content.text.value;
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react27.MDXProvider, {
+        components: components2,
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(MDXComponent, {})
+    });
 };
 // src/components/threads/Thread/Message/ContentPart/ImageFileContent.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");
@@ -2923,7 +3030,7 @@ var ContentPart = function(param) {
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var Message = function(param) {
     var message = param.message, className = param.className, style = param.style;
-    var _ref = _sliced_to_array((0, import_react26.useMemo)(function() {
+    var _ref = _sliced_to_array((0, import_react28.useMemo)(function() {
         if (!message.runSteps.length) return [
             [],
             []
@@ -2956,7 +3063,7 @@ var Message = function(param) {
         message
     ]), 2), olderRunSteps = _ref[0], laterRunSteps = _ref[1];
     var isMutatingMessage = useIsMutatingMessage();
-    var isInProgress = (0, import_react26.useMemo)(function() {
+    var isInProgress = (0, import_react28.useMemo)(function() {
         if (!isMutatingMessage) return false;
         if (message.status === "in_progress") return true;
         return message.runSteps.some(function(rs) {
@@ -3000,9 +3107,9 @@ var Message = function(param) {
     });
 };
 // src/components/threads/Thread/Messages/Content/index.tsx
-var import_react36 = require("react");
+var import_react38 = require("react");
 // src/hooks/messageGroups/useMessageGroups/index.ts
-var import_react27 = require("react");
+var import_react29 = require("react");
 // src/hooks/messageGroups/useMessageGroups/lib/messageGroups/index.ts
 var import_lodash6 = __toESM(require("lodash"), 1);
 var import_radash14 = require("radash");
@@ -3064,7 +3171,7 @@ var messageGroups = function(param) {
 // src/hooks/messageGroups/useMessageGroups/index.ts
 var useMessageGroups = function(param) {
     var messages2 = param.messages;
-    return (0, import_react27.useMemo)(function() {
+    return (0, import_react29.useMemo)(function() {
         return {
             messageGroups: messageGroups({
                 messages: messages2
@@ -3075,13 +3182,13 @@ var useMessageGroups = function(param) {
     ]);
 };
 // src/components/skeletons/MessagesSkeleton/index.tsx
-var import_react29 = require("react");
+var import_react31 = require("react");
 var import_themes35 = require("@radix-ui/themes");
 // src/components/messageGroups/MessageGroupBase/index.tsx
-var import_react28 = require("react");
+var import_react30 = require("react");
 var import_themes33 = require("@radix-ui/themes");
 var import_jsx_runtime48 = require("react/jsx-runtime");
-var MessageGroupBase = (0, import_react28.forwardRef)(function MessageGroupBase2(param, ref) {
+var MessageGroupBase = (0, import_react30.forwardRef)(function MessageGroupBase2(param, ref) {
     var children = param.children;
     return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes33.Container, {
         ref: ref,
@@ -3111,7 +3218,7 @@ var Name = function(param) {
 };
 // src/components/skeletons/MessagesSkeleton/index.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
-var MessagesSkeleton = (0, import_react29.forwardRef)(function MessagesSkeleton2(_props, ref) {
+var MessagesSkeleton = (0, import_react31.forwardRef)(function MessagesSkeleton2(_props, ref) {
     return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(MessageGroupBase, {
         ref: ref,
         children: [
@@ -3159,24 +3266,24 @@ var MessagesSkeleton = (0, import_react29.forwardRef)(function MessagesSkeleton2
     });
 });
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
-var import_react35 = require("react");
+var import_react37 = require("react");
 var import_themes41 = require("@radix-ui/themes");
 // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
-var import_react31 = require("react");
+var import_react33 = require("react");
 var import_themes37 = require("@radix-ui/themes");
 // src/contexts/assistants/AssistantAvatarContext/index.tsx
-var import_react30 = require("react");
+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 = (0, import_react30.createContext)(/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Avatar, {
+var AssistantAvatarContext = (0, import_react32.createContext)(/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Avatar, {
     fallback: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_icons9.LightningBoltIcon, {}),
     size: "1"
 }));
 // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var AssistantAvatar = function() {
-    var AssistantAvatarContextValue = (0, import_react31.useContext)(AssistantAvatarContext);
+    var AssistantAvatarContextValue = (0, import_react33.useContext)(AssistantAvatarContext);
     return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes37.Flex, {
         flexShrink: "0",
         height: "24px",
@@ -3189,24 +3296,24 @@ var AssistantAvatar = function() {
     });
 };
 // src/contexts/assistants/AssistantNameContext/index.tsx
-var import_react32 = require("react");
-var AssistantNameContext = (0, import_react32.createContext)("Assistant");
-// src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
 var import_react34 = require("react");
+var AssistantNameContext = (0, import_react34.createContext)("Assistant");
+// src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
+var import_react36 = require("react");
 var import_themes39 = require("@radix-ui/themes");
 // src/contexts/users/UserAvatarContext/index.tsx
-var import_react33 = require("react");
+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 = (0, import_react33.createContext)(/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Avatar, {
+var UserAvatarContext = (0, import_react35.createContext)(/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Avatar, {
     fallback: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_icons10.PersonIcon, {}),
     size: "1"
 }));
 // src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var UserAvatar = function() {
-    var UserAvatarContextValue = (0, import_react34.useContext)(UserAvatarContext);
+    var UserAvatarContextValue = (0, import_react36.useContext)(UserAvatarContext);
     return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Flex, {
         flexShrink: "0",
         height: "24px",
@@ -3236,7 +3343,7 @@ var Content5 = function(param) {
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var MessageGroup = function(param) {
     var messageGroup = param.messageGroup;
-    var assistantNameContext = (0, import_react35.useContext)(AssistantNameContext);
+    var assistantNameContext = (0, import_react37.useContext)(AssistantNameContext);
     return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(MessageGroupBase, {
         children: [
             messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AssistantAvatar, {}),
@@ -3262,7 +3369,7 @@ var Content6 = function() {
     var _useMessageGroups = useMessageGroups({
         messages: messages2
     }), messageGroups2 = _useMessageGroups.messageGroups;
-    (0, import_react36.useEffect)(function() {
+    (0, import_react38.useEffect)(function() {
         if (isLoadingError) {
             addToast({
                 type: "error",
@@ -3285,14 +3392,14 @@ var Content6 = function() {
     });
 };
 // src/components/threads/Thread/Messages/Progress/index.tsx
-var import_react38 = require("react");
+var import_react40 = require("react");
 // src/components/skeletons/StartingSkeleton/index.tsx
-var import_react37 = require("react");
+var import_react39 = require("react");
 var import_themes42 = require("@radix-ui/themes");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var StartingSkeleton = function(param) {
     var children = param.children;
-    var assistantNameContext = (0, import_react37.useContext)(AssistantNameContext);
+    var assistantNameContext = (0, import_react39.useContext)(AssistantNameContext);
     return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(MessageGroupBase, {
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AssistantAvatar, {}),
@@ -3313,7 +3420,7 @@ var import_jsx_runtime59 = require("react/jsx-runtime");
 var Progress = function() {
     var latestMessage = useLatestMessage().latestMessage;
     var isMutatingMessage = useIsMutatingMessage();
-    var isVisible = (0, import_react38.useMemo)(function() {
+    var isVisible = (0, import_react40.useMemo)(function() {
         if (!latestMessage) return false;
         if (latestMessage.role !== "user") return false;
         if (latestMessage.status === "in_progress") return false;
@@ -3332,15 +3439,15 @@ var Progress = function() {
 // src/components/threads/Thread/Messages/Root/index.tsx
 var import_themes43 = require("@radix-ui/themes");
 // src/hooks/misc/useInfiniteScroll/index.tsx
-var import_react40 = require("react");
+var import_react42 = 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_react39 = require("react");
+var import_react41 = require("react");
 var useThrottledEffect = function(cb, delay, additionalDeps) {
     var _cbRef;
-    var cbRef = (0, import_react39.useRef)(cb);
-    var throttledCb = (0, import_react39.useCallback)(import_lodash7.default.throttle(function() {
+    var cbRef = (0, import_react41.useRef)(cb);
+    var throttledCb = (0, import_react41.useCallback)(import_lodash7.default.throttle(function() {
         for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
             args[_key] = arguments[_key];
         }
@@ -3351,17 +3458,17 @@ var useThrottledEffect = function(cb, delay, additionalDeps) {
     }), [
         delay
     ]);
-    (0, import_react39.useEffect)(function() {
+    (0, import_react41.useEffect)(function() {
         cbRef.current = cb;
     });
-    (0, import_react39.useEffect)(throttledCb, [
+    (0, import_react41.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_react40.useRef)(null);
+    var containerRef = (0, import_react42.useRef)(null);
     var _ref = (0, import_react_intersection_observer.useInView)({
         root: containerRef.current,
         rootMargin: "0px",
@@ -3454,10 +3561,10 @@ Messages.NextPageSkeleton = NextPageSkeleton;
 var import_react_icons11 = require("@radix-ui/react-icons");
 var import_themes45 = require("@radix-ui/themes");
 // src/hooks/messages/useMessageFormContext/index.ts
-var import_react42 = require("react");
+var import_react44 = require("react");
 // src/contexts/messages/MessageFormContext/index.ts
-var import_react41 = require("react");
-var MessageFormContext = (0, import_react41.createContext)({
+var import_react43 = require("react");
+var MessageFormContext = (0, import_react43.createContext)({
     content: "",
     isDisabled: false,
     isLoading: false,
@@ -3467,7 +3574,7 @@ var MessageFormContext = (0, import_react41.createContext)({
 });
 // src/hooks/messages/useMessageFormContext/index.ts
 var useMessageFormContext = function() {
-    return (0, import_react42.useContext)(MessageFormContext);
+    return (0, import_react44.useContext)(MessageFormContext);
 };
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
 var import_jsx_runtime63 = require("react/jsx-runtime");
@@ -3511,7 +3618,7 @@ Submit.Root = Root3;
 Submit.Button = Button3;
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 var import_react_query6 = require("@tanstack/react-query");
-var import_react43 = require("react");
+var import_react45 = require("react");
 var import_react_hook_form = require("react-hook-form");
 var import_themes46 = require("@radix-ui/themes");
 // src/components/threads/Thread/MessageForm/Root/lib/formOptions.ts
@@ -3528,7 +3635,7 @@ var import_radash15 = require("radash");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 var Root4 = function(param) {
     var children = param.children, onSubmitArg = param.onSubmit, isDisabledArg = param.isDisabled, style = param.style, className = param.className;
-    var _ref = _sliced_to_array((0, import_react43.useState)([]), 2), files = _ref[0], setFiles = _ref[1];
+    var _ref = _sliced_to_array((0, import_react45.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;
@@ -3542,7 +3649,7 @@ var Root4 = function(param) {
         })
     }).createMessage;
     var isMutatingMessage = useIsMutatingMessage();
-    var isFileLoading = (0, import_react43.useMemo)(function() {
+    var isFileLoading = (0, import_react45.useMemo)(function() {
         return files.some(function(file) {
             return isOptimistic({
                 id: file.id
@@ -3551,14 +3658,14 @@ var Root4 = function(param) {
     }, [
         files
     ]);
-    var isLoading = (0, import_react43.useMemo)(function() {
+    var isLoading = (0, import_react45.useMemo)(function() {
         return isMutatingMessage || isSubmitting;
     }, [
         isMutatingMessage,
         isSubmitting
     ]);
     var latestMessage = useLatestMessage().latestMessage;
-    var isDisabled = (0, import_react43.useMemo)(function() {
+    var isDisabled = (0, import_react45.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) || isDisabledArg;
@@ -3648,21 +3755,21 @@ var import_themes50 = require("@radix-ui/themes");
 var import_themes47 = require("@radix-ui/themes");
 var import_react_hook_form2 = require("react-hook-form");
 // src/hooks/misc/usePrevious.ts
-var import_react44 = require("react");
+var import_react46 = require("react");
 var usePrevious = function(state) {
-    var ref = (0, import_react44.useRef)();
-    (0, import_react44.useEffect)(function() {
+    var ref = (0, import_react46.useRef)();
+    (0, import_react46.useEffect)(function() {
         ref.current = state;
     });
     return ref.current;
 };
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-var import_react46 = require("react");
+var import_react48 = require("react");
 // src/components/textareas/TextareaBase/index.tsx
-var import_react45 = require("react");
+var import_react47 = require("react");
 var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"), 1);
 var import_jsx_runtime65 = require("react/jsx-runtime");
-var TextareaBase = (0, import_react45.forwardRef)(function TextareaBase2(_param, ref) {
+var TextareaBase = (0, import_react47.forwardRef)(function TextareaBase2(_param, ref) {
     var style = _param.style, className = _param.className, rest = _object_without_properties(_param, [
         "style",
         "className"
@@ -3701,19 +3808,19 @@ var Root5 = function(param) {
     });
 };
 var Input = function(props) {
-    var assistantNameContext = (0, import_react46.useContext)(AssistantNameContext);
+    var assistantNameContext = (0, import_react48.useContext)(AssistantNameContext);
     var register = (0, import_react_hook_form2.useFormContext)().register;
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
-    var isSubmitDisabled = (0, import_react46.useMemo)(function() {
+    var isSubmitDisabled = (0, import_react48.useMemo)(function() {
         return isDisabled || isLoading;
     }, [
         isDisabled,
         isLoading
     ]);
     var isDisabledPrevious = usePrevious(isDisabled);
-    var textareaRef = (0, import_react46.useRef)(null);
+    var textareaRef = (0, import_react48.useRef)(null);
     var textareaProps = register("content");
-    (0, import_react46.useEffect)(function() {
+    (0, import_react48.useEffect)(function() {
         if (isDisabled) return;
         if (!isDisabledPrevious) return;
         if (!textareaRef.current) return;
@@ -3820,7 +3927,7 @@ var Preview = function(props) {
     }));
 };
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
-var import_react47 = require("react");
+var import_react49 = require("react");
 var import_radash16 = require("radash");
 var import_dayjs2 = __toESM(require("dayjs"), 1);
 var import_react_icons13 = require("@radix-ui/react-icons");
@@ -3941,7 +4048,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_react47.useCallback)(/*#__PURE__*/ function() {
+    var onChange = (0, import_react49.useCallback)(/*#__PURE__*/ function() {
         var _ref = _async_to_generator(function(event) {
             var fileObjects, newFiles, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _loop, _iterator, _step, err;
             return _ts_generator(this, function(_state) {
@@ -4208,7 +4315,7 @@ var import_themes52 = require("@radix-ui/themes");
 // src/components/threads/Thread/Provider/index.tsx
 var Provider2 = SuperinterfaceProvider;
 // src/components/toasts/ToastsProvider/index.tsx
-var import_react48 = require("react");
+var import_react50 = 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);
@@ -4247,8 +4354,8 @@ var CustomToast = function(param) {
 var import_jsx_runtime72 = require("react/jsx-runtime");
 var ToastsProvider = function(param) {
     var children = param.children, _param_bottom = param.bottom, bottom = _param_bottom === void 0 ? 0 : _param_bottom;
-    var _ref = _sliced_to_array((0, import_react48.useState)([]), 2), toasts = _ref[0], setToasts = _ref[1];
-    var addToast = (0, import_react48.useCallback)(function(toast) {
+    var _ref = _sliced_to_array((0, import_react50.useState)([]), 2), toasts = _ref[0], setToasts = _ref[1];
+    var addToast = (0, import_react50.useCallback)(function(toast) {
         return setToasts(function(prevToasts) {
             return _to_consumable_array(prevToasts).concat([
                 toast
@@ -4324,12 +4431,12 @@ Thread.Root = Root8;
 Thread.Messages = Messages;
 Thread.MessageForm = MessageForm;
 // src/hooks/messages/useMessageContext/index.ts
-var import_react49 = require("react");
+var import_react51 = require("react");
 var useMessageContext = function() {
-    return (0, import_react49.useContext)(MessageContext);
+    return (0, import_react51.useContext)(MessageContext);
 };
 // src/hooks/assistants/useAssistant/index.ts
-var import_react50 = require("react");
+var import_react52 = 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");
@@ -4418,7 +4525,7 @@ var useAssistant = function(param) {
         assistantId: assistantId,
         superinterfaceContext: superinterfaceContext
     }));
-    return (0, import_react50.useMemo)(function() {
+    return (0, import_react52.useMemo)(function() {
         return _object_spread_props(_object_spread({}, props), {
             assistant: props.data ? props.data.assistant : null
         });
@@ -4427,24 +4534,24 @@ var useAssistant = function(param) {
     ]);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
-var import_react53 = require("react");
+var import_react55 = require("react");
 // src/contexts/threads/ThreadDialogContext/index.ts
-var import_react51 = require("react");
-var ThreadDialogContext = (0, import_react51.createContext)({
+var import_react53 = require("react");
+var ThreadDialogContext = (0, import_react53.createContext)({
     isOpen: false,
     setIsOpen: function() {}
 });
 // src/hooks/threads/useThreadDialogContext/index.ts
-var import_react52 = require("react");
+var import_react54 = require("react");
 var useThreadDialogContext = function() {
-    return (0, import_react52.useContext)(ThreadDialogContext);
+    return (0, import_react54.useContext)(ThreadDialogContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
 var import_jsx_runtime75 = require("react/jsx-runtime");
 var Provider4 = function(param) {
     var children = param.children;
     var threadDialogContext = useThreadDialogContext();
-    var _ref = _sliced_to_array((0, import_react53.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
+    var _ref = _sliced_to_array((0, import_react55.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
     return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ThreadDialogContext.Provider, {
         value: {
             isOpen: isOpen,
@@ -4662,8 +4769,8 @@ ThreadDialog.Content = Content7;
 // src/components/threads/AudioThread/Root/index.tsx
 var import_themes57 = require("@radix-ui/themes");
 // src/contexts/threads/AudioThreadContext/index.ts
-var import_react54 = require("react");
-var AudioThreadContext = (0, import_react54.createContext)({
+var import_react56 = require("react");
+var AudioThreadContext = (0, import_react56.createContext)({
     status: "idle",
     recorderProps: {
         status: "idle",
@@ -4720,7 +4827,7 @@ var AudioThreadContext = (0, import_react54.createContext)({
     }
 });
 // src/hooks/misc/usePermission/index.ts
-var import_react55 = require("react");
+var import_react57 = require("react");
 // src/hooks/misc/usePermission/util.ts
 var noop = function() {};
 function on(obj) {
@@ -4743,8 +4850,8 @@ function off(obj) {
 }
 // src/hooks/misc/usePermission/index.ts
 var usePermission = function(permissionDesc) {
-    var _ref = _sliced_to_array((0, import_react55.useState)(""), 2), state = _ref[0], setState = _ref[1];
-    (0, import_react55.useEffect)(function() {
+    var _ref = _sliced_to_array((0, import_react57.useState)(""), 2), state = _ref[0], setState = _ref[1];
+    (0, import_react57.useEffect)(function() {
         var mounted = true;
         var permissionStatus = null;
         var onChange = function() {
@@ -4782,11 +4889,11 @@ var blobToData = function(blob) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-var import_react56 = require("react");
+var import_react58 = require("react");
 var useStatus = function(param) {
     var messageAudioProps = param.messageAudioProps, recorderProps = param.recorderProps, createMessageProps = param.createMessageProps;
     var latestMessageProps = useLatestMessage();
-    var status = (0, import_react56.useMemo)(function() {
+    var status = (0, import_react58.useMemo)(function() {
         var _latestMessageProps_latestMessage;
         if (recorderProps.status === "recording") return "recording";
         if (createMessageProps.isPending) return "creatingMessage";
@@ -4810,16 +4917,16 @@ 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_react58 = require("react");
+var import_react60 = require("react");
 var import_react_use_audio_player = require("react-use-audio-player");
 // src/hooks/misc/useInterval.ts
-var import_react57 = require("react");
+var import_react59 = require("react");
 var useInterval = function(callback, delay) {
-    var savedCallback = (0, import_react57.useRef)(function() {});
-    (0, import_react57.useEffect)(function() {
+    var savedCallback = (0, import_react59.useRef)(function() {});
+    (0, import_react59.useEffect)(function() {
         savedCallback.current = callback;
     });
-    (0, import_react57.useEffect)(function() {
+    (0, import_react59.useEffect)(function() {
         if (delay !== null) {
             var interval = setInterval(function() {
                 return savedCallback.current();
@@ -4836,14 +4943,14 @@ var useInterval = function(callback, delay) {
 // src/hooks/audioThreads/useRecorder/index.ts
 var useRecorder = function(param) {
     var isStopOnSilence = param.isStopOnSilence, onStart = param.onStart, onStop = param.onStop;
-    var _ref = _sliced_to_array((0, import_react58.useState)(null), 2), silenceStart = _ref[0], setSilenceStart = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react58.useState)(null), 2), noiseStart = _ref1[0], setNoiseStart = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react58.useState)(null), 2), mediaStream = _ref2[0], setMediaStream = _ref2[1];
-    var _ref3 = _sliced_to_array((0, import_react58.useState)("idle"), 2), status = _ref3[0], setStatus = _ref3[1];
+    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 startAudioPlayer = (0, import_react_use_audio_player.useAudioPlayer)();
     var endAudioPlayer = (0, import_react_use_audio_player.useAudioPlayer)();
-    var _ref4 = _sliced_to_array((0, import_react58.useState)(false), 2), isLoaded = _ref4[0], setIsLoaded = _ref4[1];
-    (0, import_react58.useEffect)(function() {
+    var _ref4 = _sliced_to_array((0, import_react60.useState)(false), 2), isLoaded = _ref4[0], setIsLoaded = _ref4[1];
+    (0, import_react60.useEffect)(function() {
         if (isLoaded) return;
         setIsLoaded(true);
     }, [
@@ -4901,9 +5008,9 @@ var useRecorder = function(param) {
             setNoiseStart(null);
         }
     });
-    var _ref5 = _sliced_to_array((0, import_react58.useState)(null), 2), audioEngine = _ref5[0], setAudioEngine = _ref5[1];
-    var isInited = (0, import_react58.useRef)(false);
-    (0, import_react58.useEffect)(function() {
+    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() {
         if (!mediaStream) return;
         if (isInited.current) return;
         isInited.current = true;
@@ -4916,7 +5023,7 @@ var useRecorder = function(param) {
         isInited,
         mediaStream
     ]);
-    var visualizationAnalyser = (0, import_react58.useMemo)(function() {
+    var visualizationAnalyser = (0, import_react60.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(result);
@@ -4924,7 +5031,7 @@ var useRecorder = function(param) {
     }, [
         audioEngine
     ]);
-    var silenceAnalyser = (0, import_react58.useMemo)(function() {
+    var silenceAnalyser = (0, import_react60.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         result.minDecibels = -60;
@@ -4933,7 +5040,7 @@ var useRecorder = function(param) {
     }, [
         audioEngine
     ]);
-    var handleSilence = (0, import_react58.useCallback)(function() {
+    var handleSilence = (0, import_react60.useCallback)(function() {
         if (!silenceAnalyser) return;
         var frequencyData = new Uint8Array(silenceAnalyser.frequencyBinCount);
         silenceAnalyser.getByteFrequencyData(frequencyData);
@@ -4956,7 +5063,7 @@ var useRecorder = function(param) {
         setNoiseStart,
         setSilenceStart
     ]);
-    (0, import_react58.useEffect)(function() {
+    (0, import_react60.useEffect)(function() {
         if (!isStopOnSilence) return;
         requestAnimationFrame(function() {
             return handleSilence();
@@ -4979,7 +5086,7 @@ var useRecorder = function(param) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-var import_react59 = require("react");
+var import_react61 = 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");
@@ -5017,15 +5124,15 @@ var getMessageSentences = function(param) {
 };
 var useMessageAudio = function(param) {
     var onEnd = param.onEnd;
-    var _ref = _sliced_to_array((0, import_react59.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react59.useState)([]), 2), stoppedMessageIds = _ref1[0], setStoppedMessageIds = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react59.useState)([]), 2), playedMessageSentences = _ref2[0], setPlayedMessageSentences = _ref2[1];
+    var _ref = _sliced_to_array((0, import_react61.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react61.useState)([]), 2), stoppedMessageIds = _ref1[0], setStoppedMessageIds = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react61.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_react59.useState)(false), 2), isPlaying = _ref3[0], setIsPlaying = _ref3[1];
+    var _ref3 = _sliced_to_array((0, import_react61.useState)(false), 2), isPlaying = _ref3[0], setIsPlaying = _ref3[1];
     var latestMessageProps = useLatestMessage();
-    var unplayedMessageSentences = (0, import_react59.useMemo)(function() {
+    var unplayedMessageSentences = (0, import_react61.useMemo)(function() {
         if (!latestMessageProps.latestMessage) return [];
         if (latestMessageProps.latestMessage.role !== "assistant") return [];
         if (stoppedMessageIds.includes(latestMessageProps.latestMessage.id)) return [];
@@ -5046,7 +5153,7 @@ var useMessageAudio = function(param) {
         latestMessageProps,
         playedMessageSentences
     ]);
-    (0, import_react59.useEffect)(function() {
+    (0, import_react61.useEffect)(function() {
         if (isPlaying) return;
         if (audioPlayer.playing) return;
         if (!latestMessageProps.latestMessage) return;
@@ -5114,7 +5221,7 @@ var useMessageAudio = function(param) {
         playedMessageSentences,
         onEnd
     ]);
-    (0, import_react59.useEffect)(function() {
+    (0, import_react61.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;
@@ -5123,9 +5230,9 @@ var useMessageAudio = function(param) {
     }, [
         audioPlayer
     ]);
-    var _ref4 = _sliced_to_array((0, import_react59.useState)(null), 2), audioEngine = _ref4[0], setAudioEngine = _ref4[1];
-    var isAudioEngineInited = (0, import_react59.useRef)(false);
-    (0, import_react59.useEffect)(function() {
+    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_react61.useEffect)(function() {
         if (!audioPlayer.playing) return;
         if (isAudioEngineInited.current) return;
         isAudioEngineInited.current = true;
@@ -5146,7 +5253,7 @@ var useMessageAudio = function(param) {
         audioPlayer,
         isAudioEngineInited
     ]);
-    var visualizationAnalyser = (0, import_react59.useMemo)(function() {
+    var visualizationAnalyser = (0, import_react61.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(audioEngine.audioContext.destination);
@@ -5155,7 +5262,7 @@ var useMessageAudio = function(param) {
     }, [
         audioEngine
     ]);
-    var isPending = (0, import_react59.useMemo)(function() {
+    var isPending = (0, import_react61.useMemo)(function() {
         return isPlaying || unplayedMessageSentences.length > 0;
     }, [
         isPlaying,
@@ -5267,25 +5374,25 @@ var Root12 = function(_param) {
     });
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-var import_react62 = require("react");
+var import_react64 = require("react");
 var import_lodash9 = __toESM(require("lodash"), 1);
 var import_themes59 = require("@radix-ui/themes");
 // src/hooks/threads/useAudioThreadContext/index.ts
-var import_react60 = require("react");
+var import_react62 = require("react");
 var useAudioThreadContext = function() {
-    return (0, import_react60.useContext)(AudioThreadContext);
+    return (0, import_react62.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_react61 = require("react");
+var import_react63 = require("react");
 var import_radash18 = require("radash");
 var import_jsx_runtime83 = 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_react61.useState)([]), 2), barHeights = _ref[0], setBarHeights = _ref[1];
-    var draw = (0, import_react61.useCallback)(function(param) {
+    var _ref = _sliced_to_array((0, import_react63.useState)([]), 2), barHeights = _ref[0], setBarHeights = _ref[1];
+    var draw = (0, import_react63.useCallback)(function(param) {
         var visualizationAnalyser2 = param.visualizationAnalyser;
         if (!visualizationAnalyser2) {
             setBarHeights(Array(barCount).fill(0));
@@ -5303,7 +5410,7 @@ var BarsVisualizer = function(param) {
             });
         });
     }, []);
-    (0, import_react61.useEffect)(function() {
+    (0, import_react63.useEffect)(function() {
         draw({
             visualizationAnalyser: visualizationAnalyser
         });
@@ -5343,9 +5450,9 @@ var BarsVisualizer = function(param) {
 var import_jsx_runtime84 = require("react/jsx-runtime");
 var Visualization = function(props) {
     var audioThreadContext = useAudioThreadContext();
-    var assistantNameContext = (0, import_react62.useContext)(AssistantNameContext);
-    var _ref = _sliced_to_array((0, import_react62.useState)(0), 2), scale = _ref[0], setScale = _ref[1];
-    var draw = (0, import_react62.useCallback)(function(param) {
+    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(param) {
         var visualizationAnalyser = param.visualizationAnalyser;
         if (!visualizationAnalyser) {
             setScale(1);
@@ -5360,7 +5467,7 @@ var Visualization = function(props) {
             });
         });
     }, []);
-    (0, import_react62.useEffect)(function() {
+    (0, import_react64.useEffect)(function() {
         draw({
             visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser
         });
@@ -5650,14 +5757,15 @@ AudioThreadDialog.Root = Root9;
 AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content7;
 // src/components/markdown/MarkdownProvider/index.tsx
-var import_react63 = require("react");
+var import_react65 = require("react");
 var import_jsx_runtime92 = require("react/jsx-runtime");
 var MarkdownProvider = function(_param) {
-    var children = _param.children, rest = _object_without_properties(_param, [
-        "children"
+    var children = _param.children, components2 = _param.components, rest = _object_without_properties(_param, [
+        "children",
+        "components"
     ]);
     var prevMarkdownContext = useMarkdownContext();
-    var value = (0, import_react63.useMemo)(function() {
+    var value = (0, import_react65.useMemo)(function() {
         return merge(prevMarkdownContext, rest);
     }, [
         rest,
@@ -5739,7 +5847,7 @@ var ImageAvatar = function(param) {
     });
 };
 // src/components/iconAvatars/IconAvatar.tsx
-var import_react64 = require("react");
+var import_react66 = require("react");
 var import_themes64 = require("@radix-ui/themes");
 // src/lib/iconAvatars/iconAvatarComponents.ts
 var import_react_icons18 = require("@radix-ui/react-icons");
@@ -5749,7 +5857,7 @@ var iconAvatarComponents = (_obj = {}, _define_property(_obj, "BACKPACK" /* BACK
 var import_jsx_runtime94 = require("react/jsx-runtime");
 var IconAvatar = function(param) {
     var iconAvatar = param.iconAvatar, size = param.size, className = param.className, style = param.style;
-    var Component = (0, import_react64.useMemo)(function() {
+    var Component = (0, import_react66.useMemo)(function() {
         return iconAvatarComponents[iconAvatar.name];
     }, [
         iconAvatar
@@ -5791,11 +5899,11 @@ var Avatar6 = function(param) {
     });
 };
 // src/components/components/ComponentsProvider.tsx
-var import_react66 = require("react");
+var import_react68 = require("react");
 // src/hooks/components/useComponents.ts
-var import_react65 = require("react");
+var import_react67 = require("react");
 var useComponents = function() {
-    return (0, import_react65.useContext)(ComponentsContext);
+    return (0, import_react67.useContext)(ComponentsContext);
 };
 // src/components/components/ComponentsProvider.tsx
 var import_jsx_runtime96 = require("react/jsx-runtime");
@@ -5804,7 +5912,7 @@ var ComponentsProvider = function(_param) {
         "children"
     ]);
     var prevComponents = useComponents();
-    var value = (0, import_react66.useMemo)(function() {
+    var value = (0, import_react68.useMemo)(function() {
         return merge(prevComponents, rest);
     }, [
         rest,