npm - @superinterface/react - Versions diffs - 3.14.5 → 3.16.0 - Mend

@superinterface/react 3.14.5 → 3.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.cjs CHANGED Viewed

@@ -349,6 +349,9 @@ __export(src_exports, {
     MarkdownProvider: function() {
         return MarkdownProvider;
     },
+    MessageContent: function() {
+        return MessageContent;
+    },
     RunStep: function() {
         return RunStep;
     },
@@ -388,6 +391,9 @@ __export(src_exports, {
     useComponents: function() {
         return useComponents;
     },
+    useCreateFile: function() {
+        return useCreateFile;
+    },
     useCreateMessage: function() {
         return useCreateMessage;
     },
@@ -1291,9 +1297,9 @@ var Attachments = function(t0) {
     }
     return t3;
 };
-// src/components/threads/Thread/Message/ContentPart/index.tsx
+// src/components/messages/MessageContent/ContentPart/index.tsx
 var import_react_compiler_runtime24 = require("react-compiler-runtime");
-// src/components/threads/Thread/Message/ContentPart/TextContent.tsx
+// src/components/messages/MessageContent/ContentPart/TextContent.tsx
 var import_react_compiler_runtime22 = require("react-compiler-runtime");
 var import_react28 = __toESM(require("react"), 1);
 var import_themes32 = require("@radix-ui/themes");
@@ -4796,7 +4802,7 @@ function hasArrayChanged() {
         return !Object.is(item, b[index]);
     });
 }
-// src/components/threads/Thread/Message/ContentPart/TextContent.tsx
+// src/components/messages/MessageContent/ContentPart/TextContent.tsx
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function ownKeys24(e, r) {
     var t = Object.keys(e);
@@ -5027,7 +5033,7 @@ var TextContent = function(t0) {
     }
     return t7;
 };
-// src/components/threads/Thread/Message/ContentPart/ImageFileContent.tsx
+// src/components/messages/MessageContent/ContentPart/ImageFileContent.tsx
 var import_react_compiler_runtime23 = require("react-compiler-runtime");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var ImageFileContent = function(t0) {
@@ -5049,7 +5055,7 @@ var ImageFileContent = function(t0) {
     }
     return t2;
 };
-// src/components/threads/Thread/Message/ContentPart/index.tsx
+// src/components/messages/MessageContent/ContentPart/index.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var ContentPart = function(t0) {
     var $ = (0, import_react_compiler_runtime24.c)(4);
@@ -5082,10 +5088,22 @@ var ContentPart = function(t0) {
     }
     return null;
 };
-// src/components/threads/Thread/Message/index.tsx
+// src/components/messages/MessageContent/index.tsx
 var import_jsx_runtime47 = require("react/jsx-runtime");
