@superinterface/react 3.14.4 → 3.15.0

package/dist/index.js

@@ -1119,9 +1119,9 @@ var Attachments = function(t0) {
     }
     return t3;
 };
-// src/components/threads/Thread/Message/ContentPart/index.tsx
+// src/components/messages/MessageContent/ContentPart/index.tsx
 import { c as _c24 } from "react-compiler-runtime";
-// src/components/threads/Thread/Message/ContentPart/TextContent.tsx
+// src/components/messages/MessageContent/ContentPart/TextContent.tsx
 import { c as _c22 } from "react-compiler-runtime";
 import React, { useState as useState3, useEffect as useEffect2, useMemo as useMemo9 } from "react";
 import { Badge as Badge2 } from "@radix-ui/themes";
@@ -4625,7 +4625,7 @@ function hasArrayChanged() {
         return !Object.is(item, b[index]);
     });
 }
-// src/components/threads/Thread/Message/ContentPart/TextContent.tsx
+// src/components/messages/MessageContent/ContentPart/TextContent.tsx
 import { jsx as _jsx44 } from "react/jsx-runtime";
 function ownKeys24(e, r) {
     var t = Object.keys(e);
@@ -4856,7 +4856,7 @@ var TextContent = function(t0) {
     }
     return t7;
 };
-// src/components/threads/Thread/Message/ContentPart/ImageFileContent.tsx
+// src/components/messages/MessageContent/ContentPart/ImageFileContent.tsx
 import { c as _c23 } from "react-compiler-runtime";
 import { jsx as _jsx45 } from "react/jsx-runtime";
 var ImageFileContent = function(t0) {
@@ -4878,7 +4878,7 @@ var ImageFileContent = function(t0) {
     }
     return t2;
 };
-// src/components/threads/Thread/Message/ContentPart/index.tsx
+// src/components/messages/MessageContent/ContentPart/index.tsx
 import { jsx as _jsx46 } from "react/jsx-runtime";
 var ContentPart = function(t0) {
     var $ = _c24(4);
@@ -4911,10 +4911,22 @@ var ContentPart = function(t0) {
     }
     return null;
 };
+// src/components/messages/MessageContent/index.tsx
+import { jsx as _jsx47, Fragment as _Fragment2 } from "react/jsx-runtime";
+var MessageContent = function(_ref) {
+    var message = _ref.message;
+    return /* @__PURE__ */ _jsx47(_Fragment2, {
+        children: message.content.map(function(content, index) {
+            return /* @__PURE__ */ _jsx47(ContentPart, {
+                content: content
+            }, index);
+        })
+    });
+};
 // src/components/threads/Thread/Message/index.tsx
