@superinterface/react 4.2.2 → 5.0.0-beta.0

package/dist/index.js

@@ -37811,7 +37811,7 @@ var SuperinterfaceProvider = function(_ref) {
     });
 };
 // src/components/threads/Thread/index.tsx
-import { c as _c75 } from "react-compiler-runtime";
+import { c as _c76 } from "react-compiler-runtime";
 // src/components/threads/Thread/Messages/index.tsx
 import { c as _c65 } from "react-compiler-runtime";
 import { Flex as Flex18 } from "@radix-ui/themes";
@@ -44554,7 +44554,7 @@ Messages2.Message = Message;
 Messages2.NextPageSkeleton = NextPageSkeleton;
 Messages2.Content = Content7;
 // src/components/threads/Thread/MessageForm/index.tsx
-import { c as _c71 } from "react-compiler-runtime";
+import { c as _c72 } from "react-compiler-runtime";
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
 import { c as _c66 } from "react-compiler-runtime";
 import { ArrowUpIcon as ArrowUpIcon2, StopIcon } from "@radix-ui/react-icons";
@@ -45380,11 +45380,13 @@ var Preview = function(props) {
     return t1;
 };
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
+import { c as _c71 } from "react-compiler-runtime";
+import { FilePlusIcon } from "@radix-ui/react-icons";
+import { IconButton as IconButton7, Flex as Flex22 } from "@radix-ui/themes";
+// src/hooks/files/useChangeFilesField/index.ts
 import { useCallback as useCallback3 } from "react";
 import { omit as omit4 } from "radash";
 import dayjs2 from "dayjs";
