@superinterface/react 5.3.1-beta.6 → 5.4.2

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";
@@ -38212,7 +38200,8 @@ var UnorderedList = function(t0) {
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t1 = {
-            listStylePosition: "inside"
+            listStylePosition: "outside",
+            listStyleType: "disc"
         };
         $[0] = t1;
     } else {
@@ -38222,6 +38211,7 @@ var UnorderedList = function(t0) {
     if ($[1] !== children) {
         t22 = /* @__PURE__ */ _jsx21(Box4, {
             pb: "3",
+            pl: "5",
             asChild: true,
             children: /* @__PURE__ */ _jsx21("ul", {
                 style: t1,
@@ -38245,7 +38235,8 @@ var OrderedList = function(t0) {
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t1 = {
-            listStylePosition: "inside"
+            listStylePosition: "outside",
+            listStyleType: "decimal"
         };
         $[0] = t1;
     } else {
@@ -38255,6 +38246,7 @@ var OrderedList = function(t0) {
     if ($[1] !== children) {
         t22 = /* @__PURE__ */ _jsx22(Box5, {
             pb: "3",
+            pl: "5",
             asChild: true,
             children: /* @__PURE__ */ _jsx22("ol", {
                 style: t1,
@@ -38278,6 +38270,7 @@ var ListItem = function(t0) {
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t1 = {
+            display: "list-item",
             wordBreak: "break-word"
         };
         $[0] = t1;
@@ -38288,6 +38281,7 @@ var ListItem = function(t0) {
     if ($[1] !== children) {
         t22 = /* @__PURE__ */ _jsx23(Box6, {
             pb: "1",
+            asChild: true,
             children: /* @__PURE__ */ _jsx23("li", {
                 style: t1,
                 children: children
@@ -38354,13 +38348,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 +38735,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 +38771,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 +40046,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 +40057,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 +40097,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 +40121,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 +40250,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 +40504,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 +40841,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 +41946,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,
@@ -43175,160 +43143,97 @@ function _temp2(content2, index4) {
         content: content2
     }, index4);
 }
+// src/components/threads/Thread/Message/lib/splitRunSteps.ts
+var splitRunSteps = function(_ref) {
+    var messageId = _ref.messageId, runSteps = _ref.runSteps;
+    if (!runSteps.length) return [
+        [],
+        []
+    ];
+    var messageCreationRunStepIndex = runSteps.findIndex(function(runStep) {
+        if (runStep.step_details.type !== "message_creation") return;
+        return runStep.step_details.message_creation.message_id === messageId;
+    });
+    if (messageCreationRunStepIndex === -1) {
+        return [
+            [],
+            runSteps
+        ];
+    }
+    var nextRunStepIndex = runSteps.slice(0, messageCreationRunStepIndex).findLastIndex(function(runStep) {
+        return runStep.step_details.type === "message_creation";
+    });
+    if (nextRunStepIndex === -1) {
+        nextRunStepIndex = 0;
+    }
+    var laterRunSteps = runSteps.slice(nextRunStepIndex, messageCreationRunStepIndex);
+    var prevRunStepIndex = runSteps.slice(messageCreationRunStepIndex + 1).findIndex(function(runStep) {
+        return runStep.step_details.type === "message_creation";
+    });
+    var olderRunSteps;
+    if (prevRunStepIndex === -1) {
+        olderRunSteps = runSteps.slice(messageCreationRunStepIndex + 1);
+    } else {
+        olderRunSteps = runSteps.slice(messageCreationRunStepIndex + 1, messageCreationRunStepIndex + 1 + prevRunStepIndex);
+    }
+    return [
+        olderRunSteps,
+        laterRunSteps
+    ];
+};
 // src/components/threads/Thread/Message/index.tsx
 import { jsx as _jsx62, jsxs as _jsxs18 } from "react/jsx-runtime";
 var Message = function(t0) {
-    var $ = _c60(40);
+    var $ = _c60(21);
     var message = t0.message, className = t0.className, style = t0.style;
     var t1;
-    bb0: {
-        if (!message.runSteps.length) {
-            var _t;
-            if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-                _t = [
-                    [],
-                    []
-                ];
-                $[0] = _t;
-            } else {
-                _t = $[0];
-            }
-            t1 = _t;
-            break bb0;
-        }
-        var _t2;
-        if ($[1] !== message.id) {
-            _t2 = function(runStep) {
-                if (runStep.step_details.type !== "message_creation") {
-                    return;
-                }
-                return runStep.step_details.message_creation.message_id === message.id;
-            };
-            $[1] = message.id;
-            $[2] = _t2;
-        } else {
-            _t2 = $[2];
-        }
-        var messageCreationRunStepIndex = message.runSteps.findIndex(_t2);
-        if (messageCreationRunStepIndex === -1) {
-            var _t3;
-            if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-                _t3 = [];
-                $[3] = _t3;
-            } else {
-                _t3 = $[3];
-            }
-            var _t4;
-            if ($[4] !== message.runSteps) {
-                _t4 = [
-                    _t3,
-                    message.runSteps
-                ];
-                $[4] = message.runSteps;
-                $[5] = _t4;
-            } else {
-                _t4 = $[5];
-            }
-            t1 = _t4;
-            break bb0;
-        }
-        var _t5;
-        if ($[6] !== message.runSteps || $[7] !== messageCreationRunStepIndex) {
-            var nextRunStepIndex = message.runSteps.slice(0, messageCreationRunStepIndex).findLastIndex(_temp3);
-            if (nextRunStepIndex === -1) {
-                nextRunStepIndex = 0;
-            }
-            _t5 = message.runSteps.slice(nextRunStepIndex, messageCreationRunStepIndex);
-            $[6] = message.runSteps;
-            $[7] = messageCreationRunStepIndex;
-            $[8] = _t5;
-        } else {
-            _t5 = $[8];
-        }
-        var laterRunSteps = _t5;
-        var _t6;
-        if ($[9] !== message.runSteps || $[10] !== messageCreationRunStepIndex) {
-            _t6 = message.runSteps.slice(messageCreationRunStepIndex + 1).findIndex(_temp22);
-            $[9] = message.runSteps;
-            $[10] = messageCreationRunStepIndex;
-            $[11] = _t6;
-        } else {
-            _t6 = $[11];
-        }
-        var prevRunStepIndex = _t6;
-        var olderRunSteps;
-        if (prevRunStepIndex === -1) {
-            var _t7;
-            if ($[12] !== message.runSteps || $[13] !== messageCreationRunStepIndex) {
-                _t7 = message.runSteps.slice(messageCreationRunStepIndex + 1);
-                $[12] = message.runSteps;
-                $[13] = messageCreationRunStepIndex;
-                $[14] = _t7;
-            } else {
-                _t7 = $[14];
-            }
-            olderRunSteps = _t7;
-        } else {
-            var _t8;
-            if ($[15] !== message.runSteps || $[16] !== messageCreationRunStepIndex || $[17] !== prevRunStepIndex) {
-                _t8 = message.runSteps.slice(messageCreationRunStepIndex + 1, messageCreationRunStepIndex + prevRunStepIndex);
-                $[15] = message.runSteps;
-                $[16] = messageCreationRunStepIndex;
-                $[17] = prevRunStepIndex;
-                $[18] = _t8;
-            } else {
-                _t8 = $[18];
-            }
-            olderRunSteps = _t8;
-        }
-        var _t9;
-        if ($[19] !== laterRunSteps || $[20] !== olderRunSteps) {
-            _t9 = [
-                olderRunSteps,
-                laterRunSteps
-            ];
-            $[19] = laterRunSteps;
-            $[20] = olderRunSteps;
-            $[21] = _t9;
-        } else {
-            _t9 = $[21];
-        }
-        t1 = _t9;
-    }
-    var _t1 = _sliced_to_array(t1, 2), olderRunSteps_0 = _t1[0], laterRunSteps_0 = _t1[1];
     var t22;
-    if ($[22] !== message) {
-        t22 = {
+    if ($[0] !== message.id || $[1] !== message.runSteps) {
+        t22 = splitRunSteps({
+            messageId: message.id,
+            runSteps: message.runSteps
+        });
+        $[0] = message.id;
+        $[1] = message.runSteps;
+        $[2] = t22;
+    } else {
+        t22 = $[2];
+    }
+    t1 = t22;
+    var _t1 = _sliced_to_array(t1, 2), olderRunSteps = _t1[0], laterRunSteps = _t1[1];
+    var t3;
+    if ($[3] !== message) {
+        t3 = {
             message: message
         };
-        $[22] = message;
-        $[23] = t22;
+        $[3] = message;
+        $[4] = t3;
     } else {
-        t22 = $[23];
+        t3 = $[4];
     }
-    var t3;
-    if ($[24] !== olderRunSteps_0) {
-        t3 = /* @__PURE__ */ _jsx62(RunSteps, {
-            runSteps: olderRunSteps_0
+    var t4;
+    if ($[5] !== olderRunSteps) {
+        t4 = /* @__PURE__ */ _jsx62(RunSteps, {
+            runSteps: olderRunSteps
         });
-        $[24] = olderRunSteps_0;
-        $[25] = t3;
+        $[5] = olderRunSteps;
+        $[6] = t4;
     } else {
-        t3 = $[25];
+        t4 = $[6];
     }
-    var t4;
-    if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = {
+    var t5;
+    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = {
             wordBreak: "break-word"
         };
-        $[26] = t4;
+        $[7] = t5;
     } else {
-        t4 = $[26];
+        t5 = $[7];
     }
-    var t5;
-    if ($[27] !== message) {
-        t5 = /* @__PURE__ */ _jsxs18(Box12, {
-            style: t4,
+    var t6;
+    if ($[8] !== message) {
+        t6 = /* @__PURE__ */ _jsxs18(Box12, {
+            style: t5,
             children: [
                 /* @__PURE__ */ _jsx62(Attachments, {
                     message: message
@@ -43338,67 +43243,61 @@ var Message = function(t0) {
                 })
             ]
         });
-        $[27] = message;
-        $[28] = t5;
+        $[8] = message;
+        $[9] = t6;
     } else {
-        t5 = $[28];
+        t6 = $[9];
     }
-    var t6;
-    if ($[29] !== laterRunSteps_0) {
-        t6 = /* @__PURE__ */ _jsx62(RunSteps, {
-            runSteps: laterRunSteps_0
+    var t7;
+    if ($[10] !== laterRunSteps) {
+        t7 = /* @__PURE__ */ _jsx62(RunSteps, {
+            runSteps: laterRunSteps
         });
-        $[29] = laterRunSteps_0;
-        $[30] = t6;
+        $[10] = laterRunSteps;
+        $[11] = t7;
     } else {
-        t6 = $[30];
+        t7 = $[11];
     }
-    var t7;
-    if ($[31] !== className || $[32] !== style || $[33] !== t3 || $[34] !== t5 || $[35] !== t6) {
-        t7 = /* @__PURE__ */ _jsxs18(Box12, {
+    var t8;
+    if ($[12] !== className || $[13] !== style || $[14] !== t4 || $[15] !== t6 || $[16] !== t7) {
+        t8 = /* @__PURE__ */ _jsxs18(Box12, {
             className: className,
             style: style,
             children: [
-                t3,
-                t5,
-                t6
+                t4,
+                t6,
+                t7
             ]
         });
-        $[31] = className;
-        $[32] = style;
-        $[33] = t3;
-        $[34] = t5;
-        $[35] = t6;
-        $[36] = t7;
+        $[12] = className;
+        $[13] = style;
+        $[14] = t4;
+        $[15] = t6;
+        $[16] = t7;
+        $[17] = t8;
     } else {
-        t7 = $[36];
+        t8 = $[17];
     }
-    var t8;
-    if ($[37] !== t22 || $[38] !== t7) {
-        t8 = /* @__PURE__ */ _jsx62(Provider, {
-            value: t22,
-            children: t7
+    var t9;
+    if ($[18] !== t3 || $[19] !== t8) {
+        t9 = /* @__PURE__ */ _jsx62(Provider, {
+            value: t3,
+            children: t8
         });
-        $[37] = t22;
-        $[38] = t7;
-        $[39] = t8;
+        $[18] = t3;
+        $[19] = t8;
+        $[20] = t9;
     } else {
-        t8 = $[39];
+        t9 = $[20];
     }
-    return t8;
+    return t9;
 };
-function _temp3(runStep_0) {
-    return runStep_0.step_details.type === "message_creation";
-}
-function _temp22(runStep_1) {
-    return runStep_1.step_details.type === "message_creation";
-}
 // src/components/threads/Thread/Messages/Content/index.tsx
 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 +43516,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 +44057,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 +44155,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 +44164,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 +44293,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 +44512,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,
@@ -45063,7 +44962,7 @@ var useCreateFile = function(t0) {
     var t1;
     if ($[0] !== t0) {
         t1 = t0 === void 0 ? {
-            onError: _temp4
+            onError: _temp3
         } : t0;
         $[0] = t0;
         $[1] = t1;
@@ -45073,7 +44972,7 @@ var useCreateFile = function(t0) {
     var t22 = t1.onError;
     var t3;
     if ($[2] !== t22) {
-        t3 = t22 === void 0 ? _temp23 : t22;
+        t3 = t22 === void 0 ? _temp22 : t22;
         $[2] = t22;
         $[3] = t3;
     } else {
@@ -45132,8 +45031,8 @@ var useCreateFile = function(t0) {
     }
     return t6;
 };
-function _temp4() {}
-function _temp23() {}
+function _temp3() {}
+function _temp22() {}
 // src/hooks/files/useChangeFilesField/index.ts
 function asyncGeneratorStep8(n4, t3, e3, r2, o2, a3, c2) {
     try {
@@ -45788,7 +45687,7 @@ var ToastsProvider = function(t0) {
     }
     var t5;
     if ($[4] !== toasts) {
-        t5 = Array.from(toasts).map(_temp5);
+        t5 = Array.from(toasts).map(_temp4);
         $[4] = toasts;
         $[5] = t5;
     } else {
@@ -45848,7 +45747,7 @@ var ToastsProvider = function(t0) {
     }
     return t8;
 };
-function _temp5(toast_0, index4) {
+function _temp4(toast_0, index4) {
     return /* @__PURE__ */ _jsx77(CustomToast, {
         toast: toast_0
     }, index4);
@@ -46059,7 +45958,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";
@@ -46446,7 +46345,7 @@ var Root14 = function(t0) {
     var t3;
     if ($[2] !== setIsOpen) {
         t3 = function() {
-            return setIsOpen(_temp6);
+            return setIsOpen(_temp5);
         };
         $[2] = setIsOpen;
         $[3] = t3;
@@ -46521,7 +46420,7 @@ var Trigger = function(args) {
 };
 Trigger.Root = Root14;
 Trigger.Button = Button4;
-function _temp6(prev) {
+function _temp5(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
@@ -46550,7 +46449,7 @@ var Close = function() {
     var t22;
     if ($[2] !== setIsOpen) {
         t22 = function() {
-            return setIsOpen(_temp7);
+            return setIsOpen(_temp6);
         };
         $[2] = setIsOpen;
         $[3] = t22;
@@ -46600,7 +46499,7 @@ var Close = function() {
     }
     return t5;
 };
-function _temp7(prev) {
+function _temp6(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
@@ -46928,7 +46827,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,14 +46899,14 @@ 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";
 import { useEffect as useEffect8, useRef as useRef6 } from "react";
 var useInterval = function(callback, delay) {
     var $ = _c87(5);
-    var savedCallback = useRef6(_temp8);
+    var savedCallback = useRef6(_temp7);
     var t0;
     if ($[0] !== callback) {
         t0 = function() {
@@ -47044,7 +46943,7 @@ var useInterval = function(callback, delay) {
     }
     useEffect8(t1, t22);
 };
-function _temp8() {}
+function _temp7() {}
 // src/hooks/audioThreads/useRecorder/index.ts
 function ownKeys46(e3, r2) {
     var t3 = Object.keys(e3);
@@ -47196,7 +47095,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 +47103,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 +47159,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: {},
@@ -73139,7 +73038,7 @@ var useMessageAudio = function(t0) {
     } else {
         t15 = $[55];
     }
-    useEffect10(_temp9, t15);
+    useEffect10(_temp8, t15);
     var _useState94 = _sliced_to_array(useState9(null), 2), audioEngine = _useState94[0], setAudioEngine = _useState94[1];
     var isAudioEngineInited = useRef8(false);
     var t16;
@@ -73223,7 +73122,7 @@ var useMessageAudio = function(t0) {
     }
     return t20;
 };
-function _temp9() {
+function _temp8() {
     if (isHtmlAudioSupported) {
         var _Howler$_howls$;
         if (!(Howler !== null && Howler !== void 0 && (_Howler$_howls$ = Howler._howls[0]) !== null && _Howler$_howls$ !== void 0 && (_Howler$_howls$ = _Howler$_howls$._sounds[0]) !== null && _Howler$_howls$ !== void 0 && _Howler$_howls$._node)) {
@@ -73376,7 +73275,7 @@ var useTtsAudioRuntime = function(t0) {
     if ($[4] !== createMessageProps) {
         t22 = {
             isStopOnSilence: true,
-            onStart: _temp10,
+            onStart: _temp9,
             onStop: function() {
                 var _onStop = _asyncToGenerator11(function(_event, chunks3) {
                     var blob, audioContent;
@@ -73516,18 +73415,18 @@ var useTtsAudioRuntime = function(t0) {
     t5 = t8;
     return t5;
 };
-function _temp10() {
-    return _temp24.apply(this, arguments);
+function _temp9() {
+    return _temp23.apply(this, arguments);
 }
-function _temp24() {
-    _temp24 = _asyncToGenerator11(function() {
+function _temp23() {
+    _temp23 = _asyncToGenerator11(function() {
         return _ts_generator(this, function(_state) {
             return [
                 2
             ];
         });
     });
-    return _temp24.apply(this, arguments);
+    return _temp23.apply(this, arguments);
 }
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
 import { jsx as _jsx87 } from "react/jsx-runtime";
@@ -73953,7 +73852,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 +75065,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 +75505,7 @@ var useWebrtcAudioRuntime = function() {
             return _ref7.apply(this, arguments);
         };
     }();
-    return useMemo22(function() {
+    return useMemo20(function() {
         return {
             webrtcAudioRuntime: {
                 user: {
@@ -75687,11 +75586,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;
@@ -75699,7 +75598,7 @@ var useLatestAssistantMessage = function() {
     var t1;
     if ($[0] !== messages2) {
         var _messages$find;
-        t1 = (_messages$find = messages2.find(_temp11)) !== null && _messages$find !== void 0 ? _messages$find : null;
+        t1 = (_messages$find = messages2.find(_temp10)) !== null && _messages$find !== void 0 ? _messages$find : null;
         $[0] = messages2;
         $[1] = t1;
     } else {
@@ -75718,13 +75617,13 @@ var useLatestAssistantMessage = function() {
     t0 = t22;
     return t0;
 };
-function _temp11(message) {
+function _temp10(message) {
     return message.role === "assistant";
 }
 // 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;
@@ -75732,7 +75631,7 @@ var useLatestAssistantMessageWithContent = function() {
     var t1;
     if ($[0] !== messages2) {
         var _messages$find;
-        t1 = (_messages$find = messages2.find(_temp25)) !== null && _messages$find !== void 0 ? _messages$find : null;
+        t1 = (_messages$find = messages2.find(_temp24)) !== null && _messages$find !== void 0 ? _messages$find : null;
         $[0] = messages2;
         $[1] = t1;
     } else {
@@ -75751,11 +75650,11 @@ var useLatestAssistantMessageWithContent = function() {
     t0 = t22;
     return t0;
 };
-function _temp12(content2) {
+function _temp11(content2) {
     return content2.type === "text" && !isEmpty3(content2.text.value);
 }
-function _temp25(message) {
-    return message.role === "assistant" && message.content.some(_temp12);
+function _temp24(message) {
+    return message.role === "assistant" && message.content.some(_temp11);
 }
 // src/components/gui/Gui/index.tsx
 import { jsx as _jsx99, jsxs as _jsxs37 } from "react/jsx-runtime";
@@ -75835,7 +75734,7 @@ var Progress2 = function(t0) {
     var t22;
     if ($[0] !== latestAssistantMessage.runSteps) {
         var _latestAssistantMessa;
-        t22 = (_latestAssistantMessa = latestAssistantMessage.runSteps.find(_temp13)) !== null && _latestAssistantMessa !== void 0 ? _latestAssistantMessa : null;
+        t22 = (_latestAssistantMessa = latestAssistantMessage.runSteps.find(_temp12)) !== null && _latestAssistantMessa !== void 0 ? _latestAssistantMessa : null;
         $[0] = latestAssistantMessage.runSteps;
         $[1] = t22;
     } else {
@@ -75940,12 +75839,12 @@ var Gui = function() {
     }
     return t22;
 };
-function _temp13(rs) {
+function _temp12(rs) {
     return rs.status === "in_progress";
 }
 // 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 +76311,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 +76416,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"