@superinterface/react 2.1.0 → 2.1.2

package/dist/index.js

@@ -1321,19 +1321,6 @@ var useLatestRun = function() {
         props
     ]);
 };
-// src/lib/runs/isRunEditingMessage/index.ts
-import _4 from "lodash";
-var isRunEditingMessage = function(param) {
-    var message = param.message;
-    if (!message) return false;
-    if (message.role === "user") return false;
-    if (!message.run_id) return false;
-    var hasContent = _4.some(message.content, function(content) {
-        var _content_text;
-        return content.type !== "text" || content.type === "text" && ((_content_text = content.text) === null || _content_text === void 0 ? void 0 : _content_text.value) !== "";
-    });
-    return !hasContent;
-};
 // src/hooks/runs/usePollingContext/index.ts
 import { useContext as useContext8 } from "react";
 // src/contexts/runs/PollingContext/index.tsx
@@ -1367,9 +1354,7 @@ var isRunActive = function(param) {
     if (!latestRunProps.latestRun) return false;
     if (progressStatuses.includes(latestRunProps.latestRun.status)) return true;
     if (stoppedStatuses.includes(latestRunProps.latestRun.status)) return false;
-    return isRunEditingMessage({
-        message: latestMessageProps.latestMessage
-    });
+    return false;
 };
 var useIsRunActive = function() {
     var latestRunProps = useLatestRun();
@@ -1437,12 +1422,12 @@ import { Flex as Flex11 } from "@radix-ui/themes";
 import { useRef as useRef2 } from "react";
 import { useInView } from "react-intersection-observer";
 // src/hooks/misc/useThrottledEffect/index.tsx
-import _5 from "lodash";
+import _4 from "lodash";
 import { useRef, useEffect as useEffect2, useCallback } from "react";
 var useThrottledEffect = function(cb, delay, additionalDeps) {
     var _cbRef;
     var cbRef = useRef(cb);
-    var throttledCb = useCallback(_5.throttle(function() {
+    var throttledCb = useCallback(_4.throttle(function() {
         for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
             args[_key] = arguments[_key];
         }
@@ -1769,10 +1754,10 @@ var useCreateRun = function() {
     });
 };
 // src/lib/optimistic/isOptimistic.ts
-import _6 from "lodash";
+import _5 from "lodash";
 var isOptimistic = function(param) {
     var id = param.id;
-    return _6.startsWith(id, "-");
+    return _5.startsWith(id, "-");
 };
 // src/hooks/runs/useManageRuns/index.tsx
 var useManageRuns = function() {
@@ -1851,7 +1836,7 @@ var refetch = function() {
                     queryClient = param.queryClient, threadContext = param.threadContext;
                     return [
                         4,
-                        queryClient.invalidateQueries({
+                        queryClient.refetchQueries({
                             queryKey: (_threadContext_defaultOptions_queries_queryKey = threadContext.defaultOptions.queries.queryKey) !== null && _threadContext_defaultOptions_queries_queryKey !== void 0 ? _threadContext_defaultOptions_queries_queryKey : [
                                 "messages",
                                 threadContext.variables
@@ -1862,7 +1847,7 @@ var refetch = function() {
                     _state.sent();
                     return [
                         4,
-                        queryClient.invalidateQueries({
+                        queryClient.refetchQueries({
                             queryKey: (_threadContext_defaultOptions_queries_queryKey1 = threadContext.defaultOptions.queries.queryKey) !== null && _threadContext_defaultOptions_queries_queryKey1 !== void 0 ? _threadContext_defaultOptions_queries_queryKey1 : [
                                 "runs",
                                 threadContext.variables
@@ -1885,12 +1870,15 @@ var refetch = function() {
 var usePolling = function() {
     var threadContext = useSuperinterfaceContext();
     var queryClient = useQueryClient6();
-    var setIsPollRefetching = usePollingContext().setIsPollRefetching;
+    var _usePollingContext = usePollingContext(), isPollRefetching = _usePollingContext.isPollRefetching, setIsPollRefetching = _usePollingContext.setIsPollRefetching;
     var isRunActiveProps = useIsRunActive();
     useInterval(/*#__PURE__*/ _async_to_generator(function() {
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
+                    if (isPollRefetching) return [
+                        2
+                    ];
                     setIsPollRefetching(true);
                     return [
                         4,
@@ -1926,8 +1914,7 @@ var usePolling = function() {
     return null;
 };
 // src/hooks/actions/useManageActions/index.tsx
-import { useQueryClient as useQueryClient8 } from "@tanstack/react-query";
-import { useEffect as useEffect5 } from "react";
+import { useEffect as useEffect5, useState as useState2 } from "react";
 // src/hooks/actions/useHandleAction/index.tsx
 import { partob as partob2 } from "radash";
 import { useMutation as useMutation2, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
@@ -1991,34 +1978,34 @@ var useHandleAction = function() {
         superinterfaceContext: superinterfaceContext
     })));
     return _object_spread_props(_object_spread({}, props), {
-        handleAction: partob2(props.mutate, threadContext.variables)
+        handleAction: partob2(props.mutateAsync, threadContext.variables)
     });
 };
 // src/hooks/actions/useManageActions/index.tsx
 var useManageActions = function() {
-    var queryClient = useQueryClient8();
-    var threadContext = useSuperinterfaceContext();
     var latestRunProps = useLatestRun();
     var handleActionProps = useHandleAction();
+    var _useState2 = _sliced_to_array(useState2([]), 2), handledRunIds = _useState2[0], setHandledRunIds = _useState2[1];
     useEffect5(function() {
         if (handleActionProps.isPending) return;
         if (latestRunProps.isFetching) return;
         if (!latestRunProps.latestRun) return;
         if (latestRunProps.latestRun.status !== "requires_action") return;
-        var isMutating = queryClient.isMutating({
-            mutationKey: [
-                "handleAction",
-                threadContext.variables
-            ]
+        if (handledRunIds.includes(latestRunProps.latestRun.id)) return;
+        setHandledRunIds(function(prev) {
+            return _to_consumable_array(prev).concat([
+                latestRunProps.latestRun.id
+            ]);
         });
-        if (isMutating) return;
-        console.log("requires action", {
-            latestRunProps: latestRunProps
+        console.log("Requires action", {
+            latestRunProps: latestRunProps,
+            handleActionProps: handleActionProps
         });
         handleActionProps.handleAction({
             latestRun: latestRunProps.latestRun
         });
     }, [
+        handledRunIds,
         handleActionProps,
         latestRunProps
     ]);
@@ -2099,7 +2086,7 @@ Messages.NextPageSkeleton = NextPageSkeleton;
 import { Flex as Flex14, Text as Text5 } from "@radix-ui/themes";
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
 import { ArrowUpIcon } from "@radix-ui/react-icons";
-import { Button as Button2, Spinner } from "@radix-ui/themes";
+import { IconButton, Spinner } from "@radix-ui/themes";
 // src/hooks/messages/useMessageFormContext/index.ts
 import { useContext as useContext9 } from "react";
 // src/contexts/messages/MessageFormContext/index.ts
@@ -2116,9 +2103,8 @@ var useMessageFormContext = function() {
 import { jsx as jsx39 } from "react/jsx-runtime";
 var Submit = function() {
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
-    return /* @__PURE__ */ jsx39(Button2, {
+    return /* @__PURE__ */ jsx39(IconButton, {
         type: "submit",
-        radius: "large",
         disabled: isDisabled || isLoading,
         children: /* @__PURE__ */ jsx39(Spinner, {
             loading: isLoading,
@@ -2131,7 +2117,7 @@ import { useMemo as useMemo9 } from "react";
 import { useForm, FormProvider } from "react-hook-form";
 // src/hooks/messages/useCreateMessage/index.ts
 import { partob as partob3 } from "radash";
-import { useMutation as useMutation3, useQueryClient as useQueryClient9 } from "@tanstack/react-query";
+import { useMutation as useMutation3, useQueryClient as useQueryClient8 } from "@tanstack/react-query";
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/onMutate/index.ts
 import { omit } from "radash";
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/onMutate/data.ts
@@ -2278,7 +2264,7 @@ var useCreateMessage = function() {
     var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
         onError: function() {}
     }, _ref_onError = _ref.onError, onError = _ref_onError === void 0 ? function() {} : _ref_onError;
-    var queryClient = useQueryClient9();
+    var queryClient = useQueryClient8();
     var superinterfaceContext = useSuperinterfaceContext();
     var threadContext = useSuperinterfaceContext();
     var props = useMutation3(_object_spread({
@@ -2526,11 +2512,11 @@ MessageForm.Submit = Submit;
 // src/components/threads/Thread/Root/index.tsx
 import { Flex as Flex15 } from "@radix-ui/themes";
 // src/components/runs/PollingProvider/index.tsx
-import { useState as useState2 } from "react";
+import { useState as useState3 } from "react";
 import { jsx as jsx44 } from "react/jsx-runtime";
 var PollingProvider = function(param) {
     var children = param.children;
-    var _useState2 = _sliced_to_array(useState2(false), 2), isPollRefetching = _useState2[0], setIsPollRefetching = _useState2[1];
+    var _useState3 = _sliced_to_array(useState3(false), 2), isPollRefetching = _useState3[0], setIsPollRefetching = _useState3[1];
     return /* @__PURE__ */ jsx44(PollingContext.Provider, {
         value: {
             isPollRefetching: isPollRefetching,
@@ -2579,7 +2565,7 @@ var useMessageContext = function() {
     return useContext11(MessageContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
-import { useState as useState3 } from "react";
+import { useState as useState4 } from "react";
 // src/contexts/threads/ThreadDialogContext/index.ts
 import { createContext as createContext10 } from "react";
 var ThreadDialogContext = createContext10({
@@ -2596,7 +2582,7 @@ import { jsx as jsx48 } from "react/jsx-runtime";
 var Provider3 = function(param) {
     var children = param.children;
     var threadDialogContext = useThreadDialogContext();
-    var _useState3 = _sliced_to_array(useState3(threadDialogContext.isOpen), 2), isOpen = _useState3[0], setIsOpen = _useState3[1];
+    var _useState4 = _sliced_to_array(useState4(threadDialogContext.isOpen), 2), isOpen = _useState4[0], setIsOpen = _useState4[1];
     return /* @__PURE__ */ jsx48(ThreadDialogContext.Provider, {
         value: {
             isOpen: isOpen,
@@ -2606,7 +2592,7 @@ var Provider3 = function(param) {
     });
 };
 // src/components/toasts/ToastsProvider/index.tsx
-import { useState as useState4, useCallback as useCallback2 } from "react";
+import { useState as useState5, useCallback as useCallback2 } from "react";
 import * as Toast2 from "@radix-ui/react-toast";
 // src/components/toasts/ToastsProvider/CustomToast.tsx
 import * as Toast from "@radix-ui/react-toast";
@@ -2645,7 +2631,7 @@ var CustomToast = function(param) {
 import { jsx as jsx50, jsxs as jsxs16 } from "react/jsx-runtime";
 var ToastsProvider = function(param) {
     var children = param.children;
-    var _useState4 = _sliced_to_array(useState4([]), 2), toasts = _useState4[0], setToasts = _useState4[1];
+    var _useState5 = _sliced_to_array(useState5([]), 2), toasts = _useState5[0], setToasts = _useState5[1];
     var addToast = useCallback2(function(toast) {
         return setToasts(function(prevToasts) {
             return _to_consumable_array(prevToasts).concat([
@@ -2727,11 +2713,11 @@ var Trigger = function(param) {
     });
 };
 // src/components/threads/ThreadDialog/Button/index.tsx
-import { IconButton } from "@radix-ui/themes";
+import { IconButton as IconButton2 } from "@radix-ui/themes";
 import { ChatBubbleIcon } from "@radix-ui/react-icons";
 import { jsx as jsx53 } from "react/jsx-runtime";
-var Button3 = function() {
-    return /* @__PURE__ */ jsx53(IconButton, {
+var Button2 = function() {
+    return /* @__PURE__ */ jsx53(IconButton2, {
         size: "4",
         radius: "full",
         children: /* @__PURE__ */ jsx53(ChatBubbleIcon, {})
@@ -2741,7 +2727,7 @@ var Button3 = function() {
 import { Card as Card2, Inset, Flex as Flex19 } from "@radix-ui/themes";
 // src/components/threads/ThreadDialog/Close/index.tsx
 import { Cross1Icon } from "@radix-ui/react-icons";
-import { IconButton as IconButton2, Flex as Flex18 } from "@radix-ui/themes";
+import { IconButton as IconButton3, Flex as Flex18 } from "@radix-ui/themes";
 import { jsx as jsx54 } from "react/jsx-runtime";
 var Close = function() {
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
@@ -2765,9 +2751,8 @@ var Close = function() {
         style: {
             zIndex: 9999999999
         },
-        children: /* @__PURE__ */ jsx54(IconButton2, {
+        children: /* @__PURE__ */ jsx54(IconButton3, {
             size: "2",
-            radius: "full",
             variant: "soft",
             children: /* @__PURE__ */ jsx54(Cross1Icon, {})
         })
@@ -2866,14 +2851,14 @@ var ThreadDialog = function() {
         children: [
             /* @__PURE__ */ jsx56(Content4, {}),
             /* @__PURE__ */ jsx56(Trigger, {
-                children: /* @__PURE__ */ jsx56(Button3, {})
+                children: /* @__PURE__ */ jsx56(Button2, {})
             })
         ]
     });
 };
 ThreadDialog.Root = Root6;
 ThreadDialog.Trigger = Trigger;
-ThreadDialog.Button = Button3;
+ThreadDialog.Button = Button2;
 ThreadDialog.Content = Content4;
 // src/components/threads/AudioThread/Root/index.tsx
 import "regenerator-runtime/runtime";
@@ -2975,18 +2960,18 @@ var useStatus = function(param) {
 // src/hooks/audioThreads/useRecorder/index.ts
 import dayjs from "dayjs";
 import { useAudioCapture } from "use-audio-capture";
-import { useMemo as useMemo12, useRef as useRef4, useState as useState5, useCallback as useCallback3, useEffect as useEffect7 } from "react";
+import { useMemo as useMemo12, useRef as useRef4, useState as useState6, useCallback as useCallback3, useEffect as useEffect7 } from "react";
 import { useAudioPlayer } from "react-use-audio-player";
 import { useInterval as useInterval2 } from "react-use";
 var useRecorder = function(param) {
     var isStopOnSilence = param.isStopOnSilence, onStart = param.onStart, onStop = param.onStop;
-    var _useState5 = _sliced_to_array(useState5(null), 2), silenceStart = _useState5[0], setSilenceStart = _useState5[1];
-    var _useState51 = _sliced_to_array(useState5(null), 2), noiseStart = _useState51[0], setNoiseStart = _useState51[1];
-    var _useState52 = _sliced_to_array(useState5(null), 2), mediaStream = _useState52[0], setMediaStream = _useState52[1];
-    var _useState53 = _sliced_to_array(useState5("idle"), 2), status = _useState53[0], setStatus = _useState53[1];
+    var _useState6 = _sliced_to_array(useState6(null), 2), silenceStart = _useState6[0], setSilenceStart = _useState6[1];
+    var _useState61 = _sliced_to_array(useState6(null), 2), noiseStart = _useState61[0], setNoiseStart = _useState61[1];
+    var _useState62 = _sliced_to_array(useState6(null), 2), mediaStream = _useState62[0], setMediaStream = _useState62[1];
+    var _useState63 = _sliced_to_array(useState6("idle"), 2), status = _useState63[0], setStatus = _useState63[1];
     var startAudioPlayer = useAudioPlayer();
     var endAudioPlayer = useAudioPlayer();
-    var _useState54 = _sliced_to_array(useState5(false), 2), isLoaded = _useState54[0], setIsLoaded = _useState54[1];
+    var _useState64 = _sliced_to_array(useState6(false), 2), isLoaded = _useState64[0], setIsLoaded = _useState64[1];
     useEffect7(function() {
         if (isLoaded) return;
         setIsLoaded(true);
@@ -3045,7 +3030,7 @@ var useRecorder = function(param) {
             setNoiseStart(null);
         }
     });
-    var _useState55 = _sliced_to_array(useState5(null), 2), audioEngine = _useState55[0], setAudioEngine = _useState55[1];
+    var _useState65 = _sliced_to_array(useState6(null), 2), audioEngine = _useState65[0], setAudioEngine = _useState65[1];
     var isInited = useRef4(false);
     useEffect7(function() {
         if (!mediaStream) return;
@@ -3123,7 +3108,7 @@ var useRecorder = function(param) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-import { useMemo as useMemo13, useRef as useRef5, useState as useState6, useEffect as useEffect8 } from "react";
+import { useMemo as useMemo13, useRef as useRef5, useState as useState7, useEffect as useEffect8 } from "react";
 import { Howler } from "howler";
 import { useAudioPlayer as useAudioPlayer2 } from "react-use-audio-player";
 // src/hooks/audioThreads/useMessageAudio/lib/input.ts
@@ -3149,7 +3134,7 @@ var isHtmlAudioSupported = !unsupportedNames.includes(((_detect = detect()) ===
 // src/hooks/audioThreads/useMessageAudio/index.ts
 var useMessageAudio = function(param) {
     var onEnd = param.onEnd;
-    var _useState6 = _sliced_to_array(useState6([]), 2), playedMessages = _useState6[0], setPlayedMessages = _useState6[1];
+    var _useState7 = _sliced_to_array(useState7([]), 2), playedMessages = _useState7[0], setPlayedMessages = _useState7[1];
     var audioPlayer = useAudioPlayer2();
     var superinterfaceContext = useSuperinterfaceContext();
     var latestMessageProps = useLatestMessage();
@@ -3193,7 +3178,7 @@ var useMessageAudio = function(param) {
         onEnd
     ]);
     var isInited = useRef5(false);
-    var _useState61 = _sliced_to_array(useState6(null), 2), audioEngine = _useState61[0], setAudioEngine = _useState61[1];
+    var _useState71 = _sliced_to_array(useState7(null), 2), audioEngine = _useState71[0], setAudioEngine = _useState71[1];
     useEffect8(function() {
         if (!audioPlayer.playing) return;
         if (isInited.current) return;
@@ -3250,7 +3235,6 @@ var Root8 = function(param) {
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
                         case 0:
-                            console.log("creaing", chunks);
                             blob = new Blob(chunks, {
                                 type: chunks[0].type
                             });
@@ -3312,25 +3296,30 @@ var useAudioThreadContext = function() {
     return useContext13(AudioThreadContext);
 };
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
-import _7 from "lodash";
+import _6 from "lodash";
 import { Flex as Flex21, Grid } from "@radix-ui/themes";
-import { useState as useState7, useEffect as useEffect9, useCallback as useCallback4 } from "react";
+import { useState as useState8, useEffect as useEffect9, useCallback as useCallback4 } from "react";
 import { cluster } from "radash";
 import { jsx as jsx58 } from "react/jsx-runtime";
 var barCount = 4;
 var BarsVisualizer = function(param) {
     var visualizationAnalyser = param.visualizationAnalyser, color = param.color, height = param.height, barWidth = param.barWidth;
-    var _useState7 = _sliced_to_array(useState7(function() {
-        return new AudioContext().createAnalyser();
-    }), 1), emptyVisualizer = _useState7[0];
-    var _useState71 = _sliced_to_array(useState7([]), 2), barHeights = _useState71[0], setBarHeights = _useState71[1];
+    var _useState8 = _sliced_to_array(useState8(null), 2), cachedEmptyVisualizer = _useState8[0], setCachedEmptyVisualizer = _useState8[1];
+    var getEmptyVisualizer = useCallback4(function() {
+        var result = new AudioContext().createAnalyser();
+        setCachedEmptyVisualizer(result);
+        return result;
+    }, [
+        cachedEmptyVisualizer
+    ]);
+    var _useState81 = _sliced_to_array(useState8([]), 2), barHeights = _useState81[0], setBarHeights = _useState81[1];
     var draw = useCallback4(function(param) {
         var visualizationAnalyser2 = param.visualizationAnalyser;
         var frequencyData = new Uint8Array(visualizationAnalyser2.frequencyBinCount / 15);
         visualizationAnalyser2.getByteFrequencyData(frequencyData);
         var clusteredFrequencyData = cluster(frequencyData, frequencyData.length / barCount);
         setBarHeights(clusteredFrequencyData.map(function(frequencyDataCluster) {
-            return _7.mean(frequencyDataCluster) / 255 * 100;
+            return _6.mean(frequencyDataCluster) / 255 * 100;
         }));
         requestAnimationFrame(function() {
             return draw({
@@ -3340,12 +3329,13 @@ var BarsVisualizer = function(param) {
     }, []);
     useEffect9(function() {
         draw({
-            visualizationAnalyser: visualizationAnalyser || emptyVisualizer
+            visualizationAnalyser: visualizationAnalyser || cachedEmptyVisualizer || getEmptyVisualizer()
         });
     }, [
         draw,
         visualizationAnalyser,
-        emptyVisualizer
+        cachedEmptyVisualizer,
+        getEmptyVisualizer
     ]);
     return /* @__PURE__ */ jsx58(Grid, {
         columns: "".concat(barCount),
@@ -3407,7 +3397,7 @@ var Visualization = function() {
 import { SpeakerModerateIcon } from "@radix-ui/react-icons";
 import { Flex as Flex24 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
-import { Flex as Flex23, IconButton as IconButton3, Tooltip } from "@radix-ui/themes";
+import { Flex as Flex23, IconButton as IconButton4 } from "@radix-ui/themes";
 import { PauseIcon, ArrowUpIcon as ArrowUpIcon2, ResumeIcon } from "@radix-ui/react-icons";
 import { jsx as jsx60, jsxs as jsxs19 } from "react/jsx-runtime";
 var ActionButton = function() {
@@ -3419,7 +3409,7 @@ var ActionButton = function() {
                 /* @__PURE__ */ jsx60(Flex23, {
                     mr: "3",
                     ml: "-7",
-                    children: /* @__PURE__ */ jsx60(IconButton3, {
+                    children: /* @__PURE__ */ jsx60(IconButton4, {
                         onClick: audioThreadContext.recorderProps.pause,
                         color: "gray",
                         radius: "full",
@@ -3427,27 +3417,22 @@ var ActionButton = function() {
                         children: /* @__PURE__ */ jsx60(PauseIcon, {})
                     })
                 }),
-                /* @__PURE__ */ jsx60(Tooltip, {
-                    open: true,
-                    content: "Send your message",
-                    side: "bottom",
-                    children: /* @__PURE__ */ jsx60(IconButton3, {
-                        onClick: audioThreadContext.recorderProps.stop,
-                        color: "gray",
-                        highContrast: true,
-                        radius: "full",
-                        size: "4",
-                        style: {
-                            border: "2px solid var(--gray-8)"
-                        },
-                        children: /* @__PURE__ */ jsx60(ArrowUpIcon2, {})
-                    })
+                /* @__PURE__ */ jsx60(IconButton4, {
+                    onClick: audioThreadContext.recorderProps.stop,
+                    color: "gray",
+                    highContrast: true,
+                    radius: "full",
+                    size: "4",
+                    style: {
+                        border: "2px solid var(--gray-8)"
+                    },
+                    children: /* @__PURE__ */ jsx60(ArrowUpIcon2, {})
                 })
             ]
         });
     }
     if (audioThreadContext.status === "recorderPaused") {
-        return /* @__PURE__ */ jsx60(IconButton3, {
+        return /* @__PURE__ */ jsx60(IconButton4, {
             onClick: audioThreadContext.recorderProps.resume,
             color: "red",
             radius: "full",
@@ -3459,7 +3444,7 @@ var ActionButton = function() {
         });
     }
     if (audioThreadContext.status === "idle") {
-        return /* @__PURE__ */ jsx60(IconButton3, {
+        return /* @__PURE__ */ jsx60(IconButton4, {
             onClick: function() {
                 return audioThreadContext.recorderProps.start();
             },
@@ -3472,7 +3457,7 @@ var ActionButton = function() {
         });
     }
     if (audioThreadContext.status === "playing") {
-        return /* @__PURE__ */ jsx60(IconButton3, {
+        return /* @__PURE__ */ jsx60(IconButton4, {
             onClick: function() {
                 return audioThreadContext.messageAudioProps.pause();
             },
@@ -3486,7 +3471,7 @@ var ActionButton = function() {
         });
     }
     if (audioThreadContext.status === "playerPaused") {
-        return /* @__PURE__ */ jsx60(IconButton3, {
+        return /* @__PURE__ */ jsx60(IconButton4, {
             onClick: function() {
                 return audioThreadContext.messageAudioProps.play();
             },
@@ -3499,7 +3484,7 @@ var ActionButton = function() {
             children: /* @__PURE__ */ jsx60(ResumeIcon, {})
         });
     }
-    return /* @__PURE__ */ jsx60(IconButton3, {
+    return /* @__PURE__ */ jsx60(IconButton4, {
         size: "4",
         color: "red",
         radius: "full",
@@ -3573,25 +3558,25 @@ var AudioThreadDialog = function() {
                 children: /* @__PURE__ */ jsx63(AudioThread, {})
             }),
             /* @__PURE__ */ jsx63(Trigger, {
-                children: /* @__PURE__ */ jsx63(Button3, {})
+                children: /* @__PURE__ */ jsx63(Button2, {})
             })
         ]
     });
 };
 AudioThreadDialog.Root = Root6;
 AudioThreadDialog.Trigger = Trigger;
-AudioThreadDialog.Button = Button3;
+AudioThreadDialog.Button = Button2;
 AudioThreadDialog.Content = Content4;
 // src/components/suggestions/Suggestions/index.tsx
-import { useMemo as useMemo15 } from "react";
+import { useMemo as useMemo16 } from "react";
 // src/components/suggestions/Suggestions/Content.tsx
-import { useMemo as useMemo14 } from "react";
+import { useMemo as useMemo15 } from "react";
 import { isEmpty as isEmpty2 } from "radash";
 import { onlyText } from "react-children-utilities";
 import { Flex as Flex25 } from "@radix-ui/themes";
 // src/components/suggestions/Suggestions/Item.tsx
 import { ArrowUpIcon as ArrowUpIcon3 } from "@radix-ui/react-icons";
-import { Text as Text7, Button as Button4, Spinner as Spinner2 } from "@radix-ui/themes";
+import { Text as Text7, Button as Button3, Spinner as Spinner2 } from "@radix-ui/themes";
 import { jsx as jsx64, jsxs as jsxs23 } from "react/jsx-runtime";
 var Item = function(param) {
     var suggestion = param.suggestion, isDisabled = param.isDisabled;
@@ -3610,7 +3595,7 @@ var Item = function(param) {
 };
 var Content5 = function(param) {
     var onClick = param.onClick, isDisabled = param.isDisabled, isPending = param.isPending, children = param.children;
-    return /* @__PURE__ */ jsxs23(Button4, {
+    return /* @__PURE__ */ jsxs23(Button3, {
         variant: "soft",
         onClick: onClick,
         disabled: isDisabled,
@@ -3642,7 +3627,7 @@ import { jsx as jsx65 } from "react/jsx-runtime";
 var Content6 = function(param) {
     var children = param.children;
     var isRunActiveProps = useIsRunActive();
-    var suggestions = useMemo14(function() {
+    var suggestions = useMemo15(function() {
         return onlyText(children).split(/\r?\n/).filter(function(c) {
             return !isEmpty2(c);
         }).map(function(c) {
@@ -3651,7 +3636,7 @@ var Content6 = function(param) {
     }, [
         children
     ]);
-    var isDisabled = useMemo14(function() {
+    var isDisabled = useMemo15(function() {
         return isRunActiveProps.isRunActive;
     }, [
         isRunActiveProps
@@ -3674,7 +3659,7 @@ import { jsx as jsx66 } from "react/jsx-runtime";
 var Suggestions = function(param) {
     var children = param.children;
     var latestMessageProps = useLatestMessage();
-    var isDisabled = useMemo15(function() {
+    var isDisabled = useMemo16(function() {
         var // @ts-ignore-next-line
         _latestMessageProps_latestMessage_metadata, _latestMessageProps_latestMessage;
         return (_latestMessageProps_latestMessage = latestMessageProps.latestMessage) === null || _latestMessageProps_latestMessage === void 0 ? void 0 : (_latestMessageProps_latestMessage_metadata = _latestMessageProps_latestMessage.metadata) === null || _latestMessageProps_latestMessage_metadata === void 0 ? void 0 : _latestMessageProps_latestMessage_metadata.isBlocking;
@@ -3689,14 +3674,14 @@ var Suggestions = function(param) {
 };
 Suggestions.Item = Item;
 // src/components/markdown/MarkdownProvider/index.tsx
-import { useMemo as useMemo16 } from "react";
+import { useMemo as useMemo17 } from "react";
 import { jsx as jsx67 } from "react/jsx-runtime";
 var MarkdownProvider = function(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
     ]);
     var prevMarkdownContext = useMarkdownContext();
-    var value = useMemo16(function() {
+    var value = useMemo17(function() {
         return merge(prevMarkdownContext, rest);
     }, [
         rest,