@superinterface/react 2.1.0 → 2.1.1

package/dist/index.cjs

@@ -1460,19 +1460,6 @@ var useLatestRun = function() {
         props
     ]);
 };
-// src/lib/runs/isRunEditingMessage/index.ts
-var import_lodash4 = __toESM(require("lodash"), 1);
-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 = import_lodash4.default.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
 var import_react26 = require("react");
 // src/contexts/runs/PollingContext/index.tsx
@@ -1506,9 +1493,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();
@@ -1576,12 +1561,12 @@ var import_themes30 = require("@radix-ui/themes");
 var import_react29 = require("react");
 var import_react_intersection_observer = require("react-intersection-observer");
 // src/hooks/misc/useThrottledEffect/index.tsx
-var import_lodash5 = __toESM(require("lodash"), 1);
+var import_lodash4 = __toESM(require("lodash"), 1);
 var import_react28 = require("react");
 var useThrottledEffect = function(cb, delay, additionalDeps) {
     var _cbRef;
     var cbRef = (0, import_react28.useRef)(cb);
-    var throttledCb = (0, import_react28.useCallback)(import_lodash5.default.throttle(function() {
+    var throttledCb = (0, import_react28.useCallback)(import_lodash4.default.throttle(function() {
         for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
             args[_key] = arguments[_key];
         }
@@ -1908,10 +1893,10 @@ var useCreateRun = function() {
     });
 };
 // src/lib/optimistic/isOptimistic.ts
-var import_lodash6 = __toESM(require("lodash"), 1);
+var import_lodash5 = __toESM(require("lodash"), 1);
 var isOptimistic = function(param) {
     var id = param.id;
-    return import_lodash6.default.startsWith(id, "-");
+    return import_lodash5.default.startsWith(id, "-");
 };
 // src/hooks/runs/useManageRuns/index.tsx
 var useManageRuns = function() {
@@ -1990,7 +1975,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
@@ -2001,7 +1986,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
@@ -2024,12 +2009,15 @@ var refetch = function() {
 var usePolling = function() {
     var threadContext = useSuperinterfaceContext();
     var queryClient = (0, import_react_query7.useQueryClient)();
-    var setIsPollRefetching = usePollingContext().setIsPollRefetching;
+    var _usePollingContext = usePollingContext(), isPollRefetching = _usePollingContext.isPollRefetching, setIsPollRefetching = _usePollingContext.setIsPollRefetching;
     var isRunActiveProps = useIsRunActive();
     (0, import_react_use.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,
@@ -2065,7 +2053,6 @@ var usePolling = function() {
     return null;
 };
 // src/hooks/actions/useManageActions/index.tsx
-var import_react_query9 = require("@tanstack/react-query");
 var import_react32 = require("react");
 // src/hooks/actions/useHandleAction/index.tsx
 var import_radash5 = require("radash");
@@ -2130,34 +2117,34 @@ var useHandleAction = function() {
         superinterfaceContext: superinterfaceContext
     })));
     return _object_spread_props(_object_spread({}, props), {
-        handleAction: (0, import_radash5.partob)(props.mutate, threadContext.variables)
+        handleAction: (0, import_radash5.partob)(props.mutateAsync, threadContext.variables)
     });
 };
 // src/hooks/actions/useManageActions/index.tsx
 var useManageActions = function() {
-    var queryClient = (0, import_react_query9.useQueryClient)();
-    var threadContext = useSuperinterfaceContext();
     var latestRunProps = useLatestRun();
     var handleActionProps = useHandleAction();
+    var _ref = _sliced_to_array((0, import_react32.useState)([]), 2), handledRunIds = _ref[0], setHandledRunIds = _ref[1];
     (0, import_react32.useEffect)(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
     ]);
@@ -2255,9 +2242,8 @@ var useMessageFormContext = function() {
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var Submit = function() {
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes32.Button, {
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes32.IconButton, {
         type: "submit",
-        radius: "large",
         disabled: isDisabled || isLoading,
         children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes32.Spinner, {
             loading: isLoading,
@@ -2270,7 +2256,7 @@ 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");
-var import_react_query10 = require("@tanstack/react-query");
+var import_react_query9 = require("@tanstack/react-query");
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/onMutate/index.ts
 var import_radash6 = require("radash");
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/onMutate/data.ts
@@ -2417,10 +2403,10 @@ 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 = (0, import_react_query10.useQueryClient)();
+    var queryClient = (0, import_react_query9.useQueryClient)();
     var superinterfaceContext = useSuperinterfaceContext();
     var threadContext = useSuperinterfaceContext();
-    var props = (0, import_react_query10.useMutation)(_object_spread({
+    var props = (0, import_react_query9.useMutation)(_object_spread({
         onMutate: onMutate2({
             queryClient: queryClient
         }),
@@ -2869,7 +2855,7 @@ var Trigger = function(param) {
 var import_themes38 = require("@radix-ui/themes");
 var import_react_icons7 = require("@radix-ui/react-icons");
 var import_jsx_runtime53 = require("react/jsx-runtime");
-var Button3 = function() {
+var Button2 = function() {
     return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.IconButton, {
         size: "4",
         radius: "full",
@@ -2906,7 +2892,6 @@ var Close = function() {
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.IconButton, {
             size: "2",
-            radius: "full",
             variant: "soft",
             children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_icons8.Cross1Icon, {})
         })
@@ -3005,14 +2990,14 @@ var ThreadDialog = function() {
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Content4, {}),
             /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Trigger, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Button3, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Button2, {})
             })
         ]
     });
 };
 ThreadDialog.Root = Root6;
 ThreadDialog.Trigger = Trigger;
-ThreadDialog.Button = Button3;
+ThreadDialog.Button = Button2;
 ThreadDialog.Content = Content4;
 // src/components/threads/AudioThread/Root/index.tsx
 var import_runtime = require("regenerator-runtime/runtime");
@@ -3389,7 +3374,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
                             });
@@ -3451,7 +3435,7 @@ var useAudioThreadContext = function() {
     return (0, import_react48.useContext)(AudioThreadContext);
 };
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
-var import_lodash7 = __toESM(require("lodash"), 1);
+var import_lodash6 = __toESM(require("lodash"), 1);
 var import_themes42 = require("@radix-ui/themes");
 var import_react49 = require("react");
 var import_radash10 = require("radash");
@@ -3469,7 +3453,7 @@ var BarsVisualizer = function(param) {
         visualizationAnalyser2.getByteFrequencyData(frequencyData);
         var clusteredFrequencyData = (0, import_radash10.cluster)(frequencyData, frequencyData.length / barCount);
         setBarHeights(clusteredFrequencyData.map(function(frequencyDataCluster) {
-            return import_lodash7.default.mean(frequencyDataCluster) / 255 * 100;
+            return import_lodash6.default.mean(frequencyDataCluster) / 255 * 100;
         }));
         requestAnimationFrame(function() {
             return draw({
@@ -3712,14 +3696,14 @@ var AudioThreadDialog = function() {
                 children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(AudioThread, {})
             }),
             /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Trigger, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button3, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button2, {})
             })
         ]
     });
 };
 AudioThreadDialog.Root = Root6;
 AudioThreadDialog.Trigger = Trigger;
-AudioThreadDialog.Button = Button3;
+AudioThreadDialog.Button = Button2;
 AudioThreadDialog.Content = Content4;
 // src/components/suggestions/Suggestions/index.tsx
 var import_react51 = require("react");