npm - @superinterface/react - Versions diffs - 3.21.1 → 3.23.0 - Mend

@superinterface/react 3.21.1 → 3.23.0

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

Files changed (7) hide show

package/dist/index.js CHANGED Viewed

@@ -37816,20 +37816,19 @@ import { c as _c72 } from "react-compiler-runtime";
 import { c as _c62 } from "react-compiler-runtime";
 import { Flex as Flex19 } from "@radix-ui/themes";
 // src/components/threads/Thread/Message/index.tsx
-import { c as _c47 } from "react-compiler-runtime";
+import { c as _c53 } from "react-compiler-runtime";
 import { useMemo as useMemo10 } from "react";
-import { Box as Box9 } from "@radix-ui/themes";
+import { Box as Box10 } from "@radix-ui/themes";
 // src/components/runSteps/RunSteps/index.tsx
-import { c as _c16 } from "react-compiler-runtime";
-import { Flex as Flex5 } from "@radix-ui/themes";
-import { useContext as useContext4 } from "react";
+import { c as _c49 } from "react-compiler-runtime";
+import { Flex as Flex14 } from "@radix-ui/themes";
+import { useContext as useContext10 } from "react";
 // src/contexts/components/ComponentsContext/index.tsx
-import { createContext as createContext3 } from "react";
+import { createContext as createContext9 } from "react";
 // src/components/runSteps/RunStep/index.tsx
 import { c as _c11 } from "react-compiler-runtime";
 // src/components/runSteps/RunStep/ToolCalls/index.tsx
 import { c as _c10 } from "react-compiler-runtime";
-import { useContext as useContext3 } from "react";
 import { Flex as Flex3 } from "@radix-ui/themes";
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/index.tsx
 import { c as _c9 } from "react-compiler-runtime";
@@ -38245,6 +38244,11 @@ var ToolCall = function(t0) {
     }
     return t1;
 };
+// src/hooks/components/useComponents.ts
+import { useContext as useContext3 } from "react";
+var useComponents = function() {
+    return useContext3(ComponentsContext);
+};
 // src/components/runSteps/RunStep/ToolCalls/index.tsx
 import { jsx as _jsx11, jsxs as _jsxs5 } from "react/jsx-runtime";
 var Root = function(t0) {
@@ -38269,17 +38273,17 @@ var Root = function(t0) {
 };
 var StartingToolCalls = function() {
     var $ = _c10(2);
-    var componentsContext = useContext3(ComponentsContext);
-    var StartingToolCalls3 = componentsContext.components.StartingToolCalls;
-    var t0;
+    var _useComponents = useComponents(), t0 = _useComponents.components;
+    var StartingToolCalls3 = t0.StartingToolCalls;
+    var t1;
     if ($[0] !== StartingToolCalls3) {
-        t0 = /* @__PURE__ */ _jsx11(StartingToolCalls3, {});
+        t1 = /* @__PURE__ */ _jsx11(StartingToolCalls3, {});
         $[0] = StartingToolCalls3;
-        $[1] = t0;
+        $[1] = t1;
     } else {
-        t0 = $[1];
+        t1 = $[1];
     }
-    return t0;
+    return t1;
 };
 var ToolCalls = function(t0) {
     var $ = _c10(12);
@@ -38635,114 +38639,10 @@ var StartingToolCalls2 = function() {
     }
     return t1;
 };
-// src/contexts/components/ComponentsContext/index.tsx
-var ComponentsContext = /* @__PURE__ */ createContext3({
-    components: {
-        RunStep: RunStep,
-        Function: Function2,
-        StartingToolCalls: StartingToolCalls2
-    }
-});
-// src/components/runSteps/RunSteps/index.tsx
-import { jsx as _jsx17 } from "react/jsx-runtime";
-var RunSteps = function(t0) {
-    var $ = _c16(7);
-    var runSteps = t0.runSteps;
-    var componentsContext = useContext4(ComponentsContext);
-    var Component2 = componentsContext.components.RunStep;
-    var t1;
-    if ($[0] !== Component2 || $[1] !== runSteps) {
-        var _t;
-        if ($[3] !== Component2) {
-            _t = function(runStep) {
-                return /* @__PURE__ */ _jsx17(Component2, {
-                    runStep: runStep
-                }, runStep.id);
-            };
-            $[3] = Component2;
-            $[4] = _t;
-        } else {
-            _t = $[4];
-        }
-        t1 = runSteps.map(_t);
-        $[0] = Component2;
-        $[1] = runSteps;
-        $[2] = t1;
-    } else {
-        t1 = $[2];
-    }
-    var t2;
-    if ($[5] !== t1) {
-        t2 = /* @__PURE__ */ _jsx17(Flex5, {
-            direction: "column-reverse",
-            children: t1
-        });
-        $[5] = t1;
-        $[6] = t2;
-    } else {
-        t2 = $[6];
-    }
-    return t2;
-};
-// src/contexts/messages/MessageContext/index.ts
-import { createContext as createContext4 } from "react";
-var MessageContext = /* @__PURE__ */ createContext4({
-    message: null
-});
-// src/components/threads/Thread/Message/Provider.tsx
-var Provider = MessageContext.Provider;
-// src/components/threads/Thread/Message/Attachments/index.tsx
-import { c as _c17 } from "react-compiler-runtime";
-import { Flex as Flex6, Badge } from "@radix-ui/themes";
-import { FileIcon } from "@radix-ui/react-icons";
-import { jsx as _jsx18, jsxs as _jsxs9 } from "react/jsx-runtime";
-var Attachments = function(t0) {
-    var _message$attachments;
-    var $ = _c17(4);
-    var message = t0.message;
-    if (!((_message$attachments = message.attachments) !== null && _message$attachments !== void 0 && _message$attachments.length)) {
-        return null;
-    }
-    var t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ _jsx18(FileIcon, {});
-        $[0] = t1;
-    } else {
-        t1 = $[0];
-    }
-    var t2 = message.attachments.length > 1 ? "s" : "";
-    var t3;
-    if ($[1] !== message.attachments.length || $[2] !== t2) {
-        t3 = /* @__PURE__ */ _jsx18(Flex6, {
-            align: "start",
-            pb: "1",
-            children: /* @__PURE__ */ _jsxs9(Badge, {
-                color: "gray",
-                variant: "surface",
-                children: [
-                    t1,
-                    message.attachments.length,
-                    " file",
-                    t2
-                ]
-            })
-        });
-        $[1] = message.attachments.length;
-        $[2] = t2;
-        $[3] = t3;
-    } else {
-        t3 = $[3];
-    }
-    return t3;
-};
-// src/components/messages/MessageContent/index.tsx
-import { c as _c46 } from "react-compiler-runtime";
-// src/components/messages/MessageContent/ContentPart/index.tsx
-import { c as _c45 } from "react-compiler-runtime";
-// src/components/messages/MessageContent/ContentPart/TextContent.tsx
-import { c as _c43 } from "react-compiler-runtime";
+// src/components/contents/TextContent.tsx
+import { c as _c41 } from "react-compiler-runtime";
 import React, { useState as useState3, useEffect as useEffect2, useMemo as useMemo9 } from "react";
-import { Badge as Badge2 } from "@radix-ui/themes";
+import { Badge } from "@radix-ui/themes";
 import { compile } from "@mdx-js/mdx";
 import { MDXProvider, useMDXComponents } from "@mdx-js/react";
 import * as runtime from "react/jsx-runtime";
@@ -38888,17 +38788,17 @@ var recmaFallbackComponentPlugin = function() {
     };
 };
 // src/hooks/markdown/useMarkdownContext/index.ts
-import { useContext as useContext6 } from "react";
+import { useContext as useContext5 } from "react";
 // src/contexts/markdown/MarkdownContext/index.ts
-import { createContext as createContext6 } from "react";
+import { createContext as createContext4 } from "react";
 // src/contexts/markdown/MarkdownContext/lib/components/index.tsx
 import { Heading, Table } from "@radix-ui/themes";
 // src/contexts/markdown/MarkdownContext/lib/components/Paragraph.tsx
-import { c as _c18 } from "react-compiler-runtime";
+import { c as _c16 } from "react-compiler-runtime";
 import { Box as Box3, Text as Text3 } from "@radix-ui/themes";
