@superinterface/react 3.25.0 → 3.26.0

package/dist/index.js

@@ -37814,15 +37814,15 @@ var SuperinterfaceProvider = function(_ref) {
 import { c as _c75 } from "react-compiler-runtime";
 // src/components/threads/Thread/Messages/index.tsx
 import { c as _c65 } from "react-compiler-runtime";
-import { Flex as Flex19 } from "@radix-ui/themes";
+import { Flex as Flex18 } from "@radix-ui/themes";
 // src/components/threads/Thread/Message/index.tsx
-import { c as _c56 } from "react-compiler-runtime";
+import { c as _c58 } from "react-compiler-runtime";
 import { useMemo as useMemo10 } from "react";
-import { Box as Box10 } from "@radix-ui/themes";
+import { Box as Box11 } from "@radix-ui/themes";
 // src/components/runSteps/RunSteps/index.tsx
-import { c as _c52 } from "react-compiler-runtime";
+import { c as _c54 } from "react-compiler-runtime";
 import { Flex as Flex15 } from "@radix-ui/themes";
-import { useContext as useContext13 } from "react";
+import { useContext as useContext14 } from "react";
 // src/contexts/components/ComponentsContext/index.tsx
 import { createContext as createContext9 } from "react";
 // src/components/runSteps/RunStep/index.tsx
@@ -42982,35 +42982,103 @@ var AssistantAvatarContext = /* @__PURE__ */ createContext6(/* @__PURE__ */ _jsx
 }));
 // src/components/messageGroups/MessageGroup/AssistantAvatar.tsx
 import { jsx as _jsx47 } from "react/jsx-runtime";
