@superinterface/react 2.16.5 → 2.17.1

package/dist/index.cjs

@@ -560,7 +560,7 @@ var SuperinterfaceProvider = function(param) {
     });
 };
 // src/components/threads/Thread/Messages/index.tsx
-var import_themes31 = require("@radix-ui/themes");
+var import_themes32 = require("@radix-ui/themes");
 // src/components/threads/Thread/Messages/Content/index.tsx
 var import_react26 = require("react");
 // src/hooks/messages/useMessages/index.tsx
@@ -874,7 +874,7 @@ var useToasts = function() {
 };
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
 var import_react25 = require("react");
-var import_themes28 = require("@radix-ui/themes");
+var import_themes29 = require("@radix-ui/themes");
 // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
 var import_react11 = require("react");
 var import_themes5 = require("@radix-ui/themes");
@@ -933,11 +933,11 @@ var UserAvatar = function() {
     });
 };
 // src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
-var import_themes27 = require("@radix-ui/themes");
+var import_themes28 = require("@radix-ui/themes");
 // src/components/threads/Thread/Message/index.tsx
 var import_react24 = require("react");
-var import_radash3 = require("radash");
-var import_themes26 = require("@radix-ui/themes");
+var import_radash4 = require("radash");
+var import_themes27 = require("@radix-ui/themes");
 // src/components/skeletons/StartingContentSkeleton/index.tsx
 var import_themes8 = require("@radix-ui/themes");
 var import_jsx_runtime9 = require("react/jsx-runtime");
@@ -1437,6 +1437,54 @@ var Img = function(props) {
         }))
     });
 };
