@superinterface/react 2.17.1 → 2.17.3

package/dist/index.cjs

@@ -2002,6 +2002,7 @@ var import_react33 = require("react");
 // src/contexts/messages/MessageFormContext/index.ts
 var import_react32 = require("react");
 var MessageFormContext = (0, import_react32.createContext)({
+    content: "",
     isDisabled: false,
     isLoading: false,
     files: [],
@@ -2680,7 +2681,7 @@ var Root4 = function(param) {
     var children = param.children, onSubmitArg = param.onSubmit;
     var _ref = _sliced_to_array((0, import_react34.useState)([]), 2), files = _ref[0], setFiles = _ref[1];
     var formProps = (0, import_react_hook_form.useForm)(formOptions);
-    var handleSubmit = formProps.handleSubmit, isSubmitting = formProps.formState.isSubmitting, reset = formProps.reset;
+    var handleSubmit = formProps.handleSubmit, isSubmitting = formProps.formState.isSubmitting, reset = formProps.reset, watch = formProps.watch;
     var addToast = useToasts().addToast;
     var queryClient = (0, import_react_query5.useQueryClient)();
     var threadContext = useSuperinterfaceContext();
@@ -2784,13 +2785,15 @@ var Root4 = function(param) {
             return _ref.apply(this, arguments);
         };
     }();
+    var content = watch("content");
     return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(MessageFormContext.Provider, {
         value: {
             isDisabled: isDisabled,
             isLoading: isLoading,
             files: files,
             setFiles: setFiles,
-            isFileLoading: isFileLoading
+            isFileLoading: isFileLoading,
+            content: content
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_hook_form.FormProvider, _object_spread_props(_object_spread({}, formProps), {
             children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes34.Box, {
@@ -2810,13 +2813,22 @@ var import_themes38 = require("@radix-ui/themes");
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
 var import_themes35 = require("@radix-ui/themes");
 var import_react_hook_form2 = require("react-hook-form");
-var import_react_use = require("react-use");
-var import_react36 = require("react");
-// src/components/textareas/TextareaBase/index.tsx
+// src/hooks/misc/usePrevious.ts
 var import_react35 = require("react");
+var usePrevious = function(state) {
+    var ref = (0, import_react35.useRef)();
+    (0, import_react35.useEffect)(function() {
+        ref.current = state;
+    });
+    return ref.current;
+};
+// src/components/threads/Thread/MessageForm/Field/Control.tsx
+var import_react37 = require("react");
+// src/components/textareas/TextareaBase/index.tsx
+var import_react36 = require("react");
 var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"), 1);
 var import_jsx_runtime49 = require("react/jsx-runtime");
-var TextareaBase = (0, import_react35.forwardRef)(function TextareaBase2(props, ref) {
+var TextareaBase = (0, import_react36.forwardRef)(function TextareaBase2(props, ref) {
     return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, {
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("style", {
@@ -2849,19 +2861,19 @@ var Root5 = function(param) {
     });
 };
 var Input = function() {
-    var assistantNameContext = (0, import_react36.useContext)(AssistantNameContext);
+    var assistantNameContext = (0, import_react37.useContext)(AssistantNameContext);
     var register = (0, import_react_hook_form2.useFormContext)().register;
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
-    var isSubmitDisabled = (0, import_react36.useMemo)(function() {
+    var isSubmitDisabled = (0, import_react37.useMemo)(function() {
         return isDisabled || isLoading;
     }, [
         isDisabled,
         isLoading
     ]);
-    var isDisabledPrevious = (0, import_react_use.usePrevious)(isDisabled);
-    var textareaRef = (0, import_react36.useRef)(null);
+    var isDisabledPrevious = usePrevious(isDisabled);
+    var textareaRef = (0, import_react37.useRef)(null);
     var textareaProps = register("content");
-    (0, import_react36.useEffect)(function() {
+    (0, import_react37.useEffect)(function() {
         if (isDisabled) return;
         if (!isDisabledPrevious) return;
         if (!textareaRef.current) return;
@@ -2966,7 +2978,7 @@ var Preview = function() {
     });
 };
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_radash14 = require("radash");
 var import_dayjs2 = __toESM(require("dayjs"), 1);
 var import_react_icons9 = require("@radix-ui/react-icons");
@@ -3087,7 +3099,7 @@ var Control2 = function() {
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, setFiles = _useMessageFormContext.setFiles;
     var createFile = useCreateFile().createFile;
     var addToast = useToasts().addToast;
-    var onChange = (0, import_react37.useCallback)(function() {
+    var onChange = (0, import_react38.useCallback)(function() {
         var _ref = _async_to_generator(function(event) {
             var fileObjects, newFiles, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _loop, _iterator, _step, err;
             return _ts_generator(this, function(_state) {
@@ -3378,29 +3390,29 @@ Thread.Root = Root7;
 Thread.Messages = Messages;
 Thread.MessageForm = MessageForm;
 // src/hooks/messages/useMessageContext/index.ts
-var import_react38 = require("react");
+var import_react39 = require("react");
 var useMessageContext = function() {
-    return (0, import_react38.useContext)(MessageContext);
+    return (0, import_react39.useContext)(MessageContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 // src/contexts/threads/ThreadDialogContext/index.ts
-var import_react39 = require("react");
-var ThreadDialogContext = (0, import_react39.createContext)({
+var import_react40 = require("react");
+var ThreadDialogContext = (0, import_react40.createContext)({
     isOpen: false,
     setIsOpen: function() {}
 });
 // src/hooks/threads/useThreadDialogContext/index.ts
-var import_react40 = require("react");
+var import_react41 = require("react");
 var useThreadDialogContext = function() {
-    return (0, import_react40.useContext)(ThreadDialogContext);
+    return (0, import_react41.useContext)(ThreadDialogContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var Provider3 = function(param) {
     var children = param.children;
     var threadDialogContext = useThreadDialogContext();
-    var _ref = _sliced_to_array((0, import_react41.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
+    var _ref = _sliced_to_array((0, import_react42.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
     return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ThreadDialogContext.Provider, {
         value: {
             isOpen: isOpen,
@@ -3410,7 +3422,7 @@ var Provider3 = function(param) {
     });
 };
 // src/components/toasts/ToastsProvider/index.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 var Toast2 = __toESM(require("@radix-ui/react-toast"), 1);
 // src/components/toasts/ToastsProvider/CustomToast.tsx
 var Toast = __toESM(require("@radix-ui/react-toast"), 1);
@@ -3449,8 +3461,8 @@ var CustomToast = function(param) {
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var ToastsProvider = function(param) {
     var children = param.children;
-    var _ref = _sliced_to_array((0, import_react42.useState)([]), 2), toasts = _ref[0], setToasts = _ref[1];
-    var addToast = (0, import_react42.useCallback)(function(toast) {
+    var _ref = _sliced_to_array((0, import_react43.useState)([]), 2), toasts = _ref[0], setToasts = _ref[1];
+    var addToast = (0, import_react43.useCallback)(function(toast) {
         return setToasts(function(prevToasts) {
             return _to_consumable_array(prevToasts).concat([
                 toast
@@ -3695,11 +3707,10 @@ ThreadDialog.Root = Root9;
 ThreadDialog.Trigger = Trigger;
 ThreadDialog.Content = Content4;
 // src/components/threads/AudioThread/Root/index.tsx
-var import_runtime = require("regenerator-runtime/runtime");
 var import_themes45 = require("@radix-ui/themes");
 // src/contexts/threads/AudioThreadContext/index.ts
-var import_react43 = require("react");
-var AudioThreadContext = (0, import_react43.createContext)({
+var import_react44 = require("react");
+var AudioThreadContext = (0, import_react44.createContext)({
     status: "idle",
     recorderProps: {
         status: "idle",
@@ -3754,8 +3765,58 @@ var AudioThreadContext = (0, import_react43.createContext)({
         })
     }
 });
-// src/components/threads/AudioThread/Root/index.tsx
-var import_react_use3 = require("react-use");
+// src/hooks/misc/usePermission/index.ts
+var import_react45 = require("react");
+// src/hooks/misc/usePermission/util.ts
+var noop = function() {};
+function on(obj) {
+    for(var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
+        args[_key - 1] = arguments[_key];
+    }
+    if (obj && obj.addEventListener) {
+        var _obj;
+        (_obj = obj).addEventListener.apply(_obj, _to_consumable_array(args));
+    }
+}
+function off(obj) {
+    for(var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
+        args[_key - 1] = arguments[_key];
+    }
+    if (obj && obj.removeEventListener) {
+        var _obj;
+        (_obj = obj).removeEventListener.apply(_obj, _to_consumable_array(args));
+    }
+}
+// src/hooks/misc/usePermission/index.ts
+var usePermission = function(permissionDesc) {
+    var _ref = _sliced_to_array((0, import_react45.useState)(""), 2), state = _ref[0], setState = _ref[1];
+    (0, import_react45.useEffect)(function() {
+        var mounted = true;
+        var permissionStatus = null;
+        var onChange = function() {
+            if (!mounted) {
+                return;
+            }
+            setState(function() {
+                var _permissionStatus_state;
+                return (_permissionStatus_state = permissionStatus === null || permissionStatus === void 0 ? void 0 : permissionStatus.state) !== null && _permissionStatus_state !== void 0 ? _permissionStatus_state : "";
+            });
+        };
+        navigator.permissions.query(permissionDesc).then(function(status) {
+            permissionStatus = status;
+            on(permissionStatus, "change", onChange);
+            onChange();
+        }).catch(noop);
+        return function() {
+            permissionStatus && off(permissionStatus, "change", onChange);
+            mounted = false;
+            permissionStatus = null;
+        };
+    }, [
+        permissionDesc
+    ]);
+    return state;
+};
 // src/components/threads/AudioThread/Root/lib/blobToData.ts
 var blobToData = function(blob) {
     return new Promise(function(resolve) {
@@ -3767,11 +3828,11 @@ var blobToData = function(blob) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-var import_react44 = require("react");
+var import_react46 = require("react");
 var useStatus = function(param) {
     var messageAudioProps = param.messageAudioProps, recorderProps = param.recorderProps, createMessageProps = param.createMessageProps;
     var latestMessageProps = useLatestMessage();
-    var status = (0, import_react44.useMemo)(function() {
+    var status = (0, import_react46.useMemo)(function() {
         var _latestMessageProps_latestMessage;
         if (recorderProps.status === "recording") return "recording";
         if (createMessageProps.isPending) return "creatingMessage";
@@ -3795,19 +3856,40 @@ var useStatus = function(param) {
 // src/hooks/audioThreads/useRecorder/index.ts
 var import_dayjs3 = __toESM(require("dayjs"), 1);
 var import_use_audio_capture = require("use-audio-capture");
-var import_react45 = require("react");
+var import_react48 = require("react");
 var import_react_use_audio_player = require("react-use-audio-player");
-var import_react_use2 = require("react-use");
+// src/hooks/misc/useInterval.ts
+var import_react47 = require("react");
+var useInterval = function(callback, delay) {
+    var savedCallback = (0, import_react47.useRef)(function() {});
+    (0, import_react47.useEffect)(function() {
+        savedCallback.current = callback;
+    });
+    (0, import_react47.useEffect)(function() {
+        if (delay !== null) {
+            var interval = setInterval(function() {
+                return savedCallback.current();
+            }, delay || 0);
+            return function() {
+                return clearInterval(interval);
+            };
+        }
+        return void 0;
+    }, [
+        delay
+    ]);
+};
+// src/hooks/audioThreads/useRecorder/index.ts
 var useRecorder = function(param) {
     var isStopOnSilence = param.isStopOnSilence, onStart = param.onStart, onStop = param.onStop;
-    var _ref = _sliced_to_array((0, import_react45.useState)(null), 2), silenceStart = _ref[0], setSilenceStart = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react45.useState)(null), 2), noiseStart = _ref1[0], setNoiseStart = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react45.useState)(null), 2), mediaStream = _ref2[0], setMediaStream = _ref2[1];
-    var _ref3 = _sliced_to_array((0, import_react45.useState)("idle"), 2), status = _ref3[0], setStatus = _ref3[1];
+    var _ref = _sliced_to_array((0, import_react48.useState)(null), 2), silenceStart = _ref[0], setSilenceStart = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react48.useState)(null), 2), noiseStart = _ref1[0], setNoiseStart = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react48.useState)(null), 2), mediaStream = _ref2[0], setMediaStream = _ref2[1];
+    var _ref3 = _sliced_to_array((0, import_react48.useState)("idle"), 2), status = _ref3[0], setStatus = _ref3[1];
     var startAudioPlayer = (0, import_react_use_audio_player.useAudioPlayer)();
     var endAudioPlayer = (0, import_react_use_audio_player.useAudioPlayer)();
-    var _ref4 = _sliced_to_array((0, import_react45.useState)(false), 2), isLoaded = _ref4[0], setIsLoaded = _ref4[1];
-    (0, import_react45.useEffect)(function() {
+    var _ref4 = _sliced_to_array((0, import_react48.useState)(false), 2), isLoaded = _ref4[0], setIsLoaded = _ref4[1];
+    (0, import_react48.useEffect)(function() {
         if (isLoaded) return;
         setIsLoaded(true);
     }, [
@@ -3865,9 +3947,9 @@ var useRecorder = function(param) {
             setNoiseStart(null);
         }
     });
-    var _ref5 = _sliced_to_array((0, import_react45.useState)(null), 2), audioEngine = _ref5[0], setAudioEngine = _ref5[1];
-    var isInited = (0, import_react45.useRef)(false);
-    (0, import_react45.useEffect)(function() {
+    var _ref5 = _sliced_to_array((0, import_react48.useState)(null), 2), audioEngine = _ref5[0], setAudioEngine = _ref5[1];
+    var isInited = (0, import_react48.useRef)(false);
+    (0, import_react48.useEffect)(function() {
         if (!mediaStream) return;
         if (isInited.current) return;
         isInited.current = true;
@@ -3880,7 +3962,7 @@ var useRecorder = function(param) {
         isInited,
         mediaStream
     ]);
-    var visualizationAnalyser = (0, import_react45.useMemo)(function() {
+    var visualizationAnalyser = (0, import_react48.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(result);
@@ -3888,7 +3970,7 @@ var useRecorder = function(param) {
     }, [
         audioEngine
     ]);
-    var silenceAnalyser = (0, import_react45.useMemo)(function() {
+    var silenceAnalyser = (0, import_react48.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         result.minDecibels = -60;
@@ -3897,7 +3979,7 @@ var useRecorder = function(param) {
     }, [
         audioEngine
     ]);
-    var handleSilence = (0, import_react45.useCallback)(function() {
+    var handleSilence = (0, import_react48.useCallback)(function() {
         if (!silenceAnalyser) return;
         var frequencyData = new Uint8Array(silenceAnalyser.frequencyBinCount);
         silenceAnalyser.getByteFrequencyData(frequencyData);
@@ -3920,7 +4002,7 @@ var useRecorder = function(param) {
         setNoiseStart,
         setSilenceStart
     ]);
-    (0, import_react45.useEffect)(function() {
+    (0, import_react48.useEffect)(function() {
         if (!isStopOnSilence) return;
         requestAnimationFrame(function() {
             return handleSilence();
@@ -3929,7 +4011,7 @@ var useRecorder = function(param) {
         handleSilence,
         isStopOnSilence
     ]);
-    (0, import_react_use2.useInterval)(function() {
+    useInterval(function() {
         if (!isStopOnSilence) return;
         if (status !== "recording") return;
         if (!silenceStart) return;
@@ -3943,7 +4025,7 @@ var useRecorder = function(param) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-var import_react46 = require("react");
+var import_react49 = require("react");
 var import_compromise = __toESM(require("compromise"), 1);
 var import_howler = require("howler");
 var import_react_use_audio_player2 = require("react-use-audio-player");
@@ -3981,15 +4063,15 @@ var getMessageSentences = function(param) {
 };
 var useMessageAudio = function(param) {
     var onEnd = param.onEnd;
-    var _ref = _sliced_to_array((0, import_react46.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react46.useState)([]), 2), stoppedMessageIds = _ref1[0], setStoppedMessageIds = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react46.useState)([]), 2), playedMessageSentences = _ref2[0], setPlayedMessageSentences = _ref2[1];
+    var _ref = _sliced_to_array((0, import_react49.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react49.useState)([]), 2), stoppedMessageIds = _ref1[0], setStoppedMessageIds = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react49.useState)([]), 2), playedMessageSentences = _ref2[0], setPlayedMessageSentences = _ref2[1];
     var audioPlayer = (0, import_react_use_audio_player2.useAudioPlayer)();
     var nextAudioPlayer = (0, import_react_use_audio_player2.useAudioPlayer)();
     var superinterfaceContext = useSuperinterfaceContext();
-    var _ref3 = _sliced_to_array((0, import_react46.useState)(false), 2), isPlaying = _ref3[0], setIsPlaying = _ref3[1];
+    var _ref3 = _sliced_to_array((0, import_react49.useState)(false), 2), isPlaying = _ref3[0], setIsPlaying = _ref3[1];
     var latestMessageProps = useLatestMessage();
-    var unplayedMessageSentences = (0, import_react46.useMemo)(function() {
+    var unplayedMessageSentences = (0, import_react49.useMemo)(function() {
         if (!latestMessageProps.latestMessage) return [];
         if (latestMessageProps.latestMessage.role !== "assistant") return [];
         if (stoppedMessageIds.includes(latestMessageProps.latestMessage.id)) return [];
@@ -4010,7 +4092,7 @@ var useMessageAudio = function(param) {
         latestMessageProps,
         playedMessageSentences
     ]);
-    (0, import_react46.useEffect)(function() {
+    (0, import_react49.useEffect)(function() {
         if (isPlaying) return;
         if (audioPlayer.playing) return;
         if (!latestMessageProps.latestMessage) return;
@@ -4078,7 +4160,7 @@ var useMessageAudio = function(param) {
         playedMessageSentences,
         onEnd
     ]);
-    (0, import_react46.useEffect)(function() {
+    (0, import_react49.useEffect)(function() {
         if (isHtmlAudioSupported) {
             var _import_howler_Howler__howls___sounds_, _import_howler_Howler__howls_, _import_howler_Howler;
             if (!((_import_howler_Howler = import_howler.Howler) === null || _import_howler_Howler === void 0 ? void 0 : (_import_howler_Howler__howls_ = _import_howler_Howler._howls[0]) === null || _import_howler_Howler__howls_ === void 0 ? void 0 : (_import_howler_Howler__howls___sounds_ = _import_howler_Howler__howls_._sounds[0]) === null || _import_howler_Howler__howls___sounds_ === void 0 ? void 0 : _import_howler_Howler__howls___sounds_._node)) return;
@@ -4087,9 +4169,9 @@ var useMessageAudio = function(param) {
     }, [
         audioPlayer
     ]);
-    var _ref4 = _sliced_to_array((0, import_react46.useState)(null), 2), audioEngine = _ref4[0], setAudioEngine = _ref4[1];
-    var isAudioEngineInited = (0, import_react46.useRef)(false);
-    (0, import_react46.useEffect)(function() {
+    var _ref4 = _sliced_to_array((0, import_react49.useState)(null), 2), audioEngine = _ref4[0], setAudioEngine = _ref4[1];
+    var isAudioEngineInited = (0, import_react49.useRef)(false);
+    (0, import_react49.useEffect)(function() {
         if (!audioPlayer.playing) return;
         if (isAudioEngineInited.current) return;
         isAudioEngineInited.current = true;
@@ -4110,7 +4192,7 @@ var useMessageAudio = function(param) {
         audioPlayer,
         isAudioEngineInited
     ]);
-    var visualizationAnalyser = (0, import_react46.useMemo)(function() {
+    var visualizationAnalyser = (0, import_react49.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(audioEngine.audioContext.destination);
@@ -4119,7 +4201,7 @@ var useMessageAudio = function(param) {
     }, [
         audioEngine
     ]);
-    var isPending = (0, import_react46.useMemo)(function() {
+    var isPending = (0, import_react49.useMemo)(function() {
         return isPlaying || unplayedMessageSentences.length > 0;
     }, [
         isPlaying,
@@ -4176,7 +4258,7 @@ var Root12 = function(param) {
             };
         }()
     });
-    var microphonePermission = (0, import_react_use3.usePermission)({
+    var microphonePermission = usePermission({
         name: "microphone"
     });
     var messageAudioProps = useMessageAudio({
@@ -4206,25 +4288,25 @@ var Root12 = function(param) {
     });
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-var import_react49 = require("react");
+var import_react52 = require("react");
 var import_lodash9 = __toESM(require("lodash"), 1);
 var import_themes47 = require("@radix-ui/themes");
 // src/hooks/threads/useAudioThreadContext/index.ts
-var import_react47 = require("react");
+var import_react50 = require("react");
 var useAudioThreadContext = function() {
-    return (0, import_react47.useContext)(AudioThreadContext);
+    return (0, import_react50.useContext)(AudioThreadContext);
 };
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
 var import_lodash8 = __toESM(require("lodash"), 1);
 var import_themes46 = require("@radix-ui/themes");
-var import_react48 = require("react");
+var import_react51 = require("react");
 var import_radash16 = require("radash");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 var barCount = 4;
 var BarsVisualizer = function(param) {
     var visualizationAnalyser = param.visualizationAnalyser, backgroundColor = param.backgroundColor, height = param.height, barWidth = param.barWidth;
-    var _ref = _sliced_to_array((0, import_react48.useState)([]), 2), barHeights = _ref[0], setBarHeights = _ref[1];
-    var draw = (0, import_react48.useCallback)(function(param) {
+    var _ref = _sliced_to_array((0, import_react51.useState)([]), 2), barHeights = _ref[0], setBarHeights = _ref[1];
+    var draw = (0, import_react51.useCallback)(function(param) {
         var visualizationAnalyser2 = param.visualizationAnalyser;
         if (!visualizationAnalyser2) {
             setBarHeights(Array(barCount).fill(0));
@@ -4242,7 +4324,7 @@ var BarsVisualizer = function(param) {
             });
         });
     }, []);
-    (0, import_react48.useEffect)(function() {
+    (0, import_react51.useEffect)(function() {
         draw({
             visualizationAnalyser: visualizationAnalyser
         });
@@ -4282,9 +4364,9 @@ var BarsVisualizer = function(param) {
 var import_jsx_runtime68 = require("react/jsx-runtime");
 var Visualization = function() {
     var audioThreadContext = useAudioThreadContext();
-    var assistantNameContext = (0, import_react49.useContext)(AssistantNameContext);
-    var _ref = _sliced_to_array((0, import_react49.useState)(0), 2), scale = _ref[0], setScale = _ref[1];
-    var draw = (0, import_react49.useCallback)(function(param) {
+    var assistantNameContext = (0, import_react52.useContext)(AssistantNameContext);
+    var _ref = _sliced_to_array((0, import_react52.useState)(0), 2), scale = _ref[0], setScale = _ref[1];
+    var draw = (0, import_react52.useCallback)(function(param) {
         var visualizationAnalyser = param.visualizationAnalyser;
         if (!visualizationAnalyser) {
             setScale(1);
@@ -4299,7 +4381,7 @@ var Visualization = function() {
             });
         });
     }, []);
-    (0, import_react49.useEffect)(function() {
+    (0, import_react52.useEffect)(function() {
         draw({
             visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser
         });
@@ -4584,9 +4666,9 @@ AudioThreadDialog.Root = Root9;
 AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content4;
 // src/components/suggestions/Suggestions/index.tsx
-var import_react51 = require("react");
+var import_react54 = require("react");
 // src/components/suggestions/Suggestions/Content.tsx
-var import_react50 = require("react");
+var import_react53 = require("react");
 var import_radash17 = require("radash");
 var import_react_children_utilities = require("react-children-utilities");
 var import_themes52 = require("@radix-ui/themes");
@@ -4643,7 +4725,7 @@ var import_jsx_runtime77 = require("react/jsx-runtime");
 var Content6 = function(param) {
     var children = param.children;
     var isMutatingMessage = useIsMutatingMessage();
-    var suggestions = (0, import_react50.useMemo)(function() {
+    var suggestions = (0, import_react53.useMemo)(function() {
         return (0, import_react_children_utilities.onlyText)(children).split(/\r?\n/).filter(function(c) {
             return !(0, import_radash17.isEmpty)(c);
         }).map(function(c) {
@@ -4670,7 +4752,7 @@ var import_jsx_runtime78 = require("react/jsx-runtime");
 var Suggestions = function(param) {
     var children = param.children;
     var latestMessageProps = useLatestMessage();
-    var isDisabled = (0, import_react51.useMemo)(function() {
+    var isDisabled = (0, import_react54.useMemo)(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;
@@ -4685,14 +4767,14 @@ var Suggestions = function(param) {
 };
 Suggestions.Item = Item;
 // src/components/markdown/MarkdownProvider/index.tsx
-var import_react52 = require("react");
+var import_react55 = require("react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 var MarkdownProvider = function(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
     ]);
     var prevMarkdownContext = useMarkdownContext();
-    var value = (0, import_react52.useMemo)(function() {
+    var value = (0, import_react55.useMemo)(function() {
         return merge(prevMarkdownContext, rest);
     }, [
         rest,
@@ -4704,11 +4786,11 @@ var MarkdownProvider = function(_param) {
     });
 };
 // src/components/components/ComponentsProvider.tsx
-var import_react54 = require("react");
+var import_react57 = require("react");
 // src/hooks/components/useComponents.ts
-var import_react53 = require("react");
+var import_react56 = require("react");
 var useComponents = function() {
-    return (0, import_react53.useContext)(ComponentsContext);
+    return (0, import_react56.useContext)(ComponentsContext);
 };
 // src/components/components/ComponentsProvider.tsx
 var import_jsx_runtime80 = require("react/jsx-runtime");
@@ -4717,7 +4799,7 @@ var ComponentsProvider = function(_param) {
         "children"
     ]);
     var prevComponents = useComponents();
-    var value = (0, import_react54.useMemo)(function() {
+    var value = (0, import_react57.useMemo)(function() {
         return merge(prevComponents, rest);
     }, [
         rest,