@superinterface/react 5.3.1-beta.6 → 5.4.0

package/dist/index.js

@@ -36894,19 +36894,14 @@ var require_lib4 = __commonJS({
     }
 });
 // src/components/core/SuperinterfaceProvider/index.tsx
-import { useRef, useMemo } from "react";
+import { useRef } from "react";
 // src/lib/misc/merge/index.ts
 import _2 from "lodash";
 // src/lib/misc/merge/customizer.ts
 import _ from "lodash";
-var customizer = function(objectValue, srcValue, key2) {
-    if (_.isArray(objectValue)) {
-        return srcValue;
-    }
-    if (srcValue && (typeof srcValue === "undefined" ? "undefined" : _type_of(srcValue)) === "object" && "current" in srcValue && typeof key2 === "string" && key2.toLowerCase().includes("ref")) {
-        return srcValue;
-    }
-    return void 0;
+var customizer = function(objectValue, srcValue) {
+    if (!_.isArray(objectValue)) return;
+    return srcValue;
 };
 // src/lib/misc/merge/index.ts
 var merge = function merge2(obj) {
@@ -36945,7 +36940,9 @@ var set = function(_ref) {
     var assistantId = _ref.assistantId, threadId = _ref.threadId;
     return Cookies2.set(key({
         assistantId: assistantId
-    }), threadId);
+    }), threadId, {
+        expires: 365
+    });
 };
 // src/lib/threadIdStorage/cookieOptions/remove.ts
 import Cookies3 from "js-cookie";
@@ -37060,26 +37057,17 @@ 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 = 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
-    ]);
+    var value = merge(superinterfaceContext, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, baseUrl2 ? {
+        baseUrl: baseUrl2
+    } : {}), variables ? {
+        variables: variables
+    } : {}), defaultOptions ? {
+        defaultOptions: defaultOptions
+    } : {}), threadIdStorageOptions ? {
+        threadIdStorageOptions: threadIdStorageOptions
+    } : {}), {}, {
+        createMessageAbortControllerRef: createMessageAbortControllerRef
+    }));
     return /* @__PURE__ */ _jsx(SuperinterfaceContext.Provider, {
         value: value,
         children: children
@@ -37092,7 +37080,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 useMemo12 } from "react";
+import { useMemo as useMemo10 } from "react";
 import { Box as Box12 } from "@radix-ui/themes";
 // src/components/runSteps/RunSteps/index.tsx
 import { c as _c56 } from "react-compiler-runtime";
@@ -37545,7 +37533,7 @@ var ToolCallIcon = function(t0) {
 };
 // src/components/functions/FunctionBase/Content/index.tsx
 import { c as _c12 } from "react-compiler-runtime";
-import { useMemo as useMemo2 } from "react";
+import { useMemo } from "react";
 import { Code, Box } from "@radix-ui/themes";
 // src/components/functions/FunctionBase/Content/lib/formattedJsonOrRaw.ts
 var formattedJsonOrRaw = function(_ref) {
@@ -37990,7 +37978,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 useMemo11 } from "react";
+import React, { useState as useState3, useEffect as useEffect2, useMemo as useMemo9 } from "react";
 import { Badge } from "@radix-ui/themes";
 import { compile } from "@mdx-js/mdx";
 import { MDXProvider, useMDXComponents } from "@mdx-js/react";
@@ -38354,13 +38342,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 useMemo8 } from "react";
+import { useMemo as useMemo6 } from "react";
 // src/hooks/messages/useLatestMessage/index.ts
 import { c as _c26 } from "react-compiler-runtime";
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo3 } from "react";
 // src/hooks/messages/useMessages/index.tsx
 import { c as _c25 } from "react-compiler-runtime";
-import { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo2 } from "react";
 import { useInfiniteQuery, useQueryClient } from "@tanstack/react-query";
 // src/lib/threads/queryOptions/index.ts
 import { infiniteQueryOptions } from "@tanstack/react-query";
@@ -38741,12 +38729,12 @@ var useLatestMessage = function() {
     return t0;
 };
 // src/components/suggestions/Suggestions/Content.tsx
