@superinterface/react 2.17.0 → 2.17.1

package/dist/index.cjs

@@ -936,7 +936,7 @@ var UserAvatar = function() {
 var import_themes28 = require("@radix-ui/themes");
 // src/components/threads/Thread/Message/index.tsx
 var import_react24 = require("react");
-var import_radash3 = require("radash");
+var import_radash4 = require("radash");
 var import_themes27 = require("@radix-ui/themes");
 // src/components/skeletons/StartingContentSkeleton/index.tsx
 var import_themes8 = require("@radix-ui/themes");
@@ -1499,87 +1499,114 @@ var components = {
     annotation: Annotation
 };
 // src/lib/remark/remarkAnnotation.ts
-var import_unist_util_visit = require("unist-util-visit");
+var import_radash3 = require("radash");
+var import_unist_util_flatmap = __toESM(require("unist-util-flatmap"), 1);
 var remarkAnnotation = function(param) {
     var content = param.content;
     return function() {
         return function(tree) {
-            (0, import_unist_util_visit.visit)(tree, "text", function(node, index, parent) {
-                if (content.text.annotations.length > 0) {
-                    content.text.annotations.forEach(function(annotation) {
-                        var _parent_children;
-                        var _node_position_start, _node_position, _node_position_end, _node_position1;
-                        if (!((_node_position = node.position) === null || _node_position === void 0 ? void 0 : (_node_position_start = _node_position.start) === null || _node_position_start === void 0 ? void 0 : _node_position_start.offset)) return;
-                        if (!((_node_position1 = node.position) === null || _node_position1 === void 0 ? void 0 : (_node_position_end = _node_position1.end) === null || _node_position_end === void 0 ? void 0 : _node_position_end.offset)) return;
-                        if (node.position.start.offset > annotation.start_index) {
-                            return;
-                        }
-                        if (node.position.end.offset < annotation.end_index) {
-                            return;
-                        }
-                        var beforeStart = node.position.start.offset;
-                        var beforeEnd = annotation.start_index;
-                        var annotationStart = annotation.start_index;
-                        var annotationEnd = annotation.end_index;
-                        var afterStart = annotation.end_index;
-                        var afterEnd = node.position.end.offset;
-                        var before = node.value.slice(0, annotation.start_index - node.position.start.offset);
-                        var annotatedText = node.value.slice(annotation.start_index - node.position.start.offset, annotation.end_index - node.position.start.offset);
-                        var after = node.value.slice(annotation.end_index - node.position.start.offset);
-                        var newNodes = [];
-                        if (before) {
-                            newNodes.push({
-                                type: "text",
-                                value: before,
-                                position: {
-                                    start: {
-                                        offset: beforeStart
-                                    },
-                                    end: {
-                                        offset: beforeEnd
-                                    }
-                                }
-                            });
-                        }
+            (0, import_unist_util_flatmap.default)(tree, function(node) {
+                if (node.type !== "text") {
+                    return [
+                        node
+                    ];
+                }
+                if (!content.text.annotations.length) {
+                    return [
+                        node
+                    ];
+                }
+                if (!node.position) {
+                    return [
+                        node
+                    ];
+                }
+                var nodeStart = node.position.start.offset;
+                if (!(0, import_radash3.isNumber)(nodeStart)) {
+                    return [
+                        node
+                    ];
+                }
+                var nodeEnd = node.position.end.offset;
+                if (!(0, import_radash3.isNumber)(nodeEnd)) {
+                    return [
+                        node
+                    ];
+                }
+                var newNodes = [];
+                var sortedAnnotations = content.text.annotations.sort(function(a, b) {
+                    return a.start_index - b.start_index;
+                });
+                var lastProcessedIndex = nodeStart;
+                sortedAnnotations.forEach(function(annotation) {
+                    var annotationStart = annotation.start_index;
+                    var annotationEnd = annotation.end_index;
+                    if (nodeEnd < annotationStart || nodeStart > annotationEnd) {
+                        return;
+                    }
+                    var startIndex = Math.max(nodeStart, annotationStart);
+                    var endIndex = Math.min(nodeEnd, annotationEnd);
+                    if (lastProcessedIndex < startIndex) {
                         newNodes.push({
-                            value: annotatedText,
-                            data: {
-                                hName: "annotation",
-                                hProperties: {
-                                    annotation: annotation
-                                }
-                            },
+                            type: "text",
+                            value: node.value.slice(lastProcessedIndex - nodeStart, startIndex - nodeStart),
                             position: {
                                 start: {
-                                    offset: annotationStart
+                                    line: node.position.start.line,
+                                    column: node.position.start.column,
+                                    offset: lastProcessedIndex
                                 },
                                 end: {
-                                    offset: annotationEnd
+                                    line: node.position.end.line,
+                                    column: node.position.end.column,
+                                    offset: startIndex
                                 }
                             }
                         });
-                        if (after) {
-                            newNodes.push({
-                                type: "text",
-                                value: after,
-                                position: {
-                                    start: {
-                                        offset: afterStart
-                                    },
-                                    end: {
-                                        offset: afterEnd
-                                    }
-                                }
-                            });
+                    }
+                    newNodes.push({
+                        type: "annotation",
+                        value: node.value.slice(startIndex - nodeStart, endIndex - nodeStart),
+                        position: {
+                            start: {
+                                line: node.position.start.line,
+                                column: node.position.start.column,
+                                offset: startIndex
+                            },
+                            end: {
+                                line: node.position.end.line,
+                                column: node.position.end.column,
+                                offset: endIndex
+                            }
+                        },
+                        data: {
+                            hName: "annotation",
+                            hProperties: {
+                                annotation: annotation
+                            }
+                        }
+                    });
+                    lastProcessedIndex = endIndex;
+                });
+                if (lastProcessedIndex < nodeEnd) {
+                    newNodes.push({
+                        type: "text",
+                        value: node.value.slice(lastProcessedIndex - nodeStart, nodeEnd - nodeStart),
+                        position: {
+                            start: {
+                                line: node.position.start.line,
+                                column: node.position.start.column,
+                                offset: lastProcessedIndex
+                            },
+                            end: {
+                                line: node.position.end.line,
+                                column: node.position.end.column,
+                                offset: nodeEnd
+                            }
                         }
-                        (_parent_children = parent.children).splice.apply(_parent_children, [
-                            index,
-                            1
-                        ].concat(_to_consumable_array(newNodes)));
                     });
-                    return import_unist_util_visit.SKIP;
                 }
-                return;
+                return newNodes;
             });
         };
     };
@@ -1706,13 +1733,13 @@ var Message = function(param) {
                                 })
                             }, index);
                         }),
-                        isInProgress && (0, import_radash3.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(StartingContentSkeleton, {})
+                        isInProgress && (0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(StartingContentSkeleton, {})
                     ]
                 }),
                 /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(RunSteps, {
                     runSteps: laterRunSteps
                 }),
-                isInProgress && !(0, import_radash3.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes27.Box, {
+                isInProgress && !(0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes27.Box, {
                     children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(StartingContentSkeleton, {})
                 })
             ]
@@ -1958,7 +1985,8 @@ var Messages = function(param) {
             /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(NextPageSkeleton, {}),
             /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes32.Flex, {
                 flexShrink: "0",
-                flexGrow: "1"
+                flexGrow: "1",
+                minHeight: "var(--space-5)"
             })
         ]
     });