-import { FilePlusIcon } from "@radix-ui/react-icons";
-import { IconButton as IconButton7, Flex as Flex22 } from "@radix-ui/themes";
 // src/hooks/files/useCreateFile/index.ts
 import { c as _c70 } from "react-compiler-runtime";
 import { useMutation as useMutation2, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
@@ -45697,51 +45699,7 @@ var useCreateFile = function(t0) {
 };
 function _temp4() {}
 function _temp23() {}
-// src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
-import { jsx as _jsx72, jsxs as _jsxs24 } from "react/jsx-runtime";
-function ownKeys36(e, r) {
-    var t = Object.keys(e);
-    if (Object.getOwnPropertySymbols) {
-        var o = Object.getOwnPropertySymbols(e);
-        r && (o = o.filter(function(r2) {
-            return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-        })), t.push.apply(t, o);
-    }
-    return t;
-}
-function _objectSpread36(e) {
-    for(var r = 1; r < arguments.length; r++){
-        var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys36(Object(t), true).forEach(function(r2) {
-            _defineProperty36(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys36(Object(t)).forEach(function(r2) {
-            Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-        });
-    }
-    return e;
-}
-function _defineProperty36(e, r, t) {
-    return (r = _toPropertyKey36(r)) in e ? Object.defineProperty(e, r, {
-        value: t,
-        enumerable: true,
-        configurable: true,
-        writable: true
-    }) : e[r] = t, e;
-}
-function _toPropertyKey36(t) {
-    var i = _toPrimitive36(t, "string");
-    return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
-}
-function _toPrimitive36(t, r) {
-    if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
-    var e = t[Symbol.toPrimitive];
-    if (void 0 !== e) {
-        var i = e.call(t, r || "default");
-        if ("object" != (typeof i === "undefined" ? "undefined" : _type_of(i))) return i;
-        throw new TypeError("@@toPrimitive must return a primitive value.");
-    }
-    return ("string" === r ? String : Number)(t);
-}
+// src/hooks/files/useChangeFilesField/index.ts
 function asyncGeneratorStep8(n, t, e, r, o, a, c) {
     try {
         var i = n[a](c), u = i.value;
@@ -45806,7 +45764,6 @@ function AsyncFromSyncIterator(r) {
         }
     }, new AsyncFromSyncIterator(r);
 }
-var accept = ".c,text/x-c,\n.cs,text/x-csharp,\n.cpp,text/x-c++,\n.doc,application/msword,\n.docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document,\n.html,text/html,\n.java,text/x-java,\n.json,application/json,\n.md,text/markdown,\n.pdf,application/pdf,\n.php,text/x-php,\n.pptx,application/vnd.openxmlformats-officedocument.presentationml.presentation,\n.py,text/x-python,\n.py,text/x-script.python,\n.rb,text/x-ruby,\n.tex,text/x-tex,\n.txt,text/plain,\n.css,text/css,\n.js,text/javascript,\n.sh,application/x-sh,\n.ts,application/typescript,\n.png,image/png,\n.jpeg,image/jpeg,\n.jpg,image/jpeg,\n.webp,image/webp,\n.gif,image/gif";
 var purpose = function(_ref) {
     var fileObject = _ref.fileObject;
     if (fileObject.type.startsWith("image/")) {
@@ -45814,11 +45771,11 @@ var purpose = function(_ref) {
     }
     return "assistants";
 };
-var Control2 = function(props) {
-    var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, setFiles = _useMessageFormContext.setFiles;
+var useChangeFilesField = function() {
+    var setFiles = useMessageFormContext().setFiles;
     var createFile = useCreateFile().createFile;
     var addToast = useToasts().addToast;
-    var onChange = useCallback3(/* @__PURE__ */ function() {
+    var changeFilesField = useCallback3(/* @__PURE__ */ function() {
         var _ref2 = _asyncToGenerator8(function(event) {
             var fileObjects, newFiles, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _loop, _iterator, _step, err;
             return _ts_generator(this, function(_state) {
@@ -45989,40 +45946,140 @@ var Control2 = function(props) {
         createFile,
         setFiles
     ]);
-    return /* @__PURE__ */ _jsx72(Flex22, _objectSpread36(_objectSpread36({
-        pt: "2",
-        pr: "2",
-        flexGrow: "0"
-    }, props), {}, {
-        children: /* @__PURE__ */ _jsxs24(IconButton7, {
+    return {
+        changeFilesField: changeFilesField
+    };
+};
+// src/lib/files/filesFieldAccept.ts
+var filesFieldAccept = ".c,text/x-c,\n.cs,text/x-csharp,\n.cpp,text/x-c++,\n.doc,application/msword,\n.docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document,\n.html,text/html,\n.java,text/x-java,\n.json,application/json,\n.md,text/markdown,\n.pdf,application/pdf,\n.php,text/x-php,\n.pptx,application/vnd.openxmlformats-officedocument.presentationml.presentation,\n.py,text/x-python,\n.py,text/x-script.python,\n.rb,text/x-ruby,\n.tex,text/x-tex,\n.txt,text/plain,\n.css,text/css,\n.js,text/javascript,\n.sh,application/x-sh,\n.ts,application/typescript,\n.png,image/png,\n.jpeg,image/jpeg,\n.jpg,image/jpeg,\n.webp,image/webp,\n.gif,image/gif";
+// src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
+import { jsx as _jsx72, jsxs as _jsxs24 } from "react/jsx-runtime";
+function ownKeys36(e, r) {
+    var t = Object.keys(e);
+    if (Object.getOwnPropertySymbols) {
+        var o = Object.getOwnPropertySymbols(e);
+        r && (o = o.filter(function(r2) {
+            return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+        })), t.push.apply(t, o);
+    }
+    return t;
+}
+function _objectSpread36(e) {
+    for(var r = 1; r < arguments.length; r++){
+        var t = null != arguments[r] ? arguments[r] : {};
+        r % 2 ? ownKeys36(Object(t), true).forEach(function(r2) {
+            _defineProperty36(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys36(Object(t)).forEach(function(r2) {
+            Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+        });
+    }
+    return e;
+}
+function _defineProperty36(e, r, t) {
+    return (r = _toPropertyKey36(r)) in e ? Object.defineProperty(e, r, {
+        value: t,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    }) : e[r] = t, e;
+}
+function _toPropertyKey36(t) {
+    var i = _toPrimitive36(t, "string");
+    return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
+}
+function _toPrimitive36(t, r) {
+    if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+        var i = e.call(t, r || "default");
+        if ("object" != (typeof i === "undefined" ? "undefined" : _type_of(i))) return i;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return ("string" === r ? String : Number)(t);
+}
+var Control2 = function(props) {
+    var $ = _c71(11);
+    var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
+    var changeFilesField = useChangeFilesField().changeFilesField;
+    var t0 = isDisabled || isLoading;
+    var t1;
+    var t2;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = {
+            position: "relative",
+            overflow: "hidden"
+        };
+        t2 = /* @__PURE__ */ _jsx72(FilePlusIcon, {});
+        $[0] = t1;
+        $[1] = t2;
+    } else {
+        t1 = $[0];
+        t2 = $[1];
+    }
+    var t3;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = {
+            cursor: "pointer",
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            opacity: 0
+        };
+        $[2] = t3;
+    } else {
+        t3 = $[2];
+    }
+    var t4;
+    if ($[3] !== changeFilesField) {
+        t4 = /* @__PURE__ */ _jsx72("input", {
+            type: "file",
+            multiple: true,
+            accept: filesFieldAccept,
+            onChange: changeFilesField,
+            style: t3
+        });
+        $[3] = changeFilesField;
+        $[4] = t4;
+    } else {
+        t4 = $[4];
+    }
+    var t5;
+    if ($[5] !== t0 || $[6] !== t4) {
+        t5 = /* @__PURE__ */ _jsxs24(IconButton7, {
             type: "button",
             variant: "ghost",
             color: "gray",
-            disabled: isDisabled || isLoading,
-            style: {
-                position: "relative",
-                overflow: "hidden"
-            },
+            disabled: t0,
+            style: t1,
             children: [
-                /* @__PURE__ */ _jsx72(FilePlusIcon, {}),
-                /* @__PURE__ */ _jsx72("input", {
-                    type: "file",
-                    multiple: true,
-                    accept: accept,
-                    onChange: onChange,
-                    style: {
-                        cursor: "pointer",
-                        position: "absolute",
-                        top: 0,
-                        left: 0,
-                        right: 0,
-                        bottom: 0,
-                        opacity: 0
-                    }
-                })
+                t2,
+                t4
             ]
-        })
-    }));
+        });
+        $[5] = t0;
+        $[6] = t4;
+        $[7] = t5;
+    } else {
+        t5 = $[7];
+    }
+    var t6;
+    if ($[8] !== props || $[9] !== t5) {
+        t6 = /* @__PURE__ */ _jsx72(Flex22, _objectSpread36(_objectSpread36({
+            pt: "2",
+            pr: "2",
+            flexGrow: "0"
+        }, props), {}, {
+            children: t5
+        }));
+        $[8] = props;
+        $[9] = t5;
+        $[10] = t6;
+    } else {
+        t6 = $[10];
+    }
+    return t6;
 };
 // src/components/threads/Thread/MessageForm/Field/Files/index.tsx
 var Files = {
@@ -46158,7 +46215,7 @@ function _toPrimitive38(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MessageForm = function(props) {
-    var $ = _c71(3);
+    var $ = _c72(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsxs25(Field.Root, {
@@ -46187,22 +46244,22 @@ MessageForm.Root = Root8;
 MessageForm.Field = Field;
 MessageForm.Submit = Submit;
 // src/components/threads/Thread/Root/index.tsx
-import { c as _c74 } from "react-compiler-runtime";
+import { c as _c75 } from "react-compiler-runtime";
 import { Flex as Flex25 } from "@radix-ui/themes";
 // src/components/threads/Thread/Provider/index.tsx
 var Provider2 = SuperinterfaceProvider;
 // src/components/toasts/ToastsProvider/index.tsx
-import { c as _c73 } from "react-compiler-runtime";
+import { c as _c74 } from "react-compiler-runtime";
 import { useState as useState5, useCallback as useCallback4 } from "react";
 import * as Toast2 from "@radix-ui/react-toast";
 // src/components/toasts/ToastsProvider/CustomToast.tsx
-import { c as _c72 } from "react-compiler-runtime";
+import { c as _c73 } from "react-compiler-runtime";
 import * as Toast from "@radix-ui/react-toast";
 import { Card as Card3, Text as Text8, Flex as Flex24 } from "@radix-ui/themes";
 import { CheckCircledIcon as CheckCircledIcon2, CrossCircledIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx75, jsxs as _jsxs26 } from "react/jsx-runtime";
 var CustomToast = function(t0) {
-    var $ = _c72(7);
+    var $ = _c73(7);
     var toast = t0.toast;
     var t1;
     if ($[0] !== toast.type) {
@@ -46258,7 +46315,7 @@ var CustomToast = function(t0) {
 // src/components/toasts/ToastsProvider/index.tsx
 import { jsx as _jsx76, jsxs as _jsxs27 } from "react/jsx-runtime";
 var ToastsProvider = function(t0) {
-    var $ = _c73(15);
+    var $ = _c74(15);
     var children = t0.children, t1 = t0.bottom;
     var bottom = t1 === void 0 ? 0 : t1;
     var t2;
@@ -46430,7 +46487,7 @@ function _objectWithoutPropertiesLoose4(r, e) {
     return t;
 }
 var Root12 = function(t0) {
-    var $ = _c74(12);
+    var $ = _c75(12);
     var children;
     var className;
     var rest;
@@ -46530,7 +46587,7 @@ function _toPrimitive40(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Thread = function(props) {
-    var $ = _c75(4);
+    var $ = _c76(4);
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -46566,7 +46623,7 @@ var useMessageContext = function() {
     return useContext17(MessageContext);
 };
 // src/hooks/assistants/useAssistant/index.ts
-import { c as _c76 } from "react-compiler-runtime";
+import { c as _c77 } from "react-compiler-runtime";
 import { useMemo as useMemo15 } from "react";
 import { useQuery } from "@tanstack/react-query";
 // src/hooks/assistants/useAssistant/lib/queryOptions/index.ts
@@ -46716,7 +46773,7 @@ function _toPrimitive41(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useAssistant = function(t0) {
-    var $ = _c76(6);
+    var $ = _c77(6);
     var assistantId = t0.assistantId;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -46749,11 +46806,11 @@ var useAssistant = function(t0) {
     return t2;
 };
 // src/components/threads/ThreadDialog/index.tsx
-import { c as _c83 } from "react-compiler-runtime";
+import { c as _c84 } from "react-compiler-runtime";
 // src/components/threads/ThreadDialog/Root/index.tsx
-import { c as _c78 } from "react-compiler-runtime";
+import { c as _c79 } from "react-compiler-runtime";
 // src/components/threads/ThreadDialog/Provider/index.tsx
-import { c as _c77 } from "react-compiler-runtime";
+import { c as _c78 } from "react-compiler-runtime";
 import { useState as useState6 } from "react";
 // src/contexts/threads/ThreadDialogContext/index.ts
 import { createContext as createContext12 } from "react";
@@ -46769,7 +46826,7 @@ var useThreadDialogContext = function() {
 // src/components/threads/ThreadDialog/Provider/index.tsx
 import { jsx as _jsx79 } from "react/jsx-runtime";
 var Provider4 = function(t0) {
-    var $ = _c77(5);
+    var $ = _c78(5);
     var children = t0.children;
     var threadDialogContext = useThreadDialogContext();
     var _useState6 = _sliced_to_array(useState6(threadDialogContext.isOpen), 2), isOpen = _useState6[0], setIsOpen = _useState6[1];
@@ -46801,7 +46858,7 @@ var Provider4 = function(t0) {
 // src/components/threads/ThreadDialog/Root/index.tsx
 import { jsx as _jsx80 } from "react/jsx-runtime";
 var Root13 = function(t0) {
-    var $ = _c78(2);
+    var $ = _c79(2);
     var children = t0.children;
     var t1;
     if ($[0] !== children) {
@@ -46816,10 +46873,10 @@ var Root13 = function(t0) {
     return t1;
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-import { c as _c80 } from "react-compiler-runtime";
+import { c as _c81 } from "react-compiler-runtime";
 import { Flex as Flex26 } from "@radix-ui/themes";
 // src/components/threads/ThreadDialog/Trigger/Button.tsx
-import { c as _c79 } from "react-compiler-runtime";
+import { c as _c80 } from "react-compiler-runtime";
 import { IconButton as IconButton8 } from "@radix-ui/themes";
 import { ChatBubbleIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx81 } from "react/jsx-runtime";
@@ -46867,7 +46924,7 @@ function _toPrimitive42(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Button4 = function(props) {
-    var $ = _c79(3);
+    var $ = _c80(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsx81(ChatBubbleIcon, {});
@@ -46936,7 +46993,7 @@ function _toPrimitive43(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root14 = function(t0) {
-    var $ = _c80(14);
+    var $ = _c81(14);
     var children = t0.children, style = t0.style, className = t0.className;
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
     var t1 = isOpen ? "none" : "flex";
@@ -47007,7 +47064,7 @@ var Root14 = function(t0) {
     return t6;
 };
 var Trigger = function(args) {
-    var $ = _c80(3);
+    var $ = _c81(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsx82(Button4, {});
@@ -47033,15 +47090,15 @@ function _temp6(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
-import { c as _c82 } from "react-compiler-runtime";
+import { c as _c83 } from "react-compiler-runtime";
 import { Card as Card4, Inset as Inset2, Flex as Flex28 } from "@radix-ui/themes";
 // src/components/threads/ThreadDialog/Close/index.tsx
-import { c as _c81 } from "react-compiler-runtime";
+import { c as _c82 } from "react-compiler-runtime";
 import { Cross1Icon } from "@radix-ui/react-icons";
 import { IconButton as IconButton9, Flex as Flex27 } from "@radix-ui/themes";
 import { jsx as _jsx83 } from "react/jsx-runtime";
 var Close = function() {
-    var $ = _c81(9);
+    var $ = _c82(9);
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
     var t0 = isOpen ? "flex" : "none";
     var t1;
@@ -47157,7 +47214,7 @@ function _toPrimitive44(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root15 = function(t0) {
-    var $ = _c82(19);
+    var $ = _c83(19);
     var children = t0.children, className = t0.className, style = t0.style;
     var isOpen = useThreadDialogContext().isOpen;
     if (!isOpen) {
@@ -47304,7 +47361,7 @@ var Root15 = function(t0) {
     return t13;
 };
 var Messages3 = function(t0) {
-    var $ = _c82(5);
+    var $ = _c83(5);
     var className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== style) {
@@ -47333,7 +47390,7 @@ var Messages3 = function(t0) {
     return t2;
 };
 var FormContainer = function(t0) {
-    var $ = _c82(4);
+    var $ = _c83(4);
     var children = t0.children, className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
@@ -47357,7 +47414,7 @@ var FormContainer = function(t0) {
     return t1;
 };
 var Content8 = function(props) {
-    var $ = _c82(4);
+    var $ = _c83(4);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsx84(Messages3, {});
@@ -47397,7 +47454,7 @@ Content8.FormContainer = FormContainer;
 // src/components/threads/ThreadDialog/index.tsx
 import { jsx as _jsx85, jsxs as _jsxs30 } from "react/jsx-runtime";
 var ThreadDialog = function() {
-    var $ = _c83(1);
+    var $ = _c84(1);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsxs30(Root13, {
@@ -47416,11 +47473,11 @@ ThreadDialog.Root = Root13;
 ThreadDialog.Trigger = Trigger;
 ThreadDialog.Content = Content8;
 // src/components/threads/AudioThreadDialog/index.tsx
-import { c as _c98 } from "react-compiler-runtime";
+import { c as _c99 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/index.tsx
-import { c as _c97 } from "react-compiler-runtime";
+import { c as _c98 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/Root/index.tsx
-import { c as _c89 } from "react-compiler-runtime";
+import { c as _c90 } from "react-compiler-runtime";
 import { Flex as Flex29 } from "@radix-ui/themes";
 // src/contexts/threads/AudioThreadContext/index.ts
 import { createContext as createContext13 } from "react";
@@ -47433,12 +47490,12 @@ var useAudioThreadContext = function() {
     return useContext19(AudioThreadContext);
 };
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
-import { c as _c88 } from "react-compiler-runtime";
+import { c as _c89 } from "react-compiler-runtime";
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
-import { c as _c87 } from "react-compiler-runtime";
+import { c as _c88 } from "react-compiler-runtime";
 import { useMemo as useMemo18 } from "react";
 // src/hooks/misc/usePermission/index.ts
-import { c as _c84 } from "react-compiler-runtime";
+import { c as _c85 } from "react-compiler-runtime";
 import { useEffect as useEffect7, useState as useState7 } from "react";
 // src/hooks/misc/usePermission/util.ts
 var noop = function() {};
@@ -47462,7 +47519,7 @@ function off(obj) {
 }
 // src/hooks/misc/usePermission/index.ts
 var usePermission = function(permissionDesc) {
-    var $ = _c84(3);
+    var $ = _c85(3);
     var _useState7 = _sliced_to_array(useState7(""), 2), state = _useState7[0], setState = _useState7[1];
     var t0;
     var t1;
@@ -47511,10 +47568,10 @@ import { useAudioCapture } from "use-audio-capture";
 import { useMemo as useMemo16, useRef as useRef7, useState as useState8, useCallback as useCallback5, useEffect as useEffect9 } from "react";
 import { useAudioPlayer } from "react-use-audio-player";
 // src/hooks/misc/useInterval.ts
-import { c as _c85 } from "react-compiler-runtime";
+import { c as _c86 } from "react-compiler-runtime";
 import { useEffect as useEffect8, useRef as useRef6 } from "react";
 var useInterval = function(callback, delay) {
-    var $ = _c85(5);
+    var $ = _c86(5);
     var savedCallback = useRef6(_temp8);
     var t0;
     if ($[0] !== callback) {
@@ -47767,7 +47824,7 @@ var useRecorder = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-import { c as _c86 } from "react-compiler-runtime";
+import { c as _c87 } from "react-compiler-runtime";
 import { useMemo as useMemo17, useRef as useRef8, useState as useState9, useEffect as useEffect10, useCallback as useCallback6 } from "react";
 import nlp from "compromise";
 import { Howler } from "howler";
@@ -47850,7 +47907,7 @@ var getMessageSentences = function(_ref) {
 };
 var useMessageAudio = function(t0) {
     var _latestMessageProps$l;
-    var $ = _c86(49);
+    var $ = _c87(49);
     var _onEnd = t0.onEnd, passedPlay = t0.play;
     var _useState9 = _sliced_to_array(useState9(false), 2), isAudioPlayed = _useState9[0], setIsAudioPlayed = _useState9[1];
     var t1;
@@ -48230,7 +48287,7 @@ function _asyncToGenerator11(n) {
     };
 }
 var useTtsAudioRuntime = function(t0) {
-    var $ = _c87(30);
+    var $ = _c88(30);
     var play = t0.play;
     var addToast = useToasts().addToast;
     var queryClient = useQueryClient6();
@@ -48406,7 +48463,7 @@ function _temp24() {
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
 import { jsx as _jsx86 } from "react/jsx-runtime";
 var TtsAudioRuntimeProvider = function(t0) {
-    var $ = _c88(7);
+    var $ = _c89(7);
     var children = t0.children, play = t0.play;
     var t1;
     if ($[0] !== play) {
@@ -48516,7 +48573,7 @@ function _objectWithoutPropertiesLoose5(r, e) {
     return t;
 }
 var Content9 = function(t0) {
-    var $ = _c89(4);
+    var $ = _c90(4);
     var children = t0.children, className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
@@ -48538,7 +48595,7 @@ var Content9 = function(t0) {
     return t1;
 };
 var AudioRuntimeProvider = function(t0) {
-    var $ = _c89(3);
+    var $ = _c90(3);
     var children = t0.children, play = t0.play;
     var audioThreadContext = useAudioThreadContext();
     if (audioThreadContext.audioRuntime) {
@@ -48559,7 +48616,7 @@ var AudioRuntimeProvider = function(t0) {
     return t1;
 };
 var Provider5 = function(t0) {
-    var $ = _c89(9);
+    var $ = _c90(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -48599,7 +48656,7 @@ var Provider5 = function(t0) {
     return t2;
 };
 var Root16 = function(t0) {
-    var $ = _c89(16);
+    var $ = _c90(16);
     var children;
     var className;
     var play;
@@ -48666,7 +48723,7 @@ var Root16 = function(t0) {
     return t3;
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-import { c as _c91 } from "react-compiler-runtime";
+import { c as _c92 } from "react-compiler-runtime";
 import { useState as useState11, useCallback as useCallback8, useEffect as useEffect12, useContext as useContext20, createContext as createContext14 } from "react";
 import _9 from "lodash";
 import { Flex as Flex31 } from "@radix-ui/themes";
@@ -48735,10 +48792,10 @@ var BarsVisualizer = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-import { c as _c90 } from "react-compiler-runtime";
+import { c as _c91 } from "react-compiler-runtime";
 import { useMemo as useMemo19 } from "react";
 var useStatus = function() {
-    var $ = _c90(2);
+    var $ = _c91(2);
     var audioRuntime = useAudioThreadContext().audioRuntime;
     var t0;
     bb0: {
@@ -48898,7 +48955,7 @@ var Provider6 = function(_ref) {
     });
 };
 var Root17 = function(t0) {
-    var $ = _c91(6);
+    var $ = _c92(6);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -48935,7 +48992,7 @@ var Root17 = function(t0) {
     return t1;
 };
 var BarsVisualizer2 = function(t0) {
-    var $ = _c91(10);
+    var $ = _c92(10);
     var rest;
     var t1;
     var t2;
@@ -48979,7 +49036,7 @@ var BarsVisualizer2 = function(t0) {
     return t4;
 };
 var AssistantVisualizationRoot = function(t0) {
-    var $ = _c91(17);
+    var $ = _c92(17);
     var children;
     var rest;
     var t1;
@@ -49052,7 +49109,7 @@ var AssistantVisualizationRoot = function(t0) {
     return t6;
 };
 var AssistantVisualization = function(props) {
-    var $ = _c91(3);
+    var $ = _c92(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsx89(BarsVisualizer2, {});
@@ -49075,7 +49132,7 @@ var AssistantVisualization = function(props) {
 AssistantVisualization.Root = AssistantVisualizationRoot;
 AssistantVisualization.BarsVisualizer = BarsVisualizer2;
 var AssistantInfo = function(props) {
-    var $ = _c91(6);
+    var $ = _c92(6);
     var assistantNameContext = useContext20(AssistantNameContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -49115,7 +49172,7 @@ var AssistantInfo = function(props) {
     return t2;
 };
 var Visualization = function(props) {
-    var $ = _c91(4);
+    var $ = _c92(4);
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -49147,9 +49204,9 @@ Visualization.Provider = Provider6;
 Visualization.AssistantVisualization = AssistantVisualization;
 Visualization.AssistantInfo = AssistantInfo;
 // src/components/threads/AudioThread/Status/index.tsx
-import { c as _c93 } from "react-compiler-runtime";
+import { c as _c94 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
-import { c as _c92 } from "react-compiler-runtime";
+import { c as _c93 } from "react-compiler-runtime";
 import { Flex as Flex32, Text as Text9 } from "@radix-ui/themes";
 import { jsx as _jsx90, jsxs as _jsxs32 } from "react/jsx-runtime";
 var html = function(_ref) {
@@ -49159,7 +49216,7 @@ var html = function(_ref) {
     }).join(""), "\n  }");
 };
 var StatusMessages = function(t0) {
-    var $ = _c92(9);
+    var $ = _c93(9);
     var texts = t0.texts, className = t0.className, style = t0.style;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -49263,7 +49320,7 @@ function _toPrimitive49(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Status = function(props) {
-    var $ = _c93(12);
+    var $ = _c94(12);
     var status = useStatus().status;
     if (status === "recording") {
         var _t;
@@ -49360,10 +49417,10 @@ var Status = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-import { c as _c96 } from "react-compiler-runtime";
+import { c as _c97 } from "react-compiler-runtime";
 import { Flex as Flex34 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/Form/MicIcon.tsx
-import { c as _c94 } from "react-compiler-runtime";
+import { c as _c95 } from "react-compiler-runtime";
 import { jsx as _jsx92 } from "react/jsx-runtime";
 function ownKeys50(e, r) {
     var t = Object.keys(e);
@@ -49409,7 +49466,7 @@ function _toPrimitive50(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MicIcon = function(props) {
-    var $ = _c94(3);
+    var $ = _c95(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsx92("path", {
@@ -49441,12 +49498,12 @@ var MicIcon = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
-import { c as _c95 } from "react-compiler-runtime";
+import { c as _c96 } from "react-compiler-runtime";
 import { Flex as Flex33, IconButton as IconButton10 } from "@radix-ui/themes";
 import { StopIcon as StopIcon2, PauseIcon as PauseIcon2, ArrowUpIcon as ArrowUpIcon3, ResumeIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx93, jsxs as _jsxs33 } from "react/jsx-runtime";
 var ActionButton = function() {
-    var $ = _c95(27);
+    var $ = _c96(27);
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var superinterfaceContext = useSuperinterfaceContext();
@@ -49684,7 +49741,7 @@ function _toPrimitive51(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Form = function(props) {
-    var $ = _c96(17);
+    var $ = _c97(17);
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var t0 = status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
@@ -49834,7 +49891,7 @@ function _toPrimitive52(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThread = function(props) {
-    var $ = _c97(5);
+    var $ = _c98(5);
     var t0;
     var t1;
     var t2;
@@ -49916,7 +49973,7 @@ function _toPrimitive53(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThreadDialog = function(props) {
-    var $ = _c98(4);
+    var $ = _c99(4);
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -50438,10 +50495,10 @@ var useWebrtcAudioRuntime = function() {
     ]);
 };
 // src/components/audioRuntimes/WebrtcAudioRuntimeProvider.tsx
-import { c as _c99 } from "react-compiler-runtime";
+import { c as _c100 } from "react-compiler-runtime";
 import { jsx as _jsx97 } from "react/jsx-runtime";
 var WebrtcAudioRuntimeProvider = function(t0) {
-    var $ = _c99(5);
+    var $ = _c100(5);
     var children = t0.children;
     var webrtcAudioRuntime = useWebrtcAudioRuntime().webrtcAudioRuntime;
     var t1;
@@ -50469,14 +50526,14 @@ var WebrtcAudioRuntimeProvider = function(t0) {
     return t2;
 };
 // src/components/gui/Gui/index.tsx
-import { c as _c102 } from "react-compiler-runtime";
+import { c as _c103 } from "react-compiler-runtime";
 import { useMemo as useMemo23 } from "react";
 import { Flex as Flex35, Card as Card5, Spinner as Spinner3 } from "@radix-ui/themes";
 // src/hooks/messages/useLatestAssistantMessage/index.ts
-import { c as _c100 } from "react-compiler-runtime";
+import { c as _c101 } from "react-compiler-runtime";
 import { useMemo as useMemo21 } from "react";
 var useLatestAssistantMessage = function() {
-    var $ = _c100(4);
+    var $ = _c101(4);
     var _useMessages = useMessages(), messages2 = _useMessages.messages;
     var t0;
     var t1;
@@ -50505,11 +50562,11 @@ function _temp11(message) {
     return message.role === "assistant";
 }
 // src/hooks/messages/useLatestAssistantMessageWithContent/index.ts
-import { c as _c101 } from "react-compiler-runtime";
+import { c as _c102 } from "react-compiler-runtime";
 import { isEmpty as isEmpty3 } from "radash";
 import { useMemo as useMemo22 } from "react";
 var useLatestAssistantMessageWithContent = function() {
-    var $ = _c101(4);
+    var $ = _c102(4);
     var _useMessages = useMessages(), messages2 = _useMessages.messages;
     var t0;
     var t1;
@@ -50543,7 +50600,7 @@ function _temp25(message) {
 // src/components/gui/Gui/index.tsx
 import { jsx as _jsx98, jsxs as _jsxs37 } from "react/jsx-runtime";
 var StartingToolCalls3 = function() {
-    var $ = _c102(2);
+    var $ = _c103(2);
     var _useComponents = useComponents(), t0 = _useComponents.components;
     var StartingToolCalls4 = t0.StartingToolCalls;
     var t1;
@@ -50557,7 +50614,7 @@ var StartingToolCalls3 = function() {
     return t1;
 };
 var Content10 = function(t0) {
-    var $ = _c102(5);
+    var $ = _c103(5);
     var latestRunStep = t0.latestRunStep;
     var t1;
     bb0: {
@@ -50611,7 +50668,7 @@ var Content10 = function(t0) {
     return t2;
 };
 var Progress2 = function(t0) {
-    var $ = _c102(5);
+    var $ = _c103(5);
     var latestAssistantMessage = t0.latestAssistantMessage;
     var isMutatingMessage = useIsMutatingMessage();
     var t1;
@@ -50661,7 +50718,7 @@ var Progress2 = function(t0) {
     return t4;
 };
 var Gui = function() {
-    var $ = _c102(8);
+    var $ = _c103(8);
     var latestAssistantMessage = useLatestAssistantMessage().latestAssistantMessage;
     var latestAssistantMessageWithContent = useLatestAssistantMessageWithContent().latestAssistantMessageWithContent;
     if (!latestAssistantMessage || !latestAssistantMessageWithContent) {
@@ -50727,7 +50784,7 @@ function _temp13(rs) {
     return rs.status === "in_progress";
 }
 // src/components/markdown/MarkdownProvider/index.tsx
-import { c as _c103 } from "react-compiler-runtime";
+import { c as _c104 } from "react-compiler-runtime";
 import { useMemo as useMemo24 } from "react";
 import { jsx as _jsx99 } from "react/jsx-runtime";
 var _excluded7 = [
@@ -50752,7 +50809,7 @@ function _objectWithoutPropertiesLoose7(r, e) {
     return t;
 }
 var MarkdownProvider = function(t0) {
-    var $ = _c103(9);
+    var $ = _c104(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -50795,18 +50852,18 @@ var MarkdownProvider = function(t0) {
     return t3;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-import { c as _c106 } from "react-compiler-runtime";
+import { c as _c107 } from "react-compiler-runtime";
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-import { c as _c105 } from "react-compiler-runtime";
+import { c as _c106 } from "react-compiler-runtime";
 import { useState as useState13 } from "react";
 import { QuoteIcon as QuoteIcon2 } from "@radix-ui/react-icons";
 import { Dialog, VisuallyHidden, IconButton as IconButton11 } from "@radix-ui/themes";
 // src/components/annotations/SourceAnnotation/FileCitation/Content.tsx
-import { c as _c104 } from "react-compiler-runtime";
+import { c as _c105 } from "react-compiler-runtime";
 import { Flex as Flex36, Card as Card6, Inset as Inset3 } from "@radix-ui/themes";
 import { jsx as _jsx100 } from "react/jsx-runtime";
 var Content11 = function(t0) {
-    var $ = _c104(5);
+    var $ = _c105(5);
     var fileId = t0.fileId;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -50872,7 +50929,7 @@ var Content11 = function(t0) {
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
 import { jsx as _jsx101, jsxs as _jsxs38, Fragment as _Fragment6 } from "react/jsx-runtime";
 var FileCitation = function(t0) {
-    var $ = _c105(18);
+    var $ = _c106(18);
     var annotation = t0.annotation;
     var _useState13 = _sliced_to_array(useState13(null), 2), activeFileId = _useState13[0], setActiveFileId = _useState13[1];
     var t1;
@@ -51021,7 +51078,7 @@ function _objectWithoutPropertiesLoose8(r, e) {
     return t;
 }
 var SourceAnnotation = function(t0) {
-    var $ = _c106(10);
+    var $ = _c107(10);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -51078,7 +51135,7 @@ var SourceAnnotation = function(t0) {
     return null;
 };
 // src/components/avatars/Avatar.tsx
-import { c as _c109 } from "react-compiler-runtime";
+import { c as _c110 } from "react-compiler-runtime";
 // src/enums/index.ts
 var IconAvatarName = /* @__PURE__ */ function(IconAvatarName2) {
     IconAvatarName2["BACKPACK"] = "BACKPACK";
@@ -51103,7 +51160,7 @@ var AvatarType = /* @__PURE__ */ function(AvatarType2) {
 // src/components/avatars/Avatar.tsx
 import { Avatar as RadixAvatar } from "@radix-ui/themes";
 // src/components/imageAvatars/ImageAvatar/index.tsx
-import { c as _c107 } from "react-compiler-runtime";
+import { c as _c108 } from "react-compiler-runtime";
 import { Avatar as Avatar4 } from "@radix-ui/themes";
 // src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
 var width = function(_ref) {
@@ -51157,7 +51214,7 @@ var optimizedSrc = function(_ref) {
 // src/components/imageAvatars/ImageAvatar/index.tsx
 import { jsx as _jsx103 } from "react/jsx-runtime";
 var ImageAvatar = function(t0) {
-    var $ = _c107(9);
+    var $ = _c108(9);
     var imageAvatar = t0.imageAvatar, size = t0.size, className = t0.className, style = t0.style;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -51194,7 +51251,7 @@ var ImageAvatar = function(t0) {
     return t2;
 };
 // src/components/iconAvatars/IconAvatar.tsx
-import { c as _c108 } from "react-compiler-runtime";
+import { c as _c109 } from "react-compiler-runtime";
 import { useMemo as useMemo25 } from "react";
 import { Avatar as Avatar5 } from "@radix-ui/themes";
 // src/lib/iconAvatars/iconAvatarComponents.ts
@@ -51204,7 +51261,7 @@ var iconAvatarComponents = (_obj = {}, _define_property(_obj, IconAvatarName.BAC
 // src/components/iconAvatars/IconAvatar.tsx
 import { jsx as _jsx104 } from "react/jsx-runtime";
 var IconAvatar = function(t0) {
-    var $ = _c108(7);
+    var $ = _c109(7);
     var iconAvatar = t0.iconAvatar, size = t0.size, className = t0.className, style = t0.style;
     var t1;
     t1 = iconAvatarComponents[iconAvatar.name];
@@ -51238,7 +51295,7 @@ var IconAvatar = function(t0) {
 // src/components/avatars/Avatar.tsx
 import { jsx as _jsx105 } from "react/jsx-runtime";
 var Avatar6 = function(t0) {
-    var $ = _c109(14);
+    var $ = _c110(14);
     var avatar = t0.avatar, t1 = t0.size, className = t0.className, style = t0.style;
     var size = t1 === void 0 ? "1" : t1;
     if (avatar) {
@@ -51299,7 +51356,7 @@ var Avatar6 = function(t0) {
     return t2;
 };
 // src/components/components/ComponentsProvider.tsx
-import { c as _c110 } from "react-compiler-runtime";
+import { c as _c111 } from "react-compiler-runtime";
 import { useMemo as useMemo26 } from "react";
 import { jsx as _jsx106 } from "react/jsx-runtime";
 var _excluded9 = [
@@ -51324,7 +51381,7 @@ function _objectWithoutPropertiesLoose9(r, e) {
     return t;
 }
 var ComponentsProvider = function(t0) {
-    var $ = _c110(9);
+    var $ = _c111(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -51367,11 +51424,11 @@ var ComponentsProvider = function(t0) {
     return t3;
 };
 // src/components/assistants/AssistantProvider/index.tsx
-import { c as _c111 } from "react-compiler-runtime";
+import { c as _c112 } from "react-compiler-runtime";
 import { jsx as _jsx107 } from "react/jsx-runtime";
 var AssistantProvider = function(t0) {
     var _assistant$name;
-    var $ = _c111(10);
+    var $ = _c112(10);
     var children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -51423,5 +51480,5 @@ var AssistantProvider = function(t0) {
     }
     return t6;
 };
-export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar6 as Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, Gui, MarkdownContext, MarkdownProvider, MessageContent, MessageGroup, MessagesSkeleton, RunStep, SourceAnnotation, StartingContentSkeleton, StartingSkeleton, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, TtsAudioRuntimeProvider, UserAvatarContext, WebrtcAudioRuntimeProvider, useAssistant, useAudioThreadContext, useComponents, useCreateFile, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext, useTtsAudioRuntime, useWebrtcAudioRuntime };
+export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar6 as Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, Gui, MarkdownContext, MarkdownProvider, MessageContent, MessageGroup, MessagesSkeleton, RunStep, SourceAnnotation, StartingContentSkeleton, StartingSkeleton, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, TtsAudioRuntimeProvider, UserAvatarContext, WebrtcAudioRuntimeProvider, useAssistant, useAudioThreadContext, useChangeFilesField, useComponents, useCreateFile, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext, useTtsAudioRuntime, useWebrtcAudioRuntime };
 //# sourceMappingURL=index.js.map