-import { useMemo as useMemo7 } from "react";
+import { useMemo as useMemo5 } 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 useMemo5 } from "react";
+import { useMemo as useMemo4 } from "react";
 import { useIsMutating } from "@tanstack/react-query";
 var useIsMutatingMessage = function() {
     var $ = _c27(2);
@@ -38777,7 +38765,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, useMemo as useMemo6 } from "react";
+import { useCallback } from "react";
 import { useMutation, useQueryClient as useQueryClient2 } from "@tanstack/react-query";
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/onMutate/index.ts
 import { omit } from "radash";
@@ -40052,14 +40040,6 @@ 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"), {
@@ -40071,31 +40051,31 @@ var mutationFn = function(_ref) {
                                 signal: abortController.signal
                             })
                         ];
-                    case 2:
+                    case 1:
                         response = _state.sent();
                         if (!(response.status !== 200)) return [
                             3,
-                            6
+                            5
                         ];
-                        _state.label = 3;
-                    case 3:
+                        _state.label = 2;
+                    case 2:
                         _state.trys.push([
-                            3,
-                            5,
+                            2,
+                            4,
                             ,
-                            6
+                            5
                         ]);
                         return [
                             4,
                             response.json()
                         ];
-                    case 4:
+                    case 3:
                         errorResponse = _state.sent();
                         throw new Error(errorResponse.error);
-                    case 5:
+                    case 4:
                         error = _state.sent();
                         throw new Error("Failed to send your message, try again. If you are the owner, check the logs.");
-                    case 6:
+                    case 5:
                         if (response.body == null) {
                             throw new Error("The response body is empty.");
                         }
@@ -40111,21 +40091,21 @@ var mutationFn = function(_ref) {
                             "messages",
                             threadContext.variables
                         ];
-                        _state.label = 7;
-                    case 7:
+                        _state.label = 6;
+                    case 6:
                         if (!true) return [
                             3,
-                            9
+                            8
                         ];
                         return [
                             4,
                             reader.read()
                         ];
