@superinterface/react 4.4.0 → 5.0.0-beta.1

package/dist/index.js

@@ -8292,7 +8292,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))) {
@@ -8307,7 +8307,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;
@@ -13173,7 +13173,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;
@@ -13189,7 +13189,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();
@@ -37811,16 +37811,16 @@ var SuperinterfaceProvider = function(_ref) {
     });
 };
 // src/components/threads/Thread/index.tsx
-import { c as _c76 } from "react-compiler-runtime";
+import { c as _c77 } from "react-compiler-runtime";
 // src/components/threads/Thread/Messages/index.tsx
-import { c as _c65 } from "react-compiler-runtime";
+import { c as _c66 } from "react-compiler-runtime";
 import { Flex as Flex18 } from "@radix-ui/themes";
 // src/components/threads/Thread/Message/index.tsx
-import { c as _c59 } from "react-compiler-runtime";
+import { c as _c60 } from "react-compiler-runtime";
 import { useMemo as useMemo10 } from "react";
 import { Box as Box12 } from "@radix-ui/themes";
 // src/components/runSteps/RunSteps/index.tsx
-import { c as _c55 } from "react-compiler-runtime";
+import { c as _c56 } from "react-compiler-runtime";
 import { Flex as Flex16 } from "@radix-ui/themes";
 import { useContext as useContext14 } from "react";
 // src/contexts/components/ComponentsContext/index.tsx
@@ -42955,23 +42955,42 @@ var ImageFileContent = function(t0) {
     }
     return t2;
 };