+// src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
+var import_react_icons5 = require("@radix-ui/react-icons");
+// src/contexts/markdown/MarkdownContext/lib/components/Annotation/AnnotationBase.tsx
+var import_themes25 = require("@radix-ui/themes");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var AnnotationBase = function(param) {
+    var icon = param.icon, content = param.content;
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_themes25.Popover.Root, {
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes25.Popover.Trigger, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes25.IconButton, {
+                    variant: "soft",
+                    color: "gray",
+                    size: "1",
+                    children: icon
+                })
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes25.Popover.Content, {
+                size: "1",
+                children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes25.Flex, {
+                    direction: "column",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes25.Text, {
+                        size: "1",
+                        color: "gray",
+                        children: content
+                    })
+                })
+            })
+        ]
+    });
+};
+// src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var Annotation = function(param) {
+    var annotation = param.annotation;
+    if (annotation.type === "file_citation") {
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AnnotationBase, {
+            icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_icons5.QuoteIcon, {}),
+            content: "File cited."
+        });
+    } else if (annotation.type === "file_path") {
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AnnotationBase, {
+            icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_icons5.FileIcon, {}),
+            content: "File generated."
+        });
+    }
+    return null;
+};
 // src/contexts/markdown/MarkdownContext/lib/components/index.tsx
 var components = {
     p: Paragraph,
@@ -1447,41 +1495,170 @@ var components = {
     li: ListItem,
     pre: Pre,
     code: Code2,
-    img: Img
+    img: Img,
+    annotation: Annotation
+};
+// src/lib/remark/remarkAnnotation.ts
+var import_radash3 = require("radash");
+var import_unist_util_flatmap = __toESM(require("unist-util-flatmap"), 1);
+var remarkAnnotation = function(param) {
+    var content = param.content;
+    return function() {
+        return function(tree) {
+            (0, import_unist_util_flatmap.default)(tree, function(node) {
+                if (node.type !== "text") {
+                    return [
+                        node
+                    ];
+                }
+                if (!content.text.annotations.length) {
+                    return [
+                        node
+                    ];
+                }
+                if (!node.position) {
+                    return [
+                        node
+                    ];
+                }
+                var nodeStart = node.position.start.offset;
+                if (!(0, import_radash3.isNumber)(nodeStart)) {
+                    return [
+                        node
+                    ];
+                }
+                var nodeEnd = node.position.end.offset;
+                if (!(0, import_radash3.isNumber)(nodeEnd)) {
+                    return [
+                        node
+                    ];
+                }
+                var newNodes = [];
+                var sortedAnnotations = content.text.annotations.sort(function(a, b) {
+                    return a.start_index - b.start_index;
+                });
+                var lastProcessedIndex = nodeStart;
+                sortedAnnotations.forEach(function(annotation) {
+                    var annotationStart = annotation.start_index;
+                    var annotationEnd = annotation.end_index;
+                    if (nodeEnd < annotationStart || nodeStart > annotationEnd) {
+                        return;
+                    }
+                    var startIndex = Math.max(nodeStart, annotationStart);
+                    var endIndex = Math.min(nodeEnd, annotationEnd);
+                    if (lastProcessedIndex < startIndex) {
+                        newNodes.push({
+                            type: "text",
+                            value: node.value.slice(lastProcessedIndex - nodeStart, startIndex - nodeStart),
+                            position: {
+                                start: {
+                                    line: node.position.start.line,
+                                    column: node.position.start.column,
+                                    offset: lastProcessedIndex
+                                },
+                                end: {
+                                    line: node.position.end.line,
+                                    column: node.position.end.column,
+                                    offset: startIndex
+                                }
+                            }
+                        });
+                    }
+                    newNodes.push({
+                        type: "annotation",
+                        value: node.value.slice(startIndex - nodeStart, endIndex - nodeStart),
+                        position: {
+                            start: {
+                                line: node.position.start.line,
+                                column: node.position.start.column,
+                                offset: startIndex
+                            },
+                            end: {
+                                line: node.position.end.line,
+                                column: node.position.end.column,
+                                offset: endIndex
+                            }
+                        },
+                        data: {
+                            hName: "annotation",
+                            hProperties: {
+                                annotation: annotation
+                            }
+                        }
+                    });
+                    lastProcessedIndex = endIndex;
+                });
+                if (lastProcessedIndex < nodeEnd) {
+                    newNodes.push({
+                        type: "text",
+                        value: node.value.slice(lastProcessedIndex - nodeStart, nodeEnd - nodeStart),
+                        position: {
+                            start: {
+                                line: node.position.start.line,
+                                column: node.position.start.column,
+                                offset: lastProcessedIndex
+                            },
+                            end: {
+                                line: node.position.end.line,
+                                column: node.position.end.column,
+                                offset: nodeEnd
+                            }
+                        }
+                    });
+                }
+                return newNodes;
+            });
+        };
+    };
+};
+// src/contexts/markdown/MarkdownContext/lib/getRemarkPlugins.ts
+var getRemarkPlugins = function(param) {
+    var content = param.content;
+    return [
+        remarkAnnotation({
+            content: content
+        })
+    ];
 };
 // src/contexts/markdown/MarkdownContext/index.ts
 var MarkdownContext = (0, import_react22.createContext)({
-    components: components
+    components: components,
+    getRemarkPlugins: getRemarkPlugins
 });
 // src/hooks/markdown/useMarkdownContext/index.ts
 var useMarkdownContext = function() {
     return (0, import_react23.useContext)(MarkdownContext);
 };
 // src/components/threads/Thread/Message/TextContent.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var TextContent = function(param) {
     var content = param.content;
-    var markdownContext = useMarkdownContext();
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_markdown.default, _object_spread_props(_object_spread({}, markdownContext), {
+    var _useMarkdownContext = useMarkdownContext(), getRemarkPlugins2 = _useMarkdownContext.getRemarkPlugins, rest = _object_without_properties(_useMarkdownContext, [
+        "getRemarkPlugins"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_markdown.default, _object_spread_props(_object_spread({}, rest), {
+        remarkPlugins: getRemarkPlugins2({
+            content: content
+        }),
         children: content.text.value
     }));
 };
 // src/components/threads/Thread/Message/Attachments/index.tsx
-var import_themes25 = require("@radix-ui/themes");
-var import_react_icons5 = require("@radix-ui/react-icons");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_themes26 = require("@radix-ui/themes");
+var import_react_icons6 = require("@radix-ui/react-icons");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var Attachments = function(param) {
     var message = param.message;
     var _message_attachments;
     if (!((_message_attachments = message.attachments) === null || _message_attachments === void 0 ? void 0 : _message_attachments.length)) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes25.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes26.Flex, {
         align: "start",
         pb: "1",
-        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_themes25.Badge, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_themes26.Badge, {
             color: "gray",
             variant: "surface",
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_icons5.FileIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_icons6.FileIcon, {}),
                 message.attachments.length,
                 " file",
                 message.attachments.length > 1 ? "s" : ""
@@ -1490,7 +1667,7 @@ var Attachments = function(param) {
     });
 };
 // src/components/threads/Thread/Message/index.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var Message = function(param) {
     var message = param.message;
     var _ref = _sliced_to_array((0, import_react24.useMemo)(function() {
@@ -1535,68 +1712,68 @@ var Message = function(param) {
     }, [
         message
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Provider, {
         value: {
             message: message
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_themes26.Box, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_themes27.Box, {
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RunSteps, {
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(RunSteps, {
                     runSteps: olderRunSteps
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_themes26.Box, {
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_themes27.Box, {
                     children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Attachments, {
+                        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Attachments, {
                             message: message
                         }),
                         message.content.map(function(content, index) {
-                            return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react24.Fragment, {
-                                children: content.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TextContent, {
+                            return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react24.Fragment, {
+                                children: content.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TextContent, {
                                     content: content
                                 })
                             }, index);
                         }),
-                        isInProgress && (0, import_radash3.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(StartingContentSkeleton, {})
+                        isInProgress && (0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(StartingContentSkeleton, {})
                     ]
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RunSteps, {
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(RunSteps, {
                     runSteps: laterRunSteps
                 }),
-                isInProgress && !(0, import_radash3.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes26.Box, {
-                    children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(StartingContentSkeleton, {})
+                isInProgress && !(0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes27.Box, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(StartingContentSkeleton, {})
                 })
             ]
         })
     });
 };
 // src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var Content2 = function(param) {
     var messageGroup = param.messageGroup;
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes27.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes28.Flex, {
         direction: "column-reverse",
         children: messageGroup.messages.map(function(message) {
-            return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Message, {
+            return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Message, {
                 message: message
             }, message.id);
         })
     });
 };
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var MessageGroup = function(param) {
     var messageGroup = param.messageGroup;
     var assistantNameContext = (0, import_react25.useContext)(AssistantNameContext);
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(MessageGroupBase, {
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(MessageGroupBase, {
         children: [
-            messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AssistantAvatar, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_themes28.Box, {
+            messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AssistantAvatar, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_themes29.Box, {
                 flexGrow: "1",
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Name, {
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Name, {
                         children: messageGroup.role === "user" ? "You" : assistantNameContext
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Content2, {
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Content2, {
                         messageGroup: messageGroup
                     })
                 ]
@@ -1605,7 +1782,7 @@ var MessageGroup = function(param) {
     });
 };
 // src/components/threads/Thread/Messages/Content/index.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var Content3 = function() {
     var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
     var addToast = useToasts().addToast;
@@ -1624,11 +1801,11 @@ var Content3 = function() {
         addToast
     ]);
     if (isLoading || isLoadingError) {
-        return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(MessagesSkeleton, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MessagesSkeleton, {});
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, {
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_jsx_runtime41.Fragment, {
         children: messageGroups2.map(function(messageGroup) {
-            return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(MessageGroup, {
+            return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MessageGroup, {
                 messageGroup: messageGroup
             }, messageGroup.id);
         })
@@ -1638,21 +1815,21 @@ var Content3 = function() {
 var import_react29 = require("react");
 // src/components/skeletons/StartingSkeleton/index.tsx
 var import_react27 = require("react");
-var import_themes29 = require("@radix-ui/themes");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_themes30 = require("@radix-ui/themes");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var StartingSkeleton = function(param) {
     var children = param.children;
     var assistantNameContext = (0, import_react27.useContext)(AssistantNameContext);
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(MessageGroupBase, {
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(MessageGroupBase, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AssistantAvatar, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_themes29.Box, {
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AssistantAvatar, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_themes30.Box, {
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Name, {
+                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Name, {
                         children: assistantNameContext
                     }),
                     children,
-                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(StartingContentSkeleton, {})
+                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(StartingContentSkeleton, {})
                 ]
             })
         ]
@@ -1677,7 +1854,7 @@ var isOptimistic = function(param) {
     return import_lodash4.default.startsWith(id, "-");
 };
 // src/components/threads/Thread/Messages/Progress/index.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var Progress = function() {
     var latestMessage = useLatestMessage().latestMessage;
     var isMutatingMessage = useIsMutatingMessage();
@@ -1695,10 +1872,10 @@ var Progress = function() {
         isMutatingMessage
     ]);
     if (!isVisible) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(StartingSkeleton, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(StartingSkeleton, {});
 };
 // src/components/threads/Thread/Messages/Root/index.tsx
-var import_themes30 = require("@radix-ui/themes");
+var import_themes31 = require("@radix-ui/themes");
 // src/hooks/misc/useInfiniteScroll/index.tsx
 var import_react31 = require("react");
 var import_react_intersection_observer = require("react-intersection-observer");
@@ -1754,7 +1931,7 @@ var useInfiniteScroll = function(param) {
     };
 };
 // src/components/threads/Thread/Messages/Root/index.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var Root2 = function(param) {
     var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
     var _useMessages = useMessages(), isFetchingNextPage = _useMessages.isFetchingNextPage, hasNextPage = _useMessages.hasNextPage, fetchNextPage = _useMessages.fetchNextPage;
@@ -1763,7 +1940,7 @@ var Root2 = function(param) {
         hasNextPage: hasNextPage,
         fetchNextPage: fetchNextPage
     }), containerRef = _useInfiniteScroll.containerRef, loaderRef = _useInfiniteScroll.loaderRef;
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_themes30.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_themes31.Flex, {
         ref: containerRef,
         direction: "column-reverse",
         flexGrow: "1",
@@ -1772,10 +1949,10 @@ var Root2 = function(param) {
         }),
         children: [
             children,
-            hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes30.Flex, {
+            hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes31.Flex, {
                 ref: loaderRef
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes30.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes31.Flex, {
                 flexShrink: "0",
                 flexGrow: "1"
             })
@@ -1783,32 +1960,33 @@ var Root2 = function(param) {
     });
 };
 // src/components/threads/Thread/Messages/NextPageSkeleton.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var NextPageSkeleton = function() {
     var hasNextPage = useMessages().hasNextPage;
     if (!hasNextPage) {
         return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(MessagesSkeleton, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(MessagesSkeleton, {});
 };
 // src/components/threads/Thread/Messages/index.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var Messages = function(param) {
     var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Root2, {
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Root2, {
         style: style,
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes31.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes32.Flex, {
                 flexShrink: "0",
                 height: "var(--space-3)"
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Progress, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Progress, {}),
             children,
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Content3, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NextPageSkeleton, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes31.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Content3, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(NextPageSkeleton, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes32.Flex, {
                 flexShrink: "0",
-                flexGrow: "1"
+                flexGrow: "1",
+                minHeight: "var(--space-5)"
             })
         ]
     });
@@ -1817,8 +1995,8 @@ Messages.Root = Root2;
 Messages.Message = Message;
 Messages.NextPageSkeleton = NextPageSkeleton;
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
-var import_react_icons6 = require("@radix-ui/react-icons");
-var import_themes32 = require("@radix-ui/themes");
+var import_react_icons7 = require("@radix-ui/react-icons");
+var import_themes33 = require("@radix-ui/themes");
 // src/hooks/messages/useMessageFormContext/index.ts
 var import_react33 = require("react");
 // src/contexts/messages/MessageFormContext/index.ts
@@ -1835,10 +2013,10 @@ var useMessageFormContext = function() {
     return (0, import_react33.useContext)(MessageFormContext);
 };
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var Root3 = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes32.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes33.Flex, {
         flexShrink: "0",
         align: "end",
         children: children
@@ -1848,24 +2026,24 @@ var Button2 = function() {
     var superinterfaceContext = useSuperinterfaceContext();
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, isFileLoading = _useMessageFormContext.isFileLoading;
     if (isLoading) {
-        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes32.IconButton, {
+        return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes33.IconButton, {
             type: "button",
             onClick: function() {
                 var _superinterfaceContext_createMessageAbortControllerRef_current;
                 return (_superinterfaceContext_createMessageAbortControllerRef_current = superinterfaceContext.createMessageAbortControllerRef.current) === null || _superinterfaceContext_createMessageAbortControllerRef_current === void 0 ? void 0 : _superinterfaceContext_createMessageAbortControllerRef_current.abort();
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_icons6.StopIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_icons7.StopIcon, {})
         });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes32.IconButton, {
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes33.IconButton, {
         type: "submit",
         disabled: isDisabled || isFileLoading,
-        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_icons6.ArrowUpIcon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_icons7.ArrowUpIcon, {})
     });
 };
 var Submit = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Root3, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Button2, {})
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Root3, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button2, {})
     });
 };
 Submit.Root = Root3;
@@ -1874,18 +2052,18 @@ Submit.Button = Button2;
 var import_react_query5 = require("@tanstack/react-query");
 var import_react34 = require("react");
 var import_react_hook_form = require("react-hook-form");
-var import_themes33 = require("@radix-ui/themes");
+var import_themes34 = require("@radix-ui/themes");
 // src/hooks/messages/useCreateMessage/index.ts
-var import_radash11 = require("radash");
+var import_radash12 = require("radash");
 var import_react_query4 = require("@tanstack/react-query");
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/onMutate/index.ts
-var import_radash5 = require("radash");
+var import_radash6 = require("radash");
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/onMutate/data.ts
 var import_dayjs = __toESM(require("dayjs"), 1);
 // src/lib/optimistic/optimisticId.ts
-var import_radash4 = require("radash");
+var import_radash5 = require("radash");
 var optimisticId = function() {
-    return "-".concat((0, import_radash4.uid)(24));
+    return "-".concat((0, import_radash5.uid)(24));
 };
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/onMutate/data.ts
 var data = function(param) {
@@ -1950,7 +2128,7 @@ var onMutate = function(param) {
                     case 0:
                         queryKey = [
                             "messages",
-                            (0, import_radash5.omit)(newMessage, [
+                            (0, import_radash6.omit)(newMessage, [
                                 "content",
                                 "attachments"
                             ])
@@ -1999,7 +2177,7 @@ var threadCreated = function(param) {
     });
 };
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/extendMessage.ts
-var import_radash6 = require("radash");
+var import_radash7 = require("radash");
 var extendMessage = function(param) {
     var message = param.message, messages2 = param.messages;
     var _this, _this1;
@@ -2012,7 +2190,7 @@ var extendMessage = function(param) {
         });
     });
     var _runSteps, _ref;
-    var runSteps = (_ref = (_runSteps = (_this = (0, import_radash6.last)(prevOptimitisticRunMessages)) === null || _this === void 0 ? void 0 : _this.runSteps) !== null && _runSteps !== void 0 ? _runSteps : (_this1 = (0, import_radash6.last)(prevRunMessages)) === null || _this1 === void 0 ? void 0 : _this1.runSteps) !== null && _ref !== void 0 ? _ref : [];
+    var runSteps = (_ref = (_runSteps = (_this = (0, import_radash7.last)(prevOptimitisticRunMessages)) === null || _this === void 0 ? void 0 : _this.runSteps) !== null && _runSteps !== void 0 ? _runSteps : (_this1 = (0, import_radash7.last)(prevRunMessages)) === null || _this1 === void 0 ? void 0 : _this1.runSteps) !== null && _ref !== void 0 ? _ref : [];
     return _object_spread_props(_object_spread({}, message), {
         runSteps: runSteps
     });
@@ -2065,11 +2243,11 @@ var threadMessageCreated = function(param) {
 };
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/threadMessageDelta.ts
 var import_lodash6 = __toESM(require("lodash"), 1);
-var import_radash7 = require("radash");
+var import_radash8 = require("radash");
 var updatedContentPart = function(param) {
     var prevContentPart = param.prevContentPart, delta = param.delta;
     if (!prevContentPart) {
-        return (0, import_radash7.omit)(delta, [
+        return (0, import_radash8.omit)(delta, [
             "index"
         ]);
     }
@@ -2131,7 +2309,7 @@ var threadMessageDelta = function(param) {
     });
 };
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/threadMessageCompleted.ts
-var import_radash8 = require("radash");
+var import_radash9 = require("radash");
 var threadMessageCompleted = function(param) {
     var value = param.value, queryClient = param.queryClient, messagesQueryKey = param.messagesQueryKey;
     return queryClient.setQueryData(messagesQueryKey, function(prevData) {
@@ -2151,7 +2329,7 @@ var threadMessageCompleted = function(param) {
         return _object_spread_props(_object_spread({}, prevData), {
             pages: [
                 _object_spread_props(_object_spread({}, latestPage), {
-                    data: (0, import_radash8.replace)(latestPage.data, extendMessage({
+                    data: (0, import_radash9.replace)(latestPage.data, extendMessage({
                         message: value.data,
                         messages: latestPage.data
                     }), function(m) {
@@ -2217,11 +2395,11 @@ var threadRunStepCreated = function(param) {
 };
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/threadRunStepDelta.ts
 var import_lodash7 = __toESM(require("lodash"), 1);
-var import_radash9 = require("radash");
+var import_radash10 = require("radash");
 var updatedToolCall = function(param) {
     var toolCall = param.toolCall, delta = param.delta;
     if (!toolCall) {
-        return (0, import_radash9.omit)(delta, [
+        return (0, import_radash10.omit)(delta, [
             "index"
         ]);
     }
@@ -2304,7 +2482,7 @@ var threadRunStepDelta = function(param) {
     });
 };
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/threadRunStepCompleted.ts
-var import_radash10 = require("radash");
+var import_radash11 = require("radash");
 var threadRunStepCompleted = function(param) {
     var value = param.value, queryClient = param.queryClient, messagesQueryKey = param.messagesQueryKey;
     return queryClient.setQueryData(messagesQueryKey, function(prevData) {
@@ -2316,7 +2494,7 @@ var threadRunStepCompleted = function(param) {
                     data: latestPage.data.map(function(m) {
                         if (m.run_id === value.data.run_id) {
                             return _object_spread_props(_object_spread({}, m), {
-                                runSteps: (0, import_radash10.replace)(m.runSteps, value.data, function(rs) {
+                                runSteps: (0, import_radash11.replace)(m.runSteps, value.data, function(rs) {
                                     return rs.id === value.data.id;
                                 })
                             });
@@ -2483,7 +2661,7 @@ var useCreateMessage = function() {
         onError: onError
     }));
     return _object_spread_props(_object_spread({}, props), {
-        createMessage: (0, import_radash11.partob)(props.mutateAsync, threadContext.variables)
+        createMessage: (0, import_radash12.partob)(props.mutateAsync, threadContext.variables)
     });
 };
 // src/components/threads/Thread/MessageForm/Root/lib/formOptions.ts
@@ -2496,8 +2674,8 @@ var formOptions = {
     resolver: (0, import_zod2.zodResolver)(schema)
 };
 // src/components/threads/Thread/MessageForm/Root/index.tsx
-var import_radash12 = require("radash");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_radash13 = require("radash");
+var import_jsx_runtime48 = 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];
@@ -2555,7 +2733,7 @@ var Root4 = function(param) {
         isLoading,
         files
     ]);
-    var onSubmit = onSubmitArg ? (0, import_radash12.partob)(onSubmitArg, {
+    var onSubmit = onSubmitArg ? (0, import_radash13.partob)(onSubmitArg, {
         reset: reset,
         createMessage: createMessage
     }) : function() {
@@ -2606,7 +2784,7 @@ var Root4 = function(param) {
             return _ref.apply(this, arguments);
         };
     }();
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(MessageFormContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(MessageFormContext.Provider, {
         value: {
             isDisabled: isDisabled,
             isLoading: isLoading,
@@ -2614,11 +2792,11 @@ var Root4 = function(param) {
             setFiles: setFiles,
             isFileLoading: isFileLoading
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_hook_form.FormProvider, _object_spread_props(_object_spread({}, formProps), {
-            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes33.Box, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_hook_form.FormProvider, _object_spread_props(_object_spread({}, formProps), {
+            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes34.Box, {
                 asChild: true,
                 flexShrink: "0",
-                children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("form", {
+                children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("form", {
                     onSubmit: handleSubmit(onSubmit),
                     children: children
                 })
@@ -2628,23 +2806,23 @@ var Root4 = function(param) {
 };
 // src/components/threads/Thread/MessageForm/Field/index.tsx
 var import_react_hook_form3 = require("react-hook-form");
-var import_themes37 = require("@radix-ui/themes");
+var import_themes38 = require("@radix-ui/themes");
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-var import_themes34 = require("@radix-ui/themes");
+var import_themes35 = 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");
 // src/components/textareas/TextareaBase/index.tsx
 var import_react35 = require("react");
 var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"), 1);
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var TextareaBase = (0, import_react35.forwardRef)(function TextareaBase2(props, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, {
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("style", {
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("style", {
                 children: ".superinterface-textarea { min-height: inherit; height: 30px; }\n.superinterface-textarea::placeholder { color: var(--gray-a10); }"
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_textarea_autosize.default, _object_spread({
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_textarea_autosize.default, _object_spread({
                 ref: ref,
                 className: "rt-reset superinterface-textarea",
                 style: {
@@ -2661,10 +2839,10 @@ var TextareaBase = (0, import_react35.forwardRef)(function TextareaBase2(props,
     });
 });
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var Root5 = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes34.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Flex, {
         flexGrow: "1",
         pt: "4px",
         children: children
@@ -2693,7 +2871,7 @@ var Input = function() {
         isDisabledPrevious,
         textareaProps
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(TextareaBase, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TextareaBase, _object_spread_props(_object_spread({
         minRows: 1,
         placeholder: "Message ".concat(assistantNameContext, "..."),
         disabled: isDisabled,
@@ -2713,51 +2891,51 @@ var Input = function() {
     }));
 };
 var Control = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Root5, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Input, {})
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Root5, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Input, {})
     });
 };
 Control.Root = Root5;
 Control.Input = Input;
 // src/components/threads/Thread/MessageForm/Field/Files/Preview.tsx
-var import_themes35 = require("@radix-ui/themes");
-var import_react_icons7 = require("@radix-ui/react-icons");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_themes36 = require("@radix-ui/themes");
+var import_react_icons8 = require("@radix-ui/react-icons");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var Preview = function() {
     var _useMessageFormContext = useMessageFormContext(), files = _useMessageFormContext.files, setFiles = _useMessageFormContext.setFiles;
     if (!files.length) {
         return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Flex, {
         flexBasis: "100%",
         direction: "column",
         pb: "2",
         gap: "1",
         children: files.map(function(file) {
-            return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.Card, {
+            return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Card, {
                 variant: "ghost",
-                children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_themes35.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_themes36.Flex, {
                     align: "center",
                     justify: "between",
                     gap: "1",
                     children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_themes35.Flex, {
+                        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_themes36.Flex, {
                             align: "center",
                             gap: "1",
                             flexShrink: "1",
                             minWidth: "0",
                             maxWidth: "250px",
                             children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.Flex, {
+                                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Flex, {
                                     flexShrink: "0",
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.Spinner, {
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Spinner, {
                                         loading: isOptimistic({
                                             id: file.id
                                         }),
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_icons7.FileIcon, {})
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_icons8.FileIcon, {})
                                     })
                                 }),
-                                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.Text, {
+                                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Text, {
                                     size: "2",
                                     truncate: true,
                                     wrap: "nowrap",
@@ -2765,9 +2943,9 @@ var Preview = function() {
                                 })
                             ]
                         }),
-                        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.Flex, {
+                        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Flex, {
                             flexShrink: "0",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.IconButton, {
+                            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.IconButton, {
                                 onClick: function() {
                                     return setFiles(function(prev) {
                                         return prev.filter(function(prevFile) {
@@ -2778,7 +2956,7 @@ var Preview = function() {
                                 color: "gray",
                                 variant: "ghost",
                                 size: "1",
-                                children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_icons7.Cross2Icon, {})
+                                children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_icons8.Cross2Icon, {})
                             })
                         })
                     ]
@@ -2789,10 +2967,10 @@ var Preview = function() {
 };
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
 var import_react37 = require("react");
-var import_radash13 = require("radash");
+var import_radash14 = 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");
+var import_react_icons9 = require("@radix-ui/react-icons");
+var import_themes37 = require("@radix-ui/themes");
 // src/hooks/files/useCreateFile/index.ts
 var import_react_query6 = require("@tanstack/react-query");
 // src/hooks/files/useCreateFile/lib/mutationOptions/mutationFn/body/formData.ts
@@ -2903,7 +3081,7 @@ var useCreateFile = function() {
     });
 };
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var accept = ".c,text/x-c,\n.cs,text/x-csharp,\n.cpp,text/x-c++,\n.doc,application/msword,\n.docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document,\n.html,text/html,\n.java,text/x-java,\n.json,application/json,\n.md,text/markdown,\n.pdf,application/pdf,\n.php,text/x-php,\n.pptx,application/vnd.openxmlformats-officedocument.presentationml.presentation,\n.py,text/x-python,\n.py,text/x-script.python,\n.rb,text/x-ruby,\n.tex,text/x-tex,\n.txt,text/plain,\n.css,text/css,\n.js,text/javascript,\n.sh,application/x-sh,\n.ts,application/typescript";
 var Control2 = function() {
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, setFiles = _useMessageFormContext.setFiles;
@@ -2933,7 +3111,7 @@ var Control2 = function() {
                         });
                         setFiles(function(prev) {
                             return _to_consumable_array(prev).concat(_to_consumable_array(newFiles.map(function(file) {
-                                return (0, import_radash13.omit)(file, [
+                                return (0, import_radash14.omit)(file, [
                                     "fileObject"
                                 ]);
                             })));
@@ -3077,11 +3255,11 @@ var Control2 = function() {
         createFile,
         setFiles
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes37.Flex, {
         pt: "2",
         pr: "2",
         flexGrow: "0",
-        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_themes36.IconButton, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_themes37.IconButton, {
             type: "button",
             variant: "ghost",
             color: "gray",
@@ -3091,8 +3269,8 @@ var Control2 = function() {
                 overflow: "hidden"
             },
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_icons8.FilePlusIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("input", {
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_icons9.FilePlusIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("input", {
                     type: "file",
                     multiple: true,
                     accept: accept,
@@ -3117,20 +3295,20 @@ var Files = {
     Control: Control2
 };
 // src/components/threads/Thread/MessageForm/Field/index.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var Root6 = function(param) {
     var children = param.children;
     var _ref = (0, import_react_hook_form3.useFormContext)(), errors = _ref.formState.errors;
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes37.Container, {
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Container, {
         size: "2",
         flexGrow: "0",
-        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes37.Flex, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Flex, {
             direction: "column",
             flexShrink: "0",
-            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes37.Flex, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Flex, {
                 direction: "column",
                 flexShrink: "0",
-                children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes37.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Flex, {
                     style: _object_spread({
                         borderRadius: "var(--radius-2)",
                         borderWidth: "1px",
@@ -3154,13 +3332,13 @@ var Field = {
     Files: Files
 };
 // src/components/threads/Thread/MessageForm/index.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var MessageForm = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Root4, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Field.Root, {
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Root4, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Field.Root, {
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Field.Control, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Submit, {})
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Field.Control, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Submit, {})
             ]
         })
     });
@@ -3169,17 +3347,17 @@ MessageForm.Root = Root4;
 MessageForm.Field = Field;
 MessageForm.Submit = Submit;
 // src/components/threads/Thread/Root/index.tsx
-var import_themes38 = require("@radix-ui/themes");
+var import_themes39 = require("@radix-ui/themes");
 // src/components/threads/Thread/Provider/index.tsx
 var Provider2 = SuperinterfaceProvider;
 // src/components/threads/Thread/Root/index.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var Root7 = function(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Provider2, _object_spread_props(_object_spread({}, rest), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Provider2, _object_spread_props(_object_spread({}, rest), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes39.Flex, {
             direction: "column",
             flexGrow: "1",
             children: children
@@ -3187,12 +3365,12 @@ var Root7 = function(_param) {
     }));
 };
 // src/components/threads/Thread/index.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var Thread = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Root7, _object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Root7, _object_spread_props(_object_spread({}, props), {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Messages, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MessageForm, {})
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Messages, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(MessageForm, {})
         ]
     }));
 };
@@ -3218,12 +3396,12 @@ var useThreadDialogContext = function() {
     return (0, import_react40.useContext)(ThreadDialogContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime57 = 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];
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ThreadDialogContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ThreadDialogContext.Provider, {
         value: {
             isOpen: isOpen,
             setIsOpen: setIsOpen
@@ -3236,27 +3414,27 @@ var import_react42 = require("react");
 var Toast2 = __toESM(require("@radix-ui/react-toast"), 1);
 // src/components/toasts/ToastsProvider/CustomToast.tsx
 var Toast = __toESM(require("@radix-ui/react-toast"), 1);
-var import_themes39 = require("@radix-ui/themes");
-var import_react_icons9 = require("@radix-ui/react-icons");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_themes40 = require("@radix-ui/themes");
+var import_react_icons10 = require("@radix-ui/react-icons");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var CustomToast = function(param) {
     var toast = param.toast;
-    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Toast.Root, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes39.Card, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Toast.Title, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_themes39.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Toast.Root, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes40.Card, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Toast.Title, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_themes40.Flex, {
                     children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes39.Flex, {
+                        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes40.Flex, {
                             pr: "2",
                             height: "14px",
                             align: "center",
-                            children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react_icons9.CheckCircledIcon, {
+                            children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_icons10.CheckCircledIcon, {
                                 color: "var(--accent-9)"
-                            }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react_icons9.CrossCircledIcon, {
+                            }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_icons10.CrossCircledIcon, {
                                 color: "var(--red-9)"
                             })
                         }),
-                        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes39.Text, {
+                        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes40.Text, {
                             weight: "medium",
                             size: "1",
                             children: toast.message
@@ -3268,7 +3446,7 @@ var CustomToast = function(param) {
     });
 };
 // src/components/toasts/ToastsProvider/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime59 = 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];
@@ -3279,20 +3457,20 @@ var ToastsProvider = function(param) {
             ]);
         });
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ToastsContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ToastsContext.Provider, {
         value: {
             toasts: toasts,
             addToast: addToast
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Toast2.Provider, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Toast2.Provider, {
             children: [
                 children,
                 Array.from(toasts).map(function(toast, index) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CustomToast, {
+                    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CustomToast, {
                         toast: toast
                     }, index);
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Toast2.Viewport, {
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Toast2.Viewport, {
                     style: {
                         position: "absolute",
                         bottom: 0,
@@ -3314,34 +3492,34 @@ var ToastsProvider = function(param) {
     });
 };
 // src/components/threads/ThreadDialog/Root/index.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var Root9 = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ToastsProvider, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Provider3, {
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ToastsProvider, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Provider3, {
             children: children
         })
     });
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-var import_themes41 = require("@radix-ui/themes");
+var import_themes42 = require("@radix-ui/themes");
 // src/components/threads/ThreadDialog/Trigger/Button.tsx
-var import_themes40 = require("@radix-ui/themes");
-var import_react_icons10 = require("@radix-ui/react-icons");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_themes41 = require("@radix-ui/themes");
+var import_react_icons11 = require("@radix-ui/react-icons");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var Button3 = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes40.IconButton, {
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes41.IconButton, {
         size: "4",
         radius: "full",
-        children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_icons10.ChatBubbleIcon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_icons11.ChatBubbleIcon, {})
     });
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var Root10 = function(param) {
     var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
-    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes41.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes42.Flex, {
         display: {
             initial: isOpen ? "none" : "flex",
             sm: "flex"
@@ -3365,21 +3543,21 @@ var Root10 = function(param) {
     });
 };
 var Trigger = function(args) {
-    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Root10, _object_spread_props(_object_spread({}, args), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button3, {})
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Root10, _object_spread_props(_object_spread({}, args), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button3, {})
     }));
 };
 Trigger.Root = Root10;
 Trigger.Button = Button3;
 // src/components/threads/ThreadDialog/Content/index.tsx
-var import_themes43 = require("@radix-ui/themes");
+var import_themes44 = require("@radix-ui/themes");
 // src/components/threads/ThreadDialog/Close/index.tsx
-var import_react_icons11 = require("@radix-ui/react-icons");
-var import_themes42 = require("@radix-ui/themes");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_react_icons12 = require("@radix-ui/react-icons");
+var import_themes43 = require("@radix-ui/themes");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var Close = function() {
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes42.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes43.Flex, {
         display: {
             initial: isOpen ? "flex" : "none",
             sm: "none"
@@ -3399,20 +3577,20 @@ var Close = function() {
         style: {
             zIndex: 9999999999
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes42.IconButton, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes43.IconButton, {
             size: "2",
             variant: "soft",
-            children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_icons11.Cross1Icon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_icons12.Cross1Icon, {})
         })
     });
 };
 // src/components/threads/ThreadDialog/Content/index.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var Root11 = function(param) {
     var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
     var isOpen = useThreadDialogContext().isOpen;
     if (!isOpen) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes43.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes44.Flex, {
         direction: "column",
         justify: "end",
         position: "fixed",
@@ -3440,7 +3618,7 @@ var Root11 = function(param) {
         style: _object_spread({
             zIndex: 9999999999
         }, style),
-        children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes43.Card, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_themes44.Card, {
             mb: {
                 initial: void 0,
                 sm: "3"
@@ -3451,7 +3629,7 @@ var Root11 = function(param) {
                 flexGrow: 1
             },
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes43.Inset, {
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes44.Inset, {
                     clip: "padding-box",
                     side: "all",
                     pb: "current",
@@ -3461,13 +3639,13 @@ var Root11 = function(param) {
                     },
                     children: children
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Close, {})
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Close, {})
             ]
         })
     });
 };
 var Messages2 = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Thread.Messages, {
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Thread.Messages, {
         style: {
             paddingTop: "var(--space-5)",
             paddingRight: "var(--space-5)",
@@ -3477,7 +3655,7 @@ var Messages2 = function() {
 };
 var FormContainer = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes43.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes44.Flex, {
         direction: "column",
         pl: "5",
         pr: "5",
@@ -3488,13 +3666,13 @@ var FormContainer = function(param) {
 };
 var Content4 = function(param) {
     var _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
-    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Root11, {
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Root11, {
         style: style,
-        children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Thread.Root, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Thread.Root, {
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Messages2, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(FormContainer, {
-                    children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Thread.MessageForm, {})
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Messages2, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(FormContainer, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Thread.MessageForm, {})
                 })
             ]
         })
@@ -3504,12 +3682,12 @@ Content4.Root = Root11;
 Content4.Messages = Messages2;
 Content4.FormContainer = FormContainer;
 // src/components/threads/ThreadDialog/index.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var ThreadDialog = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Root9, {
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(Root9, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Content4, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Trigger, {})
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Content4, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Trigger, {})
         ]
     });
 };
@@ -3518,7 +3696,7 @@ ThreadDialog.Trigger = Trigger;
 ThreadDialog.Content = Content4;
 // src/components/threads/AudioThread/Root/index.tsx
 var import_runtime = require("regenerator-runtime/runtime");
-var import_themes44 = require("@radix-ui/themes");
+var import_themes45 = require("@radix-ui/themes");
 // src/contexts/threads/AudioThreadContext/index.ts
 var import_react43 = require("react");
 var AudioThreadContext = (0, import_react43.createContext)({
@@ -3770,7 +3948,7 @@ 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_radash14 = require("radash");
+var import_radash15 = require("radash");
 var input = function(param) {
     var message = param.message;
     var textContents = message.content.filter(function(c) {
@@ -3779,7 +3957,7 @@ var input = function(param) {
     var result = textContents.map(function(c) {
         return c.text.value;
     }).join(" ");
-    if ((0, import_radash14.isEmpty)(result)) return null;
+    if ((0, import_radash15.isEmpty)(result)) return null;
     return result;
 };
 // src/hooks/audioThreads/useMessageAudio/lib/isHtmlAudioSupported.ts
@@ -3955,7 +4133,7 @@ var useMessageAudio = function(param) {
     });
 };
 // src/components/threads/AudioThread/Root/index.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var Root12 = function(param) {
     var children = param.children;
     var createMessageProps = useCreateMessage();
@@ -4013,13 +4191,13 @@ var Root12 = function(param) {
         createMessageProps: createMessageProps,
         messageAudioProps: messageAudioProps
     }).status;
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(AudioThreadContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(AudioThreadContext.Provider, {
         value: {
             status: status,
             recorderProps: recorderProps,
             messageAudioProps: messageAudioProps
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes44.Flex, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes45.Flex, {
             direction: "column",
             flexGrow: "1",
             p: "9",
@@ -4030,7 +4208,7 @@ var Root12 = function(param) {
 // src/components/threads/AudioThread/Visualization/index.tsx
 var import_react49 = require("react");
 var import_lodash9 = __toESM(require("lodash"), 1);
-var import_themes46 = require("@radix-ui/themes");
+var import_themes47 = require("@radix-ui/themes");
 // src/hooks/threads/useAudioThreadContext/index.ts
 var import_react47 = require("react");
 var useAudioThreadContext = function() {
@@ -4038,10 +4216,10 @@ var useAudioThreadContext = function() {
 };
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
 var import_lodash8 = __toESM(require("lodash"), 1);
-var import_themes45 = require("@radix-ui/themes");
+var import_themes46 = require("@radix-ui/themes");
 var import_react48 = require("react");
-var import_radash15 = require("radash");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_radash16 = require("radash");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var barCount = 4;
 var BarsVisualizer = function(param) {
     var visualizationAnalyser = param.visualizationAnalyser, backgroundColor = param.backgroundColor, height = param.height, barWidth = param.barWidth;
@@ -4054,7 +4232,7 @@ var BarsVisualizer = function(param) {
         }
         var frequencyData = new Uint8Array(visualizationAnalyser2.frequencyBinCount / 15);
         visualizationAnalyser2.getByteFrequencyData(frequencyData);
-        var clusteredFrequencyData = (0, import_radash15.cluster)(frequencyData, frequencyData.length / barCount);
+        var clusteredFrequencyData = (0, import_radash16.cluster)(frequencyData, frequencyData.length / barCount);
         setBarHeights(clusteredFrequencyData.map(function(frequencyDataCluster) {
             return import_lodash8.default.mean(frequencyDataCluster) / 255 * 100;
         }));
@@ -4072,7 +4250,7 @@ var BarsVisualizer = function(param) {
         draw,
         visualizationAnalyser
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes45.Grid, {
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes46.Grid, {
         columns: "".concat(barCount),
         gap: "1",
         width: "auto",
@@ -4081,12 +4259,12 @@ var BarsVisualizer = function(param) {
             gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
         },
         children: barHeights.map(function(barHeight, index) {
-            return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes45.Flex, {
+            return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes46.Flex, {
                 direction: "column",
                 align: "center",
                 justify: "center",
                 height: height,
-                children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes45.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes46.Flex, {
                     minHeight: "50%",
                     maxHeight: "100%",
                     height: "".concat(barHeight + 20, "%"),
@@ -4101,7 +4279,7 @@ var BarsVisualizer = function(param) {
     });
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var Visualization = function() {
     var audioThreadContext = useAudioThreadContext();
     var assistantNameContext = (0, import_react49.useContext)(AssistantNameContext);
@@ -4129,14 +4307,14 @@ var Visualization = function() {
         draw,
         audioThreadContext
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_themes46.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes47.Flex, {
         direction: "column",
         align: "center",
         justify: "center",
         mb: "3",
         flexGrow: "1",
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes46.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes47.Flex, {
                 align: "center",
                 justify: "center",
                 height: "200px",
@@ -4146,20 +4324,20 @@ var Visualization = function() {
                     borderRadius: "9999px",
                     scale: scale
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(BarsVisualizer, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(BarsVisualizer, {
                     visualizationAnalyser: audioThreadContext.messageAudioProps.visualizationAnalyser,
                     backgroundColor: audioThreadContext.status === "playing" ? "var(--accent-11)" : "var(--gray-11)",
                     height: "40px",
                     barWidth: "24px"
                 })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_themes46.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes47.Flex, {
                 ml: "-22.5px",
                 gap: "3",
                 pt: "5",
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(AssistantAvatar, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Name, {
+                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(AssistantAvatar, {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Name, {
                         children: assistantNameContext
                     })
                 ]
@@ -4168,8 +4346,8 @@ var Visualization = function() {
     });
 };
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
-var import_themes47 = require("@radix-ui/themes");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_themes48 = require("@radix-ui/themes");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var html = function(param) {
     var texts = param.texts;
     return "\n  .status-messages-texts:after {\n    content: '".concat(texts[0], "';\n    animation: texts ").concat(texts.length * 5, "s linear infinite;\n  }\n\n  @keyframes texts {\n    ").concat(texts.map(function(_10, i) {
@@ -4178,17 +4356,17 @@ var html = function(param) {
 };
 var StatusMessages = function(param) {
     var texts = param.texts;
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_themes47.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_themes48.Flex, {
         justify: "center",
         pb: "5",
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes47.Text, {
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes48.Text, {
                 size: "2",
                 weight: "regular",
                 color: "gray",
                 className: "status-messages-texts"
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("style", {
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("style", {
                 dangerouslySetInnerHTML: {
                     __html: html({
                         texts: texts
@@ -4199,11 +4377,11 @@ var StatusMessages = function(param) {
     });
 };
 // src/components/threads/AudioThread/Status/index.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var Status = function() {
     var audioThreadContext = useAudioThreadContext();
     if (audioThreadContext.status === "recording") {
-        return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(StatusMessages, {
+        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(StatusMessages, {
             texts: [
                 "Start speaking",
                 "Listening",
@@ -4217,31 +4395,31 @@ var Status = function() {
         "idle",
         "playerPaused"
     ].includes(audioThreadContext.status)) {
-        return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(StatusMessages, {
+        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(StatusMessages, {
             texts: [
                 "Click the button below to activate"
             ]
         });
     }
     if (audioThreadContext.status === "playing") {
-        return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(StatusMessages, {
+        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(StatusMessages, {
             texts: [
                 "Click the button below to interrupt"
             ]
         });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(StatusMessages, {
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(StatusMessages, {
         texts: [
             "Thinking"
         ]
     });
 };
 // src/components/threads/AudioThread/Form/index.tsx
-var import_themes49 = require("@radix-ui/themes");
+var import_themes50 = require("@radix-ui/themes");
 // src/components/threads/AudioThread/Form/MicIcon.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var MicIcon = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("svg", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("svg", _object_spread_props(_object_spread({
         xmlns: "http://www.w3.org/2000/svg",
         fill: "currentColor",
         stroke: "currentColor",
@@ -4250,54 +4428,54 @@ var MicIcon = function(props) {
         height: "15",
         width: "15"
     }, props), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", {
             stroke: "none",
             d: "M192 0c-53 0-96 43-96 96v160c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM64 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h144c13.3 0 24-10.7 24-24s-10.7-24-24-24h-48v-33.6c85.8-11.7 152-85.3 152-174.4v-40c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128S64 326.7 64 256v-40z"
         })
     }));
 };
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
-var import_themes48 = require("@radix-ui/themes");
-var import_react_icons12 = require("@radix-ui/react-icons");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_themes49 = require("@radix-ui/themes");
+var import_react_icons13 = require("@radix-ui/react-icons");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var ActionButton = function() {
     var audioThreadContext = useAudioThreadContext();
     var superinterfaceContext = useSuperinterfaceContext();
     if (audioThreadContext.status === "recording") {
-        return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_themes48.Flex, {
+        return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_themes49.Flex, {
             align: "center",
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes48.Flex, {
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.Flex, {
                     mr: "3",
                     ml: "-7",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes48.IconButton, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
                         onClick: audioThreadContext.recorderProps.pause,
                         color: "gray",
                         variant: "soft",
                         size: "1",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_icons12.PauseIcon, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons13.PauseIcon, {})
                     })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes48.IconButton, {
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
                     onClick: audioThreadContext.recorderProps.stop,
                     highContrast: true,
                     variant: "soft",
                     size: "4",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_icons12.ArrowUpIcon, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons13.ArrowUpIcon, {})
                 })
             ]
         });
     }
     if (audioThreadContext.status === "recorderPaused") {
-        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes48.IconButton, {
+        return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
             onClick: audioThreadContext.recorderProps.resume,
             color: "red",
             size: "4",
-            children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_icons12.ResumeIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons13.ResumeIcon, {})
         });
     }
     if (audioThreadContext.status === "idle") {
-        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes48.IconButton, {
+        return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
             onClick: function() {
                 return audioThreadContext.recorderProps.start();
             },
@@ -4306,7 +4484,7 @@ var ActionButton = function() {
         });
     }
     if (audioThreadContext.status === "playing") {
-        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes48.IconButton, {
+        return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
             onClick: function() {
                 var _superinterfaceContext_createMessageAbortControllerRef_current;
                 audioThreadContext.messageAudioProps.stop();
@@ -4316,54 +4494,54 @@ var ActionButton = function() {
             size: "4",
             color: "gray",
             variant: "soft",
-            children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_icons12.StopIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons13.StopIcon, {})
         });
     }
     if (audioThreadContext.status === "playerPaused") {
-        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes48.IconButton, {
+        return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
             onClick: function() {
                 return audioThreadContext.messageAudioProps.play();
             },
             size: "4",
-            children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_icons12.ResumeIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons13.ResumeIcon, {})
         });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes48.IconButton, {
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
         size: "4",
         variant: "soft",
         disabled: true
     });
 };
 // src/components/threads/AudioThread/Form/index.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var Form = function() {
     var audioThreadContext = useAudioThreadContext();
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_themes49.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_themes50.Flex, {
         direction: "column",
         align: "center",
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_themes49.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_themes50.Flex, {
                 pb: "3",
                 align: "center",
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes49.Flex, {
+                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes50.Flex, {
                         ml: "-22.5px",
                         mr: "2",
                         align: "center",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(MicIcon, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(MicIcon, {
                             style: {
                                 color: audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)"
                             }
                         })
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes49.Flex, {
+                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes50.Flex, {
                         px: "2",
                         py: "1",
                         style: {
                             backgroundColor: audioThreadContext.status === "recording" ? "var(--accent-4)" : "var(--gray-4)",
                             borderRadius: "var(--radius-6)"
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(BarsVisualizer, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(BarsVisualizer, {
                             visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser,
                             backgroundColor: audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)",
                             height: "20px",
@@ -4372,18 +4550,18 @@ var Form = function() {
                     })
                 ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ActionButton, {})
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ActionButton, {})
         ]
     });
 };
 // src/components/threads/AudioThread/index.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var AudioThread = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(Root12, _object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Root12, _object_spread_props(_object_spread({}, props), {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Visualization, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Status, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Form, {})
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Visualization, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Status, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Form, {})
         ]
     }));
 };
@@ -4391,14 +4569,14 @@ AudioThread.Root = Root12;
 AudioThread.Visualization = Visualization;
 AudioThread.Form = Form;
 // src/components/threads/AudioThreadDialog/index.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var AudioThreadDialog = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Root9, {
+    return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Root9, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Content4.Root, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(AudioThread, {})
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Content4.Root, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(AudioThread, {})
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Trigger, {})
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Trigger, {})
         ]
     });
 };
@@ -4409,17 +4587,17 @@ AudioThreadDialog.Content = Content4;
 var import_react51 = require("react");
 // src/components/suggestions/Suggestions/Content.tsx
 var import_react50 = require("react");
-var import_radash16 = require("radash");
+var import_radash17 = require("radash");
 var import_react_children_utilities = require("react-children-utilities");
-var import_themes51 = require("@radix-ui/themes");
+var import_themes52 = require("@radix-ui/themes");
 // src/components/suggestions/Suggestions/Item.tsx
-var import_react_icons13 = require("@radix-ui/react-icons");
-var import_themes50 = require("@radix-ui/themes");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_react_icons14 = require("@radix-ui/react-icons");
+var import_themes51 = require("@radix-ui/themes");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var Item = function(param) {
     var suggestion = param.suggestion, isDisabled = param.isDisabled;
     var _useCreateMessage = useCreateMessage(), createMessage = _useCreateMessage.createMessage, isPending = _useCreateMessage.isPending;
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Content5, {
+    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Content5, {
         onClick: function() {
             createMessage({
                 // @ts-ignore-next-line
@@ -4433,7 +4611,7 @@ var Item = function(param) {
 };
 var Content5 = function(param) {
     var onClick = param.onClick, isDisabled = param.isDisabled, isPending = param.isPending, children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_themes50.Button, {
+    return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_themes51.Button, {
         variant: "soft",
         onClick: onClick,
         disabled: isDisabled,
@@ -4443,14 +4621,14 @@ var Content5 = function(param) {
             flexShrink: 1
         },
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes50.Text, {
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes51.Text, {
                 size: "1",
                 weight: "regular",
                 children: children
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes50.Spinner, {
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes51.Spinner, {
                 loading: isPending,
-                children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_icons13.ArrowUpIcon, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_icons14.ArrowUpIcon, {
                     style: {
                         flexShrink: 0
                     }
@@ -4461,26 +4639,26 @@ var Content5 = function(param) {
 };
 Item.Content = Content5;
 // src/components/suggestions/Suggestions/Content.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var Content6 = function(param) {
     var children = param.children;
     var isMutatingMessage = useIsMutatingMessage();
     var suggestions = (0, import_react50.useMemo)(function() {
         return (0, import_react_children_utilities.onlyText)(children).split(/\r?\n/).filter(function(c) {
-            return !(0, import_radash16.isEmpty)(c);
+            return !(0, import_radash17.isEmpty)(c);
         }).map(function(c) {
             return c.trim();
         });
     }, [
         children
     ]);
-    if ((0, import_radash16.isEmpty)(suggestions)) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes51.Flex, {
+    if ((0, import_radash17.isEmpty)(suggestions)) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes52.Flex, {
         gap: "2",
         py: "2",
         wrap: "wrap",
         children: suggestions.map(function(suggestion) {
-            return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Item, {
+            return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Item, {
                 suggestion: suggestion,
                 isDisabled: isMutatingMessage
             }, suggestion);
@@ -4488,7 +4666,7 @@ var Content6 = function(param) {
     });
 };
 // src/components/suggestions/Suggestions/index.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var Suggestions = function(param) {
     var children = param.children;
     var latestMessageProps = useLatestMessage();
@@ -4501,14 +4679,14 @@ var Suggestions = function(param) {
     ]);
     if (latestMessageProps.isLoading) return null;
     if (isDisabled) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Content6, {
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Content6, {
         children: children
     });
 };
 Suggestions.Item = Item;
 // src/components/markdown/MarkdownProvider/index.tsx
 var import_react52 = require("react");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var MarkdownProvider = function(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
@@ -4520,7 +4698,7 @@ var MarkdownProvider = function(_param) {
         rest,
         prevMarkdownContext
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(MarkdownContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(MarkdownContext.Provider, {
         value: value,
         children: children
     });
@@ -4533,7 +4711,7 @@ var useComponents = function() {
     return (0, import_react53.useContext)(ComponentsContext);
 };
 // src/components/components/ComponentsProvider.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var ComponentsProvider = function(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
@@ -4545,7 +4723,7 @@ var ComponentsProvider = function(_param) {
         rest,
         prevComponents
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ComponentsContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ComponentsContext.Provider, {
         value: value,
         children: children
     });