@superinterface/react 5.0.0-beta.0 → 5.0.0-beta.1

package/dist/index.cjs

@@ -8304,7 +8304,7 @@ var require_lib = __commonJS({
                         key: "parseMaybeAssign",
                         value: function parseMaybeAssign(refExpressionErrors, afterLeftParse) {
                             var _this = this;
-                            var _jsx108;
+                            var _jsx109;
                             var state = null;
                             var jsx2;
                             if (this.hasPlugin("jsx") && (this.match(143) || this.match(47))) {
@@ -8319,7 +8319,7 @@ var require_lib = __commonJS({
                                     context.pop();
                                 }
                             }
-                            if ((_jsx108 = jsx2) != null && _jsx108.error || this.match(47)) {
+                            if ((_jsx109 = jsx2) != null && _jsx109.error || this.match(47)) {
                                 var _jsx210, _jsx310;
                                 state = state || this.state.clone();
                                 var typeParameters;
@@ -13185,7 +13185,7 @@ var require_lib = __commonJS({
                         key: "parseMaybeAssign",
                         value: function parseMaybeAssign(refExpressionErrors, afterLeftParse) {
                             var _this = this;
-                            var _jsx108, _jsx210, _typeCast, _jsx310, _typeCast2;
+                            var _jsx109, _jsx210, _typeCast, _jsx310, _typeCast2;
                             var state;
                             var jsx2;
                             var typeCast;
@@ -13201,7 +13201,7 @@ var require_lib = __commonJS({
                                     context.pop();
                                 }
                             }
-                            if (!((_jsx108 = jsx2) != null && _jsx108.error) && !this.match(47)) {
+                            if (!((_jsx109 = jsx2) != null && _jsx109.error) && !this.match(47)) {
                                 return _get(_get_prototype_of(TypeScriptParserMixin.prototype), "parseMaybeAssign", this).call(this, refExpressionErrors, afterLeftParse);
                             }
                             if (!state || state === this.state) state = this.state.clone();
@@ -37960,16 +37960,16 @@ var SuperinterfaceProvider = function(_ref) {
     });
 };
 // src/components/threads/Thread/index.tsx
-var import_react_compiler_runtime76 = require("react-compiler-runtime");
+var import_react_compiler_runtime77 = require("react-compiler-runtime");
 // src/components/threads/Thread/Messages/index.tsx
-var import_react_compiler_runtime65 = require("react-compiler-runtime");
+var import_react_compiler_runtime66 = require("react-compiler-runtime");
 var import_themes45 = require("@radix-ui/themes");
 // src/components/threads/Thread/Message/index.tsx
-var import_react_compiler_runtime59 = require("react-compiler-runtime");
+var import_react_compiler_runtime60 = require("react-compiler-runtime");
 var import_react43 = require("react");
 var import_themes42 = require("@radix-ui/themes");
 // src/components/runSteps/RunSteps/index.tsx
-var import_react_compiler_runtime55 = require("react-compiler-runtime");
+var import_react_compiler_runtime56 = require("react-compiler-runtime");
 var import_themes41 = require("@radix-ui/themes");
 var import_react41 = require("react");
 // src/contexts/components/ComponentsContext/index.tsx
@@ -43103,23 +43103,42 @@ var ImageFileContent = function(t0) {
     }
     return t2;
 };
+// src/components/contents/ImageUrlContent.tsx
+var import_react_compiler_runtime45 = require("react-compiler-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var ImageUrlContent = function(t0) {
+    var $ = (0, import_react_compiler_runtime45.c)(2);
+    var content2 = t0.content;
+    var t1;
+    if ($[0] !== content2.image_url.url) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Image, {
+            alt: "",
+            src: content2.image_url.url
+        });
+        $[0] = content2.image_url.url;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    return t1;
+};
 // src/components/messageGroups/MessageGroup/index.tsx
-var import_react_compiler_runtime50 = require("react-compiler-runtime");
+var import_react_compiler_runtime51 = require("react-compiler-runtime");
 var import_react37 = require("react");
 var import_themes36 = require("@radix-ui/themes");
 // src/components/messageGroups/MessageGroup/Name.tsx
-var import_react_compiler_runtime45 = require("react-compiler-runtime");
+var import_react_compiler_runtime46 = require("react-compiler-runtime");
 var import_themes29 = require("@radix-ui/themes");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var Name = function(t0) {
-    var $ = (0, import_react_compiler_runtime45.c)(2);
+    var $ = (0, import_react_compiler_runtime46.c)(2);
     var children = t0.children;
     var t1;
     if ($[0] !== children) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes29.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes29.Flex, {
             align: "center",
             height: "var(--space-5)",
-            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes29.Text, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes29.Text, {
                 size: "2",
                 weight: "bold",
                 children: children
@@ -43133,20 +43152,20 @@ var Name = function(t0) {
     return t1;
 };
 // src/components/messageGroups/MessageGroup/AssistantAvatar.tsx
-var import_react_compiler_runtime46 = require("react-compiler-runtime");
+var import_react_compiler_runtime47 = require("react-compiler-runtime");
 var import_react32 = require("react");
 var import_themes31 = require("@radix-ui/themes");
 // src/contexts/assistants/AssistantAvatarContext/index.tsx
 var import_react31 = require("react");
 var import_themes30 = require("@radix-ui/themes");
 var import_react_icons8 = require("@radix-ui/react-icons");
-var import_jsx_runtime46 = require("react/jsx-runtime");
-var AssistantAvatarContext = /* @__PURE__ */ (0, import_react31.createContext)(/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes30.Avatar, {
-    fallback: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_icons8.LightningBoltIcon, {}),
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var AssistantAvatarContext = /* @__PURE__ */ (0, import_react31.createContext)(/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes30.Avatar, {
+    fallback: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_icons8.LightningBoltIcon, {}),
     size: "1"
 }));
 // src/components/messageGroups/MessageGroup/AssistantAvatar.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function ownKeys25(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -43191,7 +43210,7 @@ function _toPrimitive25(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root2 = function(t0) {
-    var $ = (0, import_react_compiler_runtime46.c)(6);
+    var $ = (0, import_react_compiler_runtime47.c)(6);
     var children = t0.children, style = t0.style, className = t0.className;
     var t1;
     if ($[0] !== style) {
@@ -43206,7 +43225,7 @@ var Root2 = function(t0) {
     }
     var t2;
     if ($[2] !== children || $[3] !== className || $[4] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes31.Flex, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes31.Flex, {
             flexShrink: "0",
             height: "24px",
             width: "24px",
@@ -43224,12 +43243,12 @@ var Root2 = function(t0) {
     return t2;
 };
 var AssistantAvatar = function(t0) {
-    var $ = (0, import_react_compiler_runtime46.c)(4);
+    var $ = (0, import_react_compiler_runtime47.c)(4);
     var style = t0.style, className = t0.className;
     var AssistantAvatarContextValue = (0, import_react32.useContext)(AssistantAvatarContext);
     var t1;
     if ($[0] !== AssistantAvatarContextValue || $[1] !== className || $[2] !== style) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Root2, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Root2, {
             style: style,
             className: className,
             children: AssistantAvatarContextValue
@@ -43248,22 +43267,22 @@ AssistantAvatar.Root = Root2;
 var import_react33 = require("react");
 var AssistantNameContext = /* @__PURE__ */ (0, import_react33.createContext)("Assistant");
 // src/components/messageGroups/MessageGroup/UserAvatar.tsx
-var import_react_compiler_runtime47 = require("react-compiler-runtime");
+var import_react_compiler_runtime48 = require("react-compiler-runtime");
 var import_react35 = require("react");
 var import_themes33 = require("@radix-ui/themes");
 // src/contexts/users/UserAvatarContext/index.tsx
 var import_react34 = require("react");
 var import_themes32 = require("@radix-ui/themes");
 var import_react_icons9 = require("@radix-ui/react-icons");
-var import_jsx_runtime48 = require("react/jsx-runtime");
-var UserAvatarContext = /* @__PURE__ */ (0, import_react34.createContext)(/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes32.Avatar, {
-    fallback: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_icons9.PersonIcon, {}),
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var UserAvatarContext = /* @__PURE__ */ (0, import_react34.createContext)(/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes32.Avatar, {
+    fallback: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_icons9.PersonIcon, {}),
     size: "1"
 }));
 // src/components/messageGroups/MessageGroup/UserAvatar.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var UserAvatar = function() {
-    var $ = (0, import_react_compiler_runtime47.c)(3);
+    var $ = (0, import_react_compiler_runtime48.c)(3);
     var UserAvatarContextValue = (0, import_react35.useContext)(UserAvatarContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -43277,7 +43296,7 @@ var UserAvatar = function() {
     }
     var t1;
     if ($[1] !== UserAvatarContextValue) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes33.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes33.Flex, {
             flexShrink: "0",
             height: "24px",
             width: "24px",
@@ -43292,11 +43311,11 @@ var UserAvatar = function() {
     return t1;
 };
 // src/components/messageGroups/MessageGroup/Messages.tsx
-var import_react_compiler_runtime48 = require("react-compiler-runtime");
+var import_react_compiler_runtime49 = require("react-compiler-runtime");
 var import_themes34 = require("@radix-ui/themes");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var Messages = function(t0) {
-    var $ = (0, import_react_compiler_runtime48.c)(4);
+    var $ = (0, import_react_compiler_runtime49.c)(4);
     var messageGroup = t0.messageGroup;
     var t1;
     if ($[0] !== messageGroup.messages) {
@@ -43308,7 +43327,7 @@ var Messages = function(t0) {
     }
     var t2;
     if ($[2] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes34.Flex, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes34.Flex, {
             direction: "column-reverse",
             children: t1
         });
@@ -43320,21 +43339,21 @@ var Messages = function(t0) {
     return t2;
 };
 function _temp(message) {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Message, {
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Message, {
         message: message
     }, message.id);
 }
 // src/components/messageGroups/MessageGroup/Root.tsx
-var import_react_compiler_runtime49 = require("react-compiler-runtime");
+var import_react_compiler_runtime50 = require("react-compiler-runtime");
 var import_react36 = require("react");
 var import_themes35 = require("@radix-ui/themes");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var Root3 = /* @__PURE__ */ (0, import_react36.forwardRef)(function Root4(t0, ref) {
-    var $ = (0, import_react_compiler_runtime49.c)(7);
+    var $ = (0, import_react_compiler_runtime50.c)(7);
     var children = t0.children, style = t0.style, className = t0.className;
     var t1;
     if ($[0] !== children) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes35.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes35.Flex, {
             flexShrink: "0",
             gap: "3",
             children: children
@@ -43346,7 +43365,7 @@ var Root3 = /* @__PURE__ */ (0, import_react36.forwardRef)(function Root4(t0, re
     }
     var t2;
     if ($[2] !== className || $[3] !== ref || $[4] !== style || $[5] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes35.Container, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes35.Container, {
             ref: ref,
             size: "2",
             flexGrow: "0",
@@ -43365,14 +43384,14 @@ var Root3 = /* @__PURE__ */ (0, import_react36.forwardRef)(function Root4(t0, re
     return t2;
 });
 // src/components/messageGroups/MessageGroup/index.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var Content5 = function(t0) {
-    var $ = (0, import_react_compiler_runtime50.c)(12);
+    var $ = (0, import_react_compiler_runtime51.c)(12);
     var messageGroup = t0.messageGroup;
     var assistantNameContext = (0, import_react37.useContext)(AssistantNameContext);
     var t1;
     if ($[0] !== messageGroup.role) {
-        t1 = messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(AssistantAvatar, {});
+        t1 = messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(AssistantAvatar, {});
         $[0] = messageGroup.role;
         $[1] = t1;
     } else {
@@ -43381,7 +43400,7 @@ var Content5 = function(t0) {
     var t2 = messageGroup.role === "user" ? "You" : assistantNameContext;
     var t3;
     if ($[2] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Name, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Name, {
             children: t2
         });
         $[2] = t2;
@@ -43391,7 +43410,7 @@ var Content5 = function(t0) {
     }
     var t4;
     if ($[4] !== messageGroup) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Messages, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Messages, {
             messageGroup: messageGroup
         });
         $[4] = messageGroup;
@@ -43401,7 +43420,7 @@ var Content5 = function(t0) {
     }
     var t5;
     if ($[6] !== t3 || $[7] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_themes36.Box, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_themes36.Box, {
             flexGrow: "1",
             children: [
                 t3,
@@ -43416,7 +43435,7 @@ var Content5 = function(t0) {
     }
     var t6;
     if ($[9] !== t1 || $[10] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, {
             children: [
                 t1,
                 t5
@@ -43431,11 +43450,11 @@ var Content5 = function(t0) {
     return t6;
 };
 var MessageGroup = function(t0) {
-    var $ = (0, import_react_compiler_runtime50.c)(6);
+    var $ = (0, import_react_compiler_runtime51.c)(6);
     var messageGroup = t0.messageGroup, style = t0.style, className = t0.className;
     var t1;
     if ($[0] !== messageGroup) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Content5, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Content5, {
             messageGroup: messageGroup
         });
         $[0] = messageGroup;
@@ -43445,7 +43464,7 @@ var MessageGroup = function(t0) {
     }
     var t2;
     if ($[2] !== className || $[3] !== style || $[4] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Root3, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Root3, {
             className: className,
             style: style,
             children: t1
@@ -43466,20 +43485,20 @@ MessageGroup.UserAvatar = UserAvatar;
 MessageGroup.Messages = Messages;
 MessageGroup.Content = Content5;
 // src/components/messages/MessageAttachments.tsx
-var import_react_compiler_runtime51 = require("react-compiler-runtime");
+var import_react_compiler_runtime52 = require("react-compiler-runtime");
 var import_themes37 = require("@radix-ui/themes");
 var import_react_icons10 = require("@radix-ui/react-icons");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var MessageAttachments = function(t0) {
     var _message$attachments;
-    var $ = (0, import_react_compiler_runtime51.c)(4);
+    var $ = (0, import_react_compiler_runtime52.c)(4);
     var message = t0.message;
     if (!((_message$attachments = message.attachments) !== null && _message$attachments !== void 0 && _message$attachments.length)) {
         return null;
     }
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_icons10.FileIcon, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_icons10.FileIcon, {});
         $[0] = t1;
     } else {
         t1 = $[0];
@@ -43487,10 +43506,10 @@ var MessageAttachments = function(t0) {
     var t2 = message.attachments.length > 1 ? "s" : "";
     var t3;
     if ($[1] !== message.attachments.length || $[2] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes37.Flex, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes37.Flex, {
             align: "start",
             pb: "1",
-            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_themes37.Badge, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_themes37.Badge, {
                 color: "gray",
                 variant: "surface",
                 children: [
@@ -43510,18 +43529,18 @@ var MessageAttachments = function(t0) {
     return t3;
 };
 // src/components/skeletons/StartingSkeleton/index.tsx
-var import_react_compiler_runtime53 = require("react-compiler-runtime");
+var import_react_compiler_runtime54 = require("react-compiler-runtime");
 var import_react38 = require("react");
 var import_themes39 = require("@radix-ui/themes");
 // src/components/skeletons/StartingContentSkeleton/index.tsx
-var import_react_compiler_runtime52 = require("react-compiler-runtime");
+var import_react_compiler_runtime53 = require("react-compiler-runtime");
 var import_themes38 = require("@radix-ui/themes");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var StartingContentSkeleton = function() {
-    var $ = (0, import_react_compiler_runtime52.c)(1);
+    var $ = (0, import_react_compiler_runtime53.c)(1);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes38.Skeleton, {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes38.Skeleton, {
             loading: true,
             mt: "1",
             height: "var(--space-4)",
@@ -43538,20 +43557,20 @@ var StartingContentSkeleton = function() {
     return t0;
 };
 // src/components/skeletons/StartingSkeleton/index.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var StartingSkeleton = function(t0) {
-    var $ = (0, import_react_compiler_runtime53.c)(3);
+    var $ = (0, import_react_compiler_runtime54.c)(3);
     var children = t0.children;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Content6, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Content6, {});
         $[0] = t1;
     } else {
         t1 = $[0];
     }
     var t2;
     if ($[1] !== children) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Root5, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Root5, {
             children: [
                 children,
                 t1
@@ -43565,19 +43584,19 @@ var StartingSkeleton = function(t0) {
     return t2;
 };
 var Root5 = function(t0) {
-    var $ = (0, import_react_compiler_runtime53.c)(6);
+    var $ = (0, import_react_compiler_runtime54.c)(6);
     var children = t0.children;
     var assistantNameContext = (0, import_react38.useContext)(AssistantNameContext);
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(MessageGroup.AssistantAvatar, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(MessageGroup.AssistantAvatar, {});
         $[0] = t1;
     } else {
         t1 = $[0];
     }
     var t2;
     if ($[1] !== assistantNameContext) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(MessageGroup.Name, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(MessageGroup.Name, {
             children: assistantNameContext
         });
         $[1] = assistantNameContext;
@@ -43587,10 +43606,10 @@ var Root5 = function(t0) {
     }
     var t3;
     if ($[3] !== children || $[4] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(MessageGroup.Root, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(MessageGroup.Root, {
             children: [
                 t1,
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_themes39.Box, {
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_themes39.Box, {
                     children: [
                         t2,
                         children
@@ -43610,18 +43629,18 @@ var Content6 = StartingContentSkeleton;
 StartingSkeleton.Root = Root5;
 StartingSkeleton.Content = Content6;
 // src/components/skeletons/MessagesSkeleton/index.tsx
-var import_react_compiler_runtime54 = require("react-compiler-runtime");
+var import_react_compiler_runtime55 = require("react-compiler-runtime");
 var import_react39 = require("react");
 var import_themes40 = require("@radix-ui/themes");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var MessagesSkeleton = /* @__PURE__ */ (0, import_react39.forwardRef)(function MessagesSkeleton2(_props, ref) {
-    var $ = (0, import_react_compiler_runtime54.c)(7);
+    var $ = (0, import_react_compiler_runtime55.c)(7);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes40.Skeleton, {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes40.Skeleton, {
             loading: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes40.Avatar, {
-                fallback: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes40.Flex, {}),
+            children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes40.Avatar, {
+                fallback: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes40.Flex, {}),
                 size: "1"
             })
         });
@@ -43631,8 +43650,8 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react39.forwardRef)(function M
     }
     var t1;
     if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(MessageGroup.Name, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes40.Skeleton, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(MessageGroup.Name, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes40.Skeleton, {
                 loading: true,
                 style: {
                     width: "128px"
@@ -43645,7 +43664,7 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react39.forwardRef)(function M
     }
     var t2;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes40.Skeleton, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes40.Skeleton, {
             loading: true,
             style: {
                 width: "256px"
@@ -43657,7 +43676,7 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react39.forwardRef)(function M
     }
     var t3;
     if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes40.Skeleton, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes40.Skeleton, {
             loading: true,
             style: {
                 width: "256px",
@@ -43670,13 +43689,13 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react39.forwardRef)(function M
     }
     var t4;
     if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_themes40.Box, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_themes40.Box, {
             pb: "3",
             children: [
                 t1,
                 t2,
                 t3,
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes40.Skeleton, {
+                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes40.Skeleton, {
                     loading: true,
                     style: {
                         width: "256px",
@@ -43691,7 +43710,7 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react39.forwardRef)(function M
     }
     var t5;
     if ($[5] !== ref) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(MessageGroup.Root, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(MessageGroup.Root, {
             ref: ref,
             children: [
                 t0,
@@ -43716,6 +43735,7 @@ var ComponentsContext = /* @__PURE__ */ (0, import_react40.createContext)({
         FallbackToolCall: FallbackToolCall,
         TextContent: TextContent,
         ImageFileContent: ImageFileContent,
+        ImageUrlContent: ImageUrlContent,
         MessageGroup: MessageGroup,
         MessageAttachments: MessageAttachments,
         StartingSkeleton: StartingSkeleton,
@@ -43724,9 +43744,9 @@ var ComponentsContext = /* @__PURE__ */ (0, import_react40.createContext)({
     }
 });
 // src/components/runSteps/RunSteps/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var RunSteps = function(t0) {
-    var $ = (0, import_react_compiler_runtime55.c)(7);
+    var $ = (0, import_react_compiler_runtime56.c)(7);
     var runSteps = t0.runSteps;
     var componentsContext = (0, import_react41.useContext)(ComponentsContext);
     var Component2 = componentsContext.components.RunStep;
@@ -43735,7 +43755,7 @@ var RunSteps = function(t0) {
         var _t;
         if ($[3] !== Component2) {
             _t = function(runStep) {
-                return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Component2, {
+                return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Component2, {
                     runStep: runStep
                 }, runStep.id);
             };
@@ -43753,7 +43773,7 @@ var RunSteps = function(t0) {
     }
     var t2;
     if ($[5] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes41.Flex, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes41.Flex, {
             direction: "column-reverse",
             children: t1
         });
@@ -43772,16 +43792,16 @@ var MessageContext = /* @__PURE__ */ (0, import_react42.createContext)({
 // src/components/threads/Thread/Message/Provider.tsx
 var Provider = MessageContext.Provider;
 // src/components/threads/Thread/Message/Attachments/index.tsx
-var import_react_compiler_runtime56 = require("react-compiler-runtime");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_react_compiler_runtime57 = require("react-compiler-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var Attachments = function(t0) {
-    var $ = (0, import_react_compiler_runtime56.c)(3);
+    var $ = (0, import_react_compiler_runtime57.c)(3);
     var message = t0.message;
     var _useComponents = useComponents(), t1 = _useComponents.components;
     var MessageAttachments2 = t1.MessageAttachments;
     var t2;
     if ($[0] !== MessageAttachments2 || $[1] !== message) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(MessageAttachments2, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MessageAttachments2, {
             message: message
         });
         $[0] = MessageAttachments2;
@@ -43793,18 +43813,18 @@ var Attachments = function(t0) {
     return t2;
 };
 // src/components/messages/MessageContent/index.tsx
-var import_react_compiler_runtime58 = require("react-compiler-runtime");
+var import_react_compiler_runtime59 = require("react-compiler-runtime");
 // src/components/messages/MessageContent/ContentPart/index.tsx
-var import_react_compiler_runtime57 = require("react-compiler-runtime");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_react_compiler_runtime58 = require("react-compiler-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var TextContent2 = function(t0) {
-    var $ = (0, import_react_compiler_runtime57.c)(3);
+    var $ = (0, import_react_compiler_runtime58.c)(3);
     var content2 = t0.content;
     var _useComponents = useComponents(), t1 = _useComponents.components;
     var TextContent3 = t1.TextContent;
     var t2;
     if ($[0] !== TextContent3 || $[1] !== content2) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TextContent3, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TextContent3, {
             content: content2
         });
         $[0] = TextContent3;
@@ -43816,13 +43836,13 @@ var TextContent2 = function(t0) {
     return t2;
 };
 var ImageFileContent2 = function(t0) {
-    var $ = (0, import_react_compiler_runtime57.c)(3);
+    var $ = (0, import_react_compiler_runtime58.c)(3);
     var content2 = t0.content;
     var _useComponents = useComponents(), t1 = _useComponents.components;
     var ImageFileContent3 = t1.ImageFileContent;
     var t2;
     if ($[0] !== ImageFileContent3 || $[1] !== content2) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ImageFileContent3, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ImageFileContent3, {
             content: content2
         });
         $[0] = ImageFileContent3;
@@ -43833,13 +43853,31 @@ var ImageFileContent2 = function(t0) {
     }
     return t2;
 };
+var ImageUrlContent2 = function(t0) {
+    var $ = (0, import_react_compiler_runtime58.c)(3);
+    var content2 = t0.content;
+    var _useComponents = useComponents(), t1 = _useComponents.components;
+    var ImageUrlContent3 = t1.ImageUrlContent;
+    var t2;
+    if ($[0] !== ImageUrlContent3 || $[1] !== content2) {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ImageUrlContent3, {
+            content: content2
+        });
+        $[0] = ImageUrlContent3;
+        $[1] = content2;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    return t2;
+};
 var ContentPart = function(t0) {
-    var $ = (0, import_react_compiler_runtime57.c)(4);
+    var $ = (0, import_react_compiler_runtime58.c)(6);
     var content2 = t0.content;
     if (content2.type === "text") {
         var t1;
         if ($[0] !== content2) {
-            t1 = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TextContent2, {
+            t1 = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TextContent2, {
                 content: content2
             });
             $[0] = content2;
@@ -43852,7 +43890,7 @@ var ContentPart = function(t0) {
     if (content2.type === "image_file") {
         var _t;
         if ($[2] !== content2) {
-            _t = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ImageFileContent2, {
+            _t = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ImageFileContent2, {
                 content: content2
             });
             $[2] = content2;
@@ -43862,12 +43900,25 @@ var ContentPart = function(t0) {
         }
         return _t;
     }
+    if (content2.type === "image_url") {
+        var _t2;
+        if ($[4] !== content2) {
+            _t2 = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ImageUrlContent2, {
+                content: content2
+            });
+            $[4] = content2;
+            $[5] = _t2;
+        } else {
+            _t2 = $[5];
+        }
+        return _t2;
+    }
     return null;
 };
 // src/components/messages/MessageContent/index.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var MessageContent = function(t0) {
-    var $ = (0, import_react_compiler_runtime58.c)(4);
+    var $ = (0, import_react_compiler_runtime59.c)(4);
     var message = t0.message;
     var t1;
     if ($[0] !== message.content) {
@@ -43879,7 +43930,7 @@ var MessageContent = function(t0) {
     }
     var t2;
     if ($[2] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_jsx_runtime60.Fragment, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, {
             children: t1
         });
         $[2] = t1;
@@ -43890,14 +43941,14 @@ var MessageContent = function(t0) {
     return t2;
 };
 function _temp2(content2, index) {
-    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ContentPart, {
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ContentPart, {
         content: content2
     }, index);
 }
 // src/components/threads/Thread/Message/index.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var Message = function(t0) {
-    var $ = (0, import_react_compiler_runtime59.c)(40);
+    var $ = (0, import_react_compiler_runtime60.c)(40);
     var message = t0.message, className = t0.className, style = t0.style;
     var t1;
     bb0: {
@@ -44027,7 +44078,7 @@ var Message = function(t0) {
     }
     var t3;
     if ($[24] !== olderRunSteps_0) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(RunSteps, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(RunSteps, {
             runSteps: olderRunSteps_0
         });
         $[24] = olderRunSteps_0;
@@ -44046,13 +44097,13 @@ var Message = function(t0) {
     }
     var t5;
     if ($[27] !== message) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes42.Box, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes42.Box, {
             style: t4,
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Attachments, {
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Attachments, {
                     message: message
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(MessageContent, {
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(MessageContent, {
                     message: message
                 })
             ]
@@ -44064,7 +44115,7 @@ var Message = function(t0) {
     }
     var t6;
     if ($[29] !== laterRunSteps_0) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(RunSteps, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(RunSteps, {
             runSteps: laterRunSteps_0
         });
         $[29] = laterRunSteps_0;
@@ -44074,7 +44125,7 @@ var Message = function(t0) {
     }
     var t7;
     if ($[31] !== className || $[32] !== style || $[33] !== t3 || $[34] !== t5 || $[35] !== t6) {
-        t7 = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes42.Box, {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes42.Box, {
             className: className,
             style: style,
             children: [
@@ -44094,7 +44145,7 @@ var Message = function(t0) {
     }
     var t8;
     if ($[37] !== t2 || $[38] !== t7) {
-        t8 = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Provider, {
+        t8 = /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Provider, {
             value: t2,
             children: t7
         });
@@ -44113,10 +44164,10 @@ function _temp22(runStep_1) {
     return runStep_1.step_details.type === "message_creation";
 }
 // src/components/threads/Thread/Messages/Content/index.tsx
-var import_react_compiler_runtime61 = require("react-compiler-runtime");
+var import_react_compiler_runtime62 = require("react-compiler-runtime");
 var import_react45 = require("react");
 // src/hooks/messageGroups/useMessageGroups/index.ts
-var import_react_compiler_runtime60 = require("react-compiler-runtime");
+var import_react_compiler_runtime61 = require("react-compiler-runtime");
 var import_react44 = require("react");
 // src/hooks/messageGroups/useMessageGroups/lib/messageGroups/index.ts
 var import_lodash6 = __toESM(require("lodash"), 1);
@@ -44221,7 +44272,7 @@ var messageGroups = function(_ref) {
 };
 // src/hooks/messageGroups/useMessageGroups/index.ts
 var useMessageGroups = function(t0) {
-    var $ = (0, import_react_compiler_runtime60.c)(4);
+    var $ = (0, import_react_compiler_runtime61.c)(4);
     var messages2 = t0.messages;
     var t1;
     var t2;
@@ -44248,9 +44299,9 @@ var useMessageGroups = function(t0) {
     return t1;
 };
 // src/components/threads/Thread/Messages/Content/index.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var Content7 = function() {
-    var $ = (0, import_react_compiler_runtime61.c)(15);
+    var $ = (0, import_react_compiler_runtime62.c)(15);
     var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
     var addToast = useToasts().addToast;
     var t0;
@@ -44293,7 +44344,7 @@ var Content7 = function() {
     if (isLoading || isLoadingError) {
         var _t;
         if ($[6] !== MessagesSkeleton3) {
-            _t = /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(MessagesSkeleton3, {});
+            _t = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(MessagesSkeleton3, {});
             $[6] = MessagesSkeleton3;
             $[7] = _t;
         } else {
@@ -44306,7 +44357,7 @@ var Content7 = function() {
         var _t2;
         if ($[11] !== MessageGroup2) {
             _t2 = function(messageGroup) {
-                return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(MessageGroup2, {
+                return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(MessageGroup2, {
                     messageGroup: messageGroup
                 }, messageGroup.id);
             };
@@ -44324,7 +44375,7 @@ var Content7 = function() {
     }
     var t5;
     if ($[13] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_jsx_runtime63.Fragment, {
             children: t4
         });
         $[13] = t4;
@@ -44335,17 +44386,17 @@ var Content7 = function() {
     return t5;
 };
 // src/components/threads/Thread/Messages/Progress/index.tsx
-var import_react_compiler_runtime62 = require("react-compiler-runtime");
+var import_react_compiler_runtime63 = require("react-compiler-runtime");
 var import_react46 = require("react");
 var import_themes43 = require("@radix-ui/themes");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var StartingSkeleton2 = function() {
-    var $ = (0, import_react_compiler_runtime62.c)(2);
+    var $ = (0, import_react_compiler_runtime63.c)(2);
     var _useComponents = useComponents(), t0 = _useComponents.components;
     var StartingSkeleton3 = t0.StartingSkeleton;
     var t1;
     if ($[0] !== StartingSkeleton3) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(StartingSkeleton3, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(StartingSkeleton3, {});
         $[0] = StartingSkeleton3;
         $[1] = t1;
     } else {
@@ -44354,12 +44405,12 @@ var StartingSkeleton2 = function() {
     return t1;
 };
 var StartingContentSkeleton2 = function() {
-    var $ = (0, import_react_compiler_runtime62.c)(2);
+    var $ = (0, import_react_compiler_runtime63.c)(2);
     var _useComponents = useComponents(), t0 = _useComponents.components;
     var StartingContentSkeleton3 = t0.StartingContentSkeleton;
     var t1;
     if ($[0] !== StartingContentSkeleton3) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(StartingContentSkeleton3, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(StartingContentSkeleton3, {});
         $[0] = StartingContentSkeleton3;
         $[1] = t1;
     } else {
@@ -44368,7 +44419,7 @@ var StartingContentSkeleton2 = function() {
     return t1;
 };
 var Progress = function() {
-    var $ = (0, import_react_compiler_runtime62.c)(3);
+    var $ = (0, import_react_compiler_runtime63.c)(3);
     var latestMessage = useLatestMessage().latestMessage;
     var isMutatingMessage = useIsMutatingMessage();
     var t0;
@@ -44401,7 +44452,7 @@ var Progress = function() {
     if (isStartingSkeletonVisible) {
         var t1;
         if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-            t1 = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(StartingSkeleton2, {});
+            t1 = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(StartingSkeleton2, {});
             $[0] = t1;
         } else {
             t1 = $[0];
@@ -44411,18 +44462,18 @@ var Progress = function() {
     if (isMutatingMessage) {
         var _t;
         if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-            _t = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(MessageGroup.AssistantAvatar.Root, {});
+            _t = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(MessageGroup.AssistantAvatar.Root, {});
             $[1] = _t;
         } else {
             _t = $[1];
         }
         var t2;
         if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-            t2 = /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(MessageGroup.Root, {
+            t2 = /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(MessageGroup.Root, {
                 children: [
                     _t,
-                    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes43.Box, {
-                        children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(StartingContentSkeleton2, {})
+                    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes43.Box, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(StartingContentSkeleton2, {})
                     })
                 ]
             });
@@ -44435,7 +44486,7 @@ var Progress = function() {
     return null;
 };
 // src/components/threads/Thread/Messages/Root/index.tsx
-var import_react_compiler_runtime63 = require("react-compiler-runtime");
+var import_react_compiler_runtime64 = require("react-compiler-runtime");
 var import_themes44 = require("@radix-ui/themes");
 // src/hooks/misc/useInfiniteScroll/index.tsx
 var import_react48 = require("react");
@@ -44488,7 +44539,7 @@ var useInfiniteScroll = function(_ref) {
     };
 };
 // src/components/threads/Thread/Messages/Root/index.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function ownKeys27(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -44533,7 +44584,7 @@ function _toPrimitive27(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root6 = function(t0) {
-    var $ = (0, import_react_compiler_runtime63.c)(18);
+    var $ = (0, import_react_compiler_runtime64.c)(18);
     var children = t0.children, style = t0.style, className = t0.className;
     var _useMessages = useMessages(), isFetchingNextPage = _useMessages.isFetchingNextPage, hasNextPage = _useMessages.hasNextPage, fetchNextPage = _useMessages.fetchNextPage;
     var t1;
@@ -44571,7 +44622,7 @@ var Root6 = function(t0) {
     }
     var t4;
     if ($[8] !== hasNextPage || $[9] !== loaderRef) {
-        t4 = hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes44.Flex, {
+        t4 = hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes44.Flex, {
             ref: loaderRef
         });
         $[8] = hasNextPage;
@@ -44582,7 +44633,7 @@ var Root6 = function(t0) {
     }
     var t5;
     if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes44.Flex, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes44.Flex, {
             flexShrink: "0",
             flexGrow: "1"
         });
@@ -44592,7 +44643,7 @@ var Root6 = function(t0) {
     }
     var t6;
     if ($[12] !== children || $[13] !== className || $[14] !== containerRef || $[15] !== t3 || $[16] !== t4) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_themes44.Flex, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_themes44.Flex, {
             ref: containerRef,
             direction: "column-reverse",
             flexGrow: "1",
@@ -44616,10 +44667,10 @@ var Root6 = function(t0) {
     return t6;
 };
 // src/components/threads/Thread/Messages/NextPageSkeleton.tsx
-var import_react_compiler_runtime64 = require("react-compiler-runtime");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_react_compiler_runtime65 = require("react-compiler-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var NextPageSkeleton = function() {
-    var $ = (0, import_react_compiler_runtime64.c)(2);
+    var $ = (0, import_react_compiler_runtime65.c)(2);
     var hasNextPage = useMessages().hasNextPage;
     var _useComponents = useComponents(), t0 = _useComponents.components;
     var MessagesSkeleton3 = t0.MessagesSkeleton;
@@ -44628,7 +44679,7 @@ var NextPageSkeleton = function() {
     }
     var t1;
     if ($[0] !== MessagesSkeleton3) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(MessagesSkeleton3, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(MessagesSkeleton3, {});
         $[0] = MessagesSkeleton3;
         $[1] = t1;
     } else {
@@ -44637,18 +44688,18 @@ var NextPageSkeleton = function() {
     return t1;
 };
 // src/components/threads/Thread/Messages/index.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var Messages2 = function(t0) {
-    var $ = (0, import_react_compiler_runtime65.c)(9);
+    var $ = (0, import_react_compiler_runtime66.c)(9);
     var children = t0.children, className = t0.className, style = t0.style;
     var t1;
     var t2;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes45.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes45.Flex, {
             flexShrink: "0",
             height: "var(--space-3)"
         });
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Progress, {});
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Progress, {});
         $[0] = t1;
         $[1] = t2;
     } else {
@@ -44659,9 +44710,9 @@ var Messages2 = function(t0) {
     var t4;
     var t5;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Content7, {});
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(NextPageSkeleton, {});
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes45.Flex, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Content7, {});
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(NextPageSkeleton, {});
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes45.Flex, {
             flexShrink: "0",
             flexGrow: "1",
             minHeight: "var(--space-5)"
@@ -44676,7 +44727,7 @@ var Messages2 = function(t0) {
     }
     var t6;
     if ($[5] !== children || $[6] !== className || $[7] !== style) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Root6, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Root6, {
             style: style,
             className: className,
             children: [
@@ -44702,9 +44753,9 @@ Messages2.Message = Message;
 Messages2.NextPageSkeleton = NextPageSkeleton;
 Messages2.Content = Content7;
 // src/components/threads/Thread/MessageForm/index.tsx
-var import_react_compiler_runtime72 = require("react-compiler-runtime");
+var import_react_compiler_runtime73 = require("react-compiler-runtime");
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
-var import_react_compiler_runtime66 = require("react-compiler-runtime");
+var import_react_compiler_runtime67 = require("react-compiler-runtime");
 var import_react_icons11 = require("@radix-ui/react-icons");
 var import_themes46 = require("@radix-ui/themes");
 // src/hooks/messages/useMessageFormContext/index.ts
@@ -44724,7 +44775,7 @@ var useMessageFormContext = function() {
     return (0, import_react50.useContext)(MessageFormContext);
 };
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function ownKeys28(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -44769,11 +44820,11 @@ function _toPrimitive28(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root7 = function(t0) {
-    var $ = (0, import_react_compiler_runtime66.c)(4);
+    var $ = (0, import_react_compiler_runtime67.c)(4);
     var children = t0.children, style = t0.style, className = t0.className;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes46.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes46.Flex, {
             flexShrink: "0",
             align: "end",
             style: style,
@@ -44790,7 +44841,7 @@ var Root7 = function(t0) {
     return t1;
 };
 var Button3 = function(props) {
-    var $ = (0, import_react_compiler_runtime66.c)(10);
+    var $ = (0, import_react_compiler_runtime67.c)(10);
     var superinterfaceContext = useSuperinterfaceContext();
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, isFileLoading = _useMessageFormContext.isFileLoading;
     if (isLoading) {
@@ -44807,14 +44858,14 @@ var Button3 = function(props) {
         }
         var _t2;
         if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-            _t2 = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react_icons11.StopIcon, {});
+            _t2 = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_icons11.StopIcon, {});
             $[2] = _t2;
         } else {
             _t2 = $[2];
         }
         var _t3;
         if ($[3] !== props || $[4] !== _t) {
-            _t3 = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes46.IconButton, _objectSpread28(_objectSpread28({
+            _t3 = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes46.IconButton, _objectSpread28(_objectSpread28({
                 type: "button",
                 onClick: _t
             }, props), {}, {
@@ -44831,14 +44882,14 @@ var Button3 = function(props) {
     var t0 = isDisabled || isFileLoading;
     var t1;
     if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react_icons11.ArrowUpIcon, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_icons11.ArrowUpIcon, {});
         $[6] = t1;
     } else {
         t1 = $[6];
     }
     var t2;
     if ($[7] !== props || $[8] !== t0) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes46.IconButton, _objectSpread28(_objectSpread28({
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes46.IconButton, _objectSpread28(_objectSpread28({
             type: "submit",
             disabled: t0
         }, props), {}, {
@@ -44853,17 +44904,17 @@ var Button3 = function(props) {
     return t2;
 };
 var Submit = function(props) {
-    var $ = (0, import_react_compiler_runtime66.c)(3);
+    var $ = (0, import_react_compiler_runtime67.c)(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Button3, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Button3, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Root7, _objectSpread28(_objectSpread28({}, props), {}, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Root7, _objectSpread28(_objectSpread28({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -44891,7 +44942,7 @@ var formOptions = {
 };
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 var import_radash14 = require("radash");
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function ownKeys29(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -45067,7 +45118,7 @@ var Root8 = function(_ref) {
         };
     }();
     var content_0 = watch("content");
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(MessageFormContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MessageFormContext.Provider, {
         value: {
             isDisabled: isDisabled,
             isLoading: isLoading,
@@ -45076,13 +45127,13 @@ var Root8 = function(_ref) {
             isFileLoading: isFileLoading,
             content: content_0
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_hook_form.FormProvider, _objectSpread29(_objectSpread29({}, formProps), {}, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes47.Box, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react_hook_form.FormProvider, _objectSpread29(_objectSpread29({}, formProps), {}, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes47.Box, {
                 asChild: true,
                 flexShrink: "0",
                 style: style,
                 className: className,
-                children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("form", {
+                children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("form", {
                     onSubmit: handleSubmit(onSubmit),
                     children: children
                 })
@@ -45094,7 +45145,7 @@ var Root8 = function(_ref) {
 var import_react_hook_form3 = require("react-hook-form");
 var import_themes51 = require("@radix-ui/themes");
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-var import_react_compiler_runtime68 = require("react-compiler-runtime");
+var import_react_compiler_runtime69 = require("react-compiler-runtime");
 var import_themes48 = require("@radix-ui/themes");
 var import_react_hook_form2 = require("react-hook-form");
 // src/hooks/misc/usePrevious.ts
@@ -45109,10 +45160,10 @@ var usePrevious = function(state) {
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
 var import_react54 = require("react");
 // src/components/textareas/TextareaBase/index.tsx
-var import_react_compiler_runtime67 = require("react-compiler-runtime");
+var import_react_compiler_runtime68 = require("react-compiler-runtime");
 var import_react53 = require("react");
 var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"), 1);
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var _excluded3 = [
     "style",
     "className"
@@ -45179,7 +45230,7 @@ function _objectWithoutPropertiesLoose3(r, e) {
     return t;
 }
 var TextareaBase = /* @__PURE__ */ (0, import_react53.forwardRef)(function TextareaBase2(t0, ref) {
-    var $ = (0, import_react_compiler_runtime67.c)(14);
+    var $ = (0, import_react_compiler_runtime68.c)(14);
     var className;
     var rest;
     var style;
@@ -45200,7 +45251,7 @@ var TextareaBase = /* @__PURE__ */ (0, import_react53.forwardRef)(function Texta
     }
     var t1;
     if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("style", {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("style", {
             children: ".superinterface-textarea { min-height: inherit; height: 30px; }\n.superinterface-textarea::placeholder { color: var(--gray-a10); }"
         });
         $[4] = t1;
@@ -45234,10 +45285,10 @@ var TextareaBase = /* @__PURE__ */ (0, import_react53.forwardRef)(function Texta
     }
     var t5;
     if ($[9] !== ref || $[10] !== rest || $[11] !== t2 || $[12] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, {
             children: [
                 t1,
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react_textarea_autosize.default, _objectSpread30({
+                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react_textarea_autosize.default, _objectSpread30({
                     ref: ref,
                     className: t2,
                     style: t4
@@ -45255,7 +45306,7 @@ var TextareaBase = /* @__PURE__ */ (0, import_react53.forwardRef)(function Texta
     return t5;
 });
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 function ownKeys31(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -45300,11 +45351,11 @@ function _toPrimitive31(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root9 = function(t0) {
-    var $ = (0, import_react_compiler_runtime68.c)(4);
+    var $ = (0, import_react_compiler_runtime69.c)(4);
     var children = t0.children, style = t0.style, className = t0.className;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes48.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes48.Flex, {
             flexGrow: "1",
             pt: "4px",
             style: style,
@@ -45345,7 +45396,7 @@ var Input = function(props) {
         isDisabledPrevious,
         textareaProps
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TextareaBase, _objectSpread31(_objectSpread31(_objectSpread31({
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TextareaBase, _objectSpread31(_objectSpread31(_objectSpread31({
         minRows: 1,
         placeholder: (_props$placeholder = props.placeholder) !== null && _props$placeholder !== void 0 ? _props$placeholder : "Message ".concat(assistantNameContext, "..."),
         disabled: isDisabled,
@@ -45365,17 +45416,17 @@ var Input = function(props) {
     }));
 };
 var Control = function(props) {
-    var $ = (0, import_react_compiler_runtime68.c)(3);
+    var $ = (0, import_react_compiler_runtime69.c)(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Input, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Input, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Root9, _objectSpread31(_objectSpread31({}, props), {}, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Root9, _objectSpread31(_objectSpread31({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -45388,10 +45439,10 @@ var Control = function(props) {
 Control.Root = Root9;
 Control.Input = Input;
 // src/components/threads/Thread/MessageForm/Field/Files/Preview.tsx
-var import_react_compiler_runtime69 = require("react-compiler-runtime");
+var import_react_compiler_runtime70 = require("react-compiler-runtime");
 var import_themes49 = require("@radix-ui/themes");
 var import_react_icons12 = require("@radix-ui/react-icons");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 function ownKeys32(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -45436,7 +45487,7 @@ function _toPrimitive32(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Preview = function(props) {
-    var $ = (0, import_react_compiler_runtime69.c)(8);
+    var $ = (0, import_react_compiler_runtime70.c)(8);
     var _useMessageFormContext = useMessageFormContext(), files = _useMessageFormContext.files, setFiles = _useMessageFormContext.setFiles;
     if (!files.length) {
         return null;
@@ -45446,30 +45497,30 @@ var Preview = function(props) {
         var _t;
         if ($[3] !== setFiles) {
             _t = function(file) {
-                return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes49.Card, {
+                return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.Card, {
                     variant: "ghost",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_themes49.Flex, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_themes49.Flex, {
                         align: "center",
                         justify: "between",
                         gap: "1",
                         children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_themes49.Flex, {
+                            /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_themes49.Flex, {
                                 align: "center",
                                 gap: "1",
                                 flexShrink: "1",
                                 minWidth: "0",
                                 maxWidth: "250px",
                                 children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes49.Flex, {
+                                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.Flex, {
                                         flexShrink: "0",
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes49.Spinner, {
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.Spinner, {
                                             loading: isOptimistic({
                                                 id: file.id
                                             }),
-                                            children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react_icons12.FileIcon, {})
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons12.FileIcon, {})
                                         })
                                     }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes49.Text, {
+                                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.Text, {
                                         size: "2",
                                         truncate: true,
                                         wrap: "nowrap",
@@ -45477,9 +45528,9 @@ var Preview = function(props) {
                                     })
                                 ]
                             }),
-                            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes49.Flex, {
+                            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.Flex, {
                                 flexShrink: "0",
-                                children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes49.IconButton, {
+                                children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.IconButton, {
                                     onClick: function() {
                                         return setFiles(function(prev) {
                                             return prev.filter(function(prevFile) {
@@ -45490,7 +45541,7 @@ var Preview = function(props) {
                                     color: "gray",
                                     variant: "ghost",
                                     size: "1",
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react_icons12.Cross2Icon, {})
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons12.Cross2Icon, {})
                                 })
                             })
                         ]
@@ -45511,7 +45562,7 @@ var Preview = function(props) {
     }
     var t1;
     if ($[5] !== props || $[6] !== t0) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes49.Flex, _objectSpread32(_objectSpread32({
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes49.Flex, _objectSpread32(_objectSpread32({
             flexBasis: "100%",
             direction: "column",
             pb: "2",
@@ -45528,7 +45579,7 @@ var Preview = function(props) {
     return t1;
 };
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
-var import_react_compiler_runtime71 = require("react-compiler-runtime");
+var import_react_compiler_runtime72 = require("react-compiler-runtime");
 var import_react_icons13 = require("@radix-ui/react-icons");
 var import_themes50 = require("@radix-ui/themes");
 // src/hooks/files/useChangeFilesField/index.ts
@@ -45536,7 +45587,7 @@ var import_react55 = require("react");
 var import_radash15 = require("radash");
 var import_dayjs2 = __toESM(require("dayjs"), 1);
 // src/hooks/files/useCreateFile/index.ts
-var import_react_compiler_runtime70 = require("react-compiler-runtime");
+var import_react_compiler_runtime71 = require("react-compiler-runtime");
 var import_react_query7 = require("@tanstack/react-query");
 // src/hooks/files/useCreateFile/lib/mutationOptions/mutationFn/body/formData.ts
 var formData = function(variables) {
@@ -45772,7 +45823,7 @@ function _toPrimitive35(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useCreateFile = function(t0) {
-    var $ = (0, import_react_compiler_runtime70.c)(15);
+    var $ = (0, import_react_compiler_runtime71.c)(15);
     var t1;
     if ($[0] !== t0) {
         t1 = t0 === void 0 ? {
@@ -46101,7 +46152,7 @@ var useChangeFilesField = function() {
 // 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
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 function ownKeys36(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -46146,7 +46197,7 @@ function _toPrimitive36(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Control2 = function(props) {
-    var $ = (0, import_react_compiler_runtime71.c)(11);
+    var $ = (0, import_react_compiler_runtime72.c)(11);
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
     var changeFilesField = useChangeFilesField().changeFilesField;
     var t0 = isDisabled || isLoading;
@@ -46157,7 +46208,7 @@ var Control2 = function(props) {
             position: "relative",
             overflow: "hidden"
         };
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons13.FilePlusIcon, {});
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react_icons13.FilePlusIcon, {});
         $[0] = t1;
         $[1] = t2;
     } else {
@@ -46181,7 +46232,7 @@ var Control2 = function(props) {
     }
     var t4;
     if ($[3] !== changeFilesField) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("input", {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("input", {
             type: "file",
             multiple: true,
             accept: filesFieldAccept,
@@ -46195,7 +46246,7 @@ var Control2 = function(props) {
     }
     var t5;
     if ($[5] !== t0 || $[6] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_themes50.IconButton, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_themes50.IconButton, {
             type: "button",
             variant: "ghost",
             color: "gray",
@@ -46214,7 +46265,7 @@ var Control2 = function(props) {
     }
     var t6;
     if ($[8] !== props || $[9] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes50.Flex, _objectSpread36(_objectSpread36({
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes50.Flex, _objectSpread36(_objectSpread36({
             pt: "2",
             pr: "2",
             flexGrow: "0"
@@ -46235,7 +46286,7 @@ var Files = {
     Control: Control2
 };
 // src/components/threads/Thread/MessageForm/Field/index.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 function ownKeys37(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -46283,18 +46334,18 @@ var Root10 = function(_ref) {
     "use no memo";
     var children = _ref.children, className = _ref.className, style = _ref.style;
     var _$_ref = (0, import_react_hook_form3.useFormContext)(), errors = _$_ref.formState.errors;
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes51.Container, {
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes51.Container, {
         size: "2",
         flexGrow: "0",
         className: className,
         style: style,
-        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes51.Flex, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes51.Flex, {
             direction: "column",
             flexShrink: "0",
-            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes51.Flex, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes51.Flex, {
                 direction: "column",
                 flexShrink: "0",
-                children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes51.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes51.Flex, {
                     style: _objectSpread37({
                         borderRadius: "var(--radius-2)",
                         borderWidth: "1px",
@@ -46318,7 +46369,7 @@ var Field = {
     Files: Files
 };
 // src/components/threads/Thread/MessageForm/index.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 function ownKeys38(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -46363,13 +46414,13 @@ function _toPrimitive38(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MessageForm = function(props) {
-    var $ = (0, import_react_compiler_runtime72.c)(3);
+    var $ = (0, import_react_compiler_runtime73.c)(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Field.Root, {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Field.Root, {
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Field.Control, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Submit, {})
+                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Field.Control, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Submit, {})
             ]
         });
         $[0] = t0;
@@ -46378,7 +46429,7 @@ var MessageForm = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Root8, _objectSpread38(_objectSpread38({}, props), {}, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Root8, _objectSpread38(_objectSpread38({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -46392,32 +46443,32 @@ MessageForm.Root = Root8;
 MessageForm.Field = Field;
 MessageForm.Submit = Submit;
 // src/components/threads/Thread/Root/index.tsx
-var import_react_compiler_runtime75 = require("react-compiler-runtime");
+var import_react_compiler_runtime76 = require("react-compiler-runtime");
 var import_themes53 = require("@radix-ui/themes");
 // src/components/threads/Thread/Provider/index.tsx
 var Provider2 = SuperinterfaceProvider;
 // src/components/toasts/ToastsProvider/index.tsx
-var import_react_compiler_runtime74 = require("react-compiler-runtime");
+var import_react_compiler_runtime75 = require("react-compiler-runtime");
 var import_react56 = require("react");
 var Toast2 = __toESM(require("@radix-ui/react-toast"), 1);
 // src/components/toasts/ToastsProvider/CustomToast.tsx
-var import_react_compiler_runtime73 = require("react-compiler-runtime");
+var import_react_compiler_runtime74 = require("react-compiler-runtime");
 var Toast = __toESM(require("@radix-ui/react-toast"), 1);
 var import_themes52 = require("@radix-ui/themes");
 var import_react_icons14 = require("@radix-ui/react-icons");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var CustomToast = function(t0) {
-    var $ = (0, import_react_compiler_runtime73.c)(7);
+    var $ = (0, import_react_compiler_runtime74.c)(7);
     var toast = t0.toast;
     var t1;
     if ($[0] !== toast.type) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes52.Flex, {
             pr: "2",
             height: "14px",
             align: "center",
-            children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_icons14.CheckCircledIcon, {
+            children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_icons14.CheckCircledIcon, {
                 color: "var(--accent-9)"
-            }) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_icons14.CrossCircledIcon, {
+            }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_icons14.CrossCircledIcon, {
                 color: "var(--red-9)"
             })
         });
@@ -46428,7 +46479,7 @@ var CustomToast = function(t0) {
     }
     var t2;
     if ($[2] !== toast.message) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.Text, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes52.Text, {
             weight: "medium",
             size: "1",
             children: toast.message
@@ -46440,10 +46491,10 @@ var CustomToast = function(t0) {
     }
     var t3;
     if ($[4] !== t1 || $[5] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Toast.Root, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.Card, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Toast.Title, {
-                    children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_themes52.Flex, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Toast.Root, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes52.Card, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Toast.Title, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_themes52.Flex, {
                         children: [
                             t1,
                             t2
@@ -46461,9 +46512,9 @@ var CustomToast = function(t0) {
     return t3;
 };
 // src/components/toasts/ToastsProvider/index.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var ToastsProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime74.c)(15);
+    var $ = (0, import_react_compiler_runtime75.c)(15);
     var children = t0.children, t1 = t0.bottom;
     var bottom = t1 === void 0 ? 0 : t1;
     var t2;
@@ -46509,7 +46560,7 @@ var ToastsProvider = function(t0) {
     }
     var t6;
     if ($[6] !== bottom) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Toast2.Viewport, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Toast2.Viewport, {
             style: {
                 position: "absolute",
                 bottom: bottom,
@@ -46533,7 +46584,7 @@ var ToastsProvider = function(t0) {
     }
     var t7;
     if ($[8] !== children || $[9] !== t5 || $[10] !== t6) {
-        t7 = /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Toast2.Provider, {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Toast2.Provider, {
             children: [
                 children,
                 t5,
@@ -46549,7 +46600,7 @@ var ToastsProvider = function(t0) {
     }
     var t8;
     if ($[12] !== t4 || $[13] !== t7) {
-        t8 = /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ToastsContext.Provider, {
+        t8 = /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToastsContext.Provider, {
             value: t4,
             children: t7
         });
@@ -46562,12 +46613,12 @@ var ToastsProvider = function(t0) {
     return t8;
 };
 function _temp5(toast_0, index) {
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(CustomToast, {
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(CustomToast, {
         toast: toast_0
     }, index);
 }
 // src/components/threads/Thread/Root/index.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var _excluded4 = [
     "children",
     "style",
@@ -46635,7 +46686,7 @@ function _objectWithoutPropertiesLoose4(r, e) {
     return t;
 }
 var Root12 = function(t0) {
-    var $ = (0, import_react_compiler_runtime75.c)(12);
+    var $ = (0, import_react_compiler_runtime76.c)(12);
     var children;
     var className;
     var rest;
@@ -46659,7 +46710,7 @@ var Root12 = function(t0) {
     }
     var t1;
     if ($[5] !== children || $[6] !== className || $[7] !== style) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes53.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_themes53.Flex, {
             direction: "column",
             flexGrow: "1",
             className: className,
@@ -46675,9 +46726,9 @@ var Root12 = function(t0) {
     }
     var t2;
     if ($[9] !== rest || $[10] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToastsProvider, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToastsProvider, {
             bottom: "var(--space-9)",
-            children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Provider2, _objectSpread39(_objectSpread39({}, rest), {}, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Provider2, _objectSpread39(_objectSpread39({}, rest), {}, {
                 children: t1
             }))
         });
@@ -46690,7 +46741,7 @@ var Root12 = function(t0) {
     return t2;
 };
 // src/components/threads/Thread/index.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 function ownKeys40(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -46735,12 +46786,12 @@ function _toPrimitive40(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Thread = function(props) {
-    var $ = (0, import_react_compiler_runtime76.c)(4);
+    var $ = (0, import_react_compiler_runtime77.c)(4);
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Messages2, {});
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MessageForm, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Messages2, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(MessageForm, {});
         $[0] = t0;
         $[1] = t1;
     } else {
@@ -46749,7 +46800,7 @@ var Thread = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Root12, _objectSpread40(_objectSpread40({}, props), {}, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(Root12, _objectSpread40(_objectSpread40({}, props), {}, {
             children: [
                 t0,
                 t1
@@ -46771,7 +46822,7 @@ var useMessageContext = function() {
     return (0, import_react57.useContext)(MessageContext);
 };
 // src/hooks/assistants/useAssistant/index.ts
-var import_react_compiler_runtime77 = require("react-compiler-runtime");
+var import_react_compiler_runtime78 = require("react-compiler-runtime");
 var import_react58 = require("react");
 var import_react_query9 = require("@tanstack/react-query");
 // src/hooks/assistants/useAssistant/lib/queryOptions/index.ts
@@ -46921,7 +46972,7 @@ function _toPrimitive41(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useAssistant = function(t0) {
-    var $ = (0, import_react_compiler_runtime77.c)(6);
+    var $ = (0, import_react_compiler_runtime78.c)(6);
     var assistantId = t0.assistantId;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -46954,11 +47005,11 @@ var useAssistant = function(t0) {
     return t2;
 };
 // src/components/threads/ThreadDialog/index.tsx
-var import_react_compiler_runtime84 = require("react-compiler-runtime");
+var import_react_compiler_runtime85 = require("react-compiler-runtime");
 // src/components/threads/ThreadDialog/Root/index.tsx
-var import_react_compiler_runtime79 = require("react-compiler-runtime");
+var import_react_compiler_runtime80 = require("react-compiler-runtime");
 // src/components/threads/ThreadDialog/Provider/index.tsx
-var import_react_compiler_runtime78 = require("react-compiler-runtime");
+var import_react_compiler_runtime79 = require("react-compiler-runtime");
 var import_react61 = require("react");
 // src/contexts/threads/ThreadDialogContext/index.ts
 var import_react59 = require("react");
@@ -46972,9 +47023,9 @@ var useThreadDialogContext = function() {
     return (0, import_react60.useContext)(ThreadDialogContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var Provider4 = function(t0) {
-    var $ = (0, import_react_compiler_runtime78.c)(5);
+    var $ = (0, import_react_compiler_runtime79.c)(5);
     var children = t0.children;
     var threadDialogContext = useThreadDialogContext();
     var _ref = _sliced_to_array((0, import_react61.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
@@ -46991,7 +47042,7 @@ var Provider4 = function(t0) {
     }
     var t2;
     if ($[2] !== children || $[3] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ThreadDialogContext.Provider, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ThreadDialogContext.Provider, {
             value: t1,
             children: children
         });
@@ -47004,13 +47055,13 @@ var Provider4 = function(t0) {
     return t2;
 };
 // src/components/threads/ThreadDialog/Root/index.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var Root13 = function(t0) {
-    var $ = (0, import_react_compiler_runtime79.c)(2);
+    var $ = (0, import_react_compiler_runtime80.c)(2);
     var children = t0.children;
     var t1;
     if ($[0] !== children) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Provider4, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Provider4, {
             children: children
         });
         $[0] = children;
@@ -47021,13 +47072,13 @@ var Root13 = function(t0) {
     return t1;
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-var import_react_compiler_runtime81 = require("react-compiler-runtime");
+var import_react_compiler_runtime82 = require("react-compiler-runtime");
 var import_themes55 = require("@radix-ui/themes");
 // src/components/threads/ThreadDialog/Trigger/Button.tsx
-var import_react_compiler_runtime80 = require("react-compiler-runtime");
+var import_react_compiler_runtime81 = require("react-compiler-runtime");
 var import_themes54 = require("@radix-ui/themes");
 var import_react_icons15 = require("@radix-ui/react-icons");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 function ownKeys42(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -47072,17 +47123,17 @@ function _toPrimitive42(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Button4 = function(props) {
-    var $ = (0, import_react_compiler_runtime80.c)(3);
+    var $ = (0, import_react_compiler_runtime81.c)(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_icons15.ChatBubbleIcon, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_icons15.ChatBubbleIcon, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_themes54.IconButton, _objectSpread42(_objectSpread42({
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_themes54.IconButton, _objectSpread42(_objectSpread42({
             size: "4",
             radius: "full"
         }, props), {}, {
@@ -47096,7 +47147,7 @@ var Button4 = function(props) {
     return t1;
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 function ownKeys43(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -47141,7 +47192,7 @@ function _toPrimitive43(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root14 = function(t0) {
-    var $ = (0, import_react_compiler_runtime81.c)(14);
+    var $ = (0, import_react_compiler_runtime82.c)(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";
@@ -47186,7 +47237,7 @@ var Root14 = function(t0) {
     }
     var t6;
     if ($[8] !== children || $[9] !== className || $[10] !== t2 || $[11] !== t3 || $[12] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_themes55.Flex, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes55.Flex, {
             display: t2,
             onClick: t3,
             direction: "column",
@@ -47212,17 +47263,17 @@ var Root14 = function(t0) {
     return t6;
 };
 var Trigger = function(args) {
-    var $ = (0, import_react_compiler_runtime81.c)(3);
+    var $ = (0, import_react_compiler_runtime82.c)(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button4, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button4, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== args) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Root14, _objectSpread43(_objectSpread43({}, args), {}, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Root14, _objectSpread43(_objectSpread43({}, args), {}, {
             children: t0
         }));
         $[1] = args;
@@ -47238,15 +47289,15 @@ function _temp6(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
-var import_react_compiler_runtime83 = require("react-compiler-runtime");
+var import_react_compiler_runtime84 = require("react-compiler-runtime");
 var import_themes57 = require("@radix-ui/themes");
 // src/components/threads/ThreadDialog/Close/index.tsx
-var import_react_compiler_runtime82 = require("react-compiler-runtime");
+var import_react_compiler_runtime83 = require("react-compiler-runtime");
 var import_react_icons16 = require("@radix-ui/react-icons");
 var import_themes56 = require("@radix-ui/themes");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var Close = function() {
-    var $ = (0, import_react_compiler_runtime82.c)(9);
+    var $ = (0, import_react_compiler_runtime83.c)(9);
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
     var t0 = isOpen ? "flex" : "none";
     var t1;
@@ -47281,10 +47332,10 @@ var Close = function() {
     }
     var t4;
     if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes56.IconButton, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes56.IconButton, {
             size: "2",
             variant: "soft",
-            children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_icons16.Cross1Icon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_icons16.Cross1Icon, {})
         });
         $[5] = t4;
     } else {
@@ -47292,7 +47343,7 @@ var Close = function() {
     }
     var t5;
     if ($[6] !== t1 || $[7] !== t2) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes56.Flex, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes56.Flex, {
             display: t1,
             onClick: t2,
             direction: "column",
@@ -47317,7 +47368,7 @@ function _temp7(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 function ownKeys44(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -47362,7 +47413,7 @@ function _toPrimitive44(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root15 = function(t0) {
-    var $ = (0, import_react_compiler_runtime83.c)(19);
+    var $ = (0, import_react_compiler_runtime84.c)(19);
     var children = t0.children, className = t0.className, style = t0.style;
     var isOpen = useThreadDialogContext().isOpen;
     if (!isOpen) {
@@ -47449,7 +47500,7 @@ var Root15 = function(t0) {
     }
     var t10;
     if ($[10] !== children) {
-        t10 = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes57.Inset, {
+        t10 = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes57.Inset, {
             clip: "padding-box",
             side: "all",
             pb: "current",
@@ -47463,14 +47514,14 @@ var Root15 = function(t0) {
     }
     var t11;
     if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-        t11 = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Close, {});
+        t11 = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Close, {});
         $[12] = t11;
     } else {
         t11 = $[12];
     }
     var t12;
     if ($[13] !== t10) {
-        t12 = /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_themes57.Card, {
+        t12 = /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_themes57.Card, {
             mb: t7,
             style: t8,
             children: [
@@ -47485,7 +47536,7 @@ var Root15 = function(t0) {
     }
     var t13;
     if ($[15] !== className || $[16] !== t12 || $[17] !== t6) {
-        t13 = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes57.Flex, {
+        t13 = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes57.Flex, {
             className: className,
             direction: "column",
             justify: "end",
@@ -47509,7 +47560,7 @@ var Root15 = function(t0) {
     return t13;
 };
 var Messages3 = function(t0) {
-    var $ = (0, import_react_compiler_runtime83.c)(5);
+    var $ = (0, import_react_compiler_runtime84.c)(5);
     var className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== style) {
@@ -47525,7 +47576,7 @@ var Messages3 = function(t0) {
     }
     var t2;
     if ($[2] !== className || $[3] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Thread.Messages, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Thread.Messages, {
             className: className,
             style: t1
         });
@@ -47538,11 +47589,11 @@ var Messages3 = function(t0) {
     return t2;
 };
 var FormContainer = function(t0) {
-    var $ = (0, import_react_compiler_runtime83.c)(4);
+    var $ = (0, import_react_compiler_runtime84.c)(4);
     var children = t0.children, className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes57.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes57.Flex, {
             direction: "column",
             pl: "5",
             pr: "5",
@@ -47562,21 +47613,21 @@ var FormContainer = function(t0) {
     return t1;
 };
 var Content8 = function(props) {
-    var $ = (0, import_react_compiler_runtime83.c)(4);
+    var $ = (0, import_react_compiler_runtime84.c)(4);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Messages3, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Messages3, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(Thread.Root, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Thread.Root, {
             children: [
                 t0,
-                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(FormContainer, {
-                    children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Thread.MessageForm, {})
+                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(FormContainer, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Thread.MessageForm, {})
                 })
             ]
         });
@@ -47586,7 +47637,7 @@ var Content8 = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Root15, _objectSpread44(_objectSpread44({}, props), {}, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Root15, _objectSpread44(_objectSpread44({}, props), {}, {
             children: t1
         }));
         $[2] = props;
@@ -47600,15 +47651,15 @@ Content8.Root = Root15;
 Content8.Messages = Messages3;
 Content8.FormContainer = FormContainer;
 // src/components/threads/ThreadDialog/index.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var ThreadDialog = function() {
-    var $ = (0, import_react_compiler_runtime84.c)(1);
+    var $ = (0, import_react_compiler_runtime85.c)(1);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Root13, {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Root13, {
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Content8, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Trigger, {})
+                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Content8, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Trigger, {})
             ]
         });
         $[0] = t0;
@@ -47621,11 +47672,11 @@ ThreadDialog.Root = Root13;
 ThreadDialog.Trigger = Trigger;
 ThreadDialog.Content = Content8;
 // src/components/threads/AudioThreadDialog/index.tsx
-var import_react_compiler_runtime99 = require("react-compiler-runtime");
+var import_react_compiler_runtime100 = require("react-compiler-runtime");
 // src/components/threads/AudioThread/index.tsx
-var import_react_compiler_runtime98 = require("react-compiler-runtime");
+var import_react_compiler_runtime99 = require("react-compiler-runtime");
 // src/components/threads/AudioThread/Root/index.tsx
-var import_react_compiler_runtime90 = require("react-compiler-runtime");
+var import_react_compiler_runtime91 = require("react-compiler-runtime");
 var import_themes58 = require("@radix-ui/themes");
 // src/contexts/threads/AudioThreadContext/index.ts
 var import_react62 = require("react");
@@ -47638,12 +47689,12 @@ var useAudioThreadContext = function() {
     return (0, import_react63.useContext)(AudioThreadContext);
 };
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
-var import_react_compiler_runtime89 = require("react-compiler-runtime");
+var import_react_compiler_runtime90 = require("react-compiler-runtime");
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
-var import_react_compiler_runtime88 = require("react-compiler-runtime");
+var import_react_compiler_runtime89 = require("react-compiler-runtime");
 var import_react68 = require("react");
 // src/hooks/misc/usePermission/index.ts
-var import_react_compiler_runtime85 = require("react-compiler-runtime");
+var import_react_compiler_runtime86 = require("react-compiler-runtime");
 var import_react64 = require("react");
 // src/hooks/misc/usePermission/util.ts
 var noop = function() {};
@@ -47667,7 +47718,7 @@ function off(obj) {
 }
 // src/hooks/misc/usePermission/index.ts
 var usePermission = function(permissionDesc) {
-    var $ = (0, import_react_compiler_runtime85.c)(3);
+    var $ = (0, import_react_compiler_runtime86.c)(3);
     var _ref = _sliced_to_array((0, import_react64.useState)(""), 2), state = _ref[0], setState = _ref[1];
     var t0;
     var t1;
@@ -47716,10 +47767,10 @@ var import_use_audio_capture = require("use-audio-capture");
 var import_react66 = require("react");
 var import_react_use_audio_player = require("react-use-audio-player");
 // src/hooks/misc/useInterval.ts
-var import_react_compiler_runtime86 = require("react-compiler-runtime");
+var import_react_compiler_runtime87 = require("react-compiler-runtime");
 var import_react65 = require("react");
 var useInterval = function(callback, delay) {
-    var $ = (0, import_react_compiler_runtime86.c)(5);
+    var $ = (0, import_react_compiler_runtime87.c)(5);
     var savedCallback = (0, import_react65.useRef)(_temp8);
     var t0;
     if ($[0] !== callback) {
@@ -47972,7 +48023,7 @@ var useRecorder = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-var import_react_compiler_runtime87 = require("react-compiler-runtime");
+var import_react_compiler_runtime88 = require("react-compiler-runtime");
 var import_react67 = require("react");
 var import_compromise = __toESM(require("compromise"), 1);
 var import_howler = require("howler");
@@ -48055,7 +48106,7 @@ var getMessageSentences = function(_ref) {
 };
 var useMessageAudio = function(t0) {
     var _latestMessageProps$l;
-    var $ = (0, import_react_compiler_runtime87.c)(49);
+    var $ = (0, import_react_compiler_runtime88.c)(49);
     var _onEnd = t0.onEnd, passedPlay = t0.play;
     var _ref = _sliced_to_array((0, import_react67.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
     var t1;
@@ -48435,7 +48486,7 @@ function _asyncToGenerator11(n) {
     };
 }
 var useTtsAudioRuntime = function(t0) {
-    var $ = (0, import_react_compiler_runtime88.c)(30);
+    var $ = (0, import_react_compiler_runtime89.c)(30);
     var play = t0.play;
     var addToast = useToasts().addToast;
     var queryClient = (0, import_react_query10.useQueryClient)();
@@ -48609,9 +48660,9 @@ function _temp24() {
     return _temp24.apply(this, arguments);
 }
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var TtsAudioRuntimeProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime89.c)(7);
+    var $ = (0, import_react_compiler_runtime90.c)(7);
     var children = t0.children, play = t0.play;
     var t1;
     if ($[0] !== play) {
@@ -48636,7 +48687,7 @@ var TtsAudioRuntimeProvider = function(t0) {
     }
     var t3;
     if ($[4] !== children || $[5] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(AudioThreadContext.Provider, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(AudioThreadContext.Provider, {
             value: t2,
             children: children
         });
@@ -48649,7 +48700,7 @@ var TtsAudioRuntimeProvider = function(t0) {
     return t3;
 };
 // src/components/threads/AudioThread/Root/index.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var _excluded5 = [
     "children"
 ];
@@ -48721,11 +48772,11 @@ function _objectWithoutPropertiesLoose5(r, e) {
     return t;
 }
 var Content9 = function(t0) {
-    var $ = (0, import_react_compiler_runtime90.c)(4);
+    var $ = (0, import_react_compiler_runtime91.c)(4);
     var children = t0.children, className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_themes58.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes58.Flex, {
             direction: "column",
             flexGrow: "1",
             p: "9",
@@ -48743,7 +48794,7 @@ var Content9 = function(t0) {
     return t1;
 };
 var AudioRuntimeProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime90.c)(3);
+    var $ = (0, import_react_compiler_runtime91.c)(3);
     var children = t0.children, play = t0.play;
     var audioThreadContext = useAudioThreadContext();
     if (audioThreadContext.audioRuntime) {
@@ -48751,7 +48802,7 @@ var AudioRuntimeProvider = function(t0) {
     }
     var t1;
     if ($[0] !== children || $[1] !== play) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TtsAudioRuntimeProvider, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(TtsAudioRuntimeProvider, {
             play: play,
             children: children
         });
@@ -48764,7 +48815,7 @@ var AudioRuntimeProvider = function(t0) {
     return t1;
 };
 var Provider5 = function(t0) {
-    var $ = (0, import_react_compiler_runtime90.c)(9);
+    var $ = (0, import_react_compiler_runtime91.c)(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -48791,7 +48842,7 @@ var Provider5 = function(t0) {
     }
     var t2;
     if ($[6] !== children || $[7] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(AudioThreadContext.Provider, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(AudioThreadContext.Provider, {
             value: t1,
             children: children
         });
@@ -48804,7 +48855,7 @@ var Provider5 = function(t0) {
     return t2;
 };
 var Root16 = function(t0) {
-    var $ = (0, import_react_compiler_runtime90.c)(16);
+    var $ = (0, import_react_compiler_runtime91.c)(16);
     var children;
     var className;
     var play;
@@ -48831,8 +48882,8 @@ var Root16 = function(t0) {
     }
     var t1;
     if ($[6] !== children || $[7] !== className || $[8] !== style) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ToastsProvider, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Content9, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ToastsProvider, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Content9, {
                 className: className,
                 style: style,
                 children: children
@@ -48847,7 +48898,7 @@ var Root16 = function(t0) {
     }
     var t2;
     if ($[10] !== play || $[11] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(AudioRuntimeProvider, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(AudioRuntimeProvider, {
             play: play,
             children: t1
         });
@@ -48859,7 +48910,7 @@ var Root16 = function(t0) {
     }
     var t3;
     if ($[13] !== rest || $[14] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Provider5, _objectSpread47(_objectSpread47({}, rest), {}, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Provider5, _objectSpread47(_objectSpread47({}, rest), {}, {
             children: t2
         }));
         $[13] = rest;
@@ -48871,7 +48922,7 @@ var Root16 = function(t0) {
     return t3;
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-var import_react_compiler_runtime92 = require("react-compiler-runtime");
+var import_react_compiler_runtime93 = require("react-compiler-runtime");
 var import_react71 = require("react");
 var import_lodash9 = __toESM(require("lodash"), 1);
 var import_themes60 = require("@radix-ui/themes");
@@ -48880,7 +48931,7 @@ var import_lodash8 = __toESM(require("lodash"), 1);
 var import_themes59 = require("@radix-ui/themes");
 var import_react69 = require("react");
 var import_radash17 = require("radash");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var barCount = 4;
 var BarsVisualizer = function(_ref) {
     var visualizationAnalyser = _ref.visualizationAnalyser, backgroundColor = _ref.backgroundColor, height = _ref.height, barWidth = _ref.barWidth;
@@ -48911,7 +48962,7 @@ var BarsVisualizer = function(_ref) {
         draw,
         visualizationAnalyser
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes59.Grid, {
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes59.Grid, {
         columns: "".concat(barCount),
         gap: "1",
         width: "auto",
@@ -48920,12 +48971,12 @@ var BarsVisualizer = function(_ref) {
             gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
         },
         children: barHeights.map(function(barHeight, index) {
-            return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes59.Flex, {
+            return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes59.Flex, {
                 direction: "column",
                 align: "center",
                 justify: "center",
                 height: height,
-                children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes59.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes59.Flex, {
                     minHeight: "50%",
                     maxHeight: "100%",
                     height: "".concat(barHeight + 20, "%"),
@@ -48940,10 +48991,10 @@ var BarsVisualizer = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-var import_react_compiler_runtime91 = require("react-compiler-runtime");
+var import_react_compiler_runtime92 = require("react-compiler-runtime");
 var import_react70 = require("react");
 var useStatus = function() {
-    var $ = (0, import_react_compiler_runtime91.c)(2);
+    var $ = (0, import_react_compiler_runtime92.c)(2);
     var audioRuntime = useAudioThreadContext().audioRuntime;
     var t0;
     bb0: {
@@ -48991,7 +49042,7 @@ var useStatus = function() {
     return t1;
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var _excluded6 = [
     "children"
 ];
@@ -49095,7 +49146,7 @@ var Provider6 = function(_ref) {
         draw,
         audioThreadContext
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(AudioThreadVisualizationContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(AudioThreadVisualizationContext.Provider, {
         value: {
             scale: scale
         },
@@ -49103,7 +49154,7 @@ var Provider6 = function(_ref) {
     });
 };
 var Root17 = function(t0) {
-    var $ = (0, import_react_compiler_runtime92.c)(6);
+    var $ = (0, import_react_compiler_runtime93.c)(6);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -49120,8 +49171,8 @@ var Root17 = function(t0) {
     }
     var t1;
     if ($[3] !== children || $[4] !== rest) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Provider6, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes60.Flex, _objectSpread48(_objectSpread48({
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Provider6, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes60.Flex, _objectSpread48(_objectSpread48({
                 direction: "column",
                 align: "center",
                 justify: "center",
@@ -49140,7 +49191,7 @@ var Root17 = function(t0) {
     return t1;
 };
 var BarsVisualizer2 = function(t0) {
-    var $ = (0, import_react_compiler_runtime92.c)(10);
+    var $ = (0, import_react_compiler_runtime93.c)(10);
     var rest;
     var t1;
     var t2;
@@ -49166,7 +49217,7 @@ var BarsVisualizer2 = function(t0) {
     var t3 = status === "playing" ? "var(--accent-11)" : "var(--gray-11)";
     var t4;
     if ($[4] !== audioThreadContext.audioRuntime.assistant.visualizationAnalyser || $[5] !== barWidth || $[6] !== height || $[7] !== rest || $[8] !== t3) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(BarsVisualizer, _objectSpread48({
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(BarsVisualizer, _objectSpread48({
             visualizationAnalyser: audioThreadContext.audioRuntime.assistant.visualizationAnalyser,
             backgroundColor: t3,
             height: height,
@@ -49184,7 +49235,7 @@ var BarsVisualizer2 = function(t0) {
     return t4;
 };
 var AssistantVisualizationRoot = function(t0) {
-    var $ = (0, import_react_compiler_runtime92.c)(17);
+    var $ = (0, import_react_compiler_runtime93.c)(17);
     var children;
     var rest;
     var t1;
@@ -49236,7 +49287,7 @@ var AssistantVisualizationRoot = function(t0) {
     }
     var t6;
     if ($[11] !== children || $[12] !== height || $[13] !== rest || $[14] !== t5 || $[15] !== width2) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes60.Flex, _objectSpread48(_objectSpread48({
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes60.Flex, _objectSpread48(_objectSpread48({
             align: "center",
             justify: "center",
             height: height,
@@ -49257,17 +49308,17 @@ var AssistantVisualizationRoot = function(t0) {
     return t6;
 };
 var AssistantVisualization = function(props) {
-    var $ = (0, import_react_compiler_runtime92.c)(3);
+    var $ = (0, import_react_compiler_runtime93.c)(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(BarsVisualizer2, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(BarsVisualizer2, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(AssistantVisualizationRoot, _objectSpread48(_objectSpread48({}, props), {}, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(AssistantVisualizationRoot, _objectSpread48(_objectSpread48({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -49280,18 +49331,18 @@ var AssistantVisualization = function(props) {
 AssistantVisualization.Root = AssistantVisualizationRoot;
 AssistantVisualization.BarsVisualizer = BarsVisualizer2;
 var AssistantInfo = function(props) {
-    var $ = (0, import_react_compiler_runtime92.c)(6);
+    var $ = (0, import_react_compiler_runtime93.c)(6);
     var assistantNameContext = (0, import_react71.useContext)(AssistantNameContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(MessageGroup.AssistantAvatar, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(MessageGroup.AssistantAvatar, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== assistantNameContext) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(MessageGroup.Name, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(MessageGroup.Name, {
             children: assistantNameContext
         });
         $[1] = assistantNameContext;
@@ -49301,7 +49352,7 @@ var AssistantInfo = function(props) {
     }
     var t2;
     if ($[3] !== props || $[4] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_themes60.Flex, _objectSpread48(_objectSpread48({
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_themes60.Flex, _objectSpread48(_objectSpread48({
             ml: "-22.5px",
             gap: "3",
             pt: "5"
@@ -49320,12 +49371,12 @@ var AssistantInfo = function(props) {
     return t2;
 };
 var Visualization = function(props) {
-    var $ = (0, import_react_compiler_runtime92.c)(4);
+    var $ = (0, import_react_compiler_runtime93.c)(4);
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(AssistantVisualization, {});
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(AssistantInfo, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(AssistantVisualization, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(AssistantInfo, {});
         $[0] = t0;
         $[1] = t1;
     } else {
@@ -49334,7 +49385,7 @@ var Visualization = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(Root17, _objectSpread48(_objectSpread48({}, props), {}, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(Root17, _objectSpread48(_objectSpread48({}, props), {}, {
             children: [
                 t0,
                 t1
@@ -49352,11 +49403,11 @@ Visualization.Provider = Provider6;
 Visualization.AssistantVisualization = AssistantVisualization;
 Visualization.AssistantInfo = AssistantInfo;
 // src/components/threads/AudioThread/Status/index.tsx
-var import_react_compiler_runtime94 = require("react-compiler-runtime");
+var import_react_compiler_runtime95 = require("react-compiler-runtime");
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
-var import_react_compiler_runtime93 = require("react-compiler-runtime");
+var import_react_compiler_runtime94 = require("react-compiler-runtime");
 var import_themes61 = require("@radix-ui/themes");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var html = function(_ref) {
     var texts = _ref.texts;
     return "\n  .status-messages-texts:after {\n    content: '".concat(texts[0], "';\n    animation: texts ").concat(texts.length * 5, "s linear infinite;\n  }\n\n  @keyframes texts {\n    ").concat(texts.map(function(_10, i) {
@@ -49364,11 +49415,11 @@ var html = function(_ref) {
     }).join(""), "\n  }");
 };
 var StatusMessages = function(t0) {
-    var $ = (0, import_react_compiler_runtime93.c)(9);
+    var $ = (0, import_react_compiler_runtime94.c)(9);
     var texts = t0.texts, className = t0.className, style = t0.style;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes61.Text, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_themes61.Text, {
             size: "2",
             weight: "regular",
             color: "gray",
@@ -49391,7 +49442,7 @@ var StatusMessages = function(t0) {
     }
     var t3;
     if ($[3] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("style", {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("style", {
             dangerouslySetInnerHTML: {
                 __html: t2
             }
@@ -49403,7 +49454,7 @@ var StatusMessages = function(t0) {
     }
     var t4;
     if ($[5] !== className || $[6] !== style || $[7] !== t3) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_themes61.Flex, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_themes61.Flex, {
             justify: "center",
             pb: "5",
             className: className,
@@ -49423,7 +49474,7 @@ var StatusMessages = function(t0) {
     return t4;
 };
 // src/components/threads/AudioThread/Status/index.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function ownKeys49(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -49468,7 +49519,7 @@ function _toPrimitive49(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Status = function(props) {
-    var $ = (0, import_react_compiler_runtime94.c)(12);
+    var $ = (0, import_react_compiler_runtime95.c)(12);
     var status = useStatus().status;
     if (status === "recording") {
         var _t;
@@ -49485,7 +49536,7 @@ var Status = function(props) {
         }
         var _t2;
         if ($[1] !== props) {
-            _t2 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(StatusMessages, _objectSpread49({
+            _t2 = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(StatusMessages, _objectSpread49({
                 texts: _t
             }, props));
             $[1] = props;
@@ -49511,7 +49562,7 @@ var Status = function(props) {
         }
         var _t4;
         if ($[4] !== props) {
-            _t4 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(StatusMessages, _objectSpread49({
+            _t4 = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(StatusMessages, _objectSpread49({
                 texts: _t3
             }, props));
             $[4] = props;
@@ -49533,7 +49584,7 @@ var Status = function(props) {
         }
         var _t6;
         if ($[7] !== props) {
-            _t6 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(StatusMessages, _objectSpread49({
+            _t6 = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(StatusMessages, _objectSpread49({
                 texts: _t5
             }, props));
             $[7] = props;
@@ -49554,7 +49605,7 @@ var Status = function(props) {
     }
     var t1;
     if ($[10] !== props) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(StatusMessages, _objectSpread49({
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(StatusMessages, _objectSpread49({
             texts: t0
         }, props));
         $[10] = props;
@@ -49565,11 +49616,11 @@ var Status = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-var import_react_compiler_runtime97 = require("react-compiler-runtime");
+var import_react_compiler_runtime98 = require("react-compiler-runtime");
 var import_themes63 = require("@radix-ui/themes");
 // src/components/threads/AudioThread/Form/MicIcon.tsx
-var import_react_compiler_runtime95 = require("react-compiler-runtime");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_react_compiler_runtime96 = require("react-compiler-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function ownKeys50(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -49614,10 +49665,10 @@ function _toPrimitive50(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MicIcon = function(props) {
-    var $ = (0, import_react_compiler_runtime95.c)(3);
+    var $ = (0, import_react_compiler_runtime96.c)(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("path", {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", {
             stroke: "none",
             d: "M192 0c-53 0-96 43-96 96v160c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM64 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h144c13.3 0 24-10.7 24-24s-10.7-24-24-24h-48v-33.6c85.8-11.7 152-85.3 152-174.4v-40c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128S64 326.7 64 256v-40z"
         });
@@ -49627,7 +49678,7 @@ var MicIcon = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("svg", _objectSpread50(_objectSpread50({
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("svg", _objectSpread50(_objectSpread50({
             xmlns: "http://www.w3.org/2000/svg",
             fill: "currentColor",
             stroke: "currentColor",
@@ -49646,29 +49697,29 @@ var MicIcon = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
-var import_react_compiler_runtime96 = require("react-compiler-runtime");
+var import_react_compiler_runtime97 = require("react-compiler-runtime");
 var import_themes62 = require("@radix-ui/themes");
 var import_react_icons17 = require("@radix-ui/react-icons");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var ActionButton = function() {
-    var $ = (0, import_react_compiler_runtime96.c)(27);
+    var $ = (0, import_react_compiler_runtime97.c)(27);
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var superinterfaceContext = useSuperinterfaceContext();
     if (status === "recording") {
         var _t;
         if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-            _t = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_icons17.PauseIcon, {});
+            _t = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_icons17.PauseIcon, {});
             $[0] = _t;
         } else {
             _t = $[0];
         }
         var t1;
         if ($[1] !== audioThreadContext.audioRuntime.user.pause) {
-            t1 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes62.Flex, {
+            t1 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes62.Flex, {
                 mr: "3",
                 ml: "-7",
-                children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes62.IconButton, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes62.IconButton, {
                     onClick: audioThreadContext.audioRuntime.user.pause,
                     color: "gray",
                     variant: "soft",
@@ -49683,14 +49734,14 @@ var ActionButton = function() {
         }
         var t2;
         if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-            t2 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_icons17.ArrowUpIcon, {});
+            t2 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_icons17.ArrowUpIcon, {});
             $[3] = t2;
         } else {
             t2 = $[3];
         }
         var t3;
         if ($[4] !== audioThreadContext.audioRuntime.user.stop) {
-            t3 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes62.IconButton, {
+            t3 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes62.IconButton, {
                 onClick: audioThreadContext.audioRuntime.user.stop,
                 highContrast: true,
                 variant: "soft",
@@ -49704,7 +49755,7 @@ var ActionButton = function() {
         }
         var t4;
         if ($[6] !== t1 || $[7] !== t3) {
-            t4 = /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes62.Flex, {
+            t4 = /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_themes62.Flex, {
                 align: "center",
                 children: [
                     t1,
@@ -49722,14 +49773,14 @@ var ActionButton = function() {
     if (status === "recorderPaused") {
         var _t2;
         if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-            _t2 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_icons17.ResumeIcon, {});
+            _t2 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_icons17.ResumeIcon, {});
             $[9] = _t2;
         } else {
             _t2 = $[9];
         }
         var _t3;
         if ($[10] !== audioThreadContext.audioRuntime.user.resume) {
-            _t3 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes62.IconButton, {
+            _t3 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes62.IconButton, {
                 onClick: audioThreadContext.audioRuntime.user.resume,
                 color: "red",
                 size: "4",
@@ -49745,7 +49796,7 @@ var ActionButton = function() {
     if (status === "idle") {
         var _t4;
         if ($[12] !== audioThreadContext.audioRuntime.user) {
-            _t4 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes62.IconButton, {
+            _t4 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes62.IconButton, {
                 onClick: function() {
                     return audioThreadContext.audioRuntime.user.start();
                 },
@@ -49777,14 +49828,14 @@ var ActionButton = function() {
         }
         var _t6;
         if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-            _t6 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_icons17.StopIcon, {});
+            _t6 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_icons17.StopIcon, {});
             $[18] = _t6;
         } else {
             _t6 = $[18];
         }
         var _t7;
         if ($[19] !== _t5) {
-            _t7 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes62.IconButton, {
+            _t7 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes62.IconButton, {
                 onClick: _t5,
                 size: "4",
                 color: "gray",
@@ -49811,14 +49862,14 @@ var ActionButton = function() {
         }
         var _t9;
         if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-            _t9 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_icons17.ResumeIcon, {});
+            _t9 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_icons17.ResumeIcon, {});
             $[23] = _t9;
         } else {
             _t9 = $[23];
         }
         var _t10;
         if ($[24] !== _t8) {
-            _t10 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes62.IconButton, {
+            _t10 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes62.IconButton, {
                 onClick: _t8,
                 size: "4",
                 children: _t9
@@ -49832,7 +49883,7 @@ var ActionButton = function() {
     }
     var t0;
     if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes62.IconButton, {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes62.IconButton, {
             size: "4",
             variant: "soft",
             disabled: true
@@ -49844,7 +49895,7 @@ var ActionButton = function() {
     return t0;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 function ownKeys51(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -49889,17 +49940,17 @@ function _toPrimitive51(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Form = function(props) {
-    var $ = (0, import_react_compiler_runtime97.c)(17);
+    var $ = (0, import_react_compiler_runtime98.c)(17);
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var t0 = status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
     var t1;
     if ($[0] !== t0) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes63.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes63.Flex, {
             ml: "-22.5px",
             mr: "2",
             align: "center",
-            children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(MicIcon, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(MicIcon, {
                 style: {
                     color: t0
                 }
@@ -49925,7 +49976,7 @@ var Form = function(props) {
     var t4 = status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
     var t5;
     if ($[4] !== audioThreadContext.audioRuntime.user.visualizationAnalyser || $[5] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(BarsVisualizer, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(BarsVisualizer, {
             visualizationAnalyser: audioThreadContext.audioRuntime.user.visualizationAnalyser,
             backgroundColor: t4,
             height: "20px",
@@ -49939,7 +49990,7 @@ var Form = function(props) {
     }
     var t6;
     if ($[7] !== t3 || $[8] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes63.Flex, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes63.Flex, {
             px: "2",
             py: "1",
             style: t3,
@@ -49953,7 +50004,7 @@ var Form = function(props) {
     }
     var t7;
     if ($[10] !== t1 || $[11] !== t6) {
-        t7 = /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_themes63.Flex, {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_themes63.Flex, {
             pb: "3",
             align: "center",
             children: [
@@ -49969,14 +50020,14 @@ var Form = function(props) {
     }
     var t8;
     if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-        t8 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ActionButton, {});
+        t8 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ActionButton, {});
         $[13] = t8;
     } else {
         t8 = $[13];
     }
     var t9;
     if ($[14] !== props || $[15] !== t7) {
-        t9 = /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_themes63.Flex, _objectSpread51(_objectSpread51({
+        t9 = /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_themes63.Flex, _objectSpread51(_objectSpread51({
             direction: "column",
             align: "center"
         }, props), {}, {
@@ -49994,7 +50045,7 @@ var Form = function(props) {
     return t9;
 };
 // src/components/threads/AudioThread/index.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function ownKeys52(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -50039,14 +50090,14 @@ function _toPrimitive52(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThread = function(props) {
-    var $ = (0, import_react_compiler_runtime98.c)(5);
+    var $ = (0, import_react_compiler_runtime99.c)(5);
     var t0;
     var t1;
     var t2;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Visualization, {});
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Status, {});
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Form, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Visualization, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Status, {});
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Form, {});
         $[0] = t0;
         $[1] = t1;
         $[2] = t2;
@@ -50057,7 +50108,7 @@ var AudioThread = function(props) {
     }
     var t3;
     if ($[3] !== props) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(Root16, _objectSpread52(_objectSpread52({}, props), {}, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Root16, _objectSpread52(_objectSpread52({}, props), {}, {
             children: [
                 t0,
                 t1,
@@ -50076,7 +50127,7 @@ AudioThread.Visualization = Visualization;
 AudioThread.Status = Status;
 AudioThread.Form = Form;
 // src/components/threads/AudioThreadDialog/index.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function ownKeys53(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -50121,14 +50172,14 @@ function _toPrimitive53(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThreadDialog = function(props) {
-    var $ = (0, import_react_compiler_runtime99.c)(4);
+    var $ = (0, import_react_compiler_runtime100.c)(4);
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Content8.Root, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(AudioThread, {})
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Content8.Root, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(AudioThread, {})
         });
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Trigger, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Trigger, {});
         $[0] = t0;
         $[1] = t1;
     } else {
@@ -50137,7 +50188,7 @@ var AudioThreadDialog = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Root13, _objectSpread53(_objectSpread53({}, props), {}, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(Root13, _objectSpread53(_objectSpread53({}, props), {}, {
             children: [
                 t0,
                 t1
@@ -50643,10 +50694,10 @@ var useWebrtcAudioRuntime = function() {
     ]);
 };
 // src/components/audioRuntimes/WebrtcAudioRuntimeProvider.tsx
-var import_react_compiler_runtime100 = require("react-compiler-runtime");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_react_compiler_runtime101 = require("react-compiler-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var WebrtcAudioRuntimeProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime100.c)(5);
+    var $ = (0, import_react_compiler_runtime101.c)(5);
     var children = t0.children;
     var webrtcAudioRuntime = useWebrtcAudioRuntime().webrtcAudioRuntime;
     var t1;
@@ -50661,7 +50712,7 @@ var WebrtcAudioRuntimeProvider = function(t0) {
     }
     var t2;
     if ($[2] !== children || $[3] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(AudioThreadContext.Provider, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(AudioThreadContext.Provider, {
             value: t1,
             children: children
         });
@@ -50674,14 +50725,14 @@ var WebrtcAudioRuntimeProvider = function(t0) {
     return t2;
 };
 // src/components/gui/Gui/index.tsx
-var import_react_compiler_runtime103 = require("react-compiler-runtime");
+var import_react_compiler_runtime104 = require("react-compiler-runtime");
 var import_react75 = require("react");
 var import_themes64 = require("@radix-ui/themes");
 // src/hooks/messages/useLatestAssistantMessage/index.ts
-var import_react_compiler_runtime101 = require("react-compiler-runtime");
+var import_react_compiler_runtime102 = require("react-compiler-runtime");
 var import_react73 = require("react");
 var useLatestAssistantMessage = function() {
-    var $ = (0, import_react_compiler_runtime101.c)(4);
+    var $ = (0, import_react_compiler_runtime102.c)(4);
     var _useMessages = useMessages(), messages2 = _useMessages.messages;
     var t0;
     var t1;
@@ -50710,11 +50761,11 @@ function _temp11(message) {
     return message.role === "assistant";
 }
 // src/hooks/messages/useLatestAssistantMessageWithContent/index.ts
-var import_react_compiler_runtime102 = require("react-compiler-runtime");
+var import_react_compiler_runtime103 = require("react-compiler-runtime");
 var import_radash18 = require("radash");
 var import_react74 = require("react");
 var useLatestAssistantMessageWithContent = function() {
-    var $ = (0, import_react_compiler_runtime102.c)(4);
+    var $ = (0, import_react_compiler_runtime103.c)(4);
     var _useMessages = useMessages(), messages2 = _useMessages.messages;
     var t0;
     var t1;
@@ -50746,14 +50797,14 @@ function _temp25(message) {
     return message.role === "assistant" && message.content.some(_temp12);
 }
 // src/components/gui/Gui/index.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var StartingToolCalls3 = function() {
-    var $ = (0, import_react_compiler_runtime103.c)(2);
+    var $ = (0, import_react_compiler_runtime104.c)(2);
     var _useComponents = useComponents(), t0 = _useComponents.components;
     var StartingToolCalls4 = t0.StartingToolCalls;
     var t1;
     if ($[0] !== StartingToolCalls4) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(StartingToolCalls4, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(StartingToolCalls4, {});
         $[0] = StartingToolCalls4;
         $[1] = t1;
     } else {
@@ -50762,7 +50813,7 @@ var StartingToolCalls3 = function() {
     return t1;
 };
 var Content10 = function(t0) {
-    var $ = (0, import_react_compiler_runtime103.c)(5);
+    var $ = (0, import_react_compiler_runtime104.c)(5);
     var latestRunStep = t0.latestRunStep;
     var t1;
     bb0: {
@@ -50784,7 +50835,7 @@ var Content10 = function(t0) {
     if (!latestRunStep || latestRunStep.step_details.type !== "tool_calls") {
         var _t;
         if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-            _t = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_themes64.Spinner, {});
+            _t = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes64.Spinner, {});
             $[0] = _t;
         } else {
             _t = $[0];
@@ -50794,7 +50845,7 @@ var Content10 = function(t0) {
     if (!latestToolCall) {
         var _t2;
         if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-            _t2 = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(StartingToolCalls3, {});
+            _t2 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(StartingToolCalls3, {});
             $[1] = _t2;
         } else {
             _t2 = $[1];
@@ -50803,7 +50854,7 @@ var Content10 = function(t0) {
     }
     var t2;
     if ($[2] !== latestRunStep || $[3] !== latestToolCall) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ToolCall, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ToolCall, {
             runStep: latestRunStep,
             toolCall: latestToolCall
         });
@@ -50816,7 +50867,7 @@ var Content10 = function(t0) {
     return t2;
 };
 var Progress2 = function(t0) {
-    var $ = (0, import_react_compiler_runtime103.c)(5);
+    var $ = (0, import_react_compiler_runtime104.c)(5);
     var latestAssistantMessage = t0.latestAssistantMessage;
     var isMutatingMessage = useIsMutatingMessage();
     var t1;
@@ -50850,10 +50901,10 @@ var Progress2 = function(t0) {
     }
     var t4;
     if ($[3] !== latestRunStep) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_themes64.Flex, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes64.Flex, {
             style: t3,
-            children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_themes64.Card, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Content10, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes64.Card, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Content10, {
                     latestRunStep: latestRunStep
                 })
             })
@@ -50866,20 +50917,20 @@ var Progress2 = function(t0) {
     return t4;
 };
 var Gui = function() {
-    var $ = (0, import_react_compiler_runtime103.c)(8);
+    var $ = (0, import_react_compiler_runtime104.c)(8);
     var latestAssistantMessage = useLatestAssistantMessage().latestAssistantMessage;
     var latestAssistantMessageWithContent = useLatestAssistantMessageWithContent().latestAssistantMessageWithContent;
     if (!latestAssistantMessage || !latestAssistantMessageWithContent) {
         var _t3;
         if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-            _t3 = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_themes64.Flex, {
+            _t3 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes64.Flex, {
                 direction: "column",
                 flexGrow: "1",
-                children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_themes64.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes64.Flex, {
                     align: "center",
                     justify: "center",
                     flexGrow: "1",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_themes64.Spinner, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes64.Spinner, {
                         size: "3"
                     })
                 })
@@ -50892,7 +50943,7 @@ var Gui = function() {
     }
     var t0;
     if ($[1] !== latestAssistantMessageWithContent) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(MessageContent, {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(MessageContent, {
             message: latestAssistantMessageWithContent
         });
         $[1] = latestAssistantMessageWithContent;
@@ -50902,7 +50953,7 @@ var Gui = function() {
     }
     var t1;
     if ($[3] !== latestAssistantMessage) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Progress2, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Progress2, {
             latestAssistantMessage: latestAssistantMessage
         });
         $[3] = latestAssistantMessage;
@@ -50912,7 +50963,7 @@ var Gui = function() {
     }
     var t2;
     if ($[5] !== t0 || $[6] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_themes64.Flex, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes64.Flex, {
             direction: "column",
             flexGrow: "1",
             children: [
@@ -50932,9 +50983,9 @@ function _temp13(rs) {
     return rs.status === "in_progress";
 }
 // src/components/markdown/MarkdownProvider/index.tsx
-var import_react_compiler_runtime104 = require("react-compiler-runtime");
+var import_react_compiler_runtime105 = require("react-compiler-runtime");
 var import_react76 = require("react");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var _excluded7 = [
     "children"
 ];
@@ -50957,7 +51008,7 @@ function _objectWithoutPropertiesLoose7(r, e) {
     return t;
 }
 var MarkdownProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime104.c)(9);
+    var $ = (0, import_react_compiler_runtime105.c)(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -50987,7 +51038,7 @@ var MarkdownProvider = function(t0) {
     var value = t1;
     var t3;
     if ($[6] !== children || $[7] !== value) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(MarkdownContext.Provider, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(MarkdownContext.Provider, {
             value: value,
             children: children
         });
@@ -51000,18 +51051,18 @@ var MarkdownProvider = function(t0) {
     return t3;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-var import_react_compiler_runtime107 = require("react-compiler-runtime");
+var import_react_compiler_runtime108 = require("react-compiler-runtime");
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-var import_react_compiler_runtime106 = require("react-compiler-runtime");
+var import_react_compiler_runtime107 = require("react-compiler-runtime");
 var import_react77 = require("react");
 var import_react_icons18 = require("@radix-ui/react-icons");
 var import_themes66 = require("@radix-ui/themes");
 // src/components/annotations/SourceAnnotation/FileCitation/Content.tsx
-var import_react_compiler_runtime105 = require("react-compiler-runtime");
+var import_react_compiler_runtime106 = require("react-compiler-runtime");
 var import_themes65 = require("@radix-ui/themes");
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var Content11 = function(t0) {
-    var $ = (0, import_react_compiler_runtime105.c)(5);
+    var $ = (0, import_react_compiler_runtime106.c)(5);
     var fileId = t0.fileId;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -51048,18 +51099,18 @@ var Content11 = function(t0) {
     }
     var t5;
     if ($[3] !== t3) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_themes65.Flex, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes65.Flex, {
             direction: "column",
             flexGrow: "1",
             gap: "3",
-            children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_themes65.Card, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes65.Card, {
                 style: t1,
-                children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_themes65.Inset, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes65.Inset, {
                     clip: "padding-box",
                     style: t2,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_themes65.Flex, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes65.Flex, {
                         flexGrow: "1",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("embed", {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("embed", {
                             src: t3,
                             style: t4
                         })
@@ -51075,9 +51126,9 @@ var Content11 = function(t0) {
     return t5;
 };
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var FileCitation = function(t0) {
-    var $ = (0, import_react_compiler_runtime106.c)(18);
+    var $ = (0, import_react_compiler_runtime107.c)(18);
     var annotation = t0.annotation;
     var _ref = _sliced_to_array((0, import_react77.useState)(null), 2), activeFileId = _ref[0], setActiveFileId = _ref[1];
     var t1;
@@ -51092,14 +51143,14 @@ var FileCitation = function(t0) {
     }
     var t2;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react_icons18.QuoteIcon, {});
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_icons18.QuoteIcon, {});
         $[2] = t2;
     } else {
         t2 = $[2];
     }
     var t3;
     if ($[3] !== t1) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes66.IconButton, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_themes66.IconButton, {
             variant: "soft",
             color: "gray",
             size: "1",
@@ -51135,9 +51186,9 @@ var FileCitation = function(t0) {
     }
     var t7;
     if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-        t7 = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes66.VisuallyHidden, {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_themes66.VisuallyHidden, {
             asChild: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes66.Dialog.Title, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_themes66.Dialog.Title, {
                 children: "Source"
             })
         });
@@ -51147,7 +51198,7 @@ var FileCitation = function(t0) {
     }
     var t8;
     if ($[8] !== activeFileId) {
-        t8 = activeFileId && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Content11, {
+        t8 = activeFileId && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Content11, {
             fileId: activeFileId
         });
         $[8] = activeFileId;
@@ -51157,7 +51208,7 @@ var FileCitation = function(t0) {
     }
     var t9;
     if ($[10] !== t8) {
-        t9 = /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_themes66.Dialog.Content, {
+        t9 = /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_themes66.Dialog.Content, {
             width: "1000px",
             height: "90vh",
             maxWidth: "calc(100vw - 2 * var(--space-4))",
@@ -51175,7 +51226,7 @@ var FileCitation = function(t0) {
     }
     var t10;
     if ($[12] !== t4 || $[13] !== t9) {
-        t10 = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes66.Dialog.Root, {
+        t10 = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_themes66.Dialog.Root, {
             open: t4,
             onOpenChange: t5,
             children: t9
@@ -51188,7 +51239,7 @@ var FileCitation = function(t0) {
     }
     var t11;
     if ($[15] !== t10 || $[16] !== t3) {
-        t11 = /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, {
+        t11 = /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, {
             children: [
                 t3,
                 t10
@@ -51203,7 +51254,7 @@ var FileCitation = function(t0) {
     return t11;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var _excluded8 = [
     "children"
 ];
@@ -51226,7 +51277,7 @@ function _objectWithoutPropertiesLoose8(r, e) {
     return t;
 }
 var SourceAnnotation = function(t0) {
-    var $ = (0, import_react_compiler_runtime107.c)(10);
+    var $ = (0, import_react_compiler_runtime108.c)(10);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -51254,7 +51305,7 @@ var SourceAnnotation = function(t0) {
     if (annotation.type === "file_citation") {
         var t2;
         if ($[5] !== annotation) {
-            t2 = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(FileCitation, {
+            t2 = /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(FileCitation, {
                 annotation: annotation
             });
             $[5] = annotation;
@@ -51267,7 +51318,7 @@ var SourceAnnotation = function(t0) {
         if (annotation.type === "file_path") {
             var _t2;
             if ($[7] !== annotation || $[8] !== children) {
-                _t2 = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(FilePathAnnotation, {
+                _t2 = /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(FilePathAnnotation, {
                     annotation: annotation,
                     children: children
                 });
@@ -51283,7 +51334,7 @@ var SourceAnnotation = function(t0) {
     return null;
 };
 // src/components/avatars/Avatar.tsx
-var import_react_compiler_runtime110 = require("react-compiler-runtime");
+var import_react_compiler_runtime111 = require("react-compiler-runtime");
 // src/enums/index.ts
 var IconAvatarName = /* @__PURE__ */ function(IconAvatarName2) {
     IconAvatarName2["BACKPACK"] = "BACKPACK";
@@ -51308,7 +51359,7 @@ var AvatarType = /* @__PURE__ */ function(AvatarType2) {
 // src/components/avatars/Avatar.tsx
 var import_themes69 = require("@radix-ui/themes");
 // src/components/imageAvatars/ImageAvatar/index.tsx
-var import_react_compiler_runtime108 = require("react-compiler-runtime");
+var import_react_compiler_runtime109 = require("react-compiler-runtime");
 var import_themes67 = require("@radix-ui/themes");
 // src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
 var width = function(_ref) {
@@ -51360,9 +51411,9 @@ var optimizedSrc = function(_ref) {
     }));
 };
 // src/components/imageAvatars/ImageAvatar/index.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 var ImageAvatar = function(t0) {
-    var $ = (0, import_react_compiler_runtime108.c)(9);
+    var $ = (0, import_react_compiler_runtime109.c)(9);
     var imageAvatar = t0.imageAvatar, size = t0.size, className = t0.className, style = t0.style;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -51381,7 +51432,7 @@ var ImageAvatar = function(t0) {
     }
     var t2;
     if ($[4] !== className || $[5] !== size || $[6] !== style || $[7] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_themes67.Avatar, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_themes67.Avatar, {
             className: className,
             style: style,
             fallback: "",
@@ -51399,7 +51450,7 @@ var ImageAvatar = function(t0) {
     return t2;
 };
 // src/components/iconAvatars/IconAvatar.tsx
-var import_react_compiler_runtime109 = require("react-compiler-runtime");
+var import_react_compiler_runtime110 = require("react-compiler-runtime");
 var import_react78 = require("react");
 var import_themes68 = require("@radix-ui/themes");
 // src/lib/iconAvatars/iconAvatarComponents.ts
@@ -51407,16 +51458,16 @@ var import_react_icons19 = require("@radix-ui/react-icons");
 var _obj;
 var iconAvatarComponents = (_obj = {}, _define_property(_obj, IconAvatarName.BACKPACK, import_react_icons19.BackpackIcon), _define_property(_obj, IconAvatarName.ROCKET, import_react_icons19.RocketIcon), _define_property(_obj, IconAvatarName.MAGIC_WAND, import_react_icons19.MagicWandIcon), _define_property(_obj, IconAvatarName.CUBE, import_react_icons19.CubeIcon), _define_property(_obj, IconAvatarName.TARGET, import_react_icons19.TargetIcon), _define_property(_obj, IconAvatarName.DISC, import_react_icons19.DiscIcon), _define_property(_obj, IconAvatarName.GLOBE, import_react_icons19.GlobeIcon), _define_property(_obj, IconAvatarName.STAR, import_react_icons19.StarIcon), _define_property(_obj, IconAvatarName.LIGHTNING_BOLT, import_react_icons19.LightningBoltIcon), _define_property(_obj, IconAvatarName.FACE, import_react_icons19.FaceIcon), _define_property(_obj, IconAvatarName.PERSON, import_react_icons19.PersonIcon), _define_property(_obj, IconAvatarName.HEART, import_react_icons19.HeartIcon), _obj);
 // src/components/iconAvatars/IconAvatar.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var IconAvatar = function(t0) {
-    var $ = (0, import_react_compiler_runtime109.c)(7);
+    var $ = (0, import_react_compiler_runtime110.c)(7);
     var iconAvatar = t0.iconAvatar, size = t0.size, className = t0.className, style = t0.style;
     var t1;
     t1 = iconAvatarComponents[iconAvatar.name];
     var Component2 = t1;
     var t2;
     if ($[0] !== Component2) {
-        t2 = Component2 ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Component2, {}) : "";
+        t2 = Component2 ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Component2, {}) : "";
         $[0] = Component2;
         $[1] = t2;
     } else {
@@ -51424,7 +51475,7 @@ var IconAvatar = function(t0) {
     }
     var t3;
     if ($[2] !== className || $[3] !== size || $[4] !== style || $[5] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_themes68.Avatar, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_themes68.Avatar, {
             className: className,
             style: style,
             size: size,
@@ -51441,16 +51492,16 @@ var IconAvatar = function(t0) {
     return t3;
 };
 // src/components/avatars/Avatar.tsx
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 var Avatar6 = function(t0) {
-    var $ = (0, import_react_compiler_runtime110.c)(14);
+    var $ = (0, import_react_compiler_runtime111.c)(14);
     var avatar = t0.avatar, t1 = t0.size, className = t0.className, style = t0.style;
     var size = t1 === void 0 ? "1" : t1;
     if (avatar) {
         if (avatar.type === AvatarType.IMAGE && avatar.imageAvatar) {
             var _t;
             if ($[0] !== avatar.imageAvatar || $[1] !== className || $[2] !== size || $[3] !== style) {
-                _t = /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ImageAvatar, {
+                _t = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ImageAvatar, {
                     imageAvatar: avatar.imageAvatar,
                     size: size,
                     className: className,
@@ -51469,7 +51520,7 @@ var Avatar6 = function(t0) {
         if (avatar.type === AvatarType.ICON && avatar.iconAvatar) {
             var _t2;
             if ($[5] !== avatar.iconAvatar || $[6] !== className || $[7] !== size || $[8] !== style) {
-                _t2 = /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(IconAvatar, {
+                _t2 = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(IconAvatar, {
                     iconAvatar: avatar.iconAvatar,
                     size: size,
                     className: className,
@@ -51488,7 +51539,7 @@ var Avatar6 = function(t0) {
     }
     var t2;
     if ($[10] !== className || $[11] !== size || $[12] !== style) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_themes69.Avatar, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_themes69.Avatar, {
             fallback: "",
             size: size,
             className: className,
@@ -51504,9 +51555,9 @@ var Avatar6 = function(t0) {
     return t2;
 };
 // src/components/components/ComponentsProvider.tsx
-var import_react_compiler_runtime111 = require("react-compiler-runtime");
+var import_react_compiler_runtime112 = require("react-compiler-runtime");
 var import_react79 = require("react");
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 var _excluded9 = [
     "children"
 ];
@@ -51529,7 +51580,7 @@ function _objectWithoutPropertiesLoose9(r, e) {
     return t;
 }
 var ComponentsProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime111.c)(9);
+    var $ = (0, import_react_compiler_runtime112.c)(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -51559,7 +51610,7 @@ var ComponentsProvider = function(t0) {
     var value = t1;
     var t3;
     if ($[6] !== children || $[7] !== value) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ComponentsContext.Provider, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(ComponentsContext.Provider, {
             value: value,
             children: children
         });
@@ -51572,11 +51623,11 @@ var ComponentsProvider = function(t0) {
     return t3;
 };
 // src/components/assistants/AssistantProvider/index.tsx
-var import_react_compiler_runtime112 = require("react-compiler-runtime");
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_react_compiler_runtime113 = require("react-compiler-runtime");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var AssistantProvider = function(t0) {
     var _assistant$name;
-    var $ = (0, import_react_compiler_runtime112.c)(10);
+    var $ = (0, import_react_compiler_runtime113.c)(10);
     var children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -51594,7 +51645,7 @@ var AssistantProvider = function(t0) {
     var t3 = assistant === null || assistant === void 0 ? void 0 : assistant.avatar;
     var t4;
     if ($[2] !== t3) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Avatar6, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Avatar6, {
             avatar: t3
         });
         $[2] = t3;
@@ -51604,7 +51655,7 @@ var AssistantProvider = function(t0) {
     }
     var t5;
     if ($[4] !== children || $[5] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(AssistantAvatarContext.Provider, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(AssistantAvatarContext.Provider, {
             value: t4,
             children: children
         });
@@ -51616,7 +51667,7 @@ var AssistantProvider = function(t0) {
     }
     var t6;
     if ($[7] !== t2 || $[8] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(AssistantNameContext.Provider, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(AssistantNameContext.Provider, {
             value: t2,
             children: t5
         });