-import { jsx as _jsx19 } from "react/jsx-runtime";
+import { jsx as _jsx17 } from "react/jsx-runtime";
 var Paragraph = function(t0) {
-    var $ = _c18(3);
+    var $ = _c16(3);
     var children = t0.children;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -38912,9 +38812,9 @@ var Paragraph = function(t0) {
     }
     var t2;
     if ($[1] !== children) {
-        t2 = /* @__PURE__ */ _jsx19(Box3, {
+        t2 = /* @__PURE__ */ _jsx17(Box3, {
             pb: "3",
-            children: /* @__PURE__ */ _jsx19(Text3, {
+            children: /* @__PURE__ */ _jsx17(Text3, {
                 size: "3",
                 style: t1,
                 children: children
@@ -38928,16 +38828,16 @@ var Paragraph = function(t0) {
     return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Link.tsx
-import { c as _c19 } from "react-compiler-runtime";
+import { c as _c17 } from "react-compiler-runtime";
 import { Link as RadixLink } from "@radix-ui/themes";
-import { jsx as _jsx20 } from "react/jsx-runtime";
+import { jsx as _jsx18 } from "react/jsx-runtime";
 var Link = function(t0) {
-    var $ = _c19(5);
+    var $ = _c17(5);
     var children = t0.children, href = t0.href, download = t0.download, t1 = t0.target;
     var target = t1 === void 0 ? "_blank" : t1;
     var t2;
     if ($[0] !== children || $[1] !== download || $[2] !== href || $[3] !== target) {
-        t2 = /* @__PURE__ */ _jsx20(RadixLink, {
+        t2 = /* @__PURE__ */ _jsx18(RadixLink, {
             href: href,
             target: target,
             download: download,
@@ -38954,11 +38854,11 @@ var Link = function(t0) {
     return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/UnorderedList.tsx
-import { c as _c20 } from "react-compiler-runtime";
+import { c as _c18 } from "react-compiler-runtime";
 import { Box as Box4 } from "@radix-ui/themes";
-import { jsx as _jsx21 } from "react/jsx-runtime";
+import { jsx as _jsx19 } from "react/jsx-runtime";
 var UnorderedList = function(t0) {
-    var $ = _c20(3);
+    var $ = _c18(3);
     var children = t0.children;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -38971,10 +38871,10 @@ var UnorderedList = function(t0) {
     }
     var t2;
     if ($[1] !== children) {
-        t2 = /* @__PURE__ */ _jsx21(Box4, {
+        t2 = /* @__PURE__ */ _jsx19(Box4, {
             pb: "3",
             asChild: true,
-            children: /* @__PURE__ */ _jsx21("ul", {
+            children: /* @__PURE__ */ _jsx19("ul", {
                 style: t1,
                 children: children
             })
@@ -38987,11 +38887,11 @@ var UnorderedList = function(t0) {
     return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/OrderedList.tsx
-import { c as _c21 } from "react-compiler-runtime";
+import { c as _c19 } from "react-compiler-runtime";
 import { Box as Box5 } from "@radix-ui/themes";
-import { jsx as _jsx22 } from "react/jsx-runtime";
+import { jsx as _jsx20 } from "react/jsx-runtime";
 var OrderedList = function(t0) {
-    var $ = _c21(3);
+    var $ = _c19(3);
     var children = t0.children;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -39004,10 +38904,10 @@ var OrderedList = function(t0) {
     }
     var t2;
     if ($[1] !== children) {
-        t2 = /* @__PURE__ */ _jsx22(Box5, {
+        t2 = /* @__PURE__ */ _jsx20(Box5, {
             pb: "3",
             asChild: true,
-            children: /* @__PURE__ */ _jsx22("ol", {
+            children: /* @__PURE__ */ _jsx20("ol", {
                 style: t1,
                 children: children
             })
@@ -39020,11 +38920,11 @@ var OrderedList = function(t0) {
     return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/ListItem.tsx
-import { c as _c22 } from "react-compiler-runtime";
+import { c as _c20 } from "react-compiler-runtime";
 import { Box as Box6 } from "@radix-ui/themes";
-import { jsx as _jsx23 } from "react/jsx-runtime";
+import { jsx as _jsx21 } from "react/jsx-runtime";
 var ListItem = function(t0) {
-    var $ = _c22(3);
+    var $ = _c20(3);
     var children = t0.children;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -39037,9 +38937,9 @@ var ListItem = function(t0) {
     }
     var t2;
     if ($[1] !== children) {
-        t2 = /* @__PURE__ */ _jsx23(Box6, {
+        t2 = /* @__PURE__ */ _jsx21(Box6, {
             pb: "1",
-            children: /* @__PURE__ */ _jsx23("li", {
+            children: /* @__PURE__ */ _jsx21("li", {
                 style: t1,
                 children: children
             })
@@ -39052,15 +38952,15 @@ var ListItem = function(t0) {
     return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Strong.tsx
-import { c as _c23 } from "react-compiler-runtime";
+import { c as _c21 } from "react-compiler-runtime";
 import { Strong as RadixStrong } from "@radix-ui/themes";
-import { jsx as _jsx24 } from "react/jsx-runtime";
+import { jsx as _jsx22 } from "react/jsx-runtime";
 var Strong = function(t0) {
-    var $ = _c23(2);
+    var $ = _c21(2);
     var children = t0.children;
     var t1;
     if ($[0] !== children) {
-        t1 = /* @__PURE__ */ _jsx24(RadixStrong, {
+        t1 = /* @__PURE__ */ _jsx22(RadixStrong, {
             children: children
         });
         $[0] = children;
@@ -39071,11 +38971,11 @@ var Strong = function(t0) {
     return t1;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Pre.tsx
-import { c as _c24 } from "react-compiler-runtime";
+import { c as _c22 } from "react-compiler-runtime";
 import { Box as Box7 } from "@radix-ui/themes";
-import { jsx as _jsx25 } from "react/jsx-runtime";
+import { jsx as _jsx23 } from "react/jsx-runtime";
 var Pre = function(t0) {
-    var $ = _c24(3);
+    var $ = _c22(3);
     var children = t0.children;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -39089,7 +38989,7 @@ var Pre = function(t0) {
     }
     var t2;
     if ($[1] !== children) {
-        t2 = /* @__PURE__ */ _jsx25(Box7, {
+        t2 = /* @__PURE__ */ _jsx23(Box7, {
             style: t1,
             children: children
         });
@@ -39101,16 +39001,16 @@ var Pre = function(t0) {
     return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Code.tsx
-import { c as _c30 } from "react-compiler-runtime";
+import { c as _c28 } from "react-compiler-runtime";
 import { Code as RadixCode } from "@radix-ui/themes";
 // src/components/suggestions/Suggestions/index.tsx
-import { c as _c29 } from "react-compiler-runtime";
+import { c as _c27 } from "react-compiler-runtime";
 import { useMemo as useMemo6 } from "react";
 // src/hooks/messages/useLatestMessage/index.ts
-import { c as _c26 } from "react-compiler-runtime";
+import { c as _c24 } from "react-compiler-runtime";
 import { useMemo as useMemo3 } from "react";
 // src/hooks/messages/useMessages/index.tsx
-import { c as _c25 } from "react-compiler-runtime";
+import { c as _c23 } from "react-compiler-runtime";
 import { useMemo as useMemo2 } from "react";
 import { useInfiniteQuery, useQueryClient } from "@tanstack/react-query";
 // src/lib/threads/queryOptions/index.ts
@@ -39384,7 +39284,7 @@ var messages = function(_ref) {
     }, []);
 };
 var useMessages = function() {
-    var $ = _c25(9);
+    var $ = _c23(9);
     var queryClient = useQueryClient();
     var threadContext = useSuperinterfaceContext();
     var superinterfaceContext = useSuperinterfaceContext();
@@ -39473,7 +39373,7 @@ function _toPrimitive5(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useLatestMessage = function() {
-    var $ = _c26(3);
+    var $ = _c24(3);
     var props = useMessages();
     var t0;
     var t1 = props.messages[0] || null;
@@ -39496,11 +39396,11 @@ import { useMemo as useMemo5 } from "react";
 import { isEmpty } from "radash";
 import { onlyText } from "react-children-utilities";
 // src/hooks/messages/useIsMutatingMessage/index.ts
-import { c as _c27 } from "react-compiler-runtime";
+import { c as _c25 } from "react-compiler-runtime";
 import { useMemo as useMemo4 } from "react";
 import { useIsMutating } from "@tanstack/react-query";
 var useIsMutatingMessage = function() {
-    var $ = _c27(2);
+    var $ = _c25(2);
     var threadContext = useSuperinterfaceContext();
     var t0;
     if ($[0] !== threadContext.variables) {
@@ -39522,9 +39422,9 @@ var useIsMutatingMessage = function() {
     return isMutatingMessage;
 };
 // src/components/suggestions/Suggestions/Content.tsx
-import { Flex as Flex7 } from "@radix-ui/themes";
+import { Flex as Flex5 } from "@radix-ui/themes";
 // src/components/suggestions/Suggestions/Item.tsx
-import { c as _c28 } from "react-compiler-runtime";
+import { c as _c26 } from "react-compiler-runtime";
 import { ArrowUpIcon } from "@radix-ui/react-icons";
 import { Text as Text4, Button as Button2, Spinner } from "@radix-ui/themes";
 // src/hooks/messages/useCreateMessage/index.ts
@@ -40938,16 +40838,16 @@ var useCreateMessage = function useCreateMessage2() {
 // src/components/suggestions/Suggestions/Item.tsx
 import { useQueryClient as useQueryClient3 } from "@tanstack/react-query";
 // src/hooks/toasts/useToasts/index.ts
-import { useContext as useContext5 } from "react";
+import { useContext as useContext4 } from "react";
 // src/contexts/toasts/ToastsContext/index.ts
-import { createContext as createContext5 } from "react";
-var ToastsContext = /* @__PURE__ */ createContext5({
+import { createContext as createContext3 } from "react";
+var ToastsContext = /* @__PURE__ */ createContext3({
     toasts: [],
     addToast: function() {}
 });
 // src/hooks/toasts/useToasts/index.ts
 var useToasts = function() {
-    return useContext5(ToastsContext);
+    return useContext4(ToastsContext);
 };
 // src/lib/errors/createMessageDefaultOnError.ts
 var createMessageDefaultOnError = function(_ref) {
@@ -40975,7 +40875,7 @@ var createMessageDefaultOnError = function(_ref) {
     };
 };
 // src/components/suggestions/Suggestions/Item.tsx
-import { jsx as _jsx26, jsxs as _jsxs10 } from "react/jsx-runtime";
+import { jsx as _jsx24, jsxs as _jsxs9 } from "react/jsx-runtime";
 function ownKeys19(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -41020,7 +40920,7 @@ function _toPrimitive19(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Item = function(t0) {
-    var $ = _c28(16);
+    var $ = _c26(16);
     var suggestion = t0.suggestion, isDisabled = t0.isDisabled, className = t0.className, style = t0.style;
     var addToast = useToasts().addToast;
     var queryClient = useQueryClient3();
@@ -41065,7 +40965,7 @@ var Item = function(t0) {
     }
     var t4;
     if ($[9] !== className || $[10] !== isDisabled || $[11] !== isPending || $[12] !== style || $[13] !== suggestion || $[14] !== t3) {
-        t4 = /* @__PURE__ */ _jsx26(Content3, {
+        t4 = /* @__PURE__ */ _jsx24(Content3, {
             onClick: t3,
             isDisabled: isDisabled,
             isPending: isPending,
@@ -41086,7 +40986,7 @@ var Item = function(t0) {
     return t4;
 };
 var Content3 = function(t0) {
-    var $ = _c28(16);
+    var $ = _c26(16);
     var onClick = t0.onClick, isDisabled = t0.isDisabled, isPending = t0.isPending, children = t0.children, className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== style) {
@@ -41110,7 +41010,7 @@ var Content3 = function(t0) {
     }
     var t3;
     if ($[4] !== children) {
-        t3 = /* @__PURE__ */ _jsx26(Text4, {
+        t3 = /* @__PURE__ */ _jsx24(Text4, {
             size: "1",
             weight: "regular",
             children: children
@@ -41122,7 +41022,7 @@ var Content3 = function(t0) {
     }
     var t4;
     if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = /* @__PURE__ */ _jsx26(ArrowUpIcon, {
+        t4 = /* @__PURE__ */ _jsx24(ArrowUpIcon, {
             style: {
                 flexShrink: 0
             }
@@ -41133,7 +41033,7 @@ var Content3 = function(t0) {
     }
     var t5;
     if ($[7] !== isPending) {
-        t5 = /* @__PURE__ */ _jsx26(Spinner, {
+        t5 = /* @__PURE__ */ _jsx24(Spinner, {
             loading: isPending,
             children: t4
         });
@@ -41144,7 +41044,7 @@ var Content3 = function(t0) {
     }
     var t6;
     if ($[9] !== className || $[10] !== isDisabled || $[11] !== onClick || $[12] !== t2 || $[13] !== t3 || $[14] !== t5) {
-        t6 = /* @__PURE__ */ _jsxs10(Button2, {
+        t6 = /* @__PURE__ */ _jsxs9(Button2, {
             className: className,
             variant: "soft",
             onClick: onClick,
@@ -41169,7 +41069,7 @@ var Content3 = function(t0) {
 };
 Item.Content = Content3;
 // src/components/suggestions/Suggestions/Content.tsx
-import { jsx as _jsx27 } from "react/jsx-runtime";
+import { jsx as _jsx25 } from "react/jsx-runtime";
 var Content4 = function(_ref) {
     var children = _ref.children, className = _ref.className, style = _ref.style;
     var isMutatingMessage = useIsMutatingMessage();
@@ -41183,14 +41083,14 @@ var Content4 = function(_ref) {
         children
     ]);
     if (isEmpty(suggestions)) return null;
-    return /* @__PURE__ */ _jsx27(Flex7, {
+    return /* @__PURE__ */ _jsx25(Flex5, {
         gap: "2",
         py: "2",
         wrap: "wrap",
         className: className,
         style: style,
         children: suggestions.map(function(suggestion) {
-            return /* @__PURE__ */ _jsx27(Item, {
+            return /* @__PURE__ */ _jsx25(Item, {
                 suggestion: suggestion,
                 isDisabled: isMutatingMessage
             }, suggestion);
@@ -41198,10 +41098,10 @@ var Content4 = function(_ref) {
     });
 };
 // src/components/suggestions/Suggestions/index.tsx
-import { jsx as _jsx28 } from "react/jsx-runtime";
+import { jsx as _jsx26 } from "react/jsx-runtime";
 var Suggestions = function(t0) {
     var _latestMessageProps$l;
-    var $ = _c29(4);
+    var $ = _c27(4);
     var children = t0.children, className = t0.className, style = t0.style;
     var latestMessageProps = useLatestMessage();
     var t1;
@@ -41215,7 +41115,7 @@ var Suggestions = function(t0) {
     }
     var t2;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
-        t2 = /* @__PURE__ */ _jsx28(Content4, {
+        t2 = /* @__PURE__ */ _jsx26(Content4, {
             className: className,
             style: style,
             children: children
@@ -41231,14 +41131,14 @@ var Suggestions = function(t0) {
 };
 Suggestions.Item = Item;
 // src/contexts/markdown/MarkdownContext/lib/components/Code.tsx
-import { jsx as _jsx29 } from "react/jsx-runtime";
+import { jsx as _jsx27 } from "react/jsx-runtime";
 var Code3 = function(t0) {
-    var $ = _c30(5);
+    var $ = _c28(5);
     var children = t0.children, className = t0.className;
     if (className === "language-suggestions") {
         var _t;
         if ($[0] !== children) {
-            _t = /* @__PURE__ */ _jsx29(Suggestions, {
+            _t = /* @__PURE__ */ _jsx27(Suggestions, {
                 children: children
             });
             $[0] = children;
@@ -41259,7 +41159,7 @@ var Code3 = function(t0) {
     }
     var t2;
     if ($[3] !== children) {
-        t2 = /* @__PURE__ */ _jsx29(RadixCode, {
+        t2 = /* @__PURE__ */ _jsx27(RadixCode, {
             style: t1,
             children: children
         });
@@ -41271,11 +41171,11 @@ var Code3 = function(t0) {
     return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/index.tsx
-import { c as _c39 } from "react-compiler-runtime";
+import { c as _c37 } from "react-compiler-runtime";
 // src/components/images/Image.tsx
-import { c as _c31 } from "react-compiler-runtime";
+import { c as _c29 } from "react-compiler-runtime";
 import { Box as Box8 } from "@radix-ui/themes";
-import { jsx as _jsx30 } from "react/jsx-runtime";
+import { jsx as _jsx28 } from "react/jsx-runtime";
 function ownKeys20(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -41320,7 +41220,7 @@ function _toPrimitive20(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Image = function(props) {
-    var $ = _c31(3);
+    var $ = _c29(3);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = {
@@ -41333,9 +41233,9 @@ var Image = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx30(Box8, {
+        t1 = /* @__PURE__ */ _jsx28(Box8, {
             pb: "3",
-            children: /* @__PURE__ */ _jsx30("img", _objectSpread20(_objectSpread20({}, props), {}, {
+            children: /* @__PURE__ */ _jsx28("img", _objectSpread20(_objectSpread20({}, props), {}, {
                 style: t0
             }))
         });
@@ -41393,26 +41293,26 @@ var isAudioSrc = function(_ref) {
     return src.endsWith(".mp3") || src.endsWith(".wav");
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Video/index.tsx
-import { c as _c37 } from "react-compiler-runtime";
-import { Flex as Flex8 } from "@radix-ui/themes";
+import { c as _c35 } from "react-compiler-runtime";
+import { Flex as Flex6 } from "@radix-ui/themes";
 import "@vidstack/react/player/styles/base.css";
 import { MediaPlayer, MediaProvider, Controls } from "@vidstack/react";
 // src/components/media/PlayButton.tsx
-import { c as _c32 } from "react-compiler-runtime";
+import { c as _c30 } from "react-compiler-runtime";
 import { PlayButton as VidstackPlayButton, useMediaState } from "@vidstack/react";
 import { IconButton } from "@radix-ui/themes";
 import { PlayIcon, PauseIcon } from "@radix-ui/react-icons";
-import { jsx as _jsx31 } from "react/jsx-runtime";
+import { jsx as _jsx29 } from "react/jsx-runtime";
 var PlayButton = function() {
-    var $ = _c32(2);
+    var $ = _c30(2);
     var isPaused = useMediaState("paused");
     var t0;
     if ($[0] !== isPaused) {
-        t0 = /* @__PURE__ */ _jsx31(IconButton, {
+        t0 = /* @__PURE__ */ _jsx29(IconButton, {
             variant: "ghost",
             asChild: true,
-            children: /* @__PURE__ */ _jsx31(VidstackPlayButton, {
-                children: isPaused ? /* @__PURE__ */ _jsx31(PlayIcon, {}) : /* @__PURE__ */ _jsx31(PauseIcon, {})
+            children: /* @__PURE__ */ _jsx29(VidstackPlayButton, {
+                children: isPaused ? /* @__PURE__ */ _jsx29(PlayIcon, {}) : /* @__PURE__ */ _jsx29(PauseIcon, {})
             })
         });
         $[0] = isPaused;
@@ -41423,24 +41323,24 @@ var PlayButton = function() {
     return t0;
 };
 // src/components/media/VolumeButton.tsx
-import { c as _c33 } from "react-compiler-runtime";
+import { c as _c31 } from "react-compiler-runtime";
 import { MuteButton, useMediaState as useMediaState2, useMediaRemote } from "@vidstack/react";
 import { IconButton as IconButton2, HoverCard, Slider } from "@radix-ui/themes";
 import { SpeakerModerateIcon, SpeakerOffIcon } from "@radix-ui/react-icons";
-import { jsx as _jsx32, jsxs as _jsxs11 } from "react/jsx-runtime";
+import { jsx as _jsx30, jsxs as _jsxs10 } from "react/jsx-runtime";
 var VolumeButton = function() {
-    var $ = _c33(13);
+    var $ = _c31(13);
     var volume = useMediaState2("volume");
     var isMuted = useMediaState2("muted");
     var remote = useMediaRemote();
     var t0;
     if ($[0] !== isMuted || $[1] !== volume) {
-        t0 = /* @__PURE__ */ _jsx32(HoverCard.Trigger, {
-            children: /* @__PURE__ */ _jsx32(IconButton2, {
+        t0 = /* @__PURE__ */ _jsx30(HoverCard.Trigger, {
+            children: /* @__PURE__ */ _jsx30(IconButton2, {
                 variant: "ghost",
                 asChild: true,
-                children: /* @__PURE__ */ _jsx32(MuteButton, {
-                    children: isMuted || volume === 0 ? /* @__PURE__ */ _jsx32(SpeakerOffIcon, {}) : /* @__PURE__ */ _jsx32(SpeakerModerateIcon, {})
+                children: /* @__PURE__ */ _jsx30(MuteButton, {
+                    children: isMuted || volume === 0 ? /* @__PURE__ */ _jsx30(SpeakerOffIcon, {}) : /* @__PURE__ */ _jsx30(SpeakerModerateIcon, {})
                 })
             })
         });
@@ -41474,11 +41374,11 @@ var VolumeButton = function() {
     }
     var t4;
     if ($[7] !== t2 || $[8] !== t3) {
-        t4 = /* @__PURE__ */ _jsx32(HoverCard.Content, {
+        t4 = /* @__PURE__ */ _jsx30(HoverCard.Content, {
             size: "1",
             side: "top",
             height: "100px",
-            children: /* @__PURE__ */ _jsx32(Slider, {
+            children: /* @__PURE__ */ _jsx30(Slider, {
                 size: "1",
                 variant: "soft",
                 orientation: "vertical",
@@ -41494,7 +41394,7 @@ var VolumeButton = function() {
     }
     var t5;
     if ($[10] !== t0 || $[11] !== t4) {
-        t5 = /* @__PURE__ */ _jsxs11(HoverCard.Root, {
+        t5 = /* @__PURE__ */ _jsxs10(HoverCard.Root, {
             children: [
                 t0,
                 t4
@@ -41509,13 +41409,13 @@ var VolumeButton = function() {
     return t5;
 };
 // src/components/media/Time.tsx
-import { c as _c34 } from "react-compiler-runtime";
+import { c as _c32 } from "react-compiler-runtime";
 import { useState, useEffect, useMemo as useMemo7 } from "react";
 import { useMediaState as useMediaState3, useMediaRemote as useMediaRemote2 } from "@vidstack/react";
 import { Slider as Slider2 } from "@radix-ui/themes";
-import { jsx as _jsx33 } from "react/jsx-runtime";
+import { jsx as _jsx31 } from "react/jsx-runtime";
 var Time = function() {
-    var $ = _c34(17);
+    var $ = _c32(17);
     var time = useMediaState3("currentTime");
     var duration = useMediaState3("duration");
     var seeking = useMediaState3("seeking");
@@ -41583,7 +41483,7 @@ var Time = function() {
     }
     var t8;
     if ($[11] !== t3 || $[12] !== t4 || $[13] !== t5 || $[14] !== t6 || $[15] !== t7) {
-        t8 = /* @__PURE__ */ _jsx33(Slider2, {
+        t8 = /* @__PURE__ */ _jsx31(Slider2, {
             size: "1",
             variant: "soft",
             value: t3,
@@ -41604,11 +41504,11 @@ var Time = function() {
     return t8;
 };
 // src/components/media/MediaContainer.tsx
-import { c as _c35 } from "react-compiler-runtime";
+import { c as _c33 } from "react-compiler-runtime";
 import { Card, Inset } from "@radix-ui/themes";
-import { jsx as _jsx34 } from "react/jsx-runtime";
+import { jsx as _jsx32 } from "react/jsx-runtime";
 var MediaContainer = function(t0) {
-    var $ = _c35(3);
+    var $ = _c33(3);
     var children = t0.children;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -41622,9 +41522,9 @@ var MediaContainer = function(t0) {
     }
     var t2;
     if ($[1] !== children) {
-        t2 = /* @__PURE__ */ _jsx34(Card, {
+        t2 = /* @__PURE__ */ _jsx32(Card, {
             mb: "3",
-            children: /* @__PURE__ */ _jsx34(Inset, {
+            children: /* @__PURE__ */ _jsx32(Inset, {
                 clip: "padding-box",
                 style: t1,
                 children: children
@@ -41638,21 +41538,21 @@ var MediaContainer = function(t0) {
     return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Video/FullscreenButton.tsx
-import { c as _c36 } from "react-compiler-runtime";
+import { c as _c34 } from "react-compiler-runtime";
 import { FullscreenButton as VidstackFullscreenButton, useMediaState as useMediaState4 } from "@vidstack/react";
 import { IconButton as IconButton3 } from "@radix-ui/themes";
 import { EnterFullScreenIcon, ExitFullScreenIcon } from "@radix-ui/react-icons";
-import { jsx as _jsx35 } from "react/jsx-runtime";
+import { jsx as _jsx33 } from "react/jsx-runtime";
 var FullscreenButton = function() {
-    var $ = _c36(2);
+    var $ = _c34(2);
     var isFullscreen = useMediaState4("fullscreen");
     var t0;
     if ($[0] !== isFullscreen) {
-        t0 = /* @__PURE__ */ _jsx35(IconButton3, {
+        t0 = /* @__PURE__ */ _jsx33(IconButton3, {
             variant: "ghost",
             asChild: true,
-            children: /* @__PURE__ */ _jsx35(VidstackFullscreenButton, {
-                children: isFullscreen ? /* @__PURE__ */ _jsx35(ExitFullScreenIcon, {}) : /* @__PURE__ */ _jsx35(EnterFullScreenIcon, {})
+            children: /* @__PURE__ */ _jsx33(VidstackFullscreenButton, {
+                children: isFullscreen ? /* @__PURE__ */ _jsx33(ExitFullScreenIcon, {}) : /* @__PURE__ */ _jsx33(EnterFullScreenIcon, {})
             })
         });
         $[0] = isFullscreen;
@@ -41663,9 +41563,9 @@ var FullscreenButton = function() {
     return t0;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Video/index.tsx
-import { jsx as _jsx36, jsxs as _jsxs12 } from "react/jsx-runtime";
+import { jsx as _jsx34, jsxs as _jsxs11 } from "react/jsx-runtime";
 var Video = function(t0) {
-    var $ = _c37(9);
+    var $ = _c35(9);
     var src = t0.src;
     var t1 = "video/".concat(src.split(".").pop());
     var t2;
@@ -41683,8 +41583,8 @@ var Video = function(t0) {
     var t3;
     var t4;
     if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = /* @__PURE__ */ _jsx36(MediaProvider, {});
-        t4 = /* @__PURE__ */ _jsx36("style", {
+        t3 = /* @__PURE__ */ _jsx34(MediaProvider, {});
+        t4 = /* @__PURE__ */ _jsx34("style", {
             children: "\n          .superinterface-video-controls {\n            opacity: 0;\n            transition: opacity 0.2s ease-out;\n          }\n\n          .superinterface-video-controls[data-visible] {\n            opacity: 1;\n          }\n        "
         });
         $[3] = t3;
@@ -41705,7 +41605,7 @@ var Video = function(t0) {
     }
     var t6;
     if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-        t6 = /* @__PURE__ */ _jsx36(Flex8, {
+        t6 = /* @__PURE__ */ _jsx34(Flex6, {
             asChild: true,
             position: "absolute",
             bottom: "0",
@@ -41714,18 +41614,18 @@ var Video = function(t0) {
             className: "superinterface-video-controls",
             p: "3",
             style: t5,
-            children: /* @__PURE__ */ _jsx36(Controls.Root, {
-                children: /* @__PURE__ */ _jsx36(Flex8, {
+            children: /* @__PURE__ */ _jsx34(Controls.Root, {
+                children: /* @__PURE__ */ _jsx34(Flex6, {
                     asChild: true,
                     align: "center",
                     gap: "3",
                     flexGrow: "1",
-                    children: /* @__PURE__ */ _jsxs12(Controls.Group, {
+                    children: /* @__PURE__ */ _jsxs11(Controls.Group, {
                         children: [
-                            /* @__PURE__ */ _jsx36(PlayButton, {}),
-                            /* @__PURE__ */ _jsx36(Time, {}),
-                            /* @__PURE__ */ _jsx36(VolumeButton, {}),
-                            /* @__PURE__ */ _jsx36(FullscreenButton, {})
+                            /* @__PURE__ */ _jsx34(PlayButton, {}),
+                            /* @__PURE__ */ _jsx34(Time, {}),
+                            /* @__PURE__ */ _jsx34(VolumeButton, {}),
+                            /* @__PURE__ */ _jsx34(FullscreenButton, {})
                         ]
                     })
                 })
@@ -41737,8 +41637,8 @@ var Video = function(t0) {
     }
     var t7;
     if ($[7] !== t2) {
-        t7 = /* @__PURE__ */ _jsx36(MediaContainer, {
-            children: /* @__PURE__ */ _jsxs12(MediaPlayer, {
+        t7 = /* @__PURE__ */ _jsx34(MediaContainer, {
+            children: /* @__PURE__ */ _jsxs11(MediaPlayer, {
                 src: t2,
                 playsInline: true,
                 hideControlsOnMouseLeave: true,
@@ -41758,13 +41658,13 @@ var Video = function(t0) {
     return t7;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Audio/index.tsx
-import { c as _c38 } from "react-compiler-runtime";
-import { Flex as Flex9 } from "@radix-ui/themes";
+import { c as _c36 } from "react-compiler-runtime";
+import { Flex as Flex7 } from "@radix-ui/themes";
 import "@vidstack/react/player/styles/base.css";
 import { MediaPlayer as MediaPlayer2, MediaProvider as MediaProvider2, Controls as Controls2 } from "@vidstack/react";
-import { jsx as _jsx37, jsxs as _jsxs13 } from "react/jsx-runtime";
+import { jsx as _jsx35, jsxs as _jsxs12 } from "react/jsx-runtime";
 var Audio = function(t0) {
-    var $ = _c38(8);
+    var $ = _c36(8);
     var src = t0.src;
     var t1 = "audio/".concat(src.split(".").pop());
     var t2;
@@ -41781,7 +41681,7 @@ var Audio = function(t0) {
     }
     var t3;
     if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = /* @__PURE__ */ _jsx37(MediaProvider2, {});
+        t3 = /* @__PURE__ */ _jsx35(MediaProvider2, {});
         $[3] = t3;
     } else {
         t3 = $[3];
@@ -41798,22 +41698,22 @@ var Audio = function(t0) {
     }
     var t5;
     if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-        t5 = /* @__PURE__ */ _jsx37(Flex9, {
+        t5 = /* @__PURE__ */ _jsx35(Flex7, {
             asChild: true,
             p: "3",
             flexGrow: "1",
             style: t4,
-            children: /* @__PURE__ */ _jsx37(Controls2.Root, {
-                children: /* @__PURE__ */ _jsx37(Flex9, {
+            children: /* @__PURE__ */ _jsx35(Controls2.Root, {
+                children: /* @__PURE__ */ _jsx35(Flex7, {
                     asChild: true,
                     align: "center",
                     gap: "3",
                     flexGrow: "1",
-                    children: /* @__PURE__ */ _jsxs13(Controls2.Group, {
+                    children: /* @__PURE__ */ _jsxs12(Controls2.Group, {
                         children: [
-                            /* @__PURE__ */ _jsx37(PlayButton, {}),
-                            /* @__PURE__ */ _jsx37(Time, {}),
-                            /* @__PURE__ */ _jsx37(VolumeButton, {})
+                            /* @__PURE__ */ _jsx35(PlayButton, {}),
+                            /* @__PURE__ */ _jsx35(Time, {}),
+                            /* @__PURE__ */ _jsx35(VolumeButton, {})
                         ]
                     })
                 })
@@ -41825,8 +41725,8 @@ var Audio = function(t0) {
     }
     var t6;
     if ($[6] !== t2) {
-        t6 = /* @__PURE__ */ _jsx37(MediaContainer, {
-            children: /* @__PURE__ */ _jsxs13(MediaPlayer2, {
+        t6 = /* @__PURE__ */ _jsx35(MediaContainer, {
+            children: /* @__PURE__ */ _jsxs12(MediaPlayer2, {
                 src: t2,
                 viewType: "audio",
                 crossOrigin: true,
@@ -41845,7 +41745,7 @@ var Audio = function(t0) {
     return t6;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/index.tsx
-import { jsx as _jsx38 } from "react/jsx-runtime";
+import { jsx as _jsx36 } from "react/jsx-runtime";
 function ownKeys21(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -41890,11 +41790,11 @@ function _toPrimitive21(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Img = function(props) {
-    var $ = _c39(8);
+    var $ = _c37(8);
     if (!props.src) {
         var t0;
         if ($[0] !== props) {
-            t0 = /* @__PURE__ */ _jsx38(Image, _objectSpread21({}, props));
+            t0 = /* @__PURE__ */ _jsx36(Image, _objectSpread21({}, props));
             $[0] = props;
             $[1] = t0;
         } else {
@@ -41907,7 +41807,7 @@ var Img = function(props) {
         })) {
             var _t;
             if ($[2] !== props.src) {
-                _t = /* @__PURE__ */ _jsx38(Video, {
+                _t = /* @__PURE__ */ _jsx36(Video, {
                     src: props.src
                 });
                 $[2] = props.src;
@@ -41922,7 +41822,7 @@ var Img = function(props) {
             })) {
                 var _t2;
                 if ($[4] !== props.src) {
-                    _t2 = /* @__PURE__ */ _jsx38(Audio, {
+                    _t2 = /* @__PURE__ */ _jsx36(Audio, {
                         src: props.src
                     });
                     $[4] = props.src;
@@ -41934,7 +41834,7 @@ var Img = function(props) {
             } else {
                 var _t3;
                 if ($[6] !== props) {
-                    _t3 = /* @__PURE__ */ _jsx38(Image, _objectSpread21({}, props));
+                    _t3 = /* @__PURE__ */ _jsx36(Image, _objectSpread21({}, props));
                     $[6] = props;
                     $[7] = _t3;
                 } else {
@@ -41946,20 +41846,20 @@ var Img = function(props) {
     }
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
-import { c as _c42 } from "react-compiler-runtime";
+import { c as _c40 } from "react-compiler-runtime";
 import { QuoteIcon } from "@radix-ui/react-icons";
 // src/components/annotations/FilePathAnnotation.tsx
-import { c as _c40 } from "react-compiler-runtime";
-import { jsx as _jsx39 } from "react/jsx-runtime";
+import { c as _c38 } from "react-compiler-runtime";
+import { jsx as _jsx37 } from "react/jsx-runtime";
 var FilePathAnnotation = function(t0) {
-    var $ = _c40(3);
+    var $ = _c38(3);
     var annotation = t0.annotation, children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
     var t1 = "".concat(superinterfaceContext.baseUrl, "/files/").concat(annotation.file_path.file_id, "/contents?").concat(nextSearchParams);
     var t2;
     if ($[0] !== children || $[1] !== t1) {
-        t2 = /* @__PURE__ */ _jsx39(Link, {
+        t2 = /* @__PURE__ */ _jsx37(Link, {
             href: t1,
             target: "_self",
             download: true,
@@ -41974,16 +41874,16 @@ var FilePathAnnotation = function(t0) {
     return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Annotation/AnnotationBase.tsx
-import { c as _c41 } from "react-compiler-runtime";
-import { IconButton as IconButton4, Popover as Popover4, Flex as Flex10, Text as Text5 } from "@radix-ui/themes";
-import { jsx as _jsx40, jsxs as _jsxs14 } from "react/jsx-runtime";
+import { c as _c39 } from "react-compiler-runtime";
+import { IconButton as IconButton4, Popover as Popover4, Flex as Flex8, Text as Text5 } from "@radix-ui/themes";
+import { jsx as _jsx38, jsxs as _jsxs13 } from "react/jsx-runtime";
 var AnnotationBase = function(t0) {
-    var $ = _c41(7);
+    var $ = _c39(7);
     var icon = t0.icon, content2 = t0.content;
     var t1;
     if ($[0] !== icon) {
-        t1 = /* @__PURE__ */ _jsx40(Popover4.Trigger, {
-            children: /* @__PURE__ */ _jsx40(IconButton4, {
+        t1 = /* @__PURE__ */ _jsx38(Popover4.Trigger, {
+            children: /* @__PURE__ */ _jsx38(IconButton4, {
                 variant: "soft",
                 color: "gray",
                 size: "1",
@@ -41997,11 +41897,11 @@ var AnnotationBase = function(t0) {
     }
     var t2;
     if ($[2] !== content2) {
-        t2 = /* @__PURE__ */ _jsx40(Popover4.Content, {
+        t2 = /* @__PURE__ */ _jsx38(Popover4.Content, {
             size: "1",
-            children: /* @__PURE__ */ _jsx40(Flex10, {
+            children: /* @__PURE__ */ _jsx38(Flex8, {
                 direction: "column",
-                children: /* @__PURE__ */ _jsx40(Text5, {
+                children: /* @__PURE__ */ _jsx38(Text5, {
                     size: "1",
                     color: "gray",
                     children: content2
@@ -42015,7 +41915,7 @@ var AnnotationBase = function(t0) {
     }
     var t3;
     if ($[4] !== t1 || $[5] !== t2) {
-        t3 = /* @__PURE__ */ _jsxs14(Popover4.Root, {
+        t3 = /* @__PURE__ */ _jsxs13(Popover4.Root, {
             children: [
                 t1,
                 t2
@@ -42030,7 +41930,7 @@ var AnnotationBase = function(t0) {
     return t3;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
-import { jsx as _jsx41 } from "react/jsx-runtime";
+import { jsx as _jsx39 } from "react/jsx-runtime";
 var _excluded = [
     "children"
 ];
@@ -42053,7 +41953,7 @@ function _objectWithoutPropertiesLoose(r, e) {
     return t;
 }
 var Annotation = function(t0) {
-    var $ = _c42(9);
+    var $ = _c40(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -42081,8 +41981,8 @@ var Annotation = function(t0) {
     if (annotation.type === "file_citation") {
         var t2;
         if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-            t2 = /* @__PURE__ */ _jsx41(AnnotationBase, {
-                icon: /* @__PURE__ */ _jsx41(QuoteIcon, {}),
+            t2 = /* @__PURE__ */ _jsx39(AnnotationBase, {
+                icon: /* @__PURE__ */ _jsx39(QuoteIcon, {}),
                 content: "File cited."
             });
             $[5] = t2;
@@ -42094,7 +41994,7 @@ var Annotation = function(t0) {
         if (annotation.type === "file_path") {
             var _t2;
             if ($[6] !== annotation || $[7] !== children) {
-                _t2 = /* @__PURE__ */ _jsx41(FilePathAnnotation, {
+                _t2 = /* @__PURE__ */ _jsx39(FilePathAnnotation, {
                     annotation: annotation,
                     children: children
                 });
@@ -42110,7 +42010,7 @@ var Annotation = function(t0) {
     return null;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/index.tsx
-import { jsx as _jsx42, Fragment as _Fragment, jsxs as _jsxs15 } from "react/jsx-runtime";
+import { jsx as _jsx40, Fragment as _Fragment, jsxs as _jsxs14 } from "react/jsx-runtime";
 var _excluded2 = [
     "width"
 ];
@@ -42187,53 +42087,53 @@ var components = {
     img: Img,
     annotation: Annotation,
     h1: function(props) {
-        return /* @__PURE__ */ _jsx42(Heading, {
+        return /* @__PURE__ */ _jsx40(Heading, {
             as: "h1",
             children: props.children
         });
     },
     h2: function(props) {
-        return /* @__PURE__ */ _jsx42(Heading, {
+        return /* @__PURE__ */ _jsx40(Heading, {
             as: "h2",
             size: "5",
             children: props.children
         });
     },
     h3: function(props) {
-        return /* @__PURE__ */ _jsx42(Heading, {
+        return /* @__PURE__ */ _jsx40(Heading, {
             as: "h3",
             size: "4",
             children: props.children
         });
     },
     h4: function(props) {
-        return /* @__PURE__ */ _jsx42(Heading, {
+        return /* @__PURE__ */ _jsx40(Heading, {
             as: "h4",
             size: "3",
             children: props.children
         });
     },
     h5: function(props) {
-        return /* @__PURE__ */ _jsx42(Heading, {
+        return /* @__PURE__ */ _jsx40(Heading, {
             as: "h5",
             size: "3",
             children: props.children
         });
     },
     h6: function(props) {
-        return /* @__PURE__ */ _jsx42(Heading, {
+        return /* @__PURE__ */ _jsx40(Heading, {
             as: "h6",
             size: "3",
             children: props.children
         });
     },
     table: function(props) {
-        return /* @__PURE__ */ _jsxs15(_Fragment, {
+        return /* @__PURE__ */ _jsxs14(_Fragment, {
             children: [
-                /* @__PURE__ */ _jsx42("style", {
+                /* @__PURE__ */ _jsx40("style", {
                     children: ".rt-TableRootTable { overflow: inherit; }"
                 }),
-                /* @__PURE__ */ _jsx42(Table.Root, _objectSpread22(_objectSpread22({}, props), {}, {
+                /* @__PURE__ */ _jsx40(Table.Root, _objectSpread22(_objectSpread22({}, props), {}, {
                     variant: "surface",
                     mb: "3"
                 }))
@@ -42241,22 +42141,22 @@ var components = {
         });
     },
     thead: function(props) {
-        return /* @__PURE__ */ _jsx42(Table.Header, _objectSpread22({}, props));
+        return /* @__PURE__ */ _jsx40(Table.Header, _objectSpread22({}, props));
     },
     tbody: function(props) {
-        return /* @__PURE__ */ _jsx42(Table.Body, _objectSpread22({}, props));
+        return /* @__PURE__ */ _jsx40(Table.Body, _objectSpread22({}, props));
     },
     tr: function(props) {
-        return /* @__PURE__ */ _jsx42(Table.Row, _objectSpread22({}, props));
+        return /* @__PURE__ */ _jsx40(Table.Row, _objectSpread22({}, props));
     },
     td: function(_ref) {
         var width2 = _ref.width, rest = _objectWithoutProperties2(_ref, _excluded2);
-        return /* @__PURE__ */ _jsx42(Table.Cell, _objectSpread22(_objectSpread22({}, rest), {}, {
+        return /* @__PURE__ */ _jsx40(Table.Cell, _objectSpread22(_objectSpread22({}, rest), {}, {
             width: width2
         }));
     },
     th: function(props) {
-        return /* @__PURE__ */ _jsx42(Table.ColumnHeaderCell, _objectSpread22({}, props));
+        return /* @__PURE__ */ _jsx40(Table.ColumnHeaderCell, _objectSpread22({}, props));
     }
 };
 // src/contexts/markdown/MarkdownContext/lib/getRemarkPlugins.ts
@@ -42597,13 +42497,13 @@ var getRemarkPlugins = function(_ref) {
     ];
 };
 // src/contexts/markdown/MarkdownContext/index.ts
-var MarkdownContext = /* @__PURE__ */ createContext6({
+var MarkdownContext = /* @__PURE__ */ createContext4({
     components: components,
     getRemarkPlugins: getRemarkPlugins
 });
 // src/hooks/markdown/useMarkdownContext/index.ts
 var useMarkdownContext = function() {
-    return useContext6(MarkdownContext);
+    return useContext5(MarkdownContext);
 };
 // src/lib/markdown/escapeInvalidTagNames.ts
 var isValidTagName = function(tagName) {
@@ -42615,8 +42515,8 @@ var escapeInvalidTagNames = function(markdown) {
     });
 };
 // ../../node_modules/react-error-boundary/dist/react-error-boundary.esm.js
-import { createContext as createContext7, Component, createElement, useContext as useContext7, useState as useState2, useMemo as useMemo8, forwardRef } from "react";
-var ErrorBoundaryContext = /* @__PURE__ */ createContext7(null);
+import { createContext as createContext5, Component, createElement, useContext as useContext6, useState as useState2, useMemo as useMemo8, forwardRef } from "react";
+var ErrorBoundaryContext = /* @__PURE__ */ createContext5(null);
 var initialState = {
     didCatch: false,
     error: null
@@ -42725,8 +42625,8 @@ function hasArrayChanged() {
         return !Object.is(item, b[index]);
     });
 }
-// src/components/messages/MessageContent/ContentPart/TextContent.tsx
-import { jsx as _jsx43 } from "react/jsx-runtime";
+// src/components/contents/TextContent.tsx
+import { jsx as _jsx41 } from "react/jsx-runtime";
 function ownKeys24(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -42812,7 +42712,7 @@ var evaluate = /* @__PURE__ */ function() {
     };
 }();
 var TextContent = function(t0) {
-    var $ = _c43(13);
+    var $ = _c41(13);
     var content2 = t0.content;
     var _useMarkdownContext = useMarkdownContext(), getRemarkPlugins2 = _useMarkdownContext.getRemarkPlugins, components2 = _useMarkdownContext.components;
     var t1;
@@ -42914,7 +42814,7 @@ var TextContent = function(t0) {
     }
     var t5;
     if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-        t5 = /* @__PURE__ */ _jsx43(Badge2, {
+        t5 = /* @__PURE__ */ _jsx41(Badge, {
             color: "red",
             mb: "2",
             children: "Could not render message."
@@ -42925,7 +42825,7 @@ var TextContent = function(t0) {
     }
     var t6;
     if ($[8] !== MDXComponent) {
-        t6 = /* @__PURE__ */ _jsx43(MDXComponent, {});
+        t6 = /* @__PURE__ */ _jsx41(MDXComponent, {});
         $[8] = MDXComponent;
         $[9] = t6;
     } else {
@@ -42933,9 +42833,9 @@ var TextContent = function(t0) {
     }
     var t7;
     if ($[10] !== components2 || $[11] !== t6) {
-        t7 = /* @__PURE__ */ _jsx43(ErrorBoundary, {
+        t7 = /* @__PURE__ */ _jsx41(ErrorBoundary, {
             fallback: t5,
-            children: /* @__PURE__ */ _jsx43(MDXProvider, {
+            children: /* @__PURE__ */ _jsx41(MDXProvider, {
                 components: components2,
                 children: t6
             })
@@ -42948,18 +42848,18 @@ var TextContent = function(t0) {
     }
     return t7;
 };
-// src/components/messages/MessageContent/ContentPart/ImageFileContent.tsx
-import { c as _c44 } from "react-compiler-runtime";
-import { jsx as _jsx44 } from "react/jsx-runtime";
+// src/components/contents/ImageFileContent.tsx
+import { c as _c42 } from "react-compiler-runtime";
+import { jsx as _jsx42 } from "react/jsx-runtime";
 var ImageFileContent = function(t0) {
-    var $ = _c44(2);
+    var $ = _c42(2);
     var content2 = t0.content;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
     var t1 = "".concat(superinterfaceContext.baseUrl, "/files/").concat(content2.image_file.file_id, "/contents?").concat(nextSearchParams);
     var t2;
     if ($[0] !== t1) {
-        t2 = /* @__PURE__ */ _jsx44(Image, {
+        t2 = /* @__PURE__ */ _jsx42(Image, {
             alt: "",
             src: t1
         });
@@ -42970,47 +42870,483 @@ var ImageFileContent = function(t0) {
     }
     return t2;
 };
-// src/components/messages/MessageContent/ContentPart/index.tsx
-import { jsx as _jsx45 } from "react/jsx-runtime";
-var ContentPart = function(t0) {
-    var $ = _c45(4);
-    var content2 = t0.content;
-    if (content2.type === "text") {
-        var t1;
-        if ($[0] !== content2) {
-            t1 = /* @__PURE__ */ _jsx45(TextContent, {
-                content: content2
-            });
-            $[0] = content2;
-            $[1] = t1;
-        } else {
-            t1 = $[1];
-        }
-        return t1;
-    }
-    if (content2.type === "image_file") {
-        var _t;
-        if ($[2] !== content2) {
-            _t = /* @__PURE__ */ _jsx45(ImageFileContent, {
-                content: content2
-            });
-            $[2] = content2;
-            $[3] = _t;
-        } else {
-            _t = $[3];
-        }
-        return _t;
-    }
-    return null;
-};
-// src/components/messages/MessageContent/index.tsx
-import { Fragment as _Fragment2, jsx as _jsx46 } from "react/jsx-runtime";
-var MessageContent = function(t0) {
-    var $ = _c46(4);
-    var message = t0.message;
+// src/components/messageGroups/MessageGroup/index.tsx
+import { c as _c48 } from "react-compiler-runtime";
+import { useContext as useContext9 } from "react";
+import { Box as Box9 } from "@radix-ui/themes";
+// src/components/messageGroups/MessageGroup/Name.tsx
+import { c as _c43 } from "react-compiler-runtime";
+import { Flex as Flex9, Text as Text6 } from "@radix-ui/themes";
+import { jsx as _jsx43 } from "react/jsx-runtime";
+var Name = function(t0) {
+    var $ = _c43(2);
+    var children = t0.children;
+    var t1;
+    if ($[0] !== children) {
+        t1 = /* @__PURE__ */ _jsx43(Flex9, {
+            align: "center",
+            height: "var(--space-5)",
+            children: /* @__PURE__ */ _jsx43(Text6, {
+                size: "2",
+                weight: "bold",
+                children: children
+            })
+        });
+        $[0] = children;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    return t1;
+};
+// src/components/messageGroups/MessageGroup/AssistantAvatar.tsx
+import { c as _c44 } from "react-compiler-runtime";
+import { useContext as useContext7 } from "react";
+import { Flex as Flex10 } from "@radix-ui/themes";
+// src/contexts/assistants/AssistantAvatarContext/index.tsx
+import { createContext as createContext6 } from "react";
+import { Avatar } from "@radix-ui/themes";
+import { LightningBoltIcon } from "@radix-ui/react-icons";
+import { jsx as _jsx44 } from "react/jsx-runtime";
+var AssistantAvatarContext = /* @__PURE__ */ createContext6(/* @__PURE__ */ _jsx44(Avatar, {
+    fallback: /* @__PURE__ */ _jsx44(LightningBoltIcon, {}),
+    size: "1"
+}));
+// src/components/messageGroups/MessageGroup/AssistantAvatar.tsx
+import { jsx as _jsx45 } from "react/jsx-runtime";
+var AssistantAvatar = function() {
+    var $ = _c44(3);
+    var AssistantAvatarContextValue = useContext7(AssistantAvatarContext);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = {
+            borderRadius: "var(--radius-3)",
+            overflow: "hidden"
+        };
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] !== AssistantAvatarContextValue) {
+        t1 = /* @__PURE__ */ _jsx45(Flex10, {
+            flexShrink: "0",
+            height: "24px",
+            width: "24px",
+            style: t0,
+            children: AssistantAvatarContextValue
+        });
+        $[1] = AssistantAvatarContextValue;
+        $[2] = t1;
+    } else {
+        t1 = $[2];
+    }
+    return t1;
+};
+// src/contexts/assistants/AssistantNameContext/index.tsx
+import { createContext as createContext7 } from "react";
+var AssistantNameContext = /* @__PURE__ */ createContext7("Assistant");
+// src/components/messageGroups/MessageGroup/UserAvatar.tsx
+import { c as _c45 } from "react-compiler-runtime";
+import { useContext as useContext8 } from "react";
+import { Flex as Flex11 } from "@radix-ui/themes";
+// src/contexts/users/UserAvatarContext/index.tsx
+import { createContext as createContext8 } from "react";
+import { Avatar as Avatar2 } from "@radix-ui/themes";
+import { PersonIcon } from "@radix-ui/react-icons";
+import { jsx as _jsx46 } from "react/jsx-runtime";
+var UserAvatarContext = /* @__PURE__ */ createContext8(/* @__PURE__ */ _jsx46(Avatar2, {
+    fallback: /* @__PURE__ */ _jsx46(PersonIcon, {}),
+    size: "1"
+}));
+// src/components/messageGroups/MessageGroup/UserAvatar.tsx
+import { jsx as _jsx47 } from "react/jsx-runtime";
+var UserAvatar = function() {
+    var $ = _c45(3);
+    var UserAvatarContextValue = useContext8(UserAvatarContext);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = {
+            borderRadius: "var(--radius-3)",
+            overflow: "hidden"
+        };
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] !== UserAvatarContextValue) {
+        t1 = /* @__PURE__ */ _jsx47(Flex11, {
+            flexShrink: "0",
+            height: "24px",
+            width: "24px",
+            style: t0,
+            children: UserAvatarContextValue
+        });
+        $[1] = UserAvatarContextValue;
+        $[2] = t1;
+    } else {
+        t1 = $[2];
+    }
+    return t1;
+};
+// src/components/messageGroups/MessageGroup/Messages.tsx
+import { c as _c46 } from "react-compiler-runtime";
+import { Flex as Flex12 } from "@radix-ui/themes";
+import { jsx as _jsx48 } from "react/jsx-runtime";
+var Messages = function(t0) {
+    var $ = _c46(4);
+    var messageGroup = t0.messageGroup;
+    var t1;
+    if ($[0] !== messageGroup.messages) {
+        t1 = messageGroup.messages.map(_temp);
+        $[0] = messageGroup.messages;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== t1) {
+        t2 = /* @__PURE__ */ _jsx48(Flex12, {
+            direction: "column-reverse",
+            children: t1
+        });
+        $[2] = t1;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    return t2;
+};
+function _temp(message) {
+    return /* @__PURE__ */ _jsx48(Message, {
+        message: message
+    }, message.id);
+}
+// src/components/messageGroups/MessageGroup/Root.tsx
+import { c as _c47 } from "react-compiler-runtime";
+import { forwardRef as forwardRef2 } from "react";
+import { Flex as Flex13, Container } from "@radix-ui/themes";
+import { jsx as _jsx49 } from "react/jsx-runtime";
+var Root2 = /* @__PURE__ */ forwardRef2(function Root3(t0, ref) {
+    var $ = _c47(7);
+    var children = t0.children, style = t0.style, className = t0.className;
+    var t1;
+    if ($[0] !== children) {
+        t1 = /* @__PURE__ */ _jsx49(Flex13, {
+            flexShrink: "0",
+            gap: "3",
+            children: children
+        });
+        $[0] = children;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== className || $[3] !== ref || $[4] !== style || $[5] !== t1) {
+        t2 = /* @__PURE__ */ _jsx49(Container, {
+            ref: ref,
+            size: "2",
+            flexGrow: "0",
+            className: className,
+            style: style,
+            children: t1
+        });
+        $[2] = className;
+        $[3] = ref;
+        $[4] = style;
+        $[5] = t1;
+        $[6] = t2;
+    } else {
+        t2 = $[6];
+    }
+    return t2;
+});
+// src/components/messageGroups/MessageGroup/index.tsx
+import { jsx as _jsx50, jsxs as _jsxs15, Fragment as _Fragment2 } from "react/jsx-runtime";
+var Content5 = function(t0) {
+    var $ = _c48(12);
+    var messageGroup = t0.messageGroup;
+    var assistantNameContext = useContext9(AssistantNameContext);
+    var t1;
+    if ($[0] !== messageGroup.role) {
+        t1 = messageGroup.role === "user" ? /* @__PURE__ */ _jsx50(UserAvatar, {}) : /* @__PURE__ */ _jsx50(AssistantAvatar, {});
+        $[0] = messageGroup.role;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2 = messageGroup.role === "user" ? "You" : assistantNameContext;
+    var t3;
+    if ($[2] !== t2) {
+        t3 = /* @__PURE__ */ _jsx50(Name, {
+            children: t2
+        });
+        $[2] = t2;
+        $[3] = t3;
+    } else {
+        t3 = $[3];
+    }
+    var t4;
+    if ($[4] !== messageGroup) {
+        t4 = /* @__PURE__ */ _jsx50(Messages, {
+            messageGroup: messageGroup
+        });
+        $[4] = messageGroup;
+        $[5] = t4;
+    } else {
+        t4 = $[5];
+    }
+    var t5;
+    if ($[6] !== t3 || $[7] !== t4) {
+        t5 = /* @__PURE__ */ _jsxs15(Box9, {
+            flexGrow: "1",
+            children: [
+                t3,
+                t4
+            ]
+        });
+        $[6] = t3;
+        $[7] = t4;
+        $[8] = t5;
+    } else {
+        t5 = $[8];
+    }
+    var t6;
+    if ($[9] !== t1 || $[10] !== t5) {
+        t6 = /* @__PURE__ */ _jsxs15(_Fragment2, {
+            children: [
+                t1,
+                t5
+            ]
+        });
+        $[9] = t1;
+        $[10] = t5;
+        $[11] = t6;
+    } else {
+        t6 = $[11];
+    }
+    return t6;
+};
+var MessageGroup = function(t0) {
+    var $ = _c48(6);
+    var messageGroup = t0.messageGroup, style = t0.style, className = t0.className;
+    var t1;
+    if ($[0] !== messageGroup) {
+        t1 = /* @__PURE__ */ _jsx50(Content5, {
+            messageGroup: messageGroup
+        });
+        $[0] = messageGroup;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== className || $[3] !== style || $[4] !== t1) {
+        t2 = /* @__PURE__ */ _jsx50(Root2, {
+            className: className,
+            style: style,
+            children: t1
+        });
+        $[2] = className;
+        $[3] = style;
+        $[4] = t1;
+        $[5] = t2;
+    } else {
+        t2 = $[5];
+    }
+    return t2;
+};
+MessageGroup.Root = Root2;
+MessageGroup.Name = Name;
+MessageGroup.AssistantAvatar = AssistantAvatar;
+MessageGroup.UserAvatar = UserAvatar;
+MessageGroup.Messages = Messages;
+MessageGroup.Content = Content5;
+// src/contexts/components/ComponentsContext/index.tsx
+var ComponentsContext = /* @__PURE__ */ createContext9({
+    components: {
+        RunStep: RunStep,
+        Function: Function2,
+        StartingToolCalls: StartingToolCalls2,
+        TextContent: TextContent,
+        ImageFileContent: ImageFileContent,
+        MessageGroup: MessageGroup
+    }
+});
+// src/components/runSteps/RunSteps/index.tsx
+import { jsx as _jsx51 } from "react/jsx-runtime";
+var RunSteps = function(t0) {
+    var $ = _c49(7);
+    var runSteps = t0.runSteps;
+    var componentsContext = useContext10(ComponentsContext);
+    var Component2 = componentsContext.components.RunStep;
+    var t1;
+    if ($[0] !== Component2 || $[1] !== runSteps) {
+        var _t;
+        if ($[3] !== Component2) {
+            _t = function(runStep) {
+                return /* @__PURE__ */ _jsx51(Component2, {
+                    runStep: runStep
+                }, runStep.id);
+            };
+            $[3] = Component2;
+            $[4] = _t;
+        } else {
+            _t = $[4];
+        }
+        t1 = runSteps.map(_t);
+        $[0] = Component2;
+        $[1] = runSteps;
+        $[2] = t1;
+    } else {
+        t1 = $[2];
+    }
+    var t2;
+    if ($[5] !== t1) {
+        t2 = /* @__PURE__ */ _jsx51(Flex14, {
+            direction: "column-reverse",
+            children: t1
+        });
+        $[5] = t1;
+        $[6] = t2;
+    } else {
+        t2 = $[6];
+    }
+    return t2;
+};
+// src/contexts/messages/MessageContext/index.ts
+import { createContext as createContext10 } from "react";
+var MessageContext = /* @__PURE__ */ createContext10({
+    message: null
+});
+// src/components/threads/Thread/Message/Provider.tsx
+var Provider = MessageContext.Provider;
+// src/components/threads/Thread/Message/Attachments/index.tsx
+import { c as _c50 } from "react-compiler-runtime";
+import { Flex as Flex15, Badge as Badge2 } from "@radix-ui/themes";
+import { FileIcon } from "@radix-ui/react-icons";
+import { jsx as _jsx52, jsxs as _jsxs16 } from "react/jsx-runtime";
+var Attachments = function(t0) {
+    var _message$attachments;
+    var $ = _c50(4);
+    var message = t0.message;
+    if (!((_message$attachments = message.attachments) !== null && _message$attachments !== void 0 && _message$attachments.length)) {
+        return null;
+    }
+    var t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = /* @__PURE__ */ _jsx52(FileIcon, {});
+        $[0] = t1;
+    } else {
+        t1 = $[0];
+    }
+    var t2 = message.attachments.length > 1 ? "s" : "";
+    var t3;
+    if ($[1] !== message.attachments.length || $[2] !== t2) {
+        t3 = /* @__PURE__ */ _jsx52(Flex15, {
+            align: "start",
+            pb: "1",
+            children: /* @__PURE__ */ _jsxs16(Badge2, {
+                color: "gray",
+                variant: "surface",
+                children: [
+                    t1,
+                    message.attachments.length,
+                    " file",
+                    t2
+                ]
+            })
+        });
+        $[1] = message.attachments.length;
+        $[2] = t2;
+        $[3] = t3;
+    } else {
+        t3 = $[3];
+    }
+    return t3;
+};
+// src/components/messages/MessageContent/index.tsx
+import { c as _c52 } from "react-compiler-runtime";
+// src/components/messages/MessageContent/ContentPart/index.tsx
+import { c as _c51 } from "react-compiler-runtime";
+import { jsx as _jsx53 } from "react/jsx-runtime";
+var TextContent2 = function(t0) {
+    var $ = _c51(3);
+    var content2 = t0.content;
+    var _useComponents = useComponents(), t1 = _useComponents.components;
+    var TextContent3 = t1.TextContent;
+    var t2;
+    if ($[0] !== TextContent3 || $[1] !== content2) {
+        t2 = /* @__PURE__ */ _jsx53(TextContent3, {
+            content: content2
+        });
+        $[0] = TextContent3;
+        $[1] = content2;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    return t2;
+};
+var ImageFileContent2 = function(t0) {
+    var $ = _c51(3);
+    var content2 = t0.content;
+    var _useComponents = useComponents(), t1 = _useComponents.components;
+    var ImageFileContent3 = t1.ImageFileContent;
+    var t2;
+    if ($[0] !== ImageFileContent3 || $[1] !== content2) {
+        t2 = /* @__PURE__ */ _jsx53(ImageFileContent3, {
+            content: content2
+        });
+        $[0] = ImageFileContent3;
+        $[1] = content2;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    return t2;
+};
+var ContentPart = function(t0) {
+    var $ = _c51(4);
+    var content2 = t0.content;
+    if (content2.type === "text") {
+        var t1;
+        if ($[0] !== content2) {
+            t1 = /* @__PURE__ */ _jsx53(TextContent2, {
+                content: content2
+            });
+            $[0] = content2;
+            $[1] = t1;
+        } else {
+            t1 = $[1];
+        }
+        return t1;
+    }
+    if (content2.type === "image_file") {
+        var _t;
+        if ($[2] !== content2) {
+            _t = /* @__PURE__ */ _jsx53(ImageFileContent2, {
+                content: content2
+            });
+            $[2] = content2;
+            $[3] = _t;
+        } else {
+            _t = $[3];
+        }
+        return _t;
+    }
+    return null;
+};
+// src/components/messages/MessageContent/index.tsx
+import { Fragment as _Fragment3, jsx as _jsx54 } from "react/jsx-runtime";
+var MessageContent = function(t0) {
+    var $ = _c52(4);
+    var message = t0.message;
     var t1;
     if ($[0] !== message.content) {
-        t1 = message.content.map(_temp);
+        t1 = message.content.map(_temp2);
         $[0] = message.content;
         $[1] = t1;
     } else {
@@ -43018,7 +43354,7 @@ var MessageContent = function(t0) {
     }
     var t2;
     if ($[2] !== t1) {
-        t2 = /* @__PURE__ */ _jsx46(_Fragment2, {
+        t2 = /* @__PURE__ */ _jsx54(_Fragment3, {
             children: t1
         });
         $[2] = t1;
@@ -43028,15 +43364,15 @@ var MessageContent = function(t0) {
     }
     return t2;
 };
-function _temp(content2, index) {
-    return /* @__PURE__ */ _jsx46(ContentPart, {
+function _temp2(content2, index) {
+    return /* @__PURE__ */ _jsx54(ContentPart, {
         content: content2
     }, index);
 }
 // src/components/threads/Thread/Message/index.tsx
-import { jsx as _jsx47, jsxs as _jsxs16 } from "react/jsx-runtime";
+import { jsx as _jsx55, jsxs as _jsxs17 } from "react/jsx-runtime";
 var Message = function(t0) {
-    var $ = _c47(37);
+    var $ = _c53(37);
     var message = t0.message, className = t0.className, style = t0.style;
     var t1;
     bb0: {
@@ -43070,7 +43406,7 @@ var Message = function(t0) {
         var messageCreationRunStepIndex = message.runSteps.findIndex(_t2);
         var _t3;
         if ($[3] !== message.runSteps || $[4] !== messageCreationRunStepIndex) {
-            var nextRunStepIndex = message.runSteps.slice(0, messageCreationRunStepIndex).findLastIndex(_temp2);
+            var nextRunStepIndex = message.runSteps.slice(0, messageCreationRunStepIndex).findLastIndex(_temp3);
             if (nextRunStepIndex === -1) {
                 nextRunStepIndex = 0;
             }
@@ -43144,7 +43480,7 @@ var Message = function(t0) {
     }
     var t3;
     if ($[21] !== olderRunSteps_0) {
-        t3 = /* @__PURE__ */ _jsx47(RunSteps, {
+        t3 = /* @__PURE__ */ _jsx55(RunSteps, {
             runSteps: olderRunSteps_0
         });
         $[21] = olderRunSteps_0;
@@ -43163,13 +43499,13 @@ var Message = function(t0) {
     }
     var t5;
     if ($[24] !== message) {
-        t5 = /* @__PURE__ */ _jsxs16(Box9, {
+        t5 = /* @__PURE__ */ _jsxs17(Box10, {
             style: t4,
             children: [
-                /* @__PURE__ */ _jsx47(Attachments, {
+                /* @__PURE__ */ _jsx55(Attachments, {
                     message: message
                 }),
-                /* @__PURE__ */ _jsx47(MessageContent, {
+                /* @__PURE__ */ _jsx55(MessageContent, {
                     message: message
                 })
             ]
@@ -43181,7 +43517,7 @@ var Message = function(t0) {
     }
     var t6;
     if ($[26] !== laterRunSteps_0) {
-        t6 = /* @__PURE__ */ _jsx47(RunSteps, {
+        t6 = /* @__PURE__ */ _jsx55(RunSteps, {
             runSteps: laterRunSteps_0
         });
         $[26] = laterRunSteps_0;
@@ -43191,7 +43527,7 @@ var Message = function(t0) {
     }
     var t7;
     if ($[28] !== className || $[29] !== style || $[30] !== t3 || $[31] !== t5 || $[32] !== t6) {
-        t7 = /* @__PURE__ */ _jsxs16(Box9, {
+        t7 = /* @__PURE__ */ _jsxs17(Box10, {
             className: className,
             style: style,
             children: [
@@ -43211,7 +43547,7 @@ var Message = function(t0) {
     }
     var t8;
     if ($[34] !== t2 || $[35] !== t7) {
-        t8 = /* @__PURE__ */ _jsx47(Provider, {
+        t8 = /* @__PURE__ */ _jsx55(Provider, {
             value: t2,
             children: t7
         });
@@ -43223,7 +43559,7 @@ var Message = function(t0) {
     }
     return t8;
 };
-function _temp2(runStep_0) {
+function _temp3(runStep_0) {
     return runStep_0.step_details.type === "message_creation";
 }
 function _temp22(runStep_1) {
@@ -43233,7 +43569,7 @@ function _temp22(runStep_1) {
 import { c as _c56 } from "react-compiler-runtime";
 import { useEffect as useEffect3 } from "react";
 // src/hooks/messageGroups/useMessageGroups/index.ts
-import { c as _c48 } from "react-compiler-runtime";
+import { c as _c54 } from "react-compiler-runtime";
 import { useMemo as useMemo11 } from "react";
 // src/hooks/messageGroups/useMessageGroups/lib/messageGroups/index.ts
 import _6 from "lodash";
@@ -43338,107 +43674,45 @@ var messageGroups = function(_ref) {
 };
 // src/hooks/messageGroups/useMessageGroups/index.ts
 var useMessageGroups = function(t0) {
-    var $ = _c48(4);
+    var $ = _c54(4);
     var messages2 = t0.messages;
     var t1;
     var t2;
     if ($[0] !== messages2) {
-        t2 = messageGroups({
-            messages: messages2
-        });
-        $[0] = messages2;
-        $[1] = t2;
-    } else {
-        t2 = $[1];
-    }
-    var t3;
-    if ($[2] !== t2) {
-        t3 = {
-            messageGroups: t2
-        };
-        $[2] = t2;
-        $[3] = t3;
-    } else {
-        t3 = $[3];
-    }
-    t1 = t3;
-    return t1;
-};
-// src/components/skeletons/MessagesSkeleton/index.tsx
-import { c as _c51 } from "react-compiler-runtime";
-import { forwardRef as forwardRef3 } from "react";
-import { Flex as Flex13, Avatar, Box as Box10, Skeleton } from "@radix-ui/themes";
-// src/components/messageGroups/MessageGroupBase/index.tsx
-import { c as _c49 } from "react-compiler-runtime";
-import { forwardRef as forwardRef2 } from "react";
-import { Flex as Flex11, Container } from "@radix-ui/themes";
-import { jsx as _jsx48 } from "react/jsx-runtime";
-var MessageGroupBase = /* @__PURE__ */ forwardRef2(function MessageGroupBase2(t0, ref) {
-    var $ = _c49(5);
-    var children = t0.children;
-    var t1;
-    if ($[0] !== children) {
-        t1 = /* @__PURE__ */ _jsx48(Flex11, {
-            flexShrink: "0",
-            gap: "3",
-            children: children
-        });
-        $[0] = children;
-        $[1] = t1;
-    } else {
-        t1 = $[1];
-    }
-    var t2;
-    if ($[2] !== ref || $[3] !== t1) {
-        t2 = /* @__PURE__ */ _jsx48(Container, {
-            ref: ref,
-            size: "2",
-            flexGrow: "0",
-            children: t1
+        t2 = messageGroups({
+            messages: messages2
         });
-        $[2] = ref;
-        $[3] = t1;
-        $[4] = t2;
+        $[0] = messages2;
+        $[1] = t2;
     } else {
-        t2 = $[4];
+        t2 = $[1];
     }
-    return t2;
-});
-// src/components/messageGroups/MessageGroupBase/Name.tsx
-import { c as _c50 } from "react-compiler-runtime";
-import { Flex as Flex12, Text as Text6 } from "@radix-ui/themes";
-import { jsx as _jsx49 } from "react/jsx-runtime";
-var Name = function(t0) {
-    var $ = _c50(2);
-    var children = t0.children;
-    var t1;
-    if ($[0] !== children) {
-        t1 = /* @__PURE__ */ _jsx49(Flex12, {
-            align: "center",
-            height: "var(--space-5)",
-            children: /* @__PURE__ */ _jsx49(Text6, {
-                size: "2",
-                weight: "bold",
-                children: children
-            })
-        });
-        $[0] = children;
-        $[1] = t1;
+    var t3;
+    if ($[2] !== t2) {
+        t3 = {
+            messageGroups: t2
+        };
+        $[2] = t2;
+        $[3] = t3;
     } else {
-        t1 = $[1];
+        t3 = $[3];
     }
+    t1 = t3;
     return t1;
 };
 // src/components/skeletons/MessagesSkeleton/index.tsx
-import { jsx as _jsx50, jsxs as _jsxs17 } from "react/jsx-runtime";
+import { c as _c55 } from "react-compiler-runtime";
+import { forwardRef as forwardRef3 } from "react";
+import { Flex as Flex16, Avatar as Avatar3, Box as Box11, Skeleton } from "@radix-ui/themes";
+import { jsx as _jsx56, jsxs as _jsxs18 } from "react/jsx-runtime";
 var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_props, ref) {
-    var $ = _c51(7);
+    var $ = _c55(7);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx50(Skeleton, {
+        t0 = /* @__PURE__ */ _jsx56(Skeleton, {
             loading: true,
-            children: /* @__PURE__ */ _jsx50(Avatar, {
-                fallback: /* @__PURE__ */ _jsx50(Flex13, {}),
+            children: /* @__PURE__ */ _jsx56(Avatar3, {
+                fallback: /* @__PURE__ */ _jsx56(Flex16, {}),
                 size: "1"
             })
         });
@@ -43448,8 +43722,8 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
     }
     var t1;
     if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ _jsx50(Name, {
-            children: /* @__PURE__ */ _jsx50(Skeleton, {
+        t1 = /* @__PURE__ */ _jsx56(MessageGroup.Name, {
+            children: /* @__PURE__ */ _jsx56(Skeleton, {
                 loading: true,
                 style: {
                     width: "128px"
@@ -43462,7 +43736,7 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
     }
     var t2;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = /* @__PURE__ */ _jsx50(Skeleton, {
+        t2 = /* @__PURE__ */ _jsx56(Skeleton, {
             loading: true,
             style: {
                 width: "256px"
@@ -43474,7 +43748,7 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
     }
     var t3;
     if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = /* @__PURE__ */ _jsx50(Skeleton, {
+        t3 = /* @__PURE__ */ _jsx56(Skeleton, {
             loading: true,
             style: {
                 width: "256px",
@@ -43487,13 +43761,13 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
     }
     var t4;
     if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = /* @__PURE__ */ _jsxs17(Box10, {
+        t4 = /* @__PURE__ */ _jsxs18(Box11, {
             pb: "3",
             children: [
                 t1,
                 t2,
                 t3,
-                /* @__PURE__ */ _jsx50(Skeleton, {
+                /* @__PURE__ */ _jsx56(Skeleton, {
                     loading: true,
                     style: {
                         width: "256px",
@@ -43508,7 +43782,7 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
     }
     var t5;
     if ($[5] !== ref) {
-        t5 = /* @__PURE__ */ _jsxs17(MessageGroupBase, {
+        t5 = /* @__PURE__ */ _jsxs18(MessageGroup.Root, {
             ref: ref,
             children: [
                 t0,
@@ -43522,204 +43796,10 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
     }
     return t5;
 });
-// src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
-import { c as _c55 } from "react-compiler-runtime";
-import { useContext as useContext10 } from "react";
-import { Box as Box11 } from "@radix-ui/themes";
-// src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
-import { c as _c52 } from "react-compiler-runtime";
-import { useContext as useContext8 } from "react";
-import { Flex as Flex14 } from "@radix-ui/themes";
-// src/contexts/assistants/AssistantAvatarContext/index.tsx
-import { createContext as createContext8 } from "react";
-import { Avatar as Avatar2 } from "@radix-ui/themes";
-import { LightningBoltIcon } from "@radix-ui/react-icons";
-import { jsx as _jsx51 } from "react/jsx-runtime";
-var AssistantAvatarContext = /* @__PURE__ */ createContext8(/* @__PURE__ */ _jsx51(Avatar2, {
-    fallback: /* @__PURE__ */ _jsx51(LightningBoltIcon, {}),
-    size: "1"
-}));
-// src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
-import { jsx as _jsx52 } from "react/jsx-runtime";
-var AssistantAvatar = function() {
-    var $ = _c52(3);
-    var AssistantAvatarContextValue = useContext8(AssistantAvatarContext);
-    var t0;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = {
-            borderRadius: "var(--radius-3)",
-            overflow: "hidden"
-        };
-        $[0] = t0;
-    } else {
-        t0 = $[0];
-    }
-    var t1;
-    if ($[1] !== AssistantAvatarContextValue) {
-        t1 = /* @__PURE__ */ _jsx52(Flex14, {
-            flexShrink: "0",
-            height: "24px",
-            width: "24px",
-            style: t0,
-            children: AssistantAvatarContextValue
-        });
-        $[1] = AssistantAvatarContextValue;
-        $[2] = t1;
-    } else {
-        t1 = $[2];
-    }
-    return t1;
-};
-// src/contexts/assistants/AssistantNameContext/index.tsx
-import { createContext as createContext9 } from "react";
-var AssistantNameContext = /* @__PURE__ */ createContext9("Assistant");
-// src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
-import { c as _c53 } from "react-compiler-runtime";
-import { useContext as useContext9 } from "react";
-import { Flex as Flex15 } from "@radix-ui/themes";
-// src/contexts/users/UserAvatarContext/index.tsx
-import { createContext as createContext10 } from "react";
-import { Avatar as Avatar3 } from "@radix-ui/themes";
-import { PersonIcon } from "@radix-ui/react-icons";
-import { jsx as _jsx53 } from "react/jsx-runtime";
-var UserAvatarContext = /* @__PURE__ */ createContext10(/* @__PURE__ */ _jsx53(Avatar3, {
-    fallback: /* @__PURE__ */ _jsx53(PersonIcon, {}),
-    size: "1"
-}));
-// src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
-import { jsx as _jsx54 } from "react/jsx-runtime";
-var UserAvatar = function() {
-    var $ = _c53(3);
-    var UserAvatarContextValue = useContext9(UserAvatarContext);
-    var t0;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = {
-            borderRadius: "var(--radius-3)",
-            overflow: "hidden"
-        };
-        $[0] = t0;
-    } else {
-        t0 = $[0];
-    }
-    var t1;
-    if ($[1] !== UserAvatarContextValue) {
-        t1 = /* @__PURE__ */ _jsx54(Flex15, {
-            flexShrink: "0",
-            height: "24px",
-            width: "24px",
-            style: t0,
-            children: UserAvatarContextValue
-        });
-        $[1] = UserAvatarContextValue;
-        $[2] = t1;
-    } else {
-        t1 = $[2];
-    }
-    return t1;
-};
-// src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
-import { c as _c54 } from "react-compiler-runtime";
-import { Flex as Flex16 } from "@radix-ui/themes";
-import { jsx as _jsx55 } from "react/jsx-runtime";
-var Content5 = function(t0) {
-    var $ = _c54(4);
-    var messageGroup = t0.messageGroup;
-    var t1;
-    if ($[0] !== messageGroup.messages) {
-        t1 = messageGroup.messages.map(_temp3);
-        $[0] = messageGroup.messages;
-        $[1] = t1;
-    } else {
-        t1 = $[1];
-    }
-    var t2;
-    if ($[2] !== t1) {
-        t2 = /* @__PURE__ */ _jsx55(Flex16, {
-            direction: "column-reverse",
-            children: t1
-        });
-        $[2] = t1;
-        $[3] = t2;
-    } else {
-        t2 = $[3];
-    }
-    return t2;
-};
-function _temp3(message) {
-    return /* @__PURE__ */ _jsx55(Message, {
-        message: message
-    }, message.id);
-}
-// src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
-import { jsx as _jsx56, jsxs as _jsxs18 } from "react/jsx-runtime";
-var MessageGroup = function(t0) {
-    var $ = _c55(12);
-    var messageGroup = t0.messageGroup;
-    var assistantNameContext = useContext10(AssistantNameContext);
-    var t1;
-    if ($[0] !== messageGroup.role) {
-        t1 = messageGroup.role === "user" ? /* @__PURE__ */ _jsx56(UserAvatar, {}) : /* @__PURE__ */ _jsx56(AssistantAvatar, {});
-        $[0] = messageGroup.role;
-        $[1] = t1;
-    } else {
-        t1 = $[1];
-    }
-    var t2 = messageGroup.role === "user" ? "You" : assistantNameContext;
-    var t3;
-    if ($[2] !== t2) {
-        t3 = /* @__PURE__ */ _jsx56(Name, {
-            children: t2
-        });
-        $[2] = t2;
-        $[3] = t3;
-    } else {
-        t3 = $[3];
-    }
-    var t4;
-    if ($[4] !== messageGroup) {
-        t4 = /* @__PURE__ */ _jsx56(Content5, {
-            messageGroup: messageGroup
-        });
-        $[4] = messageGroup;
-        $[5] = t4;
-    } else {
-        t4 = $[5];
-    }
-    var t5;
-    if ($[6] !== t3 || $[7] !== t4) {
-        t5 = /* @__PURE__ */ _jsxs18(Box11, {
-            flexGrow: "1",
-            children: [
-                t3,
-                t4
-            ]
-        });
-        $[6] = t3;
-        $[7] = t4;
-        $[8] = t5;
-    } else {
-        t5 = $[8];
-    }
-    var t6;
-    if ($[9] !== t1 || $[10] !== t5) {
-        t6 = /* @__PURE__ */ _jsxs18(MessageGroupBase, {
-            children: [
-                t1,
-                t5
-            ]
-        });
-        $[9] = t1;
-        $[10] = t5;
-        $[11] = t6;
-    } else {
-        t6 = $[11];
-    }
-    return t6;
-};
 // src/components/threads/Thread/Messages/Content/index.tsx
-import { jsx as _jsx57, Fragment as _Fragment3 } from "react/jsx-runtime";
+import { jsx as _jsx57, Fragment as _Fragment4 } from "react/jsx-runtime";
 var Content6 = function() {
-    var $ = _c56(11);
+    var $ = _c56(14);
     var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
     var addToast = useToasts().addToast;
     var t0;
@@ -43733,10 +43813,12 @@ var Content6 = function() {
         t0 = $[1];
     }
     var _useMessageGroups = useMessageGroups(t0), messageGroups2 = _useMessageGroups.messageGroups;
-    var t1;
+    var _useComponents = useComponents(), t1 = _useComponents.components;
+    var MessageGroup2 = t1.MessageGroup;
     var t2;
+    var t3;
     if ($[2] !== addToast || $[3] !== isLoadingError) {
-        t1 = function() {
+        t2 = function() {
             if (isLoadingError) {
                 addToast({
                     type: "error",
@@ -43744,19 +43826,19 @@ var Content6 = function() {
                 });
             }
         };
-        t2 = [
+        t3 = [
             isLoadingError,
             addToast
         ];
         $[2] = addToast;
         $[3] = isLoadingError;
-        $[4] = t1;
-        $[5] = t2;
+        $[4] = t2;
+        $[5] = t3;
     } else {
-        t1 = $[4];
-        t2 = $[5];
+        t2 = $[4];
+        t3 = $[5];
     }
-    useEffect3(t1, t2);
+    useEffect3(t2, t3);
     if (isLoading || isLoadingError) {
         var _t;
         if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
@@ -43767,31 +43849,39 @@ var Content6 = function() {
         }
         return _t;
     }
-    var t3;
-    if ($[7] !== messageGroups2) {
-        t3 = messageGroups2.map(_temp4);
-        $[7] = messageGroups2;
-        $[8] = t3;
+    var t4;
+    if ($[7] !== MessageGroup2 || $[8] !== messageGroups2) {
+        var _t2;
+        if ($[10] !== MessageGroup2) {
+            _t2 = function(messageGroup) {
+                return /* @__PURE__ */ _jsx57(MessageGroup2, {
+                    messageGroup: messageGroup
+                }, messageGroup.id);
+            };
+            $[10] = MessageGroup2;
+            $[11] = _t2;
+        } else {
+            _t2 = $[11];
+        }
+        t4 = messageGroups2.map(_t2);
+        $[7] = MessageGroup2;
+        $[8] = messageGroups2;
+        $[9] = t4;
     } else {
-        t3 = $[8];
+        t4 = $[9];
     }
-    var t4;
-    if ($[9] !== t3) {
-        t4 = /* @__PURE__ */ _jsx57(_Fragment3, {
-            children: t3
+    var t5;
+    if ($[12] !== t4) {
+        t5 = /* @__PURE__ */ _jsx57(_Fragment4, {
+            children: t4
         });
-        $[9] = t3;
-        $[10] = t4;
+        $[12] = t4;
+        $[13] = t5;
     } else {
-        t4 = $[10];
+        t5 = $[13];
     }
-    return t4;
+    return t5;
 };
-function _temp4(messageGroup) {
-    return /* @__PURE__ */ _jsx57(MessageGroup, {
-        messageGroup: messageGroup
-    }, messageGroup.id);
-}
 // src/components/threads/Thread/Messages/Progress/index.tsx
 import { c as _c59 } from "react-compiler-runtime";
 import { useMemo as useMemo12 } from "react";
@@ -43832,14 +43922,14 @@ var StartingSkeleton = function(t0) {
     var assistantNameContext = useContext11(AssistantNameContext);
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ _jsx59(AssistantAvatar, {});
+        t1 = /* @__PURE__ */ _jsx59(MessageGroup.AssistantAvatar, {});
         $[0] = t1;
     } else {
         t1 = $[0];
     }
     var t2;
     if ($[1] !== assistantNameContext) {
-        t2 = /* @__PURE__ */ _jsx59(Name, {
+        t2 = /* @__PURE__ */ _jsx59(MessageGroup.Name, {
             children: assistantNameContext
         });
         $[1] = assistantNameContext;
@@ -43856,7 +43946,7 @@ var StartingSkeleton = function(t0) {
     }
     var t4;
     if ($[4] !== children || $[5] !== t2) {
-        t4 = /* @__PURE__ */ _jsxs19(MessageGroupBase, {
+        t4 = /* @__PURE__ */ _jsxs19(MessageGroup.Root, {
             children: [
                 t1,
                 /* @__PURE__ */ _jsxs19(Box12, {
@@ -43933,7 +44023,7 @@ var Progress = function() {
         }
         var t2;
         if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-            t2 = /* @__PURE__ */ _jsxs20(MessageGroupBase, {
+            t2 = /* @__PURE__ */ _jsxs20(MessageGroup.Root, {
                 children: [
                     _t,
                     /* @__PURE__ */ _jsx60(Box13, {
@@ -44047,7 +44137,7 @@ function _toPrimitive26(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-var Root2 = function(t0) {
+var Root4 = function(t0) {
     var $ = _c60(18);
     var children = t0.children, style = t0.style, className = t0.className;
     var _useMessages = useMessages(), isFetchingNextPage = _useMessages.isFetchingNextPage, hasNextPage = _useMessages.hasNextPage, fetchNextPage = _useMessages.fetchNextPage;
@@ -44150,7 +44240,7 @@ var NextPageSkeleton = function() {
 };
 // src/components/threads/Thread/Messages/index.tsx
 import { jsx as _jsx63, jsxs as _jsxs22 } from "react/jsx-runtime";
-var Messages = function(t0) {
+var Messages2 = function(t0) {
     var $ = _c62(9);
     var children = t0.children, className = t0.className, style = t0.style;
     var t1;
@@ -44188,7 +44278,7 @@ var Messages = function(t0) {
     }
     var t6;
     if ($[5] !== children || $[6] !== className || $[7] !== style) {
-        t6 = /* @__PURE__ */ _jsxs22(Root2, {
+        t6 = /* @__PURE__ */ _jsxs22(Root4, {
             style: style,
             className: className,
             children: [
@@ -44209,9 +44299,9 @@ var Messages = function(t0) {
     }
     return t6;
 };
-Messages.Root = Root2;
-Messages.Message = Message;
-Messages.NextPageSkeleton = NextPageSkeleton;
+Messages2.Root = Root4;
+Messages2.Message = Message;
+Messages2.NextPageSkeleton = NextPageSkeleton;
 // src/components/threads/Thread/MessageForm/index.tsx
 import { c as _c68 } from "react-compiler-runtime";
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
@@ -44279,7 +44369,7 @@ function _toPrimitive27(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-var Root3 = function(t0) {
+var Root5 = function(t0) {
     var $ = _c63(4);
     var children = t0.children, style = t0.style, className = t0.className;
     var t1;
@@ -44374,7 +44464,7 @@ var Submit = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx64(Root3, _objectSpread27(_objectSpread27({}, props), {}, {
+        t1 = /* @__PURE__ */ _jsx64(Root5, _objectSpread27(_objectSpread27({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -44384,7 +44474,7 @@ var Submit = function(props) {
     }
     return t1;
 };
-Submit.Root = Root3;
+Submit.Root = Root5;
 Submit.Button = Button3;
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
@@ -44469,7 +44559,7 @@ function _asyncToGenerator6(n) {
         });
     };
 }
-var Root4 = function(_ref) {
+var Root6 = function(_ref) {
     "use no memo";
     var children = _ref.children, onSubmitArg = _ref.onSubmit, isDisabledArg = _ref.isDisabled, style = _ref.style, className = _ref.className;
     var _useState4 = _sliced_to_array(useState4([]), 2), files = _useState4[0], setFiles = _useState4[1];
@@ -44607,7 +44697,7 @@ import { useContext as useContext13, useMemo as useMemo14, useRef as useRef5, us
 import { c as _c64 } from "react-compiler-runtime";
 import { forwardRef as forwardRef4 } from "react";
 import TextareaAutosize from "react-textarea-autosize";
-import { jsx as _jsx66, Fragment as _Fragment4, jsxs as _jsxs23 } from "react/jsx-runtime";
+import { jsx as _jsx66, Fragment as _Fragment5, jsxs as _jsxs23 } from "react/jsx-runtime";
 var _excluded3 = [
     "style",
     "className"
@@ -44729,7 +44819,7 @@ var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
     }
     var t5;
     if ($[9] !== ref || $[10] !== rest || $[11] !== t2 || $[12] !== t4) {
-        t5 = /* @__PURE__ */ _jsxs23(_Fragment4, {
+        t5 = /* @__PURE__ */ _jsxs23(_Fragment5, {
             children: [
                 t1,
                 /* @__PURE__ */ _jsx66(TextareaAutosize, _objectSpread29({
@@ -44794,7 +44884,7 @@ function _toPrimitive30(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-var Root5 = function(t0) {
+var Root7 = function(t0) {
     var $ = _c65(4);
     var children = t0.children, style = t0.style, className = t0.className;
     var t1;
@@ -44870,7 +44960,7 @@ var Control = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx67(Root5, _objectSpread30(_objectSpread30({}, props), {}, {
+        t1 = /* @__PURE__ */ _jsx67(Root7, _objectSpread30(_objectSpread30({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -44880,7 +44970,7 @@ var Control = function(props) {
     }
     return t1;
 };
-Control.Root = Root5;
+Control.Root = Root7;
 Control.Input = Input;
 // src/components/threads/Thread/MessageForm/Field/Files/Preview.tsx
 import { c as _c66 } from "react-compiler-runtime";
@@ -45269,7 +45359,7 @@ var useCreateFile = function(t0) {
     var t1;
     if ($[0] !== t0) {
         t1 = t0 === void 0 ? {
-            onError: _temp5
+            onError: _temp4
         } : t0;
         $[0] = t0;
         $[1] = t1;
@@ -45338,7 +45428,7 @@ var useCreateFile = function(t0) {
     }
     return t6;
 };
-function _temp5() {}
+function _temp4() {}
 function _temp23() {}
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
 import { jsx as _jsx69, jsxs as _jsxs25 } from "react/jsx-runtime";
@@ -45707,7 +45797,7 @@ function _toPrimitive36(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-var Root6 = function(_ref) {
+var Root8 = function(_ref) {
     "use no memo";
     var children = _ref.children, className = _ref.className, style = _ref.style;
     var _useFormContext2 = useFormContext2(), errors = _useFormContext2.formState.errors;
@@ -45741,7 +45831,7 @@ var Root6 = function(_ref) {
     });
 };
 var Field = {
-    Root: Root6,
+    Root: Root8,
     Control: Control,
     Files: Files
 };
@@ -45806,7 +45896,7 @@ var MessageForm = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx71(Root4, _objectSpread37(_objectSpread37({}, props), {}, {
+        t1 = /* @__PURE__ */ _jsx71(Root6, _objectSpread37(_objectSpread37({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -45816,7 +45906,7 @@ var MessageForm = function(props) {
     }
     return t1;
 };
-MessageForm.Root = Root4;
+MessageForm.Root = Root6;
 MessageForm.Field = Field;
 MessageForm.Submit = Submit;
 // src/components/threads/Thread/Root/index.tsx
@@ -45929,7 +46019,7 @@ var ToastsProvider = function(t0) {
     }
     var t5;
     if ($[4] !== toasts) {
-        t5 = Array.from(toasts).map(_temp6);
+        t5 = Array.from(toasts).map(_temp5);
         $[4] = toasts;
         $[5] = t5;
     } else {
@@ -45989,7 +46079,7 @@ var ToastsProvider = function(t0) {
     }
     return t8;
 };
-function _temp6(toast_0, index) {
+function _temp5(toast_0, index) {
     return /* @__PURE__ */ _jsx73(CustomToast, {
         toast: toast_0
     }, index);
@@ -46062,7 +46152,7 @@ function _objectWithoutPropertiesLoose4(r, e) {
     }
     return t;
 }
-var Root8 = function(t0) {
+var Root10 = function(t0) {
     var $ = _c71(12);
     var children;
     var className;
@@ -46167,7 +46257,7 @@ var Thread = function(props) {
     var t0;
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx75(Messages, {});
+        t0 = /* @__PURE__ */ _jsx75(Messages2, {});
         t1 = /* @__PURE__ */ _jsx75(MessageForm, {});
         $[0] = t0;
         $[1] = t1;
@@ -46177,7 +46267,7 @@ var Thread = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ _jsxs29(Root8, _objectSpread39(_objectSpread39({}, props), {}, {
+        t2 = /* @__PURE__ */ _jsxs29(Root10, _objectSpread39(_objectSpread39({}, props), {}, {
             children: [
                 t0,
                 t1
@@ -46190,8 +46280,8 @@ var Thread = function(props) {
     }
     return t2;
 };
-Thread.Root = Root8;
-Thread.Messages = Messages;
+Thread.Root = Root10;
+Thread.Messages = Messages2;
 Thread.MessageForm = MessageForm;
 // src/hooks/messages/useMessageContext/index.ts
 import { useContext as useContext14 } from "react";
@@ -46433,7 +46523,7 @@ var Provider4 = function(t0) {
 };
 // src/components/threads/ThreadDialog/Root/index.tsx
 import { jsx as _jsx77 } from "react/jsx-runtime";
-var Root9 = function(t0) {
+var Root11 = function(t0) {
     var $ = _c75(2);
     var children = t0.children;
     var t1;
@@ -46568,7 +46658,7 @@ function _toPrimitive42(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-var Root10 = function(t0) {
+var Root12 = function(t0) {
     var $ = _c77(14);
     var children = t0.children, style = t0.style, className = t0.className;
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
@@ -46587,7 +46677,7 @@ var Root10 = function(t0) {
     var t3;
     if ($[2] !== setIsOpen) {
         t3 = function() {
-            return setIsOpen(_temp7);
+            return setIsOpen(_temp6);
         };
         $[2] = setIsOpen;
         $[3] = t3;
@@ -46650,7 +46740,7 @@ var Trigger = function(args) {
     }
     var t1;
     if ($[1] !== args) {
-        t1 = /* @__PURE__ */ _jsx79(Root10, _objectSpread42(_objectSpread42({}, args), {}, {
+        t1 = /* @__PURE__ */ _jsx79(Root12, _objectSpread42(_objectSpread42({}, args), {}, {
             children: t0
         }));
         $[1] = args;
@@ -46660,9 +46750,9 @@ var Trigger = function(args) {
     }
     return t1;
 };
-Trigger.Root = Root10;
+Trigger.Root = Root12;
 Trigger.Button = Button4;
-function _temp7(prev) {
+function _temp6(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
@@ -46691,7 +46781,7 @@ var Close = function() {
     var t2;
     if ($[2] !== setIsOpen) {
         t2 = function() {
-            return setIsOpen(_temp8);
+            return setIsOpen(_temp7);
         };
         $[2] = setIsOpen;
         $[3] = t2;
@@ -46741,7 +46831,7 @@ var Close = function() {
     }
     return t5;
 };
-function _temp8(prev) {
+function _temp7(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
@@ -46789,7 +46879,7 @@ function _toPrimitive43(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-var Root11 = function(t0) {
+var Root13 = function(t0) {
     var $ = _c79(19);
     var children = t0.children, className = t0.className, style = t0.style;
     var isOpen = useThreadDialogContext().isOpen;
@@ -46936,7 +47026,7 @@ var Root11 = function(t0) {
     }
     return t13;
 };
-var Messages2 = function(t0) {
+var Messages3 = function(t0) {
     var $ = _c79(5);
     var className = t0.className, style = t0.style;
     var t1;
@@ -46993,7 +47083,7 @@ var Content7 = function(props) {
     var $ = _c79(4);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx81(Messages2, {});
+        t0 = /* @__PURE__ */ _jsx81(Messages3, {});
         $[0] = t0;
     } else {
         t0 = $[0];
@@ -47014,7 +47104,7 @@ var Content7 = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ _jsx81(Root11, _objectSpread43(_objectSpread43({}, props), {}, {
+        t2 = /* @__PURE__ */ _jsx81(Root13, _objectSpread43(_objectSpread43({}, props), {}, {
             children: t1
         }));
         $[2] = props;
@@ -47024,8 +47114,8 @@ var Content7 = function(props) {
     }
     return t2;
 };
-Content7.Root = Root11;
-Content7.Messages = Messages2;
+Content7.Root = Root13;
+Content7.Messages = Messages3;
 Content7.FormContainer = FormContainer;
 // src/components/threads/ThreadDialog/index.tsx
 import { jsx as _jsx82, jsxs as _jsxs31 } from "react/jsx-runtime";
@@ -47033,7 +47123,7 @@ var ThreadDialog = function() {
     var $ = _c80(1);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsxs31(Root9, {
+        t0 = /* @__PURE__ */ _jsxs31(Root11, {
             children: [
                 /* @__PURE__ */ _jsx82(Content7, {}),
                 /* @__PURE__ */ _jsx82(Trigger, {})
@@ -47045,7 +47135,7 @@ var ThreadDialog = function() {
     }
     return t0;
 };
-ThreadDialog.Root = Root9;
+ThreadDialog.Root = Root11;
 ThreadDialog.Trigger = Trigger;
 ThreadDialog.Content = Content7;
 // src/components/threads/AudioThreadDialog/index.tsx
@@ -47148,7 +47238,7 @@ import { c as _c82 } from "react-compiler-runtime";
 import { useEffect as useEffect8, useRef as useRef6 } from "react";
 var useInterval = function(callback, delay) {
     var $ = _c82(5);
-    var savedCallback = useRef6(_temp9);
+    var savedCallback = useRef6(_temp8);
     var t0;
     if ($[0] !== callback) {
         t0 = function() {
@@ -47185,7 +47275,7 @@ var useInterval = function(callback, delay) {
     }
     useEffect8(t1, t2);
 };
-function _temp9() {}
+function _temp8() {}
 // src/hooks/audioThreads/useRecorder/index.ts
 function ownKeys44(e, r) {
     var t = Object.keys(e);
@@ -47733,7 +47823,7 @@ var useMessageAudio = function(t0) {
     } else {
         t8 = $[36];
     }
-    useEffect10(_temp10, t8);
+    useEffect10(_temp9, t8);
     var _useState94 = _sliced_to_array(useState9(null), 2), audioEngine = _useState94[0], setAudioEngine = _useState94[1];
     var isAudioEngineInited = useRef8(false);
     var t9;
@@ -47817,7 +47907,7 @@ var useMessageAudio = function(t0) {
     }
     return t13;
 };
-function _temp10() {
+function _temp9() {
     if (isHtmlAudioSupported) {
         var _Howler$_howls$;
         if (!(Howler !== null && Howler !== void 0 && (_Howler$_howls$ = Howler._howls[0]) !== null && _Howler$_howls$ !== void 0 && (_Howler$_howls$ = _Howler$_howls$._sounds[0]) !== null && _Howler$_howls$ !== void 0 && _Howler$_howls$._node)) {
@@ -47892,7 +47982,7 @@ var useTtsAudioRuntime = function(t0) {
     if ($[1] !== createMessageProps) {
         t2 = {
             isStopOnSilence: true,
-            onStart: _temp11,
+            onStart: _temp10,
             onStop: function() {
                 var _onStop = _asyncToGenerator11(function(_event, chunks) {
                     var blob, audioContent;
@@ -48023,7 +48113,7 @@ var useTtsAudioRuntime = function(t0) {
     t5 = t8;
     return t5;
 };
-function _temp11() {
+function _temp10() {
     return _temp24.apply(this, arguments);
 }
 function _temp24() {
@@ -48231,7 +48321,7 @@ var Provider5 = function(t0) {
     }
     return t2;
 };
-var Root12 = function(t0) {
+var Root14 = function(t0) {
     var $ = _c86(16);
     var children;
     var className;
@@ -48530,7 +48620,7 @@ var Provider6 = function(_ref) {
         children: children
     });
 };
-var Root13 = function(t0) {
+var Root15 = function(t0) {
     var $ = _c88(6);
     var children;
     var rest;
@@ -48712,14 +48802,14 @@ var AssistantInfo = function(props) {
     var assistantNameContext = useContext17(AssistantNameContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx86(AssistantAvatar, {});
+        t0 = /* @__PURE__ */ _jsx86(MessageGroup.AssistantAvatar, {});
         $[0] = t0;
     } else {
         t0 = $[0];
     }
     var t1;
     if ($[1] !== assistantNameContext) {
-        t1 = /* @__PURE__ */ _jsx86(Name, {
+        t1 = /* @__PURE__ */ _jsx86(MessageGroup.Name, {
             children: assistantNameContext
         });
         $[1] = assistantNameContext;
@@ -48762,7 +48852,7 @@ var Visualization = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ _jsxs32(Root13, _objectSpread47(_objectSpread47({}, props), {}, {
+        t2 = /* @__PURE__ */ _jsxs32(Root15, _objectSpread47(_objectSpread47({}, props), {}, {
             children: [
                 t0,
                 t1
@@ -48775,7 +48865,7 @@ var Visualization = function(props) {
     }
     return t2;
 };
-Visualization.Root = Root13;
+Visualization.Root = Root15;
 Visualization.Provider = Provider6;
 Visualization.AssistantVisualization = AssistantVisualization;
 Visualization.AssistantInfo = AssistantInfo;
@@ -49485,7 +49575,7 @@ var AudioThread = function(props) {
     }
     var t3;
     if ($[3] !== props) {
-        t3 = /* @__PURE__ */ _jsxs36(Root12, _objectSpread51(_objectSpread51({}, props), {}, {
+        t3 = /* @__PURE__ */ _jsxs36(Root14, _objectSpread51(_objectSpread51({}, props), {}, {
             children: [
                 t0,
                 t1,
@@ -49499,7 +49589,7 @@ var AudioThread = function(props) {
     }
     return t3;
 };
-AudioThread.Root = Root12;
+AudioThread.Root = Root14;
 AudioThread.Visualization = Visualization;
 AudioThread.Status = Status;
 AudioThread.Form = Form;
@@ -49565,7 +49655,7 @@ var AudioThreadDialog = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ _jsxs37(Root9, _objectSpread52(_objectSpread52({}, props), {}, {
+        t2 = /* @__PURE__ */ _jsxs37(Root11, _objectSpread52(_objectSpread52({}, props), {}, {
             children: [
                 t0,
                 t1
@@ -49578,7 +49668,7 @@ var AudioThreadDialog = function(props) {
     }
     return t2;
 };
-AudioThreadDialog.Root = Root9;
+AudioThreadDialog.Root = Root11;
 AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content7;
 // src/hooks/audioRuntimes/useWebrtcAudioRuntime/index.ts
@@ -50245,7 +50335,7 @@ var Content9 = function(t0) {
     return t5;
 };
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-import { jsx as _jsx97, jsxs as _jsxs38, Fragment as _Fragment5 } from "react/jsx-runtime";
+import { jsx as _jsx97, jsxs as _jsxs38, Fragment as _Fragment6 } from "react/jsx-runtime";
 var FileCitation = function(t0) {
     var $ = _c99(18);
     var annotation = t0.annotation;
@@ -50358,7 +50448,7 @@ var FileCitation = function(t0) {
     }
     var t11;
     if ($[15] !== t10 || $[16] !== t3) {
-        t11 = /* @__PURE__ */ _jsxs38(_Fragment5, {
+        t11 = /* @__PURE__ */ _jsxs38(_Fragment6, {
             children: [
                 t3,
                 t10
@@ -50676,12 +50766,6 @@ var Avatar6 = function(t0) {
 // src/components/components/ComponentsProvider.tsx
 import { c as _c104 } from "react-compiler-runtime";
 import { useMemo as useMemo23 } from "react";
-// src/hooks/components/useComponents.ts
-import { useContext as useContext18 } from "react";
-var useComponents = function() {
-    return useContext18(ComponentsContext);
-};
-// src/components/components/ComponentsProvider.tsx
 import { jsx as _jsx102 } from "react/jsx-runtime";
 var _excluded9 = [
     "children"
@@ -50804,5 +50888,5 @@ var AssistantProvider = function(t0) {
     }
     return t6;
 };
-export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar6 as Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, MessageContent, RunStep, SourceAnnotation, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, TtsAudioRuntimeProvider, UserAvatarContext, WebrtcAudioRuntimeProvider, useAssistant, useAudioThreadContext, useComponents, useCreateFile, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext, useTtsAudioRuntime, useWebrtcAudioRuntime };
+export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar6 as Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, MessageContent, MessageGroup, RunStep, SourceAnnotation, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, TtsAudioRuntimeProvider, UserAvatarContext, WebrtcAudioRuntimeProvider, useAssistant, useAudioThreadContext, useComponents, useCreateFile, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext, useTtsAudioRuntime, useWebrtcAudioRuntime };
 //# sourceMappingURL=index.js.map