@superinterface/react 2.0.8 → 2.0.9

package/dist/index.cjs

@@ -1962,6 +1962,7 @@ var useManageRuns = function() {
     return null;
 };
 // src/hooks/runs/usePolling/index.tsx
+var import_react31 = require("react");
 var import_react_query7 = require("@tanstack/react-query");
 var import_react_use = require("react-use");
 // src/hooks/runs/usePolling/lib/refetch.ts
@@ -2032,11 +2033,25 @@ var usePolling = function() {
             }
         });
     }), isRunActiveProps.isRunActive ? 3e3 : null);
+    var prevIsRunActive = (0, import_react_use.usePrevious)(isRunActiveProps.isRunActive);
+    (0, import_react31.useEffect)(function() {
+        if (prevIsRunActive && !isRunActiveProps.isRunActive) {
+            refetch({
+                queryClient: queryClient,
+                threadContext: threadContext
+            });
+        }
+    }, [
+        queryClient,
+        threadContext,
+        isRunActiveProps,
+        prevIsRunActive
+    ]);
     return null;
 };
 // src/hooks/actions/useManageActions/index.tsx
 var import_react_query9 = require("@tanstack/react-query");
-var import_react31 = require("react");
+var import_react32 = require("react");
 // src/hooks/actions/useHandleAction/index.tsx
 var import_radash5 = require("radash");
 var import_react_query8 = require("@tanstack/react-query");
