@superinterface/react 5.0.0-beta.3 → 5.1.1

package/dist/index.js

@@ -44116,7 +44116,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 } 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
@@ -44202,7 +44202,7 @@ var Root8 = function(_ref) {
     var children = _ref.children, onSubmitArg = _ref.onSubmit, isDisabledArg = _ref.isDisabled, style = _ref.style, className = _ref.className;
     var _useState4 = _sliced_to_array(useState4([]), 2), files = _useState4[0], setFiles = _useState4[1];
     var formProps = useForm(formOptions);
-    var handleSubmit = formProps.handleSubmit, isSubmitting = formProps.formState.isSubmitting, reset = formProps.reset, watch = formProps.watch;
+    var handleSubmit = formProps.handleSubmit, isSubmitting = formProps.formState.isSubmitting, formReset = formProps.reset, watch = formProps.watch;
     var addToast = useToasts().addToast;
     var queryClient = useQueryClient4();
     var threadContext = useSuperinterfaceContext();
@@ -44237,9 +44237,16 @@ var Root8 = function(_ref) {
         latestMessage,
         isDisabledArg
     ]);
+    var reset = useCallback3(function() {
+        formReset();
+        setFiles([]);
+    }, [
+        formReset
+    ]);
     var onSubmit = onSubmitArg ? partob(onSubmitArg, {
         reset: reset,
-        createMessage: createMessage
+        createMessage: createMessage,
+        files: files
     }) : /* @__PURE__ */ function() {
         var _ref2 = _asyncToGenerator6(function(data2) {
             var attachments, imageFileContentParts, content2;
@@ -44256,7 +44263,6 @@ var Root8 = function(_ref) {
                             2
                         ];
                         reset();
-                        setFiles([]);
                         attachments = files.filter(function(file_0) {
                             return file_0.purpose === "assistants";
                         }).map(function(file_1) {
@@ -44771,7 +44777,7 @@ import { c as _c72 } from "react-compiler-runtime";
 import { FilePlusIcon } from "@radix-ui/react-icons";
 import { IconButton as IconButton7, Flex as Flex22 } from "@radix-ui/themes";
 // src/hooks/files/useChangeFilesField/index.ts
-import { useCallback as useCallback3 } from "react";
+import { useCallback as useCallback4 } from "react";
 import { omit as omit4 } from "radash";
 import dayjs2 from "dayjs";
 // src/hooks/files/useCreateFile/index.ts
@@ -45162,7 +45168,7 @@ var useChangeFilesField = function() {
     var setFiles = useMessageFormContext().setFiles;
     var createFile = useCreateFile().createFile;
     var addToast = useToasts().addToast;
-    var changeFilesField = useCallback3(/* @__PURE__ */ function() {
+    var changeFilesField = useCallback4(/* @__PURE__ */ function() {
         var _ref2 = _asyncToGenerator8(function(event) {
             var fileObjects, newFiles, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _loop, _iterator, _step, err;
             return _ts_generator(this, function(_state) {
@@ -45637,7 +45643,7 @@ import { Flex as Flex25 } from "@radix-ui/themes";
 var Provider2 = SuperinterfaceProvider;
 // src/components/toasts/ToastsProvider/index.tsx
 import { c as _c75 } from "react-compiler-runtime";
-import { useState as useState5, useCallback as useCallback4 } from "react";
+import { useState as useState5, useCallback as useCallback5 } from "react";
 import * as Toast2 from "@radix-ui/react-toast";
 // src/components/toasts/ToastsProvider/CustomToast.tsx
 import { c as _c74 } from "react-compiler-runtime";
@@ -46952,7 +46958,7 @@ var usePermission = function(permissionDesc) {
 // src/hooks/audioThreads/useRecorder/index.ts
 import dayjs3 from "dayjs";
 import { useAudioCapture } from "use-audio-capture";
-import { useMemo as useMemo16, useRef as useRef7, useState as useState8, useCallback as useCallback5, 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";
@@ -47165,7 +47171,7 @@ var useRecorder = function(_ref) {
     }, [
         audioEngine
     ]);
-    var handleSilence = useCallback5(function() {
+    var handleSilence = useCallback6(function() {
         if (!silenceAnalyser) return;
         var frequencyData = new Uint8Array(silenceAnalyser.frequencyBinCount);
         silenceAnalyser.getByteFrequencyData(frequencyData);
@@ -47212,7 +47218,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 useCallback6 } from "react";
+import { useMemo as useMemo17, useRef as useRef8, useState as useState9, useEffect as useEffect10, useCallback as useCallback7 } from "react";
 import nlp from "compromise";
 import { Howler } from "howler";
 import { useAudioPlayer as useAudioPlayer2 } from "react-use-audio-player";
@@ -47281,7 +47287,6 @@ function _toPrimitive47(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-var FULL_SENTENCE_REGEX = /[\.?!]$/;
 var getMessageSentences = function(_ref) {
     var messageId = _ref.messageId, input2 = _ref.input;
     var sentences = nlp(input2).sentences().json();
@@ -47293,80 +47298,110 @@ var getMessageSentences = function(_ref) {
     });
 };
 var useMessageAudio = function(t0) {
-    var _latestMessageProps$l;
-    var $ = _c88(49);
-    var _onEnd = t0.onEnd, passedPlay = t0.play;
-    var _useState9 = _sliced_to_array(useState9(false), 2), isAudioPlayed = _useState9[0], setIsAudioPlayed = _useState9[1];
-    var t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = [];
-        $[0] = t1;
-    } else {
-        t1 = $[0];
-    }
-    var _useState91 = _sliced_to_array(useState9(t1), 2), stoppedMessageIds = _useState91[0], setStoppedMessageIds = _useState91[1];
+    var _latestMessageProps$l, _latestMessageProps$l4, _latestMessageProps$l5;
+    var $ = _c88(68);
+    var _onEnd = t0.onEnd, passedPlay = t0.play, t1 = t0.fullSentenceRegex;
     var t2;
-    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = [];
+    if ($[0] !== t1) {
+        t2 = t1 === void 0 ? /[\.?!]$/ : t1;
+        $[0] = t1;
         $[1] = t2;
     } else {
         t2 = $[1];
     }
-    var _useState92 = _sliced_to_array(useState9(t2), 2), playedMessageSentences = _useState92[0], setPlayedMessageSentences = _useState92[1];
+    var fullSentenceRegex = t2;
+    var _useState9 = _sliced_to_array(useState9(false), 2), isAudioPlayed = _useState9[0], setIsAudioPlayed = _useState9[1];
+    var t3;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = [];
+        $[2] = t3;
+    } else {
+        t3 = $[2];
+    }
+    var _useState91 = _sliced_to_array(useState9(t3), 2), stoppedMessageIds = _useState91[0], setStoppedMessageIds = _useState91[1];
+    var t4;
+    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = [];
+        $[3] = t4;
+    } else {
+        t4 = $[3];
+    }
+    var _useState92 = _sliced_to_array(useState9(t4), 2), playedMessageSentences = _useState92[0], setPlayedMessageSentences = _useState92[1];
     var audioPlayer = useAudioPlayer2();
     var nextAudioPlayer = useAudioPlayer2();
     var superinterfaceContext = useSuperinterfaceContext();
     var _useState93 = _sliced_to_array(useState9(false), 2), isPlaying = _useState93[0], setIsPlaying = _useState93[1];
+    var isLastSentencePlayedRef = useRef8(false);
     var latestMessageProps = useLatestMessage();
-    var t3;
+    var t5;
+    var t6;
+    if ($[4] !== isPlaying) {
+        t5 = function() {
+            if (!isPlaying) {
+                return;
+            }
+            isLastSentencePlayedRef.current = false;
+        };
+        t6 = [
+            isPlaying
+        ];
+        $[4] = isPlaying;
+        $[5] = t5;
+        $[6] = t6;
+    } else {
+        t5 = $[5];
+        t6 = $[6];
+    }
+    useEffect10(t5, t6);
+    var t7;
     bb0: {
         if (!latestMessageProps.latestMessage) {
             var _t;
-            if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+            if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
                 _t = [];
-                $[2] = _t;
+                $[7] = _t;
             } else {
-                _t = $[2];
+                _t = $[7];
             }
-            t3 = _t;
+            t7 = _t;
             break bb0;
         }
         if (latestMessageProps.latestMessage.role !== "assistant") {
             var _t2;
-            if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+            if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
                 _t2 = [];
-                $[3] = _t2;
+                $[8] = _t2;
             } else {
-                _t2 = $[3];
+                _t2 = $[8];
             }
-            t3 = _t2;
+            t7 = _t2;
             break bb0;
         }
         if (stoppedMessageIds.includes(latestMessageProps.latestMessage.id)) {
             var _t3;
-            if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+            if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
                 _t3 = [];
-                $[4] = _t3;
+                $[9] = _t3;
             } else {
-                _t3 = $[4];
+                _t3 = $[9];
             }
-            t3 = _t3;
+            t7 = _t3;
             break bb0;
         }
         var _t4;
-        if ($[5] !== latestMessageProps.latestMessage || $[6] !== playedMessageSentences) {
+        if ($[10] !== latestMessageProps.latestMessage || $[11] !== playedMessageSentences) {
             var input2 = input({
                 message: latestMessageProps.latestMessage
             });
             if (!input2) {
                 var _t5;
-                if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+                if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
                     _t5 = [];
-                    $[9] = _t5;
+                    $[14] = _t5;
                 } else {
-                    _t5 = $[9];
+                    _t5 = $[14];
                 }
-                t3 = _t5;
+                t7 = _t5;
                 break bb0;
             }
             var messageSentences = getMessageSentences({
@@ -47374,33 +47409,33 @@ var useMessageAudio = function(t0) {
                 input: input2
             });
             var _t6;
-            if ($[10] !== playedMessageSentences) {
+            if ($[15] !== playedMessageSentences) {
                 _t6 = function(ms) {
                     return !playedMessageSentences.find(function(pms) {
                         return pms.messageId === ms.messageId && pms.sentence === ms.sentence;
                     });
                 };
-                $[10] = playedMessageSentences;
-                $[11] = _t6;
+                $[15] = playedMessageSentences;
+                $[16] = _t6;
             } else {
-                _t6 = $[11];
+                _t6 = $[16];
             }
             _t4 = messageSentences.filter(_t6);
-            $[5] = latestMessageProps.latestMessage;
-            $[6] = playedMessageSentences;
-            $[7] = _t4;
-            $[8] = t3;
+            $[10] = latestMessageProps.latestMessage;
+            $[11] = playedMessageSentences;
+            $[12] = _t4;
+            $[13] = t7;
         } else {
-            _t4 = $[7];
-            t3 = $[8];
+            _t4 = $[12];
+            t7 = $[13];
         }
-        t3 = _t4;
+        t7 = _t4;
     }
-    var unplayedMessageSentences = t3;
-    var t4;
-    if ($[12] !== audioPlayer || $[13] !== isAudioPlayed || $[14] !== nextAudioPlayer || $[15] !== superinterfaceContext || $[16] !== unplayedMessageSentences) {
-        t4 = function(t52) {
-            var input_0 = t52.input, onPlay = t52.onPlay, onStop = t52.onStop, onEnd_0 = t52.onEnd;
+    var unplayedMessageSentences = t7;
+    var t8;
+    if ($[17] !== audioPlayer || $[18] !== fullSentenceRegex || $[19] !== isAudioPlayed || $[20] !== nextAudioPlayer || $[21] !== superinterfaceContext || $[22] !== unplayedMessageSentences[1]) {
+        t8 = function(t92) {
+            var input_0 = t92.input, onPlay = t92.onPlay, onStop = t92.onStop, onEnd_0 = t92.onEnd;
             var searchParams = new URLSearchParams(_objectSpread47({
                 input: input_0
             }, superinterfaceContext.variables));
@@ -47415,7 +47450,7 @@ var useMessageAudio = function(t0) {
                     if (!nextUnplayedMessageSentence) {
                         return;
                     }
-                    var isNextFullSentence = FULL_SENTENCE_REGEX.test(nextUnplayedMessageSentence.sentence);
+                    var isNextFullSentence = fullSentenceRegex.test(nextUnplayedMessageSentence.sentence);
                     if (!isNextFullSentence) {
                         return;
                     }
@@ -47431,22 +47466,23 @@ var useMessageAudio = function(t0) {
                 onend: onEnd_0
             });
         };
-        $[12] = audioPlayer;
-        $[13] = isAudioPlayed;
-        $[14] = nextAudioPlayer;
-        $[15] = superinterfaceContext;
-        $[16] = unplayedMessageSentences;
-        $[17] = t4;
+        $[17] = audioPlayer;
+        $[18] = fullSentenceRegex;
+        $[19] = isAudioPlayed;
+        $[20] = nextAudioPlayer;
+        $[21] = superinterfaceContext;
+        $[22] = unplayedMessageSentences[1];
+        $[23] = t8;
     } else {
-        t4 = $[17];
+        t8 = $[23];
     }
-    var defaultPlay = t4;
-    var t5;
-    t5 = passedPlay || defaultPlay;
-    var play = t5;
-    var t6;
-    if ($[18] !== audioPlayer.playing || $[19] !== isPlaying || $[20] !== latestMessageProps.latestMessage || $[21] !== _onEnd || $[22] !== play || $[23] !== unplayedMessageSentences) {
-        t6 = function() {
+    var defaultPlay = t8;
+    var t9;
+    t9 = passedPlay || defaultPlay;
+    var play = t9;
+    var t10;
+    if ($[24] !== audioPlayer.playing || $[25] !== fullSentenceRegex || $[26] !== isPlaying || $[27] !== latestMessageProps.latestMessage || $[28] !== _onEnd || $[29] !== play || $[30] !== unplayedMessageSentences[0] || $[31] !== unplayedMessageSentences.length) {
+        t10 = function() {
             if (isPlaying) {
                 return;
             }
@@ -47465,7 +47501,7 @@ var useMessageAudio = function(t0) {
             }
             var isFullSentence = isOptimistic({
                 id: latestMessageProps.latestMessage.id
-            }) || latestMessageProps.latestMessage.status !== "in_progress" || FULL_SENTENCE_REGEX.test(firstUnplayedMessageSentence.sentence);
+            }) || latestMessageProps.latestMessage.status !== "in_progress" || fullSentenceRegex.test(firstUnplayedMessageSentence.sentence);
             if (!isFullSentence) {
                 return;
             }
@@ -47491,25 +47527,29 @@ var useMessageAudio = function(t0) {
                 },
                 onEnd: function() {
                     setIsPlaying(false);
-                    if (unplayedMessageSentences.length === 1 && latestMessageProps.latestMessage.status !== "in_progress") {
+                    isLastSentencePlayedRef.current = unplayedMessageSentences.length === 1;
+                    if (isLastSentencePlayedRef.current && latestMessageProps.latestMessage.status !== "in_progress") {
                         _onEnd();
+                        isLastSentencePlayedRef.current = false;
                     }
                 }
             });
         };
-        $[18] = audioPlayer.playing;
-        $[19] = isPlaying;
-        $[20] = latestMessageProps.latestMessage;
-        $[21] = _onEnd;
-        $[22] = play;
-        $[23] = unplayedMessageSentences;
-        $[24] = t6;
+        $[24] = audioPlayer.playing;
+        $[25] = fullSentenceRegex;
+        $[26] = isPlaying;
+        $[27] = latestMessageProps.latestMessage;
+        $[28] = _onEnd;
+        $[29] = play;
+        $[30] = unplayedMessageSentences[0];
+        $[31] = unplayedMessageSentences.length;
+        $[32] = t10;
     } else {
-        t6 = $[24];
+        t10 = $[32];
     }
-    var t7;
-    if ($[25] !== audioPlayer || $[26] !== isPlaying || $[27] !== latestMessageProps || $[28] !== nextAudioPlayer || $[29] !== _onEnd || $[30] !== play || $[31] !== playedMessageSentences || $[32] !== superinterfaceContext || $[33] !== unplayedMessageSentences) {
-        t7 = [
+    var t11;
+    if ($[33] !== audioPlayer || $[34] !== fullSentenceRegex || $[35] !== isPlaying || $[36] !== latestMessageProps || $[37] !== nextAudioPlayer || $[38] !== _onEnd || $[39] !== play || $[40] !== playedMessageSentences || $[41] !== superinterfaceContext || $[42] !== unplayedMessageSentences) {
+        t11 = [
             unplayedMessageSentences,
             isPlaying,
             superinterfaceContext,
@@ -47518,38 +47558,76 @@ var useMessageAudio = function(t0) {
             nextAudioPlayer,
             playedMessageSentences,
             _onEnd,
-            play
+            play,
+            fullSentenceRegex
         ];
-        $[25] = audioPlayer;
-        $[26] = isPlaying;
-        $[27] = latestMessageProps;
-        $[28] = nextAudioPlayer;
-        $[29] = _onEnd;
-        $[30] = play;
-        $[31] = playedMessageSentences;
-        $[32] = superinterfaceContext;
-        $[33] = unplayedMessageSentences;
-        $[34] = t7;
-    } else {
-        t7 = $[34];
-    }
-    useEffect10(t6, t7);
-    var t8;
-    if ($[35] !== audioPlayer) {
-        t8 = [
+        $[33] = audioPlayer;
+        $[34] = fullSentenceRegex;
+        $[35] = isPlaying;
+        $[36] = latestMessageProps;
+        $[37] = nextAudioPlayer;
+        $[38] = _onEnd;
+        $[39] = play;
+        $[40] = playedMessageSentences;
+        $[41] = superinterfaceContext;
+        $[42] = unplayedMessageSentences;
+        $[43] = t11;
+    } else {
+        t11 = $[43];
+    }
+    useEffect10(t10, t11);
+    var t12;
+    if ($[44] !== isPlaying || $[45] !== ((_latestMessageProps$l = latestMessageProps.latestMessage) === null || _latestMessageProps$l === void 0 ? void 0 : _latestMessageProps$l.status) || $[46] !== _onEnd || $[47] !== unplayedMessageSentences.length) {
+        var _latestMessageProps$l3;
+        t12 = function() {
+            var _latestMessageProps$l2;
+            if (isLastSentencePlayedRef.current && !isPlaying && unplayedMessageSentences.length === 0 && ((_latestMessageProps$l2 = latestMessageProps.latestMessage) === null || _latestMessageProps$l2 === void 0 ? void 0 : _latestMessageProps$l2.status) !== "in_progress") {
+                _onEnd();
+                isLastSentencePlayedRef.current = false;
+            }
+        };
+        $[44] = isPlaying;
+        $[45] = (_latestMessageProps$l3 = latestMessageProps.latestMessage) === null || _latestMessageProps$l3 === void 0 ? void 0 : _latestMessageProps$l3.status;
+        $[46] = _onEnd;
+        $[47] = unplayedMessageSentences.length;
+        $[48] = t12;
+    } else {
+        t12 = $[48];
+    }
+    var t13 = (_latestMessageProps$l4 = latestMessageProps.latestMessage) === null || _latestMessageProps$l4 === void 0 ? void 0 : _latestMessageProps$l4.status;
+    var t14;
+    if ($[49] !== isPlaying || $[50] !== _onEnd || $[51] !== t13 || $[52] !== unplayedMessageSentences.length) {
+        t14 = [
+            isPlaying,
+            unplayedMessageSentences.length,
+            t13,
+            _onEnd
+        ];
+        $[49] = isPlaying;
+        $[50] = _onEnd;
+        $[51] = t13;
+        $[52] = unplayedMessageSentences.length;
+        $[53] = t14;
+    } else {
+        t14 = $[53];
+    }
+    useEffect10(t12, t14);
+    var t15;
+    if ($[54] !== audioPlayer) {
+        t15 = [
             audioPlayer
         ];
-        $[35] = audioPlayer;
-        $[36] = t8;
+        $[54] = audioPlayer;
+        $[55] = t15;
     } else {
-        t8 = $[36];
+        t15 = $[55];
     }
-    useEffect10(_temp9, t8);
+    useEffect10(_temp9, t15);
     var _useState94 = _sliced_to_array(useState9(null), 2), audioEngine = _useState94[0], setAudioEngine = _useState94[1];
     var isAudioEngineInited = useRef8(false);
-    var t9;
-    if ($[37] !== audioPlayer.playing) {
-        t9 = function() {
+    var t16;
+    if ($[56] !== audioPlayer.playing) {
+        t16 = function() {
             if (!audioPlayer.playing) {
                 return;
             }
@@ -47570,63 +47648,63 @@ var useMessageAudio = function(t0) {
                 });
             }
         };
-        $[37] = audioPlayer.playing;
-        $[38] = t9;
+        $[56] = audioPlayer.playing;
+        $[57] = t16;
     } else {
-        t9 = $[38];
+        t16 = $[57];
     }
-    var t10;
-    if ($[39] !== audioPlayer) {
-        t10 = [
+    var t17;
+    if ($[58] !== audioPlayer) {
+        t17 = [
             audioPlayer,
             isAudioEngineInited
         ];
-        $[39] = audioPlayer;
-        $[40] = t10;
+        $[58] = audioPlayer;
+        $[59] = t17;
     } else {
-        t10 = $[40];
+        t17 = $[59];
     }
-    useEffect10(t9, t10);
-    var t11;
+    useEffect10(t16, t17);
+    var t18;
     bb1: {
         if (!audioEngine) {
-            t11 = null;
+            t18 = null;
             break bb1;
         }
         var result;
-        if ($[41] !== audioEngine.audioContext || $[42] !== audioEngine.source) {
+        if ($[60] !== audioEngine.audioContext || $[61] !== audioEngine.source) {
             result = audioEngine.audioContext.createAnalyser();
             audioEngine.source.connect(audioEngine.audioContext.destination);
             audioEngine.source.connect(result);
-            $[41] = audioEngine.audioContext;
-            $[42] = audioEngine.source;
-            $[43] = result;
+            $[60] = audioEngine.audioContext;
+            $[61] = audioEngine.source;
+            $[62] = result;
         } else {
-            result = $[43];
+            result = $[62];
         }
-        t11 = result;
+        t18 = result;
     }
-    var visualizationAnalyser = t11;
-    var t12;
-    t12 = isPlaying || unplayedMessageSentences.length > 0 || ((_latestMessageProps$l = latestMessageProps.latestMessage) === null || _latestMessageProps$l === void 0 ? void 0 : _latestMessageProps$l.status) === "in_progress";
-    var isPending = t12;
-    var t13;
-    if ($[44] !== audioPlayer || $[45] !== isAudioPlayed || $[46] !== isPending || $[47] !== visualizationAnalyser) {
-        t13 = _objectSpread47(_objectSpread47({
+    var visualizationAnalyser = t18;
+    var t19;
+    t19 = isPlaying || unplayedMessageSentences.length > 0 || ((_latestMessageProps$l5 = latestMessageProps.latestMessage) === null || _latestMessageProps$l5 === void 0 ? void 0 : _latestMessageProps$l5.status) === "in_progress";
+    var isPending = t19;
+    var t20;
+    if ($[63] !== audioPlayer || $[64] !== isAudioPlayed || $[65] !== isPending || $[66] !== visualizationAnalyser) {
+        t20 = _objectSpread47(_objectSpread47({
             isPending: isPending,
             isAudioPlayed: isAudioPlayed
         }, audioPlayer), {}, {
             visualizationAnalyser: visualizationAnalyser
         });
-        $[44] = audioPlayer;
-        $[45] = isAudioPlayed;
-        $[46] = isPending;
-        $[47] = visualizationAnalyser;
-        $[48] = t13;
+        $[63] = audioPlayer;
+        $[64] = isAudioPlayed;
+        $[65] = isPending;
+        $[66] = visualizationAnalyser;
+        $[67] = t20;
     } else {
-        t13 = $[48];
+        t20 = $[67];
     }
-    return t13;
+    return t20;
 };
 function _temp9() {
     if (isHtmlAudioSupported) {
@@ -48131,20 +48209,20 @@ var Root16 = function(t0) {
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
 import { c as _c93 } from "react-compiler-runtime";
-import { useState as useState11, useCallback as useCallback8, useEffect as useEffect12, useContext as useContext20, createContext as createContext14 } from "react";
+import { useState as useState11, useCallback as useCallback9, useEffect as useEffect12, useContext as useContext20, createContext as createContext14 } from "react";
 import _9 from "lodash";
 import { Flex as Flex31 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
 import _8 from "lodash";
 import { Flex as Flex30, Grid } from "@radix-ui/themes";
-import { useState as useState10, useEffect as useEffect11, useCallback as useCallback7 } from "react";
+import { useState as useState10, useEffect as useEffect11, useCallback as useCallback8 } from "react";
 import { cluster } from "radash";
 import { jsx as _jsx89 } from "react/jsx-runtime";
 var barCount = 4;
 var BarsVisualizer = function(_ref) {
     var visualizationAnalyser = _ref.visualizationAnalyser, backgroundColor = _ref.backgroundColor, height = _ref.height, barWidth = _ref.barWidth;
     var _useState10 = _sliced_to_array(useState10([]), 2), barHeights = _useState10[0], setBarHeights = _useState10[1];
-    var draw = useCallback7(function(_ref2) {
+    var draw = useCallback8(function(_ref2) {
         var visualizationAnalyser_0 = _ref2.visualizationAnalyser;
         if (!visualizationAnalyser_0) {
             setBarHeights(Array(barCount).fill(0));
@@ -48331,7 +48409,7 @@ var Provider6 = function(_ref) {
     var children = _ref.children;
     var audioThreadContext = useAudioThreadContext();
     var _useState11 = _sliced_to_array(useState11(0), 2), scale = _useState11[0], setScale = _useState11[1];
-    var draw = useCallback8(function(_ref2) {
+    var draw = useCallback9(function(_ref2) {
         var visualizationAnalyser = _ref2.visualizationAnalyser;
         if (!visualizationAnalyser) {
             setScale(1);