@superinterface/react 2.16.2 → 2.16.3

package/dist/index.cjs

@@ -562,7 +562,7 @@ var SuperinterfaceProvider = function(param) {
 // src/components/threads/Thread/Messages/index.tsx
 var import_themes31 = require("@radix-ui/themes");
 // src/components/threads/Thread/Messages/Content/index.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 // src/hooks/messages/useMessages/index.tsx
 var import_react4 = require("react");
 var import_react_query2 = require("@tanstack/react-query");
@@ -873,7 +873,7 @@ var useToasts = function() {
     return (0, import_react9.useContext)(ToastsContext);
 };
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_themes28 = require("@radix-ui/themes");
 // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
 var import_react11 = require("react");
@@ -935,7 +935,7 @@ var UserAvatar = function() {
 // src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
 var import_themes27 = require("@radix-ui/themes");
 // src/components/threads/Thread/Message/index.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_radash3 = require("radash");
 var import_themes26 = require("@radix-ui/themes");
 // src/components/skeletons/StartingContentSkeleton/index.tsx
@@ -955,24 +955,26 @@ var StartingContentSkeleton = function() {
 };
 // src/components/runSteps/RunSteps/index.tsx
 var import_themes15 = require("@radix-ui/themes");
-var import_react19 = require("react");
+var import_react20 = require("react");
 // src/contexts/components/ComponentsContext/index.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 // src/components/runSteps/RunStep/ToolCalls/index.tsx
 var import_themes14 = require("@radix-ui/themes");
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/index.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 // src/contexts/functions/FunctionComponentsContext/index.tsx
 var import_react15 = require("react");
 var FunctionComponentsContext = (0, import_react15.createContext)({});
 // src/components/functions/FunctionBase/index.tsx
 var import_themes12 = require("@radix-ui/themes");
 // src/components/toolCalls/ToolCallBase/index.tsx
+var import_react16 = require("react");
 var import_themes9 = require("@radix-ui/themes");
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var ToolCallBase = function(param) {
+var ToolCallBase = (0, import_react16.forwardRef)(function ToolCallBase2(param, ref) {
     var children = param.children;
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_themes9.Flex, {
+        ref: ref,
         py: "1",
         ml: "-2",
         children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_themes9.Button, {
@@ -985,7 +987,7 @@ var ToolCallBase = function(param) {
             children: children
         })
     });
-};
+});
 // src/components/toolCalls/ToolCallBase/ToolCallTitle.tsx
 var import_themes10 = require("@radix-ui/themes");
 var import_jsx_runtime11 = require("react/jsx-runtime");
@@ -1010,12 +1012,12 @@ var ToolCallIcon = function(param) {
     }
 };
 // src/components/functions/FunctionBase/Content.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_themes11 = require("@radix-ui/themes");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var Content = function(param) {
     var fn = param.fn;