@@ -2109,7 +2124,7 @@ var useManageActions = function() {
     var threadContext = useSuperinterfaceContext();
     var latestRunProps = useLatestRun();
     var handleActionProps = useHandleAction();
-    (0, import_react31.useEffect)(function() {
+    (0, import_react32.useEffect)(function() {
         if (handleActionProps.isPending) return;
         if (latestRunProps.isFetching) return;
         if (!latestRunProps.latestRun) return;
@@ -2210,16 +2225,16 @@ var import_themes33 = require("@radix-ui/themes");
 var import_react_icons5 = require("@radix-ui/react-icons");
 var import_themes31 = require("@radix-ui/themes");
 // src/hooks/messages/useMessageFormContext/index.ts
-var import_react33 = require("react");
+var import_react34 = require("react");
 // src/contexts/messages/MessageFormContext/index.ts
-var import_react32 = require("react");
-var MessageFormContext = (0, import_react32.createContext)({
+var import_react33 = require("react");
+var MessageFormContext = (0, import_react33.createContext)({
     isDisabled: false,
     isLoading: false
 });
 // src/hooks/messages/useMessageFormContext/index.ts
 var useMessageFormContext = function() {
-    return (0, import_react33.useContext)(MessageFormContext);
+    return (0, import_react34.useContext)(MessageFormContext);
 };
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
@@ -2236,7 +2251,7 @@ var Submit = function() {
     });
 };
 // src/components/threads/Thread/MessageForm/Root/index.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_react_hook_form = require("react-hook-form");
 // src/hooks/messages/useCreateMessage/index.ts
 var import_radash8 = require("radash");
@@ -2427,7 +2442,7 @@ var Root2 = function(param) {
     var formProps = (0, import_react_hook_form.useForm)(formOptions);
     var handleSubmit = formProps.handleSubmit, isSubmitting = formProps.formState.isSubmitting, reset = formProps.reset;
     var _useIsRunActive = useIsRunActive(), isRunActive2 = _useIsRunActive.isRunActive;
-    var isLoading = (0, import_react34.useMemo)(function() {
+    var isLoading = (0, import_react35.useMemo)(function() {
         return isRunActive2 || isSubmitting;
     }, [
         isRunActive2,
@@ -2467,7 +2482,7 @@ var Root2 = function(param) {
         };
     }();
     var latestMessage = useLatestMessage().latestMessage;
-    var isDisabled = (0, import_react34.useMemo)(function() {
+    var isDisabled = (0, import_react35.useMemo)(function() {
         var // @ts-ignore-next-line
         _latestMessage_metadata;
         return latestMessage === null || latestMessage === void 0 ? void 0 : (_latestMessage_metadata = latestMessage.metadata) === null || _latestMessage_metadata === void 0 ? void 0 : _latestMessage_metadata.isBlocking;
@@ -2490,13 +2505,13 @@ var Root2 = function(param) {
 };
 // src/components/threads/Thread/MessageForm/Field/index.tsx
 var import_react_use2 = require("react-use");
-var import_react36 = require("react");
+var import_react37 = require("react");
 // src/components/textareas/TextareaBase/index.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"), 1);
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var UPSCALE_RATIO = 16 / 14;
-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_runtime40.jsxs)(import_jsx_runtime40.Fragment, {
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("style", {
@@ -2558,19 +2573,19 @@ var Root3 = function(param) {
     });
 };
 var Control = 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_use2.usePrevious)(isDisabled);
-    var textareaRef = (0, import_react36.useRef)(null);
+    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;
@@ -2635,11 +2650,11 @@ MessageForm.Submit = Submit;
 // src/components/threads/Thread/Root/index.tsx
 var import_themes34 = require("@radix-ui/themes");
 // src/components/runs/PollingProvider/index.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var PollingProvider = function(param) {
     var children = param.children;
-    var _ref = _sliced_to_array((0, import_react37.useState)(false), 2), isPollRefetching = _ref[0], setIsPollRefetching = _ref[1];
+    var _ref = _sliced_to_array((0, import_react38.useState)(false), 2), isPollRefetching = _ref[0], setIsPollRefetching = _ref[1];
     return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PollingContext.Provider, {
         value: {
             isPollRefetching: isPollRefetching,
@@ -2683,31 +2698,31 @@ Thread.Root = Root4;
 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/Root/index.tsx
 var import_themes36 = require("@radix-ui/themes");
 // 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_runtime47 = 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_runtime47.jsx)(ThreadDialogContext.Provider, {
         value: {
             isOpen: isOpen,
@@ -2717,7 +2732,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);
@@ -2756,8 +2771,8 @@ var CustomToast = function(param) {
 var import_jsx_runtime49 = 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
@@ -2920,8 +2935,8 @@ ThreadDialog.Content = Content4;
 var import_runtime = require("regenerator-runtime/runtime");
 var import_themes40 = 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",
@@ -2989,11 +3004,11 @@ var blobToData = function(blob) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-var import_react44 = require("react");
+var import_react45 = require("react");
 var useStatus = function(param) {
     var messageAudioProps = param.messageAudioProps, recorderProps = param.recorderProps, createMessageProps = param.createMessageProps;
     var isRunActiveProps = useIsRunActive();
-    var status = (0, import_react44.useMemo)(function() {
+    var status = (0, import_react45.useMemo)(function() {
         if (recorderProps.status === "recording") return "recording";
         if (createMessageProps.isPending) return "creatingMessage";
         if (isRunActiveProps.isRunActive) return "runActive";
@@ -3016,19 +3031,19 @@ var useStatus = function(param) {
 // src/hooks/audioThreads/useRecorder/index.ts
 var import_dayjs = __toESM(require("dayjs"), 1);
 var import_use_audio_capture = require("use-audio-capture");
-var import_react45 = require("react");
+var import_react46 = require("react");
 var import_react_use_audio_player = require("react-use-audio-player");
 var import_react_use3 = require("react-use");
 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_react46.useState)(null), 2), silenceStart = _ref[0], setSilenceStart = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react46.useState)(null), 2), noiseStart = _ref1[0], setNoiseStart = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react46.useState)(null), 2), mediaStream = _ref2[0], setMediaStream = _ref2[1];
+    var _ref3 = _sliced_to_array((0, import_react46.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_react46.useState)(false), 2), isLoaded = _ref4[0], setIsLoaded = _ref4[1];
+    (0, import_react46.useEffect)(function() {
         if (isLoaded) return;
         setIsLoaded(true);
     }, [
@@ -3086,9 +3101,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_react46.useState)(null), 2), audioEngine = _ref5[0], setAudioEngine = _ref5[1];
+    var isInited = (0, import_react46.useRef)(false);
+    (0, import_react46.useEffect)(function() {
         if (!mediaStream) return;
         if (isInited.current) return;
         isInited.current = true;
@@ -3101,7 +3116,7 @@ var useRecorder = function(param) {
         isInited,
         mediaStream
     ]);
-    var visualizationAnalyser = (0, import_react45.useMemo)(function() {
+    var visualizationAnalyser = (0, import_react46.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(result);
@@ -3109,7 +3124,7 @@ var useRecorder = function(param) {
     }, [
         audioEngine
     ]);
-    var silenceAnalyser = (0, import_react45.useMemo)(function() {
+    var silenceAnalyser = (0, import_react46.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         result.minDecibels = -45;
@@ -3118,7 +3133,7 @@ var useRecorder = function(param) {
     }, [
         audioEngine
     ]);
-    var handleSilence = (0, import_react45.useCallback)(function() {
+    var handleSilence = (0, import_react46.useCallback)(function() {
         if (!silenceAnalyser) return;
         var frequencyData = new Uint8Array(silenceAnalyser.frequencyBinCount);
         silenceAnalyser.getByteFrequencyData(frequencyData);
@@ -3141,7 +3156,7 @@ var useRecorder = function(param) {
         setNoiseStart,
         setSilenceStart
     ]);
-    (0, import_react45.useEffect)(function() {
+    (0, import_react46.useEffect)(function() {
         if (!isStopOnSilence) return;
         requestAnimationFrame(function() {
             return handleSilence();
@@ -3164,7 +3179,7 @@ var useRecorder = function(param) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-var import_react46 = require("react");
+var import_react47 = require("react");
 var import_howler = require("howler");
 var import_react_use_audio_player2 = require("react-use-audio-player");
 // src/hooks/audioThreads/useMessageAudio/lib/input.ts
@@ -3190,11 +3205,11 @@ var isHtmlAudioSupported = !unsupportedNames.includes(((_this = (0, import_detec
 // src/hooks/audioThreads/useMessageAudio/index.ts
 var useMessageAudio = function(param) {
     var onEnd = param.onEnd;
-    var _ref = _sliced_to_array((0, import_react46.useState)([]), 2), playedMessageIds = _ref[0], setPlayedMessageIds = _ref[1];
+    var _ref = _sliced_to_array((0, import_react47.useState)([]), 2), playedMessageIds = _ref[0], setPlayedMessageIds = _ref[1];
     var audioPlayer = (0, import_react_use_audio_player2.useAudioPlayer)();
     var superinterfaceContext = useSuperinterfaceContext();
     var latestMessageProps = useLatestMessage();
-    (0, import_react46.useEffect)(function() {
+    (0, import_react47.useEffect)(function() {
         if (audioPlayer.playing) return;
         if (!latestMessageProps.latestMessage) return;
         if (latestMessageProps.latestMessage.role !== "assistant") return;
@@ -3228,9 +3243,9 @@ var useMessageAudio = function(param) {
         playedMessageIds,
         onEnd
     ]);
-    var isInited = (0, import_react46.useRef)(false);
-    var _ref1 = _sliced_to_array((0, import_react46.useState)(null), 2), audioEngine = _ref1[0], setAudioEngine = _ref1[1];
-    (0, import_react46.useEffect)(function() {
+    var isInited = (0, import_react47.useRef)(false);
+    var _ref1 = _sliced_to_array((0, import_react47.useState)(null), 2), audioEngine = _ref1[0], setAudioEngine = _ref1[1];
+    (0, import_react47.useEffect)(function() {
         if (!audioPlayer.playing) return;
         if (isInited.current) return;
         isInited.current = true;
@@ -3251,7 +3266,7 @@ var useMessageAudio = function(param) {
         audioPlayer,
         isInited
     ]);
-    var visualizationAnalyser = (0, import_react46.useMemo)(function() {
+    var visualizationAnalyser = (0, import_react47.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(audioEngine.audioContext.destination);
@@ -3342,9 +3357,9 @@ var Root8 = function(param) {
 // src/components/threads/AudioThread/Visualization/index.tsx
 var import_themes41 = require("@radix-ui/themes");
 // src/hooks/threads/useAudioThreadContext/index.ts
-var import_react47 = require("react");
+var import_react48 = require("react");
 var useAudioThreadContext = function() {
-    return (0, import_react47.useContext)(AudioThreadContext);
+    return (0, import_react48.useContext)(AudioThreadContext);
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
 var import_jsx_runtime56 = require("react/jsx-runtime");
@@ -3374,18 +3389,18 @@ var import_themes44 = require("@radix-ui/themes");
 // src/components/threads/AudioThread/Form/Visualizer/index.tsx
 var import_lodash7 = __toESM(require("lodash"), 1);
 var import_themes42 = require("@radix-ui/themes");
-var import_react48 = require("react");
+var import_react49 = require("react");
 var import_radash10 = require("radash");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var barCount = 4;
 var Visualizer = function() {
     var audioThreadContext = useAudioThreadContext();
     var visualizationAnalyser = audioThreadContext.recorderProps.visualizationAnalyser;
-    var _ref = _sliced_to_array((0, import_react48.useState)(function() {
+    var _ref = _sliced_to_array((0, import_react49.useState)(function() {
         return new AudioContext().createAnalyser();
     }), 1), emptyVisualizer = _ref[0];
-    var _ref1 = _sliced_to_array((0, import_react48.useState)([]), 2), barHeights = _ref1[0], setBarHeights = _ref1[1];
-    var draw = (0, import_react48.useCallback)(function(param) {
+    var _ref1 = _sliced_to_array((0, import_react49.useState)([]), 2), barHeights = _ref1[0], setBarHeights = _ref1[1];
+    var draw = (0, import_react49.useCallback)(function(param) {
         var visualizationAnalyser2 = param.visualizationAnalyser;
         var frequencyData = new Uint8Array(visualizationAnalyser2.frequencyBinCount / 15);
         visualizationAnalyser2.getByteFrequencyData(frequencyData);
@@ -3399,7 +3414,7 @@ var Visualizer = function() {
             });
         });
     }, []);
-    (0, import_react48.useEffect)(function() {
+    (0, import_react49.useEffect)(function() {
         draw({
             visualizationAnalyser: visualizationAnalyser || emptyVisualizer
         });
@@ -3608,9 +3623,9 @@ AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Button = Button3;
 AudioThreadDialog.Content = Content4;
 // src/components/suggestions/Suggestions/index.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 // src/components/suggestions/Suggestions/Content.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_radash11 = require("radash");
 var import_react_children_utilities = require("react-children-utilities");
 var import_themes46 = require("@radix-ui/themes");
@@ -3660,7 +3675,7 @@ var Content6 = function(param) {
     var messageContext = useMessageContext();
     var latestMessageProps = useLatestMessage();
     var isRunActiveProps = useIsRunActive();
-    var suggestions = (0, import_react49.useMemo)(function() {
+    var suggestions = (0, import_react50.useMemo)(function() {
         return (0, import_react_children_utilities.onlyText)(children).split(/\r?\n/).filter(function(c) {
             return !(0, import_radash11.isEmpty)(c);
         }).map(function(c) {
@@ -3669,7 +3684,7 @@ var Content6 = function(param) {
     }, [
         children
     ]);
-    var isDisabled = (0, import_react49.useMemo)(function() {
+    var isDisabled = (0, import_react50.useMemo)(function() {
         var _messageContext_message;
         return ((_messageContext_message = messageContext.message) === null || _messageContext_message === void 0 ? void 0 : _messageContext_message.id) !== latestMessageProps.latestMessage.id || isRunActiveProps.isRunActive;
     }, [
@@ -3695,7 +3710,7 @@ var import_jsx_runtime64 = require("react/jsx-runtime");
 var Suggestions = function(param) {
     var children = param.children;
     var latestMessageProps = useLatestMessage();
-    var isDisabled = (0, import_react50.useMemo)(function() {
+    var isDisabled = (0, import_react51.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;
@@ -3710,14 +3725,14 @@ var Suggestions = function(param) {
 };
 Suggestions.Item = Item;
 // src/components/markdown/MarkdownProvider/index.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 var import_jsx_runtime65 = 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_react51.useMemo)(function() {
+    var value = (0, import_react52.useMemo)(function() {
         return merge(prevMarkdownContext, rest);
     }, [
         rest,