-import { jsx as _jsx47, jsxs as _jsxs16 } from "react/jsx-runtime";
+import { jsx as _jsx48, jsxs as _jsxs16 } from "react/jsx-runtime";
 var Message = function(t0) {
-    var $ = _c25(51);
+    var $ = _c25(50);
     var message = t0.message, className = t0.className, style = t0.style;
     var t1;
     bb0: {
@@ -5044,7 +5056,7 @@ var Message = function(t0) {
     }
     var t4;
     if ($[23] !== olderRunSteps_0) {
-        t4 = /* @__PURE__ */ _jsx47(RunSteps, {
+        t4 = /* @__PURE__ */ _jsx48(RunSteps, {
             runSteps: olderRunSteps_0
         });
         $[23] = olderRunSteps_0;
@@ -5053,34 +5065,32 @@ var Message = function(t0) {
         t4 = $[24];
     }
     var t5;
+    var t6;
     if ($[25] !== message) {
-        t5 = /* @__PURE__ */ _jsx47(Attachments, {
+        t5 = /* @__PURE__ */ _jsx48(Attachments, {
+            message: message
+        });
+        t6 = /* @__PURE__ */ _jsx48(MessageContent, {
             message: message
         });
         $[25] = message;
         $[26] = t5;
+        $[27] = t6;
     } else {
         t5 = $[26];
-    }
-    var t6;
-    if ($[27] !== message.content) {
-        t6 = message.content.map(_temp4);
-        $[27] = message.content;
-        $[28] = t6;
-    } else {
-        t6 = $[28];
+        t6 = $[27];
     }
     var t7;
-    if ($[29] !== isInProgress || $[30] !== laterRunSteps_0) {
-        t7 = isInProgress && isEmpty2(laterRunSteps_0) && /* @__PURE__ */ _jsx47(StartingContentSkeleton, {});
-        $[29] = isInProgress;
-        $[30] = laterRunSteps_0;
-        $[31] = t7;
+    if ($[28] !== isInProgress || $[29] !== laterRunSteps_0) {
+        t7 = isInProgress && isEmpty2(laterRunSteps_0) && /* @__PURE__ */ _jsx48(StartingContentSkeleton, {});
+        $[28] = isInProgress;
+        $[29] = laterRunSteps_0;
+        $[30] = t7;
     } else {
-        t7 = $[31];
+        t7 = $[30];
     }
     var t8;
-    if ($[32] !== t5 || $[33] !== t6 || $[34] !== t7) {
+    if ($[31] !== t5 || $[32] !== t6 || $[33] !== t7) {
         t8 = /* @__PURE__ */ _jsxs16(Box9, {
             children: [
                 t5,
@@ -5088,36 +5098,36 @@ var Message = function(t0) {
                 t7
             ]
         });
-        $[32] = t5;
-        $[33] = t6;
-        $[34] = t7;
-        $[35] = t8;
+        $[31] = t5;
+        $[32] = t6;
+        $[33] = t7;
+        $[34] = t8;
     } else {
-        t8 = $[35];
+        t8 = $[34];
     }
     var t9;
-    if ($[36] !== laterRunSteps_0) {
-        t9 = /* @__PURE__ */ _jsx47(RunSteps, {
+    if ($[35] !== laterRunSteps_0) {
+        t9 = /* @__PURE__ */ _jsx48(RunSteps, {
             runSteps: laterRunSteps_0
         });
-        $[36] = laterRunSteps_0;
-        $[37] = t9;
+        $[35] = laterRunSteps_0;
+        $[36] = t9;
     } else {
-        t9 = $[37];
+        t9 = $[36];
     }
     var t10;
-    if ($[38] !== isInProgress || $[39] !== laterRunSteps_0) {
-        t10 = isInProgress && !isEmpty2(laterRunSteps_0) && /* @__PURE__ */ _jsx47(Box9, {
-            children: /* @__PURE__ */ _jsx47(StartingContentSkeleton, {})
+    if ($[37] !== isInProgress || $[38] !== laterRunSteps_0) {
+        t10 = isInProgress && !isEmpty2(laterRunSteps_0) && /* @__PURE__ */ _jsx48(Box9, {
+            children: /* @__PURE__ */ _jsx48(StartingContentSkeleton, {})
         });
-        $[38] = isInProgress;
-        $[39] = laterRunSteps_0;
-        $[40] = t10;
+        $[37] = isInProgress;
+        $[38] = laterRunSteps_0;
+        $[39] = t10;
     } else {
-        t10 = $[40];
+        t10 = $[39];
     }
     var t11;
-    if ($[41] !== className || $[42] !== style || $[43] !== t10 || $[44] !== t4 || $[45] !== t8 || $[46] !== t9) {
+    if ($[40] !== className || $[41] !== style || $[42] !== t10 || $[43] !== t4 || $[44] !== t8 || $[45] !== t9) {
         t11 = /* @__PURE__ */ _jsxs16(Box9, {
             className: className,
             style: style,
@@ -5128,27 +5138,27 @@ var Message = function(t0) {
                 t10
             ]
         });
-        $[41] = className;
-        $[42] = style;
-        $[43] = t10;
-        $[44] = t4;
-        $[45] = t8;
-        $[46] = t9;
-        $[47] = t11;
+        $[40] = className;
+        $[41] = style;
+        $[42] = t10;
+        $[43] = t4;
+        $[44] = t8;
+        $[45] = t9;
+        $[46] = t11;
     } else {
-        t11 = $[47];
+        t11 = $[46];
     }
     var t12;
-    if ($[48] !== t11 || $[49] !== t3) {
-        t12 = /* @__PURE__ */ _jsx47(Provider, {
+    if ($[47] !== t11 || $[48] !== t3) {
+        t12 = /* @__PURE__ */ _jsx48(Provider, {
             value: t3,
             children: t11
         });
-        $[48] = t11;
-        $[49] = t3;
-        $[50] = t12;
+        $[47] = t11;
+        $[48] = t3;
+        $[49] = t12;
     } else {
-        t12 = $[50];
+        t12 = $[49];
     }
     return t12;
 };
@@ -5161,11 +5171,6 @@ function _temp2(runStep_1) {
 function _temp3(rs) {
     return rs.status === "in_progress";
 }
-function _temp4(content, index) {
-    return /* @__PURE__ */ _jsx47(ContentPart, {
-        content: content
-    }, index);
-}
 // src/components/threads/Thread/Messages/Content/index.tsx
 import { c as _c32 } from "react-compiler-runtime";
 import { useEffect as useEffect3 } from "react";
@@ -5309,13 +5314,13 @@ import { Flex as Flex13, Avatar, Box as Box10, Skeleton as Skeleton2 } from "@ra
 import { c as _c27 } from "react-compiler-runtime";
 import { forwardRef as forwardRef2 } from "react";
 import { Flex as Flex11, Container } from "@radix-ui/themes";
-import { jsx as _jsx48 } from "react/jsx-runtime";
+import { jsx as _jsx49 } from "react/jsx-runtime";
 var MessageGroupBase = /* @__PURE__ */ forwardRef2(function MessageGroupBase2(t0, ref) {
     var $ = _c27(5);
     var children = t0.children;
     var t1;
     if ($[0] !== children) {
-        t1 = /* @__PURE__ */ _jsx48(Flex11, {
+        t1 = /* @__PURE__ */ _jsx49(Flex11, {
             flexShrink: "0",
             gap: "3",
             children: children
@@ -5327,7 +5332,7 @@ var MessageGroupBase = /* @__PURE__ */ forwardRef2(function MessageGroupBase2(t0
     }
     var t2;
     if ($[2] !== ref || $[3] !== t1) {
-        t2 = /* @__PURE__ */ _jsx48(Container, {
+        t2 = /* @__PURE__ */ _jsx49(Container, {
             ref: ref,
             size: "2",
             flexGrow: "0",
@@ -5343,13 +5348,13 @@ var MessageGroupBase = /* @__PURE__ */ forwardRef2(function MessageGroupBase2(t0
 });
 // src/components/messageGroups/MessageGroupBase/Name.tsx
 import { Flex as Flex12, Text as Text6 } from "@radix-ui/themes";
-import { jsx as _jsx49 } from "react/jsx-runtime";
+import { jsx as _jsx50 } from "react/jsx-runtime";
 var Name = function(_ref) {
     var children = _ref.children;
-    return /* @__PURE__ */ _jsx49(Flex12, {
+    return /* @__PURE__ */ _jsx50(Flex12, {
         align: "center",
         height: "var(--space-5)",
-        children: /* @__PURE__ */ _jsx49(Text6, {
+        children: /* @__PURE__ */ _jsx50(Text6, {
             size: "2",
             weight: "bold",
             children: children
@@ -5357,15 +5362,15 @@ var Name = function(_ref) {
     });
 };
 // src/components/skeletons/MessagesSkeleton/index.tsx
-import { jsx as _jsx50, jsxs as _jsxs17 } from "react/jsx-runtime";
+import { jsx as _jsx51, jsxs as _jsxs17 } from "react/jsx-runtime";
 var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_props, ref) {
     var $ = _c28(7);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx50(Skeleton2, {
+        t0 = /* @__PURE__ */ _jsx51(Skeleton2, {
             loading: true,
-            children: /* @__PURE__ */ _jsx50(Avatar, {
-                fallback: /* @__PURE__ */ _jsx50(Flex13, {}),
+            children: /* @__PURE__ */ _jsx51(Avatar, {
+                fallback: /* @__PURE__ */ _jsx51(Flex13, {}),
                 size: "1"
             })
         });
@@ -5375,8 +5380,8 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
     }
     var t1;
     if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ _jsx50(Name, {
-            children: /* @__PURE__ */ _jsx50(Skeleton2, {
+        t1 = /* @__PURE__ */ _jsx51(Name, {
+            children: /* @__PURE__ */ _jsx51(Skeleton2, {
                 loading: true,
                 style: {
                     width: "128px"
@@ -5389,7 +5394,7 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
     }
     var t2;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = /* @__PURE__ */ _jsx50(Skeleton2, {
+        t2 = /* @__PURE__ */ _jsx51(Skeleton2, {
             loading: true,
             style: {
                 width: "256px"
@@ -5401,7 +5406,7 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
     }
     var t3;
     if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = /* @__PURE__ */ _jsx50(Skeleton2, {
+        t3 = /* @__PURE__ */ _jsx51(Skeleton2, {
             loading: true,
             style: {
                 width: "256px",
@@ -5420,7 +5425,7 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
                 t1,
                 t2,
                 t3,
-                /* @__PURE__ */ _jsx50(Skeleton2, {
+                /* @__PURE__ */ _jsx51(Skeleton2, {
                     loading: true,
                     style: {
                         width: "256px",
@@ -5461,13 +5466,13 @@ import { Flex as Flex14 } from "@radix-ui/themes";
 import { createContext as createContext8 } from "react";
 import { Avatar as Avatar2 } from "@radix-ui/themes";
 import { LightningBoltIcon } from "@radix-ui/react-icons";
-import { jsx as _jsx51 } from "react/jsx-runtime";
-var AssistantAvatarContext = /* @__PURE__ */ createContext8(/* @__PURE__ */ _jsx51(Avatar2, {
-    fallback: /* @__PURE__ */ _jsx51(LightningBoltIcon, {}),
+import { jsx as _jsx52 } from "react/jsx-runtime";
+var AssistantAvatarContext = /* @__PURE__ */ createContext8(/* @__PURE__ */ _jsx52(Avatar2, {
+    fallback: /* @__PURE__ */ _jsx52(LightningBoltIcon, {}),
     size: "1"
 }));
 // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
-import { jsx as _jsx52 } from "react/jsx-runtime";
+import { jsx as _jsx53 } from "react/jsx-runtime";
 var AssistantAvatar = function() {
     var $ = _c29(3);
     var AssistantAvatarContextValue = useContext7(AssistantAvatarContext);
@@ -5483,7 +5488,7 @@ var AssistantAvatar = function() {
     }
     var t1;
     if ($[1] !== AssistantAvatarContextValue) {
-        t1 = /* @__PURE__ */ _jsx52(Flex14, {
+        t1 = /* @__PURE__ */ _jsx53(Flex14, {
             flexShrink: "0",
             height: "24px",
             width: "24px",
@@ -5508,13 +5513,13 @@ import { Flex as Flex15 } from "@radix-ui/themes";
 import { createContext as createContext10 } from "react";
 import { Avatar as Avatar3 } from "@radix-ui/themes";
 import { PersonIcon } from "@radix-ui/react-icons";
-import { jsx as _jsx53 } from "react/jsx-runtime";
-var UserAvatarContext = /* @__PURE__ */ createContext10(/* @__PURE__ */ _jsx53(Avatar3, {
-    fallback: /* @__PURE__ */ _jsx53(PersonIcon, {}),
+import { jsx as _jsx54 } from "react/jsx-runtime";
+var UserAvatarContext = /* @__PURE__ */ createContext10(/* @__PURE__ */ _jsx54(Avatar3, {
+    fallback: /* @__PURE__ */ _jsx54(PersonIcon, {}),
     size: "1"
 }));
 // src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
-import { jsx as _jsx54 } from "react/jsx-runtime";
+import { jsx as _jsx55 } from "react/jsx-runtime";
 var UserAvatar = function() {
     var $ = _c30(3);
     var UserAvatarContextValue = useContext8(UserAvatarContext);
@@ -5530,7 +5535,7 @@ var UserAvatar = function() {
     }
     var t1;
     if ($[1] !== UserAvatarContextValue) {
-        t1 = /* @__PURE__ */ _jsx54(Flex15, {
+        t1 = /* @__PURE__ */ _jsx55(Flex15, {
             flexShrink: "0",
             height: "24px",
             width: "24px",
@@ -5546,27 +5551,27 @@ var UserAvatar = function() {
 };
 // src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
 import { Flex as Flex16 } from "@radix-ui/themes";
-import { jsx as _jsx55 } from "react/jsx-runtime";
+import { jsx as _jsx56 } from "react/jsx-runtime";
 var Content5 = function(_ref) {
     var messageGroup = _ref.messageGroup;
-    return /* @__PURE__ */ _jsx55(Flex16, {
+    return /* @__PURE__ */ _jsx56(Flex16, {
         direction: "column-reverse",
         children: messageGroup.messages.map(function(message) {
-            return /* @__PURE__ */ _jsx55(Message, {
+            return /* @__PURE__ */ _jsx56(Message, {
                 message: message
             }, message.id);
         })
     });
 };
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
-import { jsx as _jsx56, jsxs as _jsxs18 } from "react/jsx-runtime";
+import { jsx as _jsx57, jsxs as _jsxs18 } from "react/jsx-runtime";
 var MessageGroup = function(t0) {
     var $ = _c31(12);
     var messageGroup = t0.messageGroup;
     var assistantNameContext = useContext9(AssistantNameContext);
     var t1;
     if ($[0] !== messageGroup.role) {
-        t1 = messageGroup.role === "user" ? /* @__PURE__ */ _jsx56(UserAvatar, {}) : /* @__PURE__ */ _jsx56(AssistantAvatar, {});
+        t1 = messageGroup.role === "user" ? /* @__PURE__ */ _jsx57(UserAvatar, {}) : /* @__PURE__ */ _jsx57(AssistantAvatar, {});
         $[0] = messageGroup.role;
         $[1] = t1;
     } else {
@@ -5575,7 +5580,7 @@ var MessageGroup = function(t0) {
     var t2 = messageGroup.role === "user" ? "You" : assistantNameContext;
     var t3;
     if ($[2] !== t2) {
-        t3 = /* @__PURE__ */ _jsx56(Name, {
+        t3 = /* @__PURE__ */ _jsx57(Name, {
             children: t2
         });
         $[2] = t2;
@@ -5585,7 +5590,7 @@ var MessageGroup = function(t0) {
     }
     var t4;
     if ($[4] !== messageGroup) {
-        t4 = /* @__PURE__ */ _jsx56(Content5, {
+        t4 = /* @__PURE__ */ _jsx57(Content5, {
             messageGroup: messageGroup
         });
         $[4] = messageGroup;
@@ -5625,7 +5630,7 @@ var MessageGroup = function(t0) {
     return t6;
 };
 // src/components/threads/Thread/Messages/Content/index.tsx
-import { jsx as _jsx57, Fragment as _Fragment2 } from "react/jsx-runtime";
+import { jsx as _jsx58, Fragment as _Fragment3 } from "react/jsx-runtime";
 var Content6 = function() {
     var $ = _c32(11);
     var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
@@ -5668,7 +5673,7 @@ var Content6 = function() {
     if (isLoading || isLoadingError) {
         var _t;
         if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-            _t = /* @__PURE__ */ _jsx57(MessagesSkeleton, {});
+            _t = /* @__PURE__ */ _jsx58(MessagesSkeleton, {});
             $[6] = _t;
         } else {
             _t = $[6];
@@ -5677,7 +5682,7 @@ var Content6 = function() {
     }
     var t3;
     if ($[7] !== messageGroups2) {
-        t3 = messageGroups2.map(_temp5);
+        t3 = messageGroups2.map(_temp4);
         $[7] = messageGroups2;
         $[8] = t3;
     } else {
@@ -5685,7 +5690,7 @@ var Content6 = function() {
     }
     var t4;
     if ($[9] !== t3) {
-        t4 = /* @__PURE__ */ _jsx57(_Fragment2, {
+        t4 = /* @__PURE__ */ _jsx58(_Fragment3, {
             children: t3
         });
         $[9] = t3;
@@ -5695,8 +5700,8 @@ var Content6 = function() {
     }
     return t4;
 };
-function _temp5(messageGroup) {
-    return /* @__PURE__ */ _jsx57(MessageGroup, {
+function _temp4(messageGroup) {
+    return /* @__PURE__ */ _jsx58(MessageGroup, {
         messageGroup: messageGroup
     }, messageGroup.id);
 }
@@ -5707,21 +5712,21 @@ import { useMemo as useMemo12 } from "react";
 import { c as _c33 } from "react-compiler-runtime";
 import { useContext as useContext10 } from "react";
 import { Box as Box12 } from "@radix-ui/themes";
-import { jsx as _jsx58, jsxs as _jsxs19 } from "react/jsx-runtime";
+import { jsx as _jsx59, jsxs as _jsxs19 } from "react/jsx-runtime";
 var StartingSkeleton = function(t0) {
     var $ = _c33(7);
     var children = t0.children;
     var assistantNameContext = useContext10(AssistantNameContext);
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ _jsx58(AssistantAvatar, {});
+        t1 = /* @__PURE__ */ _jsx59(AssistantAvatar, {});
         $[0] = t1;
     } else {
         t1 = $[0];
     }
     var t2;
     if ($[1] !== assistantNameContext) {
-        t2 = /* @__PURE__ */ _jsx58(Name, {
+        t2 = /* @__PURE__ */ _jsx59(Name, {
             children: assistantNameContext
         });
         $[1] = assistantNameContext;
@@ -5731,7 +5736,7 @@ var StartingSkeleton = function(t0) {
     }
     var t3;
     if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = /* @__PURE__ */ _jsx58(StartingContentSkeleton, {});
+        t3 = /* @__PURE__ */ _jsx59(StartingContentSkeleton, {});
         $[3] = t3;
     } else {
         t3 = $[3];
@@ -5759,7 +5764,7 @@ var StartingSkeleton = function(t0) {
     return t4;
 };
 // src/components/threads/Thread/Messages/Progress/index.tsx
-import { jsx as _jsx59 } from "react/jsx-runtime";
+import { jsx as _jsx60 } from "react/jsx-runtime";
 var Progress = function() {
     var $ = _c34(1);
     var latestMessage = useLatestMessage().latestMessage;
@@ -5796,7 +5801,7 @@ var Progress = function() {
     }
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ _jsx59(StartingSkeleton, {});
+        t1 = /* @__PURE__ */ _jsx60(StartingSkeleton, {});
         $[0] = t1;
     } else {
         t1 = $[0];
@@ -5857,7 +5862,7 @@ var useInfiniteScroll = function(_ref) {
     };
 };
 // src/components/threads/Thread/Messages/Root/index.tsx
-import { jsx as _jsx60, jsxs as _jsxs20 } from "react/jsx-runtime";
+import { jsx as _jsx61, jsxs as _jsxs20 } from "react/jsx-runtime";
 function ownKeys26(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -5940,7 +5945,7 @@ var Root2 = function(t0) {
     }
     var t4;
     if ($[8] !== hasNextPage || $[9] !== loaderRef) {
-        t4 = hasNextPage && /* @__PURE__ */ _jsx60(Flex17, {
+        t4 = hasNextPage && /* @__PURE__ */ _jsx61(Flex17, {
             ref: loaderRef
         });
         $[8] = hasNextPage;
@@ -5951,7 +5956,7 @@ var Root2 = function(t0) {
     }
     var t5;
     if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-        t5 = /* @__PURE__ */ _jsx60(Flex17, {
+        t5 = /* @__PURE__ */ _jsx61(Flex17, {
             flexShrink: "0",
             flexGrow: "1"
         });
@@ -5986,7 +5991,7 @@ var Root2 = function(t0) {
 };
 // src/components/threads/Thread/Messages/NextPageSkeleton.tsx
 import { c as _c36 } from "react-compiler-runtime";
-import { jsx as _jsx61 } from "react/jsx-runtime";
+import { jsx as _jsx62 } from "react/jsx-runtime";
 var NextPageSkeleton = function() {
     var $ = _c36(1);
     var hasNextPage = useMessages().hasNextPage;
@@ -5995,7 +6000,7 @@ var NextPageSkeleton = function() {
     }
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx61(MessagesSkeleton, {});
+        t0 = /* @__PURE__ */ _jsx62(MessagesSkeleton, {});
         $[0] = t0;
     } else {
         t0 = $[0];
@@ -6003,22 +6008,22 @@ var NextPageSkeleton = function() {
     return t0;
 };
 // src/components/threads/Thread/Messages/index.tsx
-import { jsx as _jsx62, jsxs as _jsxs21 } from "react/jsx-runtime";
+import { jsx as _jsx63, jsxs as _jsxs21 } from "react/jsx-runtime";
 var Messages = function(_ref) {
     var children = _ref.children, className = _ref.className, style = _ref.style;
     return /* @__PURE__ */ _jsxs21(Root2, {
         style: style,
         className: className,
         children: [
-            /* @__PURE__ */ _jsx62(Flex18, {
+            /* @__PURE__ */ _jsx63(Flex18, {
                 flexShrink: "0",
                 height: "var(--space-3)"
             }),
-            /* @__PURE__ */ _jsx62(Progress, {}),
+            /* @__PURE__ */ _jsx63(Progress, {}),
             children,
-            /* @__PURE__ */ _jsx62(Content6, {}),
-            /* @__PURE__ */ _jsx62(NextPageSkeleton, {}),
-            /* @__PURE__ */ _jsx62(Flex18, {
+            /* @__PURE__ */ _jsx63(Content6, {}),
+            /* @__PURE__ */ _jsx63(NextPageSkeleton, {}),
+            /* @__PURE__ */ _jsx63(Flex18, {
                 flexShrink: "0",
                 flexGrow: "1",
                 minHeight: "var(--space-5)"
@@ -6050,7 +6055,7 @@ var useMessageFormContext = function() {
     return useContext11(MessageFormContext);
 };
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
-import { jsx as _jsx63 } from "react/jsx-runtime";
+import { jsx as _jsx64 } from "react/jsx-runtime";
 function ownKeys27(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -6096,7 +6101,7 @@ function _toPrimitive27(t, r) {
 }
 var Root3 = function(_ref) {
     var children = _ref.children, style = _ref.style, className = _ref.className;
-    return /* @__PURE__ */ _jsx63(Flex19, {
+    return /* @__PURE__ */ _jsx64(Flex19, {
         flexShrink: "0",
         align: "end",
         style: style,
@@ -6122,14 +6127,14 @@ var Button3 = function(props) {
         }
         var _t2;
         if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-            _t2 = /* @__PURE__ */ _jsx63(StopIcon, {});
+            _t2 = /* @__PURE__ */ _jsx64(StopIcon, {});
             $[2] = _t2;
         } else {
             _t2 = $[2];
         }
         var _t3;
         if ($[3] !== props || $[4] !== _t) {
-            _t3 = /* @__PURE__ */ _jsx63(IconButton5, _objectSpread27(_objectSpread27({
+            _t3 = /* @__PURE__ */ _jsx64(IconButton5, _objectSpread27(_objectSpread27({
                 type: "button",
                 onClick: _t
             }, props), {}, {
@@ -6146,14 +6151,14 @@ var Button3 = function(props) {
     var t0 = isDisabled || isFileLoading;
     var t1;
     if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ _jsx63(ArrowUpIcon2, {});
+        t1 = /* @__PURE__ */ _jsx64(ArrowUpIcon2, {});
         $[6] = t1;
     } else {
         t1 = $[6];
     }
     var t2;
     if ($[7] !== props || $[8] !== t0) {
-        t2 = /* @__PURE__ */ _jsx63(IconButton5, _objectSpread27(_objectSpread27({
+        t2 = /* @__PURE__ */ _jsx64(IconButton5, _objectSpread27(_objectSpread27({
             type: "submit",
             disabled: t0
         }, props), {}, {
@@ -6168,8 +6173,8 @@ var Button3 = function(props) {
     return t2;
 };
 var Submit = function(props) {
-    return /* @__PURE__ */ _jsx63(Root3, _objectSpread27(_objectSpread27({}, props), {}, {
-        children: /* @__PURE__ */ _jsx63(Button3, {})
+    return /* @__PURE__ */ _jsx64(Root3, _objectSpread27(_objectSpread27({}, props), {}, {
+        children: /* @__PURE__ */ _jsx64(Button3, {})
     }));
 };
 Submit.Root = Root3;
@@ -6190,7 +6195,7 @@ var formOptions = {
 };
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 import { partob } from "radash";
-import { jsx as _jsx64 } from "react/jsx-runtime";
+import { jsx as _jsx65 } from "react/jsx-runtime";
 function ownKeys28(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -6350,7 +6355,7 @@ var Root4 = function(_ref) {
         };
     }();
     var content = watch("content");
-    return /* @__PURE__ */ _jsx64(MessageFormContext.Provider, {
+    return /* @__PURE__ */ _jsx65(MessageFormContext.Provider, {
         value: {
             isDisabled: isDisabled,
             isLoading: isLoading,
@@ -6359,13 +6364,13 @@ var Root4 = function(_ref) {
             isFileLoading: isFileLoading,
             content: content
         },
-        children: /* @__PURE__ */ _jsx64(FormProvider, _objectSpread28(_objectSpread28({}, formProps), {}, {
-            children: /* @__PURE__ */ _jsx64(Box13, {
+        children: /* @__PURE__ */ _jsx65(FormProvider, _objectSpread28(_objectSpread28({}, formProps), {}, {
+            children: /* @__PURE__ */ _jsx65(Box13, {
                 asChild: true,
                 flexShrink: "0",
                 style: style,
                 className: className,
-                children: /* @__PURE__ */ _jsx64("form", {
+                children: /* @__PURE__ */ _jsx65("form", {
                     onSubmit: handleSubmit(onSubmit),
                     children: children
                 })
@@ -6394,7 +6399,7 @@ import { useContext as useContext12, useMemo as useMemo14, useRef as useRef5, us
 import { c as _c38 } from "react-compiler-runtime";
 import { forwardRef as forwardRef4 } from "react";
 import TextareaAutosize from "react-textarea-autosize";
-import { jsx as _jsx65, Fragment as _Fragment3, jsxs as _jsxs22 } from "react/jsx-runtime";
+import { jsx as _jsx66, Fragment as _Fragment4, jsxs as _jsxs22 } from "react/jsx-runtime";
 var _excluded3 = [
     "style",
     "className"
@@ -6483,7 +6488,7 @@ var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
     }
     var t1;
     if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ _jsx65("style", {
+        t1 = /* @__PURE__ */ _jsx66("style", {
             children: ".superinterface-textarea { min-height: inherit; height: 30px; }\n.superinterface-textarea::placeholder { color: var(--gray-a10); }"
         });
         $[4] = t1;
@@ -6518,10 +6523,10 @@ var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
     }
     var t5;
     if ($[9] !== ref || $[10] !== rest || $[11] !== t2 || $[12] !== t4) {
-        t5 = /* @__PURE__ */ _jsxs22(_Fragment3, {
+        t5 = /* @__PURE__ */ _jsxs22(_Fragment4, {
             children: [
                 t1,
-                /* @__PURE__ */ _jsx65(TextareaAutosize, _objectSpread29({
+                /* @__PURE__ */ _jsx66(TextareaAutosize, _objectSpread29({
                     ref: ref,
                     className: t2,
                     style: t4
@@ -6539,7 +6544,7 @@ var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
     return t5;
 });
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-import { jsx as _jsx66 } from "react/jsx-runtime";
+import { jsx as _jsx67 } from "react/jsx-runtime";
 function ownKeys30(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -6585,7 +6590,7 @@ function _toPrimitive30(t, r) {
 }
 var Root5 = function(_ref) {
     var children = _ref.children, style = _ref.style, className = _ref.className;
-    return /* @__PURE__ */ _jsx66(Flex20, {
+    return /* @__PURE__ */ _jsx67(Flex20, {
         flexGrow: "1",
         pt: "4px",
         style: style,
@@ -6618,7 +6623,7 @@ var Input = function(props) {
         isDisabledPrevious,
         textareaProps
     ]);
-    return /* @__PURE__ */ _jsx66(TextareaBase, _objectSpread30(_objectSpread30(_objectSpread30({
+    return /* @__PURE__ */ _jsx67(TextareaBase, _objectSpread30(_objectSpread30(_objectSpread30({
         minRows: 1,
         placeholder: (_props$placeholder = props.placeholder) !== null && _props$placeholder !== void 0 ? _props$placeholder : "Message ".concat(assistantNameContext, "..."),
         disabled: isDisabled,
@@ -6638,8 +6643,8 @@ var Input = function(props) {
     }));
 };
 var Control = function(props) {
-    return /* @__PURE__ */ _jsx66(Root5, _objectSpread30(_objectSpread30({}, props), {}, {
-        children: /* @__PURE__ */ _jsx66(Input, {})
+    return /* @__PURE__ */ _jsx67(Root5, _objectSpread30(_objectSpread30({}, props), {}, {
+        children: /* @__PURE__ */ _jsx67(Input, {})
     }));
 };
 Control.Root = Root5;
@@ -6648,7 +6653,7 @@ Control.Input = Input;
 import { c as _c39 } 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 _jsx67, jsxs as _jsxs23 } from "react/jsx-runtime";
+import { jsx as _jsx68, jsxs as _jsxs23 } from "react/jsx-runtime";
 function ownKeys31(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -6703,7 +6708,7 @@ var Preview = function(props) {
         var _t;
         if ($[3] !== setFiles) {
             _t = function(file) {
-                return /* @__PURE__ */ _jsx67(Card2, {
+                return /* @__PURE__ */ _jsx68(Card2, {
                     variant: "ghost",
                     children: /* @__PURE__ */ _jsxs23(Flex21, {
                         align: "center",
@@ -6717,16 +6722,16 @@ var Preview = function(props) {
                                 minWidth: "0",
                                 maxWidth: "250px",
                                 children: [
-                                    /* @__PURE__ */ _jsx67(Flex21, {
+                                    /* @__PURE__ */ _jsx68(Flex21, {
                                         flexShrink: "0",
-                                        children: /* @__PURE__ */ _jsx67(Spinner2, {
+                                        children: /* @__PURE__ */ _jsx68(Spinner2, {
                                             loading: isOptimistic({
                                                 id: file.id
                                             }),
-                                            children: /* @__PURE__ */ _jsx67(FileIcon2, {})
+                                            children: /* @__PURE__ */ _jsx68(FileIcon2, {})
                                         })
                                     }),
-                                    /* @__PURE__ */ _jsx67(Text7, {
+                                    /* @__PURE__ */ _jsx68(Text7, {
                                         size: "2",
                                         truncate: true,
                                         wrap: "nowrap",
@@ -6734,9 +6739,9 @@ var Preview = function(props) {
                                     })
                                 ]
                             }),
-                            /* @__PURE__ */ _jsx67(Flex21, {
+                            /* @__PURE__ */ _jsx68(Flex21, {
                                 flexShrink: "0",
-                                children: /* @__PURE__ */ _jsx67(IconButton6, {
+                                children: /* @__PURE__ */ _jsx68(IconButton6, {
                                     onClick: function() {
                                         return setFiles(function(prev) {
                                             return prev.filter(function(prevFile) {
@@ -6747,7 +6752,7 @@ var Preview = function(props) {
                                     color: "gray",
                                     variant: "ghost",
                                     size: "1",
-                                    children: /* @__PURE__ */ _jsx67(Cross2Icon, {})
+                                    children: /* @__PURE__ */ _jsx68(Cross2Icon, {})
                                 })
                             })
                         ]
@@ -6768,7 +6773,7 @@ var Preview = function(props) {
     }
     var t1;
     if ($[5] !== props || $[6] !== t0) {
-        t1 = /* @__PURE__ */ _jsx67(Flex21, _objectSpread31(_objectSpread31({
+        t1 = /* @__PURE__ */ _jsx68(Flex21, _objectSpread31(_objectSpread31({
             flexBasis: "100%",
             direction: "column",
             pb: "2",
@@ -7031,7 +7036,7 @@ var useCreateFile = function(t0) {
     var t1;
     if ($[0] !== t0) {
         t1 = t0 === void 0 ? {
-            onError: _temp6
+            onError: _temp5
         } : t0;
         $[0] = t0;
         $[1] = t1;
@@ -7100,10 +7105,10 @@ var useCreateFile = function(t0) {
     }
     return t6;
 };
-function _temp6() {}
+function _temp5() {}
 function _temp22() {}
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
-import { jsx as _jsx68, jsxs as _jsxs24 } from "react/jsx-runtime";
+import { jsx as _jsx69, jsxs as _jsxs24 } from "react/jsx-runtime";
 function ownKeys35(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -7384,7 +7389,7 @@ var Control2 = function(props) {
         createFile,
         setFiles
     ]);
-    return /* @__PURE__ */ _jsx68(Flex22, _objectSpread35(_objectSpread35({
+    return /* @__PURE__ */ _jsx69(Flex22, _objectSpread35(_objectSpread35({
         pt: "2",
         pr: "2",
         flexGrow: "0"
@@ -7399,8 +7404,8 @@ var Control2 = function(props) {
                 overflow: "hidden"
             },
             children: [
-                /* @__PURE__ */ _jsx68(FilePlusIcon, {}),
-                /* @__PURE__ */ _jsx68("input", {
+                /* @__PURE__ */ _jsx69(FilePlusIcon, {}),
+                /* @__PURE__ */ _jsx69("input", {
                     type: "file",
                     multiple: true,
                     accept: accept,
@@ -7425,7 +7430,7 @@ var Files = {
     Control: Control2
 };
 // src/components/threads/Thread/MessageForm/Field/index.tsx
-import { jsx as _jsx69 } from "react/jsx-runtime";
+import { jsx as _jsx70 } from "react/jsx-runtime";
 function ownKeys36(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -7473,18 +7478,18 @@ var Root6 = function(_ref) {
     "use no memo";
     var children = _ref.children, className = _ref.className, style = _ref.style;
     var _useFormContext2 = useFormContext2(), errors = _useFormContext2.formState.errors;
-    return /* @__PURE__ */ _jsx69(RadixContainer, {
+    return /* @__PURE__ */ _jsx70(RadixContainer, {
         size: "2",
         flexGrow: "0",
         className: className,
         style: style,
-        children: /* @__PURE__ */ _jsx69(Flex23, {
+        children: /* @__PURE__ */ _jsx70(Flex23, {
             direction: "column",
             flexShrink: "0",
-            children: /* @__PURE__ */ _jsx69(Flex23, {
+            children: /* @__PURE__ */ _jsx70(Flex23, {
                 direction: "column",
                 flexShrink: "0",
-                children: /* @__PURE__ */ _jsx69(Flex23, {
+                children: /* @__PURE__ */ _jsx70(Flex23, {
                     style: _objectSpread36({
                         borderRadius: "var(--radius-2)",
                         borderWidth: "1px",
@@ -7508,7 +7513,7 @@ var Field = {
     Files: Files
 };
 // src/components/threads/Thread/MessageForm/index.tsx
-import { jsx as _jsx70, jsxs as _jsxs25 } from "react/jsx-runtime";
+import { jsx as _jsx71, jsxs as _jsxs25 } from "react/jsx-runtime";
 function ownKeys37(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -7553,11 +7558,11 @@ function _toPrimitive37(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MessageForm = function(props) {
-    return /* @__PURE__ */ _jsx70(Root4, _objectSpread37(_objectSpread37({}, props), {}, {
+    return /* @__PURE__ */ _jsx71(Root4, _objectSpread37(_objectSpread37({}, props), {}, {
         children: /* @__PURE__ */ _jsxs25(Field.Root, {
             children: [
-                /* @__PURE__ */ _jsx70(Field.Control, {}),
-                /* @__PURE__ */ _jsx70(Submit, {})
+                /* @__PURE__ */ _jsx71(Field.Control, {}),
+                /* @__PURE__ */ _jsx71(Submit, {})
             ]
         })
     }));
@@ -7577,25 +7582,25 @@ import * as Toast2 from "@radix-ui/react-toast";
 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 _jsx71, jsxs as _jsxs26 } from "react/jsx-runtime";
+import { jsx as _jsx72, jsxs as _jsxs26 } from "react/jsx-runtime";
 var CustomToast = function(_ref) {
     var toast = _ref.toast;
-    return /* @__PURE__ */ _jsx71(Toast.Root, {
-        children: /* @__PURE__ */ _jsx71(Card3, {
-            children: /* @__PURE__ */ _jsx71(Toast.Title, {
+    return /* @__PURE__ */ _jsx72(Toast.Root, {
+        children: /* @__PURE__ */ _jsx72(Card3, {
+            children: /* @__PURE__ */ _jsx72(Toast.Title, {
                 children: /* @__PURE__ */ _jsxs26(Flex24, {
                     children: [
-                        /* @__PURE__ */ _jsx71(Flex24, {
+                        /* @__PURE__ */ _jsx72(Flex24, {
                             pr: "2",
                             height: "14px",
                             align: "center",
-                            children: toast.type === "success" ? /* @__PURE__ */ _jsx71(CheckCircledIcon2, {
+                            children: toast.type === "success" ? /* @__PURE__ */ _jsx72(CheckCircledIcon2, {
                                 color: "var(--accent-9)"
-                            }) : /* @__PURE__ */ _jsx71(CrossCircledIcon, {
+                            }) : /* @__PURE__ */ _jsx72(CrossCircledIcon, {
                                 color: "var(--red-9)"
                             })
                         }),
-                        /* @__PURE__ */ _jsx71(Text8, {
+                        /* @__PURE__ */ _jsx72(Text8, {
                             weight: "medium",
                             size: "1",
                             children: toast.message
@@ -7607,7 +7612,7 @@ var CustomToast = function(_ref) {
     });
 };
 // src/components/toasts/ToastsProvider/index.tsx
-import { jsx as _jsx72, jsxs as _jsxs27 } from "react/jsx-runtime";
+import { jsx as _jsx73, jsxs as _jsxs27 } from "react/jsx-runtime";
 var ToastsProvider = function(t0) {
     var $ = _c41(15);
     var children = t0.children, t1 = t0.bottom;
@@ -7647,7 +7652,7 @@ var ToastsProvider = function(t0) {
     }
     var t5;
     if ($[4] !== toasts) {
-        t5 = Array.from(toasts).map(_temp7);
+        t5 = Array.from(toasts).map(_temp6);
         $[4] = toasts;
         $[5] = t5;
     } else {
@@ -7655,7 +7660,7 @@ var ToastsProvider = function(t0) {
     }
     var t6;
     if ($[6] !== bottom) {
-        t6 = /* @__PURE__ */ _jsx72(Toast2.Viewport, {
+        t6 = /* @__PURE__ */ _jsx73(Toast2.Viewport, {
             style: {
                 position: "absolute",
                 bottom: bottom,
@@ -7695,7 +7700,7 @@ var ToastsProvider = function(t0) {
     }
     var t8;
     if ($[12] !== t4 || $[13] !== t7) {
-        t8 = /* @__PURE__ */ _jsx72(ToastsContext.Provider, {
+        t8 = /* @__PURE__ */ _jsx73(ToastsContext.Provider, {
             value: t4,
             children: t7
         });
@@ -7707,13 +7712,13 @@ var ToastsProvider = function(t0) {
     }
     return t8;
 };
-function _temp7(toast_0, index) {
-    return /* @__PURE__ */ _jsx72(CustomToast, {
+function _temp6(toast_0, index) {
+    return /* @__PURE__ */ _jsx73(CustomToast, {
         toast: toast_0
     }, index);
 }
 // src/components/threads/Thread/Root/index.tsx
-import { jsx as _jsx73 } from "react/jsx-runtime";
+import { jsx as _jsx74 } from "react/jsx-runtime";
 var _excluded4 = [
     "children",
     "style",
@@ -7782,10 +7787,10 @@ function _objectWithoutPropertiesLoose4(r, e) {
 }
 var Root8 = function(_ref) {
     var children = _ref.children, style = _ref.style, className = _ref.className, rest = _objectWithoutProperties4(_ref, _excluded4);
-    return /* @__PURE__ */ _jsx73(ToastsProvider, {
+    return /* @__PURE__ */ _jsx74(ToastsProvider, {
         bottom: "var(--space-9)",
-        children: /* @__PURE__ */ _jsx73(Provider2, _objectSpread38(_objectSpread38({}, rest), {}, {
-            children: /* @__PURE__ */ _jsx73(Flex25, {
+        children: /* @__PURE__ */ _jsx74(Provider2, _objectSpread38(_objectSpread38({}, rest), {}, {
+            children: /* @__PURE__ */ _jsx74(Flex25, {
                 direction: "column",
                 flexGrow: "1",
                 className: className,
@@ -7796,7 +7801,7 @@ var Root8 = function(_ref) {
     });
 };
 // src/components/threads/Thread/index.tsx
-import { jsx as _jsx74, jsxs as _jsxs28 } from "react/jsx-runtime";
+import { jsx as _jsx75, jsxs as _jsxs28 } from "react/jsx-runtime";
 function ownKeys39(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -7843,8 +7848,8 @@ function _toPrimitive39(t, r) {
 var Thread = function(props) {
     return /* @__PURE__ */ _jsxs28(Root8, _objectSpread39(_objectSpread39({}, props), {}, {
         children: [
-            /* @__PURE__ */ _jsx74(Messages, {}),
-            /* @__PURE__ */ _jsx74(MessageForm, {})
+            /* @__PURE__ */ _jsx75(Messages, {}),
+            /* @__PURE__ */ _jsx75(MessageForm, {})
         ]
     }));
 };
@@ -8054,7 +8059,7 @@ var useThreadDialogContext = function() {
     return useContext14(ThreadDialogContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
-import { jsx as _jsx75 } from "react/jsx-runtime";
+import { jsx as _jsx76 } from "react/jsx-runtime";
 var Provider4 = function(t0) {
     var $ = _c43(5);
     var children = t0.children;
@@ -8073,7 +8078,7 @@ var Provider4 = function(t0) {
     }
     var t2;
     if ($[2] !== children || $[3] !== t1) {
-        t2 = /* @__PURE__ */ _jsx75(ThreadDialogContext.Provider, {
+        t2 = /* @__PURE__ */ _jsx76(ThreadDialogContext.Provider, {
             value: t1,
             children: children
         });
@@ -8086,10 +8091,10 @@ var Provider4 = function(t0) {
     return t2;
 };
 // src/components/threads/ThreadDialog/Root/index.tsx
-import { jsx as _jsx76 } from "react/jsx-runtime";
+import { jsx as _jsx77 } from "react/jsx-runtime";
 var Root9 = function(_ref) {
     var children = _ref.children;
-    return /* @__PURE__ */ _jsx76(Provider4, {
+    return /* @__PURE__ */ _jsx77(Provider4, {
         children: children
     });
 };
@@ -8099,7 +8104,7 @@ import { Flex as Flex26 } from "@radix-ui/themes";
 // src/components/threads/ThreadDialog/Trigger/Button.tsx
 import { IconButton as IconButton8 } from "@radix-ui/themes";
 import { ChatBubbleIcon } from "@radix-ui/react-icons";
-import { jsx as _jsx77 } from "react/jsx-runtime";
+import { jsx as _jsx78 } from "react/jsx-runtime";
 function ownKeys41(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -8144,15 +8149,15 @@ function _toPrimitive41(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Button4 = function(props) {
-    return /* @__PURE__ */ _jsx77(IconButton8, _objectSpread41(_objectSpread41({
+    return /* @__PURE__ */ _jsx78(IconButton8, _objectSpread41(_objectSpread41({
         size: "4",
         radius: "full"
     }, props), {}, {
-        children: /* @__PURE__ */ _jsx77(ChatBubbleIcon, {})
+        children: /* @__PURE__ */ _jsx78(ChatBubbleIcon, {})
     }));
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-import { jsx as _jsx78 } from "react/jsx-runtime";
+import { jsx as _jsx79 } from "react/jsx-runtime";
 function ownKeys42(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -8215,7 +8220,7 @@ var Root10 = function(t0) {
     var t3;
     if ($[2] !== setIsOpen) {
         t3 = function() {
-            return setIsOpen(_temp8);
+            return setIsOpen(_temp7);
         };
         $[2] = setIsOpen;
         $[3] = t3;
@@ -8242,7 +8247,7 @@ var Root10 = function(t0) {
     }
     var t6;
     if ($[8] !== children || $[9] !== className || $[10] !== t2 || $[11] !== t3 || $[12] !== t5) {
-        t6 = /* @__PURE__ */ _jsx78(Flex26, {
+        t6 = /* @__PURE__ */ _jsx79(Flex26, {
             display: t2,
             onClick: t3,
             direction: "column",
@@ -8268,13 +8273,13 @@ var Root10 = function(t0) {
     return t6;
 };
 var Trigger = function(args) {
-    return /* @__PURE__ */ _jsx78(Root10, _objectSpread42(_objectSpread42({}, args), {}, {
-        children: /* @__PURE__ */ _jsx78(Button4, {})
+    return /* @__PURE__ */ _jsx79(Root10, _objectSpread42(_objectSpread42({}, args), {}, {
+        children: /* @__PURE__ */ _jsx79(Button4, {})
     }));
 };
 Trigger.Root = Root10;
 Trigger.Button = Button4;
-function _temp8(prev) {
+function _temp7(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
@@ -8284,7 +8289,7 @@ import { Card as Card4, Inset as Inset2, Flex as Flex28 } from "@radix-ui/themes
 import { c as _c45 } 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 _jsx79 } from "react/jsx-runtime";
+import { jsx as _jsx80 } from "react/jsx-runtime";
 var Close = function() {
     var $ = _c45(9);
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
@@ -8303,7 +8308,7 @@ var Close = function() {
     var t2;
     if ($[2] !== setIsOpen) {
         t2 = function() {
-            return setIsOpen(_temp9);
+            return setIsOpen(_temp8);
         };
         $[2] = setIsOpen;
         $[3] = t2;
@@ -8321,10 +8326,10 @@ var Close = function() {
     }
     var t4;
     if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = /* @__PURE__ */ _jsx79(IconButton9, {
+        t4 = /* @__PURE__ */ _jsx80(IconButton9, {
             size: "2",
             variant: "soft",
-            children: /* @__PURE__ */ _jsx79(Cross1Icon, {})
+            children: /* @__PURE__ */ _jsx80(Cross1Icon, {})
         });
         $[5] = t4;
     } else {
@@ -8332,7 +8337,7 @@ var Close = function() {
     }
     var t5;
     if ($[6] !== t1 || $[7] !== t2) {
-        t5 = /* @__PURE__ */ _jsx79(Flex27, {
+        t5 = /* @__PURE__ */ _jsx80(Flex27, {
             display: t1,
             onClick: t2,
             direction: "column",
@@ -8353,11 +8358,11 @@ var Close = function() {
     }
     return t5;
 };
-function _temp9(prev) {
+function _temp8(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
-import { jsx as _jsx80, jsxs as _jsxs29 } from "react/jsx-runtime";
+import { jsx as _jsx81, jsxs as _jsxs29 } from "react/jsx-runtime";
 function ownKeys43(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -8489,7 +8494,7 @@ var Root11 = function(t0) {
     }
     var t10;
     if ($[10] !== children) {
-        t10 = /* @__PURE__ */ _jsx80(Inset2, {
+        t10 = /* @__PURE__ */ _jsx81(Inset2, {
             clip: "padding-box",
             side: "all",
             pb: "current",
@@ -8503,7 +8508,7 @@ var Root11 = function(t0) {
     }
     var t11;
     if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-        t11 = /* @__PURE__ */ _jsx80(Close, {});
+        t11 = /* @__PURE__ */ _jsx81(Close, {});
         $[12] = t11;
     } else {
         t11 = $[12];
@@ -8525,7 +8530,7 @@ var Root11 = function(t0) {
     }
     var t13;
     if ($[15] !== className || $[16] !== t12 || $[17] !== t6) {
-        t13 = /* @__PURE__ */ _jsx80(Flex28, {
+        t13 = /* @__PURE__ */ _jsx81(Flex28, {
             className: className,
             direction: "column",
             justify: "end",
@@ -8550,7 +8555,7 @@ var Root11 = function(t0) {
 };
 var Messages2 = function(_ref) {
     var className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ _jsx80(Thread.Messages, {
+    return /* @__PURE__ */ _jsx81(Thread.Messages, {
         className: className,
         style: _objectSpread43({
             paddingTop: "var(--space-5)",
@@ -8561,7 +8566,7 @@ var Messages2 = function(_ref) {
 };
 var FormContainer = function(_ref2) {
     var children = _ref2.children, className = _ref2.className, style = _ref2.style;
-    return /* @__PURE__ */ _jsx80(Flex28, {
+    return /* @__PURE__ */ _jsx81(Flex28, {
         direction: "column",
         pl: "5",
         pr: "5",
@@ -8573,12 +8578,12 @@ var FormContainer = function(_ref2) {
     });
 };
 var Content7 = function(props) {
-    return /* @__PURE__ */ _jsx80(Root11, _objectSpread43(_objectSpread43({}, props), {}, {
+    return /* @__PURE__ */ _jsx81(Root11, _objectSpread43(_objectSpread43({}, props), {}, {
         children: /* @__PURE__ */ _jsxs29(Thread.Root, {
             children: [
-                /* @__PURE__ */ _jsx80(Messages2, {}),
-                /* @__PURE__ */ _jsx80(FormContainer, {
-                    children: /* @__PURE__ */ _jsx80(Thread.MessageForm, {})
+                /* @__PURE__ */ _jsx81(Messages2, {}),
+                /* @__PURE__ */ _jsx81(FormContainer, {
+                    children: /* @__PURE__ */ _jsx81(Thread.MessageForm, {})
                 })
             ]
         })
@@ -8588,12 +8593,12 @@ Content7.Root = Root11;
 Content7.Messages = Messages2;
 Content7.FormContainer = FormContainer;
 // src/components/threads/ThreadDialog/index.tsx
-import { jsx as _jsx81, jsxs as _jsxs30 } from "react/jsx-runtime";
+import { jsx as _jsx82, jsxs as _jsxs30 } from "react/jsx-runtime";
 var ThreadDialog = function() {
     return /* @__PURE__ */ _jsxs30(Root9, {
         children: [
-            /* @__PURE__ */ _jsx81(Content7, {}),
-            /* @__PURE__ */ _jsx81(Trigger, {})
+            /* @__PURE__ */ _jsx82(Content7, {}),
+            /* @__PURE__ */ _jsx82(Trigger, {})
         ]
     });
 };
@@ -8696,7 +8701,7 @@ import { c as _c48 } from "react-compiler-runtime";
 import { useEffect as useEffect8, useRef as useRef6 } from "react";
 var useInterval = function(callback, delay) {
     var $ = _c48(5);
-    var savedCallback = useRef6(_temp10);
+    var savedCallback = useRef6(_temp9);
     var t0;
     if ($[0] !== callback) {
         t0 = function() {
@@ -8733,7 +8738,7 @@ var useInterval = function(callback, delay) {
     }
     useEffect8(t1, t2);
 };
-function _temp10() {}
+function _temp9() {}
 // src/hooks/audioThreads/useRecorder/index.ts
 function ownKeys44(e, r) {
     var t = Object.keys(e);
@@ -9282,7 +9287,7 @@ var useMessageAudio = function(t0) {
     } else {
         t8 = $[37];
     }
-    useEffect10(_temp11, t8);
+    useEffect10(_temp10, t8);
     var _useState94 = _sliced_to_array(useState9(null), 2), audioEngine = _useState94[0], setAudioEngine = _useState94[1];
     var isAudioEngineInited = useRef8(false);
     var t9;
@@ -9366,7 +9371,7 @@ var useMessageAudio = function(t0) {
     }
     return t13;
 };
-function _temp11() {
+function _temp10() {
     if (isHtmlAudioSupported) {
         var _Howler$_howls$;
         if (!(Howler !== null && Howler !== void 0 && (_Howler$_howls$ = Howler._howls[0]) !== null && _Howler$_howls$ !== void 0 && (_Howler$_howls$ = _Howler$_howls$._sounds[0]) !== null && _Howler$_howls$ !== void 0 && _Howler$_howls$._node)) {
@@ -9441,7 +9446,7 @@ var useTtsAudioRuntime = function(t0) {
     if ($[1] !== createMessageProps) {
         t2 = {
             isStopOnSilence: true,
-            onStart: _temp12,
+            onStart: _temp11,
             onStop: function() {
                 var _onStop = _asyncToGenerator11(function(_event, chunks) {
                     var blob, audioContent;
@@ -9584,7 +9589,7 @@ var useTtsAudioRuntime = function(t0) {
     t5 = t14;
     return t5;
 };
-function _temp12() {
+function _temp11() {
     return _temp23.apply(this, arguments);
 }
 function _temp23() {
@@ -9598,7 +9603,7 @@ function _temp23() {
     return _temp23.apply(this, arguments);
 }
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
-import { jsx as _jsx82 } from "react/jsx-runtime";
+import { jsx as _jsx83 } from "react/jsx-runtime";
 var TtsAudioRuntimeProvider = function(t0) {
     var $ = _c51(7);
     var children = t0.children, play = t0.play;
@@ -9625,7 +9630,7 @@ var TtsAudioRuntimeProvider = function(t0) {
     }
     var t3;
     if ($[4] !== children || $[5] !== t2) {
-        t3 = /* @__PURE__ */ _jsx82(AudioThreadContext.Provider, {
+        t3 = /* @__PURE__ */ _jsx83(AudioThreadContext.Provider, {
             value: t2,
             children: children
         });
@@ -9638,7 +9643,7 @@ var TtsAudioRuntimeProvider = function(t0) {
     return t3;
 };
 // src/components/threads/AudioThread/Root/index.tsx
-import { jsx as _jsx83 } from "react/jsx-runtime";
+import { jsx as _jsx84 } from "react/jsx-runtime";
 var _excluded5 = [
     "children"
 ];
@@ -9711,7 +9716,7 @@ function _objectWithoutPropertiesLoose5(r, e) {
 }
 var Content8 = function(_ref) {
     var children = _ref.children, className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ _jsx83(Flex29, {
+    return /* @__PURE__ */ _jsx84(Flex29, {
         direction: "column",
         flexGrow: "1",
         p: "9",
@@ -9729,7 +9734,7 @@ var AudioRuntimeProvider = function(t0) {
     }
     var t1;
     if ($[0] !== children || $[1] !== play) {
-        t1 = /* @__PURE__ */ _jsx83(TtsAudioRuntimeProvider, {
+        t1 = /* @__PURE__ */ _jsx84(TtsAudioRuntimeProvider, {
             play: play,
             children: children
         });
@@ -9769,7 +9774,7 @@ var Provider5 = function(t0) {
     }
     var t2;
     if ($[6] !== children || $[7] !== t1) {
-        t2 = /* @__PURE__ */ _jsx83(AudioThreadContext.Provider, {
+        t2 = /* @__PURE__ */ _jsx84(AudioThreadContext.Provider, {
             value: t1,
             children: children
         });
@@ -9783,11 +9788,11 @@ var Provider5 = function(t0) {
 };
 var Root12 = function(_ref2) {
     var children = _ref2.children, play = _ref2.play, className = _ref2.className, style = _ref2.style, rest = _objectWithoutProperties5(_ref2, _excluded22);
-    return /* @__PURE__ */ _jsx83(Provider5, _objectSpread46(_objectSpread46({}, rest), {}, {
-        children: /* @__PURE__ */ _jsx83(AudioRuntimeProvider, {
+    return /* @__PURE__ */ _jsx84(Provider5, _objectSpread46(_objectSpread46({}, rest), {}, {
+        children: /* @__PURE__ */ _jsx84(AudioRuntimeProvider, {
             play: play,
-            children: /* @__PURE__ */ _jsx83(ToastsProvider, {
-                children: /* @__PURE__ */ _jsx83(Content8, {
+            children: /* @__PURE__ */ _jsx84(ToastsProvider, {
+                children: /* @__PURE__ */ _jsx84(Content8, {
                     className: className,
                     style: style,
                     children: children
@@ -9805,7 +9810,7 @@ import _8 from "lodash";
 import { Flex as Flex30, Grid } from "@radix-ui/themes";
 import { useState as useState10, useEffect as useEffect11, useCallback as useCallback7 } from "react";
 import { cluster } from "radash";
-import { jsx as _jsx84 } from "react/jsx-runtime";
+import { jsx as _jsx85 } from "react/jsx-runtime";
 var barCount = 4;
 var BarsVisualizer = function(_ref) {
     var visualizationAnalyser = _ref.visualizationAnalyser, backgroundColor = _ref.backgroundColor, height = _ref.height, barWidth = _ref.barWidth;
@@ -9836,7 +9841,7 @@ var BarsVisualizer = function(_ref) {
         draw,
         visualizationAnalyser
     ]);
-    return /* @__PURE__ */ _jsx84(Grid, {
+    return /* @__PURE__ */ _jsx85(Grid, {
         columns: "".concat(barCount),
         gap: "1",
         width: "auto",
@@ -9845,12 +9850,12 @@ var BarsVisualizer = function(_ref) {
             gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
         },
         children: barHeights.map(function(barHeight, index) {
-            return /* @__PURE__ */ _jsx84(Flex30, {
+            return /* @__PURE__ */ _jsx85(Flex30, {
                 direction: "column",
                 align: "center",
                 justify: "center",
                 height: height,
-                children: /* @__PURE__ */ _jsx84(Flex30, {
+                children: /* @__PURE__ */ _jsx85(Flex30, {
                     minHeight: "50%",
                     maxHeight: "100%",
                     height: "".concat(barHeight + 20, "%"),
@@ -9916,7 +9921,7 @@ var useStatus = function() {
     return t1;
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-import { jsx as _jsx85, jsxs as _jsxs31 } from "react/jsx-runtime";
+import { jsx as _jsx86, jsxs as _jsxs31 } from "react/jsx-runtime";
 function ownKeys47(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -9996,7 +10001,7 @@ var Visualization = function(props) {
         flexGrow: "1"
     }, props), {}, {
         children: [
-            /* @__PURE__ */ _jsx85(Flex31, {
+            /* @__PURE__ */ _jsx86(Flex31, {
                 align: "center",
                 justify: "center",
                 height: "200px",
@@ -10006,7 +10011,7 @@ var Visualization = function(props) {
                     borderRadius: "9999px",
                     scale: scale
                 },
-                children: /* @__PURE__ */ _jsx85(BarsVisualizer, {
+                children: /* @__PURE__ */ _jsx86(BarsVisualizer, {
                     visualizationAnalyser: audioThreadContext.audioRuntime.assistant.visualizationAnalyser,
                     backgroundColor: status === "playing" ? "var(--accent-11)" : "var(--gray-11)",
                     height: "40px",
@@ -10018,8 +10023,8 @@ var Visualization = function(props) {
                 gap: "3",
                 pt: "5",
                 children: [
-                    /* @__PURE__ */ _jsx85(AssistantAvatar, {}),
-                    /* @__PURE__ */ _jsx85(Name, {
+                    /* @__PURE__ */ _jsx86(AssistantAvatar, {}),
+                    /* @__PURE__ */ _jsx86(Name, {
                         children: assistantNameContext
                     })
                 ]
@@ -10031,7 +10036,7 @@ var Visualization = function(props) {
 import { c as _c54 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
 import { Flex as Flex32, Text as Text9 } from "@radix-ui/themes";
-import { jsx as _jsx86, jsxs as _jsxs32 } from "react/jsx-runtime";
+import { jsx as _jsx87, 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) {
@@ -10046,13 +10051,13 @@ var StatusMessages = function(_ref2) {
         className: className,
         style: style,
         children: [
-            /* @__PURE__ */ _jsx86(Text9, {
+            /* @__PURE__ */ _jsx87(Text9, {
                 size: "2",
                 weight: "regular",
                 color: "gray",
                 className: "status-messages-texts"
             }),
-            /* @__PURE__ */ _jsx86("style", {
+            /* @__PURE__ */ _jsx87("style", {
                 dangerouslySetInnerHTML: {
                     __html: html({
                         texts: texts
@@ -10063,7 +10068,7 @@ var StatusMessages = function(_ref2) {
     });
 };
 // src/components/threads/AudioThread/Status/index.tsx
-import { jsx as _jsx87 } from "react/jsx-runtime";
+import { jsx as _jsx88 } from "react/jsx-runtime";
 function ownKeys48(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10125,7 +10130,7 @@ var Status = function(props) {
         }
         var _t2;
         if ($[1] !== props) {
-            _t2 = /* @__PURE__ */ _jsx87(StatusMessages, _objectSpread48({
+            _t2 = /* @__PURE__ */ _jsx88(StatusMessages, _objectSpread48({
                 texts: _t
             }, props));
             $[1] = props;
@@ -10151,7 +10156,7 @@ var Status = function(props) {
         }
         var _t4;
         if ($[4] !== props) {
-            _t4 = /* @__PURE__ */ _jsx87(StatusMessages, _objectSpread48({
+            _t4 = /* @__PURE__ */ _jsx88(StatusMessages, _objectSpread48({
                 texts: _t3
             }, props));
             $[4] = props;
@@ -10173,7 +10178,7 @@ var Status = function(props) {
         }
         var _t6;
         if ($[7] !== props) {
-            _t6 = /* @__PURE__ */ _jsx87(StatusMessages, _objectSpread48({
+            _t6 = /* @__PURE__ */ _jsx88(StatusMessages, _objectSpread48({
                 texts: _t5
             }, props));
             $[7] = props;
@@ -10194,7 +10199,7 @@ var Status = function(props) {
     }
     var t1;
     if ($[10] !== props) {
-        t1 = /* @__PURE__ */ _jsx87(StatusMessages, _objectSpread48({
+        t1 = /* @__PURE__ */ _jsx88(StatusMessages, _objectSpread48({
             texts: t0
         }, props));
         $[10] = props;
@@ -10208,7 +10213,7 @@ var Status = function(props) {
 import { c as _c56 } from "react-compiler-runtime";
 import { Flex as Flex34 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/Form/MicIcon.tsx
-import { jsx as _jsx88 } from "react/jsx-runtime";
+import { jsx as _jsx89 } from "react/jsx-runtime";
 function ownKeys49(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10253,7 +10258,7 @@ function _toPrimitive49(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MicIcon = function(props) {
-    return /* @__PURE__ */ _jsx88("svg", _objectSpread49(_objectSpread49({
+    return /* @__PURE__ */ _jsx89("svg", _objectSpread49(_objectSpread49({
         xmlns: "http://www.w3.org/2000/svg",
         fill: "currentColor",
         stroke: "currentColor",
@@ -10262,7 +10267,7 @@ var MicIcon = function(props) {
         height: "15",
         width: "15"
     }, props), {}, {
-        children: /* @__PURE__ */ _jsx88("path", {
+        children: /* @__PURE__ */ _jsx89("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"
         })
@@ -10272,7 +10277,7 @@ var MicIcon = function(props) {
 import { c as _c55 } 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 _jsx89, jsxs as _jsxs33 } from "react/jsx-runtime";
+import { jsx as _jsx90, jsxs as _jsxs33 } from "react/jsx-runtime";
 var ActionButton = function() {
     var $ = _c55(27);
     var status = useStatus().status;
@@ -10281,17 +10286,17 @@ var ActionButton = function() {
     if (status === "recording") {
         var _t;
         if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-            _t = /* @__PURE__ */ _jsx89(PauseIcon2, {});
+            _t = /* @__PURE__ */ _jsx90(PauseIcon2, {});
             $[0] = _t;
         } else {
             _t = $[0];
         }
         var t1;
         if ($[1] !== audioThreadContext.audioRuntime.user.pause) {
-            t1 = /* @__PURE__ */ _jsx89(Flex33, {
+            t1 = /* @__PURE__ */ _jsx90(Flex33, {
                 mr: "3",
                 ml: "-7",
-                children: /* @__PURE__ */ _jsx89(IconButton10, {
+                children: /* @__PURE__ */ _jsx90(IconButton10, {
                     onClick: audioThreadContext.audioRuntime.user.pause,
                     color: "gray",
                     variant: "soft",
@@ -10306,14 +10311,14 @@ var ActionButton = function() {
         }
         var t2;
         if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-            t2 = /* @__PURE__ */ _jsx89(ArrowUpIcon3, {});
+            t2 = /* @__PURE__ */ _jsx90(ArrowUpIcon3, {});
             $[3] = t2;
         } else {
             t2 = $[3];
         }
         var t3;
         if ($[4] !== audioThreadContext.audioRuntime.user.stop) {
-            t3 = /* @__PURE__ */ _jsx89(IconButton10, {
+            t3 = /* @__PURE__ */ _jsx90(IconButton10, {
                 onClick: audioThreadContext.audioRuntime.user.stop,
                 highContrast: true,
                 variant: "soft",
@@ -10345,14 +10350,14 @@ var ActionButton = function() {
     if (status === "recorderPaused") {
         var _t2;
         if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-            _t2 = /* @__PURE__ */ _jsx89(ResumeIcon, {});
+            _t2 = /* @__PURE__ */ _jsx90(ResumeIcon, {});
             $[9] = _t2;
         } else {
             _t2 = $[9];
         }
         var _t3;
         if ($[10] !== audioThreadContext.audioRuntime.user.resume) {
-            _t3 = /* @__PURE__ */ _jsx89(IconButton10, {
+            _t3 = /* @__PURE__ */ _jsx90(IconButton10, {
                 onClick: audioThreadContext.audioRuntime.user.resume,
                 color: "red",
                 size: "4",
@@ -10368,7 +10373,7 @@ var ActionButton = function() {
     if (status === "idle") {
         var _t4;
         if ($[12] !== audioThreadContext.audioRuntime.user) {
-            _t4 = /* @__PURE__ */ _jsx89(IconButton10, {
+            _t4 = /* @__PURE__ */ _jsx90(IconButton10, {
                 onClick: function() {
                     return audioThreadContext.audioRuntime.user.start();
                 },
@@ -10400,14 +10405,14 @@ var ActionButton = function() {
         }
         var _t6;
         if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-            _t6 = /* @__PURE__ */ _jsx89(StopIcon2, {});
+            _t6 = /* @__PURE__ */ _jsx90(StopIcon2, {});
             $[18] = _t6;
         } else {
             _t6 = $[18];
         }
         var _t7;
         if ($[19] !== _t5) {
-            _t7 = /* @__PURE__ */ _jsx89(IconButton10, {
+            _t7 = /* @__PURE__ */ _jsx90(IconButton10, {
                 onClick: _t5,
                 size: "4",
                 color: "gray",
@@ -10434,14 +10439,14 @@ var ActionButton = function() {
         }
         var _t9;
         if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-            _t9 = /* @__PURE__ */ _jsx89(ResumeIcon, {});
+            _t9 = /* @__PURE__ */ _jsx90(ResumeIcon, {});
             $[23] = _t9;
         } else {
             _t9 = $[23];
         }
         var _t10;
         if ($[24] !== _t8) {
-            _t10 = /* @__PURE__ */ _jsx89(IconButton10, {
+            _t10 = /* @__PURE__ */ _jsx90(IconButton10, {
                 onClick: _t8,
                 size: "4",
                 children: _t9
@@ -10455,7 +10460,7 @@ var ActionButton = function() {
     }
     var t0;
     if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx89(IconButton10, {
+        t0 = /* @__PURE__ */ _jsx90(IconButton10, {
             size: "4",
             variant: "soft",
             disabled: true
@@ -10467,7 +10472,7 @@ var ActionButton = function() {
     return t0;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-import { jsx as _jsx90, jsxs as _jsxs34 } from "react/jsx-runtime";
+import { jsx as _jsx91, jsxs as _jsxs34 } from "react/jsx-runtime";
 function ownKeys50(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10518,11 +10523,11 @@ var Form = function(props) {
     var t0 = status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
     var t1;
     if ($[0] !== t0) {
-        t1 = /* @__PURE__ */ _jsx90(Flex34, {
+        t1 = /* @__PURE__ */ _jsx91(Flex34, {
             ml: "-22.5px",
             mr: "2",
             align: "center",
-            children: /* @__PURE__ */ _jsx90(MicIcon, {
+            children: /* @__PURE__ */ _jsx91(MicIcon, {
                 style: {
                     color: t0
                 }
@@ -10548,7 +10553,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__ */ _jsx90(BarsVisualizer, {
+        t5 = /* @__PURE__ */ _jsx91(BarsVisualizer, {
             visualizationAnalyser: audioThreadContext.audioRuntime.user.visualizationAnalyser,
             backgroundColor: t4,
             height: "20px",
@@ -10562,7 +10567,7 @@ var Form = function(props) {
     }
     var t6;
     if ($[7] !== t3 || $[8] !== t5) {
-        t6 = /* @__PURE__ */ _jsx90(Flex34, {
+        t6 = /* @__PURE__ */ _jsx91(Flex34, {
             px: "2",
             py: "1",
             style: t3,
@@ -10592,7 +10597,7 @@ var Form = function(props) {
     }
     var t8;
     if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-        t8 = /* @__PURE__ */ _jsx90(ActionButton, {});
+        t8 = /* @__PURE__ */ _jsx91(ActionButton, {});
         $[13] = t8;
     } else {
         t8 = $[13];
@@ -10617,7 +10622,7 @@ var Form = function(props) {
     return t9;
 };
 // src/components/threads/AudioThread/index.tsx
-import { jsx as _jsx91, jsxs as _jsxs35 } from "react/jsx-runtime";
+import { jsx as _jsx92, jsxs as _jsxs35 } from "react/jsx-runtime";
 function ownKeys51(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10664,9 +10669,9 @@ function _toPrimitive51(t, r) {
 var AudioThread = function(props) {
     return /* @__PURE__ */ _jsxs35(Root12, _objectSpread51(_objectSpread51({}, props), {}, {
         children: [
-            /* @__PURE__ */ _jsx91(Visualization, {}),
-            /* @__PURE__ */ _jsx91(Status, {}),
-            /* @__PURE__ */ _jsx91(Form, {})
+            /* @__PURE__ */ _jsx92(Visualization, {}),
+            /* @__PURE__ */ _jsx92(Status, {}),
+            /* @__PURE__ */ _jsx92(Form, {})
         ]
     }));
 };
@@ -10675,7 +10680,7 @@ AudioThread.Visualization = Visualization;
 AudioThread.Status = Status;
 AudioThread.Form = Form;
 // src/components/threads/AudioThreadDialog/index.tsx
-import { jsx as _jsx92, jsxs as _jsxs36 } from "react/jsx-runtime";
+import { jsx as _jsx93, jsxs as _jsxs36 } from "react/jsx-runtime";
 function ownKeys52(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10722,10 +10727,10 @@ function _toPrimitive52(t, r) {
 var AudioThreadDialog = function(props) {
     return /* @__PURE__ */ _jsxs36(Root9, _objectSpread52(_objectSpread52({}, props), {}, {
         children: [
-            /* @__PURE__ */ _jsx92(Content7.Root, {
-                children: /* @__PURE__ */ _jsx92(AudioThread, {})
+            /* @__PURE__ */ _jsx93(Content7.Root, {
+                children: /* @__PURE__ */ _jsx93(AudioThread, {})
             }),
-            /* @__PURE__ */ _jsx92(Trigger, {})
+            /* @__PURE__ */ _jsx93(Trigger, {})
         ]
     }));
 };
@@ -11202,7 +11207,7 @@ var useWebrtcAudioRuntime = function() {
 };
 // src/components/audioRuntimes/WebrtcAudioRuntimeProvider.tsx
 import { c as _c57 } from "react-compiler-runtime";
-import { jsx as _jsx93 } from "react/jsx-runtime";
+import { jsx as _jsx94 } from "react/jsx-runtime";
 var WebrtcAudioRuntimeProvider = function(t0) {
     var $ = _c57(5);
     var children = t0.children;
@@ -11219,7 +11224,7 @@ var WebrtcAudioRuntimeProvider = function(t0) {
     }
     var t2;
     if ($[2] !== children || $[3] !== t1) {
-        t2 = /* @__PURE__ */ _jsx93(AudioThreadContext.Provider, {
+        t2 = /* @__PURE__ */ _jsx94(AudioThreadContext.Provider, {
             value: t1,
             children: children
         });
@@ -11234,7 +11239,7 @@ var WebrtcAudioRuntimeProvider = function(t0) {
 // src/components/markdown/MarkdownProvider/index.tsx
 import { c as _c58 } from "react-compiler-runtime";
 import { useMemo as useMemo21 } from "react";
-import { jsx as _jsx94 } from "react/jsx-runtime";
+import { jsx as _jsx95 } from "react/jsx-runtime";
 var _excluded6 = [
     "children"
 ];
@@ -11287,7 +11292,7 @@ var MarkdownProvider = function(t0) {
     var value = t1;
     var t3;
     if ($[6] !== children || $[7] !== value) {
-        t3 = /* @__PURE__ */ _jsx94(MarkdownContext.Provider, {
+        t3 = /* @__PURE__ */ _jsx95(MarkdownContext.Provider, {
             value: value,
             children: children
         });
@@ -11309,7 +11314,7 @@ import { Dialog, VisuallyHidden, IconButton as IconButton11 } from "@radix-ui/th
 // src/components/annotations/SourceAnnotation/FileCitation/Content.tsx
 import { c as _c59 } from "react-compiler-runtime";
 import { Flex as Flex35, Card as Card5, Inset as Inset3 } from "@radix-ui/themes";
-import { jsx as _jsx95 } from "react/jsx-runtime";
+import { jsx as _jsx96 } from "react/jsx-runtime";
 var Content9 = function(t0) {
     var $ = _c59(5);
     var fileId = t0.fileId;
@@ -11348,18 +11353,18 @@ var Content9 = function(t0) {
     }
     var t5;
     if ($[3] !== t3) {
-        t5 = /* @__PURE__ */ _jsx95(Flex35, {
+        t5 = /* @__PURE__ */ _jsx96(Flex35, {
             direction: "column",
             flexGrow: "1",
             gap: "3",
-            children: /* @__PURE__ */ _jsx95(Card5, {
+            children: /* @__PURE__ */ _jsx96(Card5, {
                 style: t1,
-                children: /* @__PURE__ */ _jsx95(Inset3, {
+                children: /* @__PURE__ */ _jsx96(Inset3, {
                     clip: "padding-box",
                     style: t2,
-                    children: /* @__PURE__ */ _jsx95(Flex35, {
+                    children: /* @__PURE__ */ _jsx96(Flex35, {
                         flexGrow: "1",
-                        children: /* @__PURE__ */ _jsx95("embed", {
+                        children: /* @__PURE__ */ _jsx96("embed", {
                             src: t3,
                             style: t4
                         })
@@ -11375,7 +11380,7 @@ var Content9 = function(t0) {
     return t5;
 };
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-import { jsx as _jsx96, jsxs as _jsxs37, Fragment as _Fragment4 } from "react/jsx-runtime";
+import { jsx as _jsx97, jsxs as _jsxs37, Fragment as _Fragment5 } from "react/jsx-runtime";
 var FileCitation = function(t0) {
     var $ = _c60(18);
     var annotation = t0.annotation;
@@ -11392,14 +11397,14 @@ var FileCitation = function(t0) {
     }
     var t2;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = /* @__PURE__ */ _jsx96(QuoteIcon2, {});
+        t2 = /* @__PURE__ */ _jsx97(QuoteIcon2, {});
         $[2] = t2;
     } else {
         t2 = $[2];
     }
     var t3;
     if ($[3] !== t1) {
-        t3 = /* @__PURE__ */ _jsx96(IconButton11, {
+        t3 = /* @__PURE__ */ _jsx97(IconButton11, {
             variant: "soft",
             color: "gray",
             size: "1",
@@ -11435,9 +11440,9 @@ var FileCitation = function(t0) {
     }
     var t7;
     if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-        t7 = /* @__PURE__ */ _jsx96(VisuallyHidden, {
+        t7 = /* @__PURE__ */ _jsx97(VisuallyHidden, {
             asChild: true,
-            children: /* @__PURE__ */ _jsx96(Dialog.Title, {
+            children: /* @__PURE__ */ _jsx97(Dialog.Title, {
                 children: "Source"
             })
         });
@@ -11447,7 +11452,7 @@ var FileCitation = function(t0) {
     }
     var t8;
     if ($[8] !== activeFileId) {
-        t8 = activeFileId && /* @__PURE__ */ _jsx96(Content9, {
+        t8 = activeFileId && /* @__PURE__ */ _jsx97(Content9, {
             fileId: activeFileId
         });
         $[8] = activeFileId;
@@ -11475,7 +11480,7 @@ var FileCitation = function(t0) {
     }
     var t10;
     if ($[12] !== t4 || $[13] !== t9) {
-        t10 = /* @__PURE__ */ _jsx96(Dialog.Root, {
+        t10 = /* @__PURE__ */ _jsx97(Dialog.Root, {
             open: t4,
             onOpenChange: t5,
             children: t9
@@ -11488,7 +11493,7 @@ var FileCitation = function(t0) {
     }
     var t11;
     if ($[15] !== t10 || $[16] !== t3) {
-        t11 = /* @__PURE__ */ _jsxs37(_Fragment4, {
+        t11 = /* @__PURE__ */ _jsxs37(_Fragment5, {
             children: [
                 t3,
                 t10
@@ -11503,7 +11508,7 @@ var FileCitation = function(t0) {
     return t11;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-import { jsx as _jsx97 } from "react/jsx-runtime";
+import { jsx as _jsx98 } from "react/jsx-runtime";
 var _excluded7 = [
     "children"
 ];
@@ -11554,7 +11559,7 @@ var SourceAnnotation = function(t0) {
     if (annotation.type === "file_citation") {
         var t2;
         if ($[5] !== annotation) {
-            t2 = /* @__PURE__ */ _jsx97(FileCitation, {
+            t2 = /* @__PURE__ */ _jsx98(FileCitation, {
                 annotation: annotation
             });
             $[5] = annotation;
@@ -11567,7 +11572,7 @@ var SourceAnnotation = function(t0) {
         if (annotation.type === "file_path") {
             var _t2;
             if ($[7] !== annotation || $[8] !== children) {
-                _t2 = /* @__PURE__ */ _jsx97(FilePathAnnotation, {
+                _t2 = /* @__PURE__ */ _jsx98(FilePathAnnotation, {
                     annotation: annotation,
                     children: children
                 });
@@ -11660,7 +11665,7 @@ var optimizedSrc = function(_ref) {
     }));
 };
 // src/components/imageAvatars/ImageAvatar/index.tsx
-import { jsx as _jsx98 } from "react/jsx-runtime";
+import { jsx as _jsx99 } from "react/jsx-runtime";
 var ImageAvatar = function(t0) {
     var $ = _c62(9);
     var imageAvatar = t0.imageAvatar, size = t0.size, className = t0.className, style = t0.style;
@@ -11681,7 +11686,7 @@ var ImageAvatar = function(t0) {
     }
     var t2;
     if ($[4] !== className || $[5] !== size || $[6] !== style || $[7] !== t1) {
-        t2 = /* @__PURE__ */ _jsx98(Avatar4, {
+        t2 = /* @__PURE__ */ _jsx99(Avatar4, {
             className: className,
             style: style,
             fallback: "",
@@ -11707,7 +11712,7 @@ 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 _jsx99 } from "react/jsx-runtime";
+import { jsx as _jsx100 } from "react/jsx-runtime";
 var IconAvatar = function(t0) {
     var $ = _c63(7);
     var iconAvatar = t0.iconAvatar, size = t0.size, className = t0.className, style = t0.style;
@@ -11716,7 +11721,7 @@ var IconAvatar = function(t0) {
     var Component2 = t1;
     var t2;
     if ($[0] !== Component2) {
-        t2 = Component2 ? /* @__PURE__ */ _jsx99(Component2, {}) : "";
+        t2 = Component2 ? /* @__PURE__ */ _jsx100(Component2, {}) : "";
         $[0] = Component2;
         $[1] = t2;
     } else {
@@ -11724,7 +11729,7 @@ var IconAvatar = function(t0) {
     }
     var t3;
     if ($[2] !== className || $[3] !== size || $[4] !== style || $[5] !== t2) {
-        t3 = /* @__PURE__ */ _jsx99(Avatar5, {
+        t3 = /* @__PURE__ */ _jsx100(Avatar5, {
             className: className,
             style: style,
             size: size,
@@ -11741,7 +11746,7 @@ var IconAvatar = function(t0) {
     return t3;
 };
 // src/components/avatars/Avatar.tsx
-import { jsx as _jsx100 } from "react/jsx-runtime";
+import { jsx as _jsx101 } from "react/jsx-runtime";
 var Avatar6 = function(t0) {
     var $ = _c64(14);
     var avatar = t0.avatar, t1 = t0.size, className = t0.className, style = t0.style;
@@ -11750,7 +11755,7 @@ var Avatar6 = function(t0) {
         if (avatar.type === AvatarType.IMAGE && avatar.imageAvatar) {
             var _t;
             if ($[0] !== avatar.imageAvatar || $[1] !== className || $[2] !== size || $[3] !== style) {
-                _t = /* @__PURE__ */ _jsx100(ImageAvatar, {
+                _t = /* @__PURE__ */ _jsx101(ImageAvatar, {
                     imageAvatar: avatar.imageAvatar,
                     size: size,
                     className: className,
@@ -11769,7 +11774,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__ */ _jsx100(IconAvatar, {
+                _t2 = /* @__PURE__ */ _jsx101(IconAvatar, {
                     iconAvatar: avatar.iconAvatar,
                     size: size,
                     className: className,
@@ -11788,7 +11793,7 @@ var Avatar6 = function(t0) {
     }
     var t2;
     if ($[10] !== className || $[11] !== size || $[12] !== style) {
-        t2 = /* @__PURE__ */ _jsx100(RadixAvatar, {
+        t2 = /* @__PURE__ */ _jsx101(RadixAvatar, {
             fallback: "",
             size: size,
             className: className,
@@ -11812,7 +11817,7 @@ var useComponents = function() {
     return useContext17(ComponentsContext);
 };
 // src/components/components/ComponentsProvider.tsx
-import { jsx as _jsx101 } from "react/jsx-runtime";
+import { jsx as _jsx102 } from "react/jsx-runtime";
 var _excluded8 = [
     "children"
 ];
@@ -11865,7 +11870,7 @@ var ComponentsProvider = function(t0) {
     var value = t1;
     var t3;
     if ($[6] !== children || $[7] !== value) {
-        t3 = /* @__PURE__ */ _jsx101(ComponentsContext.Provider, {
+        t3 = /* @__PURE__ */ _jsx102(ComponentsContext.Provider, {
             value: value,
             children: children
         });
@@ -11879,7 +11884,7 @@ var ComponentsProvider = function(t0) {
 };
 // src/components/assistants/AssistantProvider/index.tsx
 import { c as _c66 } from "react-compiler-runtime";
-import { jsx as _jsx102 } from "react/jsx-runtime";
+import { jsx as _jsx103 } from "react/jsx-runtime";
 var AssistantProvider = function(t0) {
     var _assistant$name;
     var $ = _c66(10);
@@ -11900,7 +11905,7 @@ var AssistantProvider = function(t0) {
     var t3 = assistant === null || assistant === void 0 ? void 0 : assistant.avatar;
     var t4;
     if ($[2] !== t3) {
-        t4 = /* @__PURE__ */ _jsx102(Avatar6, {
+        t4 = /* @__PURE__ */ _jsx103(Avatar6, {
             avatar: t3
         });
         $[2] = t3;
@@ -11910,7 +11915,7 @@ var AssistantProvider = function(t0) {
     }
     var t5;
     if ($[4] !== children || $[5] !== t4) {
-        t5 = /* @__PURE__ */ _jsx102(AssistantAvatarContext.Provider, {
+        t5 = /* @__PURE__ */ _jsx103(AssistantAvatarContext.Provider, {
             value: t4,
             children: children
         });
@@ -11922,7 +11927,7 @@ var AssistantProvider = function(t0) {
     }
     var t6;
     if ($[7] !== t2 || $[8] !== t5) {
-        t6 = /* @__PURE__ */ _jsx102(AssistantNameContext.Provider, {
+        t6 = /* @__PURE__ */ _jsx103(AssistantNameContext.Provider, {
             value: t2,
             children: t5
         });
@@ -11934,5 +11939,5 @@ var AssistantProvider = function(t0) {
     }
     return t6;
 };
-export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar6 as Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, SourceAnnotation, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, TtsAudioRuntimeProvider, UserAvatarContext, WebrtcAudioRuntimeProvider, useAssistant, useAudioThreadContext, useComponents, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext, useTtsAudioRuntime, useWebrtcAudioRuntime };
+export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar6 as Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, MessageContent, RunStep, SourceAnnotation, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, TtsAudioRuntimeProvider, UserAvatarContext, WebrtcAudioRuntimeProvider, useAssistant, useAudioThreadContext, useComponents, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext, useTtsAudioRuntime, useWebrtcAudioRuntime };
 //# sourceMappingURL=index.js.map