@superinterface/react 2.20.1 → 2.21.0

package/dist/index.cjs

@@ -2191,7 +2191,7 @@ var import_react34 = require("react");
 var import_react_hook_form = require("react-hook-form");
 var import_themes37 = require("@radix-ui/themes");
 // src/hooks/messages/useCreateMessage/index.ts
-var import_radash12 = require("radash");
+var import_radash13 = require("radash");
 var import_react_query4 = require("@tanstack/react-query");
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/onMutate/index.ts
 var import_radash6 = require("radash");
@@ -2643,6 +2643,95 @@ var threadRunStepCompleted = function(param) {
         });
     });
 };
+// src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/threadRunRequiresAction.ts
+var import_radash12 = require("radash");
+var threadRunRequiresAction = function() {
+    var _ref = _async_to_generator(function(param) {
+        var value, queryClient, messagesQueryKey, superinterfaceContext, toolCalls, toolOutputs;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    value = param.value, queryClient = param.queryClient, messagesQueryKey = param.messagesQueryKey, superinterfaceContext = param.superinterfaceContext;
+                    if (!(value.data.required_action.type === "submit_client_tool_outputs")) return [
+                        3,
+                        2
+                    ];
+                    toolCalls = value.data.required_action.submit_client_tool_outputs.tool_calls;
+                    return [
+                        4,
+                        (0, import_radash12.map)(toolCalls, function() {
+                            var _ref = _async_to_generator(function(toolCall) {
+                                var fn, args, parsedArgs, output;
+                                return _ts_generator(this, function(_state) {
+                                    switch(_state.label){
+                                        case 0:
+                                            if (toolCall.type !== "function") {
+                                                return [
+                                                    2,
+                                                    {
+                                                        toolCallId: toolCall.id,
+                                                        output: "Error: client tool type ".concat(toolCall.type, " is not supported.")
+                                                    }
+                                                ];
+                                            }
+                                            fn = window[toolCall.function.name];
+                                            if (!fn) {
+                                                return [
+                                                    2,
+                                                    {
+                                                        toolCallId: toolCall.id,
+                                                        output: "Error: client function ".concat(toolCall.function.name, " is not defined.")
+                                                    }
+                                                ];
+                                            }
+                                            args = toolCall.function.arguments;
+                                            parsedArgs = JSON.parse(args);
+                                            return [
+                                                4,
+                                                fn(parsedArgs)
+                                            ];
+                                        case 1:
+                                            output = _state.sent();
+                                            return [
+                                                2,
+                                                {
+                                                    toolCallId: toolCall.id,
+                                                    output: output
+                                                }
+                                            ];
+                                    }
+                                });
+                            });
+                            return function(toolCall) {
+                                return _ref.apply(this, arguments);
+                            };
+                        }())
+                    ];
+                case 1:
+                    toolOutputs = _state.sent();
+                    return [
+                        2,
+                        fetch("".concat(superinterfaceContext.baseUrl, "/threads/runs/submit-client-tool-outputs"), {
+                            method: "POST",
+                            headers: {
+                                "Content-Type": "application/json"
+                            },
+                            body: JSON.stringify(_object_spread({
+                                toolOutputs: toolOutputs
+                            }, superinterfaceContext.variables))
+                        })
+                    ];
+                case 2:
+                    return [
+                        2
+                    ];
+            }
+        });
+    });
+    return function threadRunRequiresAction(_) {
+        return _ref.apply(this, arguments);
+    };
+}();
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/index.ts
 var handlers = {
     "thread.created": threadCreated,
@@ -2652,7 +2741,8 @@ var handlers = {
     "thread.run.created": threadRunCreated,
     "thread.run.step.created": threadRunStepCreated,
     "thread.run.step.delta": threadRunStepDelta,
-    "thread.run.step.completed": threadRunStepCompleted
+    "thread.run.step.completed": threadRunStepCompleted,
+    "thread.run.requires_action": threadRunRequiresAction
 };
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/index.ts
 var handleResponse = function(param) {
@@ -2798,7 +2888,7 @@ var useCreateMessage = function() {
         onError: onError
     }));
     return _object_spread_props(_object_spread({}, props), {
-        createMessage: (0, import_radash12.partob)(props.mutateAsync, threadContext.variables)
+        createMessage: (0, import_radash13.partob)(props.mutateAsync, threadContext.variables)
     });
 };
 // src/components/threads/Thread/MessageForm/Root/lib/formOptions.ts
@@ -2811,7 +2901,7 @@ var formOptions = {
     resolver: (0, import_zod2.zodResolver)(schema)
 };
 // src/components/threads/Thread/MessageForm/Root/index.tsx
