@superinterface/react 2.17.0 → 2.17.2

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() {
@@ -2782,13 +2810,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", {
@@ -2821,19 +2858,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;
@@ -2938,8 +2975,8 @@ var Preview = function() {
     });
 };
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
-var import_react37 = require("react");
-var import_radash13 = require("radash");
+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");
 var import_themes37 = require("@radix-ui/themes");
@@ -3059,7 +3096,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) {
@@ -3083,7 +3120,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"
                                 ]);
                             })));
@@ -3350,29 +3387,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,
@@ -3382,7 +3419,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);
@@ -3421,8 +3458,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
@@ -3667,11 +3704,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",
@@ -3726,8 +3762,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) {
@@ -3739,11 +3825,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";
@@ -3767,19 +3853,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);
     }, [
@@ -3837,9 +3944,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;
@@ -3852,7 +3959,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);
@@ -3860,7 +3967,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;
@@ -3869,7 +3976,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);
@@ -3892,7 +3999,7 @@ var useRecorder = function(param) {
         setNoiseStart,
         setSilenceStart
     ]);
-    (0, import_react45.useEffect)(function() {
+    (0, import_react48.useEffect)(function() {
         if (!isStopOnSilence) return;
         requestAnimationFrame(function() {
             return handleSilence();
@@ -3901,7 +4008,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;
@@ -3915,12 +4022,12 @@ 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");
 // 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 +4036,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
@@ -3953,15 +4060,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 [];
@@ -3982,7 +4089,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;
@@ -4050,7 +4157,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;
@@ -4059,9 +4166,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;
@@ -4082,7 +4189,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);
@@ -4091,7 +4198,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,
@@ -4148,7 +4255,7 @@ var Root12 = function(param) {
             };
         }()
     });
-    var microphonePermission = (0, import_react_use3.usePermission)({
+    var microphonePermission = usePermission({
         name: "microphone"
     });
     var messageAudioProps = useMessageAudio({
@@ -4178,25 +4285,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_radash15 = require("radash");
+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));
@@ -4204,7 +4311,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;
         }));
@@ -4214,7 +4321,7 @@ var BarsVisualizer = function(param) {
             });
         });
     }, []);
-    (0, import_react48.useEffect)(function() {
+    (0, import_react51.useEffect)(function() {
         draw({
             visualizationAnalyser: visualizationAnalyser
         });
@@ -4254,9 +4361,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);
@@ -4271,7 +4378,7 @@ var Visualization = function() {
             });
         });
     }, []);
-    (0, import_react49.useEffect)(function() {
+    (0, import_react52.useEffect)(function() {
         draw({
             visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser
         });
@@ -4556,10 +4663,10 @@ 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_radash16 = require("radash");
+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");
 // src/components/suggestions/Suggestions/Item.tsx
@@ -4615,16 +4722,16 @@ 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_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",
@@ -4642,7 +4749,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;
@@ -4657,14 +4764,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,
@@ -4676,11 +4783,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");
@@ -4689,7 +4796,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,