-                    case 8:
+                    case 7:
                         _$_ref = _state.sent(), done = _$_ref.done, value = _$_ref.value;
                         if (done) return [
                             3,
-                            9
+                            8
                         ];
                         handleResponse({
                             value: value,
@@ -40135,19 +40115,9 @@ var mutationFn = function(_ref) {
                         });
                         return [
                             3,
-                            7
-                        ];
-                    case 9:
-                        return [
-                            3,
-                            11
-                        ];
-                    case 10:
-                        superinterfaceContext.createMessageAbortControllerRef.current = null;
-                        return [
-                            7
+                            6
                         ];
-                    case 11:
+                    case 8:
                         return [
                             2
                         ];
@@ -40274,20 +40244,12 @@ var useCreateMessage = function useCreateMessage2() {
     var queryClient = useQueryClient2();
     var superinterfaceContext = useSuperinterfaceContext();
     var threadContext = useSuperinterfaceContext();
-    var options = useMemo6(function() {
-        return mutationOptions({
-            queryClient: queryClient,
-            threadContext: threadContext,
-            superinterfaceContext: superinterfaceContext,
-            onError: onError
-        });
-    }, [
-        queryClient,
-        threadContext,
-        superinterfaceContext,
-        onError
-    ]);
-    var props = useMutation(options);
+    var props = useMutation(mutationOptions({
+        queryClient: queryClient,
+        threadContext: threadContext,
+        superinterfaceContext: superinterfaceContext,
+        onError: onError
+    }));
     var createMessage = useCallback(function(variables) {
         return props.mutateAsync(_objectSpread19(_objectSpread19({}, threadContext.variables), variables));
     }, [
@@ -40536,7 +40498,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 = useMemo7(function() {
+    var suggestions = useMemo5(function() {
         return onlyText(children).split(/\r?\n/).filter(function(c2) {
             return !isEmpty(c2);
         }).map(function(c_0) {
@@ -40873,7 +40835,7 @@ var VolumeButton = function() {
 };
 // src/components/media/Time.tsx
 import { c as _c34 } from "react-compiler-runtime";
-import { useState, useEffect, useMemo as useMemo9 } from "react";
+import { useState, useEffect, useMemo as useMemo7 } 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";
@@ -41978,7 +41940,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 useMemo10, forwardRef } from "react";
+import { createContext as createContext5, Component, createElement, useContext as useContext9, useState as useState2, useMemo as useMemo8, forwardRef } from "react";
 var ErrorBoundaryContext = /* @__PURE__ */ createContext5(null);
 var initialState = {
     didCatch: false,
@@ -43398,7 +43360,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 useMemo13 } from "react";
+import { useMemo as useMemo11 } from "react";
 // src/hooks/messageGroups/useMessageGroups/lib/messageGroups/index.ts
 import _6 from "lodash";
 import { last as last2 } from "radash";
@@ -43617,7 +43579,7 @@ var Content7 = function() {
 };
 // src/components/threads/Thread/Messages/Progress/index.tsx
 import { c as _c63 } from "react-compiler-runtime";
-import { useMemo as useMemo14 } from "react";
+import { useMemo as useMemo12 } from "react";
 import { Box as Box13 } from "@radix-ui/themes";
 import { jsx as _jsx64, jsxs as _jsxs19 } from "react/jsx-runtime";
 var StartingSkeleton2 = function() {
@@ -44158,7 +44120,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 useMemo15, useState as useState4, useCallback as useCallback3 } from "react";
+import { useMemo as useMemo13, 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
@@ -44256,7 +44218,7 @@ var Root8 = function(_ref) {
         })
     }).createMessage;
     var isMutatingMessage = useIsMutatingMessage();
-    var isFileLoading = useMemo15(function() {
+    var isFileLoading = useMemo13(function() {
         return files.some(function(file) {
             return isOptimistic({
                 id: file.id
@@ -44265,14 +44227,14 @@ var Root8 = function(_ref) {
     }, [
         files
     ]);
-    var isLoading = useMemo15(function() {
+    var isLoading = useMemo13(function() {
         return isMutatingMessage || isSubmitting;
     }, [
         isMutatingMessage,
         isSubmitting
     ]);
     var latestMessage = useLatestMessage().latestMessage;
-    var isDisabled = useMemo15(function() {
+    var isDisabled = useMemo13(function() {
         var _latestMessage$metada;
         return !!(latestMessage !== null && latestMessage !== void 0 && (_latestMessage$metada = latestMessage.metadata) !== null && _latestMessage$metada !== void 0 && _latestMessage$metada.isBlocking) || !!isDisabledArg;
     }, [
@@ -44394,7 +44356,7 @@ var usePrevious = function(state) {
     return ref.current;
 };
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-import { useContext as useContext16, useMemo as useMemo16, useRef as useRef5, useEffect as useEffect6 } from "react";
+import { useContext as useContext16, useMemo as useMemo14, 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";
@@ -44613,7 +44575,7 @@ var Input = function(props) {
     var assistantNameContext = useContext16(AssistantNameContext);
     var register = useFormContext().register;
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
-    var isSubmitDisabled = useMemo16(function() {
+    var isSubmitDisabled = useMemo14(function() {
         return isDisabled || isLoading;
     }, [
         isDisabled,
@@ -46059,7 +46021,7 @@ var useMessageContext = function() {
 };
 // src/hooks/assistants/useAssistant/index.ts
 import { c as _c78 } from "react-compiler-runtime";
-import { useMemo as useMemo17 } from "react";
+import { useMemo as useMemo15 } from "react";
 import { useQuery } from "@tanstack/react-query";
 // src/hooks/assistants/useAssistant/lib/queryOptions/index.ts
 import { queryOptions as tanstackQueryOptions } from "@tanstack/react-query";
@@ -46928,7 +46890,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 useMemo20 } from "react";
+import { useMemo as useMemo18 } 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";
@@ -47000,7 +46962,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 useMemo18, useRef as useRef7, useState as useState8, useCallback as useCallback6, useEffect as useEffect9 } from "react";
+import { useMemo as useMemo16, 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";
@@ -47196,7 +47158,7 @@ var useRecorder = function(_ref) {
         isInited,
         mediaStream
     ]);
-    var visualizationAnalyser = useMemo18(function() {
+    var visualizationAnalyser = useMemo16(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(result);
@@ -47204,7 +47166,7 @@ var useRecorder = function(_ref) {
     }, [
         audioEngine
     ]);
-    var silenceAnalyser = useMemo18(function() {
+    var silenceAnalyser = useMemo16(function() {
         if (!audioEngine) return null;
         var result_0 = audioEngine.audioContext.createAnalyser();
         result_0.minDecibels = -60;
@@ -47260,7 +47222,7 @@ var useRecorder = function(_ref) {
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
 import { c as _c88 } from "react-compiler-runtime";
-import { useMemo as useMemo19, useRef as useRef8, useState as useState9, useEffect as useEffect10, useCallback as useCallback7 } from "react";
+import { useMemo as useMemo17, useRef as useRef8, useState as useState9, useEffect as useEffect10, useCallback as useCallback7 } from "react";
 // ../../node_modules/compromise/src/API/world.js
 var methods = {
     one: {},
@@ -73953,7 +73915,7 @@ var BarsVisualizer = function(_ref) {
 };
 // src/hooks/audioThreads/useStatus/index.ts
 import { c as _c92 } from "react-compiler-runtime";
-import { useMemo as useMemo21 } from "react";
+import { useMemo as useMemo19 } from "react";
 var useStatus = function() {
     var $ = _c92(2);
     var audioRuntime = useAudioThreadContext().audioRuntime;
@@ -75166,7 +75128,7 @@ AudioThreadDialog.Root = Root13;
 AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content8;
 // src/hooks/audioRuntimes/useWebrtcAudioRuntime/index.ts
-import { useEffect as useEffect13, useMemo as useMemo22, useRef as useRef9, useState as useState12 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo20, 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;
@@ -75606,7 +75568,7 @@ var useWebrtcAudioRuntime = function() {
             return _ref7.apply(this, arguments);
         };
     }();
-    return useMemo22(function() {
+    return useMemo20(function() {
         return {
             webrtcAudioRuntime: {
                 user: {
@@ -75687,11 +75649,11 @@ var WebrtcAudioRuntimeProvider = function(t0) {
 };
 // src/components/gui/Gui/index.tsx
 import { c as _c104 } from "react-compiler-runtime";
-import { useMemo as useMemo25 } from "react";
+import { useMemo as useMemo23 } 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 useMemo23 } from "react";
+import { useMemo as useMemo21 } from "react";
 var useLatestAssistantMessage = function() {
     var $ = _c102(4);
     var _useMessages = useMessages(), messages2 = _useMessages.messages;
@@ -75724,7 +75686,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 useMemo24 } from "react";
+import { useMemo as useMemo22 } from "react";
 var useLatestAssistantMessageWithContent = function() {
     var $ = _c103(4);
     var _useMessages = useMessages(), messages2 = _useMessages.messages;
@@ -75945,7 +75907,7 @@ function _temp13(rs) {
 }
 // src/components/markdown/MarkdownProvider/index.tsx
 import { c as _c105 } from "react-compiler-runtime";
-import { useMemo as useMemo26 } from "react";
+import { useMemo as useMemo24 } from "react";
 import { jsx as _jsx100 } from "react/jsx-runtime";
 var _excluded9 = [
     "children"
@@ -76412,7 +76374,7 @@ var ImageAvatar = function(t0) {
 };
 // src/components/iconAvatars/IconAvatar.tsx
 import { c as _c110 } from "react-compiler-runtime";
-import { useMemo as useMemo27 } from "react";
+import { useMemo as useMemo25 } 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";
@@ -76517,7 +76479,7 @@ var Avatar6 = function(t0) {
 };
 // src/components/components/ComponentsProvider.tsx
 import { c as _c112 } from "react-compiler-runtime";
-import { useMemo as useMemo28 } from "react";
+import { useMemo as useMemo26 } from "react";
 import { jsx as _jsx107 } from "react/jsx-runtime";
 var _excluded11 = [
     "children"