@@ -2026,16 +2054,16 @@ var import_react34 = require("react");
 var import_react_hook_form = require("react-hook-form");
 var import_themes34 = require("@radix-ui/themes");
 // src/hooks/messages/useCreateMessage/index.ts
-var import_radash11 = require("radash");
+var import_radash12 = require("radash");
 var import_react_query4 = require("@tanstack/react-query");
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/onMutate/index.ts
-var import_radash5 = require("radash");
+var import_radash6 = require("radash");
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/onMutate/data.ts
 var import_dayjs = __toESM(require("dayjs"), 1);
 // src/lib/optimistic/optimisticId.ts
-var import_radash4 = require("radash");
+var import_radash5 = require("radash");
 var optimisticId = function() {
-    return "-".concat((0, import_radash4.uid)(24));
+    return "-".concat((0, import_radash5.uid)(24));
 };
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/onMutate/data.ts
 var data = function(param) {
@@ -2100,7 +2128,7 @@ var onMutate = function(param) {
                     case 0:
                         queryKey = [
                             "messages",
-                            (0, import_radash5.omit)(newMessage, [
+                            (0, import_radash6.omit)(newMessage, [
                                 "content",
                                 "attachments"
                             ])
@@ -2149,7 +2177,7 @@ var threadCreated = function(param) {
     });
 };
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/extendMessage.ts
-var import_radash6 = require("radash");
+var import_radash7 = require("radash");
 var extendMessage = function(param) {
     var message = param.message, messages2 = param.messages;
     var _this, _this1;
@@ -2162,7 +2190,7 @@ var extendMessage = function(param) {
         });
     });
     var _runSteps, _ref;
-    var runSteps = (_ref = (_runSteps = (_this = (0, import_radash6.last)(prevOptimitisticRunMessages)) === null || _this === void 0 ? void 0 : _this.runSteps) !== null && _runSteps !== void 0 ? _runSteps : (_this1 = (0, import_radash6.last)(prevRunMessages)) === null || _this1 === void 0 ? void 0 : _this1.runSteps) !== null && _ref !== void 0 ? _ref : [];
+    var runSteps = (_ref = (_runSteps = (_this = (0, import_radash7.last)(prevOptimitisticRunMessages)) === null || _this === void 0 ? void 0 : _this.runSteps) !== null && _runSteps !== void 0 ? _runSteps : (_this1 = (0, import_radash7.last)(prevRunMessages)) === null || _this1 === void 0 ? void 0 : _this1.runSteps) !== null && _ref !== void 0 ? _ref : [];
     return _object_spread_props(_object_spread({}, message), {
         runSteps: runSteps
     });
@@ -2215,11 +2243,11 @@ var threadMessageCreated = function(param) {
 };
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/threadMessageDelta.ts
 var import_lodash6 = __toESM(require("lodash"), 1);
-var import_radash7 = require("radash");
+var import_radash8 = require("radash");
 var updatedContentPart = function(param) {
     var prevContentPart = param.prevContentPart, delta = param.delta;
     if (!prevContentPart) {
-        return (0, import_radash7.omit)(delta, [
+        return (0, import_radash8.omit)(delta, [
             "index"
         ]);
     }
@@ -2281,7 +2309,7 @@ var threadMessageDelta = function(param) {
     });
 };
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/threadMessageCompleted.ts
-var import_radash8 = require("radash");
+var import_radash9 = require("radash");
 var threadMessageCompleted = function(param) {
     var value = param.value, queryClient = param.queryClient, messagesQueryKey = param.messagesQueryKey;
     return queryClient.setQueryData(messagesQueryKey, function(prevData) {
@@ -2301,7 +2329,7 @@ var threadMessageCompleted = function(param) {
         return _object_spread_props(_object_spread({}, prevData), {
             pages: [
                 _object_spread_props(_object_spread({}, latestPage), {
-                    data: (0, import_radash8.replace)(latestPage.data, extendMessage({
+                    data: (0, import_radash9.replace)(latestPage.data, extendMessage({
                         message: value.data,
                         messages: latestPage.data
                     }), function(m) {
@@ -2367,11 +2395,11 @@ var threadRunStepCreated = function(param) {
 };
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/threadRunStepDelta.ts
 var import_lodash7 = __toESM(require("lodash"), 1);
-var import_radash9 = require("radash");
+var import_radash10 = require("radash");
 var updatedToolCall = function(param) {
     var toolCall = param.toolCall, delta = param.delta;
     if (!toolCall) {
-        return (0, import_radash9.omit)(delta, [
+        return (0, import_radash10.omit)(delta, [
             "index"
         ]);
     }
@@ -2454,7 +2482,7 @@ var threadRunStepDelta = function(param) {
     });
 };
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/mutationFn/handleResponse/handlers/threadRunStepCompleted.ts
-var import_radash10 = require("radash");
+var import_radash11 = require("radash");
 var threadRunStepCompleted = function(param) {
     var value = param.value, queryClient = param.queryClient, messagesQueryKey = param.messagesQueryKey;
     return queryClient.setQueryData(messagesQueryKey, function(prevData) {
@@ -2466,7 +2494,7 @@ var threadRunStepCompleted = function(param) {
                     data: latestPage.data.map(function(m) {
                         if (m.run_id === value.data.run_id) {
                             return _object_spread_props(_object_spread({}, m), {
-                                runSteps: (0, import_radash10.replace)(m.runSteps, value.data, function(rs) {
+                                runSteps: (0, import_radash11.replace)(m.runSteps, value.data, function(rs) {
                                     return rs.id === value.data.id;
                                 })
                             });
@@ -2633,7 +2661,7 @@ var useCreateMessage = function() {
         onError: onError
     }));
     return _object_spread_props(_object_spread({}, props), {
-        createMessage: (0, import_radash11.partob)(props.mutateAsync, threadContext.variables)
+        createMessage: (0, import_radash12.partob)(props.mutateAsync, threadContext.variables)
     });
 };
 // src/components/threads/Thread/MessageForm/Root/lib/formOptions.ts
@@ -2646,7 +2674,7 @@ var formOptions = {
     resolver: (0, import_zod2.zodResolver)(schema)
 };
 // src/components/threads/Thread/MessageForm/Root/index.tsx
-var import_radash12 = require("radash");
+var import_radash13 = require("radash");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var Root4 = function(param) {
     var children = param.children, onSubmitArg = param.onSubmit;
@@ -2705,7 +2733,7 @@ var Root4 = function(param) {
         isLoading,
         files
     ]);
-    var onSubmit = onSubmitArg ? (0, import_radash12.partob)(onSubmitArg, {
+    var onSubmit = onSubmitArg ? (0, import_radash13.partob)(onSubmitArg, {
         reset: reset,
         createMessage: createMessage
     }) : function() {
@@ -2939,7 +2967,7 @@ var Preview = function() {
 };
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
 var import_react37 = require("react");
-var import_radash13 = require("radash");
+var import_radash14 = require("radash");
 var import_dayjs2 = __toESM(require("dayjs"), 1);
 var import_react_icons9 = require("@radix-ui/react-icons");
 var import_themes37 = require("@radix-ui/themes");
@@ -3083,7 +3111,7 @@ var Control2 = function() {
                         });
                         setFiles(function(prev) {
                             return _to_consumable_array(prev).concat(_to_consumable_array(newFiles.map(function(file) {
-                                return (0, import_radash13.omit)(file, [
+                                return (0, import_radash14.omit)(file, [
                                     "fileObject"
                                 ]);
                             })));
@@ -3920,7 +3948,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_radash14 = require("radash");
+var import_radash15 = require("radash");
 var input = function(param) {
     var message = param.message;
     var textContents = message.content.filter(function(c) {
@@ -3929,7 +3957,7 @@ var input = function(param) {
     var result = textContents.map(function(c) {
         return c.text.value;
     }).join(" ");
-    if ((0, import_radash14.isEmpty)(result)) return null;
+    if ((0, import_radash15.isEmpty)(result)) return null;
     return result;
 };
 // src/hooks/audioThreads/useMessageAudio/lib/isHtmlAudioSupported.ts
@@ -4190,7 +4218,7 @@ var useAudioThreadContext = function() {
 var import_lodash8 = __toESM(require("lodash"), 1);
 var import_themes46 = require("@radix-ui/themes");
 var import_react48 = require("react");
-var import_radash15 = require("radash");
+var import_radash16 = require("radash");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 var barCount = 4;
 var BarsVisualizer = function(param) {
@@ -4204,7 +4232,7 @@ var BarsVisualizer = function(param) {
         }
         var frequencyData = new Uint8Array(visualizationAnalyser2.frequencyBinCount / 15);
         visualizationAnalyser2.getByteFrequencyData(frequencyData);
-        var clusteredFrequencyData = (0, import_radash15.cluster)(frequencyData, frequencyData.length / barCount);
+        var clusteredFrequencyData = (0, import_radash16.cluster)(frequencyData, frequencyData.length / barCount);
         setBarHeights(clusteredFrequencyData.map(function(frequencyDataCluster) {
             return import_lodash8.default.mean(frequencyDataCluster) / 255 * 100;
         }));
@@ -4559,7 +4587,7 @@ AudioThreadDialog.Content = Content4;
 var import_react51 = require("react");
 // src/components/suggestions/Suggestions/Content.tsx
 var import_react50 = require("react");
-var import_radash16 = require("radash");
+var import_radash17 = require("radash");
 var import_react_children_utilities = require("react-children-utilities");
 var import_themes52 = require("@radix-ui/themes");
 // src/components/suggestions/Suggestions/Item.tsx
@@ -4617,14 +4645,14 @@ var Content6 = function(param) {
     var isMutatingMessage = useIsMutatingMessage();
     var suggestions = (0, import_react50.useMemo)(function() {
         return (0, import_react_children_utilities.onlyText)(children).split(/\r?\n/).filter(function(c) {
-            return !(0, import_radash16.isEmpty)(c);
+            return !(0, import_radash17.isEmpty)(c);
         }).map(function(c) {
             return c.trim();
         });
     }, [
         children
     ]);
-    if ((0, import_radash16.isEmpty)(suggestions)) return null;
+    if ((0, import_radash17.isEmpty)(suggestions)) return null;
     return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes52.Flex, {
         gap: "2",
         py: "2",