@superinterface/react 2.15.5 → 2.15.7

package/dist/index.cjs

@@ -371,6 +371,9 @@ __export(src_exports, {
     ThreadDialogContext: function() {
         return ThreadDialogContext;
     },
+    UserAvatarContext: function() {
+        return UserAvatarContext;
+    },
     useComponents: function() {
         return useComponents;
     },
@@ -498,9 +501,9 @@ var SuperinterfaceProvider = function(param) {
     });
 };
 // src/components/threads/Thread/Messages/index.tsx
-var import_themes30 = require("@radix-ui/themes");
+var import_themes32 = require("@radix-ui/themes");
 // src/components/threads/Thread/Messages/Content/index.tsx
-var import_react24 = require("react");
+var import_react26 = require("react");
 // src/hooks/messages/useMessages/index.tsx
 var import_react4 = require("react");
 var import_react_query2 = require("@tanstack/react-query");
@@ -811,9 +814,8 @@ var useToasts = function() {
     return (0, import_react9.useContext)(ToastsContext);
 };
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
-var import_react23 = require("react");
-var import_themes27 = require("@radix-ui/themes");
-var import_react_icons4 = require("@radix-ui/react-icons");
+var import_react25 = require("react");
+var import_themes29 = require("@radix-ui/themes");
 // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
 var import_react11 = require("react");
 var import_themes5 = require("@radix-ui/themes");
@@ -844,17 +846,44 @@ var AssistantAvatar = function() {
 // src/contexts/assistants/AssistantNameContext/index.tsx
 var import_react12 = require("react");
 var AssistantNameContext = (0, import_react12.createContext)("Assistant");
+// src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
+var import_react14 = require("react");
+var import_themes7 = require("@radix-ui/themes");
+// src/contexts/users/UserAvatarContext/index.tsx
+var import_react13 = require("react");
+var import_themes6 = require("@radix-ui/themes");
+var import_react_icons2 = require("@radix-ui/react-icons");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var UserAvatarContext = (0, import_react13.createContext)(/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_themes6.Avatar, {
+    fallback: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_icons2.PersonIcon, {}),
+    size: "1"
+}));
+// src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var UserAvatar = function() {
+    var UserAvatarContextValue = (0, import_react14.useContext)(UserAvatarContext);
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_themes7.Flex, {
+        flexShrink: "0",
+        height: "24px",
+        width: "24px",
+        style: {
+            borderRadius: "var(--radius-3)",
+            overflow: "hidden"
+        },
+        children: UserAvatarContextValue
+    });
+};
 // src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
-var import_themes26 = require("@radix-ui/themes");
+var import_themes28 = require("@radix-ui/themes");
 // src/components/threads/Thread/Message/index.tsx
-var import_react22 = require("react");
+var import_react24 = require("react");
 var import_radash3 = require("radash");
-var import_themes25 = require("@radix-ui/themes");
+var import_themes27 = require("@radix-ui/themes");
 // src/components/skeletons/StartingContentSkeleton/index.tsx
-var import_themes6 = require("@radix-ui/themes");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_themes8 = require("@radix-ui/themes");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var StartingContentSkeleton = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_themes6.Skeleton, {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_themes8.Skeleton, {
         loading: true,
         mt: "1",
         height: "var(--space-4)",
@@ -866,31 +895,31 @@ var StartingContentSkeleton = function() {
     });
 };
 // src/components/runSteps/RunSteps/index.tsx
-var import_themes15 = require("@radix-ui/themes");
-var import_react17 = require("react");
+var import_themes17 = require("@radix-ui/themes");
+var import_react19 = require("react");
 // src/contexts/components/ComponentsContext/index.tsx
-var import_react16 = require("react");
+var import_react18 = require("react");
 // src/components/runSteps/RunStep/ToolCalls/index.tsx
-var import_themes14 = require("@radix-ui/themes");
+var import_themes16 = require("@radix-ui/themes");
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/index.tsx
-var import_themes12 = require("@radix-ui/themes");
+var import_themes14 = require("@radix-ui/themes");
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/index.tsx
-var import_react15 = require("react");
+var import_react17 = require("react");
 // src/contexts/functions/FunctionComponentsContext/index.tsx
-var import_react13 = require("react");
-var FunctionComponentsContext = (0, import_react13.createContext)({});
+var import_react15 = require("react");
+var FunctionComponentsContext = (0, import_react15.createContext)({});
 // src/components/functions/FunctionBase/index.tsx
-var import_themes10 = require("@radix-ui/themes");
+var import_themes12 = require("@radix-ui/themes");
 // src/components/toolCalls/ToolCallBase/index.tsx
-var import_themes7 = require("@radix-ui/themes");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_themes9 = require("@radix-ui/themes");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var ToolCallBase = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_themes7.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_themes9.Flex, {
         py: "1",
         ml: "-2",
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_themes7.Popover.Trigger, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_themes7.Button, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_themes9.Popover.Trigger, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_themes9.Button, {
                 size: "1",
                 color: "gold",
                 variant: "outline",
@@ -903,35 +932,35 @@ var ToolCallBase = function(param) {
     });
 };
 // src/components/toolCalls/ToolCallBase/ToolCallTitle.tsx
-var import_themes8 = require("@radix-ui/themes");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_themes10 = require("@radix-ui/themes");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var ToolCallTitle = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_themes8.Text, {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes10.Text, {
         weight: "regular",
         children: children
     });
 };
 // src/components/functions/FunctionBase/Icon.tsx
-var import_react_icons2 = require("@radix-ui/react-icons");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_react_icons3 = require("@radix-ui/react-icons");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var Icon = function(param) {
     var runStep = param.runStep;
     if (runStep.completed_at) {
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_icons2.CheckCircledIcon, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_icons3.CheckCircledIcon, {});
     } else if (runStep.cancelled_at || runStep.failed_at || runStep.status === "expired") {
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_icons2.CircleBackslashIcon, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_icons3.CircleBackslashIcon, {});
     } else {
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_icons2.CircleIcon, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_icons3.CircleIcon, {});
     }
 };
 // src/components/functions/FunctionBase/Content.tsx