-var import_radash13 = require("radash");
+var import_radash14 = require("radash");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var Root4 = function(param) {
     var children = param.children, onSubmitArg = param.onSubmit, isDisabledArg = param.isDisabled;
@@ -2869,7 +2959,7 @@ var Root4 = function(param) {
         latestMessage,
         isDisabledArg
     ]);
-    var onSubmit = onSubmitArg ? (0, import_radash13.partob)(onSubmitArg, {
+    var onSubmit = onSubmitArg ? (0, import_radash14.partob)(onSubmitArg, {
         reset: reset,
         createMessage: createMessage
     }) : function() {
@@ -3114,7 +3204,7 @@ var Preview = function() {
 };
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
 var import_react38 = require("react");
-var import_radash14 = require("radash");
+var import_radash15 = require("radash");
 var import_dayjs2 = __toESM(require("dayjs"), 1);
 var import_react_icons9 = require("@radix-ui/react-icons");
 var import_themes40 = require("@radix-ui/themes");
@@ -3258,7 +3348,7 @@ var Control2 = function() {
                         });
                         setFiles(function(prev) {
                             return _to_consumable_array(prev).concat(_to_consumable_array(newFiles.map(function(file) {
-                                return (0, import_radash14.omit)(file, [
+                                return (0, import_radash15.omit)(file, [
                                     "fileObject"
                                 ]);
                             })));
@@ -3857,8 +3947,8 @@ var Root11 = function(param) {
         },
         width: "100%",
         height: {
-            initial: "100dvh",
-            sm: "calc(100dvh - 96px)"
+            initial: "100%",
+            sm: "calc(100% - 96px)"
         },
         style: _object_spread({
             zIndex: 9999999999
@@ -4263,7 +4353,7 @@ var import_compromise = __toESM(require("compromise"), 1);
 var import_howler = require("howler");
 var import_react_use_audio_player2 = require("react-use-audio-player");
 // src/hooks/audioThreads/useMessageAudio/lib/input.ts
-var import_radash15 = require("radash");
+var import_radash16 = require("radash");
 var input = function(param) {
     var message = param.message;
     var textContents = message.content.filter(function(c) {
@@ -4272,7 +4362,7 @@ var input = function(param) {
     var result = textContents.map(function(c) {
         return c.text.value;
     }).join(" ");
-    if ((0, import_radash15.isEmpty)(result)) return null;
+    if ((0, import_radash16.isEmpty)(result)) return null;
     return result;
 };
 // src/hooks/audioThreads/useMessageAudio/lib/isHtmlAudioSupported.ts
@@ -4533,7 +4623,7 @@ var useAudioThreadContext = function() {
 var import_lodash8 = __toESM(require("lodash"), 1);
 var import_themes49 = require("@radix-ui/themes");
 var import_react52 = require("react");
-var import_radash16 = require("radash");
+var import_radash17 = require("radash");
 var import_jsx_runtime70 = require("react/jsx-runtime");
 var barCount = 4;
 var BarsVisualizer = function(param) {
@@ -4547,7 +4637,7 @@ var BarsVisualizer = function(param) {
         }
         var frequencyData = new Uint8Array(visualizationAnalyser2.frequencyBinCount / 15);
         visualizationAnalyser2.getByteFrequencyData(frequencyData);
-        var clusteredFrequencyData = (0, import_radash16.cluster)(frequencyData, frequencyData.length / barCount);
+        var clusteredFrequencyData = (0, import_radash17.cluster)(frequencyData, frequencyData.length / barCount);
         setBarHeights(clusteredFrequencyData.map(function(frequencyDataCluster) {
             return import_lodash8.default.mean(frequencyDataCluster) / 255 * 100;
         }));
@@ -4902,7 +4992,7 @@ AudioThreadDialog.Content = Content5;
 var import_react55 = require("react");
 // src/components/suggestions/Suggestions/Content.tsx
 var import_react54 = require("react");
-var import_radash17 = require("radash");
+var import_radash18 = require("radash");
 var import_react_children_utilities = require("react-children-utilities");
 var import_themes55 = require("@radix-ui/themes");
 // src/components/suggestions/Suggestions/Item.tsx
@@ -4960,14 +5050,14 @@ var Content7 = function(param) {
     var isMutatingMessage = useIsMutatingMessage();
     var suggestions = (0, import_react54.useMemo)(function() {
         return (0, import_react_children_utilities.onlyText)(children).split(/\r?\n/).filter(function(c) {
-            return !(0, import_radash17.isEmpty)(c);
+            return !(0, import_radash18.isEmpty)(c);
         }).map(function(c) {
             return c.trim();
         });
     }, [
         children
     ]);
-    if ((0, import_radash17.isEmpty)(suggestions)) return null;
+    if ((0, import_radash18.isEmpty)(suggestions)) return null;
     return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes55.Flex, {
         gap: "2",
         py: "2",