-var AssistantAvatar = function() {
-    var $ = _c46(3);
-    var AssistantAvatarContextValue = useContext10(AssistantAvatarContext);
-    var t0;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = {
+function ownKeys25(e, r) {
+    var t = Object.keys(e);
+    if (Object.getOwnPropertySymbols) {
+        var o = Object.getOwnPropertySymbols(e);
+        r && (o = o.filter(function(r2) {
+            return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+        })), t.push.apply(t, o);
+    }
+    return t;
+}
+function _objectSpread25(e) {
+    for(var r = 1; r < arguments.length; r++){
+        var t = null != arguments[r] ? arguments[r] : {};
+        r % 2 ? ownKeys25(Object(t), true).forEach(function(r2) {
+            _defineProperty25(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys25(Object(t)).forEach(function(r2) {
+            Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+        });
+    }
+    return e;
+}
+function _defineProperty25(e, r, t) {
+    return (r = _toPropertyKey25(r)) in e ? Object.defineProperty(e, r, {
+        value: t,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    }) : e[r] = t, e;
+}
+function _toPropertyKey25(t) {
+    var i = _toPrimitive25(t, "string");
+    return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
+}
+function _toPrimitive25(t, r) {
+    if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+        var i = e.call(t, r || "default");
+        if ("object" != (typeof i === "undefined" ? "undefined" : _type_of(i))) return i;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return ("string" === r ? String : Number)(t);
+}
+var Root2 = function(t0) {
+    var $ = _c46(6);
+    var children = t0.children, style = t0.style, className = t0.className;
+    var t1;
+    if ($[0] !== style) {
+        t1 = _objectSpread25({
             borderRadius: "var(--radius-3)",
             overflow: "hidden"
-        };
-        $[0] = t0;
+        }, style);
+        $[0] = style;
+        $[1] = t1;
     } else {
-        t0 = $[0];
+        t1 = $[1];
     }
-    var t1;
-    if ($[1] !== AssistantAvatarContextValue) {
-        t1 = /* @__PURE__ */ _jsx47(Flex10, {
+    var t2;
+    if ($[2] !== children || $[3] !== className || $[4] !== t1) {
+        t2 = /* @__PURE__ */ _jsx47(Flex10, {
             flexShrink: "0",
             height: "24px",
             width: "24px",
-            style: t0,
+            className: className,
+            style: t1,
+            children: children
+        });
+        $[2] = children;
+        $[3] = className;
+        $[4] = t1;
+        $[5] = t2;
+    } else {
+        t2 = $[5];
+    }
+    return t2;
+};
+var AssistantAvatar = function(t0) {
+    var $ = _c46(4);
+    var style = t0.style, className = t0.className;
+    var AssistantAvatarContextValue = useContext10(AssistantAvatarContext);
+    var t1;
+    if ($[0] !== AssistantAvatarContextValue || $[1] !== className || $[2] !== style) {
+        t1 = /* @__PURE__ */ _jsx47(Root2, {
+            style: style,
+            className: className,
             children: AssistantAvatarContextValue
         });
-        $[1] = AssistantAvatarContextValue;
-        $[2] = t1;
+        $[0] = AssistantAvatarContextValue;
+        $[1] = className;
+        $[2] = style;
+        $[3] = t1;
     } else {
-        t1 = $[2];
+        t1 = $[3];
     }
     return t1;
 };
+AssistantAvatar.Root = Root2;
 // src/contexts/assistants/AssistantNameContext/index.tsx
 import { createContext as createContext7 } from "react";
 var AssistantNameContext = /* @__PURE__ */ createContext7("Assistant");
@@ -43096,7 +43164,7 @@ import { c as _c49 } from "react-compiler-runtime";
 import { forwardRef as forwardRef2 } from "react";
 import { Flex as Flex13, Container } from "@radix-ui/themes";
 import { jsx as _jsx51 } from "react/jsx-runtime";
-var Root2 = /* @__PURE__ */ forwardRef2(function Root3(t0, ref) {
+var Root3 = /* @__PURE__ */ forwardRef2(function Root4(t0, ref) {
     var $ = _c49(7);
     var children = t0.children, style = t0.style, className = t0.className;
     var t1;
@@ -43212,7 +43280,7 @@ var MessageGroup = function(t0) {
     }
     var t2;
     if ($[2] !== className || $[3] !== style || $[4] !== t1) {
-        t2 = /* @__PURE__ */ _jsx52(Root2, {
+        t2 = /* @__PURE__ */ _jsx52(Root3, {
             className: className,
             style: style,
             children: t1
@@ -43226,7 +43294,7 @@ var MessageGroup = function(t0) {
     }
     return t2;
 };
-MessageGroup.Root = Root2;
+MessageGroup.Root = Root3;
 MessageGroup.Name = Name;
 MessageGroup.AssistantAvatar = AssistantAvatar;
 MessageGroup.UserAvatar = UserAvatar;
@@ -43276,6 +43344,86 @@ var MessageAttachments = function(t0) {
     }
     return t3;
 };
+// src/components/skeletons/StartingSkeleton/index.tsx
+import { c as _c53 } from "react-compiler-runtime";
+import { useContext as useContext13 } from "react";
+import { Box as Box10 } from "@radix-ui/themes";
+// src/components/skeletons/StartingContentSkeleton/index.tsx
+import { c as _c52 } from "react-compiler-runtime";
+import { Skeleton } from "@radix-ui/themes";
+import { jsx as _jsx54 } from "react/jsx-runtime";
+var StartingContentSkeleton = function() {
+    var $ = _c52(1);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ _jsx54(Skeleton, {
+            loading: true,
+            mt: "1",
+            height: "var(--space-4)",
+            width: "var(--space-4)",
+            style: {
+                borderRadius: "var(--radius-6)",
+                flexShrink: 0
+            }
+        });
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    return t0;
+};
+// src/components/skeletons/StartingSkeleton/index.tsx
+import { jsx as _jsx55, jsxs as _jsxs16 } from "react/jsx-runtime";
+var StartingSkeleton = function(t0) {
+    var $ = _c53(7);
+    var children = t0.children;
+    var assistantNameContext = useContext13(AssistantNameContext);
+    var t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = /* @__PURE__ */ _jsx55(MessageGroup.AssistantAvatar, {});
+        $[0] = t1;
+    } else {
+        t1 = $[0];
+    }
+    var t2;
+    if ($[1] !== assistantNameContext) {
+        t2 = /* @__PURE__ */ _jsx55(MessageGroup.Name, {
+            children: assistantNameContext
+        });
+        $[1] = assistantNameContext;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    var t3;
+    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = /* @__PURE__ */ _jsx55(StartingContentSkeleton, {});
+        $[3] = t3;
+    } else {
+        t3 = $[3];
+    }
+    var t4;
+    if ($[4] !== children || $[5] !== t2) {
+        t4 = /* @__PURE__ */ _jsxs16(MessageGroup.Root, {
+            children: [
+                t1,
+                /* @__PURE__ */ _jsxs16(Box10, {
+                    children: [
+                        t2,
+                        children,
+                        t3
+                    ]
+                })
+            ]
+        });
+        $[4] = children;
+        $[5] = t2;
+        $[6] = t4;
+    } else {
+        t4 = $[6];
+    }
+    return t4;
+};
 // src/contexts/components/ComponentsContext/index.tsx
 var ComponentsContext = /* @__PURE__ */ createContext9({
     components: {
@@ -43288,22 +43436,24 @@ var ComponentsContext = /* @__PURE__ */ createContext9({
         TextContent: TextContent,
         ImageFileContent: ImageFileContent,
         MessageGroup: MessageGroup,
-        MessageAttachments: MessageAttachments
+        MessageAttachments: MessageAttachments,
+        StartingSkeleton: StartingSkeleton,
+        StartingContentSkeleton: StartingContentSkeleton
     }
 });
 // src/components/runSteps/RunSteps/index.tsx
-import { jsx as _jsx54 } from "react/jsx-runtime";
+import { jsx as _jsx56 } from "react/jsx-runtime";
 var RunSteps = function(t0) {
-    var $ = _c52(7);
+    var $ = _c54(7);
     var runSteps = t0.runSteps;
-    var componentsContext = useContext13(ComponentsContext);
+    var componentsContext = useContext14(ComponentsContext);
     var Component2 = componentsContext.components.RunStep;
     var t1;
     if ($[0] !== Component2 || $[1] !== runSteps) {
         var _t;
         if ($[3] !== Component2) {
             _t = function(runStep) {
-                return /* @__PURE__ */ _jsx54(Component2, {
+                return /* @__PURE__ */ _jsx56(Component2, {
                     runStep: runStep
                 }, runStep.id);
             };
@@ -43321,7 +43471,7 @@ var RunSteps = function(t0) {
     }
     var t2;
     if ($[5] !== t1) {
-        t2 = /* @__PURE__ */ _jsx54(Flex15, {
+        t2 = /* @__PURE__ */ _jsx56(Flex15, {
             direction: "column-reverse",
             children: t1
         });
@@ -43340,16 +43490,16 @@ var MessageContext = /* @__PURE__ */ createContext10({
 // src/components/threads/Thread/Message/Provider.tsx
 var Provider = MessageContext.Provider;
 // src/components/threads/Thread/Message/Attachments/index.tsx
-import { c as _c53 } from "react-compiler-runtime";
-import { jsx as _jsx55 } from "react/jsx-runtime";
+import { c as _c55 } from "react-compiler-runtime";
+import { jsx as _jsx57 } from "react/jsx-runtime";
 var Attachments = function(t0) {
-    var $ = _c53(3);
+    var $ = _c55(3);
     var message = t0.message;
     var _useComponents = useComponents(), t1 = _useComponents.components;
     var MessageAttachments2 = t1.MessageAttachments;
     var t2;
     if ($[0] !== MessageAttachments2 || $[1] !== message) {
-        t2 = /* @__PURE__ */ _jsx55(MessageAttachments2, {
+        t2 = /* @__PURE__ */ _jsx57(MessageAttachments2, {
             message: message
         });
         $[0] = MessageAttachments2;
@@ -43361,18 +43511,18 @@ var Attachments = function(t0) {
     return t2;
 };
 // src/components/messages/MessageContent/index.tsx
-import { c as _c55 } from "react-compiler-runtime";
+import { c as _c57 } from "react-compiler-runtime";
 // src/components/messages/MessageContent/ContentPart/index.tsx
-import { c as _c54 } from "react-compiler-runtime";
-import { jsx as _jsx56 } from "react/jsx-runtime";
+import { c as _c56 } from "react-compiler-runtime";
+import { jsx as _jsx58 } from "react/jsx-runtime";
 var TextContent2 = function(t0) {
-    var $ = _c54(3);
+    var $ = _c56(3);
     var content2 = t0.content;
     var _useComponents = useComponents(), t1 = _useComponents.components;
     var TextContent3 = t1.TextContent;
     var t2;
     if ($[0] !== TextContent3 || $[1] !== content2) {
-        t2 = /* @__PURE__ */ _jsx56(TextContent3, {
+        t2 = /* @__PURE__ */ _jsx58(TextContent3, {
             content: content2
         });
         $[0] = TextContent3;
@@ -43384,13 +43534,13 @@ var TextContent2 = function(t0) {
     return t2;
 };
 var ImageFileContent2 = function(t0) {
-    var $ = _c54(3);
+    var $ = _c56(3);
     var content2 = t0.content;
     var _useComponents = useComponents(), t1 = _useComponents.components;
     var ImageFileContent3 = t1.ImageFileContent;
     var t2;
     if ($[0] !== ImageFileContent3 || $[1] !== content2) {
-        t2 = /* @__PURE__ */ _jsx56(ImageFileContent3, {
+        t2 = /* @__PURE__ */ _jsx58(ImageFileContent3, {
             content: content2
         });
         $[0] = ImageFileContent3;
@@ -43402,12 +43552,12 @@ var ImageFileContent2 = function(t0) {
     return t2;
 };
 var ContentPart = function(t0) {
-    var $ = _c54(4);
+    var $ = _c56(4);
     var content2 = t0.content;
     if (content2.type === "text") {
         var t1;
         if ($[0] !== content2) {
-            t1 = /* @__PURE__ */ _jsx56(TextContent2, {
+            t1 = /* @__PURE__ */ _jsx58(TextContent2, {
                 content: content2
             });
             $[0] = content2;
@@ -43420,7 +43570,7 @@ var ContentPart = function(t0) {
     if (content2.type === "image_file") {
         var _t;
         if ($[2] !== content2) {
-            _t = /* @__PURE__ */ _jsx56(ImageFileContent2, {
+            _t = /* @__PURE__ */ _jsx58(ImageFileContent2, {
                 content: content2
             });
             $[2] = content2;
@@ -43433,9 +43583,9 @@ var ContentPart = function(t0) {
     return null;
 };
 // src/components/messages/MessageContent/index.tsx
-import { Fragment as _Fragment3, jsx as _jsx57 } from "react/jsx-runtime";
+import { Fragment as _Fragment3, jsx as _jsx59 } from "react/jsx-runtime";
 var MessageContent = function(t0) {
-    var $ = _c55(4);
+    var $ = _c57(4);
     var message = t0.message;
     var t1;
     if ($[0] !== message.content) {
@@ -43447,7 +43597,7 @@ var MessageContent = function(t0) {
     }
     var t2;
     if ($[2] !== t1) {
-        t2 = /* @__PURE__ */ _jsx57(_Fragment3, {
+        t2 = /* @__PURE__ */ _jsx59(_Fragment3, {
             children: t1
         });
         $[2] = t1;
@@ -43458,14 +43608,14 @@ var MessageContent = function(t0) {
     return t2;
 };
 function _temp2(content2, index) {
-    return /* @__PURE__ */ _jsx57(ContentPart, {
+    return /* @__PURE__ */ _jsx59(ContentPart, {
         content: content2
     }, index);
 }
 // src/components/threads/Thread/Message/index.tsx
-import { jsx as _jsx58, jsxs as _jsxs16 } from "react/jsx-runtime";
+import { jsx as _jsx60, jsxs as _jsxs17 } from "react/jsx-runtime";
 var Message = function(t0) {
-    var $ = _c56(37);
+    var $ = _c58(37);
     var message = t0.message, className = t0.className, style = t0.style;
     var t1;
     bb0: {
@@ -43573,7 +43723,7 @@ var Message = function(t0) {
     }
     var t3;
     if ($[21] !== olderRunSteps_0) {
-        t3 = /* @__PURE__ */ _jsx58(RunSteps, {
+        t3 = /* @__PURE__ */ _jsx60(RunSteps, {
             runSteps: olderRunSteps_0
         });
         $[21] = olderRunSteps_0;
@@ -43592,13 +43742,13 @@ var Message = function(t0) {
     }
     var t5;
     if ($[24] !== message) {
-        t5 = /* @__PURE__ */ _jsxs16(Box10, {
+        t5 = /* @__PURE__ */ _jsxs17(Box11, {
             style: t4,
             children: [
-                /* @__PURE__ */ _jsx58(Attachments, {
+                /* @__PURE__ */ _jsx60(Attachments, {
                     message: message
                 }),
-                /* @__PURE__ */ _jsx58(MessageContent, {
+                /* @__PURE__ */ _jsx60(MessageContent, {
                     message: message
                 })
             ]
@@ -43610,7 +43760,7 @@ var Message = function(t0) {
     }
     var t6;
     if ($[26] !== laterRunSteps_0) {
-        t6 = /* @__PURE__ */ _jsx58(RunSteps, {
+        t6 = /* @__PURE__ */ _jsx60(RunSteps, {
             runSteps: laterRunSteps_0
         });
         $[26] = laterRunSteps_0;
@@ -43620,7 +43770,7 @@ var Message = function(t0) {
     }
     var t7;
     if ($[28] !== className || $[29] !== style || $[30] !== t3 || $[31] !== t5 || $[32] !== t6) {
-        t7 = /* @__PURE__ */ _jsxs16(Box10, {
+        t7 = /* @__PURE__ */ _jsxs17(Box11, {
             className: className,
             style: style,
             children: [
@@ -43640,7 +43790,7 @@ var Message = function(t0) {
     }
     var t8;
     if ($[34] !== t2 || $[35] !== t7) {
-        t8 = /* @__PURE__ */ _jsx58(Provider, {
+        t8 = /* @__PURE__ */ _jsx60(Provider, {
             value: t2,
             children: t7
         });
@@ -43659,10 +43809,10 @@ function _temp22(runStep_1) {
     return runStep_1.step_details.type === "message_creation";
 }
 // src/components/threads/Thread/Messages/Content/index.tsx
-import { c as _c59 } from "react-compiler-runtime";
+import { c as _c61 } from "react-compiler-runtime";
 import { useEffect as useEffect3 } from "react";
 // src/hooks/messageGroups/useMessageGroups/index.ts
-import { c as _c57 } from "react-compiler-runtime";
+import { c as _c59 } from "react-compiler-runtime";
 import { useMemo as useMemo11 } from "react";
 // src/hooks/messageGroups/useMessageGroups/lib/messageGroups/index.ts
 import _6 from "lodash";
@@ -43697,7 +43847,7 @@ var newGroup = function(_ref) {
     ]);
 };
 // src/hooks/messageGroups/useMessageGroups/lib/messageGroups/index.ts
-function ownKeys25(e, r) {
+function ownKeys26(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -43707,30 +43857,30 @@ function ownKeys25(e, r) {
     }
     return t;
 }
-function _objectSpread25(e) {
+function _objectSpread26(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys25(Object(t), true).forEach(function(r2) {
-            _defineProperty25(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys25(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys26(Object(t), true).forEach(function(r2) {
+            _defineProperty26(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys26(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty25(e, r, t) {
-    return (r = _toPropertyKey25(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty26(e, r, t) {
+    return (r = _toPropertyKey26(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey25(t) {
-    var i = _toPrimitive25(t, "string");
+function _toPropertyKey26(t) {
+    var i = _toPrimitive26(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive25(t, r) {
+function _toPrimitive26(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -43757,7 +43907,7 @@ var messageGroups = function(_ref) {
             });
         }
         return _to_consumable_array(_6.dropRight(groups)).concat([
-            _objectSpread25(_objectSpread25({}, group), {}, {
+            _objectSpread26(_objectSpread26({}, group), {}, {
                 messages: _to_consumable_array(group.messages).concat([
                     message
                 ])
@@ -43767,7 +43917,7 @@ var messageGroups = function(_ref) {
 };
 // src/hooks/messageGroups/useMessageGroups/index.ts
 var useMessageGroups = function(t0) {
-    var $ = _c57(4);
+    var $ = _c59(4);
     var messages2 = t0.messages;
     var t1;
     var t2;
@@ -43794,18 +43944,18 @@ var useMessageGroups = function(t0) {
     return t1;
 };
 // src/components/skeletons/MessagesSkeleton/index.tsx
-import { c as _c58 } from "react-compiler-runtime";
+import { c as _c60 } 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 _jsx59, jsxs as _jsxs17 } from "react/jsx-runtime";
+import { Flex as Flex16, Avatar as Avatar3, Box as Box12, Skeleton as Skeleton2 } from "@radix-ui/themes";
+import { jsx as _jsx61, jsxs as _jsxs18 } from "react/jsx-runtime";
 var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_props, ref) {
-    var $ = _c58(7);
+    var $ = _c60(7);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx59(Skeleton, {
+        t0 = /* @__PURE__ */ _jsx61(Skeleton2, {
             loading: true,
-            children: /* @__PURE__ */ _jsx59(Avatar3, {
-                fallback: /* @__PURE__ */ _jsx59(Flex16, {}),
+            children: /* @__PURE__ */ _jsx61(Avatar3, {
+                fallback: /* @__PURE__ */ _jsx61(Flex16, {}),
                 size: "1"
             })
         });
@@ -43815,8 +43965,8 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
     }
     var t1;
     if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ _jsx59(MessageGroup.Name, {
-            children: /* @__PURE__ */ _jsx59(Skeleton, {
+        t1 = /* @__PURE__ */ _jsx61(MessageGroup.Name, {
+            children: /* @__PURE__ */ _jsx61(Skeleton2, {
                 loading: true,
                 style: {
                     width: "128px"
@@ -43829,7 +43979,7 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
     }
     var t2;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = /* @__PURE__ */ _jsx59(Skeleton, {
+        t2 = /* @__PURE__ */ _jsx61(Skeleton2, {
             loading: true,
             style: {
                 width: "256px"
@@ -43841,7 +43991,7 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
     }
     var t3;
     if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = /* @__PURE__ */ _jsx59(Skeleton, {
+        t3 = /* @__PURE__ */ _jsx61(Skeleton2, {
             loading: true,
             style: {
                 width: "256px",
@@ -43854,13 +44004,13 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
     }
     var t4;
     if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = /* @__PURE__ */ _jsxs17(Box11, {
+        t4 = /* @__PURE__ */ _jsxs18(Box12, {
             pb: "3",
             children: [
                 t1,
                 t2,
                 t3,
-                /* @__PURE__ */ _jsx59(Skeleton, {
+                /* @__PURE__ */ _jsx61(Skeleton2, {
                     loading: true,
                     style: {
                         width: "256px",
@@ -43875,7 +44025,7 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
     }
     var t5;
     if ($[5] !== ref) {
-        t5 = /* @__PURE__ */ _jsxs17(MessageGroup.Root, {
+        t5 = /* @__PURE__ */ _jsxs18(MessageGroup.Root, {
             ref: ref,
             children: [
                 t0,
@@ -43890,9 +44040,9 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
     return t5;
 });
 // src/components/threads/Thread/Messages/Content/index.tsx
-import { jsx as _jsx60, Fragment as _Fragment4 } from "react/jsx-runtime";
+import { jsx as _jsx62, Fragment as _Fragment4 } from "react/jsx-runtime";
 var Content6 = function() {
-    var $ = _c59(14);
+    var $ = _c61(14);
     var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
     var addToast = useToasts().addToast;
     var t0;
@@ -43935,7 +44085,7 @@ var Content6 = function() {
     if (isLoading || isLoadingError) {
         var _t;
         if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-            _t = /* @__PURE__ */ _jsx60(MessagesSkeleton, {});
+            _t = /* @__PURE__ */ _jsx62(MessagesSkeleton, {});
             $[6] = _t;
         } else {
             _t = $[6];
@@ -43947,7 +44097,7 @@ var Content6 = function() {
         var _t2;
         if ($[10] !== MessageGroup2) {
             _t2 = function(messageGroup) {
-                return /* @__PURE__ */ _jsx60(MessageGroup2, {
+                return /* @__PURE__ */ _jsx62(MessageGroup2, {
                     messageGroup: messageGroup
                 }, messageGroup.id);
             };
@@ -43965,7 +44115,7 @@ var Content6 = function() {
     }
     var t5;
     if ($[12] !== t4) {
-        t5 = /* @__PURE__ */ _jsx60(_Fragment4, {
+        t5 = /* @__PURE__ */ _jsx62(_Fragment4, {
             children: t4
         });
         $[12] = t4;
@@ -43978,89 +44128,36 @@ var Content6 = function() {
 // src/components/threads/Thread/Messages/Progress/index.tsx
 import { c as _c62 } from "react-compiler-runtime";
 import { useMemo as useMemo12 } from "react";
-import { Flex as Flex17, Box as Box13 } from "@radix-ui/themes";
-// src/components/skeletons/StartingSkeleton/index.tsx
-import { c as _c61 } from "react-compiler-runtime";
-import { useContext as useContext14 } from "react";
-import { Box as Box12 } from "@radix-ui/themes";
-// src/components/skeletons/StartingContentSkeleton/index.tsx
-import { c as _c60 } from "react-compiler-runtime";
-import { Skeleton as Skeleton2 } from "@radix-ui/themes";
-import { jsx as _jsx61 } from "react/jsx-runtime";
-var StartingContentSkeleton = function() {
-    var $ = _c60(1);
-    var t0;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx61(Skeleton2, {
-            loading: true,
-            mt: "1",
-            height: "var(--space-4)",
-            width: "var(--space-4)",
-            style: {
-                borderRadius: "var(--radius-6)",
-                flexShrink: 0
-            }
-        });
-        $[0] = t0;
+import { Box as Box13 } from "@radix-ui/themes";
+import { jsx as _jsx63, jsxs as _jsxs19 } from "react/jsx-runtime";
+var StartingSkeleton2 = function() {
+    var $ = _c62(2);
+    var _useComponents = useComponents(), t0 = _useComponents.components;
+    var StartingSkeleton3 = t0.StartingSkeleton;
+    var t1;
+    if ($[0] !== StartingSkeleton3) {
+        t1 = /* @__PURE__ */ _jsx63(StartingSkeleton3, {});
+        $[0] = StartingSkeleton3;
+        $[1] = t1;
     } else {
-        t0 = $[0];
+        t1 = $[1];
     }
-    return t0;
+    return t1;
 };
-// src/components/skeletons/StartingSkeleton/index.tsx
-import { jsx as _jsx62, jsxs as _jsxs18 } from "react/jsx-runtime";
-var StartingSkeleton = function(t0) {
-    var $ = _c61(7);
-    var children = t0.children;
-    var assistantNameContext = useContext14(AssistantNameContext);
+var StartingContentSkeleton2 = function() {
+    var $ = _c62(2);
+    var _useComponents = useComponents(), t0 = _useComponents.components;
+    var StartingContentSkeleton3 = t0.StartingContentSkeleton;
     var t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ _jsx62(MessageGroup.AssistantAvatar, {});
-        $[0] = t1;
-    } else {
-        t1 = $[0];
-    }
-    var t2;
-    if ($[1] !== assistantNameContext) {
-        t2 = /* @__PURE__ */ _jsx62(MessageGroup.Name, {
-            children: assistantNameContext
-        });
-        $[1] = assistantNameContext;
-        $[2] = t2;
-    } else {
-        t2 = $[2];
-    }
-    var t3;
-    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = /* @__PURE__ */ _jsx62(StartingContentSkeleton, {});
-        $[3] = t3;
+    if ($[0] !== StartingContentSkeleton3) {
+        t1 = /* @__PURE__ */ _jsx63(StartingContentSkeleton3, {});
+        $[0] = StartingContentSkeleton3;
+        $[1] = t1;
     } else {
-        t3 = $[3];
+        t1 = $[1];
     }
-    var t4;
-    if ($[4] !== children || $[5] !== t2) {
-        t4 = /* @__PURE__ */ _jsxs18(MessageGroup.Root, {
-            children: [
-                t1,
-                /* @__PURE__ */ _jsxs18(Box12, {
-                    children: [
-                        t2,
-                        children,
-                        t3
-                    ]
-                })
-            ]
-        });
-        $[4] = children;
-        $[5] = t2;
-        $[6] = t4;
-    } else {
-        t4 = $[6];
-    }
-    return t4;
+    return t1;
 };
-// src/components/threads/Thread/Messages/Progress/index.tsx
-import { jsx as _jsx63, jsxs as _jsxs19 } from "react/jsx-runtime";
 var Progress = function() {
     var $ = _c62(3);
     var latestMessage = useLatestMessage().latestMessage;
@@ -44095,7 +44192,7 @@ var Progress = function() {
     if (isStartingSkeletonVisible) {
         var t1;
         if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-            t1 = /* @__PURE__ */ _jsx63(StartingSkeleton, {});
+            t1 = /* @__PURE__ */ _jsx63(StartingSkeleton2, {});
             $[0] = t1;
         } else {
             t1 = $[0];
@@ -44105,11 +44202,7 @@ var Progress = function() {
     if (isMutatingMessage) {
         var _t;
         if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-            _t = /* @__PURE__ */ _jsx63(Flex17, {
-                flexShrink: "0",
-                height: "24px",
-                width: "24px"
-            });
+            _t = /* @__PURE__ */ _jsx63(MessageGroup.AssistantAvatar.Root, {});
             $[1] = _t;
         } else {
             _t = $[1];
@@ -44120,7 +44213,7 @@ var Progress = function() {
                 children: [
                     _t,
                     /* @__PURE__ */ _jsx63(Box13, {
-                        children: /* @__PURE__ */ _jsx63(StartingContentSkeleton, {})
+                        children: /* @__PURE__ */ _jsx63(StartingContentSkeleton2, {})
                     })
                 ]
             });
@@ -44134,7 +44227,7 @@ var Progress = function() {
 };
 // src/components/threads/Thread/Messages/Root/index.tsx
 import { c as _c63 } from "react-compiler-runtime";
-import { Flex as Flex18 } from "@radix-ui/themes";
+import { Flex as Flex17 } from "@radix-ui/themes";
 // src/hooks/misc/useInfiniteScroll/index.tsx
 import { useRef as useRef3 } from "react";
 import { useInView } from "react-intersection-observer";
@@ -44187,7 +44280,7 @@ var useInfiniteScroll = function(_ref) {
 };
 // src/components/threads/Thread/Messages/Root/index.tsx
 import { jsx as _jsx64, jsxs as _jsxs20 } from "react/jsx-runtime";
-function ownKeys26(e, r) {
+function ownKeys27(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -44197,30 +44290,30 @@ function ownKeys26(e, r) {
     }
     return t;
 }
-function _objectSpread26(e) {
+function _objectSpread27(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys26(Object(t), true).forEach(function(r2) {
-            _defineProperty26(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys26(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys27(Object(t), true).forEach(function(r2) {
+            _defineProperty27(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys27(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty26(e, r, t) {
-    return (r = _toPropertyKey26(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty27(e, r, t) {
+    return (r = _toPropertyKey27(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey26(t) {
-    var i = _toPrimitive26(t, "string");
+function _toPropertyKey27(t) {
+    var i = _toPrimitive27(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive26(t, r) {
+function _toPrimitive27(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -44230,7 +44323,7 @@ function _toPrimitive26(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-var Root4 = function(t0) {
+var Root5 = function(t0) {
     var $ = _c63(18);
     var children = t0.children, style = t0.style, className = t0.className;
     var _useMessages = useMessages(), isFetchingNextPage = _useMessages.isFetchingNextPage, hasNextPage = _useMessages.hasNextPage, fetchNextPage = _useMessages.fetchNextPage;
@@ -44259,7 +44352,7 @@ var Root4 = function(t0) {
     }
     var t3;
     if ($[6] !== t2) {
-        t3 = _objectSpread26({
+        t3 = _objectSpread27({
             overflow: "auto"
         }, t2);
         $[6] = t2;
@@ -44269,7 +44362,7 @@ var Root4 = function(t0) {
     }
     var t4;
     if ($[8] !== hasNextPage || $[9] !== loaderRef) {
-        t4 = hasNextPage && /* @__PURE__ */ _jsx64(Flex18, {
+        t4 = hasNextPage && /* @__PURE__ */ _jsx64(Flex17, {
             ref: loaderRef
         });
         $[8] = hasNextPage;
@@ -44280,7 +44373,7 @@ var Root4 = function(t0) {
     }
     var t5;
     if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-        t5 = /* @__PURE__ */ _jsx64(Flex18, {
+        t5 = /* @__PURE__ */ _jsx64(Flex17, {
             flexShrink: "0",
             flexGrow: "1"
         });
@@ -44290,7 +44383,7 @@ var Root4 = function(t0) {
     }
     var t6;
     if ($[12] !== children || $[13] !== className || $[14] !== containerRef || $[15] !== t3 || $[16] !== t4) {
-        t6 = /* @__PURE__ */ _jsxs20(Flex18, {
+        t6 = /* @__PURE__ */ _jsxs20(Flex17, {
             ref: containerRef,
             direction: "column-reverse",
             flexGrow: "1",
@@ -44339,7 +44432,7 @@ var Messages2 = function(t0) {
     var t1;
     var t2;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ _jsx66(Flex19, {
+        t1 = /* @__PURE__ */ _jsx66(Flex18, {
             flexShrink: "0",
             height: "var(--space-3)"
         });
@@ -44356,7 +44449,7 @@ var Messages2 = function(t0) {
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
         t3 = /* @__PURE__ */ _jsx66(Content6, {});
         t4 = /* @__PURE__ */ _jsx66(NextPageSkeleton, {});
-        t5 = /* @__PURE__ */ _jsx66(Flex19, {
+        t5 = /* @__PURE__ */ _jsx66(Flex18, {
             flexShrink: "0",
             flexGrow: "1",
             minHeight: "var(--space-5)"
@@ -44371,7 +44464,7 @@ var Messages2 = function(t0) {
     }
     var t6;
     if ($[5] !== children || $[6] !== className || $[7] !== style) {
-        t6 = /* @__PURE__ */ _jsxs21(Root4, {
+        t6 = /* @__PURE__ */ _jsxs21(Root5, {
             style: style,
             className: className,
             children: [
@@ -44392,7 +44485,7 @@ var Messages2 = function(t0) {
     }
     return t6;
 };
-Messages2.Root = Root4;
+Messages2.Root = Root5;
 Messages2.Message = Message;
 Messages2.NextPageSkeleton = NextPageSkeleton;
 // src/components/threads/Thread/MessageForm/index.tsx
@@ -44400,7 +44493,7 @@ import { c as _c71 } from "react-compiler-runtime";
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
 import { c as _c66 } from "react-compiler-runtime";
 import { ArrowUpIcon as ArrowUpIcon2, StopIcon } from "@radix-ui/react-icons";
-import { IconButton as IconButton5, Flex as Flex20 } from "@radix-ui/themes";
+import { IconButton as IconButton5, Flex as Flex19 } from "@radix-ui/themes";
 // src/hooks/messages/useMessageFormContext/index.ts
 import { useContext as useContext15 } from "react";
 // src/contexts/messages/MessageFormContext/index.ts
@@ -44419,7 +44512,7 @@ var useMessageFormContext = function() {
 };
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
 import { jsx as _jsx67 } from "react/jsx-runtime";
-function ownKeys27(e, r) {
+function ownKeys28(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -44429,30 +44522,30 @@ function ownKeys27(e, r) {
     }
     return t;
 }
-function _objectSpread27(e) {
+function _objectSpread28(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys27(Object(t), true).forEach(function(r2) {
-            _defineProperty27(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys27(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys28(Object(t), true).forEach(function(r2) {
+            _defineProperty28(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys28(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty27(e, r, t) {
-    return (r = _toPropertyKey27(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty28(e, r, t) {
+    return (r = _toPropertyKey28(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey27(t) {
-    var i = _toPrimitive27(t, "string");
+function _toPropertyKey28(t) {
+    var i = _toPrimitive28(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive27(t, r) {
+function _toPrimitive28(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -44462,12 +44555,12 @@ function _toPrimitive27(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-var Root5 = function(t0) {
+var Root6 = function(t0) {
     var $ = _c66(4);
     var children = t0.children, style = t0.style, className = t0.className;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
-        t1 = /* @__PURE__ */ _jsx67(Flex20, {
+        t1 = /* @__PURE__ */ _jsx67(Flex19, {
             flexShrink: "0",
             align: "end",
             style: style,
@@ -44508,7 +44601,7 @@ var Button3 = function(props) {
         }
         var _t3;
         if ($[3] !== props || $[4] !== _t) {
-            _t3 = /* @__PURE__ */ _jsx67(IconButton5, _objectSpread27(_objectSpread27({
+            _t3 = /* @__PURE__ */ _jsx67(IconButton5, _objectSpread28(_objectSpread28({
                 type: "button",
                 onClick: _t
             }, props), {}, {
@@ -44532,7 +44625,7 @@ var Button3 = function(props) {
     }
     var t2;
     if ($[7] !== props || $[8] !== t0) {
-        t2 = /* @__PURE__ */ _jsx67(IconButton5, _objectSpread27(_objectSpread27({
+        t2 = /* @__PURE__ */ _jsx67(IconButton5, _objectSpread28(_objectSpread28({
             type: "submit",
             disabled: t0
         }, props), {}, {
@@ -44557,7 +44650,7 @@ var Submit = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx67(Root5, _objectSpread27(_objectSpread27({}, props), {}, {
+        t1 = /* @__PURE__ */ _jsx67(Root6, _objectSpread28(_objectSpread28({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -44567,7 +44660,7 @@ var Submit = function(props) {
     }
     return t1;
 };
-Submit.Root = Root5;
+Submit.Root = Root6;
 Submit.Button = Button3;
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
@@ -44586,7 +44679,7 @@ var formOptions = {
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 import { partob } from "radash";
 import { jsx as _jsx68 } from "react/jsx-runtime";
-function ownKeys28(e, r) {
+function ownKeys29(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -44596,30 +44689,30 @@ function ownKeys28(e, r) {
     }
     return t;
 }
-function _objectSpread28(e) {
+function _objectSpread29(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys28(Object(t), true).forEach(function(r2) {
-            _defineProperty28(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys28(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys29(Object(t), true).forEach(function(r2) {
+            _defineProperty29(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys29(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty28(e, r, t) {
-    return (r = _toPropertyKey28(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty29(e, r, t) {
+    return (r = _toPropertyKey29(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey28(t) {
-    var i = _toPrimitive28(t, "string");
+function _toPropertyKey29(t) {
+    var i = _toPrimitive29(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive28(t, r) {
+function _toPrimitive29(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -44652,7 +44745,7 @@ function _asyncToGenerator6(n) {
         });
     };
 }
-var Root6 = function(_ref) {
+var Root7 = 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];
@@ -44725,7 +44818,7 @@ var Root6 = function(_ref) {
                         });
                         return [
                             4,
-                            createMessage(_objectSpread28({
+                            createMessage(_objectSpread29({
                                 // @ts-ignore-next-line
                                 content: data2.content
                             }, attachments.length ? {
@@ -44754,7 +44847,7 @@ var Root6 = function(_ref) {
             isFileLoading: isFileLoading,
             content: content2
         },
-        children: /* @__PURE__ */ _jsx68(FormProvider, _objectSpread28(_objectSpread28({}, formProps), {}, {
+        children: /* @__PURE__ */ _jsx68(FormProvider, _objectSpread29(_objectSpread29({}, formProps), {}, {
             children: /* @__PURE__ */ _jsx68(Box14, {
                 asChild: true,
                 flexShrink: "0",
@@ -44770,10 +44863,10 @@ var Root6 = function(_ref) {
 };
 // src/components/threads/Thread/MessageForm/Field/index.tsx
 import { useFormContext as useFormContext2 } from "react-hook-form";
-import { Container as RadixContainer, Flex as Flex24 } from "@radix-ui/themes";
+import { Container as RadixContainer, Flex as Flex23 } from "@radix-ui/themes";
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
 import { c as _c68 } from "react-compiler-runtime";
-import { Flex as Flex21 } from "@radix-ui/themes";
+import { Flex as Flex20 } from "@radix-ui/themes";
 import { useFormContext } from "react-hook-form";
 // src/hooks/misc/usePrevious.ts
 import { useEffect as useEffect5, useRef as useRef4 } from "react";
@@ -44795,7 +44888,7 @@ var _excluded3 = [
     "style",
     "className"
 ];
-function ownKeys29(e, r) {
+function ownKeys30(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -44805,30 +44898,30 @@ function ownKeys29(e, r) {
     }
     return t;
 }
-function _objectSpread29(e) {
+function _objectSpread30(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys29(Object(t), true).forEach(function(r2) {
-            _defineProperty29(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys29(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys30(Object(t), true).forEach(function(r2) {
+            _defineProperty30(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys30(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty29(e, r, t) {
-    return (r = _toPropertyKey29(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty30(e, r, t) {
+    return (r = _toPropertyKey30(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey29(t) {
-    var i = _toPrimitive29(t, "string");
+function _toPropertyKey30(t) {
+    var i = _toPrimitive30(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive29(t, r) {
+function _toPrimitive30(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -44896,7 +44989,7 @@ var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
     }
     var t4;
     if ($[7] !== t3) {
-        t4 = _objectSpread29({
+        t4 = _objectSpread30({
             border: 0,
             outline: 0,
             boxSizing: "border-box",
@@ -44915,7 +45008,7 @@ var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
         t5 = /* @__PURE__ */ _jsxs22(_Fragment5, {
             children: [
                 t1,
-                /* @__PURE__ */ _jsx69(TextareaAutosize, _objectSpread29({
+                /* @__PURE__ */ _jsx69(TextareaAutosize, _objectSpread30({
                     ref: ref,
                     className: t2,
                     style: t4
@@ -44934,7 +45027,7 @@ var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
 });
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
 import { jsx as _jsx70 } from "react/jsx-runtime";
-function ownKeys30(e, r) {
+function ownKeys31(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -44944,30 +45037,30 @@ function ownKeys30(e, r) {
     }
     return t;
 }
-function _objectSpread30(e) {
+function _objectSpread31(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys30(Object(t), true).forEach(function(r2) {
-            _defineProperty30(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys30(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys31(Object(t), true).forEach(function(r2) {
+            _defineProperty31(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys31(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty30(e, r, t) {
-    return (r = _toPropertyKey30(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty31(e, r, t) {
+    return (r = _toPropertyKey31(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey30(t) {
-    var i = _toPrimitive30(t, "string");
+function _toPropertyKey31(t) {
+    var i = _toPrimitive31(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive30(t, r) {
+function _toPrimitive31(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -44977,12 +45070,12 @@ function _toPrimitive30(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-var Root7 = function(t0) {
+var Root8 = function(t0) {
     var $ = _c68(4);
     var children = t0.children, style = t0.style, className = t0.className;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
-        t1 = /* @__PURE__ */ _jsx70(Flex21, {
+        t1 = /* @__PURE__ */ _jsx70(Flex20, {
             flexGrow: "1",
             pt: "4px",
             style: style,
@@ -45023,7 +45116,7 @@ var Input = function(props) {
         isDisabledPrevious,
         textareaProps
     ]);
-    return /* @__PURE__ */ _jsx70(TextareaBase, _objectSpread30(_objectSpread30(_objectSpread30({
+    return /* @__PURE__ */ _jsx70(TextareaBase, _objectSpread31(_objectSpread31(_objectSpread31({
         minRows: 1,
         placeholder: (_props$placeholder = props.placeholder) !== null && _props$placeholder !== void 0 ? _props$placeholder : "Message ".concat(assistantNameContext, "..."),
         disabled: isDisabled,
@@ -45053,7 +45146,7 @@ var Control = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx70(Root7, _objectSpread30(_objectSpread30({}, props), {}, {
+        t1 = /* @__PURE__ */ _jsx70(Root8, _objectSpread31(_objectSpread31({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -45063,14 +45156,14 @@ var Control = function(props) {
     }
     return t1;
 };
-Control.Root = Root7;
+Control.Root = Root8;
 Control.Input = Input;
 // src/components/threads/Thread/MessageForm/Field/Files/Preview.tsx
 import { c as _c69 } from "react-compiler-runtime";
-import { Flex as Flex22, Card as Card2, Spinner as Spinner2, Text as Text7, IconButton as IconButton6 } from "@radix-ui/themes";
+import { Flex as Flex21, Card as Card2, Spinner as Spinner2, Text as Text7, IconButton as IconButton6 } from "@radix-ui/themes";
 import { FileIcon as FileIcon2, Cross2Icon } from "@radix-ui/react-icons";
 import { jsx as _jsx71, jsxs as _jsxs23 } from "react/jsx-runtime";
-function ownKeys31(e, r) {
+function ownKeys32(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -45080,30 +45173,30 @@ function ownKeys31(e, r) {
     }
     return t;
 }
-function _objectSpread31(e) {
+function _objectSpread32(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys31(Object(t), true).forEach(function(r2) {
-            _defineProperty31(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys31(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys32(Object(t), true).forEach(function(r2) {
+            _defineProperty32(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys32(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty31(e, r, t) {
-    return (r = _toPropertyKey31(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty32(e, r, t) {
+    return (r = _toPropertyKey32(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey31(t) {
-    var i = _toPrimitive31(t, "string");
+function _toPropertyKey32(t) {
+    var i = _toPrimitive32(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive31(t, r) {
+function _toPrimitive32(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -45126,19 +45219,19 @@ var Preview = function(props) {
             _t = function(file) {
                 return /* @__PURE__ */ _jsx71(Card2, {
                     variant: "ghost",
-                    children: /* @__PURE__ */ _jsxs23(Flex22, {
+                    children: /* @__PURE__ */ _jsxs23(Flex21, {
                         align: "center",
                         justify: "between",
                         gap: "1",
                         children: [
-                            /* @__PURE__ */ _jsxs23(Flex22, {
+                            /* @__PURE__ */ _jsxs23(Flex21, {
                                 align: "center",
                                 gap: "1",
                                 flexShrink: "1",
                                 minWidth: "0",
                                 maxWidth: "250px",
                                 children: [
-                                    /* @__PURE__ */ _jsx71(Flex22, {
+                                    /* @__PURE__ */ _jsx71(Flex21, {
                                         flexShrink: "0",
                                         children: /* @__PURE__ */ _jsx71(Spinner2, {
                                             loading: isOptimistic({
@@ -45155,7 +45248,7 @@ var Preview = function(props) {
                                     })
                                 ]
                             }),
-                            /* @__PURE__ */ _jsx71(Flex22, {
+                            /* @__PURE__ */ _jsx71(Flex21, {
                                 flexShrink: "0",
                                 children: /* @__PURE__ */ _jsx71(IconButton6, {
                                     onClick: function() {
@@ -45189,7 +45282,7 @@ var Preview = function(props) {
     }
     var t1;
     if ($[5] !== props || $[6] !== t0) {
-        t1 = /* @__PURE__ */ _jsx71(Flex22, _objectSpread31(_objectSpread31({
+        t1 = /* @__PURE__ */ _jsx71(Flex21, _objectSpread32(_objectSpread32({
             flexBasis: "100%",
             direction: "column",
             pb: "2",
@@ -45210,7 +45303,7 @@ import { useCallback as useCallback3 } from "react";
 import { omit as omit4 } from "radash";
 import dayjs2 from "dayjs";
 import { FilePlusIcon } from "@radix-ui/react-icons";
-import { IconButton as IconButton7, Flex as Flex23 } from "@radix-ui/themes";
+import { IconButton as IconButton7, Flex as Flex22 } from "@radix-ui/themes";
 // src/hooks/files/useCreateFile/index.ts
 import { c as _c70 } from "react-compiler-runtime";
 import { useMutation as useMutation2, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
@@ -45223,7 +45316,7 @@ var formData = function(variables) {
     return data2;
 };
 // src/hooks/files/useCreateFile/lib/mutationOptions/mutationFn/body/index.ts
-function ownKeys32(e, r) {
+function ownKeys33(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -45233,30 +45326,30 @@ function ownKeys32(e, r) {
     }
     return t;
 }
-function _objectSpread32(e) {
+function _objectSpread33(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys32(Object(t), true).forEach(function(r2) {
-            _defineProperty32(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys32(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys33(Object(t), true).forEach(function(r2) {
+            _defineProperty33(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys33(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty32(e, r, t) {
-    return (r = _toPropertyKey32(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty33(e, r, t) {
+    return (r = _toPropertyKey33(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey32(t) {
-    var i = _toPrimitive32(t, "string");
+function _toPropertyKey33(t) {
+    var i = _toPrimitive33(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive32(t, r) {
+function _toPrimitive33(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -45276,7 +45369,7 @@ var body2 = function(_ref) {
         assistantId: variables.assistantId
     });
     if (!threadId) return formData(variables);
-    return formData(_objectSpread32(_objectSpread32({}, variables), {}, {
+    return formData(_objectSpread33(_objectSpread33({}, variables), {}, {
         threadId: threadId
     }));
 };
@@ -45343,7 +45436,7 @@ var mutationFn2 = function(_ref) {
     }();
 };
 // src/hooks/files/useCreateFile/lib/mutationOptions/index.ts
-function ownKeys33(e, r) {
+function ownKeys34(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -45353,30 +45446,30 @@ function ownKeys33(e, r) {
     }
     return t;
 }
-function _objectSpread33(e) {
+function _objectSpread34(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys33(Object(t), true).forEach(function(r2) {
-            _defineProperty33(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys33(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys34(Object(t), true).forEach(function(r2) {
+            _defineProperty34(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys34(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty33(e, r, t) {
-    return (r = _toPropertyKey33(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty34(e, r, t) {
+    return (r = _toPropertyKey34(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey33(t) {
-    var i = _toPrimitive33(t, "string");
+function _toPropertyKey34(t) {
+    var i = _toPrimitive34(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive33(t, r) {
+function _toPrimitive34(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -45392,7 +45485,7 @@ var mutationOptions2 = function(_ref) {
         "createFile",
         threadContext.variables
     ];
-    return _objectSpread33(_objectSpread33(_objectSpread33({
+    return _objectSpread34(_objectSpread34(_objectSpread34({
         mutationFn: mutationFn2({
             queryClient: queryClient,
             superinterfaceContext: superinterfaceContext,
@@ -45404,7 +45497,7 @@ var mutationOptions2 = function(_ref) {
     });
 };
 // src/hooks/files/useCreateFile/index.ts
-function ownKeys34(e, r) {
+function ownKeys35(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -45414,30 +45507,30 @@ function ownKeys34(e, r) {
     }
     return t;
 }
-function _objectSpread34(e) {
+function _objectSpread35(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys34(Object(t), true).forEach(function(r2) {
-            _defineProperty34(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys34(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys35(Object(t), true).forEach(function(r2) {
+            _defineProperty35(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys35(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty34(e, r, t) {
-    return (r = _toPropertyKey34(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty35(e, r, t) {
+    return (r = _toPropertyKey35(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey34(t) {
-    var i = _toPrimitive34(t, "string");
+function _toPropertyKey35(t) {
+    var i = _toPrimitive35(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive34(t, r) {
+function _toPrimitive35(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -45499,7 +45592,7 @@ var useCreateFile = function(t0) {
             var args = t62;
             var _args = _to_array(args), firstArg = _args[0], restArgs = _args.slice(1);
             return (_props = props).mutateAsync.apply(_props, [
-                _objectSpread34(_objectSpread34({}, threadContext.variables), firstArg)
+                _objectSpread35(_objectSpread35({}, threadContext.variables), firstArg)
             ].concat(_to_consumable_array(restArgs)));
         };
         $[9] = props;
@@ -45510,7 +45603,7 @@ var useCreateFile = function(t0) {
     }
     var t6;
     if ($[12] !== props || $[13] !== t5) {
-        t6 = _objectSpread34(_objectSpread34({}, props), {}, {
+        t6 = _objectSpread35(_objectSpread35({}, props), {}, {
             createFile: t5
         });
         $[12] = props;
@@ -45525,7 +45618,7 @@ function _temp4() {}
 function _temp23() {}
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
 import { jsx as _jsx72, jsxs as _jsxs24 } from "react/jsx-runtime";
-function ownKeys35(e, r) {
+function ownKeys36(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -45535,30 +45628,30 @@ function ownKeys35(e, r) {
     }
     return t;
 }
-function _objectSpread35(e) {
+function _objectSpread36(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys35(Object(t), true).forEach(function(r2) {
-            _defineProperty35(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys35(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys36(Object(t), true).forEach(function(r2) {
+            _defineProperty36(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys36(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty35(e, r, t) {
-    return (r = _toPropertyKey35(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty36(e, r, t) {
+    return (r = _toPropertyKey36(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey35(t) {
-    var i = _toPrimitive35(t, "string");
+function _toPropertyKey36(t) {
+    var i = _toPrimitive36(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive35(t, r) {
+function _toPrimitive36(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -45805,7 +45898,7 @@ var Control2 = function(props) {
         createFile,
         setFiles
     ]);
-    return /* @__PURE__ */ _jsx72(Flex23, _objectSpread35(_objectSpread35({
+    return /* @__PURE__ */ _jsx72(Flex22, _objectSpread36(_objectSpread36({
         pt: "2",
         pr: "2",
         flexGrow: "0"
@@ -45847,7 +45940,7 @@ var Files = {
 };
 // src/components/threads/Thread/MessageForm/Field/index.tsx
 import { jsx as _jsx73 } from "react/jsx-runtime";
-function ownKeys36(e, r) {
+function ownKeys37(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -45857,30 +45950,30 @@ function ownKeys36(e, r) {
     }
     return t;
 }
-function _objectSpread36(e) {
+function _objectSpread37(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys36(Object(t), true).forEach(function(r2) {
-            _defineProperty36(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys36(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys37(Object(t), true).forEach(function(r2) {
+            _defineProperty37(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys37(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty36(e, r, t) {
-    return (r = _toPropertyKey36(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty37(e, r, t) {
+    return (r = _toPropertyKey37(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey36(t) {
-    var i = _toPrimitive36(t, "string");
+function _toPropertyKey37(t) {
+    var i = _toPrimitive37(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive36(t, r) {
+function _toPrimitive37(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -45890,7 +45983,7 @@ function _toPrimitive36(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-var Root8 = function(_ref) {
+var Root9 = function(_ref) {
     "use no memo";
     var children = _ref.children, className = _ref.className, style = _ref.style;
     var _useFormContext2 = useFormContext2(), errors = _useFormContext2.formState.errors;
@@ -45899,14 +45992,14 @@ var Root8 = function(_ref) {
         flexGrow: "0",
         className: className,
         style: style,
-        children: /* @__PURE__ */ _jsx73(Flex24, {
+        children: /* @__PURE__ */ _jsx73(Flex23, {
             direction: "column",
             flexShrink: "0",
-            children: /* @__PURE__ */ _jsx73(Flex24, {
+            children: /* @__PURE__ */ _jsx73(Flex23, {
                 direction: "column",
                 flexShrink: "0",
-                children: /* @__PURE__ */ _jsx73(Flex24, {
-                    style: _objectSpread36({
+                children: /* @__PURE__ */ _jsx73(Flex23, {
+                    style: _objectSpread37({
                         borderRadius: "var(--radius-2)",
                         borderWidth: "1px",
                         borderStyle: "solid",
@@ -45924,13 +46017,13 @@ var Root8 = function(_ref) {
     });
 };
 var Field = {
-    Root: Root8,
+    Root: Root9,
     Control: Control,
     Files: Files
 };
 // src/components/threads/Thread/MessageForm/index.tsx
 import { jsx as _jsx74, jsxs as _jsxs25 } from "react/jsx-runtime";
-function ownKeys37(e, r) {
+function ownKeys38(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -45940,30 +46033,30 @@ function ownKeys37(e, r) {
     }
     return t;
 }
-function _objectSpread37(e) {
+function _objectSpread38(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys37(Object(t), true).forEach(function(r2) {
-            _defineProperty37(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys37(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys38(Object(t), true).forEach(function(r2) {
+            _defineProperty38(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys38(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty37(e, r, t) {
-    return (r = _toPropertyKey37(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty38(e, r, t) {
+    return (r = _toPropertyKey38(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey37(t) {
-    var i = _toPrimitive37(t, "string");
+function _toPropertyKey38(t) {
+    var i = _toPrimitive38(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive37(t, r) {
+function _toPrimitive38(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -45989,7 +46082,7 @@ var MessageForm = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx74(Root6, _objectSpread37(_objectSpread37({}, props), {}, {
+        t1 = /* @__PURE__ */ _jsx74(Root7, _objectSpread38(_objectSpread38({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -45999,12 +46092,12 @@ var MessageForm = function(props) {
     }
     return t1;
 };
-MessageForm.Root = Root6;
+MessageForm.Root = Root7;
 MessageForm.Field = Field;
 MessageForm.Submit = Submit;
 // src/components/threads/Thread/Root/index.tsx
 import { c as _c74 } from "react-compiler-runtime";
-import { Flex as Flex26 } from "@radix-ui/themes";
+import { Flex as Flex25 } from "@radix-ui/themes";
 // src/components/threads/Thread/Provider/index.tsx
 var Provider2 = SuperinterfaceProvider;
 // src/components/toasts/ToastsProvider/index.tsx
@@ -46014,7 +46107,7 @@ import * as Toast2 from "@radix-ui/react-toast";
 // src/components/toasts/ToastsProvider/CustomToast.tsx
 import { c as _c72 } from "react-compiler-runtime";
 import * as Toast from "@radix-ui/react-toast";
-import { Card as Card3, Text as Text8, Flex as Flex25 } from "@radix-ui/themes";
+import { Card as Card3, Text as Text8, Flex as Flex24 } from "@radix-ui/themes";
 import { CheckCircledIcon as CheckCircledIcon2, CrossCircledIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx75, jsxs as _jsxs26 } from "react/jsx-runtime";
 var CustomToast = function(t0) {
@@ -46022,7 +46115,7 @@ var CustomToast = function(t0) {
     var toast = t0.toast;
     var t1;
     if ($[0] !== toast.type) {
-        t1 = /* @__PURE__ */ _jsx75(Flex25, {
+        t1 = /* @__PURE__ */ _jsx75(Flex24, {
             pr: "2",
             height: "14px",
             align: "center",
@@ -46054,7 +46147,7 @@ var CustomToast = function(t0) {
         t3 = /* @__PURE__ */ _jsx75(Toast.Root, {
             children: /* @__PURE__ */ _jsx75(Card3, {
                 children: /* @__PURE__ */ _jsx75(Toast.Title, {
-                    children: /* @__PURE__ */ _jsxs26(Flex25, {
+                    children: /* @__PURE__ */ _jsxs26(Flex24, {
                         children: [
                             t1,
                             t2
@@ -46184,7 +46277,7 @@ var _excluded4 = [
     "style",
     "className"
 ];
-function ownKeys38(e, r) {
+function ownKeys39(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -46194,30 +46287,30 @@ function ownKeys38(e, r) {
     }
     return t;
 }
-function _objectSpread38(e) {
+function _objectSpread39(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys38(Object(t), true).forEach(function(r2) {
-            _defineProperty38(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys38(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys39(Object(t), true).forEach(function(r2) {
+            _defineProperty39(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys39(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty38(e, r, t) {
-    return (r = _toPropertyKey38(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty39(e, r, t) {
+    return (r = _toPropertyKey39(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey38(t) {
-    var i = _toPrimitive38(t, "string");
+function _toPropertyKey39(t) {
+    var i = _toPrimitive39(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive38(t, r) {
+function _toPrimitive39(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -46245,7 +46338,7 @@ function _objectWithoutPropertiesLoose4(r, e) {
     }
     return t;
 }
-var Root10 = function(t0) {
+var Root11 = function(t0) {
     var $ = _c74(12);
     var children;
     var className;
@@ -46270,7 +46363,7 @@ var Root10 = function(t0) {
     }
     var t1;
     if ($[5] !== children || $[6] !== className || $[7] !== style) {
-        t1 = /* @__PURE__ */ _jsx77(Flex26, {
+        t1 = /* @__PURE__ */ _jsx77(Flex25, {
             direction: "column",
             flexGrow: "1",
             className: className,
@@ -46288,7 +46381,7 @@ var Root10 = function(t0) {
     if ($[9] !== rest || $[10] !== t1) {
         t2 = /* @__PURE__ */ _jsx77(ToastsProvider, {
             bottom: "var(--space-9)",
-            children: /* @__PURE__ */ _jsx77(Provider2, _objectSpread38(_objectSpread38({}, rest), {}, {
+            children: /* @__PURE__ */ _jsx77(Provider2, _objectSpread39(_objectSpread39({}, rest), {}, {
                 children: t1
             }))
         });
@@ -46302,7 +46395,7 @@ var Root10 = function(t0) {
 };
 // src/components/threads/Thread/index.tsx
 import { jsx as _jsx78, jsxs as _jsxs28 } from "react/jsx-runtime";
-function ownKeys39(e, r) {
+function ownKeys40(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -46312,30 +46405,30 @@ function ownKeys39(e, r) {
     }
     return t;
 }
-function _objectSpread39(e) {
+function _objectSpread40(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys39(Object(t), true).forEach(function(r2) {
-            _defineProperty39(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys39(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys40(Object(t), true).forEach(function(r2) {
+            _defineProperty40(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys40(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty39(e, r, t) {
-    return (r = _toPropertyKey39(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty40(e, r, t) {
+    return (r = _toPropertyKey40(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey39(t) {
-    var i = _toPrimitive39(t, "string");
+function _toPropertyKey40(t) {
+    var i = _toPrimitive40(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive39(t, r) {
+function _toPrimitive40(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -46360,7 +46453,7 @@ var Thread = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ _jsxs28(Root10, _objectSpread39(_objectSpread39({}, props), {}, {
+        t2 = /* @__PURE__ */ _jsxs28(Root11, _objectSpread40(_objectSpread40({}, props), {}, {
             children: [
                 t0,
                 t1
@@ -46373,7 +46466,7 @@ var Thread = function(props) {
     }
     return t2;
 };
-Thread.Root = Root10;
+Thread.Root = Root11;
 Thread.Messages = Messages2;
 Thread.MessageForm = MessageForm;
 // src/hooks/messages/useMessageContext/index.ts
@@ -46488,7 +46581,7 @@ var queryOptions2 = function(_ref) {
     });
 };
 // src/hooks/assistants/useAssistant/index.ts
-function ownKeys40(e, r) {
+function ownKeys41(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -46498,30 +46591,30 @@ function ownKeys40(e, r) {
     }
     return t;
 }
-function _objectSpread40(e) {
+function _objectSpread41(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys40(Object(t), true).forEach(function(r2) {
-            _defineProperty40(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys40(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys41(Object(t), true).forEach(function(r2) {
+            _defineProperty41(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys41(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty40(e, r, t) {
-    return (r = _toPropertyKey40(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty41(e, r, t) {
+    return (r = _toPropertyKey41(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey40(t) {
-    var i = _toPrimitive40(t, "string");
+function _toPropertyKey41(t) {
+    var i = _toPrimitive41(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive40(t, r) {
+function _toPrimitive41(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -46552,7 +46645,7 @@ var useAssistant = function(t0) {
     var t3 = props.data ? props.data.assistant : null;
     var t4;
     if ($[3] !== props || $[4] !== t3) {
-        t4 = _objectSpread40(_objectSpread40({}, props), {}, {
+        t4 = _objectSpread41(_objectSpread41({}, props), {}, {
             assistant: t3
         });
         $[3] = props;
@@ -46616,7 +46709,7 @@ var Provider4 = function(t0) {
 };
 // src/components/threads/ThreadDialog/Root/index.tsx
 import { jsx as _jsx80 } from "react/jsx-runtime";
-var Root11 = function(t0) {
+var Root12 = function(t0) {
     var $ = _c78(2);
     var children = t0.children;
     var t1;
@@ -46633,13 +46726,13 @@ var Root11 = function(t0) {
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
 import { c as _c80 } from "react-compiler-runtime";
-import { Flex as Flex27 } from "@radix-ui/themes";
+import { Flex as Flex26 } from "@radix-ui/themes";
 // src/components/threads/ThreadDialog/Trigger/Button.tsx
 import { c as _c79 } from "react-compiler-runtime";
 import { IconButton as IconButton8 } from "@radix-ui/themes";
 import { ChatBubbleIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx81 } from "react/jsx-runtime";
-function ownKeys41(e, r) {
+function ownKeys42(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -46649,30 +46742,30 @@ function ownKeys41(e, r) {
     }
     return t;
 }
-function _objectSpread41(e) {
+function _objectSpread42(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys41(Object(t), true).forEach(function(r2) {
-            _defineProperty41(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys41(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys42(Object(t), true).forEach(function(r2) {
+            _defineProperty42(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys42(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty41(e, r, t) {
-    return (r = _toPropertyKey41(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty42(e, r, t) {
+    return (r = _toPropertyKey42(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey41(t) {
-    var i = _toPrimitive41(t, "string");
+function _toPropertyKey42(t) {
+    var i = _toPrimitive42(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive41(t, r) {
+function _toPrimitive42(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -46693,7 +46786,7 @@ var Button4 = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx81(IconButton8, _objectSpread41(_objectSpread41({
+        t1 = /* @__PURE__ */ _jsx81(IconButton8, _objectSpread42(_objectSpread42({
             size: "4",
             radius: "full"
         }, props), {}, {
@@ -46708,7 +46801,7 @@ var Button4 = function(props) {
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
 import { jsx as _jsx82 } from "react/jsx-runtime";
-function ownKeys42(e, r) {
+function ownKeys43(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -46718,30 +46811,30 @@ function ownKeys42(e, r) {
     }
     return t;
 }
-function _objectSpread42(e) {
+function _objectSpread43(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys42(Object(t), true).forEach(function(r2) {
-            _defineProperty42(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys42(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys43(Object(t), true).forEach(function(r2) {
+            _defineProperty43(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys43(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty42(e, r, t) {
-    return (r = _toPropertyKey42(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty43(e, r, t) {
+    return (r = _toPropertyKey43(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey42(t) {
-    var i = _toPrimitive42(t, "string");
+function _toPropertyKey43(t) {
+    var i = _toPrimitive43(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive42(t, r) {
+function _toPrimitive43(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -46751,7 +46844,7 @@ function _toPrimitive42(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-var Root12 = function(t0) {
+var Root13 = function(t0) {
     var $ = _c80(14);
     var children = t0.children, style = t0.style, className = t0.className;
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
@@ -46787,7 +46880,7 @@ var Root12 = function(t0) {
     }
     var t5;
     if ($[6] !== t4) {
-        t5 = _objectSpread42({
+        t5 = _objectSpread43({
             zIndex: 9999999999
         }, t4);
         $[6] = t4;
@@ -46797,7 +46890,7 @@ var Root12 = function(t0) {
     }
     var t6;
     if ($[8] !== children || $[9] !== className || $[10] !== t2 || $[11] !== t3 || $[12] !== t5) {
-        t6 = /* @__PURE__ */ _jsx82(Flex27, {
+        t6 = /* @__PURE__ */ _jsx82(Flex26, {
             display: t2,
             onClick: t3,
             direction: "column",
@@ -46833,7 +46926,7 @@ var Trigger = function(args) {
     }
     var t1;
     if ($[1] !== args) {
-        t1 = /* @__PURE__ */ _jsx82(Root12, _objectSpread42(_objectSpread42({}, args), {}, {
+        t1 = /* @__PURE__ */ _jsx82(Root13, _objectSpread43(_objectSpread43({}, args), {}, {
             children: t0
         }));
         $[1] = args;
@@ -46843,18 +46936,18 @@ var Trigger = function(args) {
     }
     return t1;
 };
-Trigger.Root = Root12;
+Trigger.Root = Root13;
 Trigger.Button = Button4;
 function _temp6(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
 import { c as _c82 } from "react-compiler-runtime";
-import { Card as Card4, Inset as Inset2, Flex as Flex29 } from "@radix-ui/themes";
+import { Card as Card4, Inset as Inset2, Flex as Flex28 } from "@radix-ui/themes";
 // src/components/threads/ThreadDialog/Close/index.tsx
 import { c as _c81 } from "react-compiler-runtime";
 import { Cross1Icon } from "@radix-ui/react-icons";
-import { IconButton as IconButton9, Flex as Flex28 } from "@radix-ui/themes";
+import { IconButton as IconButton9, Flex as Flex27 } from "@radix-ui/themes";
 import { jsx as _jsx83 } from "react/jsx-runtime";
 var Close = function() {
     var $ = _c81(9);
@@ -46903,7 +46996,7 @@ var Close = function() {
     }
     var t5;
     if ($[6] !== t1 || $[7] !== t2) {
-        t5 = /* @__PURE__ */ _jsx83(Flex28, {
+        t5 = /* @__PURE__ */ _jsx83(Flex27, {
             display: t1,
             onClick: t2,
             direction: "column",
@@ -46929,7 +47022,7 @@ function _temp7(prev) {
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
 import { jsx as _jsx84, jsxs as _jsxs29 } from "react/jsx-runtime";
-function ownKeys43(e, r) {
+function ownKeys44(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -46939,30 +47032,30 @@ function ownKeys43(e, r) {
     }
     return t;
 }
-function _objectSpread43(e) {
+function _objectSpread44(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys43(Object(t), true).forEach(function(r2) {
-            _defineProperty43(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys43(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys44(Object(t), true).forEach(function(r2) {
+            _defineProperty44(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys44(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty43(e, r, t) {
-    return (r = _toPropertyKey43(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty44(e, r, t) {
+    return (r = _toPropertyKey44(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey43(t) {
-    var i = _toPrimitive43(t, "string");
+function _toPropertyKey44(t) {
+    var i = _toPrimitive44(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive43(t, r) {
+function _toPrimitive44(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -46972,7 +47065,7 @@ function _toPrimitive43(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-var Root13 = function(t0) {
+var Root14 = function(t0) {
     var $ = _c82(19);
     var children = t0.children, className = t0.className, style = t0.style;
     var isOpen = useThreadDialogContext().isOpen;
@@ -47022,7 +47115,7 @@ var Root13 = function(t0) {
     }
     var t6;
     if ($[5] !== style) {
-        t6 = _objectSpread43({
+        t6 = _objectSpread44({
             zIndex: 9999999999
         }, style);
         $[5] = style;
@@ -47096,7 +47189,7 @@ var Root13 = function(t0) {
     }
     var t13;
     if ($[15] !== className || $[16] !== t12 || $[17] !== t6) {
-        t13 = /* @__PURE__ */ _jsx84(Flex29, {
+        t13 = /* @__PURE__ */ _jsx84(Flex28, {
             className: className,
             direction: "column",
             justify: "end",
@@ -47124,7 +47217,7 @@ var Messages3 = function(t0) {
     var className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== style) {
-        t1 = _objectSpread43({
+        t1 = _objectSpread44({
             paddingTop: "var(--space-5)",
             paddingRight: "var(--space-5)",
             paddingLeft: "var(--space-5)"
@@ -47153,7 +47246,7 @@ var FormContainer = function(t0) {
     var children = t0.children, className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
-        t1 = /* @__PURE__ */ _jsx84(Flex29, {
+        t1 = /* @__PURE__ */ _jsx84(Flex28, {
             direction: "column",
             pl: "5",
             pr: "5",
@@ -47197,7 +47290,7 @@ var Content7 = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ _jsx84(Root13, _objectSpread43(_objectSpread43({}, props), {}, {
+        t2 = /* @__PURE__ */ _jsx84(Root14, _objectSpread44(_objectSpread44({}, props), {}, {
             children: t1
         }));
         $[2] = props;
@@ -47207,7 +47300,7 @@ var Content7 = function(props) {
     }
     return t2;
 };
-Content7.Root = Root13;
+Content7.Root = Root14;
 Content7.Messages = Messages3;
 Content7.FormContainer = FormContainer;
 // src/components/threads/ThreadDialog/index.tsx
@@ -47216,7 +47309,7 @@ var ThreadDialog = function() {
     var $ = _c83(1);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsxs30(Root11, {
+        t0 = /* @__PURE__ */ _jsxs30(Root12, {
             children: [
                 /* @__PURE__ */ _jsx85(Content7, {}),
                 /* @__PURE__ */ _jsx85(Trigger, {})
@@ -47228,7 +47321,7 @@ var ThreadDialog = function() {
     }
     return t0;
 };
-ThreadDialog.Root = Root11;
+ThreadDialog.Root = Root12;
 ThreadDialog.Trigger = Trigger;
 ThreadDialog.Content = Content7;
 // src/components/threads/AudioThreadDialog/index.tsx
@@ -47237,7 +47330,7 @@ import { c as _c98 } from "react-compiler-runtime";
 import { c as _c97 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/Root/index.tsx
 import { c as _c89 } from "react-compiler-runtime";
-import { Flex as Flex30 } from "@radix-ui/themes";
+import { Flex as Flex29 } from "@radix-ui/themes";
 // src/contexts/threads/AudioThreadContext/index.ts
 import { createContext as createContext13 } from "react";
 var AudioThreadContext = /* @__PURE__ */ createContext13({
@@ -47370,7 +47463,7 @@ var useInterval = function(callback, delay) {
 };
 function _temp8() {}
 // src/hooks/audioThreads/useRecorder/index.ts
-function ownKeys44(e, r) {
+function ownKeys45(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -47380,30 +47473,30 @@ function ownKeys44(e, r) {
     }
     return t;
 }
-function _objectSpread44(e) {
+function _objectSpread45(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys44(Object(t), true).forEach(function(r2) {
-            _defineProperty44(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys44(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys45(Object(t), true).forEach(function(r2) {
+            _defineProperty45(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys45(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty44(e, r, t) {
-    return (r = _toPropertyKey44(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty45(e, r, t) {
+    return (r = _toPropertyKey45(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey44(t) {
-    var i = _toPrimitive44(t, "string");
+function _toPropertyKey45(t) {
+    var i = _toPrimitive45(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive44(t, r) {
+function _toPrimitive45(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -47577,7 +47670,7 @@ var useRecorder = function(_ref) {
         if (!silenceStart.isBefore(dayjs3().subtract(1.5, "second"))) return;
         audioCaptureProps.stop();
     }, 300);
-    return _objectSpread44(_objectSpread44({}, audioCaptureProps), {}, {
+    return _objectSpread45(_objectSpread45({}, audioCaptureProps), {}, {
         status: status,
         visualizationAnalyser: visualizationAnalyser
     });
@@ -47610,7 +47703,7 @@ var unsupportedNames = [
 ];
 var isHtmlAudioSupported = !unsupportedNames.includes(((_detect = detect()) === null || _detect === void 0 ? void 0 : _detect.name) || "");
 // src/hooks/audioThreads/useMessageAudio/index.ts
-function ownKeys45(e, r) {
+function ownKeys46(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -47620,30 +47713,30 @@ function ownKeys45(e, r) {
     }
     return t;
 }
-function _objectSpread45(e) {
+function _objectSpread46(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys45(Object(t), true).forEach(function(r2) {
-            _defineProperty45(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys45(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys46(Object(t), true).forEach(function(r2) {
+            _defineProperty46(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys46(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty45(e, r, t) {
-    return (r = _toPropertyKey45(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty46(e, r, t) {
+    return (r = _toPropertyKey46(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey45(t) {
-    var i = _toPrimitive45(t, "string");
+function _toPropertyKey46(t) {
+    var i = _toPrimitive46(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive45(t, r) {
+function _toPrimitive46(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -47773,7 +47866,7 @@ var useMessageAudio = function(t0) {
     if ($[12] !== audioPlayer || $[13] !== isAudioPlayed || $[14] !== nextAudioPlayer || $[15] !== superinterfaceContext || $[16] !== unplayedMessageSentences) {
         t4 = function(t52) {
             var input_0 = t52.input, onPlay = t52.onPlay, onStop = t52.onStop, onEnd_0 = t52.onEnd;
-            var searchParams = new URLSearchParams(_objectSpread45({
+            var searchParams = new URLSearchParams(_objectSpread46({
                 input: input_0
             }, superinterfaceContext.variables));
             audioPlayer.load("".concat(superinterfaceContext.baseUrl, "/audio-runtimes/tts?").concat(searchParams), {
@@ -47791,7 +47884,7 @@ var useMessageAudio = function(t0) {
                     if (!isNextFullSentence) {
                         return;
                     }
-                    var nextSearchParams = new URLSearchParams(_objectSpread45({
+                    var nextSearchParams = new URLSearchParams(_objectSpread46({
                         input: nextUnplayedMessageSentence.sentence
                     }, superinterfaceContext.variables));
                     nextAudioPlayer.load("".concat(superinterfaceContext.baseUrl, "/audio-runtimes/tts?").concat(nextSearchParams), {
@@ -47984,7 +48077,7 @@ var useMessageAudio = function(t0) {
     var isPending = t12;
     var t13;
     if ($[44] !== audioPlayer || $[45] !== isAudioPlayed || $[46] !== isPending || $[47] !== visualizationAnalyser) {
-        t13 = _objectSpread45(_objectSpread45({
+        t13 = _objectSpread46(_objectSpread46({
             isPending: isPending,
             isAudioPlayed: isAudioPlayed
         }, audioPlayer), {}, {
@@ -48270,7 +48363,7 @@ var _excluded22 = [
     "className",
     "style"
 ];
-function ownKeys46(e, r) {
+function ownKeys47(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -48280,30 +48373,30 @@ function ownKeys46(e, r) {
     }
     return t;
 }
-function _objectSpread46(e) {
+function _objectSpread47(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys46(Object(t), true).forEach(function(r2) {
-            _defineProperty46(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys46(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys47(Object(t), true).forEach(function(r2) {
+            _defineProperty47(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys47(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty46(e, r, t) {
-    return (r = _toPropertyKey46(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty47(e, r, t) {
+    return (r = _toPropertyKey47(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey46(t) {
-    var i = _toPrimitive46(t, "string");
+function _toPropertyKey47(t) {
+    var i = _toPrimitive47(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive46(t, r) {
+function _toPrimitive47(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -48336,7 +48429,7 @@ var Content8 = function(t0) {
     var children = t0.children, className = t0.className, style = t0.style;
     var t1;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
-        t1 = /* @__PURE__ */ _jsx87(Flex30, {
+        t1 = /* @__PURE__ */ _jsx87(Flex29, {
             direction: "column",
             flexGrow: "1",
             p: "9",
@@ -48393,7 +48486,7 @@ var Provider5 = function(t0) {
     var audioThreadContext = useAudioThreadContext();
     var t1;
     if ($[3] !== audioThreadContext || $[4] !== rest) {
-        t1 = _objectSpread46(_objectSpread46({}, audioThreadContext), rest);
+        t1 = _objectSpread47(_objectSpread47({}, audioThreadContext), rest);
         $[3] = audioThreadContext;
         $[4] = rest;
         $[5] = t1;
@@ -48414,7 +48507,7 @@ var Provider5 = function(t0) {
     }
     return t2;
 };
-var Root14 = function(t0) {
+var Root15 = function(t0) {
     var $ = _c89(16);
     var children;
     var className;
@@ -48470,7 +48563,7 @@ var Root14 = function(t0) {
     }
     var t3;
     if ($[13] !== rest || $[14] !== t2) {
-        t3 = /* @__PURE__ */ _jsx87(Provider5, _objectSpread46(_objectSpread46({}, rest), {}, {
+        t3 = /* @__PURE__ */ _jsx87(Provider5, _objectSpread47(_objectSpread47({}, rest), {}, {
             children: t2
         }));
         $[13] = rest;
@@ -48485,10 +48578,10 @@ var Root14 = function(t0) {
 import { c as _c91 } from "react-compiler-runtime";
 import { useState as useState11, useCallback as useCallback8, useEffect as useEffect12, useContext as useContext20, createContext as createContext14 } from "react";
 import _9 from "lodash";
-import { Flex as Flex32 } from "@radix-ui/themes";
+import { Flex as Flex31 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
 import _8 from "lodash";
-import { Flex as Flex31, Grid } from "@radix-ui/themes";
+import { Flex as Flex30, Grid } from "@radix-ui/themes";
 import { useState as useState10, useEffect as useEffect11, useCallback as useCallback7 } from "react";
 import { cluster } from "radash";
 import { jsx as _jsx88 } from "react/jsx-runtime";
@@ -48531,12 +48624,12 @@ var BarsVisualizer = function(_ref) {
             gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
         },
         children: barHeights.map(function(barHeight, index) {
-            return /* @__PURE__ */ _jsx88(Flex31, {
+            return /* @__PURE__ */ _jsx88(Flex30, {
                 direction: "column",
                 align: "center",
                 justify: "center",
                 height: height,
-                children: /* @__PURE__ */ _jsx88(Flex31, {
+                children: /* @__PURE__ */ _jsx88(Flex30, {
                     minHeight: "50%",
                     maxHeight: "100%",
                     height: "".concat(barHeight + 20, "%"),
@@ -48615,7 +48708,7 @@ var _excluded32 = [
     "height",
     "width"
 ];
-function ownKeys47(e, r) {
+function ownKeys48(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -48625,30 +48718,30 @@ function ownKeys47(e, r) {
     }
     return t;
 }
-function _objectSpread47(e) {
+function _objectSpread48(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys47(Object(t), true).forEach(function(r2) {
-            _defineProperty47(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys47(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys48(Object(t), true).forEach(function(r2) {
+            _defineProperty48(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys48(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty47(e, r, t) {
-    return (r = _toPropertyKey47(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty48(e, r, t) {
+    return (r = _toPropertyKey48(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey47(t) {
-    var i = _toPrimitive47(t, "string");
+function _toPropertyKey48(t) {
+    var i = _toPrimitive48(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive47(t, r) {
+function _toPrimitive48(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -48713,7 +48806,7 @@ var Provider6 = function(_ref) {
         children: children
     });
 };
-var Root15 = function(t0) {
+var Root16 = function(t0) {
     var $ = _c91(6);
     var children;
     var rest;
@@ -48732,7 +48825,7 @@ var Root15 = function(t0) {
     var t1;
     if ($[3] !== children || $[4] !== rest) {
         t1 = /* @__PURE__ */ _jsx89(Provider6, {
-            children: /* @__PURE__ */ _jsx89(Flex32, _objectSpread47(_objectSpread47({
+            children: /* @__PURE__ */ _jsx89(Flex31, _objectSpread48(_objectSpread48({
                 direction: "column",
                 align: "center",
                 justify: "center",
@@ -48777,7 +48870,7 @@ var BarsVisualizer2 = function(t0) {
     var t3 = status === "playing" ? "var(--accent-11)" : "var(--gray-11)";
     var t4;
     if ($[4] !== audioThreadContext.audioRuntime.assistant.visualizationAnalyser || $[5] !== barWidth || $[6] !== height || $[7] !== rest || $[8] !== t3) {
-        t4 = /* @__PURE__ */ _jsx89(BarsVisualizer, _objectSpread47({
+        t4 = /* @__PURE__ */ _jsx89(BarsVisualizer, _objectSpread48({
             visualizationAnalyser: audioThreadContext.audioRuntime.assistant.visualizationAnalyser,
             backgroundColor: t3,
             height: height,
@@ -48833,7 +48926,7 @@ var AssistantVisualizationRoot = function(t0) {
     }
     var t5;
     if ($[7] !== scale || $[8] !== t3 || $[9] !== t4) {
-        t5 = _objectSpread47({
+        t5 = _objectSpread48({
             backgroundColor: t3,
             borderRadius: "9999px",
             scale: scale
@@ -48847,7 +48940,7 @@ var AssistantVisualizationRoot = function(t0) {
     }
     var t6;
     if ($[11] !== children || $[12] !== height || $[13] !== rest || $[14] !== t5 || $[15] !== width2) {
-        t6 = /* @__PURE__ */ _jsx89(Flex32, _objectSpread47(_objectSpread47({
+        t6 = /* @__PURE__ */ _jsx89(Flex31, _objectSpread48(_objectSpread48({
             align: "center",
             justify: "center",
             height: height,
@@ -48878,7 +48971,7 @@ var AssistantVisualization = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx89(AssistantVisualizationRoot, _objectSpread47(_objectSpread47({}, props), {}, {
+        t1 = /* @__PURE__ */ _jsx89(AssistantVisualizationRoot, _objectSpread48(_objectSpread48({}, props), {}, {
             children: t0
         }));
         $[1] = props;
@@ -48912,7 +49005,7 @@ var AssistantInfo = function(props) {
     }
     var t2;
     if ($[3] !== props || $[4] !== t1) {
-        t2 = /* @__PURE__ */ _jsxs31(Flex32, _objectSpread47(_objectSpread47({
+        t2 = /* @__PURE__ */ _jsxs31(Flex31, _objectSpread48(_objectSpread48({
             ml: "-22.5px",
             gap: "3",
             pt: "5"
@@ -48945,7 +49038,7 @@ var Visualization = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ _jsxs31(Root15, _objectSpread47(_objectSpread47({}, props), {}, {
+        t2 = /* @__PURE__ */ _jsxs31(Root16, _objectSpread48(_objectSpread48({}, props), {}, {
             children: [
                 t0,
                 t1
@@ -48958,7 +49051,7 @@ var Visualization = function(props) {
     }
     return t2;
 };
-Visualization.Root = Root15;
+Visualization.Root = Root16;
 Visualization.Provider = Provider6;
 Visualization.AssistantVisualization = AssistantVisualization;
 Visualization.AssistantInfo = AssistantInfo;
@@ -48966,7 +49059,7 @@ Visualization.AssistantInfo = AssistantInfo;
 import { c as _c93 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
 import { c as _c92 } from "react-compiler-runtime";
-import { Flex as Flex33, Text as Text9 } from "@radix-ui/themes";
+import { Flex as Flex32, Text as Text9 } from "@radix-ui/themes";
 import { jsx as _jsx90, jsxs as _jsxs32 } from "react/jsx-runtime";
 var html = function(_ref) {
     var texts = _ref.texts;
@@ -49014,7 +49107,7 @@ var StatusMessages = function(t0) {
     }
     var t4;
     if ($[5] !== className || $[6] !== style || $[7] !== t3) {
-        t4 = /* @__PURE__ */ _jsxs32(Flex33, {
+        t4 = /* @__PURE__ */ _jsxs32(Flex32, {
             justify: "center",
             pb: "5",
             className: className,
@@ -49035,7 +49128,7 @@ var StatusMessages = function(t0) {
 };
 // src/components/threads/AudioThread/Status/index.tsx
 import { jsx as _jsx91 } from "react/jsx-runtime";
-function ownKeys48(e, r) {
+function ownKeys49(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -49045,30 +49138,30 @@ function ownKeys48(e, r) {
     }
     return t;
 }
-function _objectSpread48(e) {
+function _objectSpread49(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys48(Object(t), true).forEach(function(r2) {
-            _defineProperty48(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys48(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys49(Object(t), true).forEach(function(r2) {
+            _defineProperty49(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys49(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty48(e, r, t) {
-    return (r = _toPropertyKey48(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty49(e, r, t) {
+    return (r = _toPropertyKey49(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey48(t) {
-    var i = _toPrimitive48(t, "string");
+function _toPropertyKey49(t) {
+    var i = _toPrimitive49(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive48(t, r) {
+function _toPrimitive49(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -49096,7 +49189,7 @@ var Status = function(props) {
         }
         var _t2;
         if ($[1] !== props) {
-            _t2 = /* @__PURE__ */ _jsx91(StatusMessages, _objectSpread48({
+            _t2 = /* @__PURE__ */ _jsx91(StatusMessages, _objectSpread49({
                 texts: _t
             }, props));
             $[1] = props;
@@ -49122,7 +49215,7 @@ var Status = function(props) {
         }
         var _t4;
         if ($[4] !== props) {
-            _t4 = /* @__PURE__ */ _jsx91(StatusMessages, _objectSpread48({
+            _t4 = /* @__PURE__ */ _jsx91(StatusMessages, _objectSpread49({
                 texts: _t3
             }, props));
             $[4] = props;
@@ -49144,7 +49237,7 @@ var Status = function(props) {
         }
         var _t6;
         if ($[7] !== props) {
-            _t6 = /* @__PURE__ */ _jsx91(StatusMessages, _objectSpread48({
+            _t6 = /* @__PURE__ */ _jsx91(StatusMessages, _objectSpread49({
                 texts: _t5
             }, props));
             $[7] = props;
@@ -49165,7 +49258,7 @@ var Status = function(props) {
     }
     var t1;
     if ($[10] !== props) {
-        t1 = /* @__PURE__ */ _jsx91(StatusMessages, _objectSpread48({
+        t1 = /* @__PURE__ */ _jsx91(StatusMessages, _objectSpread49({
             texts: t0
         }, props));
         $[10] = props;
@@ -49177,11 +49270,11 @@ var Status = function(props) {
 };
 // src/components/threads/AudioThread/Form/index.tsx
 import { c as _c96 } from "react-compiler-runtime";
-import { Flex as Flex35 } from "@radix-ui/themes";
+import { Flex as Flex34 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/Form/MicIcon.tsx
 import { c as _c94 } from "react-compiler-runtime";
 import { jsx as _jsx92 } from "react/jsx-runtime";
-function ownKeys49(e, r) {
+function ownKeys50(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -49191,30 +49284,30 @@ function ownKeys49(e, r) {
     }
     return t;
 }
-function _objectSpread49(e) {
+function _objectSpread50(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys49(Object(t), true).forEach(function(r2) {
-            _defineProperty49(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys49(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys50(Object(t), true).forEach(function(r2) {
+            _defineProperty50(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys50(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty49(e, r, t) {
-    return (r = _toPropertyKey49(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty50(e, r, t) {
+    return (r = _toPropertyKey50(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey49(t) {
-    var i = _toPrimitive49(t, "string");
+function _toPropertyKey50(t) {
+    var i = _toPrimitive50(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive49(t, r) {
+function _toPrimitive50(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -49238,7 +49331,7 @@ var MicIcon = function(props) {
     }
     var t1;
     if ($[1] !== props) {
-        t1 = /* @__PURE__ */ _jsx92("svg", _objectSpread49(_objectSpread49({
+        t1 = /* @__PURE__ */ _jsx92("svg", _objectSpread50(_objectSpread50({
             xmlns: "http://www.w3.org/2000/svg",
             fill: "currentColor",
             stroke: "currentColor",
@@ -49258,7 +49351,7 @@ var MicIcon = function(props) {
 };
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
 import { c as _c95 } from "react-compiler-runtime";
-import { Flex as Flex34, IconButton as IconButton10 } from "@radix-ui/themes";
+import { Flex as Flex33, IconButton as IconButton10 } from "@radix-ui/themes";
 import { StopIcon as StopIcon2, PauseIcon as PauseIcon2, ArrowUpIcon as ArrowUpIcon3, ResumeIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx93, jsxs as _jsxs33 } from "react/jsx-runtime";
 var ActionButton = function() {
@@ -49276,7 +49369,7 @@ var ActionButton = function() {
         }
         var t1;
         if ($[1] !== audioThreadContext.audioRuntime.user.pause) {
-            t1 = /* @__PURE__ */ _jsx93(Flex34, {
+            t1 = /* @__PURE__ */ _jsx93(Flex33, {
                 mr: "3",
                 ml: "-7",
                 children: /* @__PURE__ */ _jsx93(IconButton10, {
@@ -49315,7 +49408,7 @@ var ActionButton = function() {
         }
         var t4;
         if ($[6] !== t1 || $[7] !== t3) {
-            t4 = /* @__PURE__ */ _jsxs33(Flex34, {
+            t4 = /* @__PURE__ */ _jsxs33(Flex33, {
                 align: "center",
                 children: [
                     t1,
@@ -49456,7 +49549,7 @@ var ActionButton = function() {
 };
 // src/components/threads/AudioThread/Form/index.tsx
 import { jsx as _jsx94, jsxs as _jsxs34 } from "react/jsx-runtime";
-function ownKeys50(e, r) {
+function ownKeys51(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -49466,30 +49559,30 @@ function ownKeys50(e, r) {
     }
     return t;
 }
-function _objectSpread50(e) {
+function _objectSpread51(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys50(Object(t), true).forEach(function(r2) {
-            _defineProperty50(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys50(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys51(Object(t), true).forEach(function(r2) {
+            _defineProperty51(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys51(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty50(e, r, t) {
-    return (r = _toPropertyKey50(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty51(e, r, t) {
+    return (r = _toPropertyKey51(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey50(t) {
-    var i = _toPrimitive50(t, "string");
+function _toPropertyKey51(t) {
+    var i = _toPrimitive51(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive50(t, r) {
+function _toPrimitive51(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -49506,7 +49599,7 @@ var Form = function(props) {
     var t0 = status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
     var t1;
     if ($[0] !== t0) {
-        t1 = /* @__PURE__ */ _jsx94(Flex35, {
+        t1 = /* @__PURE__ */ _jsx94(Flex34, {
             ml: "-22.5px",
             mr: "2",
             align: "center",
@@ -49550,7 +49643,7 @@ var Form = function(props) {
     }
     var t6;
     if ($[7] !== t3 || $[8] !== t5) {
-        t6 = /* @__PURE__ */ _jsx94(Flex35, {
+        t6 = /* @__PURE__ */ _jsx94(Flex34, {
             px: "2",
             py: "1",
             style: t3,
@@ -49564,7 +49657,7 @@ var Form = function(props) {
     }
     var t7;
     if ($[10] !== t1 || $[11] !== t6) {
-        t7 = /* @__PURE__ */ _jsxs34(Flex35, {
+        t7 = /* @__PURE__ */ _jsxs34(Flex34, {
             pb: "3",
             align: "center",
             children: [
@@ -49587,7 +49680,7 @@ var Form = function(props) {
     }
     var t9;
     if ($[14] !== props || $[15] !== t7) {
-        t9 = /* @__PURE__ */ _jsxs34(Flex35, _objectSpread50(_objectSpread50({
+        t9 = /* @__PURE__ */ _jsxs34(Flex34, _objectSpread51(_objectSpread51({
             direction: "column",
             align: "center"
         }, props), {}, {
@@ -49606,7 +49699,7 @@ var Form = function(props) {
 };
 // src/components/threads/AudioThread/index.tsx
 import { jsx as _jsx95, jsxs as _jsxs35 } from "react/jsx-runtime";
-function ownKeys51(e, r) {
+function ownKeys52(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -49616,30 +49709,30 @@ function ownKeys51(e, r) {
     }
     return t;
 }
-function _objectSpread51(e) {
+function _objectSpread52(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys51(Object(t), true).forEach(function(r2) {
-            _defineProperty51(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys51(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys52(Object(t), true).forEach(function(r2) {
+            _defineProperty52(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys52(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty51(e, r, t) {
-    return (r = _toPropertyKey51(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty52(e, r, t) {
+    return (r = _toPropertyKey52(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey51(t) {
-    var i = _toPrimitive51(t, "string");
+function _toPropertyKey52(t) {
+    var i = _toPrimitive52(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive51(t, r) {
+function _toPrimitive52(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -49668,7 +49761,7 @@ var AudioThread = function(props) {
     }
     var t3;
     if ($[3] !== props) {
-        t3 = /* @__PURE__ */ _jsxs35(Root14, _objectSpread51(_objectSpread51({}, props), {}, {
+        t3 = /* @__PURE__ */ _jsxs35(Root15, _objectSpread52(_objectSpread52({}, props), {}, {
             children: [
                 t0,
                 t1,
@@ -49682,13 +49775,13 @@ var AudioThread = function(props) {
     }
     return t3;
 };
-AudioThread.Root = Root14;
+AudioThread.Root = Root15;
 AudioThread.Visualization = Visualization;
 AudioThread.Status = Status;
 AudioThread.Form = Form;
 // src/components/threads/AudioThreadDialog/index.tsx
 import { jsx as _jsx96, jsxs as _jsxs36 } from "react/jsx-runtime";
-function ownKeys52(e, r) {
+function ownKeys53(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -49698,30 +49791,30 @@ function ownKeys52(e, r) {
     }
     return t;
 }
-function _objectSpread52(e) {
+function _objectSpread53(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys52(Object(t), true).forEach(function(r2) {
-            _defineProperty52(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys52(Object(t)).forEach(function(r2) {
+        r % 2 ? ownKeys53(Object(t), true).forEach(function(r2) {
+            _defineProperty53(e, r2, t[r2]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys53(Object(t)).forEach(function(r2) {
             Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
         });
     }
     return e;
 }
-function _defineProperty52(e, r, t) {
-    return (r = _toPropertyKey52(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty53(e, r, t) {
+    return (r = _toPropertyKey53(r)) in e ? Object.defineProperty(e, r, {
         value: t,
         enumerable: true,
         configurable: true,
         writable: true
     }) : e[r] = t, e;
 }
-function _toPropertyKey52(t) {
-    var i = _toPrimitive52(t, "string");
+function _toPropertyKey53(t) {
+    var i = _toPrimitive53(t, "string");
     return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
 }
-function _toPrimitive52(t, r) {
+function _toPrimitive53(t, r) {
     if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -49748,7 +49841,7 @@ var AudioThreadDialog = function(props) {
     }
     var t2;
     if ($[2] !== props) {
-        t2 = /* @__PURE__ */ _jsxs36(Root11, _objectSpread52(_objectSpread52({}, props), {}, {
+        t2 = /* @__PURE__ */ _jsxs36(Root12, _objectSpread53(_objectSpread53({}, props), {}, {
             children: [
                 t0,
                 t1
@@ -49761,7 +49854,7 @@ var AudioThreadDialog = function(props) {
     }
     return t2;
 };
-AudioThreadDialog.Root = Root11;
+AudioThreadDialog.Root = Root12;
 AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content7;
 // src/hooks/audioRuntimes/useWebrtcAudioRuntime/index.ts
@@ -50361,7 +50454,7 @@ import { QuoteIcon as QuoteIcon2 } from "@radix-ui/react-icons";
 import { Dialog, VisuallyHidden, IconButton as IconButton11 } from "@radix-ui/themes";
 // src/components/annotations/SourceAnnotation/FileCitation/Content.tsx
 import { c as _c101 } from "react-compiler-runtime";
-import { Flex as Flex36, Card as Card5, Inset as Inset3 } from "@radix-ui/themes";
+import { Flex as Flex35, Card as Card5, Inset as Inset3 } from "@radix-ui/themes";
 import { jsx as _jsx99 } from "react/jsx-runtime";
 var Content9 = function(t0) {
     var $ = _c101(5);
@@ -50401,7 +50494,7 @@ var Content9 = function(t0) {
     }
     var t5;
     if ($[3] !== t3) {
-        t5 = /* @__PURE__ */ _jsx99(Flex36, {
+        t5 = /* @__PURE__ */ _jsx99(Flex35, {
             direction: "column",
             flexGrow: "1",
             gap: "3",
@@ -50410,7 +50503,7 @@ var Content9 = function(t0) {
                 children: /* @__PURE__ */ _jsx99(Inset3, {
                     clip: "padding-box",
                     style: t2,
-                    children: /* @__PURE__ */ _jsx99(Flex36, {
+                    children: /* @__PURE__ */ _jsx99(Flex35, {
                         flexGrow: "1",
                         children: /* @__PURE__ */ _jsx99("embed", {
                             src: t3,