-    var args = (0, import_react16.useMemo)(function() {
+    var args = (0, import_react17.useMemo)(function() {
         var result = null;
         try {
             result = JSON.parse(fn.arguments);
@@ -1026,7 +1028,7 @@ var Content = function(param) {
     }, [
         fn
     ]);
-    var output = (0, import_react16.useMemo)(function() {
+    var output = (0, import_react17.useMemo)(function() {
         if (!fn.output) {
             return null;
         }
@@ -1118,7 +1120,7 @@ var import_jsx_runtime16 = // @ts-ignore-next-line
 require("react/jsx-runtime");
 var Fn = function(param) {
     var fn = param.fn, runStep = param.runStep;
-    var functionComponentsContext = (0, import_react17.useContext)(FunctionComponentsContext);
+    var functionComponentsContext = (0, import_react18.useContext)(FunctionComponentsContext);
     var Component = functionComponentsContext[fn.name] || DefaultFunction;
     return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Component, {
         fn: fn,
@@ -1266,7 +1268,7 @@ var RunStep = function(param) {
 };
 RunStep.ToolCalls = ToolCalls;
 // src/contexts/components/ComponentsContext/index.tsx
-var ComponentsContext = (0, import_react18.createContext)({
+var ComponentsContext = (0, import_react19.createContext)({
     components: {
         RunStep: RunStep
     }
@@ -1275,7 +1277,7 @@ var ComponentsContext = (0, import_react18.createContext)({
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var RunSteps = function(param) {
     var runSteps = param.runSteps;
-    var componentsContext = (0, import_react19.useContext)(ComponentsContext);
+    var componentsContext = (0, import_react20.useContext)(ComponentsContext);
     var Component = componentsContext.components.RunStep;
     return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_themes15.Flex, {
         direction: "column-reverse",
@@ -1287,7 +1289,7 @@ var RunSteps = function(param) {
     });
 };
 // src/hooks/messages/useIsMutatingMessage/index.ts
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_react_query3 = require("@tanstack/react-query");
 var useIsMutatingMessage = function() {
     var threadContext = useSuperinterfaceContext();
@@ -1297,7 +1299,7 @@ var useIsMutatingMessage = function() {
             threadContext.variables
         ]
     });
-    var isMutatingMessage = (0, import_react20.useMemo)(function() {
+    var isMutatingMessage = (0, import_react21.useMemo)(function() {
         return mutatingMessagesCount > 0;
     }, [
         mutatingMessagesCount
@@ -1305,8 +1307,8 @@ var useIsMutatingMessage = function() {
     return isMutatingMessage;
 };
 // src/contexts/messages/MessageContext/index.ts
-var import_react21 = require("react");
-var MessageContext = (0, import_react21.createContext)({
+var import_react22 = require("react");
+var MessageContext = (0, import_react22.createContext)({
     message: null
 });
 // src/components/threads/Thread/Message/Provider.tsx
@@ -1314,9 +1316,9 @@ var Provider = MessageContext.Provider;
 // src/components/threads/Thread/Message/TextContent.tsx
 var import_react_markdown = __toESM(require("react-markdown"), 1);
 // src/hooks/markdown/useMarkdownContext/index.ts
-var import_react23 = require("react");
+var import_react24 = require("react");
 // src/contexts/markdown/MarkdownContext/index.ts
-var import_react22 = require("react");
+var import_react23 = require("react");
 // src/contexts/markdown/MarkdownContext/lib/components/Paragraph.tsx
 var import_themes16 = require("@radix-ui/themes");
 var import_jsx_runtime25 = require("react/jsx-runtime");
@@ -1446,12 +1448,12 @@ var components = {
     img: Img
 };
 // src/contexts/markdown/MarkdownContext/index.ts
-var MarkdownContext = (0, import_react22.createContext)({
+var MarkdownContext = (0, import_react23.createContext)({
     components: components
 });
 // src/hooks/markdown/useMarkdownContext/index.ts
 var useMarkdownContext = function() {
-    return (0, import_react23.useContext)(MarkdownContext);
+    return (0, import_react24.useContext)(MarkdownContext);
 };
 // src/components/threads/Thread/Message/TextContent.tsx
 var import_jsx_runtime34 = require("react/jsx-runtime");
@@ -1489,7 +1491,7 @@ var Attachments = function(param) {
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var Message = function(param) {
     var message = param.message;
-    var _ref = _sliced_to_array((0, import_react24.useMemo)(function() {
+    var _ref = _sliced_to_array((0, import_react25.useMemo)(function() {
         if (!message.runSteps.length) return [
             [],
             []
@@ -1522,7 +1524,7 @@ var Message = function(param) {
         message
     ]), 2), olderRunSteps = _ref[0], laterRunSteps = _ref[1];
     var isMutatingMessage = useIsMutatingMessage();
-    var isInProgress = (0, import_react24.useMemo)(function() {
+    var isInProgress = (0, import_react25.useMemo)(function() {
         if (!isMutatingMessage) return false;
         if (message.status === "in_progress") return true;
         return message.runSteps.some(function(rs) {
@@ -1546,7 +1548,7 @@ var Message = function(param) {
                             message: message
                         }),
                         message.content.map(function(content, index) {
-                            return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react24.Fragment, {
+                            return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react25.Fragment, {
                                 children: content.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TextContent, {
                                     content: content
                                 })
@@ -1582,7 +1584,7 @@ var Content2 = function(param) {
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var MessageGroup = function(param) {
     var messageGroup = param.messageGroup;
-    var assistantNameContext = (0, import_react25.useContext)(AssistantNameContext);
+    var assistantNameContext = (0, import_react26.useContext)(AssistantNameContext);
     return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(MessageGroupBase, {
         children: [
             messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AssistantAvatar, {}),
@@ -1608,7 +1610,7 @@ var Content3 = function() {
     var _useMessageGroups = useMessageGroups({
         messages: messages2
     }), messageGroups2 = _useMessageGroups.messageGroups;
-    (0, import_react26.useEffect)(function() {
+    (0, import_react27.useEffect)(function() {
         if (isLoadingError) {
             addToast({
                 type: "error",
@@ -1631,14 +1633,14 @@ var Content3 = function() {
     });
 };
 // src/components/threads/Thread/Messages/Progress/index.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 // src/components/skeletons/StartingSkeleton/index.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_themes29 = require("@radix-ui/themes");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var StartingSkeleton = function(param) {
     var children = param.children;
-    var assistantNameContext = (0, import_react27.useContext)(AssistantNameContext);
+    var assistantNameContext = (0, import_react28.useContext)(AssistantNameContext);
     return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(MessageGroupBase, {
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AssistantAvatar, {}),
@@ -1655,10 +1657,10 @@ var StartingSkeleton = function(param) {
     });
 };
 // src/hooks/messages/useLatestMessage/index.ts
-var import_react28 = require("react");
+var import_react29 = require("react");
 var useLatestMessage = function() {
     var props = useMessages();
-    return (0, import_react28.useMemo)(function() {
+    return (0, import_react29.useMemo)(function() {
         return _object_spread_props(_object_spread({}, props), {
             latestMessage: props.messages[0] || null
         });
@@ -1677,7 +1679,7 @@ var import_jsx_runtime41 = require("react/jsx-runtime");
 var Progress = function() {
     var latestMessage = useLatestMessage().latestMessage;
     var isMutatingMessage = useIsMutatingMessage();
-    var isVisible = (0, import_react29.useMemo)(function() {
+    var isVisible = (0, import_react30.useMemo)(function() {
         if (!latestMessage) return false;
         if (latestMessage.role !== "user") return false;
         if (latestMessage.status === "in_progress") return false;
@@ -1696,15 +1698,15 @@ var Progress = function() {
 // src/components/threads/Thread/Messages/Root/index.tsx
 var import_themes30 = require("@radix-ui/themes");
 // src/hooks/misc/useInfiniteScroll/index.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_react_intersection_observer = require("react-intersection-observer");
 // src/hooks/misc/useThrottledEffect/index.tsx
 var import_lodash5 = __toESM(require("lodash"), 1);
-var import_react30 = require("react");
+var import_react31 = require("react");
 var useThrottledEffect = function(cb, delay, additionalDeps) {
     var _cbRef;
-    var cbRef = (0, import_react30.useRef)(cb);
-    var throttledCb = (0, import_react30.useCallback)(import_lodash5.default.throttle(function() {
+    var cbRef = (0, import_react31.useRef)(cb);
+    var throttledCb = (0, import_react31.useCallback)(import_lodash5.default.throttle(function() {
         for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
             args[_key] = arguments[_key];
         }
@@ -1715,17 +1717,17 @@ var useThrottledEffect = function(cb, delay, additionalDeps) {
     }), [
         delay
     ]);
-    (0, import_react30.useEffect)(function() {
+    (0, import_react31.useEffect)(function() {
         cbRef.current = cb;
     });
-    (0, import_react30.useEffect)(throttledCb, [
+    (0, import_react31.useEffect)(throttledCb, [
         throttledCb
     ].concat(_to_consumable_array(additionalDeps)));
 };
 // src/hooks/misc/useInfiniteScroll/index.tsx
 var useInfiniteScroll = function(param) {
     var isFetchingNextPage = param.isFetchingNextPage, hasNextPage = param.hasNextPage, fetchNextPage = param.fetchNextPage;
-    var containerRef = (0, import_react31.useRef)(null);
+    var containerRef = (0, import_react32.useRef)(null);
     var _ref = (0, import_react_intersection_observer.useInView)({
         root: containerRef.current,
         rootMargin: "0px",
@@ -1816,10 +1818,10 @@ Messages.NextPageSkeleton = NextPageSkeleton;
 var import_react_icons6 = require("@radix-ui/react-icons");
 var import_themes32 = require("@radix-ui/themes");
 // src/hooks/messages/useMessageFormContext/index.ts
-var import_react33 = require("react");
+var import_react34 = require("react");
 // src/contexts/messages/MessageFormContext/index.ts
-var import_react32 = require("react");
-var MessageFormContext = (0, import_react32.createContext)({
+var import_react33 = require("react");
+var MessageFormContext = (0, import_react33.createContext)({
     isDisabled: false,
     isLoading: false,
     files: [],
@@ -1828,7 +1830,7 @@ var MessageFormContext = (0, import_react32.createContext)({
 });
 // src/hooks/messages/useMessageFormContext/index.ts
 var useMessageFormContext = function() {
-    return (0, import_react33.useContext)(MessageFormContext);
+    return (0, import_react34.useContext)(MessageFormContext);
 };
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");
@@ -1868,7 +1870,7 @@ Submit.Root = Root3;
 Submit.Button = Button2;
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 var import_react_query5 = require("@tanstack/react-query");
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_react_hook_form = require("react-hook-form");
 var import_themes33 = require("@radix-ui/themes");
 // src/hooks/messages/useCreateMessage/index.ts
@@ -2496,7 +2498,7 @@ var import_radash12 = require("radash");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var Root4 = function(param) {
     var children = param.children, onSubmitArg = param.onSubmit;
-    var _ref = _sliced_to_array((0, import_react34.useState)([]), 2), files = _ref[0], setFiles = _ref[1];
+    var _ref = _sliced_to_array((0, import_react35.useState)([]), 2), files = _ref[0], setFiles = _ref[1];
     var formProps = (0, import_react_hook_form.useForm)(formOptions);
     var handleSubmit = formProps.handleSubmit, isSubmitting = formProps.formState.isSubmitting, reset = formProps.reset;
     var addToast = useToasts().addToast;
@@ -2526,7 +2528,7 @@ var Root4 = function(param) {
         }
     }).createMessage;
     var isMutatingMessage = useIsMutatingMessage();
-    var isFileLoading = (0, import_react34.useMemo)(function() {
+    var isFileLoading = (0, import_react35.useMemo)(function() {
         return files.some(function(file) {
             return isOptimistic({
                 id: file.id
@@ -2535,14 +2537,14 @@ var Root4 = function(param) {
     }, [
         files
     ]);
-    var isLoading = (0, import_react34.useMemo)(function() {
+    var isLoading = (0, import_react35.useMemo)(function() {
         return isMutatingMessage || isSubmitting;
     }, [
         isMutatingMessage,
         isSubmitting
     ]);
     var latestMessage = useLatestMessage().latestMessage;
-    var isDisabled = (0, import_react34.useMemo)(function() {
+    var isDisabled = (0, import_react35.useMemo)(function() {
         var // @ts-ignore-next-line
         _latestMessage_metadata;
         return latestMessage === null || latestMessage === void 0 ? void 0 : (_latestMessage_metadata = latestMessage.metadata) === null || _latestMessage_metadata === void 0 ? void 0 : _latestMessage_metadata.isBlocking;
@@ -2629,12 +2631,12 @@ var import_themes37 = require("@radix-ui/themes");
 var import_themes34 = require("@radix-ui/themes");
 var import_react_hook_form2 = require("react-hook-form");
 var import_react_use = require("react-use");
-var import_react36 = require("react");
+var import_react37 = require("react");
 // src/components/textareas/TextareaBase/index.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"), 1);
 var import_jsx_runtime47 = require("react/jsx-runtime");
-var TextareaBase = (0, import_react35.forwardRef)(function TextareaBase2(props, ref) {
+var TextareaBase = (0, import_react36.forwardRef)(function TextareaBase2(props, ref) {
     return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, {
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("style", {
@@ -2667,19 +2669,19 @@ var Root5 = function(param) {
     });
 };
 var Input = function() {
-    var assistantNameContext = (0, import_react36.useContext)(AssistantNameContext);
+    var assistantNameContext = (0, import_react37.useContext)(AssistantNameContext);
     var register = (0, import_react_hook_form2.useFormContext)().register;
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
-    var isSubmitDisabled = (0, import_react36.useMemo)(function() {
+    var isSubmitDisabled = (0, import_react37.useMemo)(function() {
         return isDisabled || isLoading;
     }, [
         isDisabled,
         isLoading
     ]);
     var isDisabledPrevious = (0, import_react_use.usePrevious)(isDisabled);
-    var textareaRef = (0, import_react36.useRef)(null);
+    var textareaRef = (0, import_react37.useRef)(null);
     var textareaProps = register("content");
-    (0, import_react36.useEffect)(function() {
+    (0, import_react37.useEffect)(function() {
         if (isDisabled) return;
         if (!isDisabledPrevious) return;
         if (!textareaRef.current) return;
@@ -2784,7 +2786,7 @@ var Preview = function() {
     });
 };
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_radash13 = require("radash");
 var import_dayjs2 = __toESM(require("dayjs"), 1);
 var import_react_icons8 = require("@radix-ui/react-icons");
@@ -2905,7 +2907,7 @@ var Control2 = function() {
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, setFiles = _useMessageFormContext.setFiles;
     var createFile = useCreateFile().createFile;
     var addToast = useToasts().addToast;
-    var onChange = (0, import_react37.useCallback)(function() {
+    var onChange = (0, import_react38.useCallback)(function() {
         var _ref = _async_to_generator(function(event) {
             var fileObjects, newFiles, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _loop, _iterator, _step, err;
             return _ts_generator(this, function(_state) {
@@ -3196,29 +3198,29 @@ Thread.Root = Root7;
 Thread.Messages = Messages;
 Thread.MessageForm = MessageForm;
 // src/hooks/messages/useMessageContext/index.ts
-var import_react38 = require("react");
+var import_react39 = require("react");
 var useMessageContext = function() {
-    return (0, import_react38.useContext)(MessageContext);
+    return (0, import_react39.useContext)(MessageContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 // src/contexts/threads/ThreadDialogContext/index.ts
-var import_react39 = require("react");
-var ThreadDialogContext = (0, import_react39.createContext)({
+var import_react40 = require("react");
+var ThreadDialogContext = (0, import_react40.createContext)({
     isOpen: false,
     setIsOpen: function() {}
 });
 // src/hooks/threads/useThreadDialogContext/index.ts
-var import_react40 = require("react");
+var import_react41 = require("react");
 var useThreadDialogContext = function() {
-    return (0, import_react40.useContext)(ThreadDialogContext);
+    return (0, import_react41.useContext)(ThreadDialogContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var Provider3 = function(param) {
     var children = param.children;
     var threadDialogContext = useThreadDialogContext();
-    var _ref = _sliced_to_array((0, import_react41.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
+    var _ref = _sliced_to_array((0, import_react42.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
     return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ThreadDialogContext.Provider, {
         value: {
             isOpen: isOpen,
@@ -3228,7 +3230,7 @@ var Provider3 = function(param) {
     });
 };
 // src/components/toasts/ToastsProvider/index.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 var Toast2 = __toESM(require("@radix-ui/react-toast"), 1);
 // src/components/toasts/ToastsProvider/CustomToast.tsx
 var Toast = __toESM(require("@radix-ui/react-toast"), 1);
@@ -3267,8 +3269,8 @@ var CustomToast = function(param) {
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var ToastsProvider = function(param) {
     var children = param.children;
-    var _ref = _sliced_to_array((0, import_react42.useState)([]), 2), toasts = _ref[0], setToasts = _ref[1];
-    var addToast = (0, import_react42.useCallback)(function(toast) {
+    var _ref = _sliced_to_array((0, import_react43.useState)([]), 2), toasts = _ref[0], setToasts = _ref[1];
+    var addToast = (0, import_react43.useCallback)(function(toast) {
         return setToasts(function(prevToasts) {
             return _to_consumable_array(prevToasts).concat([
                 toast
@@ -3516,8 +3518,8 @@ ThreadDialog.Content = Content4;
 var import_runtime = require("regenerator-runtime/runtime");
 var import_themes44 = require("@radix-ui/themes");
 // src/contexts/threads/AudioThreadContext/index.ts
-var import_react43 = require("react");
-var AudioThreadContext = (0, import_react43.createContext)({
+var import_react44 = require("react");
+var AudioThreadContext = (0, import_react44.createContext)({
     status: "idle",
     recorderProps: {
         status: "idle",
@@ -3585,11 +3587,11 @@ var blobToData = function(blob) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-var import_react44 = require("react");
+var import_react45 = require("react");
 var useStatus = function(param) {
     var messageAudioProps = param.messageAudioProps, recorderProps = param.recorderProps, createMessageProps = param.createMessageProps;
     var latestMessageProps = useLatestMessage();
-    var status = (0, import_react44.useMemo)(function() {
+    var status = (0, import_react45.useMemo)(function() {
         var _latestMessageProps_latestMessage;
         if (recorderProps.status === "recording") return "recording";
         if (createMessageProps.isPending) return "creatingMessage";
@@ -3613,19 +3615,19 @@ var useStatus = function(param) {
 // src/hooks/audioThreads/useRecorder/index.ts
 var import_dayjs3 = __toESM(require("dayjs"), 1);
 var import_use_audio_capture = require("use-audio-capture");
-var import_react45 = require("react");
+var import_react46 = require("react");
 var import_react_use_audio_player = require("react-use-audio-player");
 var import_react_use2 = require("react-use");
 var useRecorder = function(param) {
     var isStopOnSilence = param.isStopOnSilence, onStart = param.onStart, onStop = param.onStop;
-    var _ref = _sliced_to_array((0, import_react45.useState)(null), 2), silenceStart = _ref[0], setSilenceStart = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react45.useState)(null), 2), noiseStart = _ref1[0], setNoiseStart = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react45.useState)(null), 2), mediaStream = _ref2[0], setMediaStream = _ref2[1];
-    var _ref3 = _sliced_to_array((0, import_react45.useState)("idle"), 2), status = _ref3[0], setStatus = _ref3[1];
+    var _ref = _sliced_to_array((0, import_react46.useState)(null), 2), silenceStart = _ref[0], setSilenceStart = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react46.useState)(null), 2), noiseStart = _ref1[0], setNoiseStart = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react46.useState)(null), 2), mediaStream = _ref2[0], setMediaStream = _ref2[1];
+    var _ref3 = _sliced_to_array((0, import_react46.useState)("idle"), 2), status = _ref3[0], setStatus = _ref3[1];
     var startAudioPlayer = (0, import_react_use_audio_player.useAudioPlayer)();
     var endAudioPlayer = (0, import_react_use_audio_player.useAudioPlayer)();
-    var _ref4 = _sliced_to_array((0, import_react45.useState)(false), 2), isLoaded = _ref4[0], setIsLoaded = _ref4[1];
-    (0, import_react45.useEffect)(function() {
+    var _ref4 = _sliced_to_array((0, import_react46.useState)(false), 2), isLoaded = _ref4[0], setIsLoaded = _ref4[1];
+    (0, import_react46.useEffect)(function() {
         if (isLoaded) return;
         setIsLoaded(true);
     }, [
@@ -3683,9 +3685,9 @@ var useRecorder = function(param) {
             setNoiseStart(null);
         }
     });
-    var _ref5 = _sliced_to_array((0, import_react45.useState)(null), 2), audioEngine = _ref5[0], setAudioEngine = _ref5[1];
-    var isInited = (0, import_react45.useRef)(false);
-    (0, import_react45.useEffect)(function() {
+    var _ref5 = _sliced_to_array((0, import_react46.useState)(null), 2), audioEngine = _ref5[0], setAudioEngine = _ref5[1];
+    var isInited = (0, import_react46.useRef)(false);
+    (0, import_react46.useEffect)(function() {
         if (!mediaStream) return;
         if (isInited.current) return;
         isInited.current = true;
@@ -3698,7 +3700,7 @@ var useRecorder = function(param) {
         isInited,
         mediaStream
     ]);
-    var visualizationAnalyser = (0, import_react45.useMemo)(function() {
+    var visualizationAnalyser = (0, import_react46.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(result);
@@ -3706,7 +3708,7 @@ var useRecorder = function(param) {
     }, [
         audioEngine
     ]);
-    var silenceAnalyser = (0, import_react45.useMemo)(function() {
+    var silenceAnalyser = (0, import_react46.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         result.minDecibels = -60;
@@ -3715,7 +3717,7 @@ var useRecorder = function(param) {
     }, [
         audioEngine
     ]);
-    var handleSilence = (0, import_react45.useCallback)(function() {
+    var handleSilence = (0, import_react46.useCallback)(function() {
         if (!silenceAnalyser) return;
         var frequencyData = new Uint8Array(silenceAnalyser.frequencyBinCount);
         silenceAnalyser.getByteFrequencyData(frequencyData);
@@ -3738,7 +3740,7 @@ var useRecorder = function(param) {
         setNoiseStart,
         setSilenceStart
     ]);
-    (0, import_react45.useEffect)(function() {
+    (0, import_react46.useEffect)(function() {
         if (!isStopOnSilence) return;
         requestAnimationFrame(function() {
             return handleSilence();
@@ -3761,7 +3763,7 @@ var useRecorder = function(param) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-var import_react46 = require("react");
+var import_react47 = require("react");
 var import_compromise = __toESM(require("compromise"), 1);
 var import_howler = require("howler");
 var import_react_use_audio_player2 = require("react-use-audio-player");
@@ -3799,15 +3801,15 @@ var getMessageSentences = function(param) {
 };
 var useMessageAudio = function(param) {
     var onEnd = param.onEnd;
-    var _ref = _sliced_to_array((0, import_react46.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react46.useState)([]), 2), stoppedMessageIds = _ref1[0], setStoppedMessageIds = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react46.useState)([]), 2), playedMessageSentences = _ref2[0], setPlayedMessageSentences = _ref2[1];
+    var _ref = _sliced_to_array((0, import_react47.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react47.useState)([]), 2), stoppedMessageIds = _ref1[0], setStoppedMessageIds = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react47.useState)([]), 2), playedMessageSentences = _ref2[0], setPlayedMessageSentences = _ref2[1];
     var audioPlayer = (0, import_react_use_audio_player2.useAudioPlayer)();
     var nextAudioPlayer = (0, import_react_use_audio_player2.useAudioPlayer)();
     var superinterfaceContext = useSuperinterfaceContext();
-    var _ref3 = _sliced_to_array((0, import_react46.useState)(false), 2), isPlaying = _ref3[0], setIsPlaying = _ref3[1];
+    var _ref3 = _sliced_to_array((0, import_react47.useState)(false), 2), isPlaying = _ref3[0], setIsPlaying = _ref3[1];
     var latestMessageProps = useLatestMessage();
-    var unplayedMessageSentences = (0, import_react46.useMemo)(function() {
+    var unplayedMessageSentences = (0, import_react47.useMemo)(function() {
         if (!latestMessageProps.latestMessage) return [];
         if (latestMessageProps.latestMessage.role !== "assistant") return [];
         if (stoppedMessageIds.includes(latestMessageProps.latestMessage.id)) return [];
@@ -3828,7 +3830,7 @@ var useMessageAudio = function(param) {
         latestMessageProps,
         playedMessageSentences
     ]);
-    (0, import_react46.useEffect)(function() {
+    (0, import_react47.useEffect)(function() {
         if (isPlaying) return;
         if (audioPlayer.playing) return;
         if (!latestMessageProps.latestMessage) return;
@@ -3896,7 +3898,7 @@ var useMessageAudio = function(param) {
         playedMessageSentences,
         onEnd
     ]);
-    (0, import_react46.useEffect)(function() {
+    (0, import_react47.useEffect)(function() {
         if (isHtmlAudioSupported) {
             var _import_howler_Howler__howls___sounds_, _import_howler_Howler__howls_, _import_howler_Howler;
             if (!((_import_howler_Howler = import_howler.Howler) === null || _import_howler_Howler === void 0 ? void 0 : (_import_howler_Howler__howls_ = _import_howler_Howler._howls[0]) === null || _import_howler_Howler__howls_ === void 0 ? void 0 : (_import_howler_Howler__howls___sounds_ = _import_howler_Howler__howls_._sounds[0]) === null || _import_howler_Howler__howls___sounds_ === void 0 ? void 0 : _import_howler_Howler__howls___sounds_._node)) return;
@@ -3905,9 +3907,9 @@ var useMessageAudio = function(param) {
     }, [
         audioPlayer
     ]);
-    var _ref4 = _sliced_to_array((0, import_react46.useState)(null), 2), audioEngine = _ref4[0], setAudioEngine = _ref4[1];
-    var isAudioEngineInited = (0, import_react46.useRef)(false);
-    (0, import_react46.useEffect)(function() {
+    var _ref4 = _sliced_to_array((0, import_react47.useState)(null), 2), audioEngine = _ref4[0], setAudioEngine = _ref4[1];
+    var isAudioEngineInited = (0, import_react47.useRef)(false);
+    (0, import_react47.useEffect)(function() {
         if (!audioPlayer.playing) return;
         if (isAudioEngineInited.current) return;
         isAudioEngineInited.current = true;
@@ -3928,7 +3930,7 @@ var useMessageAudio = function(param) {
         audioPlayer,
         isAudioEngineInited
     ]);
-    var visualizationAnalyser = (0, import_react46.useMemo)(function() {
+    var visualizationAnalyser = (0, import_react47.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(audioEngine.audioContext.destination);
@@ -3937,7 +3939,7 @@ var useMessageAudio = function(param) {
     }, [
         audioEngine
     ]);
-    var isPending = (0, import_react46.useMemo)(function() {
+    var isPending = (0, import_react47.useMemo)(function() {
         return isPlaying || unplayedMessageSentences.length > 0;
     }, [
         isPlaying,
@@ -4024,25 +4026,25 @@ var Root12 = function(param) {
     });
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_lodash9 = __toESM(require("lodash"), 1);
 var import_themes46 = require("@radix-ui/themes");
 // src/hooks/threads/useAudioThreadContext/index.ts
-var import_react47 = require("react");
+var import_react48 = require("react");
 var useAudioThreadContext = function() {
-    return (0, import_react47.useContext)(AudioThreadContext);
+    return (0, import_react48.useContext)(AudioThreadContext);
 };
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
 var import_lodash8 = __toESM(require("lodash"), 1);
 var import_themes45 = require("@radix-ui/themes");
-var import_react48 = require("react");
+var import_react49 = require("react");
 var import_radash15 = require("radash");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 var barCount = 4;
 var BarsVisualizer = function(param) {
     var visualizationAnalyser = param.visualizationAnalyser, backgroundColor = param.backgroundColor, height = param.height, barWidth = param.barWidth;
-    var _ref = _sliced_to_array((0, import_react48.useState)([]), 2), barHeights = _ref[0], setBarHeights = _ref[1];
-    var draw = (0, import_react48.useCallback)(function(param) {
+    var _ref = _sliced_to_array((0, import_react49.useState)([]), 2), barHeights = _ref[0], setBarHeights = _ref[1];
+    var draw = (0, import_react49.useCallback)(function(param) {
         var visualizationAnalyser2 = param.visualizationAnalyser;
         if (!visualizationAnalyser2) {
             setBarHeights(Array(barCount).fill(0));
@@ -4060,7 +4062,7 @@ var BarsVisualizer = function(param) {
             });
         });
     }, []);
-    (0, import_react48.useEffect)(function() {
+    (0, import_react49.useEffect)(function() {
         draw({
             visualizationAnalyser: visualizationAnalyser
         });
@@ -4100,9 +4102,9 @@ var BarsVisualizer = function(param) {
 var import_jsx_runtime66 = require("react/jsx-runtime");
 var Visualization = function() {
     var audioThreadContext = useAudioThreadContext();
-    var assistantNameContext = (0, import_react49.useContext)(AssistantNameContext);
-    var _ref = _sliced_to_array((0, import_react49.useState)(0), 2), scale = _ref[0], setScale = _ref[1];
-    var draw = (0, import_react49.useCallback)(function(param) {
+    var assistantNameContext = (0, import_react50.useContext)(AssistantNameContext);
+    var _ref = _sliced_to_array((0, import_react50.useState)(0), 2), scale = _ref[0], setScale = _ref[1];
+    var draw = (0, import_react50.useCallback)(function(param) {
         var visualizationAnalyser = param.visualizationAnalyser;
         if (!visualizationAnalyser) {
             setScale(1);
@@ -4117,7 +4119,7 @@ var Visualization = function() {
             });
         });
     }, []);
-    (0, import_react49.useEffect)(function() {
+    (0, import_react50.useEffect)(function() {
         draw({
             visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser
         });
@@ -4402,9 +4404,9 @@ AudioThreadDialog.Root = Root9;
 AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content4;
 // src/components/suggestions/Suggestions/index.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 // src/components/suggestions/Suggestions/Content.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 var import_radash16 = require("radash");
 var import_react_children_utilities = require("react-children-utilities");
 var import_themes51 = require("@radix-ui/themes");
@@ -4461,7 +4463,7 @@ var import_jsx_runtime75 = require("react/jsx-runtime");
 var Content6 = function(param) {
     var children = param.children;
     var isMutatingMessage = useIsMutatingMessage();
-    var suggestions = (0, import_react50.useMemo)(function() {
+    var suggestions = (0, import_react51.useMemo)(function() {
         return (0, import_react_children_utilities.onlyText)(children).split(/\r?\n/).filter(function(c) {
             return !(0, import_radash16.isEmpty)(c);
         }).map(function(c) {
@@ -4488,7 +4490,7 @@ var import_jsx_runtime76 = require("react/jsx-runtime");
 var Suggestions = function(param) {
     var children = param.children;
     var latestMessageProps = useLatestMessage();
-    var isDisabled = (0, import_react51.useMemo)(function() {
+    var isDisabled = (0, import_react52.useMemo)(function() {
         var // @ts-ignore-next-line
         _latestMessageProps_latestMessage_metadata, _latestMessageProps_latestMessage;
         return (_latestMessageProps_latestMessage = latestMessageProps.latestMessage) === null || _latestMessageProps_latestMessage === void 0 ? void 0 : (_latestMessageProps_latestMessage_metadata = _latestMessageProps_latestMessage.metadata) === null || _latestMessageProps_latestMessage_metadata === void 0 ? void 0 : _latestMessageProps_latestMessage_metadata.isBlocking;
@@ -4503,14 +4505,14 @@ var Suggestions = function(param) {
 };
 Suggestions.Item = Item;
 // src/components/markdown/MarkdownProvider/index.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 var import_jsx_runtime77 = require("react/jsx-runtime");
 var MarkdownProvider = function(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
     ]);
     var prevMarkdownContext = useMarkdownContext();
-    var value = (0, import_react52.useMemo)(function() {
+    var value = (0, import_react53.useMemo)(function() {
         return merge(prevMarkdownContext, rest);
     }, [
         rest,
@@ -4522,11 +4524,11 @@ var MarkdownProvider = function(_param) {
     });
 };
 // src/components/components/ComponentsProvider.tsx
-var import_react54 = require("react");
+var import_react55 = require("react");
 // src/hooks/components/useComponents.ts
-var import_react53 = require("react");
+var import_react54 = require("react");
 var useComponents = function() {
-    return (0, import_react53.useContext)(ComponentsContext);
+    return (0, import_react54.useContext)(ComponentsContext);
 };
 // src/components/components/ComponentsProvider.tsx
 var import_jsx_runtime78 = require("react/jsx-runtime");
@@ -4535,7 +4537,7 @@ var ComponentsProvider = function(_param) {
         "children"
     ]);
     var prevComponents = useComponents();
-    var value = (0, import_react54.useMemo)(function() {
+    var value = (0, import_react55.useMemo)(function() {
         return merge(prevComponents, rest);
     }, [
         rest,