+var MessageContent = function(_ref) {
+    var message = _ref.message;
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, {
+        children: message.content.map(function(content, index) {
+            return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ContentPart, {
+                content: content
+            }, index);
+        })
+    });
+};
+// src/components/threads/Thread/Message/index.tsx
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var Message = function(t0) {
-    var $ = (0, import_react_compiler_runtime25.c)(51);
+    var $ = (0, import_react_compiler_runtime25.c)(50);
     var message = t0.message, className = t0.className, style = t0.style;
     var t1;
     bb0: {
@@ -5215,7 +5233,7 @@ var Message = function(t0) {
     }
     var t4;
     if ($[23] !== olderRunSteps_0) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(RunSteps, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(RunSteps, {
             runSteps: olderRunSteps_0
         });
         $[23] = olderRunSteps_0;
@@ -5224,72 +5242,70 @@ var Message = function(t0) {
         t4 = $[24];
     }
     var t5;
+    var t6;
     if ($[25] !== message) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Attachments, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Attachments, {
+            message: message
+        });
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(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 && (0, import_radash11.isEmpty)(laterRunSteps_0) && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(StartingContentSkeleton, {});
-        $[29] = isInProgress;
-        $[30] = laterRunSteps_0;
-        $[31] = t7;
+    if ($[28] !== isInProgress || $[29] !== laterRunSteps_0) {
+        t7 = isInProgress && (0, import_radash11.isEmpty)(laterRunSteps_0) && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(StartingContentSkeleton, {});
+        $[28] = isInProgress;
+        $[29] = laterRunSteps_0;
+        $[30] = t7;
     } else {
-        t7 = $[31];
+        t7 = $[30];
     }
     var t8;
-    if ($[32] !== t5 || $[33] !== t6 || $[34] !== t7) {
-        t8 = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes33.Box, {
+    if ($[31] !== t5 || $[32] !== t6 || $[33] !== t7) {
+        t8 = /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_themes33.Box, {
             children: [
                 t5,
                 t6,
                 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__ */ (0, import_jsx_runtime47.jsx)(RunSteps, {
+    if ($[35] !== laterRunSteps_0) {
+        t9 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(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 && !(0, import_radash11.isEmpty)(laterRunSteps_0) && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes33.Box, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(StartingContentSkeleton, {})
+    if ($[37] !== isInProgress || $[38] !== laterRunSteps_0) {
+        t10 = isInProgress && !(0, import_radash11.isEmpty)(laterRunSteps_0) && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes33.Box, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(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) {
-        t11 = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes33.Box, {
+    if ($[40] !== className || $[41] !== style || $[42] !== t10 || $[43] !== t4 || $[44] !== t8 || $[45] !== t9) {
+        t11 = /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_themes33.Box, {
             className: className,
             style: style,
             children: [
@@ -5299,27 +5315,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__ */ (0, import_jsx_runtime47.jsx)(Provider, {
+    if ($[47] !== t11 || $[48] !== t3) {
+        t12 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Provider, {
             value: t3,
             children: t11
         });
-        $[48] = t11;
-        $[49] = t3;
-        $[50] = t12;
+        $[47] = t11;
+        $[48] = t3;
+        $[49] = t12;
     } else {
-        t12 = $[50];
+        t12 = $[49];
     }
     return t12;
 };
@@ -5332,11 +5348,6 @@ function _temp2(runStep_1) {
 function _temp3(rs) {
     return rs.status === "in_progress";
 }
-function _temp4(content, index) {
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ContentPart, {
-        content: content
-    }, index);
-}
 // src/components/threads/Thread/Messages/Content/index.tsx
 var import_react_compiler_runtime32 = require("react-compiler-runtime");
 var import_react40 = require("react");
@@ -5480,13 +5491,13 @@ var import_themes36 = require("@radix-ui/themes");
 var import_react_compiler_runtime27 = require("react-compiler-runtime");
 var import_react32 = require("react");
 var import_themes34 = require("@radix-ui/themes");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var MessageGroupBase = /* @__PURE__ */ (0, import_react32.forwardRef)(function MessageGroupBase2(t0, ref) {
     var $ = (0, import_react_compiler_runtime27.c)(5);
     var children = t0.children;
     var t1;
     if ($[0] !== children) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes34.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes34.Flex, {
             flexShrink: "0",
             gap: "3",
             children: children
@@ -5498,7 +5509,7 @@ var MessageGroupBase = /* @__PURE__ */ (0, import_react32.forwardRef)(function M
     }
     var t2;
     if ($[2] !== ref || $[3] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes34.Container, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes34.Container, {
             ref: ref,
             size: "2",
             flexGrow: "0",
@@ -5514,13 +5525,13 @@ var MessageGroupBase = /* @__PURE__ */ (0, import_react32.forwardRef)(function M
 });
 // src/components/messageGroups/MessageGroupBase/Name.tsx
 var import_themes35 = require("@radix-ui/themes");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var Name = function(_ref) {
     var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Flex, {
         align: "center",
         height: "var(--space-5)",
-        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes35.Text, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Text, {
             size: "2",
             weight: "bold",
             children: children
@@ -5528,15 +5539,15 @@ var Name = function(_ref) {
     });
 };
 // src/components/skeletons/MessagesSkeleton/index.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var MessagesSkeleton = /* @__PURE__ */ (0, import_react33.forwardRef)(function MessagesSkeleton2(_props, ref) {
     var $ = (0, import_react_compiler_runtime28.c)(7);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.Skeleton, {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Skeleton, {
             loading: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.Avatar, {
-                fallback: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.Flex, {}),
+            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Avatar, {
+                fallback: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Flex, {}),
                 size: "1"
             })
         });
@@ -5546,8 +5557,8 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react33.forwardRef)(function M
     }
     var t1;
     if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Name, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.Skeleton, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Name, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Skeleton, {
                 loading: true,
                 style: {
                     width: "128px"
@@ -5560,7 +5571,7 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react33.forwardRef)(function M
     }
     var t2;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.Skeleton, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Skeleton, {
             loading: true,
             style: {
                 width: "256px"
@@ -5572,7 +5583,7 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react33.forwardRef)(function M
     }
     var t3;
     if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.Skeleton, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Skeleton, {
             loading: true,
             style: {
                 width: "256px",
@@ -5585,13 +5596,13 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react33.forwardRef)(function M
     }
     var t4;
     if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_themes36.Box, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_themes36.Box, {
             pb: "3",
             children: [
                 t1,
                 t2,
                 t3,
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes36.Skeleton, {
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Skeleton, {
                     loading: true,
                     style: {
                         width: "256px",
@@ -5606,7 +5617,7 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react33.forwardRef)(function M
     }
     var t5;
     if ($[5] !== ref) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(MessageGroupBase, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(MessageGroupBase, {
             ref: ref,
             children: [
                 t0,
@@ -5632,13 +5643,13 @@ var import_themes38 = require("@radix-ui/themes");
 var import_react34 = require("react");
 var import_themes37 = require("@radix-ui/themes");
 var import_react_icons9 = require("@radix-ui/react-icons");
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var AssistantAvatarContext = /* @__PURE__ */ (0, import_react34.createContext)(/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes37.Avatar, {
-    fallback: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_icons9.LightningBoltIcon, {}),
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var AssistantAvatarContext = /* @__PURE__ */ (0, import_react34.createContext)(/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes37.Avatar, {
+    fallback: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_icons9.LightningBoltIcon, {}),
     size: "1"
 }));
 // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var AssistantAvatar = function() {
     var $ = (0, import_react_compiler_runtime29.c)(3);
     var AssistantAvatarContextValue = (0, import_react35.useContext)(AssistantAvatarContext);
@@ -5654,7 +5665,7 @@ var AssistantAvatar = function() {
     }
     var t1;
     if ($[1] !== AssistantAvatarContextValue) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes38.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Flex, {
             flexShrink: "0",
             height: "24px",
             width: "24px",
@@ -5679,13 +5690,13 @@ var import_themes40 = require("@radix-ui/themes");
 var import_react37 = require("react");
 var import_themes39 = require("@radix-ui/themes");
 var import_react_icons10 = require("@radix-ui/react-icons");
-var import_jsx_runtime53 = require("react/jsx-runtime");
-var UserAvatarContext = /* @__PURE__ */ (0, import_react37.createContext)(/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes39.Avatar, {
-    fallback: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_icons10.PersonIcon, {}),
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var UserAvatarContext = /* @__PURE__ */ (0, import_react37.createContext)(/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Avatar, {
+    fallback: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_icons10.PersonIcon, {}),
     size: "1"
 }));
 // src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var UserAvatar = function() {
     var $ = (0, import_react_compiler_runtime30.c)(3);
     var UserAvatarContextValue = (0, import_react38.useContext)(UserAvatarContext);
@@ -5701,7 +5712,7 @@ var UserAvatar = function() {
     }
     var t1;
     if ($[1] !== UserAvatarContextValue) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes40.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes40.Flex, {
             flexShrink: "0",
             height: "24px",
             width: "24px",
@@ -5717,27 +5728,27 @@ var UserAvatar = function() {
 };
 // src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
 var import_themes41 = require("@radix-ui/themes");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var Content5 = function(_ref) {
     var messageGroup = _ref.messageGroup;
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes41.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes41.Flex, {
         direction: "column-reverse",
         children: messageGroup.messages.map(function(message) {
-            return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Message, {
+            return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Message, {
                 message: message
             }, message.id);
         })
     });
 };
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var MessageGroup = function(t0) {
     var $ = (0, import_react_compiler_runtime31.c)(12);
     var messageGroup = t0.messageGroup;
     var assistantNameContext = (0, import_react39.useContext)(AssistantNameContext);
     var t1;
     if ($[0] !== messageGroup.role) {
-        t1 = messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AssistantAvatar, {});
+        t1 = messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AssistantAvatar, {});
         $[0] = messageGroup.role;
         $[1] = t1;
     } else {
@@ -5746,7 +5757,7 @@ var MessageGroup = function(t0) {
     var t2 = messageGroup.role === "user" ? "You" : assistantNameContext;
     var t3;
     if ($[2] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Name, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Name, {
             children: t2
         });
         $[2] = t2;
@@ -5756,7 +5767,7 @@ var MessageGroup = function(t0) {
     }
     var t4;
     if ($[4] !== messageGroup) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Content5, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Content5, {
             messageGroup: messageGroup
         });
         $[4] = messageGroup;
@@ -5766,7 +5777,7 @@ var MessageGroup = function(t0) {
     }
     var t5;
     if ($[6] !== t3 || $[7] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_themes42.Box, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_themes42.Box, {
             flexGrow: "1",
             children: [
                 t3,
@@ -5781,7 +5792,7 @@ var MessageGroup = function(t0) {
     }
     var t6;
     if ($[9] !== t1 || $[10] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(MessageGroupBase, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(MessageGroupBase, {
             children: [
                 t1,
                 t5
@@ -5796,7 +5807,7 @@ var MessageGroup = function(t0) {
     return t6;
 };
 // src/components/threads/Thread/Messages/Content/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var Content6 = function() {
     var $ = (0, import_react_compiler_runtime32.c)(11);
     var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
@@ -5839,7 +5850,7 @@ var Content6 = function() {
     if (isLoading || isLoadingError) {
         var _t;
         if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-            _t = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(MessagesSkeleton, {});
+            _t = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(MessagesSkeleton, {});
             $[6] = _t;
         } else {
             _t = $[6];
@@ -5848,7 +5859,7 @@ var Content6 = function() {
     }
     var t3;
     if ($[7] !== messageGroups2) {
-        t3 = messageGroups2.map(_temp5);
+        t3 = messageGroups2.map(_temp4);
         $[7] = messageGroups2;
         $[8] = t3;
     } else {
@@ -5856,7 +5867,7 @@ var Content6 = function() {
     }
     var t4;
     if ($[9] !== t3) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, {
             children: t3
         });
         $[9] = t3;
@@ -5866,8 +5877,8 @@ var Content6 = function() {
     }
     return t4;
 };
-function _temp5(messageGroup) {
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(MessageGroup, {
+function _temp4(messageGroup) {
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(MessageGroup, {
         messageGroup: messageGroup
     }, messageGroup.id);
 }
@@ -5878,21 +5889,21 @@ var import_react42 = require("react");
 var import_react_compiler_runtime33 = require("react-compiler-runtime");
 var import_react41 = require("react");
 var import_themes43 = require("@radix-ui/themes");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var StartingSkeleton = function(t0) {
     var $ = (0, import_react_compiler_runtime33.c)(7);
     var children = t0.children;
     var assistantNameContext = (0, import_react41.useContext)(AssistantNameContext);
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AssistantAvatar, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(AssistantAvatar, {});
         $[0] = t1;
     } else {
         t1 = $[0];
     }
     var t2;
     if ($[1] !== assistantNameContext) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Name, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Name, {
             children: assistantNameContext
         });
         $[1] = assistantNameContext;
@@ -5902,17 +5913,17 @@ var StartingSkeleton = function(t0) {
     }
     var t3;
     if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(StartingContentSkeleton, {});
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(StartingContentSkeleton, {});
         $[3] = t3;
     } else {
         t3 = $[3];
     }
     var t4;
     if ($[4] !== children || $[5] !== t2) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(MessageGroupBase, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(MessageGroupBase, {
             children: [
                 t1,
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_themes43.Box, {
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_themes43.Box, {
                     children: [
                         t2,
                         children,
@@ -5930,7 +5941,7 @@ var StartingSkeleton = function(t0) {
     return t4;
 };
 // src/components/threads/Thread/Messages/Progress/index.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var Progress = function() {
     var $ = (0, import_react_compiler_runtime34.c)(1);
     var latestMessage = useLatestMessage().latestMessage;
@@ -5967,7 +5978,7 @@ var Progress = function() {
     }
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(StartingSkeleton, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(StartingSkeleton, {});
         $[0] = t1;
     } else {
         t1 = $[0];
@@ -6028,7 +6039,7 @@ var useInfiniteScroll = function(_ref) {
     };
 };
 // src/components/threads/Thread/Messages/Root/index.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function ownKeys26(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -6111,7 +6122,7 @@ var Root2 = function(t0) {
     }
     var t4;
     if ($[8] !== hasNextPage || $[9] !== loaderRef) {
-        t4 = hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes44.Flex, {
+        t4 = hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes44.Flex, {
             ref: loaderRef
         });
         $[8] = hasNextPage;
@@ -6122,7 +6133,7 @@ var Root2 = function(t0) {
     }
     var t5;
     if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes44.Flex, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes44.Flex, {
             flexShrink: "0",
             flexGrow: "1"
         });
@@ -6132,7 +6143,7 @@ var Root2 = function(t0) {
     }
     var t6;
     if ($[12] !== children || $[13] !== className || $[14] !== containerRef || $[15] !== t3 || $[16] !== t4) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_themes44.Flex, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes44.Flex, {
             ref: containerRef,
             direction: "column-reverse",
             flexGrow: "1",
@@ -6157,7 +6168,7 @@ var Root2 = function(t0) {
 };
 // src/components/threads/Thread/Messages/NextPageSkeleton.tsx
 var import_react_compiler_runtime36 = require("react-compiler-runtime");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var NextPageSkeleton = function() {
     var $ = (0, import_react_compiler_runtime36.c)(1);
     var hasNextPage = useMessages().hasNextPage;
@@ -6166,7 +6177,7 @@ var NextPageSkeleton = function() {
     }
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(MessagesSkeleton, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(MessagesSkeleton, {});
         $[0] = t0;
     } else {
         t0 = $[0];
@@ -6174,22 +6185,22 @@ var NextPageSkeleton = function() {
     return t0;
 };
 // src/components/threads/Thread/Messages/index.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var Messages = function(_ref) {
     var children = _ref.children, className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Root2, {
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Root2, {
         style: style,
         className: className,
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes45.Flex, {
                 flexShrink: "0",
                 height: "var(--space-3)"
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Progress, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Progress, {}),
             children,
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Content6, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(NextPageSkeleton, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Content6, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(NextPageSkeleton, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes45.Flex, {
                 flexShrink: "0",
                 flexGrow: "1",
                 minHeight: "var(--space-5)"
@@ -6221,7 +6232,7 @@ var useMessageFormContext = function() {
     return (0, import_react46.useContext)(MessageFormContext);
 };
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function ownKeys27(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -6267,7 +6278,7 @@ function _toPrimitive27(t, r) {
 }
 var Root3 = function(_ref) {
     var children = _ref.children, style = _ref.style, className = _ref.className;
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes46.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Flex, {
         flexShrink: "0",
         align: "end",
         style: style,
@@ -6293,14 +6304,14 @@ var Button3 = function(props) {
         }
         var _t2;
         if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-            _t2 = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_icons11.StopIcon, {});
+            _t2 = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_icons11.StopIcon, {});
             $[2] = _t2;
         } else {
             _t2 = $[2];
         }
         var _t3;
         if ($[3] !== props || $[4] !== _t) {
-            _t3 = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes46.IconButton, _objectSpread27(_objectSpread27({
+            _t3 = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.IconButton, _objectSpread27(_objectSpread27({
                 type: "button",
                 onClick: _t
             }, props), {}, {
@@ -6317,14 +6328,14 @@ var Button3 = function(props) {
     var t0 = isDisabled || isFileLoading;
     var t1;
     if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_icons11.ArrowUpIcon, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_icons11.ArrowUpIcon, {});
         $[6] = t1;
     } else {
         t1 = $[6];
     }
     var t2;
     if ($[7] !== props || $[8] !== t0) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes46.IconButton, _objectSpread27(_objectSpread27({
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.IconButton, _objectSpread27(_objectSpread27({
             type: "submit",
             disabled: t0
         }, props), {}, {
@@ -6339,8 +6350,8 @@ var Button3 = function(props) {
     return t2;
 };
 var Submit = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Root3, _objectSpread27(_objectSpread27({}, props), {}, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button3, {})
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Root3, _objectSpread27(_objectSpread27({}, props), {}, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button3, {})
     }));
 };
 Submit.Root = Root3;
@@ -6361,7 +6372,7 @@ var formOptions = {
 };
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 var import_radash14 = require("radash");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function ownKeys28(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -6521,7 +6532,7 @@ var Root4 = function(_ref) {
         };
     }();
     var content = watch("content");
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(MessageFormContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(MessageFormContext.Provider, {
         value: {
             isDisabled: isDisabled,
             isLoading: isLoading,
@@ -6530,13 +6541,13 @@ var Root4 = function(_ref) {
             isFileLoading: isFileLoading,
             content: content
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_hook_form.FormProvider, _objectSpread28(_objectSpread28({}, formProps), {}, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes47.Box, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react_hook_form.FormProvider, _objectSpread28(_objectSpread28({}, formProps), {}, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes47.Box, {
                 asChild: true,
                 flexShrink: "0",
                 style: style,
                 className: className,
-                children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("form", {
+                children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("form", {
                     onSubmit: handleSubmit(onSubmit),
                     children: children
                 })
@@ -6565,7 +6576,7 @@ var import_react50 = require("react");
 var import_react_compiler_runtime38 = require("react-compiler-runtime");
 var import_react49 = require("react");
 var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"), 1);
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var _excluded3 = [
     "style",
     "className"
@@ -6654,7 +6665,7 @@ var TextareaBase = /* @__PURE__ */ (0, import_react49.forwardRef)(function Texta
     }
     var t1;
     if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("style", {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("style", {
             children: ".superinterface-textarea { min-height: inherit; height: 30px; }\n.superinterface-textarea::placeholder { color: var(--gray-a10); }"
         });
         $[4] = t1;
@@ -6689,10 +6700,10 @@ var TextareaBase = /* @__PURE__ */ (0, import_react49.forwardRef)(function Texta
     }
     var t5;
     if ($[9] !== ref || $[10] !== rest || $[11] !== t2 || $[12] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, {
             children: [
                 t1,
-                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react_textarea_autosize.default, _objectSpread29({
+                /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react_textarea_autosize.default, _objectSpread29({
                     ref: ref,
                     className: t2,
                     style: t4
@@ -6710,7 +6721,7 @@ var TextareaBase = /* @__PURE__ */ (0, import_react49.forwardRef)(function Texta
     return t5;
 });
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function ownKeys30(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -6756,7 +6767,7 @@ function _toPrimitive30(t, r) {
 }
 var Root5 = function(_ref) {
     var children = _ref.children, style = _ref.style, className = _ref.className;
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes48.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes48.Flex, {
         flexGrow: "1",
         pt: "4px",
         style: style,
@@ -6789,7 +6800,7 @@ var Input = function(props) {
         isDisabledPrevious,
         textareaProps
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(TextareaBase, _objectSpread30(_objectSpread30(_objectSpread30({
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(TextareaBase, _objectSpread30(_objectSpread30(_objectSpread30({
         minRows: 1,
         placeholder: (_props$placeholder = props.placeholder) !== null && _props$placeholder !== void 0 ? _props$placeholder : "Message ".concat(assistantNameContext, "..."),
         disabled: isDisabled,
@@ -6809,8 +6820,8 @@ var Input = function(props) {
     }));
 };
 var Control = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Root5, _objectSpread30(_objectSpread30({}, props), {}, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Input, {})
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Root5, _objectSpread30(_objectSpread30({}, props), {}, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Input, {})
     }));
 };
 Control.Root = Root5;
@@ -6819,7 +6830,7 @@ Control.Input = Input;
 var import_react_compiler_runtime39 = require("react-compiler-runtime");
 var import_themes49 = require("@radix-ui/themes");
 var import_react_icons12 = require("@radix-ui/react-icons");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function ownKeys31(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -6874,30 +6885,30 @@ var Preview = function(props) {
         var _t;
         if ($[3] !== setFiles) {
             _t = function(file) {
-                return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes49.Card, {
+                return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Card, {
                     variant: "ghost",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_themes49.Flex, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes49.Flex, {
                         align: "center",
                         justify: "between",
                         gap: "1",
                         children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_themes49.Flex, {
+                            /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes49.Flex, {
                                 align: "center",
                                 gap: "1",
                                 flexShrink: "1",
                                 minWidth: "0",
                                 maxWidth: "250px",
                                 children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes49.Flex, {
+                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Flex, {
                                         flexShrink: "0",
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes49.Spinner, {
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Spinner, {
                                             loading: isOptimistic({
                                                 id: file.id
                                             }),
-                                            children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react_icons12.FileIcon, {})
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_icons12.FileIcon, {})
                                         })
                                     }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes49.Text, {
+                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Text, {
                                         size: "2",
                                         truncate: true,
                                         wrap: "nowrap",
@@ -6905,9 +6916,9 @@ var Preview = function(props) {
                                     })
                                 ]
                             }),
-                            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes49.Flex, {
+                            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Flex, {
                                 flexShrink: "0",
-                                children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes49.IconButton, {
+                                children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.IconButton, {
                                     onClick: function() {
                                         return setFiles(function(prev) {
                                             return prev.filter(function(prevFile) {
@@ -6918,7 +6929,7 @@ var Preview = function(props) {
                                     color: "gray",
                                     variant: "ghost",
                                     size: "1",
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react_icons12.Cross2Icon, {})
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_icons12.Cross2Icon, {})
                                 })
                             })
                         ]
@@ -6939,7 +6950,7 @@ var Preview = function(props) {
     }
     var t1;
     if ($[5] !== props || $[6] !== t0) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes49.Flex, _objectSpread31(_objectSpread31({
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Flex, _objectSpread31(_objectSpread31({
             flexBasis: "100%",
             direction: "column",
             pb: "2",
@@ -7202,7 +7213,7 @@ var useCreateFile = function(t0) {
     var t1;
     if ($[0] !== t0) {
         t1 = t0 === void 0 ? {
-            onError: _temp6
+            onError: _temp5
         } : t0;
         $[0] = t0;
         $[1] = t1;
@@ -7271,10 +7282,10 @@ var useCreateFile = function(t0) {
     }
     return t6;
 };
-function _temp6() {}
+function _temp5() {}
 function _temp22() {}
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function ownKeys35(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -7555,12 +7566,12 @@ var Control2 = function(props) {
         createFile,
         setFiles
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes50.Flex, _objectSpread35(_objectSpread35({
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes50.Flex, _objectSpread35(_objectSpread35({
         pt: "2",
         pr: "2",
         flexGrow: "0"
     }, props), {}, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes50.IconButton, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_themes50.IconButton, {
             type: "button",
             variant: "ghost",
             color: "gray",
@@ -7570,8 +7581,8 @@ var Control2 = function(props) {
                 overflow: "hidden"
             },
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_icons13.FilePlusIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("input", {
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react_icons13.FilePlusIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("input", {
                     type: "file",
                     multiple: true,
                     accept: accept,
@@ -7596,7 +7607,7 @@ var Files = {
     Control: Control2
 };
 // src/components/threads/Thread/MessageForm/Field/index.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function ownKeys36(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -7644,18 +7655,18 @@ var Root6 = function(_ref) {
     "use no memo";
     var children = _ref.children, className = _ref.className, style = _ref.style;
     var _$_ref = (0, import_react_hook_form3.useFormContext)(), errors = _$_ref.formState.errors;
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes51.Container, {
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes51.Container, {
         size: "2",
         flexGrow: "0",
         className: className,
         style: style,
-        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes51.Flex, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes51.Flex, {
             direction: "column",
             flexShrink: "0",
-            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes51.Flex, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes51.Flex, {
                 direction: "column",
                 flexShrink: "0",
-                children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes51.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes51.Flex, {
                     style: _objectSpread36({
                         borderRadius: "var(--radius-2)",
                         borderWidth: "1px",
@@ -7679,7 +7690,7 @@ var Field = {
     Files: Files
 };
 // src/components/threads/Thread/MessageForm/index.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 function ownKeys37(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -7724,11 +7735,11 @@ function _toPrimitive37(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MessageForm = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Root4, _objectSpread37(_objectSpread37({}, props), {}, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(Field.Root, {
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Root4, _objectSpread37(_objectSpread37({}, props), {}, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Field.Root, {
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Field.Control, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Submit, {})
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Field.Control, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Submit, {})
             ]
         })
     }));
@@ -7748,25 +7759,25 @@ var Toast2 = __toESM(require("@radix-ui/react-toast"), 1);
 var Toast = __toESM(require("@radix-ui/react-toast"), 1);
 var import_themes52 = require("@radix-ui/themes");
 var import_react_icons14 = require("@radix-ui/react-icons");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var CustomToast = function(_ref) {
     var toast = _ref.toast;
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Toast.Root, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes52.Card, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Toast.Title, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_themes52.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Toast.Root, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes52.Card, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Toast.Title, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_themes52.Flex, {
                     children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes52.Flex, {
+                        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes52.Flex, {
                             pr: "2",
                             height: "14px",
                             align: "center",
-                            children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react_icons14.CheckCircledIcon, {
+                            children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons14.CheckCircledIcon, {
                                 color: "var(--accent-9)"
-                            }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react_icons14.CrossCircledIcon, {
+                            }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons14.CrossCircledIcon, {
                                 color: "var(--red-9)"
                             })
                         }),
-                        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes52.Text, {
+                        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes52.Text, {
                             weight: "medium",
                             size: "1",
                             children: toast.message
@@ -7778,7 +7789,7 @@ var CustomToast = function(_ref) {
     });
 };
 // src/components/toasts/ToastsProvider/index.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var ToastsProvider = function(t0) {
     var $ = (0, import_react_compiler_runtime41.c)(15);
     var children = t0.children, t1 = t0.bottom;
@@ -7818,7 +7829,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 {
@@ -7826,7 +7837,7 @@ var ToastsProvider = function(t0) {
     }
     var t6;
     if ($[6] !== bottom) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Toast2.Viewport, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Toast2.Viewport, {
             style: {
                 position: "absolute",
                 bottom: bottom,
@@ -7850,7 +7861,7 @@ var ToastsProvider = function(t0) {
     }
     var t7;
     if ($[8] !== children || $[9] !== t5 || $[10] !== t6) {
-        t7 = /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(Toast2.Provider, {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Toast2.Provider, {
             children: [
                 children,
                 t5,
@@ -7866,7 +7877,7 @@ var ToastsProvider = function(t0) {
     }
     var t8;
     if ($[12] !== t4 || $[13] !== t7) {
-        t8 = /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ToastsContext.Provider, {
+        t8 = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ToastsContext.Provider, {
             value: t4,
             children: t7
         });
@@ -7878,13 +7889,13 @@ var ToastsProvider = function(t0) {
     }
     return t8;
 };
-function _temp7(toast_0, index) {
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(CustomToast, {
+function _temp6(toast_0, index) {
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(CustomToast, {
         toast: toast_0
     }, index);
 }
 // src/components/threads/Thread/Root/index.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var _excluded4 = [
     "children",
     "style",
@@ -7953,10 +7964,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__ */ (0, import_jsx_runtime73.jsx)(ToastsProvider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ToastsProvider, {
         bottom: "var(--space-9)",
-        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Provider2, _objectSpread38(_objectSpread38({}, rest), {}, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes53.Flex, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Provider2, _objectSpread38(_objectSpread38({}, rest), {}, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes53.Flex, {
                 direction: "column",
                 flexGrow: "1",
                 className: className,
@@ -7967,7 +7978,7 @@ var Root8 = function(_ref) {
     });
 };
 // src/components/threads/Thread/index.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 function ownKeys39(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -8012,10 +8023,10 @@ function _toPrimitive39(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Thread = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Root8, _objectSpread39(_objectSpread39({}, props), {}, {
+    return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Root8, _objectSpread39(_objectSpread39({}, props), {}, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Messages, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(MessageForm, {})
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Messages, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(MessageForm, {})
         ]
     }));
 };
@@ -8225,7 +8236,7 @@ var useThreadDialogContext = function() {
     return (0, import_react56.useContext)(ThreadDialogContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var Provider4 = function(t0) {
     var $ = (0, import_react_compiler_runtime43.c)(5);
     var children = t0.children;
@@ -8244,7 +8255,7 @@ var Provider4 = function(t0) {
     }
     var t2;
     if ($[2] !== children || $[3] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ThreadDialogContext.Provider, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ThreadDialogContext.Provider, {
             value: t1,
             children: children
         });
@@ -8257,10 +8268,10 @@ var Provider4 = function(t0) {
     return t2;
 };
 // src/components/threads/ThreadDialog/Root/index.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var Root9 = function(_ref) {
     var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Provider4, {
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Provider4, {
         children: children
     });
 };
@@ -8270,7 +8281,7 @@ var import_themes55 = require("@radix-ui/themes");
 // src/components/threads/ThreadDialog/Trigger/Button.tsx
 var import_themes54 = require("@radix-ui/themes");
 var import_react_icons15 = require("@radix-ui/react-icons");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 function ownKeys41(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -8315,15 +8326,15 @@ function _toPrimitive41(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Button4 = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes54.IconButton, _objectSpread41(_objectSpread41({
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_themes54.IconButton, _objectSpread41(_objectSpread41({
         size: "4",
         radius: "full"
     }, props), {}, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_icons15.ChatBubbleIcon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_icons15.ChatBubbleIcon, {})
     }));
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 function ownKeys42(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -8386,7 +8397,7 @@ var Root10 = function(t0) {
     var t3;
     if ($[2] !== setIsOpen) {
         t3 = function() {
-            return setIsOpen(_temp8);
+            return setIsOpen(_temp7);
         };
         $[2] = setIsOpen;
         $[3] = t3;
@@ -8413,7 +8424,7 @@ var Root10 = function(t0) {
     }
     var t6;
     if ($[8] !== children || $[9] !== className || $[10] !== t2 || $[11] !== t3 || $[12] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_themes55.Flex, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_themes55.Flex, {
             display: t2,
             onClick: t3,
             direction: "column",
@@ -8439,13 +8450,13 @@ var Root10 = function(t0) {
     return t6;
 };
 var Trigger = function(args) {
-    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Root10, _objectSpread42(_objectSpread42({}, args), {}, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Button4, {})
+    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Root10, _objectSpread42(_objectSpread42({}, args), {}, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button4, {})
     }));
 };
 Trigger.Root = Root10;
 Trigger.Button = Button4;
-function _temp8(prev) {
+function _temp7(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
@@ -8455,7 +8466,7 @@ var import_themes57 = require("@radix-ui/themes");
 var import_react_compiler_runtime45 = require("react-compiler-runtime");
 var import_react_icons16 = require("@radix-ui/react-icons");
 var import_themes56 = require("@radix-ui/themes");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var Close = function() {
     var $ = (0, import_react_compiler_runtime45.c)(9);
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
@@ -8474,7 +8485,7 @@ var Close = function() {
     var t2;
     if ($[2] !== setIsOpen) {
         t2 = function() {
-            return setIsOpen(_temp9);
+            return setIsOpen(_temp8);
         };
         $[2] = setIsOpen;
         $[3] = t2;
@@ -8492,10 +8503,10 @@ var Close = function() {
     }
     var t4;
     if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_themes56.IconButton, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes56.IconButton, {
             size: "2",
             variant: "soft",
-            children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_icons16.Cross1Icon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react_icons16.Cross1Icon, {})
         });
         $[5] = t4;
     } else {
@@ -8503,7 +8514,7 @@ var Close = function() {
     }
     var t5;
     if ($[6] !== t1 || $[7] !== t2) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_themes56.Flex, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes56.Flex, {
             display: t1,
             onClick: t2,
             direction: "column",
@@ -8524,11 +8535,11 @@ var Close = function() {
     }
     return t5;
 };
-function _temp9(prev) {
+function _temp8(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 function ownKeys43(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -8660,7 +8671,7 @@ var Root11 = function(t0) {
     }
     var t10;
     if ($[10] !== children) {
-        t10 = /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes57.Inset, {
+        t10 = /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_themes57.Inset, {
             clip: "padding-box",
             side: "all",
             pb: "current",
@@ -8674,14 +8685,14 @@ var Root11 = function(t0) {
     }
     var t11;
     if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-        t11 = /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Close, {});
+        t11 = /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Close, {});
         $[12] = t11;
     } else {
         t11 = $[12];
     }
     var t12;
     if ($[13] !== t10) {
-        t12 = /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_themes57.Card, {
+        t12 = /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_themes57.Card, {
             mb: t7,
             style: t8,
             children: [
@@ -8696,7 +8707,7 @@ var Root11 = function(t0) {
     }
     var t13;
     if ($[15] !== className || $[16] !== t12 || $[17] !== t6) {
-        t13 = /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes57.Flex, {
+        t13 = /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_themes57.Flex, {
             className: className,
             direction: "column",
             justify: "end",
@@ -8721,7 +8732,7 @@ var Root11 = function(t0) {
 };
 var Messages2 = function(_ref) {
     var className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Thread.Messages, {
+    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Thread.Messages, {
         className: className,
         style: _objectSpread43({
             paddingTop: "var(--space-5)",
@@ -8732,7 +8743,7 @@ var Messages2 = function(_ref) {
 };
 var FormContainer = function(_ref2) {
     var children = _ref2.children, className = _ref2.className, style = _ref2.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes57.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_themes57.Flex, {
         direction: "column",
         pl: "5",
         pr: "5",
@@ -8744,12 +8755,12 @@ var FormContainer = function(_ref2) {
     });
 };
 var Content7 = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Root11, _objectSpread43(_objectSpread43({}, props), {}, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Thread.Root, {
+    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Root11, _objectSpread43(_objectSpread43({}, props), {}, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Thread.Root, {
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Messages2, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(FormContainer, {
-                    children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Thread.MessageForm, {})
+                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Messages2, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(FormContainer, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Thread.MessageForm, {})
                 })
             ]
         })
@@ -8759,12 +8770,12 @@ Content7.Root = Root11;
 Content7.Messages = Messages2;
 Content7.FormContainer = FormContainer;
 // src/components/threads/ThreadDialog/index.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var ThreadDialog = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Root9, {
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Root9, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Content7, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Trigger, {})
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Content7, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Trigger, {})
         ]
     });
 };
@@ -8867,7 +8878,7 @@ var import_react_compiler_runtime48 = require("react-compiler-runtime");
 var import_react61 = require("react");
 var useInterval = function(callback, delay) {
     var $ = (0, import_react_compiler_runtime48.c)(5);
-    var savedCallback = (0, import_react61.useRef)(_temp10);
+    var savedCallback = (0, import_react61.useRef)(_temp9);
     var t0;
     if ($[0] !== callback) {
         t0 = function() {
@@ -8904,7 +8915,7 @@ var useInterval = function(callback, delay) {
     }
     (0, import_react61.useEffect)(t1, t2);
 };
-function _temp10() {}
+function _temp9() {}
 // src/hooks/audioThreads/useRecorder/index.ts
 function ownKeys44(e, r) {
     var t = Object.keys(e);
@@ -9453,7 +9464,7 @@ var useMessageAudio = function(t0) {
     } else {
         t8 = $[37];
     }
-    (0, import_react63.useEffect)(_temp11, t8);
+    (0, import_react63.useEffect)(_temp10, t8);
     var _ref4 = _sliced_to_array((0, import_react63.useState)(null), 2), audioEngine = _ref4[0], setAudioEngine = _ref4[1];
     var isAudioEngineInited = (0, import_react63.useRef)(false);
     var t9;
@@ -9537,7 +9548,7 @@ var useMessageAudio = function(t0) {
     }
     return t13;
 };
-function _temp11() {
+function _temp10() {
     if (isHtmlAudioSupported) {
         var _Howler$_howls$;
         if (!(import_howler.Howler !== null && import_howler.Howler !== void 0 && (_Howler$_howls$ = import_howler.Howler._howls[0]) !== null && _Howler$_howls$ !== void 0 && (_Howler$_howls$ = _Howler$_howls$._sounds[0]) !== null && _Howler$_howls$ !== void 0 && _Howler$_howls$._node)) {
@@ -9612,7 +9623,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;
@@ -9755,7 +9766,7 @@ var useTtsAudioRuntime = function(t0) {
     t5 = t14;
     return t5;
 };
-function _temp12() {
+function _temp11() {
     return _temp23.apply(this, arguments);
 }
 function _temp23() {
@@ -9769,7 +9780,7 @@ function _temp23() {
     return _temp23.apply(this, arguments);
 }
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var TtsAudioRuntimeProvider = function(t0) {
     var $ = (0, import_react_compiler_runtime51.c)(7);
     var children = t0.children, play = t0.play;
@@ -9796,7 +9807,7 @@ var TtsAudioRuntimeProvider = function(t0) {
     }
     var t3;
     if ($[4] !== children || $[5] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(AudioThreadContext.Provider, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(AudioThreadContext.Provider, {
             value: t2,
             children: children
         });
@@ -9809,7 +9820,7 @@ var TtsAudioRuntimeProvider = function(t0) {
     return t3;
 };
 // src/components/threads/AudioThread/Root/index.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var _excluded5 = [
     "children"
 ];
@@ -9882,7 +9893,7 @@ function _objectWithoutPropertiesLoose5(r, e) {
 }
 var Content8 = function(_ref) {
     var children = _ref.children, className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes58.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes58.Flex, {
         direction: "column",
         flexGrow: "1",
         p: "9",
@@ -9900,7 +9911,7 @@ var AudioRuntimeProvider = function(t0) {
     }
     var t1;
     if ($[0] !== children || $[1] !== play) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(TtsAudioRuntimeProvider, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(TtsAudioRuntimeProvider, {
             play: play,
             children: children
         });
@@ -9940,7 +9951,7 @@ var Provider5 = function(t0) {
     }
     var t2;
     if ($[6] !== children || $[7] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(AudioThreadContext.Provider, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(AudioThreadContext.Provider, {
             value: t1,
             children: children
         });
@@ -9954,11 +9965,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__ */ (0, import_jsx_runtime83.jsx)(Provider5, _objectSpread46(_objectSpread46({}, rest), {}, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(AudioRuntimeProvider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Provider5, _objectSpread46(_objectSpread46({}, rest), {}, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(AudioRuntimeProvider, {
             play: play,
-            children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToastsProvider, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Content8, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ToastsProvider, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Content8, {
                     className: className,
                     style: style,
                     children: children
@@ -9976,7 +9987,7 @@ var import_lodash8 = __toESM(require("lodash"), 1);
 var import_themes59 = require("@radix-ui/themes");
 var import_react65 = require("react");
 var import_radash17 = require("radash");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var barCount = 4;
 var BarsVisualizer = function(_ref) {
     var visualizationAnalyser = _ref.visualizationAnalyser, backgroundColor = _ref.backgroundColor, height = _ref.height, barWidth = _ref.barWidth;
@@ -10007,7 +10018,7 @@ var BarsVisualizer = function(_ref) {
         draw,
         visualizationAnalyser
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes59.Grid, {
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.Grid, {
         columns: "".concat(barCount),
         gap: "1",
         width: "auto",
@@ -10016,12 +10027,12 @@ var BarsVisualizer = function(_ref) {
             gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
         },
         children: barHeights.map(function(barHeight, index) {
-            return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes59.Flex, {
+            return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.Flex, {
                 direction: "column",
                 align: "center",
                 justify: "center",
                 height: height,
-                children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes59.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.Flex, {
                     minHeight: "50%",
                     maxHeight: "100%",
                     height: "".concat(barHeight + 20, "%"),
@@ -10087,7 +10098,7 @@ var useStatus = function() {
     return t1;
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 function ownKeys47(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10159,7 +10170,7 @@ var Visualization = function(props) {
         draw,
         audioThreadContext
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_themes60.Flex, _objectSpread47(_objectSpread47({
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes60.Flex, _objectSpread47(_objectSpread47({
         direction: "column",
         align: "center",
         justify: "center",
@@ -10167,7 +10178,7 @@ var Visualization = function(props) {
         flexGrow: "1"
     }, props), {}, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes60.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_themes60.Flex, {
                 align: "center",
                 justify: "center",
                 height: "200px",
@@ -10177,20 +10188,20 @@ var Visualization = function(props) {
                     borderRadius: "9999px",
                     scale: scale
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(BarsVisualizer, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(BarsVisualizer, {
                     visualizationAnalyser: audioThreadContext.audioRuntime.assistant.visualizationAnalyser,
                     backgroundColor: status === "playing" ? "var(--accent-11)" : "var(--gray-11)",
                     height: "40px",
                     barWidth: "24px"
                 })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_themes60.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes60.Flex, {
                 ml: "-22.5px",
                 gap: "3",
                 pt: "5",
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(AssistantAvatar, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Name, {
+                    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(AssistantAvatar, {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Name, {
                         children: assistantNameContext
                     })
                 ]
@@ -10202,7 +10213,7 @@ var Visualization = function(props) {
 var import_react_compiler_runtime54 = require("react-compiler-runtime");
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
 var import_themes61 = require("@radix-ui/themes");
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var html = function(_ref) {
     var texts = _ref.texts;
     return "\n  .status-messages-texts:after {\n    content: '".concat(texts[0], "';\n    animation: texts ").concat(texts.length * 5, "s linear infinite;\n  }\n\n  @keyframes texts {\n    ").concat(texts.map(function(_10, i) {
@@ -10211,19 +10222,19 @@ var html = function(_ref) {
 };
 var StatusMessages = function(_ref2) {
     var texts = _ref2.texts, className = _ref2.className, style = _ref2.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes61.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_themes61.Flex, {
         justify: "center",
         pb: "5",
         className: className,
         style: style,
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_themes61.Text, {
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_themes61.Text, {
                 size: "2",
                 weight: "regular",
                 color: "gray",
                 className: "status-messages-texts"
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("style", {
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("style", {
                 dangerouslySetInnerHTML: {
                     __html: html({
                         texts: texts
@@ -10234,7 +10245,7 @@ var StatusMessages = function(_ref2) {
     });
 };
 // src/components/threads/AudioThread/Status/index.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 function ownKeys48(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10296,7 +10307,7 @@ var Status = function(props) {
         }
         var _t2;
         if ($[1] !== props) {
-            _t2 = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(StatusMessages, _objectSpread48({
+            _t2 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(StatusMessages, _objectSpread48({
                 texts: _t
             }, props));
             $[1] = props;
@@ -10322,7 +10333,7 @@ var Status = function(props) {
         }
         var _t4;
         if ($[4] !== props) {
-            _t4 = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(StatusMessages, _objectSpread48({
+            _t4 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(StatusMessages, _objectSpread48({
                 texts: _t3
             }, props));
             $[4] = props;
@@ -10344,7 +10355,7 @@ var Status = function(props) {
         }
         var _t6;
         if ($[7] !== props) {
-            _t6 = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(StatusMessages, _objectSpread48({
+            _t6 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(StatusMessages, _objectSpread48({
                 texts: _t5
             }, props));
             $[7] = props;
@@ -10365,7 +10376,7 @@ var Status = function(props) {
     }
     var t1;
     if ($[10] !== props) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(StatusMessages, _objectSpread48({
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(StatusMessages, _objectSpread48({
             texts: t0
         }, props));
         $[10] = props;
@@ -10379,7 +10390,7 @@ var Status = function(props) {
 var import_react_compiler_runtime56 = require("react-compiler-runtime");
 var import_themes63 = require("@radix-ui/themes");
 // src/components/threads/AudioThread/Form/MicIcon.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 function ownKeys49(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10424,7 +10435,7 @@ function _toPrimitive49(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MicIcon = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("svg", _objectSpread49(_objectSpread49({
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("svg", _objectSpread49(_objectSpread49({
         xmlns: "http://www.w3.org/2000/svg",
         fill: "currentColor",
         stroke: "currentColor",
@@ -10433,7 +10444,7 @@ var MicIcon = function(props) {
         height: "15",
         width: "15"
     }, props), {}, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", {
             stroke: "none",
             d: "M192 0c-53 0-96 43-96 96v160c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM64 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h144c13.3 0 24-10.7 24-24s-10.7-24-24-24h-48v-33.6c85.8-11.7 152-85.3 152-174.4v-40c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128S64 326.7 64 256v-40z"
         })
@@ -10443,7 +10454,7 @@ var MicIcon = function(props) {
 var import_react_compiler_runtime55 = require("react-compiler-runtime");
 var import_themes62 = require("@radix-ui/themes");
 var import_react_icons17 = require("@radix-ui/react-icons");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var ActionButton = function() {
     var $ = (0, import_react_compiler_runtime55.c)(27);
     var status = useStatus().status;
@@ -10452,17 +10463,17 @@ var ActionButton = function() {
     if (status === "recording") {
         var _t;
         if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-            _t = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_icons17.PauseIcon, {});
+            _t = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_icons17.PauseIcon, {});
             $[0] = _t;
         } else {
             _t = $[0];
         }
         var t1;
         if ($[1] !== audioThreadContext.audioRuntime.user.pause) {
-            t1 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.Flex, {
+            t1 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes62.Flex, {
                 mr: "3",
                 ml: "-7",
-                children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.IconButton, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes62.IconButton, {
                     onClick: audioThreadContext.audioRuntime.user.pause,
                     color: "gray",
                     variant: "soft",
@@ -10477,14 +10488,14 @@ var ActionButton = function() {
         }
         var t2;
         if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-            t2 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_icons17.ArrowUpIcon, {});
+            t2 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_icons17.ArrowUpIcon, {});
             $[3] = t2;
         } else {
             t2 = $[3];
         }
         var t3;
         if ($[4] !== audioThreadContext.audioRuntime.user.stop) {
-            t3 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.IconButton, {
+            t3 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes62.IconButton, {
                 onClick: audioThreadContext.audioRuntime.user.stop,
                 highContrast: true,
                 variant: "soft",
@@ -10498,7 +10509,7 @@ var ActionButton = function() {
         }
         var t4;
         if ($[6] !== t1 || $[7] !== t3) {
-            t4 = /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_themes62.Flex, {
+            t4 = /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_themes62.Flex, {
                 align: "center",
                 children: [
                     t1,
@@ -10516,14 +10527,14 @@ var ActionButton = function() {
     if (status === "recorderPaused") {
         var _t2;
         if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-            _t2 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_icons17.ResumeIcon, {});
+            _t2 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_icons17.ResumeIcon, {});
             $[9] = _t2;
         } else {
             _t2 = $[9];
         }
         var _t3;
         if ($[10] !== audioThreadContext.audioRuntime.user.resume) {
-            _t3 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.IconButton, {
+            _t3 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes62.IconButton, {
                 onClick: audioThreadContext.audioRuntime.user.resume,
                 color: "red",
                 size: "4",
@@ -10539,7 +10550,7 @@ var ActionButton = function() {
     if (status === "idle") {
         var _t4;
         if ($[12] !== audioThreadContext.audioRuntime.user) {
-            _t4 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.IconButton, {
+            _t4 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes62.IconButton, {
                 onClick: function() {
                     return audioThreadContext.audioRuntime.user.start();
                 },
@@ -10571,14 +10582,14 @@ var ActionButton = function() {
         }
         var _t6;
         if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-            _t6 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_icons17.StopIcon, {});
+            _t6 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_icons17.StopIcon, {});
             $[18] = _t6;
         } else {
             _t6 = $[18];
         }
         var _t7;
         if ($[19] !== _t5) {
-            _t7 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.IconButton, {
+            _t7 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes62.IconButton, {
                 onClick: _t5,
                 size: "4",
                 color: "gray",
@@ -10605,14 +10616,14 @@ var ActionButton = function() {
         }
         var _t9;
         if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-            _t9 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_icons17.ResumeIcon, {});
+            _t9 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_icons17.ResumeIcon, {});
             $[23] = _t9;
         } else {
             _t9 = $[23];
         }
         var _t10;
         if ($[24] !== _t8) {
-            _t10 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.IconButton, {
+            _t10 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes62.IconButton, {
                 onClick: _t8,
                 size: "4",
                 children: _t9
@@ -10626,7 +10637,7 @@ var ActionButton = function() {
     }
     var t0;
     if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes62.IconButton, {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes62.IconButton, {
             size: "4",
             variant: "soft",
             disabled: true
@@ -10638,7 +10649,7 @@ var ActionButton = function() {
     return t0;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 function ownKeys50(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10689,11 +10700,11 @@ var Form = function(props) {
     var t0 = status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
     var t1;
     if ($[0] !== t0) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes63.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_themes63.Flex, {
             ml: "-22.5px",
             mr: "2",
             align: "center",
-            children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(MicIcon, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(MicIcon, {
                 style: {
                     color: t0
                 }
@@ -10719,7 +10730,7 @@ var Form = function(props) {
     var t4 = status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
     var t5;
     if ($[4] !== audioThreadContext.audioRuntime.user.visualizationAnalyser || $[5] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(BarsVisualizer, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(BarsVisualizer, {
             visualizationAnalyser: audioThreadContext.audioRuntime.user.visualizationAnalyser,
             backgroundColor: t4,
             height: "20px",
@@ -10733,7 +10744,7 @@ var Form = function(props) {
     }
     var t6;
     if ($[7] !== t3 || $[8] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes63.Flex, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_themes63.Flex, {
             px: "2",
             py: "1",
             style: t3,
@@ -10747,7 +10758,7 @@ var Form = function(props) {
     }
     var t7;
     if ($[10] !== t1 || $[11] !== t6) {
-        t7 = /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_themes63.Flex, {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_themes63.Flex, {
             pb: "3",
             align: "center",
             children: [
@@ -10763,14 +10774,14 @@ var Form = function(props) {
     }
     var t8;
     if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-        t8 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ActionButton, {});
+        t8 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ActionButton, {});
         $[13] = t8;
     } else {
         t8 = $[13];
     }
     var t9;
     if ($[14] !== props || $[15] !== t7) {
-        t9 = /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_themes63.Flex, _objectSpread50(_objectSpread50({
+        t9 = /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_themes63.Flex, _objectSpread50(_objectSpread50({
             direction: "column",
             align: "center"
         }, props), {}, {
@@ -10788,7 +10799,7 @@ var Form = function(props) {
     return t9;
 };
 // src/components/threads/AudioThread/index.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function ownKeys51(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10833,11 +10844,11 @@ function _toPrimitive51(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThread = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Root12, _objectSpread51(_objectSpread51({}, props), {}, {
+    return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Root12, _objectSpread51(_objectSpread51({}, props), {}, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Visualization, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Status, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Form, {})
+            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Visualization, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Status, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Form, {})
         ]
     }));
 };
@@ -10846,7 +10857,7 @@ AudioThread.Visualization = Visualization;
 AudioThread.Status = Status;
 AudioThread.Form = Form;
 // src/components/threads/AudioThreadDialog/index.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function ownKeys52(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -10891,12 +10902,12 @@ function _toPrimitive52(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThreadDialog = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Root9, _objectSpread52(_objectSpread52({}, props), {}, {
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Root9, _objectSpread52(_objectSpread52({}, props), {}, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Content7.Root, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(AudioThread, {})
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Content7.Root, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(AudioThread, {})
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Trigger, {})
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Trigger, {})
         ]
     }));
 };
@@ -11373,7 +11384,7 @@ var useWebrtcAudioRuntime = function() {
 };
 // src/components/audioRuntimes/WebrtcAudioRuntimeProvider.tsx
 var import_react_compiler_runtime57 = require("react-compiler-runtime");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var WebrtcAudioRuntimeProvider = function(t0) {
     var $ = (0, import_react_compiler_runtime57.c)(5);
     var children = t0.children;
@@ -11390,7 +11401,7 @@ var WebrtcAudioRuntimeProvider = function(t0) {
     }
     var t2;
     if ($[2] !== children || $[3] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(AudioThreadContext.Provider, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(AudioThreadContext.Provider, {
             value: t1,
             children: children
         });
@@ -11405,7 +11416,7 @@ var WebrtcAudioRuntimeProvider = function(t0) {
 // src/components/markdown/MarkdownProvider/index.tsx
 var import_react_compiler_runtime58 = require("react-compiler-runtime");
 var import_react69 = require("react");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var _excluded6 = [
     "children"
 ];
@@ -11458,7 +11469,7 @@ var MarkdownProvider = function(t0) {
     var value = t1;
     var t3;
     if ($[6] !== children || $[7] !== value) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(MarkdownContext.Provider, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(MarkdownContext.Provider, {
             value: value,
             children: children
         });
@@ -11480,7 +11491,7 @@ var import_themes65 = require("@radix-ui/themes");
 // src/components/annotations/SourceAnnotation/FileCitation/Content.tsx
 var import_react_compiler_runtime59 = require("react-compiler-runtime");
 var import_themes64 = require("@radix-ui/themes");
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var Content9 = function(t0) {
     var $ = (0, import_react_compiler_runtime59.c)(5);
     var fileId = t0.fileId;
@@ -11519,18 +11530,18 @@ var Content9 = function(t0) {
     }
     var t5;
     if ($[3] !== t3) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes64.Flex, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes64.Flex, {
             direction: "column",
             flexGrow: "1",
             gap: "3",
-            children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes64.Card, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes64.Card, {
                 style: t1,
-                children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes64.Inset, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes64.Inset, {
                     clip: "padding-box",
                     style: t2,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes64.Flex, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes64.Flex, {
                         flexGrow: "1",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("embed", {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("embed", {
                             src: t3,
                             style: t4
                         })
@@ -11546,7 +11557,7 @@ var Content9 = function(t0) {
     return t5;
 };
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var FileCitation = function(t0) {
     var $ = (0, import_react_compiler_runtime60.c)(18);
     var annotation = t0.annotation;
@@ -11563,14 +11574,14 @@ var FileCitation = function(t0) {
     }
     var t2;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react_icons18.QuoteIcon, {});
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react_icons18.QuoteIcon, {});
         $[2] = t2;
     } else {
         t2 = $[2];
     }
     var t3;
     if ($[3] !== t1) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes65.IconButton, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_themes65.IconButton, {
             variant: "soft",
             color: "gray",
             size: "1",
@@ -11606,9 +11617,9 @@ var FileCitation = function(t0) {
     }
     var t7;
     if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-        t7 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes65.VisuallyHidden, {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_themes65.VisuallyHidden, {
             asChild: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes65.Dialog.Title, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_themes65.Dialog.Title, {
                 children: "Source"
             })
         });
@@ -11618,7 +11629,7 @@ var FileCitation = function(t0) {
     }
     var t8;
     if ($[8] !== activeFileId) {
-        t8 = activeFileId && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Content9, {
+        t8 = activeFileId && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Content9, {
             fileId: activeFileId
         });
         $[8] = activeFileId;
@@ -11628,7 +11639,7 @@ var FileCitation = function(t0) {
     }
     var t9;
     if ($[10] !== t8) {
-        t9 = /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_themes65.Dialog.Content, {
+        t9 = /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_themes65.Dialog.Content, {
             width: "1000px",
             height: "90vh",
             maxWidth: "calc(100vw - 2 * var(--space-4))",
@@ -11646,7 +11657,7 @@ var FileCitation = function(t0) {
     }
     var t10;
     if ($[12] !== t4 || $[13] !== t9) {
-        t10 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes65.Dialog.Root, {
+        t10 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_themes65.Dialog.Root, {
             open: t4,
             onOpenChange: t5,
             children: t9
@@ -11659,7 +11670,7 @@ var FileCitation = function(t0) {
     }
     var t11;
     if ($[15] !== t10 || $[16] !== t3) {
-        t11 = /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, {
+        t11 = /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, {
             children: [
                 t3,
                 t10
@@ -11674,7 +11685,7 @@ var FileCitation = function(t0) {
     return t11;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var _excluded7 = [
     "children"
 ];
@@ -11725,7 +11736,7 @@ var SourceAnnotation = function(t0) {
     if (annotation.type === "file_citation") {
         var t2;
         if ($[5] !== annotation) {
-            t2 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(FileCitation, {
+            t2 = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(FileCitation, {
                 annotation: annotation
             });
             $[5] = annotation;
@@ -11738,7 +11749,7 @@ var SourceAnnotation = function(t0) {
         if (annotation.type === "file_path") {
             var _t2;
             if ($[7] !== annotation || $[8] !== children) {
-                _t2 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(FilePathAnnotation, {
+                _t2 = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(FilePathAnnotation, {
                     annotation: annotation,
                     children: children
                 });
@@ -11831,7 +11842,7 @@ var optimizedSrc = function(_ref) {
     }));
 };
 // src/components/imageAvatars/ImageAvatar/index.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var ImageAvatar = function(t0) {
     var $ = (0, import_react_compiler_runtime62.c)(9);
     var imageAvatar = t0.imageAvatar, size = t0.size, className = t0.className, style = t0.style;
@@ -11852,7 +11863,7 @@ var ImageAvatar = function(t0) {
     }
     var t2;
     if ($[4] !== className || $[5] !== size || $[6] !== style || $[7] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_themes66.Avatar, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes66.Avatar, {
             className: className,
             style: style,
             fallback: "",
@@ -11878,7 +11889,7 @@ var import_react_icons19 = require("@radix-ui/react-icons");
 var _obj;
 var iconAvatarComponents = (_obj = {}, _define_property(_obj, IconAvatarName.BACKPACK, import_react_icons19.BackpackIcon), _define_property(_obj, IconAvatarName.ROCKET, import_react_icons19.RocketIcon), _define_property(_obj, IconAvatarName.MAGIC_WAND, import_react_icons19.MagicWandIcon), _define_property(_obj, IconAvatarName.CUBE, import_react_icons19.CubeIcon), _define_property(_obj, IconAvatarName.TARGET, import_react_icons19.TargetIcon), _define_property(_obj, IconAvatarName.DISC, import_react_icons19.DiscIcon), _define_property(_obj, IconAvatarName.GLOBE, import_react_icons19.GlobeIcon), _define_property(_obj, IconAvatarName.STAR, import_react_icons19.StarIcon), _define_property(_obj, IconAvatarName.LIGHTNING_BOLT, import_react_icons19.LightningBoltIcon), _define_property(_obj, IconAvatarName.FACE, import_react_icons19.FaceIcon), _define_property(_obj, IconAvatarName.PERSON, import_react_icons19.PersonIcon), _define_property(_obj, IconAvatarName.HEART, import_react_icons19.HeartIcon), _obj);
 // src/components/iconAvatars/IconAvatar.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var IconAvatar = function(t0) {
     var $ = (0, import_react_compiler_runtime63.c)(7);
     var iconAvatar = t0.iconAvatar, size = t0.size, className = t0.className, style = t0.style;
@@ -11887,7 +11898,7 @@ var IconAvatar = function(t0) {
     var Component2 = t1;
     var t2;
     if ($[0] !== Component2) {
-        t2 = Component2 ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Component2, {}) : "";
+        t2 = Component2 ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Component2, {}) : "";
         $[0] = Component2;
         $[1] = t2;
     } else {
@@ -11895,7 +11906,7 @@ var IconAvatar = function(t0) {
     }
     var t3;
     if ($[2] !== className || $[3] !== size || $[4] !== style || $[5] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes67.Avatar, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_themes67.Avatar, {
             className: className,
             style: style,
             size: size,
@@ -11912,7 +11923,7 @@ var IconAvatar = function(t0) {
     return t3;
 };
 // src/components/avatars/Avatar.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var Avatar6 = function(t0) {
     var $ = (0, import_react_compiler_runtime64.c)(14);
     var avatar = t0.avatar, t1 = t0.size, className = t0.className, style = t0.style;
@@ -11921,7 +11932,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__ */ (0, import_jsx_runtime100.jsx)(ImageAvatar, {
+                _t = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ImageAvatar, {
                     imageAvatar: avatar.imageAvatar,
                     size: size,
                     className: className,
@@ -11940,7 +11951,7 @@ var Avatar6 = function(t0) {
         if (avatar.type === AvatarType.ICON && avatar.iconAvatar) {
             var _t2;
             if ($[5] !== avatar.iconAvatar || $[6] !== className || $[7] !== size || $[8] !== style) {
-                _t2 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(IconAvatar, {
+                _t2 = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(IconAvatar, {
                     iconAvatar: avatar.iconAvatar,
                     size: size,
                     className: className,
@@ -11959,7 +11970,7 @@ var Avatar6 = function(t0) {
     }
     var t2;
     if ($[10] !== className || $[11] !== size || $[12] !== style) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_themes68.Avatar, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes68.Avatar, {
             fallback: "",
             size: size,
             className: className,
@@ -11983,7 +11994,7 @@ var useComponents = function() {
     return (0, import_react72.useContext)(ComponentsContext);
 };
 // src/components/components/ComponentsProvider.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var _excluded8 = [
     "children"
 ];
@@ -12036,7 +12047,7 @@ var ComponentsProvider = function(t0) {
     var value = t1;
     var t3;
     if ($[6] !== children || $[7] !== value) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ComponentsContext.Provider, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(ComponentsContext.Provider, {
             value: value,
             children: children
         });
@@ -12050,7 +12061,7 @@ var ComponentsProvider = function(t0) {
 };
 // src/components/assistants/AssistantProvider/index.tsx
 var import_react_compiler_runtime66 = require("react-compiler-runtime");
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var AssistantProvider = function(t0) {
     var _assistant$name;
     var $ = (0, import_react_compiler_runtime66.c)(10);
@@ -12071,7 +12082,7 @@ var AssistantProvider = function(t0) {
     var t3 = assistant === null || assistant === void 0 ? void 0 : assistant.avatar;
     var t4;
     if ($[2] !== t3) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Avatar6, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Avatar6, {
             avatar: t3
         });
         $[2] = t3;
@@ -12081,7 +12092,7 @@ var AssistantProvider = function(t0) {
     }
     var t5;
     if ($[4] !== children || $[5] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(AssistantAvatarContext.Provider, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(AssistantAvatarContext.Provider, {
             value: t4,
             children: children
         });
@@ -12093,7 +12104,7 @@ var AssistantProvider = function(t0) {
     }
     var t6;
     if ($[7] !== t2 || $[8] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(AssistantNameContext.Provider, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(AssistantNameContext.Provider, {
             value: t2,
             children: t5
         });
@@ -12118,6 +12129,7 @@ var AssistantProvider = function(t0) {
     FunctionComponentsContext: FunctionComponentsContext,
     MarkdownContext: MarkdownContext,
     MarkdownProvider: MarkdownProvider,
+    MessageContent: MessageContent,
     RunStep: RunStep,
     SourceAnnotation: SourceAnnotation,
     Suggestions: Suggestions,
@@ -12131,6 +12143,7 @@ var AssistantProvider = function(t0) {
     useAssistant: useAssistant,
     useAudioThreadContext: useAudioThreadContext,
     useComponents: useComponents,
+    useCreateFile: useCreateFile,
     useCreateMessage: useCreateMessage,
     useIsMutatingMessage: useIsMutatingMessage,
     useLatestMessage: useLatestMessage,