+// src/components/contents/ImageUrlContent.tsx
+import { c as _c45 } from "react-compiler-runtime";
+import { jsx as _jsx45 } from "react/jsx-runtime";
+var ImageUrlContent = function(t0) {
+    var $ = _c45(2);
+    var content2 = t0.content;
+    var t1;
+    if ($[0] !== content2.image_url.url) {
+        t1 = /* @__PURE__ */ _jsx45(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
-import { c as _c50 } from "react-compiler-runtime";
+import { c as _c51 } from "react-compiler-runtime";
 import { useContext as useContext12 } from "react";
 import { Box as Box9 } from "@radix-ui/themes";
 // src/components/messageGroups/MessageGroup/Name.tsx
-import { c as _c45 } from "react-compiler-runtime";
+import { c as _c46 } from "react-compiler-runtime";
 import { Flex as Flex9, Text as Text6 } from "@radix-ui/themes";
-import { jsx as _jsx45 } from "react/jsx-runtime";
+import { jsx as _jsx46 } from "react/jsx-runtime";
 var Name = function(t0) {
-    var $ = _c45(2);
+    var $ = _c46(2);
     var children = t0.children;
     var t1;
     if ($[0] !== children) {
-        t1 = /* @__PURE__ */ _jsx45(Flex9, {
+        t1 = /* @__PURE__ */ _jsx46(Flex9, {
             align: "center",
             height: "var(--space-5)",
-            children: /* @__PURE__ */ _jsx45(Text6, {
+            children: /* @__PURE__ */ _jsx46(Text6, {
                 size: "2",
                 weight: "bold",
                 children: children
@@ -42985,20 +43004,20 @@ var Name = function(t0) {
     return t1;
 };
 // src/components/messageGroups/MessageGroup/AssistantAvatar.tsx
-import { c as _c46 } from "react-compiler-runtime";
+import { c as _c47 } from "react-compiler-runtime";
 import { useContext as useContext10 } from "react";
 import { Flex as Flex10 } from "@radix-ui/themes";
 // src/contexts/assistants/AssistantAvatarContext/index.tsx
 import { createContext as createContext6 } from "react";
 import { Avatar } from "@radix-ui/themes";
 import { LightningBoltIcon } from "@radix-ui/react-icons";
-import { jsx as _jsx46 } from "react/jsx-runtime";
-var AssistantAvatarContext = /* @__PURE__ */ createContext6(/* @__PURE__ */ _jsx46(Avatar, {
-    fallback: /* @__PURE__ */ _jsx46(LightningBoltIcon, {}),
+import { jsx as _jsx47 } from "react/jsx-runtime";
+var AssistantAvatarContext = /* @__PURE__ */ createContext6(/* @__PURE__ */ _jsx47(Avatar, {
+    fallback: /* @__PURE__ */ _jsx47(LightningBoltIcon, {}),
     size: "1"
 }));
 // src/components/messageGroups/MessageGroup/AssistantAvatar.tsx
-import { jsx as _jsx47 } from "react/jsx-runtime";
+import { jsx as _jsx48 } from "react/jsx-runtime";
 function ownKeys25(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -43043,7 +43062,7 @@ function _toPrimitive25(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root2 = function(t0) {
-    var $ = _c46(6);
+    var $ = _c47(6);
     var children = t0.children, style = t0.style, className = t0.className;
     var t1;
     if ($[0] !== style) {
@@ -43058,7 +43077,7 @@ var Root2 = function(t0) {
     }
     var t2;
     if ($[2] !== children || $[3] !== className || $[4] !== t1) {
-        t2 = /* @__PURE__ */ _jsx47(Flex10, {
+        t2 = /* @__PURE__ */ _jsx48(Flex10, {
             flexShrink: "0",
             height: "24px",
             width: "24px",
@@ -43076,12 +43095,12 @@ var Root2 = function(t0) {
     return t2;
 };
 var AssistantAvatar = function(t0) {
-    var $ = _c46(4);
+    var $ = _c47(4);
     var style = t0.style, className = t0.className;
     var AssistantAvatarContextValue = useContext10(AssistantAvatarContext);
     var t1;
     if ($[0] !== AssistantAvatarContextValue || $[1] !== className || $[2] !== style) {
-        t1 = /* @__PURE__ */ _jsx47(Root2, {
+        t1 = /* @__PURE__ */ _jsx48(Root2, {
             style: style,
             className: className,
             children: AssistantAvatarContextValue
@@ -43100,22 +43119,22 @@ AssistantAvatar.Root = Root2;
 import { createContext as createContext7 } from "react";
 var AssistantNameContext = /* @__PURE__ */ createContext7("Assistant");
 // src/components/messageGroups/MessageGroup/UserAvatar.tsx
-import { c as _c47 } from "react-compiler-runtime";
+import { c as _c48 } from "react-compiler-runtime";
 import { useContext as useContext11 } from "react";
 import { Flex as Flex11 } from "@radix-ui/themes";
 // src/contexts/users/UserAvatarContext/index.tsx
 import { createContext as createContext8 } from "react";
 import { Avatar as Avatar2 } from "@radix-ui/themes";
 import { PersonIcon } from "@radix-ui/react-icons";
-import { jsx as _jsx48 } from "react/jsx-runtime";
-var UserAvatarContext = /* @__PURE__ */ createContext8(/* @__PURE__ */ _jsx48(Avatar2, {
-    fallback: /* @__PURE__ */ _jsx48(PersonIcon, {}),
+import { jsx as _jsx49 } from "react/jsx-runtime";
+var UserAvatarContext = /* @__PURE__ */ createContext8(/* @__PURE__ */ _jsx49(Avatar2, {
+    fallback: /* @__PURE__ */ _jsx49(PersonIcon, {}),
     size: "1"
 }));
 // src/components/messageGroups/MessageGroup/UserAvatar.tsx
-import { jsx as _jsx49 } from "react/jsx-runtime";
+import { jsx as _jsx50 } from "react/jsx-runtime";
 var UserAvatar = function() {
-    var $ = _c47(3);
+    var $ = _c48(3);
     var UserAvatarContextValue = useContext11(UserAvatarContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -43129,7 +43148,7 @@ var UserAvatar = function() {
     }
     var t1;
     if ($[1] !== UserAvatarContextValue) {
-        t1 = /* @__PURE__ */ _jsx49(Flex11, {
+        t1 = /* @__PURE__ */ _jsx50(Flex11, {
             flexShrink: "0",
             height: "24px",
             width: "24px",
@@ -43144,11 +43163,11 @@ var UserAvatar = function() {
     return t1;
 };
 // src/components/messageGroups/MessageGroup/Messages.tsx
-import { c as _c48 } from "react-compiler-runtime";
+import { c as _c49 } from "react-compiler-runtime";
 import { Flex as Flex12 } from "@radix-ui/themes";
-import { jsx as _jsx50 } from "react/jsx-runtime";
+import { jsx as _jsx51 } from "react/jsx-runtime";
 var Messages = function(t0) {
-    var $ = _c48(4);
+    var $ = _c49(4);
     var messageGroup = t0.messageGroup;
     var t1;
     if ($[0] !== messageGroup.messages) {
@@ -43160,7 +43179,7 @@ var Messages = function(t0) {
     }
     var t2;
     if ($[2] !== t1) {
-        t2 = /* @__PURE__ */ _jsx50(Flex12, {
+        t2 = /* @__PURE__ */ _jsx51(Flex12, {
             direction: "column-reverse",
             children: t1
         });
@@ -43172,21 +43191,21 @@ var Messages = function(t0) {
     return t2;
 };
 function _temp(message) {
-    return /* @__PURE__ */ _jsx50(Message, {
+    return /* @__PURE__ */ _jsx51(Message, {
         message: message
     }, message.id);
 }
 // src/components/messageGroups/MessageGroup/Root.tsx
-import { c as _c49 } from "react-compiler-runtime";
+import { c as _c50 } from "react-compiler-runtime";
 import { forwardRef as forwardRef2 } from "react";
 import { Flex as Flex13, Container } from "@radix-ui/themes";
-import { jsx as _jsx51 } from "react/jsx-runtime";
+import { jsx as _jsx52 } from "react/jsx-runtime";
 var Root3 = /* @__PURE__ */ forwardRef2(function Root4(t0, ref) {
-    var $ = _c49(7);
+    var $ = _c50(7);
     var children = t0.children, style = t0.style, className = t0.className;
     var t1;
     if ($[0] !== children) {
-        t1 = /* @__PURE__ */ _jsx51(Flex13, {
+        t1 = /* @__PURE__ */ _jsx52(Flex13, {
             flexShrink: "0",
             gap: "3",
             children: children
@@ -43198,7 +43217,7 @@ var Root3 = /* @__PURE__ */ forwardRef2(function Root4(t0, ref) {
     }
     var t2;
     if ($[2] !== className || $[3] !== ref || $[4] !== style || $[5] !== t1) {
-        t2 = /* @__PURE__ */ _jsx51(Container, {
+        t2 = /* @__PURE__ */ _jsx52(Container, {
             ref: ref,
             size: "2",
             flexGrow: "0",
@@ -43217,14 +43236,14 @@ var Root3 = /* @__PURE__ */ forwardRef2(function Root4(t0, ref) {
     return t2;
 });
 // src/components/messageGroups/MessageGroup/index.tsx
-import { jsx as _jsx52, jsxs as _jsxs14, Fragment as _Fragment2 } from "react/jsx-runtime";
+import { jsx as _jsx53, jsxs as _jsxs14, Fragment as _Fragment2 } from "react/jsx-runtime";
 var Content5 = function(t0) {
-    var $ = _c50(12);
+    var $ = _c51(12);
     var messageGroup = t0.messageGroup;
     var assistantNameContext = useContext12(AssistantNameContext);
     var t1;
     if ($[0] !== messageGroup.role) {
-        t1 = messageGroup.role === "user" ? /* @__PURE__ */ _jsx52(UserAvatar, {}) : /* @__PURE__ */ _jsx52(AssistantAvatar, {});
+        t1 = messageGroup.role === "user" ? /* @__PURE__ */ _jsx53(UserAvatar, {}) : /* @__PURE__ */ _jsx53(AssistantAvatar, {});
         $[0] = messageGroup.role;
         $[1] = t1;
     } else {
@@ -43233,7 +43252,7 @@ var Content5 = function(t0) {
     var t2 = messageGroup.role === "user" ? "You" : assistantNameContext;
     var t3;
     if ($[2] !== t2) {
-        t3 = /* @__PURE__ */ _jsx52(Name, {
+        t3 = /* @__PURE__ */ _jsx53(Name, {
             children: t2
         });
         $[2] = t2;
@@ -43243,7 +43262,7 @@ var Content5 = function(t0) {
     }
     var t4;
     if ($[4] !== messageGroup) {
-        t4 = /* @__PURE__ */ _jsx52(Messages, {
+        t4 = /* @__PURE__ */ _jsx53(Messages, {
             messageGroup: messageGroup
         });
         $[4] = messageGroup;
@@ -43283,11 +43302,11 @@ var Content5 = function(t0) {
     return t6;
 };
 var MessageGroup = function(t0) {
-    var $ = _c50(6);
+    var $ = _c51(6);
     var messageGroup = t0.messageGroup, style = t0.style, className = t0.className;
     var t1;
     if ($[0] !== messageGroup) {
-        t1 = /* @__PURE__ */ _jsx52(Content5, {
+        t1 = /* @__PURE__ */ _jsx53(Content5, {
             messageGroup: messageGroup
         });
         $[0] = messageGroup;
@@ -43297,7 +43316,7 @@ var MessageGroup = function(t0) {
     }
     var t2;
     if ($[2] !== className || $[3] !== style || $[4] !== t1) {
-        t2 = /* @__PURE__ */ _jsx52(Root3, {
+        t2 = /* @__PURE__ */ _jsx53(Root3, {
             className: className,
             style: style,
             children: t1
@@ -43318,20 +43337,20 @@ MessageGroup.UserAvatar = UserAvatar;
 MessageGroup.Messages = Messages;
 MessageGroup.Content = Content5;
 // src/components/messages/MessageAttachments.tsx
-import { c as _c51 } from "react-compiler-runtime";
+import { c as _c52 } from "react-compiler-runtime";
 import { Flex as Flex14, Badge as Badge2 } from "@radix-ui/themes";
 import { FileIcon } from "@radix-ui/react-icons";
-import { jsx as _jsx53, jsxs as _jsxs15 } from "react/jsx-runtime";
+import { jsx as _jsx54, jsxs as _jsxs15 } from "react/jsx-runtime";
 var MessageAttachments = function(t0) {
     var _message$attachments;
-    var $ = _c51(4);
+    var $ = _c52(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__ */ _jsx53(FileIcon, {});
+        t1 = /* @__PURE__ */ _jsx54(FileIcon, {});
         $[0] = t1;
     } else {
         t1 = $[0];
@@ -43339,7 +43358,7 @@ var MessageAttachments = function(t0) {
     var t2 = message.attachments.length > 1 ? "s" : "";
     var t3;
     if ($[1] !== message.attachments.length || $[2] !== t2) {
-        t3 = /* @__PURE__ */ _jsx53(Flex14, {
+        t3 = /* @__PURE__ */ _jsx54(Flex14, {
             align: "start",
             pb: "1",
             children: /* @__PURE__ */ _jsxs15(Badge2, {
@@ -43362,18 +43381,18 @@ var MessageAttachments = function(t0) {
     return t3;
 };
 // src/components/skeletons/StartingSkeleton/index.tsx
-import { c as _c53 } from "react-compiler-runtime";
+import { c as _c54 } from "react-compiler-runtime";
 import { useContext as useContext13 } from "react";
 import { Box as Box10 } from "@radix-ui/themes";
 // src/components/skeletons/StartingContentSkeleton/index.tsx
-import { c as _c52 } from "react-compiler-runtime";
+import { c as _c53 } from "react-compiler-runtime";
 import { Skeleton } from "@radix-ui/themes";
-import { jsx as _jsx54 } from "react/jsx-runtime";
+import { jsx as _jsx55 } from "react/jsx-runtime";
 var StartingContentSkeleton = function() {
-    var $ = _c52(1);
+    var $ = _c53(1);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx54(Skeleton, {
+        t0 = /* @__PURE__ */ _jsx55(Skeleton, {
             loading: true,
             mt: "1",
             height: "var(--space-4)",
@@ -43390,13 +43409,13 @@ var StartingContentSkeleton = function() {
     return t0;
 };
 // src/components/skeletons/StartingSkeleton/index.tsx
-import { jsx as _jsx55, jsxs as _jsxs16 } from "react/jsx-runtime";
+import { jsx as _jsx56, jsxs as _jsxs16 } from "react/jsx-runtime";
 var StartingSkeleton = function(t0) {
-    var $ = _c53(3);
+    var $ = _c54(3);
     var children = t0.children;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ _jsx55(Content6, {});
+        t1 = /* @__PURE__ */ _jsx56(Content6, {});
         $[0] = t1;
     } else {
         t1 = $[0];
@@ -43417,19 +43436,19 @@ var StartingSkeleton = function(t0) {
     return t2;
 };
 var Root5 = function(t0) {
-    var $ = _c53(6);
+    var $ = _c54(6);
     var children = t0.children;
     var assistantNameContext = useContext13(AssistantNameContext);
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ _jsx55(MessageGroup.AssistantAvatar, {});
+        t1 = /* @__PURE__ */ _jsx56(MessageGroup.AssistantAvatar, {});
         $[0] = t1;
     } else {
         t1 = $[0];
     }
     var t2;
     if ($[1] !== assistantNameContext) {
-        t2 = /* @__PURE__ */ _jsx55(MessageGroup.Name, {
+        t2 = /* @__PURE__ */ _jsx56(MessageGroup.Name, {
             children: assistantNameContext
         });
         $[1] = assistantNameContext;
@@ -43462,18 +43481,18 @@ var Content6 = StartingContentSkeleton;
 StartingSkeleton.Root = Root5;
 StartingSkeleton.Content = Content6;
 // src/components/skeletons/MessagesSkeleton/index.tsx
-import { c as _c54 } from "react-compiler-runtime";
+import { c as _c55 } from "react-compiler-runtime";
 import { forwardRef as forwardRef3 } from "react";
 import { Flex as Flex15, Avatar as Avatar3, Box as Box11, Skeleton as Skeleton2 } from "@radix-ui/themes";
-import { jsx as _jsx56, jsxs as _jsxs17 } from "react/jsx-runtime";
+import { jsx as _jsx57, jsxs as _jsxs17 } from "react/jsx-runtime";
 var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_props, ref) {
-    var $ = _c54(7);
+    var $ = _c55(7);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx56(Skeleton2, {
+        t0 = /* @__PURE__ */ _jsx57(Skeleton2, {
             loading: true,
-            children: /* @__PURE__ */ _jsx56(Avatar3, {
-                fallback: /* @__PURE__ */ _jsx56(Flex15, {}),
+            children: /* @__PURE__ */ _jsx57(Avatar3, {
+                fallback: /* @__PURE__ */ _jsx57(Flex15, {}),
                 size: "1"
             })
         });
@@ -43483,8 +43502,8 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
     }
     var t1;
     if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ _jsx56(MessageGroup.Name, {
-            children: /* @__PURE__ */ _jsx56(Skeleton2, {
+        t1 = /* @__PURE__ */ _jsx57(MessageGroup.Name, {
+            children: /* @__PURE__ */ _jsx57(Skeleton2, {
                 loading: true,
                 style: {
                     width: "128px"
@@ -43497,7 +43516,7 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
     }
     var t2;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = /* @__PURE__ */ _jsx56(Skeleton2, {
+        t2 = /* @__PURE__ */ _jsx57(Skeleton2, {
             loading: true,
             style: {
                 width: "256px"
@@ -43509,7 +43528,7 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
     }
     var t3;
     if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = /* @__PURE__ */ _jsx56(Skeleton2, {
+        t3 = /* @__PURE__ */ _jsx57(Skeleton2, {
             loading: true,
             style: {
                 width: "256px",
@@ -43528,7 +43547,7 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
                 t1,
                 t2,
                 t3,
-                /* @__PURE__ */ _jsx56(Skeleton2, {
+                /* @__PURE__ */ _jsx57(Skeleton2, {
                     loading: true,
                     style: {
                         width: "256px",
@@ -43568,6 +43587,7 @@ var ComponentsContext = /* @__PURE__ */ createContext9({
         FallbackToolCall: FallbackToolCall,
         TextContent: TextContent,
         ImageFileContent: ImageFileContent,
+        ImageUrlContent: ImageUrlContent,
         MessageGroup: MessageGroup,
         MessageAttachments: MessageAttachments,
         StartingSkeleton: StartingSkeleton,
@@ -43576,9 +43596,9 @@ var ComponentsContext = /* @__PURE__ */ createContext9({
     }
 });
 // src/components/runSteps/RunSteps/index.tsx
-import { jsx as _jsx57 } from "react/jsx-runtime";
+import { jsx as _jsx58 } from "react/jsx-runtime";
 var RunSteps = function(t0) {
-    var $ = _c55(7);
+    var $ = _c56(7);
     var runSteps = t0.runSteps;
     var componentsContext = useContext14(ComponentsContext);
     var Component2 = componentsContext.components.RunStep;
@@ -43587,7 +43607,7 @@ var RunSteps = function(t0) {
         var _t;
         if ($[3] !== Component2) {
             _t = function(runStep) {
-                return /* @__PURE__ */ _jsx57(Component2, {
+                return /* @__PURE__ */ _jsx58(Component2, {
                     runStep: runStep
                 }, runStep.id);
             };
@@ -43605,7 +43625,7 @@ var RunSteps = function(t0) {
     }
     var t2;
     if ($[5] !== t1) {
-        t2 = /* @__PURE__ */ _jsx57(Flex16, {
+        t2 = /* @__PURE__ */ _jsx58(Flex16, {
             direction: "column-reverse",
             children: t1
         });
@@ -43624,16 +43644,16 @@ var MessageContext = /* @__PURE__ */ createContext10({
 // src/components/threads/Thread/Message/Provider.tsx
 var Provider = MessageContext.Provider;
 // src/components/threads/Thread/Message/Attachments/index.tsx
-import { c as _c56 } from "react-compiler-runtime";
-import { jsx as _jsx58 } from "react/jsx-runtime";
+import { c as _c57 } from "react-compiler-runtime";
+import { jsx as _jsx59 } from "react/jsx-runtime";
 var Attachments = function(t0) {
-    var $ = _c56(3);
+    var $ = _c57(3);
     var message = t0.message;
     var _useComponents = useComponents(), t1 = _useComponents.components;
     var MessageAttachments2 = t1.MessageAttachments;
     var t2;
     if ($[0] !== MessageAttachments2 || $[1] !== message) {
-        t2 = /* @__PURE__ */ _jsx58(MessageAttachments2, {
+        t2 = /* @__PURE__ */ _jsx59(MessageAttachments2, {
             message: message
         });
         $[0] = MessageAttachments2;
@@ -43645,18 +43665,18 @@ var Attachments = function(t0) {
     return t2;
 };
 // src/components/messages/MessageContent/index.tsx
-import { c as _c58 } from "react-compiler-runtime";
+import { c as _c59 } from "react-compiler-runtime";
 // src/components/messages/MessageContent/ContentPart/index.tsx
-import { c as _c57 } from "react-compiler-runtime";
-import { jsx as _jsx59 } from "react/jsx-runtime";
+import { c as _c58 } from "react-compiler-runtime";
+import { jsx as _jsx60 } from "react/jsx-runtime";
 var TextContent2 = function(t0) {
-    var $ = _c57(3);
+    var $ = _c58(3);
     var content2 = t0.content;
     var _useComponents = useComponents(), t1 = _useComponents.components;
     var TextContent3 = t1.TextContent;
     var t2;
     if ($[0] !== TextContent3 || $[1] !== content2) {
-        t2 = /* @__PURE__ */ _jsx59(TextContent3, {
+        t2 = /* @__PURE__ */ _jsx60(TextContent3, {
             content: content2
         });
         $[0] = TextContent3;
@@ -43668,13 +43688,13 @@ var TextContent2 = function(t0) {
     return t2;
 };
 var ImageFileContent2 = function(t0) {
-    var $ = _c57(3);
+    var $ = _c58(3);
     var content2 = t0.content;
     var _useComponents = useComponents(), t1 = _useComponents.components;
     var ImageFileContent3 = t1.ImageFileContent;
     var t2;
     if ($[0] !== ImageFileContent3 || $[1] !== content2) {
-        t2 = /* @__PURE__ */ _jsx59(ImageFileContent3, {
+        t2 = /* @__PURE__ */ _jsx60(ImageFileContent3, {
             content: content2
         });
         $[0] = ImageFileContent3;
@@ -43685,13 +43705,31 @@ var ImageFileContent2 = function(t0) {
     }
     return t2;
 };
+var ImageUrlContent2 = function(t0) {
+    var $ = _c58(3);
+    var content2 = t0.content;
+    var _useComponents = useComponents(), t1 = _useComponents.components;
+    var ImageUrlContent3 = t1.ImageUrlContent;
+    var t2;
+    if ($[0] !== ImageUrlContent3 || $[1] !== content2) {
+        t2 = /* @__PURE__ */ _jsx60(ImageUrlContent3, {
+            content: content2
+        });
+        $[0] = ImageUrlContent3;
+        $[1] = content2;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    return t2;
+};
 var ContentPart = function(t0) {
-    var $ = _c57(4);
+    var $ = _c58(6);
     var content2 = t0.content;
     if (content2.type === "text") {
         var t1;
         if ($[0] !== content2) {
-            t1 = /* @__PURE__ */ _jsx59(TextContent2, {
+            t1 = /* @__PURE__ */ _jsx60(TextContent2, {
                 content: content2
             });
             $[0] = content2;
@@ -43704,7 +43742,7 @@ var ContentPart = function(t0) {
     if (content2.type === "image_file") {
         var _t;
         if ($[2] !== content2) {
-            _t = /* @__PURE__ */ _jsx59(ImageFileContent2, {
+            _t = /* @__PURE__ */ _jsx60(ImageFileContent2, {
                 content: content2
             });
             $[2] = content2;
@@ -43714,12 +43752,25 @@ var ContentPart = function(t0) {
         }
         return _t;
     }
+    if (content2.type === "image_url") {
+        var _t2;
+        if ($[4] !== content2) {
+            _t2 = /* @__PURE__ */ _jsx60(ImageUrlContent2, {
+                content: content2
+            });
+            $[4] = content2;
+            $[5] = _t2;
+        } else {
+            _t2 = $[5];
+        }
+        return _t2;
+    }
     return null;
 };
 // src/components/messages/MessageContent/index.tsx
-import { Fragment as _Fragment3, jsx as _jsx60 } from "react/jsx-runtime";
+import { Fragment as _Fragment3, jsx as _jsx61 } from "react/jsx-runtime";
 var MessageContent = function(t0) {
-    var $ = _c58(4);
+    var $ = _c59(4);
     var message = t0.message;
     var t1;
     if ($[0] !== message.content) {
@@ -43731,7 +43782,7 @@ var MessageContent = function(t0) {
     }
     var t2;
     if ($[2] !== t1) {
-        t2 = /* @__PURE__ */ _jsx60(_Fragment3, {
+        t2 = /* @__PURE__ */ _jsx61(_Fragment3, {
             children: t1
         });
         $[2] = t1;
@@ -43742,14 +43793,14 @@ var MessageContent = function(t0) {
     return t2;
 };
 function _temp2(content2, index) {
-    return /* @__PURE__ */ _jsx60(ContentPart, {
+    return /* @__PURE__ */ _jsx61(ContentPart, {
         content: content2
     }, index);
 }
 // src/components/threads/Thread/Message/index.tsx
-import { jsx as _jsx61, jsxs as _jsxs18 } from "react/jsx-runtime";
+import { jsx as _jsx62, jsxs as _jsxs18 } from "react/jsx-runtime";
 var Message = function(t0) {
-    var $ = _c59(40);
+    var $ = _c60(40);
     var message = t0.message, className = t0.className, style = t0.style;
     var t1;
     bb0: {
@@ -43879,7 +43930,7 @@ var Message = function(t0) {
     }
     var t3;
     if ($[24] !== olderRunSteps_0) {
-        t3 = /* @__PURE__ */ _jsx61(RunSteps, {
+        t3 = /* @__PURE__ */ _jsx62(RunSteps, {
             runSteps: olderRunSteps_0
         });
         $[24] = olderRunSteps_0;
@@ -43901,10 +43952,10 @@ var Message = function(t0) {
         t5 = /* @__PURE__ */ _jsxs18(Box12, {
             style: t4,
             children: [
-                /* @__PURE__ */ _jsx61(Attachments, {
+                /* @__PURE__ */ _jsx62(Attachments, {
                     message: message
                 }),
-                /* @__PURE__ */ _jsx61(MessageContent, {
+                /* @__PURE__ */ _jsx62(MessageContent, {
                     message: message
                 })
             ]
@@ -43916,7 +43967,7 @@ var Message = function(t0) {
     }
     var t6;
     if ($[29] !== laterRunSteps_0) {
-        t6 = /* @__PURE__ */ _jsx61(RunSteps, {
+        t6 = /* @__PURE__ */ _jsx62(RunSteps, {
             runSteps: laterRunSteps_0
         });
         $[29] = laterRunSteps_0;
@@ -43946,7 +43997,7 @@ var Message = function(t0) {
     }
     var t8;
     if ($[37] !== t2 || $[38] !== t7) {
-        t8 = /* @__PURE__ */ _jsx61(Provider, {
+        t8 = /* @__PURE__ */ _jsx62(Provider, {
             value: t2,
             children: t7
         });
@@ -43965,10 +44016,10 @@ function _temp22(runStep_1) {
     return runStep_1.step_details.type === "message_creation";
 }
 // src/components/threads/Thread/Messages/Content/index.tsx
-import { c as _c61 } from "react-compiler-runtime";
+import { c as _c62 } from "react-compiler-runtime";
 import { useEffect as useEffect3 } from "react";
 // src/hooks/messageGroups/useMessageGroups/index.ts
-import { c as _c60 } from "react-compiler-runtime";
+import { c as _c61 } from "react-compiler-runtime";
 import { useMemo as useMemo11 } from "react";
 // src/hooks/messageGroups/useMessageGroups/lib/messageGroups/index.ts
 import _6 from "lodash";
@@ -44073,7 +44124,7 @@ var messageGroups = function(_ref) {
 };
 // src/hooks/messageGroups/useMessageGroups/index.ts
 var useMessageGroups = function(t0) {
-    var $ = _c60(4);
+    var $ = _c61(4);
     var messages2 = t0.messages;
     var t1;
     var t2;
@@ -44100,9 +44151,9 @@ var useMessageGroups = function(t0) {
     return t1;
 };
 // src/components/threads/Thread/Messages/Content/index.tsx
-import { jsx as _jsx62, Fragment as _Fragment4 } from "react/jsx-runtime";
+import { jsx as _jsx63, Fragment as _Fragment4 } from "react/jsx-runtime";
 var Content7 = function() {
-    var $ = _c61(15);
+    var $ = _c62(15);
     var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
     var addToast = useToasts().addToast;
     var t0;
@@ -44145,7 +44196,7 @@ var Content7 = function() {
     if (isLoading || isLoadingError) {
         var _t;
         if ($[6] !== MessagesSkeleton3) {
-            _t = /* @__PURE__ */ _jsx62(MessagesSkeleton3, {});
+            _t = /* @__PURE__ */ _jsx63(MessagesSkeleton3, {});
             $[6] = MessagesSkeleton3;
             $[7] = _t;
         } else {
@@ -44158,7 +44209,7 @@ var Content7 = function() {
         var _t2;
         if ($[11] !== MessageGroup2) {
             _t2 = function(messageGroup) {
-                return /* @__PURE__ */ _jsx62(MessageGroup2, {
+                return /* @__PURE__ */ _jsx63(MessageGroup2, {
                     messageGroup: messageGroup
                 }, messageGroup.id);
             };
@@ -44176,7 +44227,7 @@ var Content7 = function() {
     }
     var t5;
     if ($[13] !== t4) {
-        t5 = /* @__PURE__ */ _jsx62(_Fragment4, {
+        t5 = /* @__PURE__ */ _jsx63(_Fragment4, {
             children: t4
         });
         $[13] = t4;
@@ -44187,17 +44238,17 @@ var Content7 = function() {
     return t5;
 };
 // src/components/threads/Thread/Messages/Progress/index.tsx
-import { c as _c62 } from "react-compiler-runtime";
+import { c as _c63 } from "react-compiler-runtime";
 import { useMemo as useMemo12 } from "react";
 import { Box as Box13 } from "@radix-ui/themes";
-import { jsx as _jsx63, jsxs as _jsxs19 } from "react/jsx-runtime";
+import { jsx as _jsx64, jsxs as _jsxs19 } from "react/jsx-runtime";
 var StartingSkeleton2 = function() {
-    var $ = _c62(2);
+    var $ = _c63(2);
     var _useComponents = useComponents(), t0 = _useComponents.components;
     var StartingSkeleton3 = t0.StartingSkeleton;
     var t1;
     if ($[0] !== StartingSkeleton3) {
-        t1 = /* @__PURE__ */ _jsx63(StartingSkeleton3, {});
+        t1 = /* @__PURE__ */ _jsx64(StartingSkeleton3, {});
         $[0] = StartingSkeleton3;
         $[1] = t1;
     } else {
@@ -44206,12 +44257,12 @@ var StartingSkeleton2 = function() {
     return t1;
 };
 var StartingContentSkeleton2 = function() {
-    var $ = _c62(2);
+    var $ = _c63(2);
     var _useComponents = useComponents(), t0 = _useComponents.components;
     var StartingContentSkeleton3 = t0.StartingContentSkeleton;
     var t1;
     if ($[0] !== StartingContentSkeleton3) {
-        t1 = /* @__PURE__ */ _jsx63(StartingContentSkeleton3, {});
+        t1 = /* @__PURE__ */ _jsx64(StartingContentSkeleton3, {});
         $[0] = StartingContentSkeleton3;
         $[1] = t1;
     } else {
@@ -44220,7 +44271,7 @@ var StartingContentSkeleton2 = function() {
     return t1;
 };
 var Progress = function() {
-    var $ = _c62(3);
+    var $ = _c63(3);
     var latestMessage = useLatestMessage().latestMessage;
     var isMutatingMessage = useIsMutatingMessage();
     var t0;
@@ -44253,7 +44304,7 @@ var Progress = function() {
     if (isStartingSkeletonVisible) {
         var t1;
         if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-            t1 = /* @__PURE__ */ _jsx63(StartingSkeleton2, {});
+            t1 = /* @__PURE__ */ _jsx64(StartingSkeleton2, {});
             $[0] = t1;
         } else {
             t1 = $[0];
@@ -44263,7 +44314,7 @@ var Progress = function() {
     if (isMutatingMessage) {
         var _t;
         if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-            _t = /* @__PURE__ */ _jsx63(MessageGroup.AssistantAvatar.Root, {});
+            _t = /* @__PURE__ */ _jsx64(MessageGroup.AssistantAvatar.Root, {});
             $[1] = _t;
         } else {
             _t = $[1];
@@ -44273,8 +44324,8 @@ var Progress = function() {
             t2 = /* @__PURE__ */ _jsxs19(MessageGroup.Root, {
                 children: [
                     _t,
-                    /* @__PURE__ */ _jsx63(Box13, {
-                        children: /* @__PURE__ */ _jsx63(StartingContentSkeleton2, {})
+                    /* @__PURE__ */ _jsx64(Box13, {
+                        children: /* @__PURE__ */ _jsx64(StartingContentSkeleton2, {})
                     })
                 ]
             });
@@ -44287,7 +44338,7 @@ var Progress = function() {
     return null;
 };
 // src/components/threads/Thread/Messages/Root/index.tsx
-import { c as _c63 } from "react-compiler-runtime";
+import { c as _c64 } from "react-compiler-runtime";
 import { Flex as Flex17 } from "@radix-ui/themes";
 // src/hooks/misc/useInfiniteScroll/index.tsx
 import { useRef as useRef3 } from "react";
@@ -44340,7 +44391,7 @@ var useInfiniteScroll = function(_ref) {
     };
 };
 // src/components/threads/Thread/Messages/Root/index.tsx
-import { jsx as _jsx64, jsxs as _jsxs20 } from "react/jsx-runtime";
+import { jsx as _jsx65, jsxs as _jsxs20 } from "react/jsx-runtime";
 function ownKeys27(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -44385,7 +44436,7 @@ function _toPrimitive27(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root6 = function(t0) {
-    var $ = _c63(18);
+    var $ = _c64(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;
@@ -44423,7 +44474,7 @@ var Root6 = function(t0) {
     }
     var t4;
     if ($[8] !== hasNextPage || $[9] !== loaderRef) {
-        t4 = hasNextPage && /* @__PURE__ */ _jsx64(Flex17, {
+        t4 = hasNextPage && /* @__PURE__ */ _jsx65(Flex17, {
             ref: loaderRef
         });
         $[8] = hasNextPage;
@@ -44434,7 +44485,7 @@ var Root6 = function(t0) {
     }
     var t5;
     if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-        t5 = /* @__PURE__ */ _jsx64(Flex17, {
+        t5 = /* @__PURE__ */ _jsx65(Flex17, {
             flexShrink: "0",
             flexGrow: "1"
         });
@@ -44468,10 +44519,10 @@ var Root6 = function(t0) {
     return t6;
 };
 // src/components/threads/Thread/Messages/NextPageSkeleton.tsx
-import { c as _c64 } from "react-compiler-runtime";
-import { jsx as _jsx65 } from "react/jsx-runtime";
+import { c as _c65 } from "react-compiler-runtime";
+import { jsx as _jsx66 } from "react/jsx-runtime";
 var NextPageSkeleton = function() {
-    var $ = _c64(2);
+    var $ = _c65(2);
     var hasNextPage = useMessages().hasNextPage;
     var _useComponents = useComponents(), t0 = _useComponents.components;
     var MessagesSkeleton3 = t0.MessagesSkeleton;
@@ -44480,7 +44531,7 @@ var NextPageSkeleton = function() {
     }
     var t1;
     if ($[0] !== MessagesSkeleton3) {
-        t1 = /* @__PURE__ */ _jsx65(MessagesSkeleton3, {});
+        t1 = /* @__PURE__ */ _jsx66(MessagesSkeleton3, {});
         $[0] = MessagesSkeleton3;
         $[1] = t1;
     } else {
@@ -44489,18 +44540,18 @@ var NextPageSkeleton = function() {
     return t1;
 };
 // src/components/threads/Thread/Messages/index.tsx
-import { jsx as _jsx66, jsxs as _jsxs21 } from "react/jsx-runtime";
+import { jsx as _jsx67, jsxs as _jsxs21 } from "react/jsx-runtime";
 var Messages2 = function(t0) {
-    var $ = _c65(9);
+    var $ = _c66(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__ */ _jsx66(Flex18, {
+        t1 = /* @__PURE__ */ _jsx67(Flex18, {
             flexShrink: "0",
             height: "var(--space-3)"
         });
-        t2 = /* @__PURE__ */ _jsx66(Progress, {});
+        t2 = /* @__PURE__ */ _jsx67(Progress, {});
         $[0] = t1;
         $[1] = t2;
     } else {
@@ -44511,9 +44562,9 @@ var Messages2 = function(t0) {
     var t4;
     var t5;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = /* @__PURE__ */ _jsx66(Content7, {});
-        t4 = /* @__PURE__ */ _jsx66(NextPageSkeleton, {});
-        t5 = /* @__PURE__ */ _jsx66(Flex18, {
+        t3 = /* @__PURE__ */ _jsx67(Content7, {});
+        t4 = /* @__PURE__ */ _jsx67(NextPageSkeleton, {});
+        t5 = /* @__PURE__ */ _jsx67(Flex18, {
             flexShrink: "0",
             flexGrow: "1",
             minHeight: "var(--space-5)"
@@ -44554,9 +44605,9 @@ Messages2.Message = Message;
 Messages2.NextPageSkeleton = NextPageSkeleton;
 Messages2.Content = Content7;
 // src/components/threads/Thread/MessageForm/index.tsx
-import { c as _c72 } from "react-compiler-runtime";
+import { c as _c73 } from "react-compiler-runtime";
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
-import { c as _c66 } from "react-compiler-runtime";
+import { c as _c67 } from "react-compiler-runtime";
 import { ArrowUpIcon as ArrowUpIcon2, StopIcon } from "@radix-ui/react-icons";
 import { IconButton as IconButton5, Flex as Flex19 } from "@radix-ui/themes";
 // src/hooks/messages/useMessageFormContext/index.ts
@@ -44576,7 +44627,7 @@ var useMessageFormContext = function() {
     return useContext15(MessageFormContext);
 };
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
-import { jsx as _jsx67 } from "react/jsx-runtime";
+import { jsx as _jsx68 } from "react/jsx-runtime";
 function ownKeys28(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -44621,11 +44672,11 @@ function _toPrimitive28(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root7 = function(t0) {
-    var $ = _c66(4);
+    var $ = _c67(4);
     var children = t0.children, style = t0.style, className = t0.className;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
-        t1 = /* @__PURE__ */ _jsx67(Flex19, {
+        t1 = /* @__PURE__ */ _jsx68(Flex19, {
             flexShrink: "0",
             align: "end",
             style: style,
@@ -44642,7 +44693,7 @@ var Root7 = function(t0) {
     return t1;
 };
 var Button3 = function(props) {
-    var $ = _c66(10);
+    var $ = _c67(10);
     var superinterfaceContext = useSuperinterfaceContext();
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, isFileLoading = _useMessageFormContext.isFileLoading;
     if (isLoading) {
@@ -44659,14 +44710,14 @@ var Button3 = function(props) {
         }
         var _t2;
         if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-            _t2 = /* @__PURE__ */ _jsx67(StopIcon, {});
+            _t2 = /* @__PURE__ */ _jsx68(StopIcon, {});
             $[2] = _t2;
         } else {
             _t2 = $[2];
         }
         var _t3;
         if ($[3] !== props || $[4] !== _t) {
-            _t3 = /* @__PURE__ */ _jsx67(IconButton5, _objectSpread28(_objectSpread28({
+            _t3 = /* @__PURE__ */ _jsx68(IconButton5, _objectSpread28(_objectSpread28({
                 type: "button",
                 onClick: _t
             }, props), {}, {
@@ -44683,14 +44734,14 @@ var Button3 = function(props) {
     var t0 = isDisabled || isFileLoading;
     var t1;
     if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ _jsx67(ArrowUpIcon2, {});
+        t1 = /* @__PURE__ */ _jsx68(ArrowUpIcon2, {});
         $[6] = t1;
     } else {
         t1 = $[6];
     }
     var t2;
     if ($[7] !== props || $[8] !== t0) {
-        t2 = /* @__PURE__ */ _jsx67(IconButton5, _objectSpread28(_objectSpread28({
+        t2 = /* @__PURE__ */ _jsx68(IconButton5, _objectSpread28(_objectSpread28({
             type: "submit",
             disabled: t0
         }, props), {}, {
@@ -44705,17 +44756,17 @@ var Button3 = function(props) {
     return t2;
 };
 var Submit = function(props) {
-    var $ = _c66(3);
+    var $ = _c67(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx67(Button3, {});
+        t0 = /* @__PURE__ */ _jsx68(Button3, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx67(Root7, _objectSpread28(_objectSpread28({}, props), {}, {
+        t1 = /* @__PURE__ */ _jsx68(Root7, _objectSpread28(_objectSpread28({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -44729,7 +44780,7 @@ Submit.Root = Root7;
 Submit.Button = Button3;
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
-import { useMemo as useMemo13, useState as useState4, useCallback as useCallback3 } from "react";
+import { useMemo as useMemo13, useState as useState4 } from "react";
 import { useForm, FormProvider } from "react-hook-form";
 import { Box as Box14 } from "@radix-ui/themes";
 // src/components/threads/Thread/MessageForm/Root/lib/formOptions.ts
@@ -44743,7 +44794,7 @@ var formOptions = {
 };
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 import { partob } from "radash";
-import { jsx as _jsx68 } from "react/jsx-runtime";
+import { jsx as _jsx69 } from "react/jsx-runtime";
 function ownKeys29(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -44815,7 +44866,7 @@ var Root8 = function(_ref) {
     var children = _ref.children, onSubmitArg = _ref.onSubmit, isDisabledArg = _ref.isDisabled, style = _ref.style, className = _ref.className;
     var _useState4 = _sliced_to_array(useState4([]), 2), files = _useState4[0], setFiles = _useState4[1];
     var formProps = useForm(formOptions);
-    var handleSubmit = formProps.handleSubmit, isSubmitting = formProps.formState.isSubmitting, formReset = formProps.reset, watch = formProps.watch;
+    var handleSubmit = formProps.handleSubmit, isSubmitting = formProps.formState.isSubmitting, reset = formProps.reset, watch = formProps.watch;
     var addToast = useToasts().addToast;
     var queryClient = useQueryClient4();
     var threadContext = useSuperinterfaceContext();
@@ -44850,16 +44901,9 @@ var Root8 = function(_ref) {
         latestMessage,
         isDisabledArg
     ]);
-    var reset = useCallback3(function() {
-        formReset();
-        setFiles([]);
-    }, [
-        formReset
-    ]);
     var onSubmit = onSubmitArg ? partob(onSubmitArg, {
         reset: reset,
-        createMessage: createMessage,
-        files: files
+        createMessage: createMessage
     }) : /* @__PURE__ */ function() {
         var _ref2 = _asyncToGenerator6(function(data2) {
             var attachments, imageFileContentParts, content2;
@@ -44876,6 +44920,7 @@ var Root8 = function(_ref) {
                             2
                         ];
                         reset();
+                        setFiles([]);
                         attachments = files.filter(function(file_0) {
                             return file_0.purpose === "assistants";
                         }).map(function(file_1) {
@@ -44925,7 +44970,7 @@ var Root8 = function(_ref) {
         };
     }();
     var content_0 = watch("content");
-    return /* @__PURE__ */ _jsx68(MessageFormContext.Provider, {
+    return /* @__PURE__ */ _jsx69(MessageFormContext.Provider, {
         value: {
             isDisabled: isDisabled,
             isLoading: isLoading,
@@ -44934,13 +44979,13 @@ var Root8 = function(_ref) {
             isFileLoading: isFileLoading,
             content: content_0
         },
-        children: /* @__PURE__ */ _jsx68(FormProvider, _objectSpread29(_objectSpread29({}, formProps), {}, {
-            children: /* @__PURE__ */ _jsx68(Box14, {
+        children: /* @__PURE__ */ _jsx69(FormProvider, _objectSpread29(_objectSpread29({}, formProps), {}, {
+            children: /* @__PURE__ */ _jsx69(Box14, {
                 asChild: true,
                 flexShrink: "0",
                 style: style,
                 className: className,
-                children: /* @__PURE__ */ _jsx68("form", {
+                children: /* @__PURE__ */ _jsx69("form", {
                     onSubmit: handleSubmit(onSubmit),
                     children: children
                 })
@@ -44952,7 +44997,7 @@ var Root8 = function(_ref) {
 import { useFormContext as useFormContext2 } from "react-hook-form";
 import { Container as RadixContainer, Flex as Flex23 } from "@radix-ui/themes";
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-import { c as _c68 } from "react-compiler-runtime";
+import { c as _c69 } from "react-compiler-runtime";
 import { Flex as Flex20 } from "@radix-ui/themes";
 import { useFormContext } from "react-hook-form";
 // src/hooks/misc/usePrevious.ts
@@ -44967,10 +45012,10 @@ var usePrevious = function(state) {
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
 import { useContext as useContext16, useMemo as useMemo14, useRef as useRef5, useEffect as useEffect6 } from "react";
 // src/components/textareas/TextareaBase/index.tsx
-import { c as _c67 } from "react-compiler-runtime";
+import { c as _c68 } from "react-compiler-runtime";
 import { forwardRef as forwardRef4 } from "react";
 import TextareaAutosize from "react-textarea-autosize";
-import { jsx as _jsx69, Fragment as _Fragment5, jsxs as _jsxs22 } from "react/jsx-runtime";
+import { jsx as _jsx70, Fragment as _Fragment5, jsxs as _jsxs22 } from "react/jsx-runtime";
 var _excluded3 = [
     "style",
     "className"
@@ -45037,7 +45082,7 @@ function _objectWithoutPropertiesLoose3(r, e) {
     return t;
 }
 var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
-    var $ = _c67(14);
+    var $ = _c68(14);
     var className;
     var rest;
     var style;
@@ -45058,7 +45103,7 @@ var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
     }
     var t1;
     if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ _jsx69("style", {
+        t1 = /* @__PURE__ */ _jsx70("style", {
             children: ".superinterface-textarea { min-height: inherit; height: 30px; }\n.superinterface-textarea::placeholder { color: var(--gray-a10); }"
         });
         $[4] = t1;
@@ -45095,7 +45140,7 @@ var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
         t5 = /* @__PURE__ */ _jsxs22(_Fragment5, {
             children: [
                 t1,
-                /* @__PURE__ */ _jsx69(TextareaAutosize, _objectSpread30({
+                /* @__PURE__ */ _jsx70(TextareaAutosize, _objectSpread30({
                     ref: ref,
                     className: t2,
                     style: t4
@@ -45113,7 +45158,7 @@ var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
     return t5;
 });
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-import { jsx as _jsx70 } from "react/jsx-runtime";
+import { jsx as _jsx71 } from "react/jsx-runtime";
 function ownKeys31(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -45158,11 +45203,11 @@ function _toPrimitive31(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root9 = function(t0) {
-    var $ = _c68(4);
+    var $ = _c69(4);
     var children = t0.children, style = t0.style, className = t0.className;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
-        t1 = /* @__PURE__ */ _jsx70(Flex20, {
+        t1 = /* @__PURE__ */ _jsx71(Flex20, {
             flexGrow: "1",
             pt: "4px",
             style: style,
@@ -45203,7 +45248,7 @@ var Input = function(props) {
         isDisabledPrevious,
         textareaProps
     ]);
-    return /* @__PURE__ */ _jsx70(TextareaBase, _objectSpread31(_objectSpread31(_objectSpread31({
+    return /* @__PURE__ */ _jsx71(TextareaBase, _objectSpread31(_objectSpread31(_objectSpread31({
         minRows: 1,
         placeholder: (_props$placeholder = props.placeholder) !== null && _props$placeholder !== void 0 ? _props$placeholder : "Message ".concat(assistantNameContext, "..."),
         disabled: isDisabled,
@@ -45223,17 +45268,17 @@ var Input = function(props) {
     }));
 };
 var Control = function(props) {
-    var $ = _c68(3);
+    var $ = _c69(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx70(Input, {});
+        t0 = /* @__PURE__ */ _jsx71(Input, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx70(Root9, _objectSpread31(_objectSpread31({}, props), {}, {
+        t1 = /* @__PURE__ */ _jsx71(Root9, _objectSpread31(_objectSpread31({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -45246,10 +45291,10 @@ var Control = function(props) {
 Control.Root = Root9;
 Control.Input = Input;
 // src/components/threads/Thread/MessageForm/Field/Files/Preview.tsx
-import { c as _c69 } from "react-compiler-runtime";
+import { c as _c70 } from "react-compiler-runtime";
 import { Flex as Flex21, Card as Card2, Spinner as Spinner2, Text as Text7, IconButton as IconButton6 } from "@radix-ui/themes";
 import { FileIcon as FileIcon2, Cross2Icon } from "@radix-ui/react-icons";
-import { jsx as _jsx71, jsxs as _jsxs23 } from "react/jsx-runtime";
+import { jsx as _jsx72, jsxs as _jsxs23 } from "react/jsx-runtime";
 function ownKeys32(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -45294,7 +45339,7 @@ function _toPrimitive32(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Preview = function(props) {
-    var $ = _c69(8);
+    var $ = _c70(8);
     var _useMessageFormContext = useMessageFormContext(), files = _useMessageFormContext.files, setFiles = _useMessageFormContext.setFiles;
     if (!files.length) {
         return null;
@@ -45304,7 +45349,7 @@ var Preview = function(props) {
         var _t;
         if ($[3] !== setFiles) {
             _t = function(file) {
-                return /* @__PURE__ */ _jsx71(Card2, {
+                return /* @__PURE__ */ _jsx72(Card2, {
                     variant: "ghost",
                     children: /* @__PURE__ */ _jsxs23(Flex21, {
                         align: "center",
@@ -45318,16 +45363,16 @@ var Preview = function(props) {
                                 minWidth: "0",
                                 maxWidth: "250px",
                                 children: [
-                                    /* @__PURE__ */ _jsx71(Flex21, {
+                                    /* @__PURE__ */ _jsx72(Flex21, {
                                         flexShrink: "0",
-                                        children: /* @__PURE__ */ _jsx71(Spinner2, {
+                                        children: /* @__PURE__ */ _jsx72(Spinner2, {
                                             loading: isOptimistic({
                                                 id: file.id
                                             }),
-                                            children: /* @__PURE__ */ _jsx71(FileIcon2, {})
+                                            children: /* @__PURE__ */ _jsx72(FileIcon2, {})
                                         })
                                     }),
-                                    /* @__PURE__ */ _jsx71(Text7, {
+                                    /* @__PURE__ */ _jsx72(Text7, {
                                         size: "2",
                                         truncate: true,
                                         wrap: "nowrap",
@@ -45335,9 +45380,9 @@ var Preview = function(props) {
                                     })
                                 ]
                             }),
-                            /* @__PURE__ */ _jsx71(Flex21, {
+                            /* @__PURE__ */ _jsx72(Flex21, {
                                 flexShrink: "0",
-                                children: /* @__PURE__ */ _jsx71(IconButton6, {
+                                children: /* @__PURE__ */ _jsx72(IconButton6, {
                                     onClick: function() {
                                         return setFiles(function(prev) {
                                             return prev.filter(function(prevFile) {
@@ -45348,7 +45393,7 @@ var Preview = function(props) {
                                     color: "gray",
                                     variant: "ghost",
                                     size: "1",
-                                    children: /* @__PURE__ */ _jsx71(Cross2Icon, {})
+                                    children: /* @__PURE__ */ _jsx72(Cross2Icon, {})
                                 })
                             })
                         ]
@@ -45369,7 +45414,7 @@ var Preview = function(props) {
     }
     var t1;
     if ($[5] !== props || $[6] !== t0) {
-        t1 = /* @__PURE__ */ _jsx71(Flex21, _objectSpread32(_objectSpread32({
+        t1 = /* @__PURE__ */ _jsx72(Flex21, _objectSpread32(_objectSpread32({
             flexBasis: "100%",
             direction: "column",
             pb: "2",
@@ -45386,15 +45431,15 @@ var Preview = function(props) {
     return t1;
 };
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
-import { c as _c71 } from "react-compiler-runtime";
+import { c as _c72 } from "react-compiler-runtime";
 import { FilePlusIcon } from "@radix-ui/react-icons";
 import { IconButton as IconButton7, Flex as Flex22 } from "@radix-ui/themes";
 // src/hooks/files/useChangeFilesField/index.ts
-import { useCallback as useCallback4 } from "react";
+import { useCallback as useCallback3 } from "react";
 import { omit as omit4 } from "radash";
 import dayjs2 from "dayjs";
 // src/hooks/files/useCreateFile/index.ts
-import { c as _c70 } from "react-compiler-runtime";
+import { c as _c71 } from "react-compiler-runtime";
 import { useMutation as useMutation2, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
 // src/hooks/files/useCreateFile/lib/mutationOptions/mutationFn/body/formData.ts
 var formData = function(variables) {
@@ -45630,7 +45675,7 @@ function _toPrimitive35(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useCreateFile = function(t0) {
-    var $ = _c70(15);
+    var $ = _c71(15);
     var t1;
     if ($[0] !== t0) {
         t1 = t0 === void 0 ? {
@@ -45781,7 +45826,7 @@ var useChangeFilesField = function() {
     var setFiles = useMessageFormContext().setFiles;
     var createFile = useCreateFile().createFile;
     var addToast = useToasts().addToast;
-    var changeFilesField = useCallback4(/* @__PURE__ */ function() {
+    var changeFilesField = useCallback3(/* @__PURE__ */ function() {
         var _ref2 = _asyncToGenerator8(function(event) {
             var fileObjects, newFiles, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _loop, _iterator, _step, err;
             return _ts_generator(this, function(_state) {
@@ -45959,7 +46004,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
-import { jsx as _jsx72, jsxs as _jsxs24 } from "react/jsx-runtime";
+import { jsx as _jsx73, jsxs as _jsxs24 } from "react/jsx-runtime";
 function ownKeys36(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -46004,7 +46049,7 @@ function _toPrimitive36(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Control2 = function(props) {
-    var $ = _c71(11);
+    var $ = _c72(11);
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
     var changeFilesField = useChangeFilesField().changeFilesField;
     var t0 = isDisabled || isLoading;
@@ -46015,7 +46060,7 @@ var Control2 = function(props) {
             position: "relative",
             overflow: "hidden"
         };
-        t2 = /* @__PURE__ */ _jsx72(FilePlusIcon, {});
+        t2 = /* @__PURE__ */ _jsx73(FilePlusIcon, {});
         $[0] = t1;
         $[1] = t2;
     } else {
@@ -46039,7 +46084,7 @@ var Control2 = function(props) {
     }
     var t4;
     if ($[3] !== changeFilesField) {
-        t4 = /* @__PURE__ */ _jsx72("input", {
+        t4 = /* @__PURE__ */ _jsx73("input", {
             type: "file",
             multiple: true,
             accept: filesFieldAccept,
@@ -46072,7 +46117,7 @@ var Control2 = function(props) {
     }
     var t6;
     if ($[8] !== props || $[9] !== t5) {
-        t6 = /* @__PURE__ */ _jsx72(Flex22, _objectSpread36(_objectSpread36({
+        t6 = /* @__PURE__ */ _jsx73(Flex22, _objectSpread36(_objectSpread36({
             pt: "2",
             pr: "2",
             flexGrow: "0"
@@ -46093,7 +46138,7 @@ var Files = {
     Control: Control2
 };
 // src/components/threads/Thread/MessageForm/Field/index.tsx
-import { jsx as _jsx73 } from "react/jsx-runtime";
+import { jsx as _jsx74 } from "react/jsx-runtime";
 function ownKeys37(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -46141,18 +46186,18 @@ var Root10 = function(_ref) {
     "use no memo";
     var children = _ref.children, className = _ref.className, style = _ref.style;
     var _useFormContext2 = useFormContext2(), errors = _useFormContext2.formState.errors;
-    return /* @__PURE__ */ _jsx73(RadixContainer, {
+    return /* @__PURE__ */ _jsx74(RadixContainer, {
         size: "2",
         flexGrow: "0",
         className: className,
         style: style,
-        children: /* @__PURE__ */ _jsx73(Flex23, {
+        children: /* @__PURE__ */ _jsx74(Flex23, {
             direction: "column",
             flexShrink: "0",
-            children: /* @__PURE__ */ _jsx73(Flex23, {
+            children: /* @__PURE__ */ _jsx74(Flex23, {
                 direction: "column",
                 flexShrink: "0",
-                children: /* @__PURE__ */ _jsx73(Flex23, {
+                children: /* @__PURE__ */ _jsx74(Flex23, {
                     style: _objectSpread37({
                         borderRadius: "var(--radius-2)",
                         borderWidth: "1px",
@@ -46176,7 +46221,7 @@ var Field = {
     Files: Files
 };
 // src/components/threads/Thread/MessageForm/index.tsx
-import { jsx as _jsx74, jsxs as _jsxs25 } from "react/jsx-runtime";
+import { jsx as _jsx75, jsxs as _jsxs25 } from "react/jsx-runtime";
 function ownKeys38(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -46221,13 +46266,13 @@ function _toPrimitive38(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MessageForm = function(props) {
-    var $ = _c72(3);
+    var $ = _c73(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsxs25(Field.Root, {
             children: [
-                /* @__PURE__ */ _jsx74(Field.Control, {}),
-                /* @__PURE__ */ _jsx74(Submit, {})
+                /* @__PURE__ */ _jsx75(Field.Control, {}),
+                /* @__PURE__ */ _jsx75(Submit, {})
             ]
         });
         $[0] = t0;
@@ -46236,7 +46281,7 @@ var MessageForm = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx74(Root8, _objectSpread38(_objectSpread38({}, props), {}, {
+        t1 = /* @__PURE__ */ _jsx75(Root8, _objectSpread38(_objectSpread38({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -46250,32 +46295,32 @@ MessageForm.Root = Root8;
 MessageForm.Field = Field;
 MessageForm.Submit = Submit;
 // src/components/threads/Thread/Root/index.tsx
-import { c as _c75 } from "react-compiler-runtime";
+import { c as _c76 } from "react-compiler-runtime";
 import { Flex as Flex25 } from "@radix-ui/themes";
 // src/components/threads/Thread/Provider/index.tsx
 var Provider2 = SuperinterfaceProvider;
 // src/components/toasts/ToastsProvider/index.tsx
-import { c as _c74 } from "react-compiler-runtime";
-import { useState as useState5, useCallback as useCallback5 } from "react";
+import { c as _c75 } from "react-compiler-runtime";
+import { useState as useState5, useCallback as useCallback4 } from "react";
 import * as Toast2 from "@radix-ui/react-toast";
 // src/components/toasts/ToastsProvider/CustomToast.tsx
-import { c as _c73 } from "react-compiler-runtime";
+import { c as _c74 } from "react-compiler-runtime";
 import * as Toast from "@radix-ui/react-toast";
 import { Card as Card3, Text as Text8, Flex as Flex24 } from "@radix-ui/themes";
 import { CheckCircledIcon as CheckCircledIcon2, CrossCircledIcon } from "@radix-ui/react-icons";
-import { jsx as _jsx75, jsxs as _jsxs26 } from "react/jsx-runtime";
+import { jsx as _jsx76, jsxs as _jsxs26 } from "react/jsx-runtime";
 var CustomToast = function(t0) {
-    var $ = _c73(7);
+    var $ = _c74(7);
     var toast = t0.toast;
     var t1;
     if ($[0] !== toast.type) {
-        t1 = /* @__PURE__ */ _jsx75(Flex24, {
+        t1 = /* @__PURE__ */ _jsx76(Flex24, {
             pr: "2",
             height: "14px",
             align: "center",
-            children: toast.type === "success" ? /* @__PURE__ */ _jsx75(CheckCircledIcon2, {
+            children: toast.type === "success" ? /* @__PURE__ */ _jsx76(CheckCircledIcon2, {
                 color: "var(--accent-9)"
-            }) : /* @__PURE__ */ _jsx75(CrossCircledIcon, {
+            }) : /* @__PURE__ */ _jsx76(CrossCircledIcon, {
                 color: "var(--red-9)"
             })
         });
@@ -46286,7 +46331,7 @@ var CustomToast = function(t0) {
     }
     var t2;
     if ($[2] !== toast.message) {
-        t2 = /* @__PURE__ */ _jsx75(Text8, {
+        t2 = /* @__PURE__ */ _jsx76(Text8, {
             weight: "medium",
             size: "1",
             children: toast.message
@@ -46298,9 +46343,9 @@ var CustomToast = function(t0) {
     }
     var t3;
     if ($[4] !== t1 || $[5] !== t2) {
-        t3 = /* @__PURE__ */ _jsx75(Toast.Root, {
-            children: /* @__PURE__ */ _jsx75(Card3, {
-                children: /* @__PURE__ */ _jsx75(Toast.Title, {
+        t3 = /* @__PURE__ */ _jsx76(Toast.Root, {
+            children: /* @__PURE__ */ _jsx76(Card3, {
+                children: /* @__PURE__ */ _jsx76(Toast.Title, {
                     children: /* @__PURE__ */ _jsxs26(Flex24, {
                         children: [
                             t1,
@@ -46319,9 +46364,9 @@ var CustomToast = function(t0) {
     return t3;
 };
 // src/components/toasts/ToastsProvider/index.tsx
-import { jsx as _jsx76, jsxs as _jsxs27 } from "react/jsx-runtime";
+import { jsx as _jsx77, jsxs as _jsxs27 } from "react/jsx-runtime";
 var ToastsProvider = function(t0) {
-    var $ = _c74(15);
+    var $ = _c75(15);
     var children = t0.children, t1 = t0.bottom;
     var bottom = t1 === void 0 ? 0 : t1;
     var t2;
@@ -46367,7 +46412,7 @@ var ToastsProvider = function(t0) {
     }
     var t6;
     if ($[6] !== bottom) {
-        t6 = /* @__PURE__ */ _jsx76(Toast2.Viewport, {
+        t6 = /* @__PURE__ */ _jsx77(Toast2.Viewport, {
             style: {
                 position: "absolute",
                 bottom: bottom,
@@ -46407,7 +46452,7 @@ var ToastsProvider = function(t0) {
     }
     var t8;
     if ($[12] !== t4 || $[13] !== t7) {
-        t8 = /* @__PURE__ */ _jsx76(ToastsContext.Provider, {
+        t8 = /* @__PURE__ */ _jsx77(ToastsContext.Provider, {
             value: t4,
             children: t7
         });
@@ -46420,12 +46465,12 @@ var ToastsProvider = function(t0) {
     return t8;
 };
 function _temp5(toast_0, index) {
-    return /* @__PURE__ */ _jsx76(CustomToast, {
+    return /* @__PURE__ */ _jsx77(CustomToast, {
         toast: toast_0
     }, index);
 }
 // src/components/threads/Thread/Root/index.tsx
-import { jsx as _jsx77 } from "react/jsx-runtime";
+import { jsx as _jsx78 } from "react/jsx-runtime";
 var _excluded4 = [
     "children",
     "style",
@@ -46493,7 +46538,7 @@ function _objectWithoutPropertiesLoose4(r, e) {
     return t;
 }
 var Root12 = function(t0) {
-    var $ = _c75(12);
+    var $ = _c76(12);
     var children;
     var className;
     var rest;
@@ -46517,7 +46562,7 @@ var Root12 = function(t0) {
     }
     var t1;
     if ($[5] !== children || $[6] !== className || $[7] !== style) {
-        t1 = /* @__PURE__ */ _jsx77(Flex25, {
+        t1 = /* @__PURE__ */ _jsx78(Flex25, {
             direction: "column",
             flexGrow: "1",
             className: className,
@@ -46533,9 +46578,9 @@ var Root12 = function(t0) {
     }
     var t2;
     if ($[9] !== rest || $[10] !== t1) {
-        t2 = /* @__PURE__ */ _jsx77(ToastsProvider, {
+        t2 = /* @__PURE__ */ _jsx78(ToastsProvider, {
             bottom: "var(--space-9)",
-            children: /* @__PURE__ */ _jsx77(Provider2, _objectSpread39(_objectSpread39({}, rest), {}, {
+            children: /* @__PURE__ */ _jsx78(Provider2, _objectSpread39(_objectSpread39({}, rest), {}, {
                 children: t1
             }))
         });
@@ -46548,7 +46593,7 @@ var Root12 = function(t0) {
     return t2;
 };
 // src/components/threads/Thread/index.tsx
-import { jsx as _jsx78, jsxs as _jsxs28 } from "react/jsx-runtime";
+import { jsx as _jsx79, jsxs as _jsxs28 } from "react/jsx-runtime";
 function ownKeys40(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -46593,12 +46638,12 @@ function _toPrimitive40(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Thread = function(props) {
-    var $ = _c76(4);
+    var $ = _c77(4);
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx78(Messages2, {});
-        t1 = /* @__PURE__ */ _jsx78(MessageForm, {});
+        t0 = /* @__PURE__ */ _jsx79(Messages2, {});
+        t1 = /* @__PURE__ */ _jsx79(MessageForm, {});
         $[0] = t0;
         $[1] = t1;
     } else {
@@ -46629,7 +46674,7 @@ var useMessageContext = function() {
     return useContext17(MessageContext);
 };
 // src/hooks/assistants/useAssistant/index.ts
-import { c as _c77 } from "react-compiler-runtime";
+import { c as _c78 } from "react-compiler-runtime";
 import { useMemo as useMemo15 } from "react";
 import { useQuery } from "@tanstack/react-query";
 // src/hooks/assistants/useAssistant/lib/queryOptions/index.ts
@@ -46779,7 +46824,7 @@ function _toPrimitive41(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useAssistant = function(t0) {
-    var $ = _c77(6);
+    var $ = _c78(6);
     var assistantId = t0.assistantId;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -46812,11 +46857,11 @@ var useAssistant = function(t0) {
     return t2;
 };
 // src/components/threads/ThreadDialog/index.tsx
-import { c as _c84 } from "react-compiler-runtime";
+import { c as _c85 } from "react-compiler-runtime";
 // src/components/threads/ThreadDialog/Root/index.tsx
-import { c as _c79 } from "react-compiler-runtime";
+import { c as _c80 } from "react-compiler-runtime";
 // src/components/threads/ThreadDialog/Provider/index.tsx
-import { c as _c78 } from "react-compiler-runtime";
+import { c as _c79 } from "react-compiler-runtime";
 import { useState as useState6 } from "react";
 // src/contexts/threads/ThreadDialogContext/index.ts
 import { createContext as createContext12 } from "react";
@@ -46830,9 +46875,9 @@ var useThreadDialogContext = function() {
     return useContext18(ThreadDialogContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
-import { jsx as _jsx79 } from "react/jsx-runtime";
+import { jsx as _jsx80 } from "react/jsx-runtime";
 var Provider4 = function(t0) {
-    var $ = _c78(5);
+    var $ = _c79(5);
     var children = t0.children;
     var threadDialogContext = useThreadDialogContext();
     var _useState6 = _sliced_to_array(useState6(threadDialogContext.isOpen), 2), isOpen = _useState6[0], setIsOpen = _useState6[1];
@@ -46849,7 +46894,7 @@ var Provider4 = function(t0) {
     }
     var t2;
     if ($[2] !== children || $[3] !== t1) {
-        t2 = /* @__PURE__ */ _jsx79(ThreadDialogContext.Provider, {
+        t2 = /* @__PURE__ */ _jsx80(ThreadDialogContext.Provider, {
             value: t1,
             children: children
         });
@@ -46862,13 +46907,13 @@ var Provider4 = function(t0) {
     return t2;
 };
 // src/components/threads/ThreadDialog/Root/index.tsx
-import { jsx as _jsx80 } from "react/jsx-runtime";
+import { jsx as _jsx81 } from "react/jsx-runtime";
 var Root13 = function(t0) {
-    var $ = _c79(2);
+    var $ = _c80(2);
     var children = t0.children;
     var t1;
     if ($[0] !== children) {
-        t1 = /* @__PURE__ */ _jsx80(Provider4, {
+        t1 = /* @__PURE__ */ _jsx81(Provider4, {
             children: children
         });
         $[0] = children;
@@ -46879,13 +46924,13 @@ var Root13 = function(t0) {
     return t1;
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-import { c as _c81 } from "react-compiler-runtime";
+import { c as _c82 } from "react-compiler-runtime";
 import { Flex as Flex26 } from "@radix-ui/themes";
 // src/components/threads/ThreadDialog/Trigger/Button.tsx
-import { c as _c80 } from "react-compiler-runtime";
+import { c as _c81 } from "react-compiler-runtime";
 import { IconButton as IconButton8 } from "@radix-ui/themes";
 import { ChatBubbleIcon } from "@radix-ui/react-icons";
-import { jsx as _jsx81 } from "react/jsx-runtime";
+import { jsx as _jsx82 } from "react/jsx-runtime";
 function ownKeys42(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -46930,17 +46975,17 @@ function _toPrimitive42(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Button4 = function(props) {
-    var $ = _c80(3);
+    var $ = _c81(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx81(ChatBubbleIcon, {});
+        t0 = /* @__PURE__ */ _jsx82(ChatBubbleIcon, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx81(IconButton8, _objectSpread42(_objectSpread42({
+        t1 = /* @__PURE__ */ _jsx82(IconButton8, _objectSpread42(_objectSpread42({
             size: "4",
             radius: "full"
         }, props), {}, {
@@ -46954,7 +46999,7 @@ var Button4 = function(props) {
     return t1;
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-import { jsx as _jsx82 } from "react/jsx-runtime";
+import { jsx as _jsx83 } from "react/jsx-runtime";
 function ownKeys43(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -46999,7 +47044,7 @@ function _toPrimitive43(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root14 = function(t0) {
-    var $ = _c81(14);
+    var $ = _c82(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";
@@ -47044,7 +47089,7 @@ var Root14 = function(t0) {
     }
     var t6;
     if ($[8] !== children || $[9] !== className || $[10] !== t2 || $[11] !== t3 || $[12] !== t5) {
-        t6 = /* @__PURE__ */ _jsx82(Flex26, {
+        t6 = /* @__PURE__ */ _jsx83(Flex26, {
             display: t2,
             onClick: t3,
             direction: "column",
@@ -47070,17 +47115,17 @@ var Root14 = function(t0) {
     return t6;
 };
 var Trigger = function(args) {
-    var $ = _c81(3);
+    var $ = _c82(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx82(Button4, {});
+        t0 = /* @__PURE__ */ _jsx83(Button4, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== args) {
-        t1 = /* @__PURE__ */ _jsx82(Root14, _objectSpread43(_objectSpread43({}, args), {}, {
+        t1 = /* @__PURE__ */ _jsx83(Root14, _objectSpread43(_objectSpread43({}, args), {}, {
             children: t0
         }));
         $[1] = args;
@@ -47096,15 +47141,15 @@ function _temp6(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
-import { c as _c83 } from "react-compiler-runtime";
+import { c as _c84 } from "react-compiler-runtime";
 import { Card as Card4, Inset as Inset2, Flex as Flex28 } from "@radix-ui/themes";
 // src/components/threads/ThreadDialog/Close/index.tsx
-import { c as _c82 } from "react-compiler-runtime";
+import { c as _c83 } from "react-compiler-runtime";
 import { Cross1Icon } from "@radix-ui/react-icons";
 import { IconButton as IconButton9, Flex as Flex27 } from "@radix-ui/themes";
-import { jsx as _jsx83 } from "react/jsx-runtime";
+import { jsx as _jsx84 } from "react/jsx-runtime";
 var Close = function() {
-    var $ = _c82(9);
+    var $ = _c83(9);
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
     var t0 = isOpen ? "flex" : "none";
     var t1;
@@ -47139,10 +47184,10 @@ var Close = function() {
     }
     var t4;
     if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = /* @__PURE__ */ _jsx83(IconButton9, {
+        t4 = /* @__PURE__ */ _jsx84(IconButton9, {
             size: "2",
             variant: "soft",
-            children: /* @__PURE__ */ _jsx83(Cross1Icon, {})
+            children: /* @__PURE__ */ _jsx84(Cross1Icon, {})
         });
         $[5] = t4;
     } else {
@@ -47150,7 +47195,7 @@ var Close = function() {
     }
     var t5;
     if ($[6] !== t1 || $[7] !== t2) {
-        t5 = /* @__PURE__ */ _jsx83(Flex27, {
+        t5 = /* @__PURE__ */ _jsx84(Flex27, {
             display: t1,
             onClick: t2,
             direction: "column",
@@ -47175,7 +47220,7 @@ function _temp7(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
-import { jsx as _jsx84, jsxs as _jsxs29 } from "react/jsx-runtime";
+import { jsx as _jsx85, jsxs as _jsxs29 } from "react/jsx-runtime";
 function ownKeys44(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -47220,7 +47265,7 @@ function _toPrimitive44(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root15 = function(t0) {
-    var $ = _c83(19);
+    var $ = _c84(19);
     var children = t0.children, className = t0.className, style = t0.style;
     var isOpen = useThreadDialogContext().isOpen;
     if (!isOpen) {
@@ -47307,7 +47352,7 @@ var Root15 = function(t0) {
     }
     var t10;
     if ($[10] !== children) {
-        t10 = /* @__PURE__ */ _jsx84(Inset2, {
+        t10 = /* @__PURE__ */ _jsx85(Inset2, {
             clip: "padding-box",
             side: "all",
             pb: "current",
@@ -47321,7 +47366,7 @@ var Root15 = function(t0) {
     }
     var t11;
     if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-        t11 = /* @__PURE__ */ _jsx84(Close, {});
+        t11 = /* @__PURE__ */ _jsx85(Close, {});
         $[12] = t11;
     } else {
         t11 = $[12];
@@ -47343,7 +47388,7 @@ var Root15 = function(t0) {
     }
     var t13;
     if ($[15] !== className || $[16] !== t12 || $[17] !== t6) {
-        t13 = /* @__PURE__ */ _jsx84(Flex28, {
+        t13 = /* @__PURE__ */ _jsx85(Flex28, {
             className: className,
             direction: "column",
             justify: "end",
@@ -47367,7 +47412,7 @@ var Root15 = function(t0) {
     return t13;
 };
 var Messages3 = function(t0) {
-    var $ = _c83(5);
+    var $ = _c84(5);
     var className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== style) {
@@ -47383,7 +47428,7 @@ var Messages3 = function(t0) {
     }
     var t2;
     if ($[2] !== className || $[3] !== t1) {
-        t2 = /* @__PURE__ */ _jsx84(Thread.Messages, {
+        t2 = /* @__PURE__ */ _jsx85(Thread.Messages, {
             className: className,
             style: t1
         });
@@ -47396,11 +47441,11 @@ var Messages3 = function(t0) {
     return t2;
 };
 var FormContainer = function(t0) {
-    var $ = _c83(4);
+    var $ = _c84(4);
     var children = t0.children, className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
-        t1 = /* @__PURE__ */ _jsx84(Flex28, {
+        t1 = /* @__PURE__ */ _jsx85(Flex28, {
             direction: "column",
             pl: "5",
             pr: "5",
@@ -47420,10 +47465,10 @@ var FormContainer = function(t0) {
     return t1;
 };
 var Content8 = function(props) {
-    var $ = _c83(4);
+    var $ = _c84(4);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx84(Messages3, {});
+        t0 = /* @__PURE__ */ _jsx85(Messages3, {});
         $[0] = t0;
     } else {
         t0 = $[0];
@@ -47433,8 +47478,8 @@ var Content8 = function(props) {
         t1 = /* @__PURE__ */ _jsxs29(Thread.Root, {
             children: [
                 t0,
-                /* @__PURE__ */ _jsx84(FormContainer, {
-                    children: /* @__PURE__ */ _jsx84(Thread.MessageForm, {})
+                /* @__PURE__ */ _jsx85(FormContainer, {
+                    children: /* @__PURE__ */ _jsx85(Thread.MessageForm, {})
                 })
             ]
         });
@@ -47444,7 +47489,7 @@ var Content8 = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ _jsx84(Root15, _objectSpread44(_objectSpread44({}, props), {}, {
+        t2 = /* @__PURE__ */ _jsx85(Root15, _objectSpread44(_objectSpread44({}, props), {}, {
             children: t1
         }));
         $[2] = props;
@@ -47458,15 +47503,15 @@ Content8.Root = Root15;
 Content8.Messages = Messages3;
 Content8.FormContainer = FormContainer;
 // src/components/threads/ThreadDialog/index.tsx
-import { jsx as _jsx85, jsxs as _jsxs30 } from "react/jsx-runtime";
+import { jsx as _jsx86, jsxs as _jsxs30 } from "react/jsx-runtime";
 var ThreadDialog = function() {
-    var $ = _c84(1);
+    var $ = _c85(1);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsxs30(Root13, {
             children: [
-                /* @__PURE__ */ _jsx85(Content8, {}),
-                /* @__PURE__ */ _jsx85(Trigger, {})
+                /* @__PURE__ */ _jsx86(Content8, {}),
+                /* @__PURE__ */ _jsx86(Trigger, {})
             ]
         });
         $[0] = t0;
@@ -47479,11 +47524,11 @@ ThreadDialog.Root = Root13;
 ThreadDialog.Trigger = Trigger;
 ThreadDialog.Content = Content8;
 // src/components/threads/AudioThreadDialog/index.tsx
-import { c as _c99 } from "react-compiler-runtime";
+import { c as _c100 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/index.tsx
-import { c as _c98 } from "react-compiler-runtime";
+import { c as _c99 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/Root/index.tsx
-import { c as _c90 } from "react-compiler-runtime";
+import { c as _c91 } from "react-compiler-runtime";
 import { Flex as Flex29 } from "@radix-ui/themes";
 // src/contexts/threads/AudioThreadContext/index.ts
 import { createContext as createContext13 } from "react";
@@ -47496,12 +47541,12 @@ var useAudioThreadContext = function() {
     return useContext19(AudioThreadContext);
 };
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
-import { c as _c89 } from "react-compiler-runtime";
+import { c as _c90 } from "react-compiler-runtime";
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
-import { c as _c88 } from "react-compiler-runtime";
+import { c as _c89 } from "react-compiler-runtime";
 import { useMemo as useMemo18 } from "react";
 // src/hooks/misc/usePermission/index.ts
-import { c as _c85 } from "react-compiler-runtime";
+import { c as _c86 } from "react-compiler-runtime";
 import { useEffect as useEffect7, useState as useState7 } from "react";
 // src/hooks/misc/usePermission/util.ts
 var noop = function() {};
@@ -47525,7 +47570,7 @@ function off(obj) {
 }
 // src/hooks/misc/usePermission/index.ts
 var usePermission = function(permissionDesc) {
-    var $ = _c85(3);
+    var $ = _c86(3);
     var _useState7 = _sliced_to_array(useState7(""), 2), state = _useState7[0], setState = _useState7[1];
     var t0;
     var t1;
@@ -47571,13 +47616,13 @@ var usePermission = function(permissionDesc) {
 // src/hooks/audioThreads/useRecorder/index.ts
 import dayjs3 from "dayjs";
 import { useAudioCapture } from "use-audio-capture";
-import { useMemo as useMemo16, useRef as useRef7, useState as useState8, useCallback as useCallback6, useEffect as useEffect9 } from "react";
+import { useMemo as useMemo16, useRef as useRef7, useState as useState8, useCallback as useCallback5, useEffect as useEffect9 } from "react";
 import { useAudioPlayer } from "react-use-audio-player";
 // src/hooks/misc/useInterval.ts
-import { c as _c86 } from "react-compiler-runtime";
+import { c as _c87 } from "react-compiler-runtime";
 import { useEffect as useEffect8, useRef as useRef6 } from "react";
 var useInterval = function(callback, delay) {
-    var $ = _c86(5);
+    var $ = _c87(5);
     var savedCallback = useRef6(_temp8);
     var t0;
     if ($[0] !== callback) {
@@ -47784,7 +47829,7 @@ var useRecorder = function(_ref) {
     }, [
         audioEngine
     ]);
-    var handleSilence = useCallback6(function() {
+    var handleSilence = useCallback5(function() {
         if (!silenceAnalyser) return;
         var frequencyData = new Uint8Array(silenceAnalyser.frequencyBinCount);
         silenceAnalyser.getByteFrequencyData(frequencyData);
@@ -47830,8 +47875,8 @@ var useRecorder = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-import { c as _c87 } from "react-compiler-runtime";
-import { useMemo as useMemo17, useRef as useRef8, useState as useState9, useEffect as useEffect10, useCallback as useCallback7 } from "react";
+import { c as _c88 } from "react-compiler-runtime";
+import { useMemo as useMemo17, useRef as useRef8, useState as useState9, useEffect as useEffect10, useCallback as useCallback6 } from "react";
 import nlp from "compromise";
 import { Howler } from "howler";
 import { useAudioPlayer as useAudioPlayer2 } from "react-use-audio-player";
@@ -47913,7 +47958,7 @@ var getMessageSentences = function(_ref) {
 };
 var useMessageAudio = function(t0) {
     var _latestMessageProps$l;
-    var $ = _c87(49);
+    var $ = _c88(49);
     var _onEnd = t0.onEnd, passedPlay = t0.play;
     var _useState9 = _sliced_to_array(useState9(false), 2), isAudioPlayed = _useState9[0], setIsAudioPlayed = _useState9[1];
     var t1;
@@ -48293,7 +48338,7 @@ function _asyncToGenerator11(n) {
     };
 }
 var useTtsAudioRuntime = function(t0) {
-    var $ = _c88(30);
+    var $ = _c89(30);
     var play = t0.play;
     var addToast = useToasts().addToast;
     var queryClient = useQueryClient6();
@@ -48467,9 +48512,9 @@ function _temp24() {
     return _temp24.apply(this, arguments);
 }
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
-import { jsx as _jsx86 } from "react/jsx-runtime";
+import { jsx as _jsx87 } from "react/jsx-runtime";
 var TtsAudioRuntimeProvider = function(t0) {
-    var $ = _c89(7);
+    var $ = _c90(7);
     var children = t0.children, play = t0.play;
     var t1;
     if ($[0] !== play) {
@@ -48494,7 +48539,7 @@ var TtsAudioRuntimeProvider = function(t0) {
     }
     var t3;
     if ($[4] !== children || $[5] !== t2) {
-        t3 = /* @__PURE__ */ _jsx86(AudioThreadContext.Provider, {
+        t3 = /* @__PURE__ */ _jsx87(AudioThreadContext.Provider, {
             value: t2,
             children: children
         });
@@ -48507,7 +48552,7 @@ var TtsAudioRuntimeProvider = function(t0) {
     return t3;
 };
 // src/components/threads/AudioThread/Root/index.tsx
-import { jsx as _jsx87 } from "react/jsx-runtime";
+import { jsx as _jsx88 } from "react/jsx-runtime";
 var _excluded5 = [
     "children"
 ];
@@ -48579,11 +48624,11 @@ function _objectWithoutPropertiesLoose5(r, e) {
     return t;
 }
 var Content9 = function(t0) {
-    var $ = _c90(4);
+    var $ = _c91(4);
     var children = t0.children, className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
-        t1 = /* @__PURE__ */ _jsx87(Flex29, {
+        t1 = /* @__PURE__ */ _jsx88(Flex29, {
             direction: "column",
             flexGrow: "1",
             p: "9",
@@ -48601,7 +48646,7 @@ var Content9 = function(t0) {
     return t1;
 };
 var AudioRuntimeProvider = function(t0) {
-    var $ = _c90(3);
+    var $ = _c91(3);
     var children = t0.children, play = t0.play;
     var audioThreadContext = useAudioThreadContext();
     if (audioThreadContext.audioRuntime) {
@@ -48609,7 +48654,7 @@ var AudioRuntimeProvider = function(t0) {
     }
     var t1;
     if ($[0] !== children || $[1] !== play) {
-        t1 = /* @__PURE__ */ _jsx87(TtsAudioRuntimeProvider, {
+        t1 = /* @__PURE__ */ _jsx88(TtsAudioRuntimeProvider, {
             play: play,
             children: children
         });
@@ -48622,7 +48667,7 @@ var AudioRuntimeProvider = function(t0) {
     return t1;
 };
 var Provider5 = function(t0) {
-    var $ = _c90(9);
+    var $ = _c91(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -48649,7 +48694,7 @@ var Provider5 = function(t0) {
     }
     var t2;
     if ($[6] !== children || $[7] !== t1) {
-        t2 = /* @__PURE__ */ _jsx87(AudioThreadContext.Provider, {
+        t2 = /* @__PURE__ */ _jsx88(AudioThreadContext.Provider, {
             value: t1,
             children: children
         });
@@ -48662,7 +48707,7 @@ var Provider5 = function(t0) {
     return t2;
 };
 var Root16 = function(t0) {
-    var $ = _c90(16);
+    var $ = _c91(16);
     var children;
     var className;
     var play;
@@ -48689,8 +48734,8 @@ var Root16 = function(t0) {
     }
     var t1;
     if ($[6] !== children || $[7] !== className || $[8] !== style) {
-        t1 = /* @__PURE__ */ _jsx87(ToastsProvider, {
-            children: /* @__PURE__ */ _jsx87(Content9, {
+        t1 = /* @__PURE__ */ _jsx88(ToastsProvider, {
+            children: /* @__PURE__ */ _jsx88(Content9, {
                 className: className,
                 style: style,
                 children: children
@@ -48705,7 +48750,7 @@ var Root16 = function(t0) {
     }
     var t2;
     if ($[10] !== play || $[11] !== t1) {
-        t2 = /* @__PURE__ */ _jsx87(AudioRuntimeProvider, {
+        t2 = /* @__PURE__ */ _jsx88(AudioRuntimeProvider, {
             play: play,
             children: t1
         });
@@ -48717,7 +48762,7 @@ var Root16 = function(t0) {
     }
     var t3;
     if ($[13] !== rest || $[14] !== t2) {
-        t3 = /* @__PURE__ */ _jsx87(Provider5, _objectSpread47(_objectSpread47({}, rest), {}, {
+        t3 = /* @__PURE__ */ _jsx88(Provider5, _objectSpread47(_objectSpread47({}, rest), {}, {
             children: t2
         }));
         $[13] = rest;
@@ -48729,21 +48774,21 @@ var Root16 = function(t0) {
     return t3;
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-import { c as _c92 } from "react-compiler-runtime";
-import { useState as useState11, useCallback as useCallback9, useEffect as useEffect12, useContext as useContext20, createContext as createContext14 } from "react";
+import { c as _c93 } from "react-compiler-runtime";
+import { useState as useState11, useCallback as useCallback8, useEffect as useEffect12, useContext as useContext20, createContext as createContext14 } from "react";
 import _9 from "lodash";
 import { Flex as Flex31 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
 import _8 from "lodash";
 import { Flex as Flex30, Grid } from "@radix-ui/themes";
-import { useState as useState10, useEffect as useEffect11, useCallback as useCallback8 } from "react";
+import { useState as useState10, useEffect as useEffect11, useCallback as useCallback7 } from "react";
 import { cluster } from "radash";
-import { jsx as _jsx88 } from "react/jsx-runtime";
+import { jsx as _jsx89 } from "react/jsx-runtime";
 var barCount = 4;
 var BarsVisualizer = function(_ref) {
     var visualizationAnalyser = _ref.visualizationAnalyser, backgroundColor = _ref.backgroundColor, height = _ref.height, barWidth = _ref.barWidth;
     var _useState10 = _sliced_to_array(useState10([]), 2), barHeights = _useState10[0], setBarHeights = _useState10[1];
-    var draw = useCallback8(function(_ref2) {
+    var draw = useCallback7(function(_ref2) {
         var visualizationAnalyser_0 = _ref2.visualizationAnalyser;
         if (!visualizationAnalyser_0) {
             setBarHeights(Array(barCount).fill(0));
@@ -48769,7 +48814,7 @@ var BarsVisualizer = function(_ref) {
         draw,
         visualizationAnalyser
     ]);
-    return /* @__PURE__ */ _jsx88(Grid, {
+    return /* @__PURE__ */ _jsx89(Grid, {
         columns: "".concat(barCount),
         gap: "1",
         width: "auto",
@@ -48778,12 +48823,12 @@ var BarsVisualizer = function(_ref) {
             gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
         },
         children: barHeights.map(function(barHeight, index) {
-            return /* @__PURE__ */ _jsx88(Flex30, {
+            return /* @__PURE__ */ _jsx89(Flex30, {
                 direction: "column",
                 align: "center",
                 justify: "center",
                 height: height,
-                children: /* @__PURE__ */ _jsx88(Flex30, {
+                children: /* @__PURE__ */ _jsx89(Flex30, {
                     minHeight: "50%",
                     maxHeight: "100%",
                     height: "".concat(barHeight + 20, "%"),
@@ -48798,10 +48843,10 @@ var BarsVisualizer = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-import { c as _c91 } from "react-compiler-runtime";
+import { c as _c92 } from "react-compiler-runtime";
 import { useMemo as useMemo19 } from "react";
 var useStatus = function() {
-    var $ = _c91(2);
+    var $ = _c92(2);
     var audioRuntime = useAudioThreadContext().audioRuntime;
     var t0;
     bb0: {
@@ -48849,7 +48894,7 @@ var useStatus = function() {
     return t1;
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-import { jsx as _jsx89, jsxs as _jsxs31 } from "react/jsx-runtime";
+import { jsx as _jsx90, jsxs as _jsxs31 } from "react/jsx-runtime";
 var _excluded6 = [
     "children"
 ];
@@ -48930,7 +48975,7 @@ var Provider6 = function(_ref) {
     var children = _ref.children;
     var audioThreadContext = useAudioThreadContext();
     var _useState11 = _sliced_to_array(useState11(0), 2), scale = _useState11[0], setScale = _useState11[1];
-    var draw = useCallback9(function(_ref2) {
+    var draw = useCallback8(function(_ref2) {
         var visualizationAnalyser = _ref2.visualizationAnalyser;
         if (!visualizationAnalyser) {
             setScale(1);
@@ -48953,7 +48998,7 @@ var Provider6 = function(_ref) {
         draw,
         audioThreadContext
     ]);
-    return /* @__PURE__ */ _jsx89(AudioThreadVisualizationContext.Provider, {
+    return /* @__PURE__ */ _jsx90(AudioThreadVisualizationContext.Provider, {
         value: {
             scale: scale
         },
@@ -48961,7 +49006,7 @@ var Provider6 = function(_ref) {
     });
 };
 var Root17 = function(t0) {
-    var $ = _c92(6);
+    var $ = _c93(6);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -48978,8 +49023,8 @@ var Root17 = function(t0) {
     }
     var t1;
     if ($[3] !== children || $[4] !== rest) {
-        t1 = /* @__PURE__ */ _jsx89(Provider6, {
-            children: /* @__PURE__ */ _jsx89(Flex31, _objectSpread48(_objectSpread48({
+        t1 = /* @__PURE__ */ _jsx90(Provider6, {
+            children: /* @__PURE__ */ _jsx90(Flex31, _objectSpread48(_objectSpread48({
                 direction: "column",
                 align: "center",
                 justify: "center",
@@ -48998,7 +49043,7 @@ var Root17 = function(t0) {
     return t1;
 };
 var BarsVisualizer2 = function(t0) {
-    var $ = _c92(10);
+    var $ = _c93(10);
     var rest;
     var t1;
     var t2;
@@ -49024,7 +49069,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__ */ _jsx89(BarsVisualizer, _objectSpread48({
+        t4 = /* @__PURE__ */ _jsx90(BarsVisualizer, _objectSpread48({
             visualizationAnalyser: audioThreadContext.audioRuntime.assistant.visualizationAnalyser,
             backgroundColor: t3,
             height: height,
@@ -49042,7 +49087,7 @@ var BarsVisualizer2 = function(t0) {
     return t4;
 };
 var AssistantVisualizationRoot = function(t0) {
-    var $ = _c92(17);
+    var $ = _c93(17);
     var children;
     var rest;
     var t1;
@@ -49094,7 +49139,7 @@ var AssistantVisualizationRoot = function(t0) {
     }
     var t6;
     if ($[11] !== children || $[12] !== height || $[13] !== rest || $[14] !== t5 || $[15] !== width2) {
-        t6 = /* @__PURE__ */ _jsx89(Flex31, _objectSpread48(_objectSpread48({
+        t6 = /* @__PURE__ */ _jsx90(Flex31, _objectSpread48(_objectSpread48({
             align: "center",
             justify: "center",
             height: height,
@@ -49115,17 +49160,17 @@ var AssistantVisualizationRoot = function(t0) {
     return t6;
 };
 var AssistantVisualization = function(props) {
-    var $ = _c92(3);
+    var $ = _c93(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx89(BarsVisualizer2, {});
+        t0 = /* @__PURE__ */ _jsx90(BarsVisualizer2, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx89(AssistantVisualizationRoot, _objectSpread48(_objectSpread48({}, props), {}, {
+        t1 = /* @__PURE__ */ _jsx90(AssistantVisualizationRoot, _objectSpread48(_objectSpread48({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -49138,18 +49183,18 @@ var AssistantVisualization = function(props) {
 AssistantVisualization.Root = AssistantVisualizationRoot;
 AssistantVisualization.BarsVisualizer = BarsVisualizer2;
 var AssistantInfo = function(props) {
-    var $ = _c92(6);
+    var $ = _c93(6);
     var assistantNameContext = useContext20(AssistantNameContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx89(MessageGroup.AssistantAvatar, {});
+        t0 = /* @__PURE__ */ _jsx90(MessageGroup.AssistantAvatar, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== assistantNameContext) {
-        t1 = /* @__PURE__ */ _jsx89(MessageGroup.Name, {
+        t1 = /* @__PURE__ */ _jsx90(MessageGroup.Name, {
             children: assistantNameContext
         });
         $[1] = assistantNameContext;
@@ -49178,12 +49223,12 @@ var AssistantInfo = function(props) {
     return t2;
 };
 var Visualization = function(props) {
-    var $ = _c92(4);
+    var $ = _c93(4);
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx89(AssistantVisualization, {});
-        t1 = /* @__PURE__ */ _jsx89(AssistantInfo, {});
+        t0 = /* @__PURE__ */ _jsx90(AssistantVisualization, {});
+        t1 = /* @__PURE__ */ _jsx90(AssistantInfo, {});
         $[0] = t0;
         $[1] = t1;
     } else {
@@ -49210,11 +49255,11 @@ Visualization.Provider = Provider6;
 Visualization.AssistantVisualization = AssistantVisualization;
 Visualization.AssistantInfo = AssistantInfo;
 // src/components/threads/AudioThread/Status/index.tsx
-import { c as _c94 } from "react-compiler-runtime";
+import { c as _c95 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
-import { c as _c93 } from "react-compiler-runtime";
+import { c as _c94 } from "react-compiler-runtime";
 import { Flex as Flex32, Text as Text9 } from "@radix-ui/themes";
-import { jsx as _jsx90, jsxs as _jsxs32 } from "react/jsx-runtime";
+import { jsx as _jsx91, jsxs as _jsxs32 } from "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) {
@@ -49222,11 +49267,11 @@ var html = function(_ref) {
     }).join(""), "\n  }");
 };
 var StatusMessages = function(t0) {
-    var $ = _c93(9);
+    var $ = _c94(9);
     var texts = t0.texts, className = t0.className, style = t0.style;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ _jsx90(Text9, {
+        t1 = /* @__PURE__ */ _jsx91(Text9, {
             size: "2",
             weight: "regular",
             color: "gray",
@@ -49249,7 +49294,7 @@ var StatusMessages = function(t0) {
     }
     var t3;
     if ($[3] !== t2) {
-        t3 = /* @__PURE__ */ _jsx90("style", {
+        t3 = /* @__PURE__ */ _jsx91("style", {
             dangerouslySetInnerHTML: {
                 __html: t2
             }
@@ -49281,7 +49326,7 @@ var StatusMessages = function(t0) {
     return t4;
 };
 // src/components/threads/AudioThread/Status/index.tsx
-import { jsx as _jsx91 } from "react/jsx-runtime";
+import { jsx as _jsx92 } from "react/jsx-runtime";
 function ownKeys49(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -49326,7 +49371,7 @@ function _toPrimitive49(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Status = function(props) {
-    var $ = _c94(12);
+    var $ = _c95(12);
     var status = useStatus().status;
     if (status === "recording") {
         var _t;
@@ -49343,7 +49388,7 @@ var Status = function(props) {
         }
         var _t2;
         if ($[1] !== props) {
-            _t2 = /* @__PURE__ */ _jsx91(StatusMessages, _objectSpread49({
+            _t2 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread49({
                 texts: _t
             }, props));
             $[1] = props;
@@ -49369,7 +49414,7 @@ var Status = function(props) {
         }
         var _t4;
         if ($[4] !== props) {
-            _t4 = /* @__PURE__ */ _jsx91(StatusMessages, _objectSpread49({
+            _t4 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread49({
                 texts: _t3
             }, props));
             $[4] = props;
@@ -49391,7 +49436,7 @@ var Status = function(props) {
         }
         var _t6;
         if ($[7] !== props) {
-            _t6 = /* @__PURE__ */ _jsx91(StatusMessages, _objectSpread49({
+            _t6 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread49({
                 texts: _t5
             }, props));
             $[7] = props;
@@ -49412,7 +49457,7 @@ var Status = function(props) {
     }
     var t1;
     if ($[10] !== props) {
-        t1 = /* @__PURE__ */ _jsx91(StatusMessages, _objectSpread49({
+        t1 = /* @__PURE__ */ _jsx92(StatusMessages, _objectSpread49({
             texts: t0
         }, props));
         $[10] = props;
@@ -49423,11 +49468,11 @@ var Status = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-import { c as _c97 } from "react-compiler-runtime";
+import { c as _c98 } from "react-compiler-runtime";
 import { Flex as Flex34 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/Form/MicIcon.tsx
-import { c as _c95 } from "react-compiler-runtime";
-import { jsx as _jsx92 } from "react/jsx-runtime";
+import { c as _c96 } from "react-compiler-runtime";
+import { jsx as _jsx93 } from "react/jsx-runtime";
 function ownKeys50(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -49472,10 +49517,10 @@ function _toPrimitive50(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MicIcon = function(props) {
-    var $ = _c95(3);
+    var $ = _c96(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx92("path", {
+        t0 = /* @__PURE__ */ _jsx93("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"
         });
@@ -49485,7 +49530,7 @@ var MicIcon = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx92("svg", _objectSpread50(_objectSpread50({
+        t1 = /* @__PURE__ */ _jsx93("svg", _objectSpread50(_objectSpread50({
             xmlns: "http://www.w3.org/2000/svg",
             fill: "currentColor",
             stroke: "currentColor",
@@ -49504,29 +49549,29 @@ var MicIcon = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
-import { c as _c96 } from "react-compiler-runtime";
+import { c as _c97 } from "react-compiler-runtime";
 import { Flex as Flex33, IconButton as IconButton10 } from "@radix-ui/themes";
 import { StopIcon as StopIcon2, PauseIcon as PauseIcon2, ArrowUpIcon as ArrowUpIcon3, ResumeIcon } from "@radix-ui/react-icons";
-import { jsx as _jsx93, jsxs as _jsxs33 } from "react/jsx-runtime";
+import { jsx as _jsx94, jsxs as _jsxs33 } from "react/jsx-runtime";
 var ActionButton = function() {
-    var $ = _c96(27);
+    var $ = _c97(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__ */ _jsx93(PauseIcon2, {});
+            _t = /* @__PURE__ */ _jsx94(PauseIcon2, {});
             $[0] = _t;
         } else {
             _t = $[0];
         }
         var t1;
         if ($[1] !== audioThreadContext.audioRuntime.user.pause) {
-            t1 = /* @__PURE__ */ _jsx93(Flex33, {
+            t1 = /* @__PURE__ */ _jsx94(Flex33, {
                 mr: "3",
                 ml: "-7",
-                children: /* @__PURE__ */ _jsx93(IconButton10, {
+                children: /* @__PURE__ */ _jsx94(IconButton10, {
                     onClick: audioThreadContext.audioRuntime.user.pause,
                     color: "gray",
                     variant: "soft",
@@ -49541,14 +49586,14 @@ var ActionButton = function() {
         }
         var t2;
         if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-            t2 = /* @__PURE__ */ _jsx93(ArrowUpIcon3, {});
+            t2 = /* @__PURE__ */ _jsx94(ArrowUpIcon3, {});
             $[3] = t2;
         } else {
             t2 = $[3];
         }
         var t3;
         if ($[4] !== audioThreadContext.audioRuntime.user.stop) {
-            t3 = /* @__PURE__ */ _jsx93(IconButton10, {
+            t3 = /* @__PURE__ */ _jsx94(IconButton10, {
                 onClick: audioThreadContext.audioRuntime.user.stop,
                 highContrast: true,
                 variant: "soft",
@@ -49580,14 +49625,14 @@ var ActionButton = function() {
     if (status === "recorderPaused") {
         var _t2;
         if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-            _t2 = /* @__PURE__ */ _jsx93(ResumeIcon, {});
+            _t2 = /* @__PURE__ */ _jsx94(ResumeIcon, {});
             $[9] = _t2;
         } else {
             _t2 = $[9];
         }
         var _t3;
         if ($[10] !== audioThreadContext.audioRuntime.user.resume) {
-            _t3 = /* @__PURE__ */ _jsx93(IconButton10, {
+            _t3 = /* @__PURE__ */ _jsx94(IconButton10, {
                 onClick: audioThreadContext.audioRuntime.user.resume,
                 color: "red",
                 size: "4",
@@ -49603,7 +49648,7 @@ var ActionButton = function() {
     if (status === "idle") {
         var _t4;
         if ($[12] !== audioThreadContext.audioRuntime.user) {
-            _t4 = /* @__PURE__ */ _jsx93(IconButton10, {
+            _t4 = /* @__PURE__ */ _jsx94(IconButton10, {
                 onClick: function() {
                     return audioThreadContext.audioRuntime.user.start();
                 },
@@ -49635,14 +49680,14 @@ var ActionButton = function() {
         }
         var _t6;
         if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-            _t6 = /* @__PURE__ */ _jsx93(StopIcon2, {});
+            _t6 = /* @__PURE__ */ _jsx94(StopIcon2, {});
             $[18] = _t6;
         } else {
             _t6 = $[18];
         }
         var _t7;
         if ($[19] !== _t5) {
-            _t7 = /* @__PURE__ */ _jsx93(IconButton10, {
+            _t7 = /* @__PURE__ */ _jsx94(IconButton10, {
                 onClick: _t5,
                 size: "4",
                 color: "gray",
@@ -49669,14 +49714,14 @@ var ActionButton = function() {
         }
         var _t9;
         if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-            _t9 = /* @__PURE__ */ _jsx93(ResumeIcon, {});
+            _t9 = /* @__PURE__ */ _jsx94(ResumeIcon, {});
             $[23] = _t9;
         } else {
             _t9 = $[23];
         }
         var _t10;
         if ($[24] !== _t8) {
-            _t10 = /* @__PURE__ */ _jsx93(IconButton10, {
+            _t10 = /* @__PURE__ */ _jsx94(IconButton10, {
                 onClick: _t8,
                 size: "4",
                 children: _t9
@@ -49690,7 +49735,7 @@ var ActionButton = function() {
     }
     var t0;
     if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx93(IconButton10, {
+        t0 = /* @__PURE__ */ _jsx94(IconButton10, {
             size: "4",
             variant: "soft",
             disabled: true
@@ -49702,7 +49747,7 @@ var ActionButton = function() {
     return t0;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-import { jsx as _jsx94, jsxs as _jsxs34 } from "react/jsx-runtime";
+import { jsx as _jsx95, jsxs as _jsxs34 } from "react/jsx-runtime";
 function ownKeys51(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -49747,17 +49792,17 @@ function _toPrimitive51(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Form = function(props) {
-    var $ = _c97(17);
+    var $ = _c98(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__ */ _jsx94(Flex34, {
+        t1 = /* @__PURE__ */ _jsx95(Flex34, {
             ml: "-22.5px",
             mr: "2",
             align: "center",
-            children: /* @__PURE__ */ _jsx94(MicIcon, {
+            children: /* @__PURE__ */ _jsx95(MicIcon, {
                 style: {
                     color: t0
                 }
@@ -49783,7 +49828,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__ */ _jsx94(BarsVisualizer, {
+        t5 = /* @__PURE__ */ _jsx95(BarsVisualizer, {
             visualizationAnalyser: audioThreadContext.audioRuntime.user.visualizationAnalyser,
             backgroundColor: t4,
             height: "20px",
@@ -49797,7 +49842,7 @@ var Form = function(props) {
     }
     var t6;
     if ($[7] !== t3 || $[8] !== t5) {
-        t6 = /* @__PURE__ */ _jsx94(Flex34, {
+        t6 = /* @__PURE__ */ _jsx95(Flex34, {
             px: "2",
             py: "1",
             style: t3,
@@ -49827,7 +49872,7 @@ var Form = function(props) {
     }
     var t8;
     if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-        t8 = /* @__PURE__ */ _jsx94(ActionButton, {});
+        t8 = /* @__PURE__ */ _jsx95(ActionButton, {});
         $[13] = t8;
     } else {
         t8 = $[13];
@@ -49852,7 +49897,7 @@ var Form = function(props) {
     return t9;
 };
 // src/components/threads/AudioThread/index.tsx
-import { jsx as _jsx95, jsxs as _jsxs35 } from "react/jsx-runtime";
+import { jsx as _jsx96, jsxs as _jsxs35 } from "react/jsx-runtime";
 function ownKeys52(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -49897,14 +49942,14 @@ function _toPrimitive52(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThread = function(props) {
-    var $ = _c98(5);
+    var $ = _c99(5);
     var t0;
     var t1;
     var t2;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx95(Visualization, {});
-        t1 = /* @__PURE__ */ _jsx95(Status, {});
-        t2 = /* @__PURE__ */ _jsx95(Form, {});
+        t0 = /* @__PURE__ */ _jsx96(Visualization, {});
+        t1 = /* @__PURE__ */ _jsx96(Status, {});
+        t2 = /* @__PURE__ */ _jsx96(Form, {});
         $[0] = t0;
         $[1] = t1;
         $[2] = t2;
@@ -49934,7 +49979,7 @@ AudioThread.Visualization = Visualization;
 AudioThread.Status = Status;
 AudioThread.Form = Form;
 // src/components/threads/AudioThreadDialog/index.tsx
-import { jsx as _jsx96, jsxs as _jsxs36 } from "react/jsx-runtime";
+import { jsx as _jsx97, jsxs as _jsxs36 } from "react/jsx-runtime";
 function ownKeys53(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -49979,14 +50024,14 @@ function _toPrimitive53(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThreadDialog = function(props) {
-    var $ = _c99(4);
+    var $ = _c100(4);
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx96(Content8.Root, {
-            children: /* @__PURE__ */ _jsx96(AudioThread, {})
+        t0 = /* @__PURE__ */ _jsx97(Content8.Root, {
+            children: /* @__PURE__ */ _jsx97(AudioThread, {})
         });
-        t1 = /* @__PURE__ */ _jsx96(Trigger, {});
+        t1 = /* @__PURE__ */ _jsx97(Trigger, {});
         $[0] = t0;
         $[1] = t1;
     } else {
@@ -50501,10 +50546,10 @@ var useWebrtcAudioRuntime = function() {
     ]);
 };
 // src/components/audioRuntimes/WebrtcAudioRuntimeProvider.tsx
-import { c as _c100 } from "react-compiler-runtime";
-import { jsx as _jsx97 } from "react/jsx-runtime";
+import { c as _c101 } from "react-compiler-runtime";
+import { jsx as _jsx98 } from "react/jsx-runtime";
 var WebrtcAudioRuntimeProvider = function(t0) {
-    var $ = _c100(5);
+    var $ = _c101(5);
     var children = t0.children;
     var webrtcAudioRuntime = useWebrtcAudioRuntime().webrtcAudioRuntime;
     var t1;
@@ -50519,7 +50564,7 @@ var WebrtcAudioRuntimeProvider = function(t0) {
     }
     var t2;
     if ($[2] !== children || $[3] !== t1) {
-        t2 = /* @__PURE__ */ _jsx97(AudioThreadContext.Provider, {
+        t2 = /* @__PURE__ */ _jsx98(AudioThreadContext.Provider, {
             value: t1,
             children: children
         });
@@ -50532,14 +50577,14 @@ var WebrtcAudioRuntimeProvider = function(t0) {
     return t2;
 };
 // src/components/gui/Gui/index.tsx
-import { c as _c103 } from "react-compiler-runtime";
+import { c as _c104 } from "react-compiler-runtime";
 import { useMemo as useMemo23 } from "react";
 import { Flex as Flex35, Card as Card5, Spinner as Spinner3 } from "@radix-ui/themes";
 // src/hooks/messages/useLatestAssistantMessage/index.ts
-import { c as _c101 } from "react-compiler-runtime";
+import { c as _c102 } from "react-compiler-runtime";
 import { useMemo as useMemo21 } from "react";
 var useLatestAssistantMessage = function() {
-    var $ = _c101(4);
+    var $ = _c102(4);
     var _useMessages = useMessages(), messages2 = _useMessages.messages;
     var t0;
     var t1;
@@ -50568,11 +50613,11 @@ function _temp11(message) {
     return message.role === "assistant";
 }
 // src/hooks/messages/useLatestAssistantMessageWithContent/index.ts
-import { c as _c102 } from "react-compiler-runtime";
+import { c as _c103 } from "react-compiler-runtime";
 import { isEmpty as isEmpty3 } from "radash";
 import { useMemo as useMemo22 } from "react";
 var useLatestAssistantMessageWithContent = function() {
-    var $ = _c102(4);
+    var $ = _c103(4);
     var _useMessages = useMessages(), messages2 = _useMessages.messages;
     var t0;
     var t1;
@@ -50604,14 +50649,14 @@ function _temp25(message) {
     return message.role === "assistant" && message.content.some(_temp12);
 }
 // src/components/gui/Gui/index.tsx
-import { jsx as _jsx98, jsxs as _jsxs37 } from "react/jsx-runtime";
+import { jsx as _jsx99, jsxs as _jsxs37 } from "react/jsx-runtime";
 var StartingToolCalls3 = function() {
-    var $ = _c103(2);
+    var $ = _c104(2);
     var _useComponents = useComponents(), t0 = _useComponents.components;
     var StartingToolCalls4 = t0.StartingToolCalls;
     var t1;
     if ($[0] !== StartingToolCalls4) {
-        t1 = /* @__PURE__ */ _jsx98(StartingToolCalls4, {});
+        t1 = /* @__PURE__ */ _jsx99(StartingToolCalls4, {});
         $[0] = StartingToolCalls4;
         $[1] = t1;
     } else {
@@ -50620,7 +50665,7 @@ var StartingToolCalls3 = function() {
     return t1;
 };
 var Content10 = function(t0) {
-    var $ = _c103(5);
+    var $ = _c104(5);
     var latestRunStep = t0.latestRunStep;
     var t1;
     bb0: {
@@ -50642,7 +50687,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__ */ _jsx98(Spinner3, {});
+            _t = /* @__PURE__ */ _jsx99(Spinner3, {});
             $[0] = _t;
         } else {
             _t = $[0];
@@ -50652,7 +50697,7 @@ var Content10 = function(t0) {
     if (!latestToolCall) {
         var _t2;
         if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-            _t2 = /* @__PURE__ */ _jsx98(StartingToolCalls3, {});
+            _t2 = /* @__PURE__ */ _jsx99(StartingToolCalls3, {});
             $[1] = _t2;
         } else {
             _t2 = $[1];
@@ -50661,7 +50706,7 @@ var Content10 = function(t0) {
     }
     var t2;
     if ($[2] !== latestRunStep || $[3] !== latestToolCall) {
-        t2 = /* @__PURE__ */ _jsx98(ToolCall, {
+        t2 = /* @__PURE__ */ _jsx99(ToolCall, {
             runStep: latestRunStep,
             toolCall: latestToolCall
         });
@@ -50674,7 +50719,7 @@ var Content10 = function(t0) {
     return t2;
 };
 var Progress2 = function(t0) {
-    var $ = _c103(5);
+    var $ = _c104(5);
     var latestAssistantMessage = t0.latestAssistantMessage;
     var isMutatingMessage = useIsMutatingMessage();
     var t1;
@@ -50708,10 +50753,10 @@ var Progress2 = function(t0) {
     }
     var t4;
     if ($[3] !== latestRunStep) {
-        t4 = /* @__PURE__ */ _jsx98(Flex35, {
+        t4 = /* @__PURE__ */ _jsx99(Flex35, {
             style: t3,
-            children: /* @__PURE__ */ _jsx98(Card5, {
-                children: /* @__PURE__ */ _jsx98(Content10, {
+            children: /* @__PURE__ */ _jsx99(Card5, {
+                children: /* @__PURE__ */ _jsx99(Content10, {
                     latestRunStep: latestRunStep
                 })
             })
@@ -50724,20 +50769,20 @@ var Progress2 = function(t0) {
     return t4;
 };
 var Gui = function() {
-    var $ = _c103(8);
+    var $ = _c104(8);
     var latestAssistantMessage = useLatestAssistantMessage().latestAssistantMessage;
     var latestAssistantMessageWithContent = useLatestAssistantMessageWithContent().latestAssistantMessageWithContent;
     if (!latestAssistantMessage || !latestAssistantMessageWithContent) {
         var _t3;
         if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-            _t3 = /* @__PURE__ */ _jsx98(Flex35, {
+            _t3 = /* @__PURE__ */ _jsx99(Flex35, {
                 direction: "column",
                 flexGrow: "1",
-                children: /* @__PURE__ */ _jsx98(Flex35, {
+                children: /* @__PURE__ */ _jsx99(Flex35, {
                     align: "center",
                     justify: "center",
                     flexGrow: "1",
-                    children: /* @__PURE__ */ _jsx98(Spinner3, {
+                    children: /* @__PURE__ */ _jsx99(Spinner3, {
                         size: "3"
                     })
                 })
@@ -50750,7 +50795,7 @@ var Gui = function() {
     }
     var t0;
     if ($[1] !== latestAssistantMessageWithContent) {
-        t0 = /* @__PURE__ */ _jsx98(MessageContent, {
+        t0 = /* @__PURE__ */ _jsx99(MessageContent, {
             message: latestAssistantMessageWithContent
         });
         $[1] = latestAssistantMessageWithContent;
@@ -50760,7 +50805,7 @@ var Gui = function() {
     }
     var t1;
     if ($[3] !== latestAssistantMessage) {
-        t1 = /* @__PURE__ */ _jsx98(Progress2, {
+        t1 = /* @__PURE__ */ _jsx99(Progress2, {
             latestAssistantMessage: latestAssistantMessage
         });
         $[3] = latestAssistantMessage;
@@ -50790,9 +50835,9 @@ function _temp13(rs) {
     return rs.status === "in_progress";
 }
 // src/components/markdown/MarkdownProvider/index.tsx
-import { c as _c104 } from "react-compiler-runtime";
+import { c as _c105 } from "react-compiler-runtime";
 import { useMemo as useMemo24 } from "react";
-import { jsx as _jsx99 } from "react/jsx-runtime";
+import { jsx as _jsx100 } from "react/jsx-runtime";
 var _excluded7 = [
     "children"
 ];
@@ -50815,7 +50860,7 @@ function _objectWithoutPropertiesLoose7(r, e) {
     return t;
 }
 var MarkdownProvider = function(t0) {
-    var $ = _c104(9);
+    var $ = _c105(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -50845,7 +50890,7 @@ var MarkdownProvider = function(t0) {
     var value = t1;
     var t3;
     if ($[6] !== children || $[7] !== value) {
-        t3 = /* @__PURE__ */ _jsx99(MarkdownContext.Provider, {
+        t3 = /* @__PURE__ */ _jsx100(MarkdownContext.Provider, {
             value: value,
             children: children
         });
@@ -50858,18 +50903,18 @@ var MarkdownProvider = function(t0) {
     return t3;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-import { c as _c107 } from "react-compiler-runtime";
+import { c as _c108 } from "react-compiler-runtime";
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-import { c as _c106 } from "react-compiler-runtime";
+import { c as _c107 } from "react-compiler-runtime";
 import { useState as useState13 } from "react";
 import { QuoteIcon as QuoteIcon2 } from "@radix-ui/react-icons";
 import { Dialog, VisuallyHidden, IconButton as IconButton11 } from "@radix-ui/themes";
 // src/components/annotations/SourceAnnotation/FileCitation/Content.tsx
-import { c as _c105 } from "react-compiler-runtime";
+import { c as _c106 } from "react-compiler-runtime";
 import { Flex as Flex36, Card as Card6, Inset as Inset3 } from "@radix-ui/themes";
-import { jsx as _jsx100 } from "react/jsx-runtime";
+import { jsx as _jsx101 } from "react/jsx-runtime";
 var Content11 = function(t0) {
-    var $ = _c105(5);
+    var $ = _c106(5);
     var fileId = t0.fileId;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -50906,18 +50951,18 @@ var Content11 = function(t0) {
     }
     var t5;
     if ($[3] !== t3) {
-        t5 = /* @__PURE__ */ _jsx100(Flex36, {
+        t5 = /* @__PURE__ */ _jsx101(Flex36, {
             direction: "column",
             flexGrow: "1",
             gap: "3",
-            children: /* @__PURE__ */ _jsx100(Card6, {
+            children: /* @__PURE__ */ _jsx101(Card6, {
                 style: t1,
-                children: /* @__PURE__ */ _jsx100(Inset3, {
+                children: /* @__PURE__ */ _jsx101(Inset3, {
                     clip: "padding-box",
                     style: t2,
-                    children: /* @__PURE__ */ _jsx100(Flex36, {
+                    children: /* @__PURE__ */ _jsx101(Flex36, {
                         flexGrow: "1",
-                        children: /* @__PURE__ */ _jsx100("embed", {
+                        children: /* @__PURE__ */ _jsx101("embed", {
                             src: t3,
                             style: t4
                         })
@@ -50933,9 +50978,9 @@ var Content11 = function(t0) {
     return t5;
 };
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-import { jsx as _jsx101, jsxs as _jsxs38, Fragment as _Fragment6 } from "react/jsx-runtime";
+import { jsx as _jsx102, jsxs as _jsxs38, Fragment as _Fragment6 } from "react/jsx-runtime";
 var FileCitation = function(t0) {
-    var $ = _c106(18);
+    var $ = _c107(18);
     var annotation = t0.annotation;
     var _useState13 = _sliced_to_array(useState13(null), 2), activeFileId = _useState13[0], setActiveFileId = _useState13[1];
     var t1;
@@ -50950,14 +50995,14 @@ var FileCitation = function(t0) {
     }
     var t2;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = /* @__PURE__ */ _jsx101(QuoteIcon2, {});
+        t2 = /* @__PURE__ */ _jsx102(QuoteIcon2, {});
         $[2] = t2;
     } else {
         t2 = $[2];
     }
     var t3;
     if ($[3] !== t1) {
-        t3 = /* @__PURE__ */ _jsx101(IconButton11, {
+        t3 = /* @__PURE__ */ _jsx102(IconButton11, {
             variant: "soft",
             color: "gray",
             size: "1",
@@ -50993,9 +51038,9 @@ var FileCitation = function(t0) {
     }
     var t7;
     if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-        t7 = /* @__PURE__ */ _jsx101(VisuallyHidden, {
+        t7 = /* @__PURE__ */ _jsx102(VisuallyHidden, {
             asChild: true,
-            children: /* @__PURE__ */ _jsx101(Dialog.Title, {
+            children: /* @__PURE__ */ _jsx102(Dialog.Title, {
                 children: "Source"
             })
         });
@@ -51005,7 +51050,7 @@ var FileCitation = function(t0) {
     }
     var t8;
     if ($[8] !== activeFileId) {
-        t8 = activeFileId && /* @__PURE__ */ _jsx101(Content11, {
+        t8 = activeFileId && /* @__PURE__ */ _jsx102(Content11, {
             fileId: activeFileId
         });
         $[8] = activeFileId;
@@ -51033,7 +51078,7 @@ var FileCitation = function(t0) {
     }
     var t10;
     if ($[12] !== t4 || $[13] !== t9) {
-        t10 = /* @__PURE__ */ _jsx101(Dialog.Root, {
+        t10 = /* @__PURE__ */ _jsx102(Dialog.Root, {
             open: t4,
             onOpenChange: t5,
             children: t9
@@ -51061,7 +51106,7 @@ var FileCitation = function(t0) {
     return t11;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-import { jsx as _jsx102 } from "react/jsx-runtime";
+import { jsx as _jsx103 } from "react/jsx-runtime";
 var _excluded8 = [
     "children"
 ];
@@ -51084,7 +51129,7 @@ function _objectWithoutPropertiesLoose8(r, e) {
     return t;
 }
 var SourceAnnotation = function(t0) {
-    var $ = _c107(10);
+    var $ = _c108(10);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -51112,7 +51157,7 @@ var SourceAnnotation = function(t0) {
     if (annotation.type === "file_citation") {
         var t2;
         if ($[5] !== annotation) {
-            t2 = /* @__PURE__ */ _jsx102(FileCitation, {
+            t2 = /* @__PURE__ */ _jsx103(FileCitation, {
                 annotation: annotation
             });
             $[5] = annotation;
@@ -51125,7 +51170,7 @@ var SourceAnnotation = function(t0) {
         if (annotation.type === "file_path") {
             var _t2;
             if ($[7] !== annotation || $[8] !== children) {
-                _t2 = /* @__PURE__ */ _jsx102(FilePathAnnotation, {
+                _t2 = /* @__PURE__ */ _jsx103(FilePathAnnotation, {
                     annotation: annotation,
                     children: children
                 });
@@ -51141,7 +51186,7 @@ var SourceAnnotation = function(t0) {
     return null;
 };
 // src/components/avatars/Avatar.tsx
-import { c as _c110 } from "react-compiler-runtime";
+import { c as _c111 } from "react-compiler-runtime";
 // src/enums/index.ts
 var IconAvatarName = /* @__PURE__ */ function(IconAvatarName2) {
     IconAvatarName2["BACKPACK"] = "BACKPACK";
@@ -51166,7 +51211,7 @@ var AvatarType = /* @__PURE__ */ function(AvatarType2) {
 // src/components/avatars/Avatar.tsx
 import { Avatar as RadixAvatar } from "@radix-ui/themes";
 // src/components/imageAvatars/ImageAvatar/index.tsx
-import { c as _c108 } from "react-compiler-runtime";
+import { c as _c109 } from "react-compiler-runtime";
 import { Avatar as Avatar4 } from "@radix-ui/themes";
 // src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
 var width = function(_ref) {
@@ -51218,9 +51263,9 @@ var optimizedSrc = function(_ref) {
     }));
 };
 // src/components/imageAvatars/ImageAvatar/index.tsx
-import { jsx as _jsx103 } from "react/jsx-runtime";
+import { jsx as _jsx104 } from "react/jsx-runtime";
 var ImageAvatar = function(t0) {
-    var $ = _c108(9);
+    var $ = _c109(9);
     var imageAvatar = t0.imageAvatar, size = t0.size, className = t0.className, style = t0.style;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -51239,7 +51284,7 @@ var ImageAvatar = function(t0) {
     }
     var t2;
     if ($[4] !== className || $[5] !== size || $[6] !== style || $[7] !== t1) {
-        t2 = /* @__PURE__ */ _jsx103(Avatar4, {
+        t2 = /* @__PURE__ */ _jsx104(Avatar4, {
             className: className,
             style: style,
             fallback: "",
@@ -51257,7 +51302,7 @@ var ImageAvatar = function(t0) {
     return t2;
 };
 // src/components/iconAvatars/IconAvatar.tsx
-import { c as _c109 } from "react-compiler-runtime";
+import { c as _c110 } from "react-compiler-runtime";
 import { useMemo as useMemo25 } from "react";
 import { Avatar as Avatar5 } from "@radix-ui/themes";
 // src/lib/iconAvatars/iconAvatarComponents.ts
@@ -51265,16 +51310,16 @@ import { BackpackIcon, RocketIcon, MagicWandIcon, CubeIcon, TargetIcon, DiscIcon
 var _obj;
 var iconAvatarComponents = (_obj = {}, _define_property(_obj, IconAvatarName.BACKPACK, BackpackIcon), _define_property(_obj, IconAvatarName.ROCKET, RocketIcon), _define_property(_obj, IconAvatarName.MAGIC_WAND, MagicWandIcon), _define_property(_obj, IconAvatarName.CUBE, CubeIcon), _define_property(_obj, IconAvatarName.TARGET, TargetIcon), _define_property(_obj, IconAvatarName.DISC, DiscIcon), _define_property(_obj, IconAvatarName.GLOBE, GlobeIcon), _define_property(_obj, IconAvatarName.STAR, StarIcon), _define_property(_obj, IconAvatarName.LIGHTNING_BOLT, LightningBoltIcon2), _define_property(_obj, IconAvatarName.FACE, FaceIcon), _define_property(_obj, IconAvatarName.PERSON, PersonIcon2), _define_property(_obj, IconAvatarName.HEART, HeartIcon), _obj);
 // src/components/iconAvatars/IconAvatar.tsx
-import { jsx as _jsx104 } from "react/jsx-runtime";
+import { jsx as _jsx105 } from "react/jsx-runtime";
 var IconAvatar = function(t0) {
-    var $ = _c109(7);
+    var $ = _c110(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__ */ _jsx104(Component2, {}) : "";
+        t2 = Component2 ? /* @__PURE__ */ _jsx105(Component2, {}) : "";
         $[0] = Component2;
         $[1] = t2;
     } else {
@@ -51282,7 +51327,7 @@ var IconAvatar = function(t0) {
     }
     var t3;
     if ($[2] !== className || $[3] !== size || $[4] !== style || $[5] !== t2) {
-        t3 = /* @__PURE__ */ _jsx104(Avatar5, {
+        t3 = /* @__PURE__ */ _jsx105(Avatar5, {
             className: className,
             style: style,
             size: size,
@@ -51299,16 +51344,16 @@ var IconAvatar = function(t0) {
     return t3;
 };
 // src/components/avatars/Avatar.tsx
-import { jsx as _jsx105 } from "react/jsx-runtime";
+import { jsx as _jsx106 } from "react/jsx-runtime";
 var Avatar6 = function(t0) {
-    var $ = _c110(14);
+    var $ = _c111(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__ */ _jsx105(ImageAvatar, {
+                _t = /* @__PURE__ */ _jsx106(ImageAvatar, {
                     imageAvatar: avatar.imageAvatar,
                     size: size,
                     className: className,
@@ -51327,7 +51372,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__ */ _jsx105(IconAvatar, {
+                _t2 = /* @__PURE__ */ _jsx106(IconAvatar, {
                     iconAvatar: avatar.iconAvatar,
                     size: size,
                     className: className,
@@ -51346,7 +51391,7 @@ var Avatar6 = function(t0) {
     }
     var t2;
     if ($[10] !== className || $[11] !== size || $[12] !== style) {
-        t2 = /* @__PURE__ */ _jsx105(RadixAvatar, {
+        t2 = /* @__PURE__ */ _jsx106(RadixAvatar, {
             fallback: "",
             size: size,
             className: className,
@@ -51362,9 +51407,9 @@ var Avatar6 = function(t0) {
     return t2;
 };
 // src/components/components/ComponentsProvider.tsx
-import { c as _c111 } from "react-compiler-runtime";
+import { c as _c112 } from "react-compiler-runtime";
 import { useMemo as useMemo26 } from "react";
-import { jsx as _jsx106 } from "react/jsx-runtime";
+import { jsx as _jsx107 } from "react/jsx-runtime";
 var _excluded9 = [
     "children"
 ];
@@ -51387,7 +51432,7 @@ function _objectWithoutPropertiesLoose9(r, e) {
     return t;
 }
 var ComponentsProvider = function(t0) {
-    var $ = _c111(9);
+    var $ = _c112(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -51417,7 +51462,7 @@ var ComponentsProvider = function(t0) {
     var value = t1;
     var t3;
     if ($[6] !== children || $[7] !== value) {
-        t3 = /* @__PURE__ */ _jsx106(ComponentsContext.Provider, {
+        t3 = /* @__PURE__ */ _jsx107(ComponentsContext.Provider, {
             value: value,
             children: children
         });
@@ -51430,11 +51475,11 @@ var ComponentsProvider = function(t0) {
     return t3;
 };
 // src/components/assistants/AssistantProvider/index.tsx
-import { c as _c112 } from "react-compiler-runtime";
-import { jsx as _jsx107 } from "react/jsx-runtime";
+import { c as _c113 } from "react-compiler-runtime";
+import { jsx as _jsx108 } from "react/jsx-runtime";
 var AssistantProvider = function(t0) {
     var _assistant$name;
-    var $ = _c112(10);
+    var $ = _c113(10);
     var children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -51452,7 +51497,7 @@ var AssistantProvider = function(t0) {
     var t3 = assistant === null || assistant === void 0 ? void 0 : assistant.avatar;
     var t4;
     if ($[2] !== t3) {
-        t4 = /* @__PURE__ */ _jsx107(Avatar6, {
+        t4 = /* @__PURE__ */ _jsx108(Avatar6, {
             avatar: t3
         });
         $[2] = t3;
@@ -51462,7 +51507,7 @@ var AssistantProvider = function(t0) {
     }
     var t5;
     if ($[4] !== children || $[5] !== t4) {
-        t5 = /* @__PURE__ */ _jsx107(AssistantAvatarContext.Provider, {
+        t5 = /* @__PURE__ */ _jsx108(AssistantAvatarContext.Provider, {
             value: t4,
             children: children
         });
@@ -51474,7 +51519,7 @@ var AssistantProvider = function(t0) {
     }
     var t6;
     if ($[7] !== t2 || $[8] !== t5) {
-        t6 = /* @__PURE__ */ _jsx107(AssistantNameContext.Provider, {
+        t6 = /* @__PURE__ */ _jsx108(AssistantNameContext.Provider, {
             value: t2,
             children: t5
         });