@superinterface/react 3.20.1 → 3.21.0

package/dist/index.js

@@ -357,7 +357,7 @@ var require_lib = __commonJS({
         Object.defineProperty(exports, "__esModule", {
             value: true
         });
-        function _objectWithoutPropertiesLoose9(r, e) {
+        function _objectWithoutPropertiesLoose10(r, e) {
             if (null == r) return {};
             var t = {};
             for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
@@ -717,7 +717,7 @@ var require_lib = __commonJS({
             PrimaryTopicNotAllowed: "Topic reference was used in a lexical context without topic binding.",
             PrimaryTopicRequiresSmartPipeline: 'Topic reference is used, but the pipelineOperator plugin was not passed a "proposal": "hack" or "smart" option.'
         });
-        var _excluded9 = [
+        var _excluded10 = [
             "message"
         ];
         function defineHidden(obj, key2, value) {
@@ -792,7 +792,7 @@ var require_lib = __commonJS({
                     }
                 } : typeof template === "function" ? {
                     message: template
-                } : template, message = _ref.message, rest = _objectWithoutPropertiesLoose9(_ref, _excluded9);
+                } : template, message = _ref.message, rest = _objectWithoutPropertiesLoose10(_ref, _excluded10);
                 var toMessage = typeof message === "string" ? function() {
                     return message;
                 } : message;
@@ -37810,26 +37810,29 @@ var SuperinterfaceProvider = function(_ref) {
         children: children
     });
 };
+// src/components/threads/Thread/index.tsx
+import { c as _c72 } from "react-compiler-runtime";
 // src/components/threads/Thread/Messages/index.tsx
+import { c as _c62 } from "react-compiler-runtime";
 import { Flex as Flex19 } from "@radix-ui/themes";
 // src/components/threads/Thread/Message/index.tsx
-import { c as _c26 } from "react-compiler-runtime";
+import { c as _c47 } from "react-compiler-runtime";
 import { useMemo as useMemo10 } from "react";
 import { Box as Box9 } from "@radix-ui/themes";
 // src/components/runSteps/RunSteps/index.tsx
-import { c as _c8 } from "react-compiler-runtime";
+import { c as _c16 } from "react-compiler-runtime";
 import { Flex as Flex5 } from "@radix-ui/themes";
 import { useContext as useContext4 } from "react";
 // src/contexts/components/ComponentsContext/index.tsx
 import { createContext as createContext3 } from "react";
 // src/components/runSteps/RunStep/index.tsx
-import { c as _c6 } from "react-compiler-runtime";
+import { c as _c11 } from "react-compiler-runtime";
 // src/components/runSteps/RunStep/ToolCalls/index.tsx
-import { c as _c5 } from "react-compiler-runtime";
+import { c as _c10 } from "react-compiler-runtime";
 import { useContext as useContext3 } from "react";
 import { Flex as Flex3 } from "@radix-ui/themes";
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/index.tsx
-import { c as _c4 } from "react-compiler-runtime";
+import { c as _c9 } from "react-compiler-runtime";
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/index.tsx
 import { c as _c } from "react-compiler-runtime";
 import { useContext as useContext2 } from "react";
@@ -37860,42 +37863,70 @@ var Fn = function(t0) {
     return t1;
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/index.tsx
+import { c as _c6 } from "react-compiler-runtime";
 import { Popover, Flex as Flex2 } from "@radix-ui/themes";
 // src/components/toolCalls/ToolCallBase/index.tsx
+import { c as _c2 } from "react-compiler-runtime";
 import { Flex, Button } from "@radix-ui/themes";
 import { jsx as _jsx3 } from "react/jsx-runtime";
-var ToolCallBase = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ _jsx3(Flex, {
-        py: "1",
-        ml: "-2",
-        children: /* @__PURE__ */ _jsx3(Button, {
-            size: "1",
-            color: "gold",
-            variant: "outline",
-            style: {
-                boxShadow: "none"
-            },
-            children: children
-        })
-    });
+var ToolCallBase = function(t0) {
+    var $ = _c2(3);
+    var children = t0.children;
+    var t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = {
+            boxShadow: "none"
+        };
+        $[0] = t1;
+    } else {
+        t1 = $[0];
+    }
+    var t2;
+    if ($[1] !== children) {
+        t2 = /* @__PURE__ */ _jsx3(Flex, {
+            py: "1",
+            ml: "-2",
+            children: /* @__PURE__ */ _jsx3(Button, {
+                size: "1",
+                color: "gold",
+                variant: "outline",
+                style: t1,
+                children: children
+            })
+        });
+        $[1] = children;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    return t2;
 };
 // src/components/toolCalls/ToolCallBase/ToolCallTitle.tsx
+import { c as _c3 } from "react-compiler-runtime";
 import { Text } from "@radix-ui/themes";
 import { jsx as _jsx4 } from "react/jsx-runtime";
-var ToolCallTitle = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ _jsx4(Text, {
-        weight: "regular",
-        children: children
-    });
+var ToolCallTitle = function(t0) {
+    var $ = _c3(2);
+    var children = t0.children;
+    var t1;
+    if ($[0] !== children) {
+        t1 = /* @__PURE__ */ _jsx4(Text, {
+            weight: "regular",
+            children: children
+        });
+        $[0] = children;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    return t1;
 };
 // src/components/toolCalls/ToolCallBase/ToolCallIcon.tsx
-import { c as _c2 } from "react-compiler-runtime";
+import { c as _c4 } from "react-compiler-runtime";
 import { CircleIcon, CircleBackslashIcon, CheckCircledIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx5 } from "react/jsx-runtime";
 var ToolCallIcon = function(t0) {
-    var $ = _c2(3);
+    var $ = _c4(3);
     var runStep = t0.runStep;
     if (runStep.completed_at) {
         var t1;
@@ -37929,11 +37960,11 @@ var ToolCallIcon = function(t0) {
     }
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/Content.tsx
-import { c as _c3 } from "react-compiler-runtime";
+import { c as _c5 } from "react-compiler-runtime";
 import { Code, Box } from "@radix-ui/themes";
 import { jsx as _jsx6, jsxs as _jsxs } from "react/jsx-runtime";
 var Content = function(t0) {
-    var $ = _c3(10);
+    var $ = _c5(10);
     var codeInterpreter = t0.codeInterpreter;
     if (!codeInterpreter.input) {
         return null;
@@ -37997,70 +38028,163 @@ var Content = function(t0) {
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/index.tsx
 import { jsx as _jsx7, jsxs as _jsxs2 } from "react/jsx-runtime";
-var CodeInterpreter = function(_ref) {
-    var codeInterpreter = _ref.codeInterpreter, runStep = _ref.runStep;
-    return /* @__PURE__ */ _jsxs2(Popover.Root, {
-        children: [
-            /* @__PURE__ */ _jsx7(Popover.Trigger, {
-                children: /* @__PURE__ */ _jsx7(Flex2, {
-                    children: /* @__PURE__ */ _jsxs2(ToolCallBase, {
-                        children: [
-                            /* @__PURE__ */ _jsx7(ToolCallIcon, {
-                                runStep: runStep
-                            }),
-                            /* @__PURE__ */ _jsx7(ToolCallTitle, {
-                                children: "Using code interpreter"
-                            })
-                        ]
-                    })
-                })
-            }),
-            /* @__PURE__ */ _jsx7(Popover.Content, {
-                maxHeight: "200px",
-                children: /* @__PURE__ */ _jsx7(Content, {
-                    codeInterpreter: codeInterpreter
+var CodeInterpreter = function(t0) {
+    var $ = _c6(10);
+    var codeInterpreter = t0.codeInterpreter, runStep = t0.runStep;
+    var t1;
+    if ($[0] !== runStep) {
+        t1 = /* @__PURE__ */ _jsx7(ToolCallIcon, {
+            runStep: runStep
+        });
+        $[0] = runStep;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = /* @__PURE__ */ _jsx7(ToolCallTitle, {
+            children: "Using code interpreter"
+        });
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    var t3;
+    if ($[3] !== t1) {
+        t3 = /* @__PURE__ */ _jsx7(Popover.Trigger, {
+            children: /* @__PURE__ */ _jsx7(Flex2, {
+                children: /* @__PURE__ */ _jsxs2(ToolCallBase, {
+                    children: [
+                        t1,
+                        t2
+                    ]
                 })
             })
-        ]
-    });
+        });
+        $[3] = t1;
+        $[4] = t3;
+    } else {
+        t3 = $[4];
+    }
+    var t4;
+    if ($[5] !== codeInterpreter) {
+        t4 = /* @__PURE__ */ _jsx7(Popover.Content, {
+            maxHeight: "200px",
+            children: /* @__PURE__ */ _jsx7(Content, {
+                codeInterpreter: codeInterpreter
+            })
+        });
+        $[5] = codeInterpreter;
+        $[6] = t4;
+    } else {
+        t4 = $[6];
+    }
+    var t5;
+    if ($[7] !== t3 || $[8] !== t4) {
+        t5 = /* @__PURE__ */ _jsxs2(Popover.Root, {
+            children: [
+                t3,
+                t4
+            ]
+        });
+        $[7] = t3;
+        $[8] = t4;
+        $[9] = t5;
+    } else {
+        t5 = $[9];
+    }
+    return t5;
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/FileSearch.tsx
+import { c as _c7 } from "react-compiler-runtime";
 import { jsx as _jsx8, jsxs as _jsxs3 } from "react/jsx-runtime";
-var FileSearch = function(_ref) {
-    var runStep = _ref.runStep, toolCall = _ref.toolCall;
-    return /* @__PURE__ */ _jsxs3(ToolCallBase, {
-        children: [
-            /* @__PURE__ */ _jsx8(ToolCallIcon, {
-                runStep: runStep
-            }),
-            /* @__PURE__ */ _jsx8(ToolCallTitle, {
-                children: "Searching files"
-            })
-        ]
-    });
+var FileSearch = function(t0) {
+    var $ = _c7(5);
+    var runStep = t0.runStep;
+    var t1;
+    if ($[0] !== runStep) {
+        t1 = /* @__PURE__ */ _jsx8(ToolCallIcon, {
+            runStep: runStep
+        });
+        $[0] = runStep;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = /* @__PURE__ */ _jsx8(ToolCallTitle, {
+            children: "Searching files"
+        });
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    var t3;
+    if ($[3] !== t1) {
+        t3 = /* @__PURE__ */ _jsxs3(ToolCallBase, {
+            children: [
+                t1,
+                t2
+            ]
+        });
+        $[3] = t1;
+        $[4] = t3;
+    } else {
+        t3 = $[4];
+    }
+    return t3;
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/Fallback.tsx
+import { c as _c8 } from "react-compiler-runtime";
 import { jsx as _jsx9, jsxs as _jsxs4 } from "react/jsx-runtime";
-var Fallback = function(_ref) {
-    var runStep = _ref.runStep, toolCall = _ref.toolCall;
-    return /* @__PURE__ */ _jsxs4(ToolCallBase, {
-        children: [
-            /* @__PURE__ */ _jsx9(ToolCallIcon, {
-                runStep: runStep
-            }),
-            /* @__PURE__ */ _jsxs4(ToolCallTitle, {
-                children: [
-                    "Using tool: ",
-                    toolCall.type
-                ]
-            })
-        ]
-    });
+var Fallback = function(t0) {
+    var $ = _c8(7);
+    var runStep = t0.runStep, toolCall = t0.toolCall;
+    var t1;
+    if ($[0] !== runStep) {
+        t1 = /* @__PURE__ */ _jsx9(ToolCallIcon, {
+            runStep: runStep
+        });
+        $[0] = runStep;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== toolCall.type) {
+        t2 = /* @__PURE__ */ _jsxs4(ToolCallTitle, {
+            children: [
+                "Using tool: ",
+                toolCall.type
+            ]
+        });
+        $[2] = toolCall.type;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    var t3;
+    if ($[4] !== t1 || $[5] !== t2) {
+        t3 = /* @__PURE__ */ _jsxs4(ToolCallBase, {
+            children: [
+                t1,
+                t2
+            ]
+        });
+        $[4] = t1;
+        $[5] = t2;
+        $[6] = t3;
+    } else {
+        t3 = $[6];
+    }
+    return t3;
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/index.tsx
 import { jsx as _jsx10 } from "react/jsx-runtime";
 var ToolCall = function(t0) {
-    var $ = _c4(12);
+    var $ = _c9(12);
     var toolCall = t0.toolCall, runStep = t0.runStep;
     if (toolCall.type === "function") {
         var _t;
@@ -38123,17 +38247,28 @@ var ToolCall = function(t0) {
 };
 // src/components/runSteps/RunStep/ToolCalls/index.tsx
 import { jsx as _jsx11, jsxs as _jsxs5 } from "react/jsx-runtime";
-var Root = function(_ref) {
-    var children = _ref.children, className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ _jsx11(Flex3, {
-        direction: "column",
-        className: className,
-        style: style,
-        children: children
-    });
+var Root = function(t0) {
+    var $ = _c10(4);
+    var children = t0.children, className = t0.className, style = t0.style;
+    var t1;
+    if ($[0] !== children || $[1] !== className || $[2] !== style) {
+        t1 = /* @__PURE__ */ _jsx11(Flex3, {
+            direction: "column",
+            className: className,
+            style: style,
+            children: children
+        });
+        $[0] = children;
+        $[1] = className;
+        $[2] = style;
+        $[3] = t1;
+    } else {
+        t1 = $[3];
+    }
+    return t1;
 };
 var StartingToolCalls = function() {
-    var $ = _c5(2);
+    var $ = _c10(2);
     var componentsContext = useContext3(ComponentsContext);
     var StartingToolCalls3 = componentsContext.components.StartingToolCalls;
     var t0;
@@ -38146,21 +38281,58 @@ var StartingToolCalls = function() {
     }
     return t0;
 };
-var ToolCalls = function(_ref2) {
-    var stepDetails = _ref2.stepDetails, runStep = _ref2.runStep, className = _ref2.className, style = _ref2.style;
-    return /* @__PURE__ */ _jsxs5(Root, {
-        className: className,
-        style: style,
-        children: [
-            !stepDetails.tool_calls.length && /* @__PURE__ */ _jsx11(StartingToolCalls, {}),
-            stepDetails.tool_calls.map(function(toolCall) {
+var ToolCalls = function(t0) {
+    var $ = _c10(12);
+    var stepDetails = t0.stepDetails, runStep = t0.runStep, className = t0.className, style = t0.style;
+    var t1;
+    if ($[0] !== stepDetails.tool_calls.length) {
+        t1 = !stepDetails.tool_calls.length && /* @__PURE__ */ _jsx11(StartingToolCalls, {});
+        $[0] = stepDetails.tool_calls.length;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== runStep || $[3] !== stepDetails.tool_calls) {
+        var _t;
+        if ($[5] !== runStep) {
+            _t = function(toolCall) {
                 return /* @__PURE__ */ _jsx11(ToolCall, {
                     toolCall: toolCall,
                     runStep: runStep
                 }, toolCall.id);
-            })
-        ]
-    });
+            };
+            $[5] = runStep;
+            $[6] = _t;
+        } else {
+            _t = $[6];
+        }
+        t2 = stepDetails.tool_calls.map(_t);
+        $[2] = runStep;
+        $[3] = stepDetails.tool_calls;
+        $[4] = t2;
+    } else {
+        t2 = $[4];
+    }
+    var t3;
+    if ($[7] !== className || $[8] !== style || $[9] !== t1 || $[10] !== t2) {
+        t3 = /* @__PURE__ */ _jsxs5(Root, {
+            className: className,
+            style: style,
+            children: [
+                t1,
+                t2
+            ]
+        });
+        $[7] = className;
+        $[8] = style;
+        $[9] = t1;
+        $[10] = t2;
+        $[11] = t3;
+    } else {
+        t3 = $[11];
+    }
+    return t3;
 };
 ToolCalls.Root = Root;
 ToolCalls.StartingToolCalls = StartingToolCalls;
@@ -38168,7 +38340,7 @@ ToolCalls.ToolCall = ToolCall;
 // src/components/runSteps/RunStep/index.tsx
 import { jsx as _jsx12 } from "react/jsx-runtime";
 var RunStep = function(t0) {
-    var $ = _c6(4);
+    var $ = _c11(4);
     var runStep = t0.runStep, className = t0.className, style = t0.style;
     if (runStep.step_details.type === "tool_calls") {
         var t1;
@@ -38191,10 +38363,13 @@ var RunStep = function(t0) {
     return null;
 };
 RunStep.ToolCalls = ToolCalls;
+// src/components/functions/Function/index.tsx
+import { c as _c14 } from "react-compiler-runtime";
 // src/components/functions/FunctionBase/index.tsx
+import { c as _c13 } from "react-compiler-runtime";
 import { Popover as Popover2, Flex as Flex4 } from "@radix-ui/themes";
 // src/components/functions/FunctionBase/Content/index.tsx
-import { c as _c7 } from "react-compiler-runtime";
+import { c as _c12 } from "react-compiler-runtime";
 import { useMemo } from "react";
 import { Code as Code2, Box as Box2 } from "@radix-ui/themes";
 // src/components/functions/FunctionBase/Content/lib/formattedJsonOrRaw.ts
@@ -38216,7 +38391,7 @@ var formattedJsonOrRaw = function(_ref) {
 // src/components/functions/FunctionBase/Content/index.tsx
 import { jsx as _jsx13, jsxs as _jsxs6 } from "react/jsx-runtime";
 var Content2 = function(t0) {
-    var $ = _c7(12);
+    var $ = _c12(12);
     var fn = t0.fn;
     var t1;
     var t2;
@@ -38295,34 +38470,84 @@ var Content2 = function(t0) {
 };
 // src/components/functions/FunctionBase/index.tsx
 import { jsx as _jsx14, jsxs as _jsxs7 } from "react/jsx-runtime";
-var FunctionBase = function(_ref) {
-    var fn = _ref.fn, runStep = _ref.runStep, title2 = _ref.title;
-    return /* @__PURE__ */ _jsxs7(Popover2.Root, {
-        children: [
-            /* @__PURE__ */ _jsx14(Popover2.Trigger, {
-                children: /* @__PURE__ */ _jsx14(Flex4, {
-                    children: /* @__PURE__ */ _jsxs7(ToolCallBase, {
-                        children: [
-                            /* @__PURE__ */ _jsx14(ToolCallIcon, {
-                                runStep: runStep
-                            }),
-                            /* @__PURE__ */ _jsx14(ToolCallTitle, {
-                                children: title2
-                            })
-                        ]
-                    })
-                })
-            }),
-            /* @__PURE__ */ _jsx14(Popover2.Content, {
-                style: {
-                    maxHeight: "200px"
-                },
-                children: /* @__PURE__ */ _jsx14(Content2, {
-                    fn: fn
+var FunctionBase = function(t0) {
+    var $ = _c13(13);
+    var fn = t0.fn, runStep = t0.runStep, title2 = t0.title;
+    var t1;
+    if ($[0] !== runStep) {
+        t1 = /* @__PURE__ */ _jsx14(ToolCallIcon, {
+            runStep: runStep
+        });
+        $[0] = runStep;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== title2) {
+        t2 = /* @__PURE__ */ _jsx14(ToolCallTitle, {
+            children: title2
+        });
+        $[2] = title2;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    var t3;
+    if ($[4] !== t1 || $[5] !== t2) {
+        t3 = /* @__PURE__ */ _jsx14(Popover2.Trigger, {
+            children: /* @__PURE__ */ _jsx14(Flex4, {
+                children: /* @__PURE__ */ _jsxs7(ToolCallBase, {
+                    children: [
+                        t1,
+                        t2
+                    ]
                 })
             })
-        ]
-    });
+        });
+        $[4] = t1;
+        $[5] = t2;
+        $[6] = t3;
+    } else {
+        t3 = $[6];
+    }
+    var t4;
+    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = {
+            maxHeight: "200px"
+        };
+        $[7] = t4;
+    } else {
+        t4 = $[7];
+    }
+    var t5;
+    if ($[8] !== fn) {
+        t5 = /* @__PURE__ */ _jsx14(Popover2.Content, {
+            style: t4,
+            children: /* @__PURE__ */ _jsx14(Content2, {
+                fn: fn
+            })
+        });
+        $[8] = fn;
+        $[9] = t5;
+    } else {
+        t5 = $[9];
+    }
+    var t6;
+    if ($[10] !== t3 || $[11] !== t5) {
+        t6 = /* @__PURE__ */ _jsxs7(Popover2.Root, {
+            children: [
+                t3,
+                t5
+            ]
+        });
+        $[10] = t3;
+        $[11] = t5;
+        $[12] = t6;
+    } else {
+        t6 = $[12];
+    }
+    return t6;
 };
 // src/components/functions/Function/lib/title.ts
 var title = function(_ref) {
@@ -38337,42 +38562,78 @@ var title = function(_ref) {
 };
 // src/components/functions/Function/index.tsx
 import { jsx as _jsx15 } from "react/jsx-runtime";
-var Function2 = function(_ref) {
-    var fn = _ref.fn, runStep = _ref.runStep;
-    return /* @__PURE__ */ _jsx15(FunctionBase, {
-        fn: fn,
-        runStep: runStep,
-        title: title({
+var Function2 = function(t0) {
+    var $ = _c14(7);
+    var fn = t0.fn, runStep = t0.runStep;
+    var t1;
+    if ($[0] !== fn || $[1] !== runStep) {
+        t1 = title({
             runStep: runStep,
             fn: fn
-        })
-    });
+        });
+        $[0] = fn;
+        $[1] = runStep;
+        $[2] = t1;
+    } else {
+        t1 = $[2];
+    }
+    var t2;
+    if ($[3] !== fn || $[4] !== runStep || $[5] !== t1) {
+        t2 = /* @__PURE__ */ _jsx15(FunctionBase, {
+            fn: fn,
+            runStep: runStep,
+            title: t1
+        });
+        $[3] = fn;
+        $[4] = runStep;
+        $[5] = t1;
+        $[6] = t2;
+    } else {
+        t2 = $[6];
+    }
+    return t2;
 };
 // src/components/toolCalls/StartingToolCalls/index.tsx
+import { c as _c15 } from "react-compiler-runtime";
 import { Popover as Popover3, Text as Text2 } from "@radix-ui/themes";
 import { CircleIcon as CircleIcon2 } from "@radix-ui/react-icons";
 import { jsx as _jsx16, jsxs as _jsxs8 } from "react/jsx-runtime";
 var StartingToolCalls2 = function() {
-    return /* @__PURE__ */ _jsxs8(Popover3.Root, {
-        children: [
-            /* @__PURE__ */ _jsxs8(ToolCallBase, {
-                children: [
-                    /* @__PURE__ */ _jsx16(CircleIcon2, {}),
-                    /* @__PURE__ */ _jsx16(ToolCallTitle, {
-                        children: "Starting actions"
+    var $ = _c15(2);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ _jsxs8(ToolCallBase, {
+            children: [
+                /* @__PURE__ */ _jsx16(CircleIcon2, {}),
+                /* @__PURE__ */ _jsx16(ToolCallTitle, {
+                    children: "Starting actions"
+                })
+            ]
+        });
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = /* @__PURE__ */ _jsxs8(Popover3.Root, {
+            children: [
+                t0,
+                /* @__PURE__ */ _jsx16(Popover3.Content, {
+                    style: {
+                        maxHeight: "500px"
+                    },
+                    children: /* @__PURE__ */ _jsx16(Text2, {
+                        children: "Starting some actions"
                     })
-                ]
-            }),
-            /* @__PURE__ */ _jsx16(Popover3.Content, {
-                style: {
-                    maxHeight: "500px"
-                },
-                children: /* @__PURE__ */ _jsx16(Text2, {
-                    children: "Starting some actions"
                 })
-            })
-        ]
-    });
+            ]
+        });
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    return t1;
 };
 // src/contexts/components/ComponentsContext/index.tsx
 var ComponentsContext = /* @__PURE__ */ createContext3({
@@ -38385,7 +38646,7 @@ var ComponentsContext = /* @__PURE__ */ createContext3({
 // src/components/runSteps/RunSteps/index.tsx
 import { jsx as _jsx17 } from "react/jsx-runtime";
 var RunSteps = function(t0) {
-    var $ = _c8(7);
+    var $ = _c16(7);
     var runSteps = t0.runSteps;
     var componentsContext = useContext4(ComponentsContext);
     var Component2 = componentsContext.components.RunStep;
@@ -38431,13 +38692,13 @@ var MessageContext = /* @__PURE__ */ createContext4({
 // src/components/threads/Thread/Message/Provider.tsx
 var Provider = MessageContext.Provider;
 // src/components/threads/Thread/Message/Attachments/index.tsx
-import { c as _c9 } from "react-compiler-runtime";
+import { c as _c17 } from "react-compiler-runtime";
 import { Flex as Flex6, Badge } from "@radix-ui/themes";
 import { FileIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx18, jsxs as _jsxs9 } from "react/jsx-runtime";
 var Attachments = function(t0) {
     var _message$attachments;
-    var $ = _c9(4);
+    var $ = _c17(4);
     var message = t0.message;
     if (!((_message$attachments = message.attachments) !== null && _message$attachments !== void 0 && _message$attachments.length)) {
         return null;
@@ -38474,10 +38735,12 @@ var Attachments = function(t0) {
     }
     return t3;
 };
+// src/components/messages/MessageContent/index.tsx
+import { c as _c46 } from "react-compiler-runtime";
 // src/components/messages/MessageContent/ContentPart/index.tsx
-import { c as _c25 } from "react-compiler-runtime";
+import { c as _c45 } from "react-compiler-runtime";
 // src/components/messages/MessageContent/ContentPart/TextContent.tsx
-import { c as _c23 } from "react-compiler-runtime";
+import { c as _c43 } from "react-compiler-runtime";
 import React, { useState as useState3, useEffect as useEffect2, useMemo as useMemo9 } from "react";
 import { Badge as Badge2 } from "@radix-ui/themes";
 import { compile } from "@mdx-js/mdx";
@@ -38631,114 +38894,223 @@ import { createContext as createContext6 } from "react";
 // src/contexts/markdown/MarkdownContext/lib/components/index.tsx
 import { Heading, Table } from "@radix-ui/themes";
 // src/contexts/markdown/MarkdownContext/lib/components/Paragraph.tsx
+import { c as _c18 } from "react-compiler-runtime";
 import { Box as Box3, Text as Text3 } from "@radix-ui/themes";
 import { jsx as _jsx19 } from "react/jsx-runtime";
-var Paragraph = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ _jsx19(Box3, {
-        pb: "3",
-        children: /* @__PURE__ */ _jsx19(Text3, {
-            size: "3",
-            style: {
-                whiteSpace: "pre-line",
-                wordBreak: "break-word"
-            },
-            children: children
-        })
-    });
+var Paragraph = function(t0) {
+    var $ = _c18(3);
+    var children = t0.children;
+    var t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = {
+            whiteSpace: "pre-line",
+            wordBreak: "break-word"
+        };
+        $[0] = t1;
+    } else {
+        t1 = $[0];
+    }
+    var t2;
+    if ($[1] !== children) {
+        t2 = /* @__PURE__ */ _jsx19(Box3, {
+            pb: "3",
+            children: /* @__PURE__ */ _jsx19(Text3, {
+                size: "3",
+                style: t1,
+                children: children
+            })
+        });
+        $[1] = children;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Link.tsx
+import { c as _c19 } from "react-compiler-runtime";
 import { Link as RadixLink } from "@radix-ui/themes";
 import { jsx as _jsx20 } from "react/jsx-runtime";
-var Link = function(_ref) {
-    var children = _ref.children, href = _ref.href, download = _ref.download, _ref_target = _ref.target, target = _ref_target === void 0 ? "_blank" : _ref_target;
-    return /* @__PURE__ */ _jsx20(RadixLink, {
-        href: href,
-        target: target,
-        download: download,
-        children: children
-    });
+var Link = function(t0) {
+    var $ = _c19(5);
+    var children = t0.children, href = t0.href, download = t0.download, t1 = t0.target;
+    var target = t1 === void 0 ? "_blank" : t1;
+    var t2;
+    if ($[0] !== children || $[1] !== download || $[2] !== href || $[3] !== target) {
+        t2 = /* @__PURE__ */ _jsx20(RadixLink, {
+            href: href,
+            target: target,
+            download: download,
+            children: children
+        });
+        $[0] = children;
+        $[1] = download;
+        $[2] = href;
+        $[3] = target;
+        $[4] = t2;
+    } else {
+        t2 = $[4];
+    }
+    return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/UnorderedList.tsx
+import { c as _c20 } from "react-compiler-runtime";
 import { Box as Box4 } from "@radix-ui/themes";
 import { jsx as _jsx21 } from "react/jsx-runtime";
-var UnorderedList = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ _jsx21(Box4, {
-        pb: "3",
-        asChild: true,
-        children: /* @__PURE__ */ _jsx21("ul", {
-            style: {
-                listStylePosition: "inside"
-            },
-            children: children
-        })
-    });
+var UnorderedList = function(t0) {
+    var $ = _c20(3);
+    var children = t0.children;
+    var t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = {
+            listStylePosition: "inside"
+        };
+        $[0] = t1;
+    } else {
+        t1 = $[0];
+    }
+    var t2;
+    if ($[1] !== children) {
+        t2 = /* @__PURE__ */ _jsx21(Box4, {
+            pb: "3",
+            asChild: true,
+            children: /* @__PURE__ */ _jsx21("ul", {
+                style: t1,
+                children: children
+            })
+        });
+        $[1] = children;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/OrderedList.tsx
+import { c as _c21 } from "react-compiler-runtime";
 import { Box as Box5 } from "@radix-ui/themes";
 import { jsx as _jsx22 } from "react/jsx-runtime";
-var OrderedList = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ _jsx22(Box5, {
-        pb: "3",
-        asChild: true,
-        children: /* @__PURE__ */ _jsx22("ol", {
-            style: {
-                listStylePosition: "inside"
-            },
-            children: children
-        })
-    });
+var OrderedList = function(t0) {
+    var $ = _c21(3);
+    var children = t0.children;
+    var t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = {
+            listStylePosition: "inside"
+        };
+        $[0] = t1;
+    } else {
+        t1 = $[0];
+    }
+    var t2;
+    if ($[1] !== children) {
+        t2 = /* @__PURE__ */ _jsx22(Box5, {
+            pb: "3",
+            asChild: true,
+            children: /* @__PURE__ */ _jsx22("ol", {
+                style: t1,
+                children: children
+            })
+        });
+        $[1] = children;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/ListItem.tsx
+import { c as _c22 } from "react-compiler-runtime";
 import { Box as Box6 } from "@radix-ui/themes";
 import { jsx as _jsx23 } from "react/jsx-runtime";
-var ListItem = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ _jsx23(Box6, {
-        pb: "1",
-        children: /* @__PURE__ */ _jsx23("li", {
-            style: {
-                wordBreak: "break-word"
-            },
-            children: children
-        })
-    });
+var ListItem = function(t0) {
+    var $ = _c22(3);
+    var children = t0.children;
+    var t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = {
+            wordBreak: "break-word"
+        };
+        $[0] = t1;
+    } else {
+        t1 = $[0];
+    }
+    var t2;
+    if ($[1] !== children) {
+        t2 = /* @__PURE__ */ _jsx23(Box6, {
+            pb: "1",
+            children: /* @__PURE__ */ _jsx23("li", {
+                style: t1,
+                children: children
+            })
+        });
+        $[1] = children;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Strong.tsx
+import { c as _c23 } from "react-compiler-runtime";
 import { Strong as RadixStrong } from "@radix-ui/themes";
 import { jsx as _jsx24 } from "react/jsx-runtime";
-var Strong = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ _jsx24(RadixStrong, {
-        children: children
-    });
+var Strong = function(t0) {
+    var $ = _c23(2);
+    var children = t0.children;
+    var t1;
+    if ($[0] !== children) {
+        t1 = /* @__PURE__ */ _jsx24(RadixStrong, {
+            children: children
+        });
+        $[0] = children;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    return t1;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Pre.tsx
+import { c as _c24 } from "react-compiler-runtime";
 import { Box as Box7 } from "@radix-ui/themes";
 import { jsx as _jsx25 } from "react/jsx-runtime";
-var Pre = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ _jsx25(Box7, {
-        style: {
+var Pre = function(t0) {
+    var $ = _c24(3);
+    var children = t0.children;
+    var t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = {
             whiteSpace: "pre-wrap",
             wordBreak: "break-word"
-        },
-        children: children
-    });
+        };
+        $[0] = t1;
+    } else {
+        t1 = $[0];
+    }
+    var t2;
+    if ($[1] !== children) {
+        t2 = /* @__PURE__ */ _jsx25(Box7, {
+            style: t1,
+            children: children
+        });
+        $[1] = children;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Code.tsx
-import { c as _c15 } from "react-compiler-runtime";
+import { c as _c30 } from "react-compiler-runtime";
 import { Code as RadixCode } from "@radix-ui/themes";
 // src/components/suggestions/Suggestions/index.tsx
-import { c as _c14 } from "react-compiler-runtime";
+import { c as _c29 } from "react-compiler-runtime";
 import { useMemo as useMemo6 } from "react";
 // src/hooks/messages/useLatestMessage/index.ts
-import { c as _c11 } from "react-compiler-runtime";
+import { c as _c26 } from "react-compiler-runtime";
 import { useMemo as useMemo3 } from "react";
 // src/hooks/messages/useMessages/index.tsx
-import { c as _c10 } from "react-compiler-runtime";
+import { c as _c25 } from "react-compiler-runtime";
 import { useMemo as useMemo2 } from "react";
 import { useInfiniteQuery, useQueryClient } from "@tanstack/react-query";
 // src/lib/threads/queryOptions/index.ts
@@ -39012,7 +39384,7 @@ var messages = function(_ref) {
     }, []);
 };
 var useMessages = function() {
-    var $ = _c10(9);
+    var $ = _c25(9);
     var queryClient = useQueryClient();
     var threadContext = useSuperinterfaceContext();
     var superinterfaceContext = useSuperinterfaceContext();
@@ -39101,7 +39473,7 @@ function _toPrimitive5(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useLatestMessage = function() {
-    var $ = _c11(3);
+    var $ = _c26(3);
     var props = useMessages();
     var t0;
     var t1 = props.messages[0] || null;
@@ -39124,11 +39496,11 @@ import { useMemo as useMemo5 } from "react";
 import { isEmpty } from "radash";
 import { onlyText } from "react-children-utilities";
 // src/hooks/messages/useIsMutatingMessage/index.ts
-import { c as _c12 } from "react-compiler-runtime";
+import { c as _c27 } from "react-compiler-runtime";
 import { useMemo as useMemo4 } from "react";
 import { useIsMutating } from "@tanstack/react-query";
 var useIsMutatingMessage = function() {
-    var $ = _c12(2);
+    var $ = _c27(2);
     var threadContext = useSuperinterfaceContext();
     var t0;
     if ($[0] !== threadContext.variables) {
@@ -39152,7 +39524,7 @@ var useIsMutatingMessage = function() {
 // src/components/suggestions/Suggestions/Content.tsx
 import { Flex as Flex7 } from "@radix-ui/themes";
 // src/components/suggestions/Suggestions/Item.tsx
-import { c as _c13 } from "react-compiler-runtime";
+import { c as _c28 } from "react-compiler-runtime";
 import { ArrowUpIcon } from "@radix-ui/react-icons";
 import { Text as Text4, Button as Button2, Spinner } from "@radix-ui/themes";
 // src/hooks/messages/useCreateMessage/index.ts
@@ -40648,7 +41020,7 @@ function _toPrimitive19(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Item = function(t0) {
-    var $ = _c13(16);
+    var $ = _c28(16);
     var suggestion = t0.suggestion, isDisabled = t0.isDisabled, className = t0.className, style = t0.style;
     var addToast = useToasts().addToast;
     var queryClient = useQueryClient3();
@@ -40713,34 +41085,87 @@ var Item = function(t0) {
     }
     return t4;
 };
-var Content3 = function(_ref) {
-    var onClick = _ref.onClick, isDisabled = _ref.isDisabled, isPending = _ref.isPending, children = _ref.children, className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ _jsxs10(Button2, {
-        className: className,
-        variant: "soft",
-        onClick: onClick,
-        disabled: isDisabled,
-        style: _objectSpread19({
+var Content3 = function(t0) {
+    var $ = _c28(16);
+    var onClick = t0.onClick, isDisabled = t0.isDisabled, isPending = t0.isPending, children = t0.children, className = t0.className, style = t0.style;
+    var t1;
+    if ($[0] !== style) {
+        t1 = style !== null && style !== void 0 ? style : {};
+        $[0] = style;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== t1) {
+        t2 = _objectSpread19({
             minHeight: "var(--base-button-height)",
             height: "inherit",
             flexShrink: 1
-        }, style !== null && style !== void 0 ? style : {}),
-        children: [
-            /* @__PURE__ */ _jsx26(Text4, {
-                size: "1",
-                weight: "regular",
-                children: children
-            }),
-            /* @__PURE__ */ _jsx26(Spinner, {
-                loading: isPending,
-                children: /* @__PURE__ */ _jsx26(ArrowUpIcon, {
-                    style: {
-                        flexShrink: 0
-                    }
-                })
-            })
-        ]
-    });
+        }, t1);
+        $[2] = t1;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    var t3;
+    if ($[4] !== children) {
+        t3 = /* @__PURE__ */ _jsx26(Text4, {
+            size: "1",
+            weight: "regular",
+            children: children
+        });
+        $[4] = children;
+        $[5] = t3;
+    } else {
+        t3 = $[5];
+    }
+    var t4;
+    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = /* @__PURE__ */ _jsx26(ArrowUpIcon, {
+            style: {
+                flexShrink: 0
+            }
+        });
+        $[6] = t4;
+    } else {
+        t4 = $[6];
+    }
+    var t5;
+    if ($[7] !== isPending) {
+        t5 = /* @__PURE__ */ _jsx26(Spinner, {
+            loading: isPending,
+            children: t4
+        });
+        $[7] = isPending;
+        $[8] = t5;
+    } else {
+        t5 = $[8];
+    }
+    var t6;
+    if ($[9] !== className || $[10] !== isDisabled || $[11] !== onClick || $[12] !== t2 || $[13] !== t3 || $[14] !== t5) {
+        t6 = /* @__PURE__ */ _jsxs10(Button2, {
+            className: className,
+            variant: "soft",
+            onClick: onClick,
+            disabled: isDisabled,
+            style: t2,
+            children: [
+                t3,
+                t5
+            ]
+        });
+        $[9] = className;
+        $[10] = isDisabled;
+        $[11] = onClick;
+        $[12] = t2;
+        $[13] = t3;
+        $[14] = t5;
+        $[15] = t6;
+    } else {
+        t6 = $[15];
+    }
+    return t6;
 };
 Item.Content = Content3;
 // src/components/suggestions/Suggestions/Content.tsx
@@ -40776,7 +41201,7 @@ var Content4 = function(_ref) {
 import { jsx as _jsx28 } from "react/jsx-runtime";
 var Suggestions = function(t0) {
     var _latestMessageProps$l;
-    var $ = _c14(4);
+    var $ = _c29(4);
     var children = t0.children, className = t0.className, style = t0.style;
     var latestMessageProps = useLatestMessage();
     var t1;
@@ -40808,7 +41233,7 @@ Suggestions.Item = Item;
 // src/contexts/markdown/MarkdownContext/lib/components/Code.tsx
 import { jsx as _jsx29 } from "react/jsx-runtime";
 var Code3 = function(t0) {
-    var $ = _c15(5);
+    var $ = _c30(5);
     var children = t0.children, className = t0.className;
     if (className === "language-suggestions") {
         var _t;
@@ -40846,8 +41271,9 @@ var Code3 = function(t0) {
     return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/index.tsx
-import { c as _c20 } from "react-compiler-runtime";
+import { c as _c39 } from "react-compiler-runtime";
 // src/components/images/Image.tsx
+import { c as _c31 } from "react-compiler-runtime";
 import { Box as Box8 } from "@radix-ui/themes";
 import { jsx as _jsx30 } from "react/jsx-runtime";
 function ownKeys20(e, r) {
@@ -40894,15 +41320,31 @@ function _toPrimitive20(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Image = function(props) {
-    return /* @__PURE__ */ _jsx30(Box8, {
-        pb: "3",
-        children: /* @__PURE__ */ _jsx30("img", _objectSpread20(_objectSpread20({}, props), {}, {
-            style: {
-                maxWidth: "100%",
-                height: "auto"
-            }
-        }))
-    });
+    var $ = _c31(3);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = {
+            maxWidth: "100%",
+            height: "auto"
+        };
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] !== props) {
+        t1 = /* @__PURE__ */ _jsx30(Box8, {
+            pb: "3",
+            children: /* @__PURE__ */ _jsx30("img", _objectSpread20(_objectSpread20({}, props), {}, {
+                style: t0
+            }))
+        });
+        $[1] = props;
+        $[2] = t1;
+    } else {
+        t1 = $[2];
+    }
+    return t1;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/lib/isVideoSrc.ts
 var videoExtensions = [
@@ -40951,17 +41393,18 @@ var isAudioSrc = function(_ref) {
     return src.endsWith(".mp3") || src.endsWith(".wav");
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Video/index.tsx
+import { c as _c37 } from "react-compiler-runtime";
 import { Flex as Flex8 } from "@radix-ui/themes";
 import "@vidstack/react/player/styles/base.css";
 import { MediaPlayer, MediaProvider, Controls } from "@vidstack/react";
 // src/components/media/PlayButton.tsx
-import { c as _c16 } from "react-compiler-runtime";
+import { c as _c32 } from "react-compiler-runtime";
 import { PlayButton as VidstackPlayButton, useMediaState } from "@vidstack/react";
 import { IconButton } from "@radix-ui/themes";
 import { PlayIcon, PauseIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx31 } from "react/jsx-runtime";
 var PlayButton = function() {
-    var $ = _c16(2);
+    var $ = _c32(2);
     var isPaused = useMediaState("paused");
     var t0;
     if ($[0] !== isPaused) {
@@ -40980,13 +41423,13 @@ var PlayButton = function() {
     return t0;
 };
 // src/components/media/VolumeButton.tsx
-import { c as _c17 } from "react-compiler-runtime";
+import { c as _c33 } from "react-compiler-runtime";
 import { MuteButton, useMediaState as useMediaState2, useMediaRemote } from "@vidstack/react";
 import { IconButton as IconButton2, HoverCard, Slider } from "@radix-ui/themes";
 import { SpeakerModerateIcon, SpeakerOffIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx32, jsxs as _jsxs11 } from "react/jsx-runtime";
 var VolumeButton = function() {
-    var $ = _c17(13);
+    var $ = _c33(13);
     var volume = useMediaState2("volume");
     var isMuted = useMediaState2("muted");
     var remote = useMediaRemote();
@@ -41066,13 +41509,13 @@ var VolumeButton = function() {
     return t5;
 };
 // src/components/media/Time.tsx
-import { c as _c18 } from "react-compiler-runtime";
+import { c as _c34 } from "react-compiler-runtime";
 import { useState, useEffect, useMemo as useMemo7 } from "react";
 import { useMediaState as useMediaState3, useMediaRemote as useMediaRemote2 } from "@vidstack/react";
 import { Slider as Slider2 } from "@radix-ui/themes";
 import { jsx as _jsx33 } from "react/jsx-runtime";
 var Time = function() {
-    var $ = _c18(17);
+    var $ = _c34(17);
     var time = useMediaState3("currentTime");
     var duration = useMediaState3("duration");
     var seeking = useMediaState3("seeking");
@@ -41161,30 +41604,47 @@ var Time = function() {
     return t8;
 };
 // src/components/media/MediaContainer.tsx
+import { c as _c35 } from "react-compiler-runtime";
 import { Card, Inset } from "@radix-ui/themes";
 import { jsx as _jsx34 } from "react/jsx-runtime";
-var MediaContainer = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ _jsx34(Card, {
-        mb: "3",
-        children: /* @__PURE__ */ _jsx34(Inset, {
-            clip: "padding-box",
-            style: {
-                display: "flex",
-                flexDirection: "column"
-            },
-            children: children
-        })
-    });
+var MediaContainer = function(t0) {
+    var $ = _c35(3);
+    var children = t0.children;
+    var t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = {
+            display: "flex",
+            flexDirection: "column"
+        };
+        $[0] = t1;
+    } else {
+        t1 = $[0];
+    }
+    var t2;
+    if ($[1] !== children) {
+        t2 = /* @__PURE__ */ _jsx34(Card, {
+            mb: "3",
+            children: /* @__PURE__ */ _jsx34(Inset, {
+                clip: "padding-box",
+                style: t1,
+                children: children
+            })
+        });
+        $[1] = children;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Video/FullscreenButton.tsx
-import { c as _c19 } from "react-compiler-runtime";
+import { c as _c36 } from "react-compiler-runtime";
 import { FullscreenButton as VidstackFullscreenButton, useMediaState as useMediaState4 } from "@vidstack/react";
 import { IconButton as IconButton3 } from "@radix-ui/themes";
 import { EnterFullScreenIcon, ExitFullScreenIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx35 } from "react/jsx-runtime";
 var FullscreenButton = function() {
-    var $ = _c19(2);
+    var $ = _c36(2);
     var isFullscreen = useMediaState4("fullscreen");
     var t0;
     if ($[0] !== isFullscreen) {
@@ -41204,100 +41664,185 @@ var FullscreenButton = function() {
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Video/index.tsx
 import { jsx as _jsx36, jsxs as _jsxs12 } from "react/jsx-runtime";
-var Video = function(_ref) {
-    var src = _ref.src;
-    return /* @__PURE__ */ _jsx36(MediaContainer, {
-        children: /* @__PURE__ */ _jsxs12(MediaPlayer, {
-            src: {
-                src: src,
-                type: "video/".concat(src.split(".").pop())
-            },
-            playsInline: true,
-            hideControlsOnMouseLeave: true,
-            crossOrigin: true,
-            children: [
-                /* @__PURE__ */ _jsx36(MediaProvider, {}),
-                /* @__PURE__ */ _jsx36("style", {
-                    children: "\n          .superinterface-video-controls {\n            opacity: 0;\n            transition: opacity 0.2s ease-out;\n          }\n\n          .superinterface-video-controls[data-visible] {\n            opacity: 1;\n          }\n        "
-                }),
-                /* @__PURE__ */ _jsx36(Flex8, {
+var Video = function(t0) {
+    var $ = _c37(9);
+    var src = t0.src;
+    var t1 = "video/".concat(src.split(".").pop());
+    var t2;
+    if ($[0] !== src || $[1] !== t1) {
+        t2 = {
+            src: src,
+            type: t1
+        };
+        $[0] = src;
+        $[1] = t1;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    var t3;
+    var t4;
+    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = /* @__PURE__ */ _jsx36(MediaProvider, {});
+        t4 = /* @__PURE__ */ _jsx36("style", {
+            children: "\n          .superinterface-video-controls {\n            opacity: 0;\n            transition: opacity 0.2s ease-out;\n          }\n\n          .superinterface-video-controls[data-visible] {\n            opacity: 1;\n          }\n        "
+        });
+        $[3] = t3;
+        $[4] = t4;
+    } else {
+        t3 = $[3];
+        t4 = $[4];
+    }
+    var t5;
+    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = {
+            zIndex: 10,
+            background: "var(--accent-4)"
+        };
+        $[5] = t5;
+    } else {
+        t5 = $[5];
+    }
+    var t6;
+    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+        t6 = /* @__PURE__ */ _jsx36(Flex8, {
+            asChild: true,
+            position: "absolute",
+            bottom: "0",
+            left: "0",
+            right: "0",
+            className: "superinterface-video-controls",
+            p: "3",
+            style: t5,
+            children: /* @__PURE__ */ _jsx36(Controls.Root, {
+                children: /* @__PURE__ */ _jsx36(Flex8, {
                     asChild: true,
-                    position: "absolute",
-                    bottom: "0",
-                    left: "0",
-                    right: "0",
-                    className: "superinterface-video-controls",
-                    p: "3",
-                    style: {
-                        zIndex: 10,
-                        background: "var(--accent-4)"
-                    },
-                    children: /* @__PURE__ */ _jsx36(Controls.Root, {
-                        children: /* @__PURE__ */ _jsx36(Flex8, {
-                            asChild: true,
-                            align: "center",
-                            gap: "3",
-                            flexGrow: "1",
-                            children: /* @__PURE__ */ _jsxs12(Controls.Group, {
-                                children: [
-                                    /* @__PURE__ */ _jsx36(PlayButton, {}),
-                                    /* @__PURE__ */ _jsx36(Time, {}),
-                                    /* @__PURE__ */ _jsx36(VolumeButton, {}),
-                                    /* @__PURE__ */ _jsx36(FullscreenButton, {})
-                                ]
-                            })
-                        })
+                    align: "center",
+                    gap: "3",
+                    flexGrow: "1",
+                    children: /* @__PURE__ */ _jsxs12(Controls.Group, {
+                        children: [
+                            /* @__PURE__ */ _jsx36(PlayButton, {}),
+                            /* @__PURE__ */ _jsx36(Time, {}),
+                            /* @__PURE__ */ _jsx36(VolumeButton, {}),
+                            /* @__PURE__ */ _jsx36(FullscreenButton, {})
+                        ]
                     })
                 })
-            ]
-        })
-    });
+            })
+        });
+        $[6] = t6;
+    } else {
+        t6 = $[6];
+    }
+    var t7;
+    if ($[7] !== t2) {
+        t7 = /* @__PURE__ */ _jsx36(MediaContainer, {
+            children: /* @__PURE__ */ _jsxs12(MediaPlayer, {
+                src: t2,
+                playsInline: true,
+                hideControlsOnMouseLeave: true,
+                crossOrigin: true,
+                children: [
+                    t3,
+                    t4,
+                    t6
+                ]
+            })
+        });
+        $[7] = t2;
+        $[8] = t7;
+    } else {
+        t7 = $[8];
+    }
+    return t7;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Audio/index.tsx
+import { c as _c38 } from "react-compiler-runtime";
 import { Flex as Flex9 } from "@radix-ui/themes";
 import "@vidstack/react/player/styles/base.css";
 import { MediaPlayer as MediaPlayer2, MediaProvider as MediaProvider2, Controls as Controls2 } from "@vidstack/react";
 import { jsx as _jsx37, jsxs as _jsxs13 } from "react/jsx-runtime";
-var Audio = function(_ref) {
-    var src = _ref.src;
-    return /* @__PURE__ */ _jsx37(MediaContainer, {
-        children: /* @__PURE__ */ _jsxs13(MediaPlayer2, {
-            src: {
-                src: src,
-                type: "audio/".concat(src.split(".").pop())
-            },
-            viewType: "audio",
-            crossOrigin: true,
-            playsInline: true,
-            children: [
-                /* @__PURE__ */ _jsx37(MediaProvider2, {}),
-                /* @__PURE__ */ _jsx37(Flex9, {
+var Audio = function(t0) {
+    var $ = _c38(8);
+    var src = t0.src;
+    var t1 = "audio/".concat(src.split(".").pop());
+    var t2;
+    if ($[0] !== src || $[1] !== t1) {
+        t2 = {
+            src: src,
+            type: t1
+        };
+        $[0] = src;
+        $[1] = t1;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    var t3;
+    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = /* @__PURE__ */ _jsx37(MediaProvider2, {});
+        $[3] = t3;
+    } else {
+        t3 = $[3];
+    }
+    var t4;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = {
+            zIndex: 10,
+            background: "var(--accent-4)"
+        };
+        $[4] = t4;
+    } else {
+        t4 = $[4];
+    }
+    var t5;
+    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = /* @__PURE__ */ _jsx37(Flex9, {
+            asChild: true,
+            p: "3",
+            flexGrow: "1",
+            style: t4,
+            children: /* @__PURE__ */ _jsx37(Controls2.Root, {
+                children: /* @__PURE__ */ _jsx37(Flex9, {
                     asChild: true,
-                    p: "3",
+                    align: "center",
+                    gap: "3",
                     flexGrow: "1",
-                    style: {
-                        zIndex: 10,
-                        background: "var(--accent-4)"
-                    },
-                    children: /* @__PURE__ */ _jsx37(Controls2.Root, {
-                        children: /* @__PURE__ */ _jsx37(Flex9, {
-                            asChild: true,
-                            align: "center",
-                            gap: "3",
-                            flexGrow: "1",
-                            children: /* @__PURE__ */ _jsxs13(Controls2.Group, {
-                                children: [
-                                    /* @__PURE__ */ _jsx37(PlayButton, {}),
-                                    /* @__PURE__ */ _jsx37(Time, {}),
-                                    /* @__PURE__ */ _jsx37(VolumeButton, {})
-                                ]
-                            })
-                        })
+                    children: /* @__PURE__ */ _jsxs13(Controls2.Group, {
+                        children: [
+                            /* @__PURE__ */ _jsx37(PlayButton, {}),
+                            /* @__PURE__ */ _jsx37(Time, {}),
+                            /* @__PURE__ */ _jsx37(VolumeButton, {})
+                        ]
                     })
                 })
-            ]
-        })
-    });
+            })
+        });
+        $[5] = t5;
+    } else {
+        t5 = $[5];
+    }
+    var t6;
+    if ($[6] !== t2) {
+        t6 = /* @__PURE__ */ _jsx37(MediaContainer, {
+            children: /* @__PURE__ */ _jsxs13(MediaPlayer2, {
+                src: t2,
+                viewType: "audio",
+                crossOrigin: true,
+                playsInline: true,
+                children: [
+                    t3,
+                    t5
+                ]
+            })
+        });
+        $[6] = t2;
+        $[7] = t6;
+    } else {
+        t6 = $[7];
+    }
+    return t6;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/index.tsx
 import { jsx as _jsx38 } from "react/jsx-runtime";
@@ -41345,7 +41890,7 @@ function _toPrimitive21(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Img = function(props) {
-    var $ = _c20(8);
+    var $ = _c39(8);
     if (!props.src) {
         var t0;
         if ($[0] !== props) {
@@ -41401,13 +41946,13 @@ var Img = function(props) {
     }
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
-import { c as _c22 } from "react-compiler-runtime";
+import { c as _c42 } from "react-compiler-runtime";
 import { QuoteIcon } from "@radix-ui/react-icons";
 // src/components/annotations/FilePathAnnotation.tsx
-import { c as _c21 } from "react-compiler-runtime";
+import { c as _c40 } from "react-compiler-runtime";
 import { jsx as _jsx39 } from "react/jsx-runtime";
 var FilePathAnnotation = function(t0) {
-    var $ = _c21(3);
+    var $ = _c40(3);
     var annotation = t0.annotation, children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -41429,33 +41974,60 @@ var FilePathAnnotation = function(t0) {
     return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Annotation/AnnotationBase.tsx
+import { c as _c41 } from "react-compiler-runtime";
 import { IconButton as IconButton4, Popover as Popover4, Flex as Flex10, Text as Text5 } from "@radix-ui/themes";
 import { jsx as _jsx40, jsxs as _jsxs14 } from "react/jsx-runtime";
-var AnnotationBase = function(_ref) {
-    var icon = _ref.icon, content2 = _ref.content;
-    return /* @__PURE__ */ _jsxs14(Popover4.Root, {
-        children: [
-            /* @__PURE__ */ _jsx40(Popover4.Trigger, {
-                children: /* @__PURE__ */ _jsx40(IconButton4, {
-                    variant: "soft",
-                    color: "gray",
-                    size: "1",
-                    children: icon
-                })
-            }),
-            /* @__PURE__ */ _jsx40(Popover4.Content, {
+var AnnotationBase = function(t0) {
+    var $ = _c41(7);
+    var icon = t0.icon, content2 = t0.content;
+    var t1;
+    if ($[0] !== icon) {
+        t1 = /* @__PURE__ */ _jsx40(Popover4.Trigger, {
+            children: /* @__PURE__ */ _jsx40(IconButton4, {
+                variant: "soft",
+                color: "gray",
                 size: "1",
-                children: /* @__PURE__ */ _jsx40(Flex10, {
-                    direction: "column",
-                    children: /* @__PURE__ */ _jsx40(Text5, {
-                        size: "1",
-                        color: "gray",
-                        children: content2
-                    })
+                children: icon
+            })
+        });
+        $[0] = icon;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== content2) {
+        t2 = /* @__PURE__ */ _jsx40(Popover4.Content, {
+            size: "1",
+            children: /* @__PURE__ */ _jsx40(Flex10, {
+                direction: "column",
+                children: /* @__PURE__ */ _jsx40(Text5, {
+                    size: "1",
+                    color: "gray",
+                    children: content2
                 })
             })
-        ]
-    });
+        });
+        $[2] = content2;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    var t3;
+    if ($[4] !== t1 || $[5] !== t2) {
+        t3 = /* @__PURE__ */ _jsxs14(Popover4.Root, {
+            children: [
+                t1,
+                t2
+            ]
+        });
+        $[4] = t1;
+        $[5] = t2;
+        $[6] = t3;
+    } else {
+        t3 = $[6];
+    }
+    return t3;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
 import { jsx as _jsx41 } from "react/jsx-runtime";
@@ -41481,7 +42053,7 @@ function _objectWithoutPropertiesLoose(r, e) {
     return t;
 }
 var Annotation = function(t0) {
-    var $ = _c22(9);
+    var $ = _c42(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -42197,7 +42769,7 @@ var evaluate = /* @__PURE__ */ function() {
     };
 }();
 var TextContent = function(t0) {
-    var $ = _c23(13);
+    var $ = _c43(13);
     var content2 = t0.content;
     var _useMarkdownContext = useMarkdownContext(), getRemarkPlugins2 = _useMarkdownContext.getRemarkPlugins, components2 = _useMarkdownContext.components;
     var t1;
@@ -42334,10 +42906,10 @@ var TextContent = function(t0) {
     return t7;
 };
 // src/components/messages/MessageContent/ContentPart/ImageFileContent.tsx
-import { c as _c24 } from "react-compiler-runtime";
+import { c as _c44 } from "react-compiler-runtime";
 import { jsx as _jsx44 } from "react/jsx-runtime";
 var ImageFileContent = function(t0) {
-    var $ = _c24(2);
+    var $ = _c44(2);
     var content2 = t0.content;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -42358,7 +42930,7 @@ var ImageFileContent = function(t0) {
 // src/components/messages/MessageContent/ContentPart/index.tsx
 import { jsx as _jsx45 } from "react/jsx-runtime";
 var ContentPart = function(t0) {
-    var $ = _c25(4);
+    var $ = _c45(4);
     var content2 = t0.content;
     if (content2.type === "text") {
         var t1;
@@ -42389,21 +42961,39 @@ var ContentPart = function(t0) {
     return null;
 };
 // src/components/messages/MessageContent/index.tsx
-import { jsx as _jsx46, Fragment as _Fragment2 } from "react/jsx-runtime";
-var MessageContent = function(_ref) {
-    var message = _ref.message;
-    return /* @__PURE__ */ _jsx46(_Fragment2, {
-        children: message.content.map(function(content2, index) {
-            return /* @__PURE__ */ _jsx46(ContentPart, {
-                content: content2
-            }, index);
-        })
-    });
+import { Fragment as _Fragment2, jsx as _jsx46 } from "react/jsx-runtime";
+var MessageContent = function(t0) {
+    var $ = _c46(4);
+    var message = t0.message;
+    var t1;
+    if ($[0] !== message.content) {
+        t1 = message.content.map(_temp);
+        $[0] = message.content;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== t1) {
+        t2 = /* @__PURE__ */ _jsx46(_Fragment2, {
+            children: t1
+        });
+        $[2] = t1;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    return t2;
 };
+function _temp(content2, index) {
+    return /* @__PURE__ */ _jsx46(ContentPart, {
+        content: content2
+    }, index);
+}
 // src/components/threads/Thread/Message/index.tsx
 import { jsx as _jsx47, jsxs as _jsxs16 } from "react/jsx-runtime";
 var Message = function(t0) {
-    var $ = _c26(37);
+    var $ = _c47(37);
     var message = t0.message, className = t0.className, style = t0.style;
     var t1;
     bb0: {
@@ -42437,7 +43027,7 @@ var Message = function(t0) {
         var messageCreationRunStepIndex = message.runSteps.findIndex(_t2);
         var _t3;
         if ($[3] !== message.runSteps || $[4] !== messageCreationRunStepIndex) {
-            var nextRunStepIndex = message.runSteps.slice(0, messageCreationRunStepIndex).findLastIndex(_temp);
+            var nextRunStepIndex = message.runSteps.slice(0, messageCreationRunStepIndex).findLastIndex(_temp2);
             if (nextRunStepIndex === -1) {
                 nextRunStepIndex = 0;
             }
@@ -42451,7 +43041,7 @@ var Message = function(t0) {
         var laterRunSteps = _t3;
         var _t4;
         if ($[6] !== message.runSteps || $[7] !== messageCreationRunStepIndex) {
-            _t4 = message.runSteps.slice(messageCreationRunStepIndex + 1).findIndex(_temp2);
+            _t4 = message.runSteps.slice(messageCreationRunStepIndex + 1).findIndex(_temp22);
             $[6] = message.runSteps;
             $[7] = messageCreationRunStepIndex;
             $[8] = _t4;
@@ -42590,17 +43180,17 @@ var Message = function(t0) {
     }
     return t8;
 };
-function _temp(runStep_0) {
+function _temp2(runStep_0) {
     return runStep_0.step_details.type === "message_creation";
 }
-function _temp2(runStep_1) {
+function _temp22(runStep_1) {
     return runStep_1.step_details.type === "message_creation";
 }
 // src/components/threads/Thread/Messages/Content/index.tsx
-import { c as _c33 } from "react-compiler-runtime";
+import { c as _c56 } from "react-compiler-runtime";
 import { useEffect as useEffect3 } from "react";
 // src/hooks/messageGroups/useMessageGroups/index.ts
-import { c as _c27 } from "react-compiler-runtime";
+import { c as _c48 } from "react-compiler-runtime";
 import { useMemo as useMemo11 } from "react";
 // src/hooks/messageGroups/useMessageGroups/lib/messageGroups/index.ts
 import _6 from "lodash";
@@ -42705,7 +43295,7 @@ var messageGroups = function(_ref) {
 };
 // src/hooks/messageGroups/useMessageGroups/index.ts
 var useMessageGroups = function(t0) {
-    var $ = _c27(4);
+    var $ = _c48(4);
     var messages2 = t0.messages;
     var t1;
     var t2;
@@ -42732,16 +43322,16 @@ var useMessageGroups = function(t0) {
     return t1;
 };
 // src/components/skeletons/MessagesSkeleton/index.tsx
-import { c as _c29 } from "react-compiler-runtime";
+import { c as _c51 } from "react-compiler-runtime";
 import { forwardRef as forwardRef3 } from "react";
 import { Flex as Flex13, Avatar, Box as Box10, Skeleton } from "@radix-ui/themes";
 // src/components/messageGroups/MessageGroupBase/index.tsx
-import { c as _c28 } from "react-compiler-runtime";
+import { c as _c49 } from "react-compiler-runtime";
 import { forwardRef as forwardRef2 } from "react";
 import { Flex as Flex11, Container } from "@radix-ui/themes";
 import { jsx as _jsx48 } from "react/jsx-runtime";
 var MessageGroupBase = /* @__PURE__ */ forwardRef2(function MessageGroupBase2(t0, ref) {
-    var $ = _c28(5);
+    var $ = _c49(5);
     var children = t0.children;
     var t1;
     if ($[0] !== children) {
@@ -42772,24 +43362,34 @@ var MessageGroupBase = /* @__PURE__ */ forwardRef2(function MessageGroupBase2(t0
     return t2;
 });
 // src/components/messageGroups/MessageGroupBase/Name.tsx
+import { c as _c50 } from "react-compiler-runtime";
 import { Flex as Flex12, Text as Text6 } from "@radix-ui/themes";
 import { jsx as _jsx49 } from "react/jsx-runtime";
-var Name = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ _jsx49(Flex12, {
-        align: "center",
-        height: "var(--space-5)",
-        children: /* @__PURE__ */ _jsx49(Text6, {
-            size: "2",
-            weight: "bold",
-            children: children
-        })
-    });
+var Name = function(t0) {
+    var $ = _c50(2);
+    var children = t0.children;
+    var t1;
+    if ($[0] !== children) {
+        t1 = /* @__PURE__ */ _jsx49(Flex12, {
+            align: "center",
+            height: "var(--space-5)",
+            children: /* @__PURE__ */ _jsx49(Text6, {
+                size: "2",
+                weight: "bold",
+                children: children
+            })
+        });
+        $[0] = children;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    return t1;
 };
 // src/components/skeletons/MessagesSkeleton/index.tsx
 import { jsx as _jsx50, jsxs as _jsxs17 } from "react/jsx-runtime";
 var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_props, ref) {
-    var $ = _c29(7);
+    var $ = _c51(7);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsx50(Skeleton, {
@@ -42880,11 +43480,11 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
     return t5;
 });
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
-import { c as _c32 } from "react-compiler-runtime";
+import { c as _c55 } from "react-compiler-runtime";
 import { useContext as useContext10 } from "react";
 import { Box as Box11 } from "@radix-ui/themes";
 // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
-import { c as _c30 } from "react-compiler-runtime";
+import { c as _c52 } from "react-compiler-runtime";
 import { useContext as useContext8 } from "react";
 import { Flex as Flex14 } from "@radix-ui/themes";
 // src/contexts/assistants/AssistantAvatarContext/index.tsx
@@ -42899,7 +43499,7 @@ var AssistantAvatarContext = /* @__PURE__ */ createContext8(/* @__PURE__ */ _jsx
 // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
 import { jsx as _jsx52 } from "react/jsx-runtime";
 var AssistantAvatar = function() {
-    var $ = _c30(3);
+    var $ = _c52(3);
     var AssistantAvatarContextValue = useContext8(AssistantAvatarContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -42931,7 +43531,7 @@ var AssistantAvatar = function() {
 import { createContext as createContext9 } from "react";
 var AssistantNameContext = /* @__PURE__ */ createContext9("Assistant");
 // src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
-import { c as _c31 } from "react-compiler-runtime";
+import { c as _c53 } from "react-compiler-runtime";
 import { useContext as useContext9 } from "react";
 import { Flex as Flex15 } from "@radix-ui/themes";
 // src/contexts/users/UserAvatarContext/index.tsx
@@ -42946,7 +43546,7 @@ var UserAvatarContext = /* @__PURE__ */ createContext10(/* @__PURE__ */ _jsx53(A
 // src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
 import { jsx as _jsx54 } from "react/jsx-runtime";
 var UserAvatar = function() {
-    var $ = _c31(3);
+    var $ = _c53(3);
     var UserAvatarContextValue = useContext9(UserAvatarContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -42975,23 +43575,42 @@ var UserAvatar = function() {
     return t1;
 };
 // src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
+import { c as _c54 } from "react-compiler-runtime";
 import { Flex as Flex16 } from "@radix-ui/themes";
 import { jsx as _jsx55 } from "react/jsx-runtime";
-var Content5 = function(_ref) {
-    var messageGroup = _ref.messageGroup;
-    return /* @__PURE__ */ _jsx55(Flex16, {
-        direction: "column-reverse",
-        children: messageGroup.messages.map(function(message) {
-            return /* @__PURE__ */ _jsx55(Message, {
-                message: message
-            }, message.id);
-        })
-    });
+var Content5 = function(t0) {
+    var $ = _c54(4);
+    var messageGroup = t0.messageGroup;
+    var t1;
+    if ($[0] !== messageGroup.messages) {
+        t1 = messageGroup.messages.map(_temp3);
+        $[0] = messageGroup.messages;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== t1) {
+        t2 = /* @__PURE__ */ _jsx55(Flex16, {
+            direction: "column-reverse",
+            children: t1
+        });
+        $[2] = t1;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    return t2;
 };
+function _temp3(message) {
+    return /* @__PURE__ */ _jsx55(Message, {
+        message: message
+    }, message.id);
+}
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
 import { jsx as _jsx56, jsxs as _jsxs18 } from "react/jsx-runtime";
 var MessageGroup = function(t0) {
-    var $ = _c32(12);
+    var $ = _c55(12);
     var messageGroup = t0.messageGroup;
     var assistantNameContext = useContext10(AssistantNameContext);
     var t1;
@@ -43057,7 +43676,7 @@ var MessageGroup = function(t0) {
 // src/components/threads/Thread/Messages/Content/index.tsx
 import { jsx as _jsx57, Fragment as _Fragment3 } from "react/jsx-runtime";
 var Content6 = function() {
-    var $ = _c33(11);
+    var $ = _c56(11);
     var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
     var addToast = useToasts().addToast;
     var t0;
@@ -43107,7 +43726,7 @@ var Content6 = function() {
     }
     var t3;
     if ($[7] !== messageGroups2) {
-        t3 = messageGroups2.map(_temp3);
+        t3 = messageGroups2.map(_temp4);
         $[7] = messageGroups2;
         $[8] = t3;
     } else {
@@ -43125,38 +43744,47 @@ var Content6 = function() {
     }
     return t4;
 };
-function _temp3(messageGroup) {
+function _temp4(messageGroup) {
     return /* @__PURE__ */ _jsx57(MessageGroup, {
         messageGroup: messageGroup
     }, messageGroup.id);
 }
 // src/components/threads/Thread/Messages/Progress/index.tsx
-import { c as _c35 } from "react-compiler-runtime";
+import { c as _c59 } 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 _c34 } from "react-compiler-runtime";
+import { c as _c58 } from "react-compiler-runtime";
 import { useContext as useContext11 } from "react";
 import { Box as Box12 } from "@radix-ui/themes";
 // src/components/skeletons/StartingContentSkeleton/index.tsx
+import { c as _c57 } from "react-compiler-runtime";
 import { Skeleton as Skeleton2 } from "@radix-ui/themes";
 import { jsx as _jsx58 } from "react/jsx-runtime";
 var StartingContentSkeleton = function() {
-    return /* @__PURE__ */ _jsx58(Skeleton2, {
-        loading: true,
-        mt: "1",
-        height: "var(--space-4)",
-        width: "var(--space-4)",
-        style: {
-            borderRadius: "var(--radius-6)",
-            flexShrink: 0
-        }
-    });
+    var $ = _c57(1);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ _jsx58(Skeleton2, {
+            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 _jsx59, jsxs as _jsxs19 } from "react/jsx-runtime";
 var StartingSkeleton = function(t0) {
-    var $ = _c34(7);
+    var $ = _c58(7);
     var children = t0.children;
     var assistantNameContext = useContext11(AssistantNameContext);
     var t1;
@@ -43208,7 +43836,7 @@ var StartingSkeleton = function(t0) {
 // src/components/threads/Thread/Messages/Progress/index.tsx
 import { jsx as _jsx60, jsxs as _jsxs20 } from "react/jsx-runtime";
 var Progress = function() {
-    var $ = _c35(3);
+    var $ = _c59(3);
     var latestMessage = useLatestMessage().latestMessage;
     var isMutatingMessage = useIsMutatingMessage();
     var t0;
@@ -43279,7 +43907,7 @@ var Progress = function() {
     return null;
 };
 // src/components/threads/Thread/Messages/Root/index.tsx
-import { c as _c36 } from "react-compiler-runtime";
+import { c as _c60 } from "react-compiler-runtime";
 import { Flex as Flex18 } from "@radix-ui/themes";
 // src/hooks/misc/useInfiniteScroll/index.tsx
 import { useRef as useRef3 } from "react";
@@ -43377,7 +44005,7 @@ function _toPrimitive26(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root2 = function(t0) {
-    var $ = _c36(18);
+    var $ = _c60(18);
     var children = t0.children, style = t0.style, className = t0.className;
     var _useMessages = useMessages(), isFetchingNextPage = _useMessages.isFetchingNextPage, hasNextPage = _useMessages.hasNextPage, fetchNextPage = _useMessages.fetchNextPage;
     var t1;
@@ -43460,10 +44088,10 @@ var Root2 = function(t0) {
     return t6;
 };
 // src/components/threads/Thread/Messages/NextPageSkeleton.tsx
-import { c as _c37 } from "react-compiler-runtime";
+import { c as _c61 } from "react-compiler-runtime";
 import { jsx as _jsx62 } from "react/jsx-runtime";
 var NextPageSkeleton = function() {
-    var $ = _c37(1);
+    var $ = _c61(1);
     var hasNextPage = useMessages().hasNextPage;
     if (!hasNextPage) {
         return null;
@@ -43479,33 +44107,72 @@ var NextPageSkeleton = function() {
 };
 // src/components/threads/Thread/Messages/index.tsx
 import { jsx as _jsx63, jsxs as _jsxs22 } from "react/jsx-runtime";
-var Messages = function(_ref) {
-    var children = _ref.children, className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ _jsxs22(Root2, {
-        style: style,
-        className: className,
-        children: [
-            /* @__PURE__ */ _jsx63(Flex19, {
-                flexShrink: "0",
-                height: "var(--space-3)"
-            }),
-            /* @__PURE__ */ _jsx63(Progress, {}),
-            children,
-            /* @__PURE__ */ _jsx63(Content6, {}),
-            /* @__PURE__ */ _jsx63(NextPageSkeleton, {}),
-            /* @__PURE__ */ _jsx63(Flex19, {
-                flexShrink: "0",
-                flexGrow: "1",
-                minHeight: "var(--space-5)"
-            })
-        ]
-    });
+var Messages = function(t0) {
+    var $ = _c62(9);
+    var children = t0.children, className = t0.className, style = t0.style;
+    var t1;
+    var t2;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = /* @__PURE__ */ _jsx63(Flex19, {
+            flexShrink: "0",
+            height: "var(--space-3)"
+        });
+        t2 = /* @__PURE__ */ _jsx63(Progress, {});
+        $[0] = t1;
+        $[1] = t2;
+    } else {
+        t1 = $[0];
+        t2 = $[1];
+    }
+    var t3;
+    var t4;
+    var t5;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = /* @__PURE__ */ _jsx63(Content6, {});
+        t4 = /* @__PURE__ */ _jsx63(NextPageSkeleton, {});
+        t5 = /* @__PURE__ */ _jsx63(Flex19, {
+            flexShrink: "0",
+            flexGrow: "1",
+            minHeight: "var(--space-5)"
+        });
+        $[2] = t3;
+        $[3] = t4;
+        $[4] = t5;
+    } else {
+        t3 = $[2];
+        t4 = $[3];
+        t5 = $[4];
+    }
+    var t6;
+    if ($[5] !== children || $[6] !== className || $[7] !== style) {
+        t6 = /* @__PURE__ */ _jsxs22(Root2, {
+            style: style,
+            className: className,
+            children: [
+                t1,
+                t2,
+                children,
+                t3,
+                t4,
+                t5
+            ]
+        });
+        $[5] = children;
+        $[6] = className;
+        $[7] = style;
+        $[8] = t6;
+    } else {
+        t6 = $[8];
+    }
+    return t6;
 };
 Messages.Root = Root2;
 Messages.Message = Message;
 Messages.NextPageSkeleton = NextPageSkeleton;
+// src/components/threads/Thread/MessageForm/index.tsx
+import { c as _c68 } from "react-compiler-runtime";
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
-import { c as _c38 } from "react-compiler-runtime";
+import { c as _c63 } 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";
 // src/hooks/messages/useMessageFormContext/index.ts
@@ -43569,18 +44236,29 @@ function _toPrimitive27(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-var Root3 = function(_ref) {
-    var children = _ref.children, style = _ref.style, className = _ref.className;
-    return /* @__PURE__ */ _jsx64(Flex20, {
-        flexShrink: "0",
-        align: "end",
-        style: style,
-        className: className,
-        children: children
-    });
+var Root3 = function(t0) {
+    var $ = _c63(4);
+    var children = t0.children, style = t0.style, className = t0.className;
+    var t1;
+    if ($[0] !== children || $[1] !== className || $[2] !== style) {
+        t1 = /* @__PURE__ */ _jsx64(Flex20, {
+            flexShrink: "0",
+            align: "end",
+            style: style,
+            className: className,
+            children: children
+        });
+        $[0] = children;
+        $[1] = className;
+        $[2] = style;
+        $[3] = t1;
+    } else {
+        t1 = $[3];
+    }
+    return t1;
 };
 var Button3 = function(props) {
-    var $ = _c38(10);
+    var $ = _c63(10);
     var superinterfaceContext = useSuperinterfaceContext();
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, isFileLoading = _useMessageFormContext.isFileLoading;
     if (isLoading) {
@@ -43643,9 +44321,25 @@ var Button3 = function(props) {
     return t2;
 };
 var Submit = function(props) {
-    return /* @__PURE__ */ _jsx64(Root3, _objectSpread27(_objectSpread27({}, props), {}, {
-        children: /* @__PURE__ */ _jsx64(Button3, {})
-    }));
+    var $ = _c63(3);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ _jsx64(Button3, {});
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] !== props) {
+        t1 = /* @__PURE__ */ _jsx64(Root3, _objectSpread27(_objectSpread27({}, props), {}, {
+            children: t0
+        }));
+        $[1] = props;
+        $[2] = t1;
+    } else {
+        t1 = $[2];
+    }
+    return t1;
 };
 Submit.Root = Root3;
 Submit.Button = Button3;
@@ -43852,6 +44546,7 @@ var Root4 = function(_ref) {
 import { useFormContext as useFormContext2 } from "react-hook-form";
 import { Container as RadixContainer, Flex as Flex24 } from "@radix-ui/themes";
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
+import { c as _c65 } from "react-compiler-runtime";
 import { Flex as Flex21 } from "@radix-ui/themes";
 import { useFormContext } from "react-hook-form";
 // src/hooks/misc/usePrevious.ts
@@ -43866,7 +44561,7 @@ var usePrevious = function(state) {
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
 import { useContext as useContext13, useMemo as useMemo14, useRef as useRef5, useEffect as useEffect6 } from "react";
 // src/components/textareas/TextareaBase/index.tsx
-import { c as _c39 } from "react-compiler-runtime";
+import { c as _c64 } from "react-compiler-runtime";
 import { forwardRef as forwardRef4 } from "react";
 import TextareaAutosize from "react-textarea-autosize";
 import { jsx as _jsx66, Fragment as _Fragment4, jsxs as _jsxs23 } from "react/jsx-runtime";
@@ -43936,7 +44631,7 @@ function _objectWithoutPropertiesLoose3(r, e) {
     return t;
 }
 var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
-    var $ = _c39(14);
+    var $ = _c64(14);
     var className;
     var rest;
     var style;
@@ -44056,15 +44751,26 @@ function _toPrimitive30(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-var Root5 = function(_ref) {
-    var children = _ref.children, style = _ref.style, className = _ref.className;
-    return /* @__PURE__ */ _jsx67(Flex21, {
-        flexGrow: "1",
-        pt: "4px",
-        style: style,
-        className: className,
-        children: children
-    });
+var Root5 = function(t0) {
+    var $ = _c65(4);
+    var children = t0.children, style = t0.style, className = t0.className;
+    var t1;
+    if ($[0] !== children || $[1] !== className || $[2] !== style) {
+        t1 = /* @__PURE__ */ _jsx67(Flex21, {
+            flexGrow: "1",
+            pt: "4px",
+            style: style,
+            className: className,
+            children: children
+        });
+        $[0] = children;
+        $[1] = className;
+        $[2] = style;
+        $[3] = t1;
+    } else {
+        t1 = $[3];
+    }
+    return t1;
 };
 var Input = function(props) {
     "use no memo";
@@ -44111,14 +44817,30 @@ var Input = function(props) {
     }));
 };
 var Control = function(props) {
-    return /* @__PURE__ */ _jsx67(Root5, _objectSpread30(_objectSpread30({}, props), {}, {
-        children: /* @__PURE__ */ _jsx67(Input, {})
-    }));
+    var $ = _c65(3);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ _jsx67(Input, {});
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] !== props) {
+        t1 = /* @__PURE__ */ _jsx67(Root5, _objectSpread30(_objectSpread30({}, props), {}, {
+            children: t0
+        }));
+        $[1] = props;
+        $[2] = t1;
+    } else {
+        t1 = $[2];
+    }
+    return t1;
 };
 Control.Root = Root5;
 Control.Input = Input;
 // src/components/threads/Thread/MessageForm/Field/Files/Preview.tsx
-import { c as _c40 } from "react-compiler-runtime";
+import { c as _c66 } 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 { FileIcon as FileIcon2, Cross2Icon } from "@radix-ui/react-icons";
 import { jsx as _jsx68, jsxs as _jsxs24 } from "react/jsx-runtime";
@@ -44166,7 +44888,7 @@ function _toPrimitive31(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Preview = function(props) {
-    var $ = _c40(8);
+    var $ = _c66(8);
     var _useMessageFormContext = useMessageFormContext(), files = _useMessageFormContext.files, setFiles = _useMessageFormContext.setFiles;
     if (!files.length) {
         return null;
@@ -44264,7 +44986,7 @@ import dayjs2 from "dayjs";
 import { FilePlusIcon } from "@radix-ui/react-icons";
 import { IconButton as IconButton7, Flex as Flex23 } from "@radix-ui/themes";
 // src/hooks/files/useCreateFile/index.ts
-import { c as _c41 } from "react-compiler-runtime";
+import { c as _c67 } from "react-compiler-runtime";
 import { useMutation as useMutation2, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
 // src/hooks/files/useCreateFile/lib/mutationOptions/mutationFn/body/formData.ts
 var formData = function(variables) {
@@ -44500,11 +45222,11 @@ function _toPrimitive34(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useCreateFile = function(t0) {
-    var $ = _c41(15);
+    var $ = _c67(15);
     var t1;
     if ($[0] !== t0) {
         t1 = t0 === void 0 ? {
-            onError: _temp4
+            onError: _temp5
         } : t0;
         $[0] = t0;
         $[1] = t1;
@@ -44514,7 +45236,7 @@ var useCreateFile = function(t0) {
     var t2 = t1.onError;
     var t3;
     if ($[2] !== t2) {
-        t3 = t2 === void 0 ? _temp22 : t2;
+        t3 = t2 === void 0 ? _temp23 : t2;
         $[2] = t2;
         $[3] = t3;
     } else {
@@ -44542,7 +45264,7 @@ var useCreateFile = function(t0) {
     }
     var props = useMutation2(t4);
     var t5;
-    if ($[9] !== props || $[10] !== threadContext.variables) {
+    if ($[9] !== props || $[10] !== threadContext) {
         t5 = function t52() {
             var _props;
             for(var _len = arguments.length, t62 = new Array(_len), _key = 0; _key < _len; _key++){
@@ -44555,7 +45277,7 @@ var useCreateFile = function(t0) {
             ].concat(_to_consumable_array(restArgs)));
         };
         $[9] = props;
-        $[10] = threadContext.variables;
+        $[10] = threadContext;
         $[11] = t5;
     } else {
         t5 = $[11];
@@ -44573,8 +45295,8 @@ var useCreateFile = function(t0) {
     }
     return t6;
 };
-function _temp4() {}
-function _temp22() {}
+function _temp5() {}
+function _temp23() {}
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
 import { jsx as _jsx69, jsxs as _jsxs25 } from "react/jsx-runtime";
 function ownKeys35(e, r) {
@@ -45026,63 +45748,107 @@ function _toPrimitive37(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MessageForm = function(props) {
-    return /* @__PURE__ */ _jsx71(Root4, _objectSpread37(_objectSpread37({}, props), {}, {
-        children: /* @__PURE__ */ _jsxs26(Field.Root, {
+    var $ = _c68(3);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ _jsxs26(Field.Root, {
             children: [
                 /* @__PURE__ */ _jsx71(Field.Control, {}),
                 /* @__PURE__ */ _jsx71(Submit, {})
             ]
-        })
-    }));
+        });
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] !== props) {
+        t1 = /* @__PURE__ */ _jsx71(Root4, _objectSpread37(_objectSpread37({}, props), {}, {
+            children: t0
+        }));
+        $[1] = props;
+        $[2] = t1;
+    } else {
+        t1 = $[2];
+    }
+    return t1;
 };
 MessageForm.Root = Root4;
 MessageForm.Field = Field;
 MessageForm.Submit = Submit;
 // src/components/threads/Thread/Root/index.tsx
+import { c as _c71 } from "react-compiler-runtime";
 import { Flex as Flex26 } from "@radix-ui/themes";
 // src/components/threads/Thread/Provider/index.tsx
 var Provider2 = SuperinterfaceProvider;
 // src/components/toasts/ToastsProvider/index.tsx
-import { c as _c42 } from "react-compiler-runtime";
+import { c as _c70 } from "react-compiler-runtime";
 import { useState as useState5, useCallback as useCallback4 } from "react";
 import * as Toast2 from "@radix-ui/react-toast";
 // src/components/toasts/ToastsProvider/CustomToast.tsx
+import { c as _c69 } 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 { CheckCircledIcon as CheckCircledIcon2, CrossCircledIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx72, jsxs as _jsxs27 } from "react/jsx-runtime";
-var CustomToast = function(_ref) {
-    var toast = _ref.toast;
-    return /* @__PURE__ */ _jsx72(Toast.Root, {
-        children: /* @__PURE__ */ _jsx72(Card3, {
-            children: /* @__PURE__ */ _jsx72(Toast.Title, {
-                children: /* @__PURE__ */ _jsxs27(Flex25, {
-                    children: [
-                        /* @__PURE__ */ _jsx72(Flex25, {
-                            pr: "2",
-                            height: "14px",
-                            align: "center",
-                            children: toast.type === "success" ? /* @__PURE__ */ _jsx72(CheckCircledIcon2, {
-                                color: "var(--accent-9)"
-                            }) : /* @__PURE__ */ _jsx72(CrossCircledIcon, {
-                                color: "var(--red-9)"
-                            })
-                        }),
-                        /* @__PURE__ */ _jsx72(Text8, {
-                            weight: "medium",
-                            size: "1",
-                            children: toast.message
-                        })
-                    ]
+var CustomToast = function(t0) {
+    var $ = _c69(7);
+    var toast = t0.toast;
+    var t1;
+    if ($[0] !== toast.type) {
+        t1 = /* @__PURE__ */ _jsx72(Flex25, {
+            pr: "2",
+            height: "14px",
+            align: "center",
+            children: toast.type === "success" ? /* @__PURE__ */ _jsx72(CheckCircledIcon2, {
+                color: "var(--accent-9)"
+            }) : /* @__PURE__ */ _jsx72(CrossCircledIcon, {
+                color: "var(--red-9)"
+            })
+        });
+        $[0] = toast.type;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== toast.message) {
+        t2 = /* @__PURE__ */ _jsx72(Text8, {
+            weight: "medium",
+            size: "1",
+            children: toast.message
+        });
+        $[2] = toast.message;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    var t3;
+    if ($[4] !== t1 || $[5] !== t2) {
+        t3 = /* @__PURE__ */ _jsx72(Toast.Root, {
+            children: /* @__PURE__ */ _jsx72(Card3, {
+                children: /* @__PURE__ */ _jsx72(Toast.Title, {
+                    children: /* @__PURE__ */ _jsxs27(Flex25, {
+                        children: [
+                            t1,
+                            t2
+                        ]
+                    })
                 })
             })
-        })
-    });
+        });
+        $[4] = t1;
+        $[5] = t2;
+        $[6] = t3;
+    } else {
+        t3 = $[6];
+    }
+    return t3;
 };
 // src/components/toasts/ToastsProvider/index.tsx
 import { jsx as _jsx73, jsxs as _jsxs28 } from "react/jsx-runtime";
 var ToastsProvider = function(t0) {
-    var $ = _c42(15);
+    var $ = _c70(15);
     var children = t0.children, t1 = t0.bottom;
     var bottom = t1 === void 0 ? 0 : t1;
     var t2;
@@ -45120,7 +45886,7 @@ var ToastsProvider = function(t0) {
     }
     var t5;
     if ($[4] !== toasts) {
-        t5 = Array.from(toasts).map(_temp5);
+        t5 = Array.from(toasts).map(_temp6);
         $[4] = toasts;
         $[5] = t5;
     } else {
@@ -45180,7 +45946,7 @@ var ToastsProvider = function(t0) {
     }
     return t8;
 };
-function _temp5(toast_0, index) {
+function _temp6(toast_0, index) {
     return /* @__PURE__ */ _jsx73(CustomToast, {
         toast: toast_0
     }, index);
@@ -45253,20 +46019,60 @@ function _objectWithoutPropertiesLoose4(r, e) {
     }
     return t;
 }
-var Root8 = function(_ref) {
-    var children = _ref.children, style = _ref.style, className = _ref.className, rest = _objectWithoutProperties4(_ref, _excluded4);
-    return /* @__PURE__ */ _jsx74(ToastsProvider, {
-        bottom: "var(--space-9)",
-        children: /* @__PURE__ */ _jsx74(Provider2, _objectSpread38(_objectSpread38({}, rest), {}, {
-            children: /* @__PURE__ */ _jsx74(Flex26, {
-                direction: "column",
-                flexGrow: "1",
-                className: className,
-                style: style,
-                children: children
-            })
-        }))
-    });
+var Root8 = function(t0) {
+    var $ = _c71(12);
+    var children;
+    var className;
+    var rest;
+    var style;
+    if ($[0] !== t0) {
+        var _t = t0;
+        var ref;
+        ref = _t, children = ref.children, style = ref.style, className = ref.className, ref;
+        rest = _objectWithoutProperties4(_t, _excluded4);
+        _t;
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = rest;
+        $[4] = style;
+    } else {
+        children = $[1];
+        className = $[2];
+        rest = $[3];
+        style = $[4];
+    }
+    var t1;
+    if ($[5] !== children || $[6] !== className || $[7] !== style) {
+        t1 = /* @__PURE__ */ _jsx74(Flex26, {
+            direction: "column",
+            flexGrow: "1",
+            className: className,
+            style: style,
+            children: children
+        });
+        $[5] = children;
+        $[6] = className;
+        $[7] = style;
+        $[8] = t1;
+    } else {
+        t1 = $[8];
+    }
+    var t2;
+    if ($[9] !== rest || $[10] !== t1) {
+        t2 = /* @__PURE__ */ _jsx74(ToastsProvider, {
+            bottom: "var(--space-9)",
+            children: /* @__PURE__ */ _jsx74(Provider2, _objectSpread38(_objectSpread38({}, rest), {}, {
+                children: t1
+            }))
+        });
+        $[9] = rest;
+        $[10] = t1;
+        $[11] = t2;
+    } else {
+        t2 = $[11];
+    }
+    return t2;
 };
 // src/components/threads/Thread/index.tsx
 import { jsx as _jsx75, jsxs as _jsxs29 } from "react/jsx-runtime";
@@ -45314,12 +46120,32 @@ function _toPrimitive39(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Thread = function(props) {
-    return /* @__PURE__ */ _jsxs29(Root8, _objectSpread39(_objectSpread39({}, props), {}, {
-        children: [
-            /* @__PURE__ */ _jsx75(Messages, {}),
-            /* @__PURE__ */ _jsx75(MessageForm, {})
-        ]
-    }));
+    var $ = _c72(4);
+    var t0;
+    var t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ _jsx75(Messages, {});
+        t1 = /* @__PURE__ */ _jsx75(MessageForm, {});
+        $[0] = t0;
+        $[1] = t1;
+    } else {
+        t0 = $[0];
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== props) {
+        t2 = /* @__PURE__ */ _jsxs29(Root8, _objectSpread39(_objectSpread39({}, props), {}, {
+            children: [
+                t0,
+                t1
+            ]
+        }));
+        $[2] = props;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    return t2;
 };
 Thread.Root = Root8;
 Thread.Messages = Messages;
@@ -45330,7 +46156,7 @@ var useMessageContext = function() {
     return useContext14(MessageContext);
 };
 // src/hooks/assistants/useAssistant/index.ts
-import { c as _c43 } from "react-compiler-runtime";
+import { c as _c73 } from "react-compiler-runtime";
 import { useMemo as useMemo15 } from "react";
 import { useQuery } from "@tanstack/react-query";
 // src/hooks/assistants/useAssistant/lib/queryOptions/index.ts
@@ -45480,7 +46306,7 @@ function _toPrimitive40(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useAssistant = function(t0) {
-    var $ = _c43(6);
+    var $ = _c73(6);
     var assistantId = t0.assistantId;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -45512,8 +46338,12 @@ var useAssistant = function(t0) {
     t2 = t4;
     return t2;
 };
+// src/components/threads/ThreadDialog/index.tsx
+import { c as _c80 } from "react-compiler-runtime";
+// src/components/threads/ThreadDialog/Root/index.tsx
+import { c as _c75 } from "react-compiler-runtime";
 // src/components/threads/ThreadDialog/Provider/index.tsx
-import { c as _c44 } from "react-compiler-runtime";
+import { c as _c74 } from "react-compiler-runtime";
 import { useState as useState6 } from "react";
 // src/contexts/threads/ThreadDialogContext/index.ts
 import { createContext as createContext12 } from "react";
@@ -45529,7 +46359,7 @@ var useThreadDialogContext = function() {
 // src/components/threads/ThreadDialog/Provider/index.tsx
 import { jsx as _jsx76 } from "react/jsx-runtime";
 var Provider4 = function(t0) {
-    var $ = _c44(5);
+    var $ = _c74(5);
     var children = t0.children;
     var threadDialogContext = useThreadDialogContext();
     var _useState6 = _sliced_to_array(useState6(threadDialogContext.isOpen), 2), isOpen = _useState6[0], setIsOpen = _useState6[1];
@@ -45560,16 +46390,26 @@ var Provider4 = function(t0) {
 };
 // src/components/threads/ThreadDialog/Root/index.tsx
 import { jsx as _jsx77 } from "react/jsx-runtime";
-var Root9 = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ _jsx77(Provider4, {
-        children: children
-    });
+var Root9 = function(t0) {
+    var $ = _c75(2);
+    var children = t0.children;
+    var t1;
+    if ($[0] !== children) {
+        t1 = /* @__PURE__ */ _jsx77(Provider4, {
+            children: children
+        });
+        $[0] = children;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    return t1;
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-import { c as _c45 } from "react-compiler-runtime";
+import { c as _c77 } from "react-compiler-runtime";
 import { Flex as Flex27 } from "@radix-ui/themes";
 // src/components/threads/ThreadDialog/Trigger/Button.tsx
+import { c as _c76 } from "react-compiler-runtime";
 import { IconButton as IconButton8 } from "@radix-ui/themes";
 import { ChatBubbleIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx78 } from "react/jsx-runtime";
@@ -45617,12 +46457,28 @@ function _toPrimitive41(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Button4 = function(props) {
-    return /* @__PURE__ */ _jsx78(IconButton8, _objectSpread41(_objectSpread41({
-        size: "4",
-        radius: "full"
-    }, props), {}, {
-        children: /* @__PURE__ */ _jsx78(ChatBubbleIcon, {})
-    }));
+    var $ = _c76(3);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ _jsx78(ChatBubbleIcon, {});
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] !== props) {
+        t1 = /* @__PURE__ */ _jsx78(IconButton8, _objectSpread41(_objectSpread41({
+            size: "4",
+            radius: "full"
+        }, props), {}, {
+            children: t0
+        }));
+        $[1] = props;
+        $[2] = t1;
+    } else {
+        t1 = $[2];
+    }
+    return t1;
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
 import { jsx as _jsx79 } from "react/jsx-runtime";
@@ -45670,7 +46526,7 @@ function _toPrimitive42(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root10 = function(t0) {
-    var $ = _c45(14);
+    var $ = _c77(14);
     var children = t0.children, style = t0.style, className = t0.className;
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
     var t1 = isOpen ? "none" : "flex";
@@ -45688,7 +46544,7 @@ var Root10 = function(t0) {
     var t3;
     if ($[2] !== setIsOpen) {
         t3 = function() {
-            return setIsOpen(_temp6);
+            return setIsOpen(_temp7);
         };
         $[2] = setIsOpen;
         $[3] = t3;
@@ -45741,25 +46597,41 @@ var Root10 = function(t0) {
     return t6;
 };
 var Trigger = function(args) {
-    return /* @__PURE__ */ _jsx79(Root10, _objectSpread42(_objectSpread42({}, args), {}, {
-        children: /* @__PURE__ */ _jsx79(Button4, {})
-    }));
+    var $ = _c77(3);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ _jsx79(Button4, {});
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] !== args) {
+        t1 = /* @__PURE__ */ _jsx79(Root10, _objectSpread42(_objectSpread42({}, args), {}, {
+            children: t0
+        }));
+        $[1] = args;
+        $[2] = t1;
+    } else {
+        t1 = $[2];
+    }
+    return t1;
 };
 Trigger.Root = Root10;
 Trigger.Button = Button4;
-function _temp6(prev) {
+function _temp7(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
-import { c as _c47 } from "react-compiler-runtime";
+import { c as _c79 } from "react-compiler-runtime";
 import { Card as Card4, Inset as Inset2, Flex as Flex29 } from "@radix-ui/themes";
 // src/components/threads/ThreadDialog/Close/index.tsx
-import { c as _c46 } from "react-compiler-runtime";
+import { c as _c78 } from "react-compiler-runtime";
 import { Cross1Icon } from "@radix-ui/react-icons";
 import { IconButton as IconButton9, Flex as Flex28 } from "@radix-ui/themes";
 import { jsx as _jsx80 } from "react/jsx-runtime";
 var Close = function() {
-    var $ = _c46(9);
+    var $ = _c78(9);
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
     var t0 = isOpen ? "flex" : "none";
     var t1;
@@ -45776,7 +46648,7 @@ var Close = function() {
     var t2;
     if ($[2] !== setIsOpen) {
         t2 = function() {
-            return setIsOpen(_temp7);
+            return setIsOpen(_temp8);
         };
         $[2] = setIsOpen;
         $[3] = t2;
@@ -45826,7 +46698,7 @@ var Close = function() {
     }
     return t5;
 };
-function _temp7(prev) {
+function _temp8(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
@@ -45875,7 +46747,7 @@ function _toPrimitive43(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root11 = function(t0) {
-    var $ = _c47(19);
+    var $ = _c79(19);
     var children = t0.children, className = t0.className, style = t0.style;
     var isOpen = useThreadDialogContext().isOpen;
     if (!isOpen) {
@@ -46021,41 +46893,93 @@ var Root11 = function(t0) {
     }
     return t13;
 };
-var Messages2 = function(_ref) {
-    var className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ _jsx81(Thread.Messages, {
-        className: className,
-        style: _objectSpread43({
+var Messages2 = function(t0) {
+    var $ = _c79(5);
+    var className = t0.className, style = t0.style;
+    var t1;
+    if ($[0] !== style) {
+        t1 = _objectSpread43({
             paddingTop: "var(--space-5)",
             paddingRight: "var(--space-5)",
             paddingLeft: "var(--space-5)"
-        }, style)
-    });
+        }, style);
+        $[0] = style;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== className || $[3] !== t1) {
+        t2 = /* @__PURE__ */ _jsx81(Thread.Messages, {
+            className: className,
+            style: t1
+        });
+        $[2] = className;
+        $[3] = t1;
+        $[4] = t2;
+    } else {
+        t2 = $[4];
+    }
+    return t2;
 };
-var FormContainer = function(_ref2) {
-    var children = _ref2.children, className = _ref2.className, style = _ref2.style;
-    return /* @__PURE__ */ _jsx81(Flex29, {
-        direction: "column",
-        pl: "5",
-        pr: "5",
-        pb: "3",
-        flexShrink: "0",
-        className: className,
-        style: style,
-        children: children
-    });
+var FormContainer = function(t0) {
+    var $ = _c79(4);
+    var children = t0.children, className = t0.className, style = t0.style;
+    var t1;
+    if ($[0] !== children || $[1] !== className || $[2] !== style) {
+        t1 = /* @__PURE__ */ _jsx81(Flex29, {
+            direction: "column",
+            pl: "5",
+            pr: "5",
+            pb: "3",
+            flexShrink: "0",
+            className: className,
+            style: style,
+            children: children
+        });
+        $[0] = children;
+        $[1] = className;
+        $[2] = style;
+        $[3] = t1;
+    } else {
+        t1 = $[3];
+    }
+    return t1;
 };
 var Content7 = function(props) {
-    return /* @__PURE__ */ _jsx81(Root11, _objectSpread43(_objectSpread43({}, props), {}, {
-        children: /* @__PURE__ */ _jsxs30(Thread.Root, {
+    var $ = _c79(4);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ _jsx81(Messages2, {});
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = /* @__PURE__ */ _jsxs30(Thread.Root, {
             children: [
-                /* @__PURE__ */ _jsx81(Messages2, {}),
+                t0,
                 /* @__PURE__ */ _jsx81(FormContainer, {
                     children: /* @__PURE__ */ _jsx81(Thread.MessageForm, {})
                 })
             ]
-        })
-    }));
+        });
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== props) {
+        t2 = /* @__PURE__ */ _jsx81(Root11, _objectSpread43(_objectSpread43({}, props), {}, {
+            children: t1
+        }));
+        $[2] = props;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    return t2;
 };
 Content7.Root = Root11;
 Content7.Messages = Messages2;
@@ -46063,18 +46987,30 @@ Content7.FormContainer = FormContainer;
 // src/components/threads/ThreadDialog/index.tsx
 import { jsx as _jsx82, jsxs as _jsxs31 } from "react/jsx-runtime";
 var ThreadDialog = function() {
-    return /* @__PURE__ */ _jsxs31(Root9, {
-        children: [
-            /* @__PURE__ */ _jsx82(Content7, {}),
-            /* @__PURE__ */ _jsx82(Trigger, {})
-        ]
-    });
+    var $ = _c80(1);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ _jsxs31(Root9, {
+            children: [
+                /* @__PURE__ */ _jsx82(Content7, {}),
+                /* @__PURE__ */ _jsx82(Trigger, {})
+            ]
+        });
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    return t0;
 };
 ThreadDialog.Root = Root9;
 ThreadDialog.Trigger = Trigger;
 ThreadDialog.Content = Content7;
+// src/components/threads/AudioThreadDialog/index.tsx
+import { c as _c95 } from "react-compiler-runtime";
+// src/components/threads/AudioThread/index.tsx
+import { c as _c94 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/Root/index.tsx
-import { c as _c53 } from "react-compiler-runtime";
+import { c as _c86 } from "react-compiler-runtime";
 import { Flex as Flex30 } from "@radix-ui/themes";
 // src/contexts/threads/AudioThreadContext/index.ts
 import { createContext as createContext13 } from "react";
@@ -46087,12 +47023,12 @@ var useAudioThreadContext = function() {
     return useContext16(AudioThreadContext);
 };
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
-import { c as _c52 } from "react-compiler-runtime";
+import { c as _c85 } from "react-compiler-runtime";
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
-import { c as _c51 } from "react-compiler-runtime";
+import { c as _c84 } from "react-compiler-runtime";
 import { useMemo as useMemo18 } from "react";
 // src/hooks/misc/usePermission/index.ts
-import { c as _c48 } from "react-compiler-runtime";
+import { c as _c81 } from "react-compiler-runtime";
 import { useEffect as useEffect7, useState as useState7 } from "react";
 // src/hooks/misc/usePermission/util.ts
 var noop = function() {};
@@ -46116,7 +47052,7 @@ function off(obj) {
 }
 // src/hooks/misc/usePermission/index.ts
 var usePermission = function(permissionDesc) {
-    var $ = _c48(3);
+    var $ = _c81(3);
     var _useState7 = _sliced_to_array(useState7(""), 2), state = _useState7[0], setState = _useState7[1];
     var t0;
     var t1;
@@ -46165,11 +47101,11 @@ import { useAudioCapture } from "use-audio-capture";
 import { useMemo as useMemo16, useRef as useRef7, useState as useState8, useCallback as useCallback5, useEffect as useEffect9 } from "react";
 import { useAudioPlayer } from "react-use-audio-player";
 // src/hooks/misc/useInterval.ts
-import { c as _c49 } from "react-compiler-runtime";
+import { c as _c82 } from "react-compiler-runtime";
 import { useEffect as useEffect8, useRef as useRef6 } from "react";
 var useInterval = function(callback, delay) {
-    var $ = _c49(5);
-    var savedCallback = useRef6(_temp8);
+    var $ = _c82(5);
+    var savedCallback = useRef6(_temp9);
     var t0;
     if ($[0] !== callback) {
         t0 = function() {
@@ -46206,7 +47142,7 @@ var useInterval = function(callback, delay) {
     }
     useEffect8(t1, t2);
 };
-function _temp8() {}
+function _temp9() {}
 // src/hooks/audioThreads/useRecorder/index.ts
 function ownKeys44(e, r) {
     var t = Object.keys(e);
@@ -46421,7 +47357,7 @@ var useRecorder = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-import { c as _c50 } from "react-compiler-runtime";
+import { c as _c83 } from "react-compiler-runtime";
 import { useMemo as useMemo17, useRef as useRef8, useState as useState9, useEffect as useEffect10, useCallback as useCallback6 } from "react";
 import nlp from "compromise";
 import { Howler } from "howler";
@@ -46504,7 +47440,7 @@ var getMessageSentences = function(_ref) {
 };
 var useMessageAudio = function(t0) {
     var _latestMessageProps$l;
-    var $ = _c50(50);
+    var $ = _c83(49);
     var _onEnd = t0.onEnd, passedPlay = t0.play;
     var _useState9 = _sliced_to_array(useState9(false), 2), isAudioPlayed = _useState9[0], setIsAudioPlayed = _useState9[1];
     var t1;
@@ -46608,7 +47544,7 @@ var useMessageAudio = function(t0) {
     }
     var unplayedMessageSentences = t3;
     var t4;
-    if ($[12] !== audioPlayer || $[13] !== isAudioPlayed || $[14] !== nextAudioPlayer || $[15] !== superinterfaceContext.baseUrl || $[16] !== superinterfaceContext.variables || $[17] !== unplayedMessageSentences) {
+    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({
@@ -46644,19 +47580,18 @@ var useMessageAudio = function(t0) {
         $[12] = audioPlayer;
         $[13] = isAudioPlayed;
         $[14] = nextAudioPlayer;
-        $[15] = superinterfaceContext.baseUrl;
-        $[16] = superinterfaceContext.variables;
-        $[17] = unplayedMessageSentences;
-        $[18] = t4;
+        $[15] = superinterfaceContext;
+        $[16] = unplayedMessageSentences;
+        $[17] = t4;
     } else {
-        t4 = $[18];
+        t4 = $[17];
     }
     var defaultPlay = t4;
     var t5;
     t5 = passedPlay || defaultPlay;
     var play = t5;
     var t6;
-    if ($[19] !== audioPlayer.playing || $[20] !== isPlaying || $[21] !== latestMessageProps.latestMessage || $[22] !== _onEnd || $[23] !== play || $[24] !== unplayedMessageSentences) {
+    if ($[18] !== audioPlayer.playing || $[19] !== isPlaying || $[20] !== latestMessageProps.latestMessage || $[21] !== _onEnd || $[22] !== play || $[23] !== unplayedMessageSentences) {
         t6 = function() {
             if (isPlaying) {
                 return;
@@ -46708,18 +47643,18 @@ var useMessageAudio = function(t0) {
                 }
             });
         };
-        $[19] = audioPlayer.playing;
-        $[20] = isPlaying;
-        $[21] = latestMessageProps.latestMessage;
-        $[22] = _onEnd;
-        $[23] = play;
-        $[24] = unplayedMessageSentences;
-        $[25] = t6;
+        $[18] = audioPlayer.playing;
+        $[19] = isPlaying;
+        $[20] = latestMessageProps.latestMessage;
+        $[21] = _onEnd;
+        $[22] = play;
+        $[23] = unplayedMessageSentences;
+        $[24] = t6;
     } else {
-        t6 = $[25];
+        t6 = $[24];
     }
     var t7;
-    if ($[26] !== audioPlayer || $[27] !== isPlaying || $[28] !== latestMessageProps || $[29] !== nextAudioPlayer || $[30] !== _onEnd || $[31] !== play || $[32] !== playedMessageSentences || $[33] !== superinterfaceContext || $[34] !== unplayedMessageSentences) {
+    if ($[25] !== audioPlayer || $[26] !== isPlaying || $[27] !== latestMessageProps || $[28] !== nextAudioPlayer || $[29] !== _onEnd || $[30] !== play || $[31] !== playedMessageSentences || $[32] !== superinterfaceContext || $[33] !== unplayedMessageSentences) {
         t7 = [
             unplayedMessageSentences,
             isPlaying,
@@ -46731,35 +47666,35 @@ var useMessageAudio = function(t0) {
             _onEnd,
             play
         ];
-        $[26] = audioPlayer;
-        $[27] = isPlaying;
-        $[28] = latestMessageProps;
-        $[29] = nextAudioPlayer;
-        $[30] = _onEnd;
-        $[31] = play;
-        $[32] = playedMessageSentences;
-        $[33] = superinterfaceContext;
-        $[34] = unplayedMessageSentences;
-        $[35] = t7;
+        $[25] = audioPlayer;
+        $[26] = isPlaying;
+        $[27] = latestMessageProps;
+        $[28] = nextAudioPlayer;
+        $[29] = _onEnd;
+        $[30] = play;
+        $[31] = playedMessageSentences;
+        $[32] = superinterfaceContext;
+        $[33] = unplayedMessageSentences;
+        $[34] = t7;
     } else {
-        t7 = $[35];
+        t7 = $[34];
     }
     useEffect10(t6, t7);
     var t8;
-    if ($[36] !== audioPlayer) {
+    if ($[35] !== audioPlayer) {
         t8 = [
             audioPlayer
         ];
-        $[36] = audioPlayer;
-        $[37] = t8;
+        $[35] = audioPlayer;
+        $[36] = t8;
     } else {
-        t8 = $[37];
+        t8 = $[36];
     }
-    useEffect10(_temp9, t8);
+    useEffect10(_temp10, t8);
     var _useState94 = _sliced_to_array(useState9(null), 2), audioEngine = _useState94[0], setAudioEngine = _useState94[1];
     var isAudioEngineInited = useRef8(false);
     var t9;
-    if ($[38] !== audioPlayer.playing) {
+    if ($[37] !== audioPlayer.playing) {
         t9 = function() {
             if (!audioPlayer.playing) {
                 return;
@@ -46781,21 +47716,21 @@ var useMessageAudio = function(t0) {
                 });
             }
         };
-        $[38] = audioPlayer.playing;
-        $[39] = t9;
+        $[37] = audioPlayer.playing;
+        $[38] = t9;
     } else {
-        t9 = $[39];
+        t9 = $[38];
     }
     var t10;
-    if ($[40] !== audioPlayer) {
+    if ($[39] !== audioPlayer) {
         t10 = [
             audioPlayer,
             isAudioEngineInited
         ];
-        $[40] = audioPlayer;
-        $[41] = t10;
+        $[39] = audioPlayer;
+        $[40] = t10;
     } else {
-        t10 = $[41];
+        t10 = $[40];
     }
     useEffect10(t9, t10);
     var t11;
@@ -46805,15 +47740,15 @@ var useMessageAudio = function(t0) {
             break bb1;
         }
         var result;
-        if ($[42] !== audioEngine.audioContext || $[43] !== audioEngine.source) {
+        if ($[41] !== audioEngine.audioContext || $[42] !== audioEngine.source) {
             result = audioEngine.audioContext.createAnalyser();
             audioEngine.source.connect(audioEngine.audioContext.destination);
             audioEngine.source.connect(result);
-            $[42] = audioEngine.audioContext;
-            $[43] = audioEngine.source;
-            $[44] = result;
+            $[41] = audioEngine.audioContext;
+            $[42] = audioEngine.source;
+            $[43] = result;
         } else {
-            result = $[44];
+            result = $[43];
         }
         t11 = result;
     }
@@ -46822,24 +47757,24 @@ var useMessageAudio = function(t0) {
     t12 = isPlaying || unplayedMessageSentences.length > 0 || ((_latestMessageProps$l = latestMessageProps.latestMessage) === null || _latestMessageProps$l === void 0 ? void 0 : _latestMessageProps$l.status) === "in_progress";
     var isPending = t12;
     var t13;
-    if ($[45] !== audioPlayer || $[46] !== isAudioPlayed || $[47] !== isPending || $[48] !== visualizationAnalyser) {
+    if ($[44] !== audioPlayer || $[45] !== isAudioPlayed || $[46] !== isPending || $[47] !== visualizationAnalyser) {
         t13 = _objectSpread45(_objectSpread45({
             isPending: isPending,
             isAudioPlayed: isAudioPlayed
         }, audioPlayer), {}, {
             visualizationAnalyser: visualizationAnalyser
         });
-        $[45] = audioPlayer;
-        $[46] = isAudioPlayed;
-        $[47] = isPending;
-        $[48] = visualizationAnalyser;
-        $[49] = t13;
+        $[44] = audioPlayer;
+        $[45] = isAudioPlayed;
+        $[46] = isPending;
+        $[47] = visualizationAnalyser;
+        $[48] = t13;
     } else {
-        t13 = $[49];
+        t13 = $[48];
     }
     return t13;
 };
-function _temp9() {
+function _temp10() {
     if (isHtmlAudioSupported) {
         var _Howler$_howls$;
         if (!(Howler !== null && Howler !== void 0 && (_Howler$_howls$ = Howler._howls[0]) !== null && _Howler$_howls$ !== void 0 && (_Howler$_howls$ = _Howler$_howls$._sounds[0]) !== null && _Howler$_howls$ !== void 0 && _Howler$_howls$._node)) {
@@ -46885,7 +47820,7 @@ function _asyncToGenerator11(n) {
     };
 }
 var useTtsAudioRuntime = function(t0) {
-    var $ = _c51(30);
+    var $ = _c84(30);
     var play = t0.play;
     var addToast = useToasts().addToast;
     var queryClient = useQueryClient6();
@@ -46914,7 +47849,7 @@ var useTtsAudioRuntime = function(t0) {
     if ($[1] !== createMessageProps) {
         t2 = {
             isStopOnSilence: true,
-            onStart: _temp10,
+            onStart: _temp11,
             onStop: function() {
                 var _onStop = _asyncToGenerator11(function(_event, chunks) {
                     var blob, audioContent;
@@ -46978,12 +47913,6 @@ var useTtsAudioRuntime = function(t0) {
     }
     var messageAudioProps = useMessageAudio(t4);
     recorderProps;
-    recorderProps;
-    recorderProps;
-    recorderProps;
-    recorderProps;
-    recorderProps;
-    recorderProps;
     var t5;
     var t6;
     if ($[9] !== createMessageProps.isPending || $[10] !== recorderProps.pause || $[11] !== recorderProps.resume || $[12] !== recorderProps.start || $[13] !== recorderProps.status || $[14] !== recorderProps.stop || $[15] !== recorderProps.visualizationAnalyser) {
@@ -47051,23 +47980,23 @@ var useTtsAudioRuntime = function(t0) {
     t5 = t8;
     return t5;
 };
-function _temp10() {
-    return _temp23.apply(this, arguments);
+function _temp11() {
+    return _temp24.apply(this, arguments);
 }
-function _temp23() {
-    _temp23 = _asyncToGenerator11(function() {
+function _temp24() {
+    _temp24 = _asyncToGenerator11(function() {
         return _ts_generator(this, function(_state) {
             return [
                 2
             ];
         });
     });
-    return _temp23.apply(this, arguments);
+    return _temp24.apply(this, arguments);
 }
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
 import { jsx as _jsx83 } from "react/jsx-runtime";
 var TtsAudioRuntimeProvider = function(t0) {
-    var $ = _c52(7);
+    var $ = _c85(7);
     var children = t0.children, play = t0.play;
     var t1;
     if ($[0] !== play) {
@@ -47176,19 +48105,30 @@ function _objectWithoutPropertiesLoose5(r, e) {
     }
     return t;
 }
-var Content8 = function(_ref) {
-    var children = _ref.children, className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ _jsx84(Flex30, {
-        direction: "column",
-        flexGrow: "1",
-        p: "9",
-        className: className,
-        style: style,
-        children: children
-    });
+var Content8 = function(t0) {
+    var $ = _c86(4);
+    var children = t0.children, className = t0.className, style = t0.style;
+    var t1;
+    if ($[0] !== children || $[1] !== className || $[2] !== style) {
+        t1 = /* @__PURE__ */ _jsx84(Flex30, {
+            direction: "column",
+            flexGrow: "1",
+            p: "9",
+            className: className,
+            style: style,
+            children: children
+        });
+        $[0] = children;
+        $[1] = className;
+        $[2] = style;
+        $[3] = t1;
+    } else {
+        t1 = $[3];
+    }
+    return t1;
 };
 var AudioRuntimeProvider = function(t0) {
-    var $ = _c53(3);
+    var $ = _c86(3);
     var children = t0.children, play = t0.play;
     var audioThreadContext = useAudioThreadContext();
     if (audioThreadContext.audioRuntime) {
@@ -47209,7 +48149,7 @@ var AudioRuntimeProvider = function(t0) {
     return t1;
 };
 var Provider5 = function(t0) {
-    var $ = _c53(9);
+    var $ = _c86(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -47248,23 +48188,76 @@ var Provider5 = function(t0) {
     }
     return t2;
 };
-var Root12 = function(_ref2) {
-    var children = _ref2.children, play = _ref2.play, className = _ref2.className, style = _ref2.style, rest = _objectWithoutProperties5(_ref2, _excluded22);
-    return /* @__PURE__ */ _jsx84(Provider5, _objectSpread46(_objectSpread46({}, rest), {}, {
-        children: /* @__PURE__ */ _jsx84(AudioRuntimeProvider, {
-            play: play,
-            children: /* @__PURE__ */ _jsx84(ToastsProvider, {
-                children: /* @__PURE__ */ _jsx84(Content8, {
-                    className: className,
-                    style: style,
-                    children: children
-                })
+var Root12 = function(t0) {
+    var $ = _c86(16);
+    var children;
+    var className;
+    var play;
+    var rest;
+    var style;
+    if ($[0] !== t0) {
+        var _t2 = t0;
+        var ref;
+        ref = _t2, children = ref.children, play = ref.play, className = ref.className, style = ref.style, ref;
+        rest = _objectWithoutProperties5(_t2, _excluded22);
+        _t2;
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = play;
+        $[4] = rest;
+        $[5] = style;
+    } else {
+        children = $[1];
+        className = $[2];
+        play = $[3];
+        rest = $[4];
+        style = $[5];
+    }
+    var t1;
+    if ($[6] !== children || $[7] !== className || $[8] !== style) {
+        t1 = /* @__PURE__ */ _jsx84(ToastsProvider, {
+            children: /* @__PURE__ */ _jsx84(Content8, {
+                className: className,
+                style: style,
+                children: children
             })
-        })
-    }));
+        });
+        $[6] = children;
+        $[7] = className;
+        $[8] = style;
+        $[9] = t1;
+    } else {
+        t1 = $[9];
+    }
+    var t2;
+    if ($[10] !== play || $[11] !== t1) {
+        t2 = /* @__PURE__ */ _jsx84(AudioRuntimeProvider, {
+            play: play,
+            children: t1
+        });
+        $[10] = play;
+        $[11] = t1;
+        $[12] = t2;
+    } else {
+        t2 = $[12];
+    }
+    var t3;
+    if ($[13] !== rest || $[14] !== t2) {
+        t3 = /* @__PURE__ */ _jsx84(Provider5, _objectSpread46(_objectSpread46({}, rest), {}, {
+            children: t2
+        }));
+        $[13] = rest;
+        $[14] = t2;
+        $[15] = t3;
+    } else {
+        t3 = $[15];
+    }
+    return t3;
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-import { useContext as useContext17, useState as useState11, useCallback as useCallback8, useEffect as useEffect12 } from "react";
+import { c as _c88 } from "react-compiler-runtime";
+import { useState as useState11, useCallback as useCallback8, useEffect as useEffect12, useContext as useContext17, createContext as createContext14 } from "react";
 import _9 from "lodash";
 import { Flex as Flex32 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
@@ -47332,10 +48325,10 @@ var BarsVisualizer = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-import { c as _c54 } from "react-compiler-runtime";
+import { c as _c87 } from "react-compiler-runtime";
 import { useMemo as useMemo19 } from "react";
 var useStatus = function() {
-    var $ = _c54(2);
+    var $ = _c87(2);
     var audioRuntime = useAudioThreadContext().audioRuntime;
     var t0;
     bb0: {
@@ -47384,6 +48377,18 @@ var useStatus = function() {
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
 import { jsx as _jsx86, jsxs as _jsxs32 } from "react/jsx-runtime";
+var _excluded6 = [
+    "children"
+];
+var _excluded23 = [
+    "height",
+    "barWidth"
+];
+var _excluded32 = [
+    "children",
+    "height",
+    "width"
+];
 function ownKeys47(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -47427,13 +48432,33 @@ function _toPrimitive47(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-var Visualization = function(props) {
-    var status = useStatus().status;
+function _objectWithoutProperties6(e, t) {
+    if (null == e) return {};
+    var o, r, i = _objectWithoutPropertiesLoose6(e, t);
+    if (Object.getOwnPropertySymbols) {
+        var n = Object.getOwnPropertySymbols(e);
+        for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    }
+    return i;
+}
+function _objectWithoutPropertiesLoose6(r, e) {
+    if (null == r) return {};
+    var t = {};
+    for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
+        if (-1 !== e.indexOf(n)) continue;
+        t[n] = r[n];
+    }
+    return t;
+}
+var AudioThreadVisualizationContext = /* @__PURE__ */ createContext14({
+    scale: 0
+});
+var Provider6 = function(_ref) {
+    var children = _ref.children;
     var audioThreadContext = useAudioThreadContext();
-    var assistantNameContext = useContext17(AssistantNameContext);
     var _useState11 = _sliced_to_array(useState11(0), 2), scale = _useState11[0], setScale = _useState11[1];
-    var draw = useCallback8(function(_ref) {
-        var visualizationAnalyser = _ref.visualizationAnalyser;
+    var draw = useCallback8(function(_ref2) {
+        var visualizationAnalyser = _ref2.visualizationAnalyser;
         if (!visualizationAnalyser) {
             setScale(1);
             return;
@@ -47455,48 +48480,266 @@ var Visualization = function(props) {
         draw,
         audioThreadContext
     ]);
-    return /* @__PURE__ */ _jsxs32(Flex32, _objectSpread47(_objectSpread47({
-        direction: "column",
-        align: "center",
-        justify: "center",
-        mb: "3",
-        flexGrow: "1"
-    }, props), {}, {
-        children: [
-            /* @__PURE__ */ _jsx86(Flex32, {
+    return /* @__PURE__ */ _jsx86(AudioThreadVisualizationContext.Provider, {
+        value: {
+            scale: scale
+        },
+        children: children
+    });
+};
+var Root13 = function(t0) {
+    var $ = _c88(6);
+    var children;
+    var rest;
+    if ($[0] !== t0) {
+        var _t = t0;
+        children = _t.children;
+        rest = _objectWithoutProperties6(_t, _excluded6);
+        _t;
+        $[0] = t0;
+        $[1] = children;
+        $[2] = rest;
+    } else {
+        children = $[1];
+        rest = $[2];
+    }
+    var t1;
+    if ($[3] !== children || $[4] !== rest) {
+        t1 = /* @__PURE__ */ _jsx86(Provider6, {
+            children: /* @__PURE__ */ _jsx86(Flex32, _objectSpread47(_objectSpread47({
+                direction: "column",
                 align: "center",
                 justify: "center",
-                height: "200px",
-                width: "200px",
-                style: {
-                    backgroundColor: status === "playing" ? "var(--accent-4)" : "var(--gray-4)",
-                    borderRadius: "9999px",
-                    scale: scale
-                },
-                children: /* @__PURE__ */ _jsx86(BarsVisualizer, {
-                    visualizationAnalyser: audioThreadContext.audioRuntime.assistant.visualizationAnalyser,
-                    backgroundColor: status === "playing" ? "var(--accent-11)" : "var(--gray-11)",
-                    height: "40px",
-                    barWidth: "24px"
-                })
-            }),
-            /* @__PURE__ */ _jsxs32(Flex32, {
-                ml: "-22.5px",
-                gap: "3",
-                pt: "5",
-                children: [
-                    /* @__PURE__ */ _jsx86(AssistantAvatar, {}),
-                    /* @__PURE__ */ _jsx86(Name, {
-                        children: assistantNameContext
-                    })
-                ]
-            })
-        ]
-    }));
+                mb: "3",
+                flexGrow: "1"
+            }, rest), {}, {
+                children: children
+            }))
+        });
+        $[3] = children;
+        $[4] = rest;
+        $[5] = t1;
+    } else {
+        t1 = $[5];
+    }
+    return t1;
+};
+var BarsVisualizer2 = function(t0) {
+    var $ = _c88(10);
+    var rest;
+    var t1;
+    var t2;
+    if ($[0] !== t0) {
+        var _t2 = t0;
+        var ref;
+        ref = _t2, t1 = ref.height, t2 = ref.barWidth, ref;
+        rest = _objectWithoutProperties6(_t2, _excluded23);
+        _t2;
+        $[0] = t0;
+        $[1] = rest;
+        $[2] = t1;
+        $[3] = t2;
+    } else {
+        rest = $[1];
+        t1 = $[2];
+        t2 = $[3];
+    }
+    var height = t1 === void 0 ? "40px" : t1;
+    var barWidth = t2 === void 0 ? "24px" : t2;
+    var status = useStatus().status;
+    var audioThreadContext = useAudioThreadContext();
+    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__ */ _jsx86(BarsVisualizer, _objectSpread47({
+            visualizationAnalyser: audioThreadContext.audioRuntime.assistant.visualizationAnalyser,
+            backgroundColor: t3,
+            height: height,
+            barWidth: barWidth
+        }, rest));
+        $[4] = audioThreadContext.audioRuntime.assistant.visualizationAnalyser;
+        $[5] = barWidth;
+        $[6] = height;
+        $[7] = rest;
+        $[8] = t3;
+        $[9] = t4;
+    } else {
+        t4 = $[9];
+    }
+    return t4;
+};
+var AssistantVisualizationRoot = function(t0) {
+    var $ = _c88(17);
+    var children;
+    var rest;
+    var t1;
+    var t2;
+    if ($[0] !== t0) {
+        var _t3 = t0;
+        var ref;
+        ref = _t3, children = ref.children, t1 = ref.height, t2 = ref.width, ref;
+        rest = _objectWithoutProperties6(_t3, _excluded32);
+        _t3;
+        $[0] = t0;
+        $[1] = children;
+        $[2] = rest;
+        $[3] = t1;
+        $[4] = t2;
+    } else {
+        children = $[1];
+        rest = $[2];
+        t1 = $[3];
+        t2 = $[4];
+    }
+    var height = t1 === void 0 ? "200px" : t1;
+    var width2 = t2 === void 0 ? "200px" : t2;
+    var status = useStatus().status;
+    var scale = useContext17(AudioThreadVisualizationContext).scale;
+    var t3 = status === "playing" ? "var(--accent-4)" : "var(--gray-4)";
+    var t4;
+    if ($[5] !== rest.style) {
+        var _rest$style;
+        t4 = (_rest$style = rest.style) !== null && _rest$style !== void 0 ? _rest$style : {};
+        $[5] = rest.style;
+        $[6] = t4;
+    } else {
+        t4 = $[6];
+    }
+    var t5;
+    if ($[7] !== scale || $[8] !== t3 || $[9] !== t4) {
+        t5 = _objectSpread47({
+            backgroundColor: t3,
+            borderRadius: "9999px",
+            scale: scale
+        }, t4);
+        $[7] = scale;
+        $[8] = t3;
+        $[9] = t4;
+        $[10] = t5;
+    } else {
+        t5 = $[10];
+    }
+    var t6;
+    if ($[11] !== children || $[12] !== height || $[13] !== rest || $[14] !== t5 || $[15] !== width2) {
+        t6 = /* @__PURE__ */ _jsx86(Flex32, _objectSpread47(_objectSpread47({
+            align: "center",
+            justify: "center",
+            height: height,
+            width: width2,
+            style: t5
+        }, rest), {}, {
+            children: children
+        }));
+        $[11] = children;
+        $[12] = height;
+        $[13] = rest;
+        $[14] = t5;
+        $[15] = width2;
+        $[16] = t6;
+    } else {
+        t6 = $[16];
+    }
+    return t6;
 };
+var AssistantVisualization = function(props) {
+    var $ = _c88(3);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ _jsx86(BarsVisualizer2, {});
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] !== props) {
+        t1 = /* @__PURE__ */ _jsx86(AssistantVisualizationRoot, _objectSpread47(_objectSpread47({}, props), {}, {
+            children: t0
+        }));
+        $[1] = props;
+        $[2] = t1;
+    } else {
+        t1 = $[2];
+    }
+    return t1;
+};
+AssistantVisualization.Root = AssistantVisualizationRoot;
+AssistantVisualization.BarsVisualizer = BarsVisualizer2;
+var AssistantInfo = function(props) {
+    var $ = _c88(6);
+    var assistantNameContext = useContext17(AssistantNameContext);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ _jsx86(AssistantAvatar, {});
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] !== assistantNameContext) {
+        t1 = /* @__PURE__ */ _jsx86(Name, {
+            children: assistantNameContext
+        });
+        $[1] = assistantNameContext;
+        $[2] = t1;
+    } else {
+        t1 = $[2];
+    }
+    var t2;
+    if ($[3] !== props || $[4] !== t1) {
+        t2 = /* @__PURE__ */ _jsxs32(Flex32, _objectSpread47(_objectSpread47({
+            ml: "-22.5px",
+            gap: "3",
+            pt: "5"
+        }, props), {}, {
+            children: [
+                t0,
+                t1
+            ]
+        }));
+        $[3] = props;
+        $[4] = t1;
+        $[5] = t2;
+    } else {
+        t2 = $[5];
+    }
+    return t2;
+};
+var Visualization = function(props) {
+    var $ = _c88(4);
+    var t0;
+    var t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ _jsx86(AssistantVisualization, {});
+        t1 = /* @__PURE__ */ _jsx86(AssistantInfo, {});
+        $[0] = t0;
+        $[1] = t1;
+    } else {
+        t0 = $[0];
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== props) {
+        t2 = /* @__PURE__ */ _jsxs32(Root13, _objectSpread47(_objectSpread47({}, props), {}, {
+            children: [
+                t0,
+                t1
+            ]
+        }));
+        $[2] = props;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    return t2;
+};
+Visualization.Root = Root13;
+Visualization.Provider = Provider6;
+Visualization.AssistantVisualization = AssistantVisualization;
+Visualization.AssistantInfo = AssistantInfo;
 // src/components/threads/AudioThread/Status/index.tsx
-import { c as _c55 } from "react-compiler-runtime";
+import { c as _c90 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
+import { c as _c89 } from "react-compiler-runtime";
 import { Flex as Flex33, Text as Text9 } from "@radix-ui/themes";
 import { jsx as _jsx87, jsxs as _jsxs33 } from "react/jsx-runtime";
 var html = function(_ref) {
@@ -47505,29 +48748,64 @@ var html = function(_ref) {
         return "\n      ".concat(i * 100 / texts.length, '% {\n        content: "').concat(texts[i], '";\n      }\n    ');
     }).join(""), "\n  }");
 };
-var StatusMessages = function(_ref2) {
-    var texts = _ref2.texts, className = _ref2.className, style = _ref2.style;
-    return /* @__PURE__ */ _jsxs33(Flex33, {
-        justify: "center",
-        pb: "5",
-        className: className,
-        style: style,
-        children: [
-            /* @__PURE__ */ _jsx87(Text9, {
-                size: "2",
-                weight: "regular",
-                color: "gray",
-                className: "status-messages-texts"
-            }),
-            /* @__PURE__ */ _jsx87("style", {
-                dangerouslySetInnerHTML: {
-                    __html: html({
-                        texts: texts
-                    })
-                }
-            })
-        ]
-    });
+var StatusMessages = function(t0) {
+    var $ = _c89(9);
+    var texts = t0.texts, className = t0.className, style = t0.style;
+    var t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = /* @__PURE__ */ _jsx87(Text9, {
+            size: "2",
+            weight: "regular",
+            color: "gray",
+            className: "status-messages-texts",
+            align: "center"
+        });
+        $[0] = t1;
+    } else {
+        t1 = $[0];
+    }
+    var t2;
+    if ($[1] !== texts) {
+        t2 = html({
+            texts: texts
+        });
+        $[1] = texts;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    var t3;
+    if ($[3] !== t2) {
+        t3 = /* @__PURE__ */ _jsx87("style", {
+            dangerouslySetInnerHTML: {
+                __html: t2
+            }
+        });
+        $[3] = t2;
+        $[4] = t3;
+    } else {
+        t3 = $[4];
+    }
+    var t4;
+    if ($[5] !== className || $[6] !== style || $[7] !== t3) {
+        t4 = /* @__PURE__ */ _jsxs33(Flex33, {
+            justify: "center",
+            pb: "5",
+            className: className,
+            style: style,
+            children: [
+                t1,
+                t3
+            ]
+        });
+        $[5] = className;
+        $[6] = style;
+        $[7] = t3;
+        $[8] = t4;
+    } else {
+        t4 = $[8];
+    }
+    return t4;
 };
 // src/components/threads/AudioThread/Status/index.tsx
 import { jsx as _jsx88 } from "react/jsx-runtime";
@@ -47575,7 +48853,7 @@ function _toPrimitive48(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Status = function(props) {
-    var $ = _c55(12);
+    var $ = _c90(12);
     var status = useStatus().status;
     if (status === "recording") {
         var _t;
@@ -47672,9 +48950,10 @@ var Status = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-import { c as _c57 } from "react-compiler-runtime";
+import { c as _c93 } from "react-compiler-runtime";
 import { Flex as Flex35 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/Form/MicIcon.tsx
+import { c as _c91 } from "react-compiler-runtime";
 import { jsx as _jsx89 } from "react/jsx-runtime";
 function ownKeys49(e, r) {
     var t = Object.keys(e);
@@ -47720,28 +48999,44 @@ function _toPrimitive49(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MicIcon = function(props) {
-    return /* @__PURE__ */ _jsx89("svg", _objectSpread49(_objectSpread49({
-        xmlns: "http://www.w3.org/2000/svg",
-        fill: "currentColor",
-        stroke: "currentColor",
-        strokeWidth: 0,
-        viewBox: "0 0 384 512",
-        height: "15",
-        width: "15"
-    }, props), {}, {
-        children: /* @__PURE__ */ _jsx89("path", {
+    var $ = _c91(3);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ _jsx89("path", {
             stroke: "none",
             d: "M192 0c-53 0-96 43-96 96v160c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM64 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h144c13.3 0 24-10.7 24-24s-10.7-24-24-24h-48v-33.6c85.8-11.7 152-85.3 152-174.4v-40c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128S64 326.7 64 256v-40z"
-        })
-    }));
+        });
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] !== props) {
+        t1 = /* @__PURE__ */ _jsx89("svg", _objectSpread49(_objectSpread49({
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "currentColor",
+            stroke: "currentColor",
+            strokeWidth: 0,
+            viewBox: "0 0 384 512",
+            height: "15",
+            width: "15"
+        }, props), {}, {
+            children: t0
+        }));
+        $[1] = props;
+        $[2] = t1;
+    } else {
+        t1 = $[2];
+    }
+    return t1;
 };
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
-import { c as _c56 } from "react-compiler-runtime";
+import { c as _c92 } from "react-compiler-runtime";
 import { Flex as Flex34, 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 _jsx90, jsxs as _jsxs34 } from "react/jsx-runtime";
 var ActionButton = function() {
-    var $ = _c56(27);
+    var $ = _c92(27);
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var superinterfaceContext = useSuperinterfaceContext();
@@ -47979,7 +49274,7 @@ function _toPrimitive50(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Form = function(props) {
-    var $ = _c57(17);
+    var $ = _c93(17);
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var t0 = status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
@@ -48129,13 +49424,37 @@ function _toPrimitive51(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThread = function(props) {
-    return /* @__PURE__ */ _jsxs36(Root12, _objectSpread51(_objectSpread51({}, props), {}, {
-        children: [
-            /* @__PURE__ */ _jsx92(Visualization, {}),
-            /* @__PURE__ */ _jsx92(Status, {}),
-            /* @__PURE__ */ _jsx92(Form, {})
-        ]
-    }));
+    var $ = _c94(5);
+    var t0;
+    var t1;
+    var t2;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ _jsx92(Visualization, {});
+        t1 = /* @__PURE__ */ _jsx92(Status, {});
+        t2 = /* @__PURE__ */ _jsx92(Form, {});
+        $[0] = t0;
+        $[1] = t1;
+        $[2] = t2;
+    } else {
+        t0 = $[0];
+        t1 = $[1];
+        t2 = $[2];
+    }
+    var t3;
+    if ($[3] !== props) {
+        t3 = /* @__PURE__ */ _jsxs36(Root12, _objectSpread51(_objectSpread51({}, props), {}, {
+            children: [
+                t0,
+                t1,
+                t2
+            ]
+        }));
+        $[3] = props;
+        $[4] = t3;
+    } else {
+        t3 = $[4];
+    }
+    return t3;
 };
 AudioThread.Root = Root12;
 AudioThread.Visualization = Visualization;
@@ -48187,14 +49506,34 @@ function _toPrimitive52(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThreadDialog = function(props) {
-    return /* @__PURE__ */ _jsxs37(Root9, _objectSpread52(_objectSpread52({}, props), {}, {
-        children: [
-            /* @__PURE__ */ _jsx93(Content7.Root, {
-                children: /* @__PURE__ */ _jsx93(AudioThread, {})
-            }),
-            /* @__PURE__ */ _jsx93(Trigger, {})
-        ]
-    }));
+    var $ = _c95(4);
+    var t0;
+    var t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ _jsx93(Content7.Root, {
+            children: /* @__PURE__ */ _jsx93(AudioThread, {})
+        });
+        t1 = /* @__PURE__ */ _jsx93(Trigger, {});
+        $[0] = t0;
+        $[1] = t1;
+    } else {
+        t0 = $[0];
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== props) {
+        t2 = /* @__PURE__ */ _jsxs37(Root9, _objectSpread52(_objectSpread52({}, props), {}, {
+            children: [
+                t0,
+                t1
+            ]
+        }));
+        $[2] = props;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    return t2;
 };
 AudioThreadDialog.Root = Root9;
 AudioThreadDialog.Trigger = Trigger;
@@ -48689,10 +50028,10 @@ var useWebrtcAudioRuntime = function() {
     ]);
 };
 // src/components/audioRuntimes/WebrtcAudioRuntimeProvider.tsx
-import { c as _c58 } from "react-compiler-runtime";
+import { c as _c96 } from "react-compiler-runtime";
 import { jsx as _jsx94 } from "react/jsx-runtime";
 var WebrtcAudioRuntimeProvider = function(t0) {
-    var $ = _c58(5);
+    var $ = _c96(5);
     var children = t0.children;
     var webrtcAudioRuntime = useWebrtcAudioRuntime().webrtcAudioRuntime;
     var t1;
@@ -48720,22 +50059,22 @@ var WebrtcAudioRuntimeProvider = function(t0) {
     return t2;
 };
 // src/components/markdown/MarkdownProvider/index.tsx
-import { c as _c59 } from "react-compiler-runtime";
+import { c as _c97 } from "react-compiler-runtime";
 import { useMemo as useMemo21 } from "react";
 import { jsx as _jsx95 } from "react/jsx-runtime";
-var _excluded6 = [
+var _excluded7 = [
     "children"
 ];
-function _objectWithoutProperties6(e, t) {
+function _objectWithoutProperties7(e, t) {
     if (null == e) return {};
-    var o, r, i = _objectWithoutPropertiesLoose6(e, t);
+    var o, r, i = _objectWithoutPropertiesLoose7(e, t);
     if (Object.getOwnPropertySymbols) {
         var n = Object.getOwnPropertySymbols(e);
         for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
     return i;
 }
-function _objectWithoutPropertiesLoose6(r, e) {
+function _objectWithoutPropertiesLoose7(r, e) {
     if (null == r) return {};
     var t = {};
     for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
@@ -48745,13 +50084,13 @@ function _objectWithoutPropertiesLoose6(r, e) {
     return t;
 }
 var MarkdownProvider = function(t0) {
-    var $ = _c59(9);
+    var $ = _c97(9);
     var children;
     var rest;
     if ($[0] !== t0) {
         var _t = t0;
         children = _t.children;
-        rest = _objectWithoutProperties6(_t, _excluded6);
+        rest = _objectWithoutProperties7(_t, _excluded7);
         _t;
         $[0] = t0;
         $[1] = children;
@@ -48788,18 +50127,18 @@ var MarkdownProvider = function(t0) {
     return t3;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-import { c as _c62 } from "react-compiler-runtime";
+import { c as _c100 } from "react-compiler-runtime";
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-import { c as _c61 } from "react-compiler-runtime";
+import { c as _c99 } from "react-compiler-runtime";
 import { useState as useState13 } from "react";
 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 _c60 } from "react-compiler-runtime";
+import { c as _c98 } from "react-compiler-runtime";
 import { Flex as Flex36, Card as Card5, Inset as Inset3 } from "@radix-ui/themes";
 import { jsx as _jsx96 } from "react/jsx-runtime";
 var Content9 = function(t0) {
-    var $ = _c60(5);
+    var $ = _c98(5);
     var fileId = t0.fileId;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -48865,7 +50204,7 @@ var Content9 = function(t0) {
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
 import { jsx as _jsx97, jsxs as _jsxs38, Fragment as _Fragment5 } from "react/jsx-runtime";
 var FileCitation = function(t0) {
-    var $ = _c61(18);
+    var $ = _c99(18);
     var annotation = t0.annotation;
     var _useState13 = _sliced_to_array(useState13(null), 2), activeFileId = _useState13[0], setActiveFileId = _useState13[1];
     var t1;
@@ -48992,19 +50331,19 @@ var FileCitation = function(t0) {
 };
 // src/components/annotations/SourceAnnotation/index.tsx
 import { jsx as _jsx98 } from "react/jsx-runtime";
-var _excluded7 = [
+var _excluded8 = [
     "children"
 ];
-function _objectWithoutProperties7(e, t) {
+function _objectWithoutProperties8(e, t) {
     if (null == e) return {};
-    var o, r, i = _objectWithoutPropertiesLoose7(e, t);
+    var o, r, i = _objectWithoutPropertiesLoose8(e, t);
     if (Object.getOwnPropertySymbols) {
         var n = Object.getOwnPropertySymbols(e);
         for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
     return i;
 }
-function _objectWithoutPropertiesLoose7(r, e) {
+function _objectWithoutPropertiesLoose8(r, e) {
     if (null == r) return {};
     var t = {};
     for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
@@ -49014,13 +50353,13 @@ function _objectWithoutPropertiesLoose7(r, e) {
     return t;
 }
 var SourceAnnotation = function(t0) {
-    var $ = _c62(10);
+    var $ = _c100(10);
     var children;
     var rest;
     if ($[0] !== t0) {
         var _t = t0;
         children = _t.children;
-        rest = _objectWithoutProperties7(_t, _excluded7);
+        rest = _objectWithoutProperties8(_t, _excluded8);
         _t;
         $[0] = t0;
         $[1] = children;
@@ -49071,7 +50410,7 @@ var SourceAnnotation = function(t0) {
     return null;
 };
 // src/components/avatars/Avatar.tsx
-import { c as _c65 } from "react-compiler-runtime";
+import { c as _c103 } from "react-compiler-runtime";
 // src/lib/enums/index.ts
 var IconAvatarName = /* @__PURE__ */ function(IconAvatarName2) {
     IconAvatarName2["BACKPACK"] = "BACKPACK";
@@ -49096,7 +50435,7 @@ var AvatarType = /* @__PURE__ */ function(AvatarType2) {
 // src/components/avatars/Avatar.tsx
 import { Avatar as RadixAvatar } from "@radix-ui/themes";
 // src/components/imageAvatars/ImageAvatar/index.tsx
-import { c as _c63 } from "react-compiler-runtime";
+import { c as _c101 } from "react-compiler-runtime";
 import { Avatar as Avatar4 } from "@radix-ui/themes";
 // src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
 var width = function(_ref) {
@@ -49150,7 +50489,7 @@ var optimizedSrc = function(_ref) {
 // src/components/imageAvatars/ImageAvatar/index.tsx
 import { jsx as _jsx99 } from "react/jsx-runtime";
 var ImageAvatar = function(t0) {
-    var $ = _c63(9);
+    var $ = _c101(9);
     var imageAvatar = t0.imageAvatar, size = t0.size, className = t0.className, style = t0.style;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -49187,7 +50526,7 @@ var ImageAvatar = function(t0) {
     return t2;
 };
 // src/components/iconAvatars/IconAvatar.tsx
-import { c as _c64 } from "react-compiler-runtime";
+import { c as _c102 } from "react-compiler-runtime";
 import { useMemo as useMemo22 } from "react";
 import { Avatar as Avatar5 } from "@radix-ui/themes";
 // src/lib/iconAvatars/iconAvatarComponents.ts
@@ -49197,7 +50536,7 @@ var iconAvatarComponents = (_obj = {}, _define_property(_obj, IconAvatarName.BAC
 // src/components/iconAvatars/IconAvatar.tsx
 import { jsx as _jsx100 } from "react/jsx-runtime";
 var IconAvatar = function(t0) {
-    var $ = _c64(7);
+    var $ = _c102(7);
     var iconAvatar = t0.iconAvatar, size = t0.size, className = t0.className, style = t0.style;
     var t1;
     t1 = iconAvatarComponents[iconAvatar.name];
@@ -49231,7 +50570,7 @@ var IconAvatar = function(t0) {
 // src/components/avatars/Avatar.tsx
 import { jsx as _jsx101 } from "react/jsx-runtime";
 var Avatar6 = function(t0) {
-    var $ = _c65(14);
+    var $ = _c103(14);
     var avatar = t0.avatar, t1 = t0.size, className = t0.className, style = t0.style;
     var size = t1 === void 0 ? "1" : t1;
     if (avatar) {
@@ -49292,7 +50631,7 @@ var Avatar6 = function(t0) {
     return t2;
 };
 // src/components/components/ComponentsProvider.tsx
-import { c as _c66 } from "react-compiler-runtime";
+import { c as _c104 } from "react-compiler-runtime";
 import { useMemo as useMemo23 } from "react";
 // src/hooks/components/useComponents.ts
 import { useContext as useContext18 } from "react";
@@ -49301,19 +50640,19 @@ var useComponents = function() {
 };
 // src/components/components/ComponentsProvider.tsx
 import { jsx as _jsx102 } from "react/jsx-runtime";
-var _excluded8 = [
+var _excluded9 = [
     "children"
 ];
-function _objectWithoutProperties8(e, t) {
+function _objectWithoutProperties9(e, t) {
     if (null == e) return {};
-    var o, r, i = _objectWithoutPropertiesLoose8(e, t);
+    var o, r, i = _objectWithoutPropertiesLoose9(e, t);
     if (Object.getOwnPropertySymbols) {
         var n = Object.getOwnPropertySymbols(e);
         for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
     return i;
 }
-function _objectWithoutPropertiesLoose8(r, e) {
+function _objectWithoutPropertiesLoose9(r, e) {
     if (null == r) return {};
     var t = {};
     for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
@@ -49323,13 +50662,13 @@ function _objectWithoutPropertiesLoose8(r, e) {
     return t;
 }
 var ComponentsProvider = function(t0) {
-    var $ = _c66(9);
+    var $ = _c104(9);
     var children;
     var rest;
     if ($[0] !== t0) {
         var _t = t0;
         children = _t.children;
-        rest = _objectWithoutProperties8(_t, _excluded8);
+        rest = _objectWithoutProperties9(_t, _excluded9);
         _t;
         $[0] = t0;
         $[1] = children;
@@ -49366,11 +50705,11 @@ var ComponentsProvider = function(t0) {
     return t3;
 };
 // src/components/assistants/AssistantProvider/index.tsx
-import { c as _c67 } from "react-compiler-runtime";
+import { c as _c105 } from "react-compiler-runtime";
 import { jsx as _jsx103 } from "react/jsx-runtime";
 var AssistantProvider = function(t0) {
     var _assistant$name;
-    var $ = _c67(10);
+    var $ = _c105(10);
     var children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;