-var import_react14 = require("react");
-var import_themes9 = require("@radix-ui/themes");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_themes11 = require("@radix-ui/themes");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var Content = function(param) {
     var fn = param.fn;
-    var args = (0, import_react14.useMemo)(function() {
+    var args = (0, import_react16.useMemo)(function() {
         var result = null;
         try {
             result = JSON.parse(fn.arguments);
@@ -942,7 +971,7 @@ var Content = function(param) {
     }, [
         fn
     ]);
-    var output = (0, import_react14.useMemo)(function() {
+    var output = (0, import_react16.useMemo)(function() {
         if (!fn.output) {
             return null;
         }
@@ -959,7 +988,7 @@ var Content = function(param) {
     if (!args) {
         return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_themes9.Code, {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_themes11.Code, {
         variant: "ghost",
         color: "gold",
         style: {
@@ -967,36 +996,36 @@ var Content = function(param) {
             wordBreak: "break-word"
         },
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes9.Box, {
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_themes11.Box, {
                 children: args && JSON.stringify(args, null, 2)
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes9.Box, {
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_themes11.Box, {
                 children: output && JSON.stringify(output, null, 2)
             })
         ]
     });
 };
 // src/components/functions/FunctionBase/index.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var FunctionBase = function(param) {
     var fn = param.fn, runStep = param.runStep, title2 = param.title;
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_themes10.Popover.Root, {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_themes12.Popover.Root, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(ToolCallBase, {
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(ToolCallBase, {
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, {
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, {
                         runStep: runStep
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToolCallTitle, {
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToolCallTitle, {
                         children: title2
                     })
                 ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_themes10.Popover.Content, {
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_themes12.Popover.Content, {
                 style: {
                     maxHeight: "200px"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Content, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Content, {
                     fn: fn
                 })
             })
@@ -1015,10 +1044,10 @@ var title = function(param) {
     }
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/DefaultFunction/index.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var DefaultFunction = function(param) {
     var fn = param.fn, runStep = param.runStep;
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(FunctionBase, {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FunctionBase, {
         fn: fn,
         runStep: runStep,
         title: title({
@@ -1028,66 +1057,66 @@ var DefaultFunction = function(param) {
     });
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/index.tsx
-var import_jsx_runtime14 = // @ts-ignore-next-line
+var import_jsx_runtime16 = // @ts-ignore-next-line
 require("react/jsx-runtime");
 var Fn = function(param) {
     var fn = param.fn, runStep = param.runStep;
-    var functionComponentsContext = (0, import_react15.useContext)(FunctionComponentsContext);
+    var functionComponentsContext = (0, import_react17.useContext)(FunctionComponentsContext);
     var Component = functionComponentsContext[fn.name] || DefaultFunction;
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Component, {
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Component, {
         fn: fn,
         runStep: runStep
     });
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/index.tsx
-var import_themes11 = require("@radix-ui/themes");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_themes13 = require("@radix-ui/themes");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var CodeInterpreter = function(param) {
     var codeInterpreter = param.codeInterpreter;
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_themes11.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes13.Flex, {
         children: codeInterpreter.input
     });
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/index.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var ToolCall = function(param) {
     var toolCall = param.toolCall, runStep = param.runStep;
     if (toolCall.type === "function") {
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Fn, {
+        return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Fn, {
             fn: toolCall.function,
             runStep: runStep
         });
     }
     if (toolCall.type === "code_interpreter") {
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CodeInterpreter, {
+        return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CodeInterpreter, {
             codeInterpreter: toolCall.code_interpreter,
             runStep: runStep
         });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes12.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes14.Flex, {
         children: toolCall.type
     });
 };
 // src/components/runSteps/RunStep/ToolCalls/Starting/index.tsx
-var import_themes13 = require("@radix-ui/themes");
-var import_react_icons3 = require("@radix-ui/react-icons");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_themes15 = require("@radix-ui/themes");
+var import_react_icons4 = require("@radix-ui/react-icons");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var Starting = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_themes13.Popover.Root, {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_themes15.Popover.Root, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(ToolCallBase, {
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(ToolCallBase, {
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_icons3.CircleIcon, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToolCallTitle, {
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_icons4.CircleIcon, {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ToolCallTitle, {
                         children: "Starting actions"
                     })
                 ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes13.Popover.Content, {
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes15.Popover.Content, {
                 style: {
                     maxHeight: "500px"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes13.Text, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes15.Text, {
                     children: "Getting ready to connect to domain API"
                 })
             })
@@ -1095,21 +1124,21 @@ var Starting = function() {
     });
 };
 // src/components/runSteps/RunStep/ToolCalls/index.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var Root = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes14.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes16.Flex, {
         direction: "column",
         children: children
     });
 };
 var ToolCalls = function(param) {
     var stepDetails = param.stepDetails, runStep = param.runStep;
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Root, {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Root, {
         children: [
-            !stepDetails.tool_calls.length && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Starting, {}),
+            !stepDetails.tool_calls.length && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Starting, {}),
             stepDetails.tool_calls.map(function(toolCall) {
-                return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToolCall, {
+                return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ToolCall, {
                     toolCall: toolCall,
                     runStep: runStep
                 }, toolCall.id);
@@ -1121,11 +1150,11 @@ ToolCalls.Root = Root;
 ToolCalls.Starting = Starting;
 ToolCalls.ToolCall = ToolCall;
 // src/components/runSteps/RunStep/index.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var RunStep = function(param) {
     var runStep = param.runStep;
     if (runStep.step_details.type === "tool_calls") {
-        return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ToolCalls, {
+        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ToolCalls, {
             stepDetails: runStep.step_details,
             runStep: runStep
         });
@@ -1134,28 +1163,28 @@ var RunStep = function(param) {
 };
 RunStep.ToolCalls = ToolCalls;
 // src/contexts/components/ComponentsContext/index.tsx
-var ComponentsContext = (0, import_react16.createContext)({
+var ComponentsContext = (0, import_react18.createContext)({
     components: {
         RunStep: RunStep
     }
 });
 // src/components/runSteps/RunSteps/index.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var RunSteps = function(param) {
     var runSteps = param.runSteps;
-    var componentsContext = (0, import_react17.useContext)(ComponentsContext);
+    var componentsContext = (0, import_react19.useContext)(ComponentsContext);
     var Component = componentsContext.components.RunStep;
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes15.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_themes17.Flex, {
         direction: "column-reverse",
         children: runSteps.map(function(runStep) {
-            return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Component, {
+            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Component, {
                 runStep: runStep
             }, runStep.id);
         })
     });
 };
 // src/hooks/messages/useIsMutatingMessage/index.ts
-var import_react18 = require("react");
+var import_react20 = require("react");
 var import_react_query3 = require("@tanstack/react-query");
 var useIsMutatingMessage = function() {
     var threadContext = useSuperinterfaceContext();
@@ -1165,7 +1194,7 @@ var useIsMutatingMessage = function() {
             threadContext.variables
         ]
     });
-    var isMutatingMessage = (0, import_react18.useMemo)(function() {
+    var isMutatingMessage = (0, import_react20.useMemo)(function() {
         return mutatingMessagesCount > 0;
     }, [
         mutatingMessagesCount
@@ -1173,8 +1202,8 @@ var useIsMutatingMessage = function() {
     return isMutatingMessage;
 };
 // src/contexts/messages/MessageContext/index.ts
-var import_react19 = require("react");
-var MessageContext = (0, import_react19.createContext)({
+var import_react21 = require("react");
+var MessageContext = (0, import_react21.createContext)({
     message: null
 });
 // src/components/threads/Thread/Message/Provider.tsx
@@ -1182,17 +1211,17 @@ var Provider = MessageContext.Provider;
 // src/components/threads/Thread/Message/TextContent.tsx
 var import_react_markdown = __toESM(require("react-markdown"), 1);
 // src/hooks/markdown/useMarkdownContext/index.ts
-var import_react21 = require("react");
+var import_react23 = require("react");
 // src/contexts/markdown/MarkdownContext/index.ts
-var import_react20 = require("react");
+var import_react22 = require("react");
 // src/contexts/markdown/MarkdownContext/lib/components/Paragraph.tsx
-var import_themes16 = require("@radix-ui/themes");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_themes18 = require("@radix-ui/themes");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var Paragraph = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes16.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_themes18.Box, {
         pb: "3",
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes16.Text, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_themes18.Text, {
             size: "3",
             style: {
                 whiteSpace: "pre-line",
@@ -1203,24 +1232,24 @@ var Paragraph = function(param) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Link.tsx
-var import_themes17 = require("@radix-ui/themes");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_themes19 = require("@radix-ui/themes");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var Link = function(param) {
     var children = param.children, href = param.href;
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_themes17.Link, {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_themes19.Link, {
         href: href,
         children: children
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/UnorderedList.tsx
-var import_themes18 = require("@radix-ui/themes");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_themes20 = require("@radix-ui/themes");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var UnorderedList = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_themes18.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_themes20.Box, {
         pb: "3",
         asChild: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("ul", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("ul", {
             style: {
                 listStylePosition: "inside"
             },
@@ -1229,14 +1258,14 @@ var UnorderedList = function(param) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/OrderedList.tsx
-var import_themes19 = require("@radix-ui/themes");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_themes21 = require("@radix-ui/themes");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var OrderedList = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_themes19.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes21.Box, {
         pb: "3",
         asChild: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("ol", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("ol", {
             style: {
                 listStylePosition: "inside"
             },
@@ -1245,32 +1274,32 @@ var OrderedList = function(param) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/ListItem.tsx
-var import_themes20 = require("@radix-ui/themes");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_themes22 = require("@radix-ui/themes");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var ListItem = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_themes20.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes22.Box, {
         pb: "1",
-        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("li", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("li", {
             children: children
         })
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Strong.tsx
-var import_themes21 = require("@radix-ui/themes");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_themes23 = require("@radix-ui/themes");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var Strong = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes21.Strong, {
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes23.Strong, {
         children: children
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Pre.tsx
-var import_themes22 = require("@radix-ui/themes");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_themes24 = require("@radix-ui/themes");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var Pre = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes22.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_themes24.Box, {
         style: {
             whiteSpace: "pre-wrap",
             wordBreak: "break-word"
@@ -1279,21 +1308,21 @@ var Pre = function(param) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Code.tsx
-var import_themes23 = require("@radix-ui/themes");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_themes25 = require("@radix-ui/themes");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var Code2 = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes23.Code, {
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes25.Code, {
         children: children
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img.tsx
-var import_themes24 = require("@radix-ui/themes");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_themes26 = require("@radix-ui/themes");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var Img = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_themes24.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_themes26.Box, {
         pb: "3",
-        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("img", _object_spread_props(_object_spread({}, props), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("img", _object_spread_props(_object_spread({}, props), {
             style: {
                 maxWidth: "100%",
                 height: "auto"
@@ -1314,7 +1343,7 @@ var components = {
     img: Img
 };
 // src/contexts/markdown/MarkdownContext/index.ts
-var MarkdownContext = (0, import_react20.createContext)({
+var MarkdownContext = (0, import_react22.createContext)({
     remarkPlugins: [],
     rehypeReactOptions: {
         components: components
@@ -1322,22 +1351,22 @@ var MarkdownContext = (0, import_react20.createContext)({
 });
 // src/hooks/markdown/useMarkdownContext/index.ts
 var useMarkdownContext = function() {
-    return (0, import_react21.useContext)(MarkdownContext);
+    return (0, import_react23.useContext)(MarkdownContext);
 };
 // src/components/threads/Thread/Message/TextContent.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var TextContent = function(param) {
     var content = param.content;
     var markdownContext = useMarkdownContext();
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_markdown.default, _object_spread_props(_object_spread({}, markdownContext), {
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_markdown.default, _object_spread_props(_object_spread({}, markdownContext), {
         children: content.text.value
     }));
 };
 // src/components/threads/Thread/Message/index.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var Message = function(param) {
     var message = param.message;
-    var _ref = _sliced_to_array((0, import_react22.useMemo)(function() {
+    var _ref = _sliced_to_array((0, import_react24.useMemo)(function() {
         if (!message.runSteps.length) return [
             [],
             []
@@ -1370,7 +1399,7 @@ var Message = function(param) {
         message
     ]), 2), olderRunSteps = _ref[0], laterRunSteps = _ref[1];
     var isMutatingMessage = useIsMutatingMessage();
-    var isInProgress = (0, import_react22.useMemo)(function() {
+    var isInProgress = (0, import_react24.useMemo)(function() {
         if (!isMutatingMessage) return false;
         if (message.status === "in_progress") return true;
         return message.runSteps.some(function(rs) {
@@ -1379,68 +1408,65 @@ var Message = function(param) {
     }, [
         message
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Provider, {
         value: {
             message: message
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_themes25.Box, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_themes27.Box, {
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(RunSteps, {
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RunSteps, {
                     runSteps: olderRunSteps
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_themes25.Box, {
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_themes27.Box, {
                     children: [
                         message.content.map(function(content, index) {
-                            return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react22.Fragment, {
-                                children: content.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TextContent, {
+                            return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react24.Fragment, {
+                                children: content.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TextContent, {
                                     content: content
                                 })
                             }, index);
                         }),
-                        isInProgress && (0, import_radash3.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(StartingContentSkeleton, {})
+                        isInProgress && (0, import_radash3.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(StartingContentSkeleton, {})
                     ]
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(RunSteps, {
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RunSteps, {
                     runSteps: laterRunSteps
                 }),
-                isInProgress && !(0, import_radash3.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_themes25.Box, {
-                    children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(StartingContentSkeleton, {})
+                isInProgress && !(0, import_radash3.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_themes27.Box, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(StartingContentSkeleton, {})
                 })
             ]
         })
     });
 };
 // src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var Content2 = function(param) {
     var messageGroup = param.messageGroup;
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_themes26.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes28.Flex, {
         direction: "column-reverse",
         children: messageGroup.messages.map(function(message) {
-            return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Message, {
+            return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Message, {
                 message: message
             }, message.id);
         })
     });
 };
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var MessageGroup = function(param) {
     var messageGroup = param.messageGroup;
-    var assistantNameContext = (0, import_react23.useContext)(AssistantNameContext);
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(MessageGroupBase, {
+    var assistantNameContext = (0, import_react25.useContext)(AssistantNameContext);
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(MessageGroupBase, {
         children: [
-            messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_themes27.Avatar, {
-                fallback: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_icons4.PersonIcon, {}),
-                size: "1"
-            }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(AssistantAvatar, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_themes27.Box, {
+            messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AssistantAvatar, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_themes29.Box, {
                 flexGrow: "1",
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Name, {
+                    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Name, {
                         children: messageGroup.role === "user" ? "You" : assistantNameContext
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Content2, {
+                    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Content2, {
                         messageGroup: messageGroup
                     })
                 ]
@@ -1449,14 +1475,14 @@ var MessageGroup = function(param) {
     });
 };
 // src/components/threads/Thread/Messages/Content/index.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var Content3 = function() {
     var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
     var addToast = useToasts().addToast;
     var _useMessageGroups = useMessageGroups({
         messages: messages2
     }), messageGroups2 = _useMessageGroups.messageGroups;
-    (0, import_react24.useEffect)(function() {
+    (0, import_react26.useEffect)(function() {
         if (isLoadingError) {
             addToast({
                 type: "error",
@@ -1468,45 +1494,45 @@ var Content3 = function() {
         addToast
     ]);
     if (isLoading || isLoadingError) {
-        return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(MessagesSkeleton, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(MessagesSkeleton, {});
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, {
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, {
         children: messageGroups2.map(function(messageGroup) {
-            return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(MessageGroup, {
+            return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(MessageGroup, {
                 messageGroup: messageGroup
             }, messageGroup.id);
         })
     });
 };
 // src/components/threads/Thread/Messages/Progress/index.tsx
-var import_react27 = require("react");
+var import_react29 = require("react");
 // src/components/skeletons/StartingSkeleton/index.tsx
-var import_react25 = require("react");
-var import_themes28 = require("@radix-ui/themes");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_react27 = require("react");
+var import_themes30 = require("@radix-ui/themes");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var StartingSkeleton = function(param) {
     var children = param.children;
-    var assistantNameContext = (0, import_react25.useContext)(AssistantNameContext);
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(MessageGroupBase, {
+    var assistantNameContext = (0, import_react27.useContext)(AssistantNameContext);
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(MessageGroupBase, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AssistantAvatar, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_themes28.Box, {
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AssistantAvatar, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_themes30.Box, {
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Name, {
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Name, {
                         children: assistantNameContext
                     }),
                     children,
-                    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(StartingContentSkeleton, {})
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(StartingContentSkeleton, {})
                 ]
             })
         ]
     });
 };
 // src/hooks/messages/useLatestMessage/index.ts
-var import_react26 = require("react");
+var import_react28 = require("react");
 var useLatestMessage = function() {
     var props = useMessages();
-    return (0, import_react26.useMemo)(function() {
+    return (0, import_react28.useMemo)(function() {
         return _object_spread_props(_object_spread({}, props), {
             latestMessage: props.messages[0] || null
         });
@@ -1521,11 +1547,11 @@ var isOptimistic = function(param) {
     return import_lodash4.default.startsWith(id, "-");
 };
 // src/components/threads/Thread/Messages/Progress/index.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var Progress = function() {
     var latestMessage = useLatestMessage().latestMessage;
     var isMutatingMessage = useIsMutatingMessage();
-    var isVisible = (0, import_react27.useMemo)(function() {
+    var isVisible = (0, import_react29.useMemo)(function() {
         if (!latestMessage) return false;
         if (latestMessage.role !== "user") return false;
         if (latestMessage.status === "in_progress") return false;
@@ -1539,20 +1565,20 @@ var Progress = function() {
         isMutatingMessage
     ]);
     if (!isVisible) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(StartingSkeleton, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(StartingSkeleton, {});
 };
 // src/components/threads/Thread/Messages/Root/index.tsx
-var import_themes29 = require("@radix-ui/themes");
+var import_themes31 = require("@radix-ui/themes");
 // src/hooks/misc/useInfiniteScroll/index.tsx
-var import_react29 = require("react");
+var import_react31 = require("react");
 var import_react_intersection_observer = require("react-intersection-observer");
 // src/hooks/misc/useThrottledEffect/index.tsx
 var import_lodash5 = __toESM(require("lodash"), 1);
-var import_react28 = require("react");
+var import_react30 = require("react");
 var useThrottledEffect = function(cb, delay, additionalDeps) {
     var _cbRef;
-    var cbRef = (0, import_react28.useRef)(cb);
-    var throttledCb = (0, import_react28.useCallback)(import_lodash5.default.throttle(function() {
+    var cbRef = (0, import_react30.useRef)(cb);
+    var throttledCb = (0, import_react30.useCallback)(import_lodash5.default.throttle(function() {
         for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
             args[_key] = arguments[_key];
         }
@@ -1563,17 +1589,17 @@ var useThrottledEffect = function(cb, delay, additionalDeps) {
     }), [
         delay
     ]);
-    (0, import_react28.useEffect)(function() {
+    (0, import_react30.useEffect)(function() {
         cbRef.current = cb;
     });
-    (0, import_react28.useEffect)(throttledCb, [
+    (0, import_react30.useEffect)(throttledCb, [
         throttledCb
     ].concat(_to_consumable_array(additionalDeps)));
 };
 // src/hooks/misc/useInfiniteScroll/index.tsx
 var useInfiniteScroll = function(param) {
     var isFetchingNextPage = param.isFetchingNextPage, hasNextPage = param.hasNextPage, fetchNextPage = param.fetchNextPage;
-    var containerRef = (0, import_react29.useRef)(null);
+    var containerRef = (0, import_react31.useRef)(null);
     var _ref = (0, import_react_intersection_observer.useInView)({
         root: containerRef.current,
         rootMargin: "0px",
@@ -1598,7 +1624,7 @@ var useInfiniteScroll = function(param) {
     };
 };
 // src/components/threads/Thread/Messages/Root/index.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var Root2 = function(param) {
     var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
     var _useMessages = useMessages(), isFetchingNextPage = _useMessages.isFetchingNextPage, hasNextPage = _useMessages.hasNextPage, fetchNextPage = _useMessages.fetchNextPage;
@@ -1607,7 +1633,7 @@ var Root2 = function(param) {
         hasNextPage: hasNextPage,
         fetchNextPage: fetchNextPage
     }), containerRef = _useInfiniteScroll.containerRef, loaderRef = _useInfiniteScroll.loaderRef;
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_themes29.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_themes31.Flex, {
         ref: containerRef,
         direction: "column-reverse",
         flexGrow: "1",
@@ -1616,10 +1642,10 @@ var Root2 = function(param) {
         }),
         children: [
             children,
-            hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes29.Flex, {
+            hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes31.Flex, {
                 ref: loaderRef
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes29.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes31.Flex, {
                 flexShrink: "0",
                 flexGrow: "1"
             })
@@ -1627,30 +1653,30 @@ var Root2 = function(param) {
     });
 };
 // src/components/threads/Thread/Messages/NextPageSkeleton.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var NextPageSkeleton = function() {
     var hasNextPage = useMessages().hasNextPage;
     if (!hasNextPage) {
         return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(MessagesSkeleton, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(MessagesSkeleton, {});
 };
 // src/components/threads/Thread/Messages/index.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var Messages = function(param) {
     var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Root2, {
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Root2, {
         style: style,
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes30.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes32.Flex, {
                 flexShrink: "0",
                 height: "var(--space-3)"
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Progress, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Progress, {}),
             children,
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Content3, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(NextPageSkeleton, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes30.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Content3, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(NextPageSkeleton, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes32.Flex, {
                 flexShrink: "0",
                 flexGrow: "1"
             })
@@ -1661,48 +1687,48 @@ Messages.Root = Root2;
 Messages.Message = Message;
 Messages.NextPageSkeleton = NextPageSkeleton;
 // src/components/threads/Thread/MessageForm/index.tsx
-var import_themes34 = require("@radix-ui/themes");
+var import_themes36 = require("@radix-ui/themes");
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
 var import_react_icons5 = require("@radix-ui/react-icons");
-var import_themes31 = require("@radix-ui/themes");
+var import_themes33 = require("@radix-ui/themes");
 // src/hooks/messages/useMessageFormContext/index.ts
-var import_react31 = require("react");
+var import_react33 = require("react");
 // src/contexts/messages/MessageFormContext/index.ts
-var import_react30 = require("react");
-var MessageFormContext = (0, import_react30.createContext)({
+var import_react32 = require("react");
+var MessageFormContext = (0, import_react32.createContext)({
     isDisabled: false,
     isLoading: false
 });
 // src/hooks/messages/useMessageFormContext/index.ts
 var useMessageFormContext = function() {
-    return (0, import_react31.useContext)(MessageFormContext);
+    return (0, import_react33.useContext)(MessageFormContext);
 };
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var Submit = function() {
     var superinterfaceContext = useSuperinterfaceContext();
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
     if (isLoading) {
-        return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes31.IconButton, {
+        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes33.IconButton, {
             type: "button",
             onClick: function() {
                 var _superinterfaceContext_createMessageAbortControllerRef_current;
                 return (_superinterfaceContext_createMessageAbortControllerRef_current = superinterfaceContext.createMessageAbortControllerRef.current) === null || _superinterfaceContext_createMessageAbortControllerRef_current === void 0 ? void 0 : _superinterfaceContext_createMessageAbortControllerRef_current.abort();
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_icons5.StopIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_icons5.StopIcon, {})
         });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes31.IconButton, {
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes33.IconButton, {
         type: "submit",
         disabled: isDisabled,
-        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_icons5.ArrowUpIcon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_icons5.ArrowUpIcon, {})
     });
 };
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 var import_react_query5 = require("@tanstack/react-query");
-var import_react32 = require("react");
+var import_react34 = require("react");
 var import_react_hook_form = require("react-hook-form");
-var import_themes32 = require("@radix-ui/themes");
+var import_themes34 = require("@radix-ui/themes");
 // src/hooks/messages/useCreateMessage/index.ts
 var import_radash11 = require("radash");
 var import_react_query4 = require("@tanstack/react-query");
@@ -2323,7 +2349,7 @@ var formOptions = {
 };
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 var import_radash12 = require("radash");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var Root3 = function(param) {
     var children = param.children, onSubmitArg = param.onSubmit;
     var formProps = (0, import_react_hook_form.useForm)(formOptions);
@@ -2355,7 +2381,7 @@ var Root3 = function(param) {
         }
     }).createMessage;
     var isMutatingMessage = useIsMutatingMessage();
-    var isLoading = (0, import_react32.useMemo)(function() {
+    var isLoading = (0, import_react34.useMemo)(function() {
         return isMutatingMessage || isSubmitting;
     }, [
         isMutatingMessage,
@@ -2390,7 +2416,7 @@ var Root3 = function(param) {
         };
     }();
     var latestMessage = useLatestMessage().latestMessage;
-    var isDisabled = (0, import_react32.useMemo)(function() {
+    var isDisabled = (0, import_react34.useMemo)(function() {
         var // @ts-ignore-next-line
         _latestMessage_metadata;
         return latestMessage === null || latestMessage === void 0 ? void 0 : (_latestMessage_metadata = latestMessage.metadata) === null || _latestMessage_metadata === void 0 ? void 0 : _latestMessage_metadata.isBlocking;
@@ -2398,16 +2424,16 @@ var Root3 = function(param) {
         latestMessage,
         isLoading
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MessageFormContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(MessageFormContext.Provider, {
         value: {
             isDisabled: isDisabled,
             isLoading: isLoading
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_hook_form.FormProvider, _object_spread_props(_object_spread({}, formProps), {
-            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes32.Box, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react_hook_form.FormProvider, _object_spread_props(_object_spread({}, formProps), {
+            children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes34.Box, {
                 asChild: true,
                 flexShrink: "0",
-                children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("form", {
+                children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("form", {
                     onSubmit: handleSubmit(onSubmit),
                     children: children
                 })
@@ -2417,19 +2443,19 @@ var Root3 = function(param) {
 };
 // src/components/threads/Thread/MessageForm/Field/index.tsx
 var import_react_use = require("react-use");
-var import_react34 = require("react");
+var import_react36 = require("react");
 // src/components/textareas/TextareaBase/index.tsx
-var import_react33 = require("react");
+var import_react35 = require("react");
 var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"), 1);
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var UPSCALE_RATIO = 16 / 14;
-var TextareaBase = (0, import_react33.forwardRef)(function TextareaBase2(props, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, {
+var TextareaBase = (0, import_react35.forwardRef)(function TextareaBase2(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("style", {
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("style", {
                 children: ".superinterface-textarea { min-height: inherit; height: 30px; }\n.superinterface-textarea::placeholder { color: var(--gray-a10); }"
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_textarea_autosize.default, _object_spread({
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_textarea_autosize.default, _object_spread({
                 ref: ref,
                 className: "rt-reset superinterface-textarea",
                 style: {
@@ -2453,21 +2479,21 @@ var TextareaBase = (0, import_react33.forwardRef)(function TextareaBase2(props,
 });
 // src/components/threads/Thread/MessageForm/Field/index.tsx
 var import_react_hook_form2 = require("react-hook-form");
-var import_themes33 = require("@radix-ui/themes");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_themes35 = require("@radix-ui/themes");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var Root4 = function(param) {
     var children = param.children;
     var _ref = (0, import_react_hook_form2.useFormContext)(), errors = _ref.formState.errors;
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes33.Container, {
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes35.Container, {
         size: "2",
         flexGrow: "0",
-        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes33.Flex, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes35.Flex, {
             direction: "column",
             flexShrink: "0",
-            children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes33.Flex, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes35.Flex, {
                 direction: "column",
                 flexShrink: "0",
-                children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes33.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes35.Flex, {
                     style: _object_spread({
                         borderRadius: "var(--radius-2)",
                         borderWidth: "1px",
@@ -2485,19 +2511,19 @@ var Root4 = function(param) {
     });
 };
 var Control = function() {
-    var assistantNameContext = (0, import_react34.useContext)(AssistantNameContext);
+    var assistantNameContext = (0, import_react36.useContext)(AssistantNameContext);
     var register = (0, import_react_hook_form2.useFormContext)().register;
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
-    var isSubmitDisabled = (0, import_react34.useMemo)(function() {
+    var isSubmitDisabled = (0, import_react36.useMemo)(function() {
         return isDisabled || isLoading;
     }, [
         isDisabled,
         isLoading
     ]);
     var isDisabledPrevious = (0, import_react_use.usePrevious)(isDisabled);
-    var textareaRef = (0, import_react34.useRef)(null);
+    var textareaRef = (0, import_react36.useRef)(null);
     var textareaProps = register("content");
-    (0, import_react34.useEffect)(function() {
+    (0, import_react36.useEffect)(function() {
         if (isDisabled) return;
         if (!isDisabledPrevious) return;
         if (!textareaRef.current) return;
@@ -2507,7 +2533,7 @@ var Control = function() {
         isDisabledPrevious,
         textareaProps
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TextareaBase, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TextareaBase, _object_spread_props(_object_spread({
         minRows: 1,
         placeholder: "Message ".concat(assistantNameContext, "..."),
         disabled: isDisabled,
@@ -2531,26 +2557,26 @@ var Field = {
     Control: Control
 };
 // src/components/threads/Thread/MessageForm/index.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var MessageForm = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Root3, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Field.Root, {
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Root3, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Field.Root, {
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes34.Text, {
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes36.Text, {
                     size: "2",
                     style: {
                         flexGrow: 1
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes34.Flex, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes36.Flex, {
                         flexGrow: "1",
                         direction: "column",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Field.Control, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Field.Control, {})
                     })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes34.Flex, {
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes36.Flex, {
                     flexShrink: "0",
                     align: "end",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Submit, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Submit, {})
                 })
             ]
         })
@@ -2560,17 +2586,17 @@ MessageForm.Root = Root3;
 MessageForm.Field = Field;
 MessageForm.Submit = Submit;
 // src/components/threads/Thread/Root/index.tsx
-var import_themes35 = require("@radix-ui/themes");
+var import_themes37 = require("@radix-ui/themes");
 // src/components/threads/Thread/Provider/index.tsx
 var Provider2 = SuperinterfaceProvider;
 // src/components/threads/Thread/Root/index.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var Root5 = function(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Provider2, _object_spread_props(_object_spread({}, rest), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes35.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Provider2, _object_spread_props(_object_spread({}, rest), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes37.Flex, {
             direction: "column",
             flexGrow: "1",
             children: children
@@ -2578,12 +2604,12 @@ var Root5 = function(_param) {
     }));
 };
 // src/components/threads/Thread/index.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var Thread = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Root5, _object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Root5, _object_spread_props(_object_spread({}, props), {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Messages, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(MessageForm, {})
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Messages, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(MessageForm, {})
         ]
     }));
 };
@@ -2591,30 +2617,30 @@ Thread.Root = Root5;
 Thread.Messages = Messages;
 Thread.MessageForm = MessageForm;
 // src/hooks/messages/useMessageContext/index.ts
-var import_react35 = require("react");
+var import_react37 = require("react");
 var useMessageContext = function() {
-    return (0, import_react35.useContext)(MessageContext);
+    return (0, import_react37.useContext)(MessageContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
-var import_react38 = require("react");
+var import_react40 = require("react");
 // src/contexts/threads/ThreadDialogContext/index.ts
-var import_react36 = require("react");
-var ThreadDialogContext = (0, import_react36.createContext)({
+var import_react38 = require("react");
+var ThreadDialogContext = (0, import_react38.createContext)({
     isOpen: false,
     setIsOpen: function() {}
 });
 // src/hooks/threads/useThreadDialogContext/index.ts
-var import_react37 = require("react");
+var import_react39 = require("react");
 var useThreadDialogContext = function() {
-    return (0, import_react37.useContext)(ThreadDialogContext);
+    return (0, import_react39.useContext)(ThreadDialogContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var Provider3 = function(param) {
     var children = param.children;
     var threadDialogContext = useThreadDialogContext();
-    var _ref = _sliced_to_array((0, import_react38.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ThreadDialogContext.Provider, {
+    var _ref = _sliced_to_array((0, import_react40.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ThreadDialogContext.Provider, {
         value: {
             isOpen: isOpen,
             setIsOpen: setIsOpen
@@ -2623,31 +2649,31 @@ var Provider3 = function(param) {
     });
 };
 // src/components/toasts/ToastsProvider/index.tsx
-var import_react39 = require("react");
+var import_react41 = require("react");
 var Toast2 = __toESM(require("@radix-ui/react-toast"), 1);
 // src/components/toasts/ToastsProvider/CustomToast.tsx
 var Toast = __toESM(require("@radix-ui/react-toast"), 1);
-var import_themes36 = require("@radix-ui/themes");
+var import_themes38 = require("@radix-ui/themes");
 var import_react_icons6 = require("@radix-ui/react-icons");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var CustomToast = function(param) {
     var toast = param.toast;
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Toast.Root, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes36.Card, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Toast.Title, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_themes36.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Toast.Root, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes38.Card, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Toast.Title, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_themes38.Flex, {
                     children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes36.Flex, {
+                        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes38.Flex, {
                             pr: "2",
                             height: "14px",
                             align: "center",
-                            children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_icons6.CheckCircledIcon, {
+                            children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_icons6.CheckCircledIcon, {
                                 color: "var(--accent-9)"
-                            }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_icons6.CrossCircledIcon, {
+                            }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_icons6.CrossCircledIcon, {
                                 color: "var(--red-9)"
                             })
                         }),
-                        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes36.Text, {
+                        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes38.Text, {
                             weight: "medium",
                             size: "1",
                             children: toast.message
@@ -2659,31 +2685,31 @@ var CustomToast = function(param) {
     });
 };
 // src/components/toasts/ToastsProvider/index.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var ToastsProvider = function(param) {
     var children = param.children;
-    var _ref = _sliced_to_array((0, import_react39.useState)([]), 2), toasts = _ref[0], setToasts = _ref[1];
-    var addToast = (0, import_react39.useCallback)(function(toast) {
+    var _ref = _sliced_to_array((0, import_react41.useState)([]), 2), toasts = _ref[0], setToasts = _ref[1];
+    var addToast = (0, import_react41.useCallback)(function(toast) {
         return setToasts(function(prevToasts) {
             return _to_consumable_array(prevToasts).concat([
                 toast
             ]);
         });
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ToastsContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ToastsContext.Provider, {
         value: {
             toasts: toasts,
             addToast: addToast
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Toast2.Provider, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Toast2.Provider, {
             children: [
                 children,
                 Array.from(toasts).map(function(toast, index) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(CustomToast, {
+                    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CustomToast, {
                         toast: toast
                     }, index);
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Toast2.Viewport, {
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Toast2.Viewport, {
                     style: {
                         position: "absolute",
                         bottom: 0,
@@ -2705,22 +2731,22 @@ var ToastsProvider = function(param) {
     });
 };
 // src/components/threads/ThreadDialog/Root/index.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var Root7 = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ToastsProvider, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Provider3, {
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ToastsProvider, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Provider3, {
             children: children
         })
     });
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-var import_themes37 = require("@radix-ui/themes");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_themes39 = require("@radix-ui/themes");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var Trigger = function(param) {
     var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes37.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes39.Flex, {
         display: {
             initial: isOpen ? "none" : "flex",
             sm: "flex"
@@ -2744,25 +2770,25 @@ var Trigger = function(param) {
     });
 };
 // src/components/threads/ThreadDialog/Button/index.tsx
-var import_themes38 = require("@radix-ui/themes");
+var import_themes40 = require("@radix-ui/themes");
 var import_react_icons7 = require("@radix-ui/react-icons");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var Button2 = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes38.IconButton, {
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes40.IconButton, {
         size: "4",
         radius: "full",
-        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_icons7.ChatBubbleIcon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_icons7.ChatBubbleIcon, {})
     });
 };
 // src/components/threads/ThreadDialog/Content/index.tsx
-var import_themes40 = require("@radix-ui/themes");
+var import_themes42 = require("@radix-ui/themes");
 // src/components/threads/ThreadDialog/Close/index.tsx
 var import_react_icons8 = require("@radix-ui/react-icons");
-var import_themes39 = require("@radix-ui/themes");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_themes41 = require("@radix-ui/themes");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var Close = function() {
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes39.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes41.Flex, {
         display: {
             initial: isOpen ? "flex" : "none",
             sm: "none"
@@ -2782,20 +2808,20 @@ var Close = function() {
         style: {
             zIndex: 9999999999
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes39.IconButton, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes41.IconButton, {
             size: "2",
             variant: "soft",
-            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_icons8.Cross1Icon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react_icons8.Cross1Icon, {})
         })
     });
 };
 // src/components/threads/ThreadDialog/Content/index.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var Root8 = function(param) {
     var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
     var isOpen = useThreadDialogContext().isOpen;
     if (!isOpen) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes40.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes42.Flex, {
         direction: "column",
         justify: "end",
         position: "fixed",
@@ -2823,7 +2849,7 @@ var Root8 = function(param) {
         style: _object_spread({
             zIndex: 9999999999
         }, style),
-        children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_themes40.Card, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_themes42.Card, {
             mb: {
                 initial: void 0,
                 sm: "3"
@@ -2834,7 +2860,7 @@ var Root8 = function(param) {
                 flexGrow: 1
             },
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes40.Inset, {
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes42.Inset, {
                     clip: "padding-box",
                     side: "all",
                     pb: "current",
@@ -2844,31 +2870,31 @@ var Root8 = function(param) {
                     },
                     children: children
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Close, {})
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Close, {})
             ]
         })
     });
 };
 var Content4 = function(param) {
     var _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Root8, {
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Root8, {
         style: style,
-        children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Thread.Root, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Thread.Root, {
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Thread.Messages, {
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Thread.Messages, {
                     style: {
                         paddingTop: "var(--space-5)",
                         paddingRight: "var(--space-5)",
                         paddingLeft: "var(--space-5)"
                     }
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes40.Flex, {
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes42.Flex, {
                     direction: "column",
                     pl: "5",
                     pr: "5",
                     pb: "3",
                     flexShrink: "0",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Thread.MessageForm, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Thread.MessageForm, {})
                 })
             ]
         })
@@ -2876,13 +2902,13 @@ var Content4 = function(param) {
 };
 Content4.Root = Root8;
 // src/components/threads/ThreadDialog/index.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var ThreadDialog = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Root7, {
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Root7, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Content4, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Trigger, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Button2, {})
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Content4, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Trigger, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Button2, {})
             })
         ]
     });
@@ -2893,10 +2919,10 @@ ThreadDialog.Button = Button2;
 ThreadDialog.Content = Content4;
 // src/components/threads/AudioThread/Root/index.tsx
 var import_runtime = require("regenerator-runtime/runtime");
-var import_themes41 = require("@radix-ui/themes");
+var import_themes43 = require("@radix-ui/themes");
 // src/contexts/threads/AudioThreadContext/index.ts
-var import_react40 = require("react");
-var AudioThreadContext = (0, import_react40.createContext)({
+var import_react42 = require("react");
+var AudioThreadContext = (0, import_react42.createContext)({
     status: "idle",
     recorderProps: {
         status: "idle",
@@ -2964,11 +2990,11 @@ var blobToData = function(blob) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-var import_react41 = require("react");
+var import_react43 = require("react");
 var useStatus = function(param) {
     var messageAudioProps = param.messageAudioProps, recorderProps = param.recorderProps, createMessageProps = param.createMessageProps;
     var latestMessageProps = useLatestMessage();
-    var status = (0, import_react41.useMemo)(function() {
+    var status = (0, import_react43.useMemo)(function() {
         var _latestMessageProps_latestMessage;
         if (recorderProps.status === "recording") return "recording";
         if (createMessageProps.isPending) return "creatingMessage";
@@ -2992,19 +3018,19 @@ var useStatus = function(param) {
 // src/hooks/audioThreads/useRecorder/index.ts
 var import_dayjs2 = __toESM(require("dayjs"), 1);
 var import_use_audio_capture = require("use-audio-capture");
-var import_react42 = require("react");
+var import_react44 = require("react");
 var import_react_use_audio_player = require("react-use-audio-player");
 var import_react_use2 = require("react-use");
 var useRecorder = function(param) {
     var isStopOnSilence = param.isStopOnSilence, onStart = param.onStart, onStop = param.onStop;
-    var _ref = _sliced_to_array((0, import_react42.useState)(null), 2), silenceStart = _ref[0], setSilenceStart = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react42.useState)(null), 2), noiseStart = _ref1[0], setNoiseStart = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react42.useState)(null), 2), mediaStream = _ref2[0], setMediaStream = _ref2[1];
-    var _ref3 = _sliced_to_array((0, import_react42.useState)("idle"), 2), status = _ref3[0], setStatus = _ref3[1];
+    var _ref = _sliced_to_array((0, import_react44.useState)(null), 2), silenceStart = _ref[0], setSilenceStart = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react44.useState)(null), 2), noiseStart = _ref1[0], setNoiseStart = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react44.useState)(null), 2), mediaStream = _ref2[0], setMediaStream = _ref2[1];
+    var _ref3 = _sliced_to_array((0, import_react44.useState)("idle"), 2), status = _ref3[0], setStatus = _ref3[1];
     var startAudioPlayer = (0, import_react_use_audio_player.useAudioPlayer)();
     var endAudioPlayer = (0, import_react_use_audio_player.useAudioPlayer)();
-    var _ref4 = _sliced_to_array((0, import_react42.useState)(false), 2), isLoaded = _ref4[0], setIsLoaded = _ref4[1];
-    (0, import_react42.useEffect)(function() {
+    var _ref4 = _sliced_to_array((0, import_react44.useState)(false), 2), isLoaded = _ref4[0], setIsLoaded = _ref4[1];
+    (0, import_react44.useEffect)(function() {
         if (isLoaded) return;
         setIsLoaded(true);
     }, [
@@ -3062,9 +3088,9 @@ var useRecorder = function(param) {
             setNoiseStart(null);
         }
     });
-    var _ref5 = _sliced_to_array((0, import_react42.useState)(null), 2), audioEngine = _ref5[0], setAudioEngine = _ref5[1];
-    var isInited = (0, import_react42.useRef)(false);
-    (0, import_react42.useEffect)(function() {
+    var _ref5 = _sliced_to_array((0, import_react44.useState)(null), 2), audioEngine = _ref5[0], setAudioEngine = _ref5[1];
+    var isInited = (0, import_react44.useRef)(false);
+    (0, import_react44.useEffect)(function() {
         if (!mediaStream) return;
         if (isInited.current) return;
         isInited.current = true;
@@ -3077,7 +3103,7 @@ var useRecorder = function(param) {
         isInited,
         mediaStream
     ]);
-    var visualizationAnalyser = (0, import_react42.useMemo)(function() {
+    var visualizationAnalyser = (0, import_react44.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(result);
@@ -3085,7 +3111,7 @@ var useRecorder = function(param) {
     }, [
         audioEngine
     ]);
-    var silenceAnalyser = (0, import_react42.useMemo)(function() {
+    var silenceAnalyser = (0, import_react44.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         result.minDecibels = -60;
@@ -3094,7 +3120,7 @@ var useRecorder = function(param) {
     }, [
         audioEngine
     ]);
-    var handleSilence = (0, import_react42.useCallback)(function() {
+    var handleSilence = (0, import_react44.useCallback)(function() {
         if (!silenceAnalyser) return;
         var frequencyData = new Uint8Array(silenceAnalyser.frequencyBinCount);
         silenceAnalyser.getByteFrequencyData(frequencyData);
@@ -3117,7 +3143,7 @@ var useRecorder = function(param) {
         setNoiseStart,
         setSilenceStart
     ]);
-    (0, import_react42.useEffect)(function() {
+    (0, import_react44.useEffect)(function() {
         if (!isStopOnSilence) return;
         requestAnimationFrame(function() {
             return handleSilence();
@@ -3140,7 +3166,7 @@ var useRecorder = function(param) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-var import_react43 = require("react");
+var import_react45 = require("react");
 var import_compromise = __toESM(require("compromise"), 1);
 var import_howler = require("howler");
 var import_react_use_audio_player2 = require("react-use-audio-player");
@@ -3178,15 +3204,15 @@ var getMessageSentences = function(param) {
 };
 var useMessageAudio = function(param) {
     var onEnd = param.onEnd;
-    var _ref = _sliced_to_array((0, import_react43.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react43.useState)([]), 2), stoppedMessageIds = _ref1[0], setStoppedMessageIds = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react43.useState)([]), 2), playedMessageSentences = _ref2[0], setPlayedMessageSentences = _ref2[1];
+    var _ref = _sliced_to_array((0, import_react45.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react45.useState)([]), 2), stoppedMessageIds = _ref1[0], setStoppedMessageIds = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react45.useState)([]), 2), playedMessageSentences = _ref2[0], setPlayedMessageSentences = _ref2[1];
     var audioPlayer = (0, import_react_use_audio_player2.useAudioPlayer)();
     var nextAudioPlayer = (0, import_react_use_audio_player2.useAudioPlayer)();
     var superinterfaceContext = useSuperinterfaceContext();
-    var _ref3 = _sliced_to_array((0, import_react43.useState)(false), 2), isPlaying = _ref3[0], setIsPlaying = _ref3[1];
+    var _ref3 = _sliced_to_array((0, import_react45.useState)(false), 2), isPlaying = _ref3[0], setIsPlaying = _ref3[1];
     var latestMessageProps = useLatestMessage();
-    var unplayedMessageSentences = (0, import_react43.useMemo)(function() {
+    var unplayedMessageSentences = (0, import_react45.useMemo)(function() {
         if (!latestMessageProps.latestMessage) return [];
         if (latestMessageProps.latestMessage.role !== "assistant") return [];
         if (stoppedMessageIds.includes(latestMessageProps.latestMessage.id)) return [];
@@ -3207,7 +3233,7 @@ var useMessageAudio = function(param) {
         latestMessageProps,
         playedMessageSentences
     ]);
-    (0, import_react43.useEffect)(function() {
+    (0, import_react45.useEffect)(function() {
         if (isPlaying) return;
         if (audioPlayer.playing) return;
         if (!latestMessageProps.latestMessage) return;
@@ -3275,7 +3301,7 @@ var useMessageAudio = function(param) {
         playedMessageSentences,
         onEnd
     ]);
-    (0, import_react43.useEffect)(function() {
+    (0, import_react45.useEffect)(function() {
         if (isHtmlAudioSupported) {
             var _import_howler_Howler__howls___sounds_, _import_howler_Howler__howls_, _import_howler_Howler;
             if (!((_import_howler_Howler = import_howler.Howler) === null || _import_howler_Howler === void 0 ? void 0 : (_import_howler_Howler__howls_ = _import_howler_Howler._howls[0]) === null || _import_howler_Howler__howls_ === void 0 ? void 0 : (_import_howler_Howler__howls___sounds_ = _import_howler_Howler__howls_._sounds[0]) === null || _import_howler_Howler__howls___sounds_ === void 0 ? void 0 : _import_howler_Howler__howls___sounds_._node)) return;
@@ -3284,9 +3310,9 @@ var useMessageAudio = function(param) {
     }, [
         audioPlayer
     ]);
-    var _ref4 = _sliced_to_array((0, import_react43.useState)(null), 2), audioEngine = _ref4[0], setAudioEngine = _ref4[1];
-    var isAudioEngineInited = (0, import_react43.useRef)(false);
-    (0, import_react43.useEffect)(function() {
+    var _ref4 = _sliced_to_array((0, import_react45.useState)(null), 2), audioEngine = _ref4[0], setAudioEngine = _ref4[1];
+    var isAudioEngineInited = (0, import_react45.useRef)(false);
+    (0, import_react45.useEffect)(function() {
         if (!audioPlayer.playing) return;
         if (isAudioEngineInited.current) return;
         isAudioEngineInited.current = true;
@@ -3307,7 +3333,7 @@ var useMessageAudio = function(param) {
         audioPlayer,
         isAudioEngineInited
     ]);
-    var visualizationAnalyser = (0, import_react43.useMemo)(function() {
+    var visualizationAnalyser = (0, import_react45.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(audioEngine.audioContext.destination);
@@ -3316,7 +3342,7 @@ var useMessageAudio = function(param) {
     }, [
         audioEngine
     ]);
-    var isPending = (0, import_react43.useMemo)(function() {
+    var isPending = (0, import_react45.useMemo)(function() {
         return isPlaying || unplayedMessageSentences.length > 0;
     }, [
         isPlaying,
@@ -3330,7 +3356,7 @@ var useMessageAudio = function(param) {
     });
 };
 // src/components/threads/AudioThread/Root/index.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var Root9 = function(param) {
     var children = param.children;
     var createMessageProps = useCreateMessage();
@@ -3388,13 +3414,13 @@ var Root9 = function(param) {
         createMessageProps: createMessageProps,
         messageAudioProps: messageAudioProps
     }).status;
-    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AudioThreadContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AudioThreadContext.Provider, {
         value: {
             status: status,
             recorderProps: recorderProps,
             messageAudioProps: messageAudioProps
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes41.Flex, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes43.Flex, {
             direction: "column",
             flexGrow: "1",
             p: "9",
@@ -3403,25 +3429,25 @@ var Root9 = function(param) {
     });
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-var import_react46 = require("react");
+var import_react48 = require("react");
 var import_lodash9 = __toESM(require("lodash"), 1);
-var import_themes43 = require("@radix-ui/themes");
+var import_themes45 = require("@radix-ui/themes");
 // src/hooks/threads/useAudioThreadContext/index.ts
-var import_react44 = require("react");
+var import_react46 = require("react");
 var useAudioThreadContext = function() {
-    return (0, import_react44.useContext)(AudioThreadContext);
+    return (0, import_react46.useContext)(AudioThreadContext);
 };
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
 var import_lodash8 = __toESM(require("lodash"), 1);
-var import_themes42 = require("@radix-ui/themes");
-var import_react45 = require("react");
+var import_themes44 = require("@radix-ui/themes");
+var import_react47 = require("react");
 var import_radash14 = require("radash");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var barCount = 4;
 var BarsVisualizer = function(param) {
     var visualizationAnalyser = param.visualizationAnalyser, backgroundColor = param.backgroundColor, height = param.height, barWidth = param.barWidth;
-    var _ref = _sliced_to_array((0, import_react45.useState)([]), 2), barHeights = _ref[0], setBarHeights = _ref[1];
-    var draw = (0, import_react45.useCallback)(function(param) {
+    var _ref = _sliced_to_array((0, import_react47.useState)([]), 2), barHeights = _ref[0], setBarHeights = _ref[1];
+    var draw = (0, import_react47.useCallback)(function(param) {
         var visualizationAnalyser2 = param.visualizationAnalyser;
         if (!visualizationAnalyser2) {
             setBarHeights(Array(barCount).fill(0));
@@ -3439,7 +3465,7 @@ var BarsVisualizer = function(param) {
             });
         });
     }, []);
-    (0, import_react45.useEffect)(function() {
+    (0, import_react47.useEffect)(function() {
         draw({
             visualizationAnalyser: visualizationAnalyser
         });
@@ -3447,7 +3473,7 @@ var BarsVisualizer = function(param) {
         draw,
         visualizationAnalyser
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes42.Grid, {
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes44.Grid, {
         columns: "".concat(barCount),
         gap: "1",
         width: "auto",
@@ -3456,12 +3482,12 @@ var BarsVisualizer = function(param) {
             gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
         },
         children: barHeights.map(function(barHeight, index) {
-            return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes42.Flex, {
+            return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes44.Flex, {
                 direction: "column",
                 align: "center",
                 justify: "center",
                 height: height,
-                children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes42.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes44.Flex, {
                     minHeight: "50%",
                     maxHeight: "100%",
                     height: "".concat(barHeight + 20, "%"),
@@ -3476,12 +3502,12 @@ var BarsVisualizer = function(param) {
     });
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var Visualization = function() {
     var audioThreadContext = useAudioThreadContext();
-    var assistantNameContext = (0, import_react46.useContext)(AssistantNameContext);
-    var _ref = _sliced_to_array((0, import_react46.useState)(0), 2), scale = _ref[0], setScale = _ref[1];
-    var draw = (0, import_react46.useCallback)(function(param) {
+    var assistantNameContext = (0, import_react48.useContext)(AssistantNameContext);
+    var _ref = _sliced_to_array((0, import_react48.useState)(0), 2), scale = _ref[0], setScale = _ref[1];
+    var draw = (0, import_react48.useCallback)(function(param) {
         var visualizationAnalyser = param.visualizationAnalyser;
         if (!visualizationAnalyser) {
             setScale(1);
@@ -3496,7 +3522,7 @@ var Visualization = function() {
             });
         });
     }, []);
-    (0, import_react46.useEffect)(function() {
+    (0, import_react48.useEffect)(function() {
         draw({
             visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser
         });
@@ -3504,14 +3530,14 @@ var Visualization = function() {
         draw,
         audioThreadContext
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_themes43.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_themes45.Flex, {
         direction: "column",
         align: "center",
         justify: "center",
         mb: "3",
         flexGrow: "1",
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes43.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes45.Flex, {
                 align: "center",
                 justify: "center",
                 height: "200px",
@@ -3521,20 +3547,20 @@ var Visualization = function() {
                     borderRadius: "9999px",
                     scale: scale
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(BarsVisualizer, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(BarsVisualizer, {
                     visualizationAnalyser: audioThreadContext.messageAudioProps.visualizationAnalyser,
                     backgroundColor: audioThreadContext.status === "playing" ? "var(--accent-11)" : "var(--gray-11)",
                     height: "40px",
                     barWidth: "24px"
                 })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_themes43.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_themes45.Flex, {
                 ml: "-22.5px",
                 gap: "3",
                 pt: "5",
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AssistantAvatar, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Name, {
+                    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(AssistantAvatar, {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Name, {
                         children: assistantNameContext
                     })
                 ]
@@ -3543,8 +3569,8 @@ var Visualization = function() {
     });
 };
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
-var import_themes44 = require("@radix-ui/themes");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_themes46 = require("@radix-ui/themes");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var html = function(param) {
     var texts = param.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) {
@@ -3553,17 +3579,17 @@ var html = function(param) {
 };
 var StatusMessages = function(param) {
     var texts = param.texts;
-    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_themes44.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes46.Flex, {
         justify: "center",
         pb: "5",
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes44.Text, {
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes46.Text, {
                 size: "2",
                 weight: "regular",
                 color: "gray",
                 className: "status-messages-texts"
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("style", {
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("style", {
                 dangerouslySetInnerHTML: {
                     __html: html({
                         texts: texts
@@ -3574,11 +3600,11 @@ var StatusMessages = function(param) {
     });
 };
 // src/components/threads/AudioThread/Status/index.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var Status = function() {
     var audioThreadContext = useAudioThreadContext();
     if (audioThreadContext.status === "recording") {
-        return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(StatusMessages, {
+        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(StatusMessages, {
             texts: [
                 "Start speaking",
                 "Listening",
@@ -3592,31 +3618,31 @@ var Status = function() {
         "idle",
         "playerPaused"
     ].includes(audioThreadContext.status)) {
-        return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(StatusMessages, {
+        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(StatusMessages, {
             texts: [
                 "Click the button below to activate"
             ]
         });
     }
     if (audioThreadContext.status === "playing") {
-        return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(StatusMessages, {
+        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(StatusMessages, {
             texts: [
                 "Click the button below to interrupt"
             ]
         });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(StatusMessages, {
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(StatusMessages, {
         texts: [
             "Thinking"
         ]
     });
 };
 // src/components/threads/AudioThread/Form/index.tsx
-var import_themes46 = require("@radix-ui/themes");
+var import_themes48 = require("@radix-ui/themes");
 // src/components/threads/AudioThread/Form/MicIcon.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var MicIcon = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("svg", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("svg", _object_spread_props(_object_spread({
         xmlns: "http://www.w3.org/2000/svg",
         fill: "currentColor",
         stroke: "currentColor",
@@ -3625,54 +3651,54 @@ var MicIcon = function(props) {
         height: "15",
         width: "15"
     }, props), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime63.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"
         })
     }));
 };
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
-var import_themes45 = require("@radix-ui/themes");
+var import_themes47 = require("@radix-ui/themes");
 var import_react_icons9 = require("@radix-ui/react-icons");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var ActionButton = function() {
     var audioThreadContext = useAudioThreadContext();
     var superinterfaceContext = useSuperinterfaceContext();
     if (audioThreadContext.status === "recording") {
-        return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes45.Flex, {
+        return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_themes47.Flex, {
             align: "center",
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.Flex, {
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes47.Flex, {
                     mr: "3",
                     ml: "-7",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.IconButton, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes47.IconButton, {
                         onClick: audioThreadContext.recorderProps.pause,
                         color: "gray",
                         variant: "soft",
                         size: "1",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_icons9.PauseIcon, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_icons9.PauseIcon, {})
                     })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.IconButton, {
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes47.IconButton, {
                     onClick: audioThreadContext.recorderProps.stop,
                     highContrast: true,
                     variant: "soft",
                     size: "4",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_icons9.ArrowUpIcon, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_icons9.ArrowUpIcon, {})
                 })
             ]
         });
     }
     if (audioThreadContext.status === "recorderPaused") {
-        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.IconButton, {
+        return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes47.IconButton, {
             onClick: audioThreadContext.recorderProps.resume,
             color: "red",
             size: "4",
-            children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_icons9.ResumeIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_icons9.ResumeIcon, {})
         });
     }
     if (audioThreadContext.status === "idle") {
-        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.IconButton, {
+        return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes47.IconButton, {
             onClick: function() {
                 return audioThreadContext.recorderProps.start();
             },
@@ -3681,7 +3707,7 @@ var ActionButton = function() {
         });
     }
     if (audioThreadContext.status === "playing") {
-        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.IconButton, {
+        return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes47.IconButton, {
             onClick: function() {
                 var _superinterfaceContext_createMessageAbortControllerRef_current;
                 audioThreadContext.messageAudioProps.stop();
@@ -3691,54 +3717,54 @@ var ActionButton = function() {
             size: "4",
             color: "gray",
             variant: "soft",
-            children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_icons9.StopIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_icons9.StopIcon, {})
         });
     }
     if (audioThreadContext.status === "playerPaused") {
-        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.IconButton, {
+        return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes47.IconButton, {
             onClick: function() {
                 return audioThreadContext.messageAudioProps.play();
             },
             size: "4",
-            children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_icons9.ResumeIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_icons9.ResumeIcon, {})
         });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes45.IconButton, {
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes47.IconButton, {
         size: "4",
         variant: "soft",
         disabled: true
     });
 };
 // src/components/threads/AudioThread/Form/index.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var Form = function() {
     var audioThreadContext = useAudioThreadContext();
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_themes46.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_themes48.Flex, {
         direction: "column",
         align: "center",
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_themes46.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_themes48.Flex, {
                 pb: "3",
                 align: "center",
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes46.Flex, {
+                    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes48.Flex, {
                         ml: "-22.5px",
                         mr: "2",
                         align: "center",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(MicIcon, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(MicIcon, {
                             style: {
                                 color: audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)"
                             }
                         })
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes46.Flex, {
+                    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes48.Flex, {
                         px: "2",
                         py: "1",
                         style: {
                             backgroundColor: audioThreadContext.status === "recording" ? "var(--accent-4)" : "var(--gray-4)",
                             borderRadius: "var(--radius-6)"
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(BarsVisualizer, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(BarsVisualizer, {
                             visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser,
                             backgroundColor: audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)",
                             height: "20px",
@@ -3747,18 +3773,18 @@ var Form = function() {
                     })
                 ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ActionButton, {})
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ActionButton, {})
         ]
     });
 };
 // src/components/threads/AudioThread/index.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var AudioThread = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Root9, _object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Root9, _object_spread_props(_object_spread({}, props), {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Visualization, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Status, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Form, {})
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Visualization, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Status, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Form, {})
         ]
     }));
 };
@@ -3766,15 +3792,15 @@ AudioThread.Root = Root9;
 AudioThread.Visualization = Visualization;
 AudioThread.Form = Form;
 // src/components/threads/AudioThreadDialog/index.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var AudioThreadDialog = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(Root7, {
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Root7, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Content4.Root, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(AudioThread, {})
+            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Content4.Root, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(AudioThread, {})
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Trigger, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button2, {})
+            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Trigger, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Button2, {})
             })
         ]
     });
@@ -3784,20 +3810,20 @@ AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Button = Button2;
 AudioThreadDialog.Content = Content4;
 // src/components/suggestions/Suggestions/index.tsx
-var import_react48 = require("react");
+var import_react50 = require("react");
 // src/components/suggestions/Suggestions/Content.tsx
-var import_react47 = require("react");
+var import_react49 = require("react");
 var import_radash15 = require("radash");
 var import_react_children_utilities = require("react-children-utilities");
-var import_themes48 = require("@radix-ui/themes");
+var import_themes50 = require("@radix-ui/themes");
 // src/components/suggestions/Suggestions/Item.tsx
 var import_react_icons10 = require("@radix-ui/react-icons");
-var import_themes47 = require("@radix-ui/themes");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_themes49 = require("@radix-ui/themes");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var Item = function(param) {
     var suggestion = param.suggestion, isDisabled = param.isDisabled;
     var _useCreateMessage = useCreateMessage(), createMessage = _useCreateMessage.createMessage, isPending = _useCreateMessage.isPending;
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Content5, {
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Content5, {
         onClick: function() {
             createMessage({
                 // @ts-ignore-next-line
@@ -3811,7 +3837,7 @@ var Item = function(param) {
 };
 var Content5 = function(param) {
     var onClick = param.onClick, isDisabled = param.isDisabled, isPending = param.isPending, children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_themes47.Button, {
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes49.Button, {
         variant: "soft",
         onClick: onClick,
         disabled: isDisabled,
@@ -3821,14 +3847,14 @@ var Content5 = function(param) {
             flexShrink: 1
         },
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes47.Text, {
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Text, {
                 size: "1",
                 weight: "regular",
                 children: children
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes47.Spinner, {
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Spinner, {
                 loading: isPending,
-                children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react_icons10.ArrowUpIcon, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_icons10.ArrowUpIcon, {
                     style: {
                         flexShrink: 0
                     }
@@ -3839,11 +3865,11 @@ var Content5 = function(param) {
 };
 Item.Content = Content5;
 // src/components/suggestions/Suggestions/Content.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var Content6 = function(param) {
     var children = param.children;
     var isMutatingMessage = useIsMutatingMessage();
-    var suggestions = (0, import_react47.useMemo)(function() {
+    var suggestions = (0, import_react49.useMemo)(function() {
         return (0, import_react_children_utilities.onlyText)(children).split(/\r?\n/).filter(function(c) {
             return !(0, import_radash15.isEmpty)(c);
         }).map(function(c) {
@@ -3853,12 +3879,12 @@ var Content6 = function(param) {
         children
     ]);
     if ((0, import_radash15.isEmpty)(suggestions)) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes48.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes50.Flex, {
         gap: "2",
         py: "2",
         wrap: "wrap",
         children: suggestions.map(function(suggestion) {
-            return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Item, {
+            return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Item, {
                 suggestion: suggestion,
                 isDisabled: isMutatingMessage
             }, suggestion);
@@ -3866,11 +3892,11 @@ var Content6 = function(param) {
     });
 };
 // src/components/suggestions/Suggestions/index.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var Suggestions = function(param) {
     var children = param.children;
     var latestMessageProps = useLatestMessage();
-    var isDisabled = (0, import_react48.useMemo)(function() {
+    var isDisabled = (0, import_react50.useMemo)(function() {
         var // @ts-ignore-next-line
         _latestMessageProps_latestMessage_metadata, _latestMessageProps_latestMessage;
         return (_latestMessageProps_latestMessage = latestMessageProps.latestMessage) === null || _latestMessageProps_latestMessage === void 0 ? void 0 : (_latestMessageProps_latestMessage_metadata = _latestMessageProps_latestMessage.metadata) === null || _latestMessageProps_latestMessage_metadata === void 0 ? void 0 : _latestMessageProps_latestMessage_metadata.isBlocking;
@@ -3879,51 +3905,51 @@ var Suggestions = function(param) {
     ]);
     if (latestMessageProps.isLoading) return null;
     if (isDisabled) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Content6, {
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Content6, {
         children: children
     });
 };
 Suggestions.Item = Item;
 // src/components/markdown/MarkdownProvider/index.tsx
-var import_react49 = require("react");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_react51 = require("react");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var MarkdownProvider = function(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
     ]);
     var prevMarkdownContext = useMarkdownContext();
-    var value = (0, import_react49.useMemo)(function() {
+    var value = (0, import_react51.useMemo)(function() {
         return merge(prevMarkdownContext, rest);
     }, [
         rest,
         prevMarkdownContext
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MarkdownContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(MarkdownContext.Provider, {
         value: value,
         children: children
     });
 };
 // src/components/components/ComponentsProvider.tsx
-var import_react51 = require("react");
+var import_react53 = require("react");
 // src/hooks/components/useComponents.ts
-var import_react50 = require("react");
+var import_react52 = require("react");
 var useComponents = function() {
-    return (0, import_react50.useContext)(ComponentsContext);
+    return (0, import_react52.useContext)(ComponentsContext);
 };
 // src/components/components/ComponentsProvider.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var ComponentsProvider = function(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
     ]);
     var prevComponents = useComponents();
-    var value = (0, import_react51.useMemo)(function() {
+    var value = (0, import_react53.useMemo)(function() {
         return merge(prevComponents, rest);
     }, [
         rest,
         prevComponents
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ComponentsContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ComponentsContext.Provider, {
         value: value,
         children: children
     });
@@ -3945,6 +3971,7 @@ var ComponentsProvider = function(_param) {
     Thread: Thread,
     ThreadDialog: ThreadDialog,
     ThreadDialogContext: ThreadDialogContext,
+    UserAvatarContext: UserAvatarContext,
     useComponents: useComponents,
     useCreateMessage: useCreateMessage,
     useLatestMessage: useLatestMessage,