@superinterface/react 5.3.1-beta.5 → 5.3.1-beta.6

package/dist/index.js

@@ -36894,7 +36894,7 @@ var require_lib4 = __commonJS({
     }
 });
 // src/components/core/SuperinterfaceProvider/index.tsx
-import { useRef } from "react";
+import { useRef, useMemo } from "react";
 // src/lib/misc/merge/index.ts
 import _2 from "lodash";
 // src/lib/misc/merge/customizer.ts
@@ -36904,7 +36904,6 @@ var customizer = function(objectValue, srcValue, key2) {
         return srcValue;
     }
     if (srcValue && (typeof srcValue === "undefined" ? "undefined" : _type_of(srcValue)) === "object" && "current" in srcValue && typeof key2 === "string" && key2.toLowerCase().includes("ref")) {
-        console.log("[customizer] Preserving ref identity for key:", key2, "srcValue:", srcValue);
         return srcValue;
     }
     return void 0;
@@ -37061,17 +37060,26 @@ var SuperinterfaceProvider = function(_ref) {
     var children = _ref.children, baseUrl2 = _ref.baseUrl, variables = _ref.variables, defaultOptions = _ref.defaultOptions, threadIdStorageOptions = _ref.threadIdStorageOptions;
     var superinterfaceContext = useSuperinterfaceContext();
     var createMessageAbortControllerRef = useRef(null);
-    var value = merge(superinterfaceContext, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, baseUrl2 ? {
-        baseUrl: baseUrl2
-    } : {}), variables ? {
-        variables: variables
-    } : {}), defaultOptions ? {
-        defaultOptions: defaultOptions
-    } : {}), threadIdStorageOptions ? {
-        threadIdStorageOptions: threadIdStorageOptions
-    } : {}), {}, {
-        createMessageAbortControllerRef: createMessageAbortControllerRef
-    }));
+    var value = useMemo(function() {
+        return merge(superinterfaceContext, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, baseUrl2 ? {
+            baseUrl: baseUrl2
+        } : {}), variables ? {
+            variables: variables
+        } : {}), defaultOptions ? {
+            defaultOptions: defaultOptions
+        } : {}), threadIdStorageOptions ? {
+            threadIdStorageOptions: threadIdStorageOptions
+        } : {}), {}, {
+            createMessageAbortControllerRef: createMessageAbortControllerRef
+        }));
+    }, [
+        superinterfaceContext,
+        baseUrl2,
+        variables,
+        defaultOptions,
+        threadIdStorageOptions,
+        createMessageAbortControllerRef
+    ]);
     return /* @__PURE__ */ _jsx(SuperinterfaceContext.Provider, {
         value: value,
         children: children
@@ -37084,7 +37092,7 @@ import { c as _c66 } from "react-compiler-runtime";
 import { Flex as Flex18 } from "@radix-ui/themes";
 // src/components/threads/Thread/Message/index.tsx
 import { c as _c60 } from "react-compiler-runtime";
-import { useMemo as useMemo10 } from "react";
+import { useMemo as useMemo12 } from "react";
 import { Box as Box12 } from "@radix-ui/themes";
 // src/components/runSteps/RunSteps/index.tsx
 import { c as _c56 } from "react-compiler-runtime";
@@ -37537,7 +37545,7 @@ var ToolCallIcon = function(t0) {
 };
 // src/components/functions/FunctionBase/Content/index.tsx
 import { c as _c12 } from "react-compiler-runtime";
-import { useMemo } from "react";
+import { useMemo as useMemo2 } from "react";
 import { Code, Box } from "@radix-ui/themes";
 // src/components/functions/FunctionBase/Content/lib/formattedJsonOrRaw.ts
 var formattedJsonOrRaw = function(_ref) {
@@ -37982,7 +37990,7 @@ var FallbackToolCall = function(t0) {
 };
 // src/components/contents/TextContent.tsx
 import { c as _c43 } from "react-compiler-runtime";
-import React, { useState as useState3, useEffect as useEffect2, useMemo as useMemo9 } from "react";
+import React, { useState as useState3, useEffect as useEffect2, useMemo as useMemo11 } from "react";
 import { Badge } from "@radix-ui/themes";
 import { compile } from "@mdx-js/mdx";
 import { MDXProvider, useMDXComponents } from "@mdx-js/react";
@@ -38346,13 +38354,13 @@ import { c as _c30 } from "react-compiler-runtime";
 import { Code as RadixCode } from "@radix-ui/themes";
 // src/components/suggestions/Suggestions/index.tsx
 import { c as _c29 } from "react-compiler-runtime";
-import { useMemo as useMemo6 } from "react";
+import { useMemo as useMemo8 } from "react";
 // src/hooks/messages/useLatestMessage/index.ts
 import { c as _c26 } from "react-compiler-runtime";
-import { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo4 } from "react";
 // src/hooks/messages/useMessages/index.tsx
 import { c as _c25 } from "react-compiler-runtime";
-import { useMemo as useMemo2 } from "react";
+import { useMemo as useMemo3 } from "react";
 import { useInfiniteQuery, useQueryClient } from "@tanstack/react-query";
 // src/lib/threads/queryOptions/index.ts
 import { infiniteQueryOptions } from "@tanstack/react-query";
@@ -38733,12 +38741,12 @@ var useLatestMessage = function() {
     return t0;
 };
 // src/components/suggestions/Suggestions/Content.tsx
-import { useMemo as useMemo5 } from "react";
+import { useMemo as useMemo7 } from "react";
 import { isEmpty } from "radash";
 import { onlyText } from "react-children-utilities";
 // src/hooks/messages/useIsMutatingMessage/index.ts
 import { c as _c27 } from "react-compiler-runtime";
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo5 } from "react";
 import { useIsMutating } from "@tanstack/react-query";
 var useIsMutatingMessage = function() {
     var $ = _c27(2);
@@ -38769,7 +38777,7 @@ import { c as _c28 } from "react-compiler-runtime";
 import { ArrowUpIcon } from "@radix-ui/react-icons";
 import { Text as Text4, Button as Button2, Spinner } from "@radix-ui/themes";
 // src/hooks/messages/useCreateMessage/index.ts
-import { useCallback } from "react";
+import { useCallback, useMemo as useMemo6 } from "react";
 import { useMutation, useQueryClient as useQueryClient2 } from "@tanstack/react-query";
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/onMutate/index.ts
 import { omit } from "radash";
@@ -40044,6 +40052,14 @@ var mutationFn = function(_ref) {
                     case 0:
                         abortController = new AbortController();
                         superinterfaceContext.createMessageAbortControllerRef.current = abortController;
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            ,
+                            10,
+                            11
+                        ]);
                         return [
                             4,
                             fetch("".concat(superinterfaceContext.baseUrl, "/messages"), {
@@ -40055,31 +40071,31 @@ var mutationFn = function(_ref) {
                                 signal: abortController.signal
                             })
                         ];
-                    case 1:
+                    case 2:
                         response = _state.sent();
                         if (!(response.status !== 200)) return [
                             3,
-                            5
+                            6
                         ];
-                        _state.label = 2;
-                    case 2:
+                        _state.label = 3;
+                    case 3:
                         _state.trys.push([
-                            2,
-                            4,
+                            3,
+                            5,
                             ,
-                            5
+                            6
                         ]);
                         return [
                             4,
                             response.json()
                         ];
-                    case 3:
+                    case 4:
                         errorResponse = _state.sent();
                         throw new Error(errorResponse.error);
-                    case 4:
+                    case 5:
                         error = _state.sent();
                         throw new Error("Failed to send your message, try again. If you are the owner, check the logs.");
-                    case 5:
+                    case 6:
                         if (response.body == null) {
                             throw new Error("The response body is empty.");
                         }
@@ -40095,21 +40111,21 @@ var mutationFn = function(_ref) {
                             "messages",
                             threadContext.variables
                         ];
-                        _state.label = 6;
-                    case 6:
+                        _state.label = 7;
+                    case 7:
                         if (!true) return [
                             3,
-                            8
+                            9
                         ];
                         return [
                             4,
                             reader.read()
                         ];
-                    case 7:
+                    case 8:
                         _$_ref = _state.sent(), done = _$_ref.done, value = _$_ref.value;
                         if (done) return [
                             3,
-                            8
+                            9
                         ];
                         handleResponse({
                             value: value,
@@ -40119,9 +40135,19 @@ var mutationFn = function(_ref) {
                         });
                         return [
                             3,
-                            6
+                            7
                         ];
-                    case 8:
+                    case 9:
+                        return [
+                            3,
+                            11
+                        ];
+                    case 10:
+                        superinterfaceContext.createMessageAbortControllerRef.current = null;
+                        return [
+                            7
+                        ];
+                    case 11:
                         return [
                             2
                         ];
@@ -40248,12 +40274,20 @@ var useCreateMessage = function useCreateMessage2() {
     var queryClient = useQueryClient2();
     var superinterfaceContext = useSuperinterfaceContext();
     var threadContext = useSuperinterfaceContext();
-    var props = useMutation(mutationOptions({
-        queryClient: queryClient,
-        threadContext: threadContext,
-        superinterfaceContext: superinterfaceContext,
-        onError: onError
-    }));
+    var options = useMemo6(function() {
+        return mutationOptions({
+            queryClient: queryClient,
+            threadContext: threadContext,
+            superinterfaceContext: superinterfaceContext,
+            onError: onError
+        });
+    }, [
+        queryClient,
+        threadContext,
+        superinterfaceContext,
+        onError
+    ]);
+    var props = useMutation(options);
     var createMessage = useCallback(function(variables) {
         return props.mutateAsync(_objectSpread19(_objectSpread19({}, threadContext.variables), variables));
     }, [
@@ -40502,7 +40536,7 @@ import { jsx as _jsx27 } from "react/jsx-runtime";
 var Content4 = function(_ref) {
     var children = _ref.children, className = _ref.className, style = _ref.style;
     var isMutatingMessage = useIsMutatingMessage();
-    var suggestions = useMemo5(function() {
+    var suggestions = useMemo7(function() {
         return onlyText(children).split(/\r?\n/).filter(function(c2) {
             return !isEmpty(c2);
         }).map(function(c_0) {
@@ -40839,7 +40873,7 @@ var VolumeButton = function() {
 };
 // src/components/media/Time.tsx
 import { c as _c34 } from "react-compiler-runtime";
-import { useState, useEffect, useMemo as useMemo7 } from "react";
+import { useState, useEffect, useMemo as useMemo9 } from "react";
 import { useMediaState as useMediaState3, useMediaRemote as useMediaRemote2 } from "@vidstack/react";
 import { Slider as Slider2 } from "@radix-ui/themes";
 import { jsx as _jsx33 } from "react/jsx-runtime";
@@ -41944,7 +41978,7 @@ var escapeInvalidTagNames = function(markdown) {
     });
 };
 // ../../node_modules/react-error-boundary/dist/react-error-boundary.esm.js
-import { createContext as createContext5, Component, createElement, useContext as useContext9, useState as useState2, useMemo as useMemo8, forwardRef } from "react";
+import { createContext as createContext5, Component, createElement, useContext as useContext9, useState as useState2, useMemo as useMemo10, forwardRef } from "react";
 var ErrorBoundaryContext = /* @__PURE__ */ createContext5(null);
 var initialState = {
     didCatch: false,
@@ -43364,7 +43398,7 @@ import { c as _c62 } from "react-compiler-runtime";
 import { useEffect as useEffect3 } from "react";
 // src/hooks/messageGroups/useMessageGroups/index.ts
 import { c as _c61 } from "react-compiler-runtime";
-import { useMemo as useMemo11 } from "react";
+import { useMemo as useMemo13 } from "react";
 // src/hooks/messageGroups/useMessageGroups/lib/messageGroups/index.ts
 import _6 from "lodash";
 import { last as last2 } from "radash";
@@ -43583,7 +43617,7 @@ var Content7 = function() {
 };
 // src/components/threads/Thread/Messages/Progress/index.tsx
 import { c as _c63 } from "react-compiler-runtime";
-import { useMemo as useMemo12 } from "react";
+import { useMemo as useMemo14 } from "react";
 import { Box as Box13 } from "@radix-ui/themes";
 import { jsx as _jsx64, jsxs as _jsxs19 } from "react/jsx-runtime";
 var StartingSkeleton2 = function() {
@@ -44124,7 +44158,7 @@ Submit.Root = Root7;
 Submit.Button = Button3;
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
-import { useMemo as useMemo13, useState as useState4, useCallback as useCallback3 } from "react";
+import { useMemo as useMemo15, useState as useState4, useCallback as useCallback3 } from "react";
 import { useForm, FormProvider } from "react-hook-form";
 import { Box as Box14 } from "@radix-ui/themes";
 // src/components/threads/Thread/MessageForm/Root/lib/formOptions.ts
@@ -44222,7 +44256,7 @@ var Root8 = function(_ref) {
         })
     }).createMessage;
     var isMutatingMessage = useIsMutatingMessage();
-    var isFileLoading = useMemo13(function() {
+    var isFileLoading = useMemo15(function() {
         return files.some(function(file) {
             return isOptimistic({
                 id: file.id
@@ -44231,14 +44265,14 @@ var Root8 = function(_ref) {
     }, [
         files
     ]);
-    var isLoading = useMemo13(function() {
+    var isLoading = useMemo15(function() {
         return isMutatingMessage || isSubmitting;
     }, [
         isMutatingMessage,
         isSubmitting
     ]);
     var latestMessage = useLatestMessage().latestMessage;
-    var isDisabled = useMemo13(function() {
+    var isDisabled = useMemo15(function() {
         var _latestMessage$metada;
         return !!(latestMessage !== null && latestMessage !== void 0 && (_latestMessage$metada = latestMessage.metadata) !== null && _latestMessage$metada !== void 0 && _latestMessage$metada.isBlocking) || !!isDisabledArg;
     }, [
@@ -44360,7 +44394,7 @@ var usePrevious = function(state) {
     return ref.current;
 };
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-import { useContext as useContext16, useMemo as useMemo14, useRef as useRef5, useEffect as useEffect6 } from "react";
+import { useContext as useContext16, useMemo as useMemo16, useRef as useRef5, useEffect as useEffect6 } from "react";
 // src/components/textareas/TextareaBase/index.tsx
 import { c as _c68 } from "react-compiler-runtime";
 import { forwardRef as forwardRef4 } from "react";
@@ -44579,7 +44613,7 @@ var Input = function(props) {
     var assistantNameContext = useContext16(AssistantNameContext);
     var register = useFormContext().register;
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
-    var isSubmitDisabled = useMemo14(function() {
+    var isSubmitDisabled = useMemo16(function() {
         return isDisabled || isLoading;
     }, [
         isDisabled,
@@ -46025,7 +46059,7 @@ var useMessageContext = function() {
 };
 // src/hooks/assistants/useAssistant/index.ts
 import { c as _c78 } from "react-compiler-runtime";
-import { useMemo as useMemo15 } from "react";
+import { useMemo as useMemo17 } from "react";
 import { useQuery } from "@tanstack/react-query";
 // src/hooks/assistants/useAssistant/lib/queryOptions/index.ts
 import { queryOptions as tanstackQueryOptions } from "@tanstack/react-query";
@@ -46894,7 +46928,7 @@ var useAudioThreadContext = function() {
 import { c as _c90 } from "react-compiler-runtime";
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
 import { c as _c89 } from "react-compiler-runtime";
-import { useMemo as useMemo18 } from "react";
+import { useMemo as useMemo20 } from "react";
 // src/hooks/misc/usePermission/index.ts
 import { c as _c86 } from "react-compiler-runtime";
 import { useEffect as useEffect7, useState as useState7 } from "react";
@@ -46966,7 +47000,7 @@ var usePermission = function(permissionDesc) {
 // src/hooks/audioThreads/useRecorder/index.ts
 import dayjs3 from "dayjs";
 import { useAudioCapture } from "@supercorp/use-audio-capture";
-import { useMemo as useMemo16, useRef as useRef7, useState as useState8, useCallback as useCallback6, useEffect as useEffect9 } from "react";
+import { useMemo as useMemo18, useRef as useRef7, useState as useState8, useCallback as useCallback6, useEffect as useEffect9 } from "react";
 import { useAudioPlayer } from "react-use-audio-player";
 // src/hooks/misc/useInterval.ts
 import { c as _c87 } from "react-compiler-runtime";
@@ -47162,7 +47196,7 @@ var useRecorder = function(_ref) {
         isInited,
         mediaStream
     ]);
-    var visualizationAnalyser = useMemo16(function() {
+    var visualizationAnalyser = useMemo18(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(result);
@@ -47170,7 +47204,7 @@ var useRecorder = function(_ref) {
     }, [
         audioEngine
     ]);
-    var silenceAnalyser = useMemo16(function() {
+    var silenceAnalyser = useMemo18(function() {
         if (!audioEngine) return null;
         var result_0 = audioEngine.audioContext.createAnalyser();
         result_0.minDecibels = -60;
@@ -47226,7 +47260,7 @@ var useRecorder = function(_ref) {
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
 import { c as _c88 } from "react-compiler-runtime";
-import { useMemo as useMemo17, useRef as useRef8, useState as useState9, useEffect as useEffect10, useCallback as useCallback7 } from "react";
+import { useMemo as useMemo19, useRef as useRef8, useState as useState9, useEffect as useEffect10, useCallback as useCallback7 } from "react";
 // ../../node_modules/compromise/src/API/world.js
 var methods = {
     one: {},
@@ -73919,7 +73953,7 @@ var BarsVisualizer = function(_ref) {
 };
 // src/hooks/audioThreads/useStatus/index.ts
 import { c as _c92 } from "react-compiler-runtime";
-import { useMemo as useMemo19 } from "react";
+import { useMemo as useMemo21 } from "react";
 var useStatus = function() {
     var $ = _c92(2);
     var audioRuntime = useAudioThreadContext().audioRuntime;
@@ -75132,7 +75166,7 @@ AudioThreadDialog.Root = Root13;
 AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content8;
 // src/hooks/audioRuntimes/useWebrtcAudioRuntime/index.ts
-import { useEffect as useEffect13, useMemo as useMemo20, useRef as useRef9, useState as useState12 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo22, useRef as useRef9, useState as useState12 } from "react";
 function asyncGeneratorStep12(n4, t3, e3, r2, o2, a3, c2) {
     try {
         var i3 = n4[a3](c2), u2 = i3.value;
@@ -75572,7 +75606,7 @@ var useWebrtcAudioRuntime = function() {
             return _ref7.apply(this, arguments);
         };
     }();
-    return useMemo20(function() {
+    return useMemo22(function() {
         return {
             webrtcAudioRuntime: {
                 user: {
@@ -75653,11 +75687,11 @@ var WebrtcAudioRuntimeProvider = function(t0) {
 };
 // src/components/gui/Gui/index.tsx
 import { c as _c104 } from "react-compiler-runtime";
-import { useMemo as useMemo23 } from "react";
+import { useMemo as useMemo25 } from "react";
 import { Flex as Flex35, Card as Card5, Spinner as Spinner3 } from "@radix-ui/themes";
 // src/hooks/messages/useLatestAssistantMessage/index.ts
 import { c as _c102 } from "react-compiler-runtime";
-import { useMemo as useMemo21 } from "react";
+import { useMemo as useMemo23 } from "react";
 var useLatestAssistantMessage = function() {
     var $ = _c102(4);
     var _useMessages = useMessages(), messages2 = _useMessages.messages;
@@ -75690,7 +75724,7 @@ function _temp11(message) {
 // src/hooks/messages/useLatestAssistantMessageWithContent/index.ts
 import { c as _c103 } from "react-compiler-runtime";
 import { isEmpty as isEmpty3 } from "radash";
-import { useMemo as useMemo22 } from "react";
+import { useMemo as useMemo24 } from "react";
 var useLatestAssistantMessageWithContent = function() {
     var $ = _c103(4);
     var _useMessages = useMessages(), messages2 = _useMessages.messages;
@@ -75911,7 +75945,7 @@ function _temp13(rs) {
 }
 // src/components/markdown/MarkdownProvider/index.tsx
 import { c as _c105 } from "react-compiler-runtime";
-import { useMemo as useMemo24 } from "react";
+import { useMemo as useMemo26 } from "react";
 import { jsx as _jsx100 } from "react/jsx-runtime";
 var _excluded9 = [
     "children"
@@ -76378,7 +76412,7 @@ var ImageAvatar = function(t0) {
 };
 // src/components/iconAvatars/IconAvatar.tsx
 import { c as _c110 } from "react-compiler-runtime";
-import { useMemo as useMemo25 } from "react";
+import { useMemo as useMemo27 } from "react";
 import { Avatar as Avatar5 } from "@radix-ui/themes";
 // src/lib/iconAvatars/iconAvatarComponents.ts
 import { BackpackIcon, RocketIcon, MagicWandIcon, CubeIcon, TargetIcon, DiscIcon, GlobeIcon, StarIcon, LightningBoltIcon as LightningBoltIcon2, FaceIcon, PersonIcon as PersonIcon2, HeartIcon } from "@radix-ui/react-icons";
@@ -76483,7 +76517,7 @@ var Avatar6 = function(t0) {
 };
 // src/components/components/ComponentsProvider.tsx
 import { c as _c112 } from "react-compiler-runtime";
-import { useMemo as useMemo26 } from "react";
+import { useMemo as useMemo28 } from "react";
 import { jsx as _jsx107 } from "react/jsx-runtime";
 var _excluded11 = [
     "children"