@superinterface/react 3.20.1 → 3.21.0

package/dist/index.cjs

@@ -369,7 +369,7 @@ var require_lib = __commonJS({
         Object.defineProperty(exports2, "__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)) {
@@ -729,7 +729,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) {
@@ -804,7 +804,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;
@@ -37941,26 +37941,29 @@ var SuperinterfaceProvider = function(_ref) {
         children: children
     });
 };
+// src/components/threads/Thread/index.tsx
+var import_react_compiler_runtime72 = require("react-compiler-runtime");
 // src/components/threads/Thread/Messages/index.tsx
+var import_react_compiler_runtime62 = require("react-compiler-runtime");
 var import_themes46 = require("@radix-ui/themes");
 // src/components/threads/Thread/Message/index.tsx
-var import_react_compiler_runtime26 = require("react-compiler-runtime");
+var import_react_compiler_runtime47 = require("react-compiler-runtime");
 var import_react31 = require("react");
 var import_themes32 = require("@radix-ui/themes");
 // src/components/runSteps/RunSteps/index.tsx
-var import_react_compiler_runtime8 = require("react-compiler-runtime");
+var import_react_compiler_runtime16 = require("react-compiler-runtime");
 var import_themes9 = require("@radix-ui/themes");
 var import_react9 = require("react");
 // src/contexts/components/ComponentsContext/index.tsx
 var import_react8 = require("react");
 // src/components/runSteps/RunStep/index.tsx
-var import_react_compiler_runtime6 = require("react-compiler-runtime");
+var import_react_compiler_runtime11 = require("react-compiler-runtime");
 // src/components/runSteps/RunStep/ToolCalls/index.tsx
-var import_react_compiler_runtime5 = require("react-compiler-runtime");
+var import_react_compiler_runtime10 = require("react-compiler-runtime");
 var import_react6 = require("react");
 var import_themes5 = require("@radix-ui/themes");
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/index.tsx
-var import_react_compiler_runtime4 = require("react-compiler-runtime");
+var import_react_compiler_runtime9 = require("react-compiler-runtime");
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/index.tsx
 var import_react_compiler_runtime = require("react-compiler-runtime");
 var import_react5 = require("react");
@@ -37991,42 +37994,70 @@ var Fn = function(t0) {
     return t1;
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/index.tsx
+var import_react_compiler_runtime6 = require("react-compiler-runtime");
 var import_themes4 = require("@radix-ui/themes");
 // src/components/toolCalls/ToolCallBase/index.tsx
+var import_react_compiler_runtime2 = require("react-compiler-runtime");
 var import_themes = require("@radix-ui/themes");
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var ToolCallBase = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes.Flex, {
-        py: "1",
-        ml: "-2",
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes.Button, {
-            size: "1",
-            color: "gold",
-            variant: "outline",
-            style: {
-                boxShadow: "none"
-            },
-            children: children
-        })
-    });
+var ToolCallBase = function(t0) {
+    var $ = (0, import_react_compiler_runtime2.c)(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__ */ (0, import_jsx_runtime3.jsx)(import_themes.Flex, {
+            py: "1",
+            ml: "-2",
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes.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
+var import_react_compiler_runtime3 = require("react-compiler-runtime");
 var import_themes2 = require("@radix-ui/themes");
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var ToolCallTitle = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_themes2.Text, {
-        weight: "regular",
-        children: children
-    });
+var ToolCallTitle = function(t0) {
+    var $ = (0, import_react_compiler_runtime3.c)(2);
+    var children = t0.children;
+    var t1;
+    if ($[0] !== children) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_themes2.Text, {
+            weight: "regular",
+            children: children
+        });
+        $[0] = children;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    return t1;
 };
 // src/components/toolCalls/ToolCallBase/ToolCallIcon.tsx
-var import_react_compiler_runtime2 = require("react-compiler-runtime");
+var import_react_compiler_runtime4 = require("react-compiler-runtime");
 var import_react_icons = require("@radix-ui/react-icons");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var ToolCallIcon = function(t0) {
-    var $ = (0, import_react_compiler_runtime2.c)(3);
+    var $ = (0, import_react_compiler_runtime4.c)(3);
     var runStep = t0.runStep;
     if (runStep.completed_at) {
         var t1;
@@ -38060,11 +38091,11 @@ var ToolCallIcon = function(t0) {
     }
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/Content.tsx
-var import_react_compiler_runtime3 = require("react-compiler-runtime");
+var import_react_compiler_runtime5 = require("react-compiler-runtime");
 var import_themes3 = require("@radix-ui/themes");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var Content = function(t0) {
-    var $ = (0, import_react_compiler_runtime3.c)(10);
+    var $ = (0, import_react_compiler_runtime5.c)(10);
     var codeInterpreter = t0.codeInterpreter;
     if (!codeInterpreter.input) {
         return null;
@@ -38128,70 +38159,163 @@ var Content = function(t0) {
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/index.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var CodeInterpreter = function(_ref) {
-    var codeInterpreter = _ref.codeInterpreter, runStep = _ref.runStep;
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_themes4.Popover.Root, {
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_themes4.Popover.Trigger, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_themes4.Flex, {
-                    children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(ToolCallBase, {
-                        children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToolCallIcon, {
-                                runStep: runStep
-                            }),
-                            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToolCallTitle, {
-                                children: "Using code interpreter"
-                            })
-                        ]
-                    })
-                })
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_themes4.Popover.Content, {
-                maxHeight: "200px",
-                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Content, {
-                    codeInterpreter: codeInterpreter
+var CodeInterpreter = function(t0) {
+    var $ = (0, import_react_compiler_runtime6.c)(10);
+    var codeInterpreter = t0.codeInterpreter, runStep = t0.runStep;
+    var t1;
+    if ($[0] !== runStep) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToolCallIcon, {
+            runStep: runStep
+        });
+        $[0] = runStep;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToolCallTitle, {
+            children: "Using code interpreter"
+        });
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    var t3;
+    if ($[3] !== t1) {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_themes4.Popover.Trigger, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_themes4.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(ToolCallBase, {
+                    children: [
+                        t1,
+                        t2
+                    ]
                 })
             })
-        ]
-    });
+        });
+        $[3] = t1;
+        $[4] = t3;
+    } else {
+        t3 = $[4];
+    }
+    var t4;
+    if ($[5] !== codeInterpreter) {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_themes4.Popover.Content, {
+            maxHeight: "200px",
+            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Content, {
+                codeInterpreter: codeInterpreter
+            })
+        });
+        $[5] = codeInterpreter;
+        $[6] = t4;
+    } else {
+        t4 = $[6];
+    }
+    var t5;
+    if ($[7] !== t3 || $[8] !== t4) {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_themes4.Popover.Root, {
+            children: [
+                t3,
+                t4
+            ]
+        });
+        $[7] = t3;
+        $[8] = t4;
+        $[9] = t5;
+    } else {
+        t5 = $[9];
+    }
+    return t5;
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/FileSearch.tsx
+var import_react_compiler_runtime7 = require("react-compiler-runtime");
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var FileSearch = function(_ref) {
-    var runStep = _ref.runStep, toolCall = _ref.toolCall;
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(ToolCallBase, {
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolCallIcon, {
-                runStep: runStep
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolCallTitle, {
-                children: "Searching files"
-            })
-        ]
-    });
+var FileSearch = function(t0) {
+    var $ = (0, import_react_compiler_runtime7.c)(5);
+    var runStep = t0.runStep;
+    var t1;
+    if ($[0] !== runStep) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolCallIcon, {
+            runStep: runStep
+        });
+        $[0] = runStep;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolCallTitle, {
+            children: "Searching files"
+        });
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    var t3;
+    if ($[3] !== t1) {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(ToolCallBase, {
+            children: [
+                t1,
+                t2
+            ]
+        });
+        $[3] = t1;
+        $[4] = t3;
+    } else {
+        t3 = $[4];
+    }
+    return t3;
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/Fallback.tsx
+var import_react_compiler_runtime8 = require("react-compiler-runtime");
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var Fallback = function(_ref) {
-    var runStep = _ref.runStep, toolCall = _ref.toolCall;
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(ToolCallBase, {
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToolCallIcon, {
-                runStep: runStep
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(ToolCallTitle, {
-                children: [
-                    "Using tool: ",
-                    toolCall.type
-                ]
-            })
-        ]
-    });
+var Fallback = function(t0) {
+    var $ = (0, import_react_compiler_runtime8.c)(7);
+    var runStep = t0.runStep, toolCall = t0.toolCall;
+    var t1;
+    if ($[0] !== runStep) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToolCallIcon, {
+            runStep: runStep
+        });
+        $[0] = runStep;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== toolCall.type) {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(ToolCallTitle, {
+            children: [
+                "Using tool: ",
+                toolCall.type
+            ]
+        });
+        $[2] = toolCall.type;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    var t3;
+    if ($[4] !== t1 || $[5] !== t2) {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(ToolCallBase, {
+            children: [
+                t1,
+                t2
+            ]
+        });
+        $[4] = t1;
+        $[5] = t2;
+        $[6] = t3;
+    } else {
+        t3 = $[6];
+    }
+    return t3;
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/index.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var ToolCall = function(t0) {
-    var $ = (0, import_react_compiler_runtime4.c)(12);
+    var $ = (0, import_react_compiler_runtime9.c)(12);
     var toolCall = t0.toolCall, runStep = t0.runStep;
     if (toolCall.type === "function") {
         var _t;
@@ -38254,17 +38378,28 @@ var ToolCall = function(t0) {
 };
 // src/components/runSteps/RunStep/ToolCalls/index.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var Root = function(_ref) {
-    var children = _ref.children, className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes5.Flex, {
-        direction: "column",
-        className: className,
-        style: style,
-        children: children
-    });
+var Root = function(t0) {
+    var $ = (0, import_react_compiler_runtime10.c)(4);
+    var children = t0.children, className = t0.className, style = t0.style;
+    var t1;
+    if ($[0] !== children || $[1] !== className || $[2] !== style) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes5.Flex, {
+            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 $ = (0, import_react_compiler_runtime5.c)(2);
+    var $ = (0, import_react_compiler_runtime10.c)(2);
     var componentsContext = (0, import_react6.useContext)(ComponentsContext);
     var StartingToolCalls3 = componentsContext.components.StartingToolCalls;
     var t0;
@@ -38277,21 +38412,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__ */ (0, import_jsx_runtime11.jsxs)(Root, {
-        className: className,
-        style: style,
-        children: [
-            !stepDetails.tool_calls.length && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(StartingToolCalls, {}),
-            stepDetails.tool_calls.map(function(toolCall) {
+var ToolCalls = function(t0) {
+    var $ = (0, import_react_compiler_runtime10.c)(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__ */ (0, import_jsx_runtime11.jsx)(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__ */ (0, import_jsx_runtime11.jsx)(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__ */ (0, import_jsx_runtime11.jsxs)(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;
@@ -38299,7 +38471,7 @@ ToolCalls.ToolCall = ToolCall;
 // src/components/runSteps/RunStep/index.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var RunStep = function(t0) {
-    var $ = (0, import_react_compiler_runtime6.c)(4);
+    var $ = (0, import_react_compiler_runtime11.c)(4);
     var runStep = t0.runStep, className = t0.className, style = t0.style;
     if (runStep.step_details.type === "tool_calls") {
         var t1;
@@ -38322,10 +38494,13 @@ var RunStep = function(t0) {
     return null;
 };
 RunStep.ToolCalls = ToolCalls;
+// src/components/functions/Function/index.tsx
+var import_react_compiler_runtime14 = require("react-compiler-runtime");
 // src/components/functions/FunctionBase/index.tsx
+var import_react_compiler_runtime13 = require("react-compiler-runtime");
 var import_themes7 = require("@radix-ui/themes");
 // src/components/functions/FunctionBase/Content/index.tsx
-var import_react_compiler_runtime7 = require("react-compiler-runtime");
+var import_react_compiler_runtime12 = require("react-compiler-runtime");
 var import_react7 = require("react");
 var import_themes6 = require("@radix-ui/themes");
 // src/components/functions/FunctionBase/Content/lib/formattedJsonOrRaw.ts
@@ -38347,7 +38522,7 @@ var formattedJsonOrRaw = function(_ref) {
 // src/components/functions/FunctionBase/Content/index.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var Content2 = function(t0) {
-    var $ = (0, import_react_compiler_runtime7.c)(12);
+    var $ = (0, import_react_compiler_runtime12.c)(12);
     var fn = t0.fn;
     var t1;
     var t2;
@@ -38426,34 +38601,84 @@ var Content2 = function(t0) {
 };
 // src/components/functions/FunctionBase/index.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
-var FunctionBase = function(_ref) {
-    var fn = _ref.fn, runStep = _ref.runStep, title2 = _ref.title;
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_themes7.Popover.Root, {
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_themes7.Popover.Trigger, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_themes7.Flex, {
-                    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(ToolCallBase, {
-                        children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToolCallIcon, {
-                                runStep: runStep
-                            }),
-                            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToolCallTitle, {
-                                children: title2
-                            })
-                        ]
-                    })
-                })
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_themes7.Popover.Content, {
-                style: {
-                    maxHeight: "200px"
-                },
-                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Content2, {
-                    fn: fn
+var FunctionBase = function(t0) {
+    var $ = (0, import_react_compiler_runtime13.c)(13);
+    var fn = t0.fn, runStep = t0.runStep, title2 = t0.title;
+    var t1;
+    if ($[0] !== runStep) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToolCallIcon, {
+            runStep: runStep
+        });
+        $[0] = runStep;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== title2) {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToolCallTitle, {
+            children: title2
+        });
+        $[2] = title2;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    var t3;
+    if ($[4] !== t1 || $[5] !== t2) {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_themes7.Popover.Trigger, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_themes7.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(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__ */ (0, import_jsx_runtime14.jsx)(import_themes7.Popover.Content, {
+            style: t4,
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Content2, {
+                fn: fn
+            })
+        });
+        $[8] = fn;
+        $[9] = t5;
+    } else {
+        t5 = $[9];
+    }
+    var t6;
+    if ($[10] !== t3 || $[11] !== t5) {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_themes7.Popover.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) {
@@ -38468,42 +38693,78 @@ var title = function(_ref) {
 };
 // src/components/functions/Function/index.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var Function2 = function(_ref) {
-    var fn = _ref.fn, runStep = _ref.runStep;
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FunctionBase, {
-        fn: fn,
-        runStep: runStep,
-        title: title({
+var Function2 = function(t0) {
+    var $ = (0, import_react_compiler_runtime14.c)(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__ */ (0, import_jsx_runtime15.jsx)(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
+var import_react_compiler_runtime15 = require("react-compiler-runtime");
 var import_themes8 = require("@radix-ui/themes");
 var import_react_icons2 = require("@radix-ui/react-icons");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var StartingToolCalls2 = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_themes8.Popover.Root, {
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(ToolCallBase, {
-                children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_icons2.CircleIcon, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolCallTitle, {
-                        children: "Starting actions"
+    var $ = (0, import_react_compiler_runtime15.c)(2);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(ToolCallBase, {
+            children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_icons2.CircleIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolCallTitle, {
+                    children: "Starting actions"
+                })
+            ]
+        });
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_themes8.Popover.Root, {
+            children: [
+                t0,
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes8.Popover.Content, {
+                    style: {
+                        maxHeight: "500px"
+                    },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes8.Text, {
+                        children: "Starting some actions"
                     })
-                ]
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes8.Popover.Content, {
-                style: {
-                    maxHeight: "500px"
-                },
-                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes8.Text, {
-                    children: "Starting some actions"
                 })
-            })
-        ]
-    });
+            ]
+        });
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    return t1;
 };
 // src/contexts/components/ComponentsContext/index.tsx
 var ComponentsContext = /* @__PURE__ */ (0, import_react8.createContext)({
@@ -38516,7 +38777,7 @@ var ComponentsContext = /* @__PURE__ */ (0, import_react8.createContext)({
 // src/components/runSteps/RunSteps/index.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var RunSteps = function(t0) {
-    var $ = (0, import_react_compiler_runtime8.c)(7);
+    var $ = (0, import_react_compiler_runtime16.c)(7);
     var runSteps = t0.runSteps;
     var componentsContext = (0, import_react9.useContext)(ComponentsContext);
     var Component2 = componentsContext.components.RunStep;
@@ -38562,13 +38823,13 @@ var MessageContext = /* @__PURE__ */ (0, import_react10.createContext)({
 // src/components/threads/Thread/Message/Provider.tsx
 var Provider = MessageContext.Provider;
 // src/components/threads/Thread/Message/Attachments/index.tsx
-var import_react_compiler_runtime9 = require("react-compiler-runtime");
+var import_react_compiler_runtime17 = require("react-compiler-runtime");
 var import_themes10 = require("@radix-ui/themes");
 var import_react_icons3 = require("@radix-ui/react-icons");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var Attachments = function(t0) {
     var _message$attachments;
-    var $ = (0, import_react_compiler_runtime9.c)(4);
+    var $ = (0, import_react_compiler_runtime17.c)(4);
     var message = t0.message;
     if (!((_message$attachments = message.attachments) !== null && _message$attachments !== void 0 && _message$attachments.length)) {
         return null;
@@ -38605,10 +38866,12 @@ var Attachments = function(t0) {
     }
     return t3;
 };
+// src/components/messages/MessageContent/index.tsx
+var import_react_compiler_runtime46 = require("react-compiler-runtime");
 // src/components/messages/MessageContent/ContentPart/index.tsx
-var import_react_compiler_runtime25 = require("react-compiler-runtime");
+var import_react_compiler_runtime45 = require("react-compiler-runtime");
 // src/components/messages/MessageContent/ContentPart/TextContent.tsx
-var import_react_compiler_runtime23 = require("react-compiler-runtime");
+var import_react_compiler_runtime43 = require("react-compiler-runtime");
 var import_react29 = __toESM(require("react"), 1);
 var import_themes31 = require("@radix-ui/themes");
 var import_mdx = require("@mdx-js/mdx");
@@ -38762,114 +39025,223 @@ var import_react26 = require("react");
 // src/contexts/markdown/MarkdownContext/lib/components/index.tsx
 var import_themes30 = require("@radix-ui/themes");
 // src/contexts/markdown/MarkdownContext/lib/components/Paragraph.tsx
+var import_react_compiler_runtime18 = require("react-compiler-runtime");
 var import_themes11 = require("@radix-ui/themes");
 var import_jsx_runtime19 = require("react/jsx-runtime");
-var Paragraph = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes11.Box, {
-        pb: "3",
-        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes11.Text, {
-            size: "3",
-            style: {
-                whiteSpace: "pre-line",
-                wordBreak: "break-word"
-            },
-            children: children
-        })
-    });
+var Paragraph = function(t0) {
+    var $ = (0, import_react_compiler_runtime18.c)(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__ */ (0, import_jsx_runtime19.jsx)(import_themes11.Box, {
+            pb: "3",
+            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes11.Text, {
+                size: "3",
+                style: t1,
+                children: children
+            })
+        });
+        $[1] = children;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Link.tsx
+var import_react_compiler_runtime19 = require("react-compiler-runtime");
 var import_themes12 = require("@radix-ui/themes");
 var import_jsx_runtime20 = require("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__ */ (0, import_jsx_runtime20.jsx)(import_themes12.Link, {
-        href: href,
-        target: target,
-        download: download,
-        children: children
-    });
+var Link = function(t0) {
+    var $ = (0, import_react_compiler_runtime19.c)(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__ */ (0, import_jsx_runtime20.jsx)(import_themes12.Link, {
+            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
+var import_react_compiler_runtime20 = require("react-compiler-runtime");
 var import_themes13 = require("@radix-ui/themes");
 var import_jsx_runtime21 = require("react/jsx-runtime");
-var UnorderedList = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes13.Box, {
-        pb: "3",
-        asChild: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", {
-            style: {
-                listStylePosition: "inside"
-            },
-            children: children
-        })
-    });
+var UnorderedList = function(t0) {
+    var $ = (0, import_react_compiler_runtime20.c)(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__ */ (0, import_jsx_runtime21.jsx)(import_themes13.Box, {
+            pb: "3",
+            asChild: true,
+            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", {
+                style: t1,
+                children: children
+            })
+        });
+        $[1] = children;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/OrderedList.tsx
+var import_react_compiler_runtime21 = require("react-compiler-runtime");
 var import_themes14 = require("@radix-ui/themes");
 var import_jsx_runtime22 = require("react/jsx-runtime");
-var OrderedList = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_themes14.Box, {
-        pb: "3",
-        asChild: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("ol", {
-            style: {
-                listStylePosition: "inside"
-            },
-            children: children
-        })
-    });
+var OrderedList = function(t0) {
+    var $ = (0, import_react_compiler_runtime21.c)(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__ */ (0, import_jsx_runtime22.jsx)(import_themes14.Box, {
+            pb: "3",
+            asChild: true,
+            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("ol", {
+                style: t1,
+                children: children
+            })
+        });
+        $[1] = children;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/ListItem.tsx
+var import_react_compiler_runtime22 = require("react-compiler-runtime");
 var import_themes15 = require("@radix-ui/themes");
 var import_jsx_runtime23 = require("react/jsx-runtime");
-var ListItem = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_themes15.Box, {
-        pb: "1",
-        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("li", {
-            style: {
-                wordBreak: "break-word"
-            },
-            children: children
-        })
-    });
+var ListItem = function(t0) {
+    var $ = (0, import_react_compiler_runtime22.c)(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__ */ (0, import_jsx_runtime23.jsx)(import_themes15.Box, {
+            pb: "1",
+            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("li", {
+                style: t1,
+                children: children
+            })
+        });
+        $[1] = children;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Strong.tsx
+var import_react_compiler_runtime23 = require("react-compiler-runtime");
 var import_themes16 = require("@radix-ui/themes");
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var Strong = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_themes16.Strong, {
-        children: children
-    });
+var Strong = function(t0) {
+    var $ = (0, import_react_compiler_runtime23.c)(2);
+    var children = t0.children;
+    var t1;
+    if ($[0] !== children) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_themes16.Strong, {
+            children: children
+        });
+        $[0] = children;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    return t1;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Pre.tsx
+var import_react_compiler_runtime24 = require("react-compiler-runtime");
 var import_themes17 = require("@radix-ui/themes");
 var import_jsx_runtime25 = require("react/jsx-runtime");
-var Pre = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_themes17.Box, {
-        style: {
+var Pre = function(t0) {
+    var $ = (0, import_react_compiler_runtime24.c)(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__ */ (0, import_jsx_runtime25.jsx)(import_themes17.Box, {
+            style: t1,
+            children: children
+        });
+        $[1] = children;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Code.tsx
-var import_react_compiler_runtime15 = require("react-compiler-runtime");
+var import_react_compiler_runtime30 = require("react-compiler-runtime");
 var import_themes20 = require("@radix-ui/themes");
 // src/components/suggestions/Suggestions/index.tsx
-var import_react_compiler_runtime14 = require("react-compiler-runtime");
+var import_react_compiler_runtime29 = require("react-compiler-runtime");
 var import_react18 = require("react");
 // src/hooks/messages/useLatestMessage/index.ts
-var import_react_compiler_runtime11 = require("react-compiler-runtime");
+var import_react_compiler_runtime26 = require("react-compiler-runtime");
 var import_react12 = require("react");
 // src/hooks/messages/useMessages/index.tsx
-var import_react_compiler_runtime10 = require("react-compiler-runtime");
+var import_react_compiler_runtime25 = require("react-compiler-runtime");
 var import_react11 = require("react");
 var import_react_query2 = require("@tanstack/react-query");
 // src/lib/threads/queryOptions/index.ts
@@ -39143,7 +39515,7 @@ var messages = function(_ref) {
     }, []);
 };
 var useMessages = function() {
-    var $ = (0, import_react_compiler_runtime10.c)(9);
+    var $ = (0, import_react_compiler_runtime25.c)(9);
     var queryClient = (0, import_react_query2.useQueryClient)();
     var threadContext = useSuperinterfaceContext();
     var superinterfaceContext = useSuperinterfaceContext();
@@ -39232,7 +39604,7 @@ function _toPrimitive5(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useLatestMessage = function() {
-    var $ = (0, import_react_compiler_runtime11.c)(3);
+    var $ = (0, import_react_compiler_runtime26.c)(3);
     var props = useMessages();
     var t0;
     var t1 = props.messages[0] || null;
@@ -39255,11 +39627,11 @@ var import_react17 = require("react");
 var import_radash10 = require("radash");
 var import_react_children_utilities = require("react-children-utilities");
 // src/hooks/messages/useIsMutatingMessage/index.ts
-var import_react_compiler_runtime12 = require("react-compiler-runtime");
+var import_react_compiler_runtime27 = require("react-compiler-runtime");
 var import_react13 = require("react");
 var import_react_query3 = require("@tanstack/react-query");
 var useIsMutatingMessage = function() {
-    var $ = (0, import_react_compiler_runtime12.c)(2);
+    var $ = (0, import_react_compiler_runtime27.c)(2);
     var threadContext = useSuperinterfaceContext();
     var t0;
     if ($[0] !== threadContext.variables) {
@@ -39283,7 +39655,7 @@ var useIsMutatingMessage = function() {
 // src/components/suggestions/Suggestions/Content.tsx
 var import_themes19 = require("@radix-ui/themes");
 // src/components/suggestions/Suggestions/Item.tsx
-var import_react_compiler_runtime13 = require("react-compiler-runtime");
+var import_react_compiler_runtime28 = require("react-compiler-runtime");
 var import_react_icons4 = require("@radix-ui/react-icons");
 var import_themes18 = require("@radix-ui/themes");
 // src/hooks/messages/useCreateMessage/index.ts
@@ -40779,7 +41151,7 @@ function _toPrimitive19(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Item = function(t0) {
-    var $ = (0, import_react_compiler_runtime13.c)(16);
+    var $ = (0, import_react_compiler_runtime28.c)(16);
     var suggestion = t0.suggestion, isDisabled = t0.isDisabled, className = t0.className, style = t0.style;
     var addToast = useToasts().addToast;
     var queryClient = (0, import_react_query5.useQueryClient)();
@@ -40844,34 +41216,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__ */ (0, import_jsx_runtime26.jsxs)(import_themes18.Button, {
-        className: className,
-        variant: "soft",
-        onClick: onClick,
-        disabled: isDisabled,
-        style: _objectSpread19({
+var Content3 = function(t0) {
+    var $ = (0, import_react_compiler_runtime28.c)(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__ */ (0, import_jsx_runtime26.jsx)(import_themes18.Text, {
-                size: "1",
-                weight: "regular",
-                children: children
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes18.Spinner, {
-                loading: isPending,
-                children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_icons4.ArrowUpIcon, {
-                    style: {
-                        flexShrink: 0
-                    }
-                })
-            })
-        ]
-    });
+        }, t1);
+        $[2] = t1;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    var t3;
+    if ($[4] !== children) {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes18.Text, {
+            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__ */ (0, import_jsx_runtime26.jsx)(import_react_icons4.ArrowUpIcon, {
+            style: {
+                flexShrink: 0
+            }
+        });
+        $[6] = t4;
+    } else {
+        t4 = $[6];
+    }
+    var t5;
+    if ($[7] !== isPending) {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes18.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__ */ (0, import_jsx_runtime26.jsxs)(import_themes18.Button, {
+            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
@@ -40907,7 +41332,7 @@ var Content4 = function(_ref) {
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var Suggestions = function(t0) {
     var _latestMessageProps$l;
-    var $ = (0, import_react_compiler_runtime14.c)(4);
+    var $ = (0, import_react_compiler_runtime29.c)(4);
     var children = t0.children, className = t0.className, style = t0.style;
     var latestMessageProps = useLatestMessage();
     var t1;
@@ -40939,7 +41364,7 @@ Suggestions.Item = Item;
 // src/contexts/markdown/MarkdownContext/lib/components/Code.tsx
 var import_jsx_runtime29 = require("react/jsx-runtime");
 var Code3 = function(t0) {
-    var $ = (0, import_react_compiler_runtime15.c)(5);
+    var $ = (0, import_react_compiler_runtime30.c)(5);
     var children = t0.children, className = t0.className;
     if (className === "language-suggestions") {
         var _t;
@@ -40977,8 +41402,9 @@ var Code3 = function(t0) {
     return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/index.tsx
-var import_react_compiler_runtime20 = require("react-compiler-runtime");
+var import_react_compiler_runtime39 = require("react-compiler-runtime");
 // src/components/images/Image.tsx
+var import_react_compiler_runtime31 = require("react-compiler-runtime");
 var import_themes21 = require("@radix-ui/themes");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function ownKeys20(e, r) {
@@ -41025,15 +41451,31 @@ function _toPrimitive20(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Image = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes21.Box, {
-        pb: "3",
-        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("img", _objectSpread20(_objectSpread20({}, props), {}, {
-            style: {
-                maxWidth: "100%",
-                height: "auto"
-            }
-        }))
-    });
+    var $ = (0, import_react_compiler_runtime31.c)(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__ */ (0, import_jsx_runtime30.jsx)(import_themes21.Box, {
+            pb: "3",
+            children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("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 = [
@@ -41082,17 +41524,18 @@ var isAudioSrc = function(_ref) {
     return src.endsWith(".mp3") || src.endsWith(".wav");
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Video/index.tsx
+var import_react_compiler_runtime37 = require("react-compiler-runtime");
 var import_themes27 = require("@radix-ui/themes");
 var import_base = require("@vidstack/react/player/styles/base.css");
 var import_react24 = require("@vidstack/react");
 // src/components/media/PlayButton.tsx
-var import_react_compiler_runtime16 = require("react-compiler-runtime");
+var import_react_compiler_runtime32 = require("react-compiler-runtime");
 var import_react19 = require("@vidstack/react");
 var import_themes22 = require("@radix-ui/themes");
 var import_react_icons5 = require("@radix-ui/react-icons");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var PlayButton = function() {
-    var $ = (0, import_react_compiler_runtime16.c)(2);
+    var $ = (0, import_react_compiler_runtime32.c)(2);
     var isPaused = (0, import_react19.useMediaState)("paused");
     var t0;
     if ($[0] !== isPaused) {
@@ -41111,13 +41554,13 @@ var PlayButton = function() {
     return t0;
 };
 // src/components/media/VolumeButton.tsx
-var import_react_compiler_runtime17 = require("react-compiler-runtime");
+var import_react_compiler_runtime33 = require("react-compiler-runtime");
 var import_react20 = require("@vidstack/react");
 var import_themes23 = require("@radix-ui/themes");
 var import_react_icons6 = require("@radix-ui/react-icons");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var VolumeButton = function() {
-    var $ = (0, import_react_compiler_runtime17.c)(13);
+    var $ = (0, import_react_compiler_runtime33.c)(13);
     var volume = (0, import_react20.useMediaState)("volume");
     var isMuted = (0, import_react20.useMediaState)("muted");
     var remote = (0, import_react20.useMediaRemote)();
@@ -41197,13 +41640,13 @@ var VolumeButton = function() {
     return t5;
 };
 // src/components/media/Time.tsx
-var import_react_compiler_runtime18 = require("react-compiler-runtime");
+var import_react_compiler_runtime34 = require("react-compiler-runtime");
 var import_react21 = require("react");
 var import_react22 = require("@vidstack/react");
 var import_themes24 = require("@radix-ui/themes");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var Time = function() {
-    var $ = (0, import_react_compiler_runtime18.c)(17);
+    var $ = (0, import_react_compiler_runtime34.c)(17);
     var time = (0, import_react22.useMediaState)("currentTime");
     var duration = (0, import_react22.useMediaState)("duration");
     var seeking = (0, import_react22.useMediaState)("seeking");
@@ -41292,30 +41735,47 @@ var Time = function() {
     return t8;
 };
 // src/components/media/MediaContainer.tsx
+var import_react_compiler_runtime35 = require("react-compiler-runtime");
 var import_themes25 = require("@radix-ui/themes");
 var import_jsx_runtime34 = require("react/jsx-runtime");
-var MediaContainer = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes25.Card, {
-        mb: "3",
-        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes25.Inset, {
-            clip: "padding-box",
-            style: {
-                display: "flex",
-                flexDirection: "column"
-            },
-            children: children
-        })
-    });
+var MediaContainer = function(t0) {
+    var $ = (0, import_react_compiler_runtime35.c)(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__ */ (0, import_jsx_runtime34.jsx)(import_themes25.Card, {
+            mb: "3",
+            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes25.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
-var import_react_compiler_runtime19 = require("react-compiler-runtime");
+var import_react_compiler_runtime36 = require("react-compiler-runtime");
 var import_react23 = require("@vidstack/react");
 var import_themes26 = require("@radix-ui/themes");
 var import_react_icons7 = require("@radix-ui/react-icons");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var FullscreenButton = function() {
-    var $ = (0, import_react_compiler_runtime19.c)(2);
+    var $ = (0, import_react_compiler_runtime36.c)(2);
     var isFullscreen = (0, import_react23.useMediaState)("fullscreen");
     var t0;
     if ($[0] !== isFullscreen) {
@@ -41335,100 +41795,185 @@ var FullscreenButton = function() {
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Video/index.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
-var Video = function(_ref) {
-    var src = _ref.src;
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(MediaContainer, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react24.MediaPlayer, {
-            src: {
-                src: src,
-                type: "video/".concat(src.split(".").pop())
-            },
-            playsInline: true,
-            hideControlsOnMouseLeave: true,
-            crossOrigin: true,
-            children: [
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react24.MediaProvider, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("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__ */ (0, import_jsx_runtime36.jsx)(import_themes27.Flex, {
+var Video = function(t0) {
+    var $ = (0, import_react_compiler_runtime37.c)(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__ */ (0, import_jsx_runtime36.jsx)(import_react24.MediaProvider, {});
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("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__ */ (0, import_jsx_runtime36.jsx)(import_themes27.Flex, {
+            asChild: true,
+            position: "absolute",
+            bottom: "0",
+            left: "0",
+            right: "0",
+            className: "superinterface-video-controls",
+            p: "3",
+            style: t5,
+            children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react24.Controls.Root, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes27.Flex, {
                     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__ */ (0, import_jsx_runtime36.jsx)(import_react24.Controls.Root, {
-                        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes27.Flex, {
-                            asChild: true,
-                            align: "center",
-                            gap: "3",
-                            flexGrow: "1",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react24.Controls.Group, {
-                                children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(PlayButton, {}),
-                                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Time, {}),
-                                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(VolumeButton, {}),
-                                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(FullscreenButton, {})
-                                ]
-                            })
-                        })
+                    align: "center",
+                    gap: "3",
+                    flexGrow: "1",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react24.Controls.Group, {
+                        children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(PlayButton, {}),
+                            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Time, {}),
+                            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(VolumeButton, {}),
+                            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(FullscreenButton, {})
+                        ]
                     })
                 })
-            ]
-        })
-    });
+            })
+        });
+        $[6] = t6;
+    } else {
+        t6 = $[6];
+    }
+    var t7;
+    if ($[7] !== t2) {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(MediaContainer, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react24.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
+var import_react_compiler_runtime38 = require("react-compiler-runtime");
 var import_themes28 = require("@radix-ui/themes");
 var import_base2 = require("@vidstack/react/player/styles/base.css");
 var import_react25 = require("@vidstack/react");
 var import_jsx_runtime37 = require("react/jsx-runtime");
-var Audio = function(_ref) {
-    var src = _ref.src;
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(MediaContainer, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react25.MediaPlayer, {
-            src: {
-                src: src,
-                type: "audio/".concat(src.split(".").pop())
-            },
-            viewType: "audio",
-            crossOrigin: true,
-            playsInline: true,
-            children: [
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react25.MediaProvider, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes28.Flex, {
+var Audio = function(t0) {
+    var $ = (0, import_react_compiler_runtime38.c)(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__ */ (0, import_jsx_runtime37.jsx)(import_react25.MediaProvider, {});
+        $[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__ */ (0, import_jsx_runtime37.jsx)(import_themes28.Flex, {
+            asChild: true,
+            p: "3",
+            flexGrow: "1",
+            style: t4,
+            children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react25.Controls.Root, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes28.Flex, {
                     asChild: true,
-                    p: "3",
+                    align: "center",
+                    gap: "3",
                     flexGrow: "1",
-                    style: {
-                        zIndex: 10,
-                        background: "var(--accent-4)"
-                    },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react25.Controls.Root, {
-                        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes28.Flex, {
-                            asChild: true,
-                            align: "center",
-                            gap: "3",
-                            flexGrow: "1",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react25.Controls.Group, {
-                                children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PlayButton, {}),
-                                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Time, {}),
-                                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(VolumeButton, {})
-                                ]
-                            })
-                        })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react25.Controls.Group, {
+                        children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PlayButton, {}),
+                            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Time, {}),
+                            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(VolumeButton, {})
+                        ]
                     })
                 })
-            ]
-        })
-    });
+            })
+        });
+        $[5] = t5;
+    } else {
+        t5 = $[5];
+    }
+    var t6;
+    if ($[6] !== t2) {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(MediaContainer, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react25.MediaPlayer, {
+                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
 var import_jsx_runtime38 = require("react/jsx-runtime");
@@ -41476,7 +42021,7 @@ function _toPrimitive21(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Img = function(props) {
-    var $ = (0, import_react_compiler_runtime20.c)(8);
+    var $ = (0, import_react_compiler_runtime39.c)(8);
     if (!props.src) {
         var t0;
         if ($[0] !== props) {
@@ -41532,13 +42077,13 @@ var Img = function(props) {
     }
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
-var import_react_compiler_runtime22 = require("react-compiler-runtime");
+var import_react_compiler_runtime42 = require("react-compiler-runtime");
 var import_react_icons8 = require("@radix-ui/react-icons");
 // src/components/annotations/FilePathAnnotation.tsx
-var import_react_compiler_runtime21 = require("react-compiler-runtime");
+var import_react_compiler_runtime40 = require("react-compiler-runtime");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var FilePathAnnotation = function(t0) {
-    var $ = (0, import_react_compiler_runtime21.c)(3);
+    var $ = (0, import_react_compiler_runtime40.c)(3);
     var annotation = t0.annotation, children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -41560,33 +42105,60 @@ var FilePathAnnotation = function(t0) {
     return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Annotation/AnnotationBase.tsx
+var import_react_compiler_runtime41 = require("react-compiler-runtime");
 var import_themes29 = require("@radix-ui/themes");
 var import_jsx_runtime40 = require("react/jsx-runtime");
-var AnnotationBase = function(_ref) {
-    var icon = _ref.icon, content2 = _ref.content;
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_themes29.Popover.Root, {
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes29.Popover.Trigger, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes29.IconButton, {
-                    variant: "soft",
-                    color: "gray",
-                    size: "1",
-                    children: icon
-                })
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes29.Popover.Content, {
+var AnnotationBase = function(t0) {
+    var $ = (0, import_react_compiler_runtime41.c)(7);
+    var icon = t0.icon, content2 = t0.content;
+    var t1;
+    if ($[0] !== icon) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes29.Popover.Trigger, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes29.IconButton, {
+                variant: "soft",
+                color: "gray",
                 size: "1",
-                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes29.Flex, {
-                    direction: "column",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes29.Text, {
-                        size: "1",
-                        color: "gray",
-                        children: content2
-                    })
+                children: icon
+            })
+        });
+        $[0] = icon;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== content2) {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes29.Popover.Content, {
+            size: "1",
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes29.Flex, {
+                direction: "column",
+                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes29.Text, {
+                    size: "1",
+                    color: "gray",
+                    children: content2
                 })
             })
-        ]
-    });
+        });
+        $[2] = content2;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    var t3;
+    if ($[4] !== t1 || $[5] !== t2) {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_themes29.Popover.Root, {
+            children: [
+                t1,
+                t2
+            ]
+        });
+        $[4] = t1;
+        $[5] = t2;
+        $[6] = t3;
+    } else {
+        t3 = $[6];
+    }
+    return t3;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
 var import_jsx_runtime41 = require("react/jsx-runtime");
@@ -41612,7 +42184,7 @@ function _objectWithoutPropertiesLoose(r, e) {
     return t;
 }
 var Annotation = function(t0) {
-    var $ = (0, import_react_compiler_runtime22.c)(9);
+    var $ = (0, import_react_compiler_runtime42.c)(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -42327,7 +42899,7 @@ var evaluate = /* @__PURE__ */ function() {
     };
 }();
 var TextContent = function(t0) {
-    var $ = (0, import_react_compiler_runtime23.c)(13);
+    var $ = (0, import_react_compiler_runtime43.c)(13);
     var content2 = t0.content;
     var _useMarkdownContext = useMarkdownContext(), getRemarkPlugins2 = _useMarkdownContext.getRemarkPlugins, components2 = _useMarkdownContext.components;
     var t1;
@@ -42464,10 +43036,10 @@ var TextContent = function(t0) {
     return t7;
 };
 // src/components/messages/MessageContent/ContentPart/ImageFileContent.tsx
-var import_react_compiler_runtime24 = require("react-compiler-runtime");
+var import_react_compiler_runtime44 = require("react-compiler-runtime");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var ImageFileContent = function(t0) {
-    var $ = (0, import_react_compiler_runtime24.c)(2);
+    var $ = (0, import_react_compiler_runtime44.c)(2);
     var content2 = t0.content;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -42488,7 +43060,7 @@ var ImageFileContent = function(t0) {
 // src/components/messages/MessageContent/ContentPart/index.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var ContentPart = function(t0) {
-    var $ = (0, import_react_compiler_runtime25.c)(4);
+    var $ = (0, import_react_compiler_runtime45.c)(4);
     var content2 = t0.content;
     if (content2.type === "text") {
         var t1;
@@ -42520,20 +43092,38 @@ var ContentPart = function(t0) {
 };
 // src/components/messages/MessageContent/index.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
-var MessageContent = function(_ref) {
-    var message = _ref.message;
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, {
-        children: message.content.map(function(content2, index) {
-            return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ContentPart, {
-                content: content2
-            }, index);
-        })
-    });
+var MessageContent = function(t0) {
+    var $ = (0, import_react_compiler_runtime46.c)(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__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, {
+            children: t1
+        });
+        $[2] = t1;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    return t2;
 };
+function _temp(content2, index) {
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ContentPart, {
+        content: content2
+    }, index);
+}
 // src/components/threads/Thread/Message/index.tsx
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var Message = function(t0) {
-    var $ = (0, import_react_compiler_runtime26.c)(37);
+    var $ = (0, import_react_compiler_runtime47.c)(37);
     var message = t0.message, className = t0.className, style = t0.style;
     var t1;
     bb0: {
@@ -42567,7 +43157,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;
             }
@@ -42581,7 +43171,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;
@@ -42720,17 +43310,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
-var import_react_compiler_runtime33 = require("react-compiler-runtime");
+var import_react_compiler_runtime56 = require("react-compiler-runtime");
 var import_react41 = require("react");
 // src/hooks/messageGroups/useMessageGroups/index.ts
-var import_react_compiler_runtime27 = require("react-compiler-runtime");
+var import_react_compiler_runtime48 = require("react-compiler-runtime");
 var import_react32 = require("react");
 // src/hooks/messageGroups/useMessageGroups/lib/messageGroups/index.ts
 var import_lodash6 = __toESM(require("lodash"), 1);
@@ -42835,7 +43425,7 @@ var messageGroups = function(_ref) {
 };
 // src/hooks/messageGroups/useMessageGroups/index.ts
 var useMessageGroups = function(t0) {
-    var $ = (0, import_react_compiler_runtime27.c)(4);
+    var $ = (0, import_react_compiler_runtime48.c)(4);
     var messages2 = t0.messages;
     var t1;
     var t2;
@@ -42862,16 +43452,16 @@ var useMessageGroups = function(t0) {
     return t1;
 };
 // src/components/skeletons/MessagesSkeleton/index.tsx
-var import_react_compiler_runtime29 = require("react-compiler-runtime");
+var import_react_compiler_runtime51 = require("react-compiler-runtime");
 var import_react34 = require("react");
 var import_themes35 = require("@radix-ui/themes");
 // src/components/messageGroups/MessageGroupBase/index.tsx
-var import_react_compiler_runtime28 = require("react-compiler-runtime");
+var import_react_compiler_runtime49 = require("react-compiler-runtime");
 var import_react33 = require("react");
 var import_themes33 = require("@radix-ui/themes");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var MessageGroupBase = /* @__PURE__ */ (0, import_react33.forwardRef)(function MessageGroupBase2(t0, ref) {
-    var $ = (0, import_react_compiler_runtime28.c)(5);
+    var $ = (0, import_react_compiler_runtime49.c)(5);
     var children = t0.children;
     var t1;
     if ($[0] !== children) {
@@ -42902,24 +43492,34 @@ var MessageGroupBase = /* @__PURE__ */ (0, import_react33.forwardRef)(function M
     return t2;
 });
 // src/components/messageGroups/MessageGroupBase/Name.tsx
+var import_react_compiler_runtime50 = require("react-compiler-runtime");
 var import_themes34 = require("@radix-ui/themes");
 var import_jsx_runtime49 = require("react/jsx-runtime");
-var Name = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes34.Flex, {
-        align: "center",
-        height: "var(--space-5)",
-        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes34.Text, {
-            size: "2",
-            weight: "bold",
-            children: children
-        })
-    });
+var Name = function(t0) {
+    var $ = (0, import_react_compiler_runtime50.c)(2);
+    var children = t0.children;
+    var t1;
+    if ($[0] !== children) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes34.Flex, {
+            align: "center",
+            height: "var(--space-5)",
+            children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes34.Text, {
+                size: "2",
+                weight: "bold",
+                children: children
+            })
+        });
+        $[0] = children;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    return t1;
 };
 // src/components/skeletons/MessagesSkeleton/index.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var MessagesSkeleton = /* @__PURE__ */ (0, import_react34.forwardRef)(function MessagesSkeleton2(_props, ref) {
-    var $ = (0, import_react_compiler_runtime29.c)(7);
+    var $ = (0, import_react_compiler_runtime51.c)(7);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Skeleton, {
@@ -43010,11 +43610,11 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react34.forwardRef)(function M
     return t5;
 });
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
-var import_react_compiler_runtime32 = require("react-compiler-runtime");
+var import_react_compiler_runtime55 = require("react-compiler-runtime");
 var import_react40 = require("react");
 var import_themes41 = require("@radix-ui/themes");
 // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
-var import_react_compiler_runtime30 = require("react-compiler-runtime");
+var import_react_compiler_runtime52 = require("react-compiler-runtime");
 var import_react36 = require("react");
 var import_themes37 = require("@radix-ui/themes");
 // src/contexts/assistants/AssistantAvatarContext/index.tsx
@@ -43029,7 +43629,7 @@ var AssistantAvatarContext = /* @__PURE__ */ (0, import_react35.createContext)(/
 // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var AssistantAvatar = function() {
-    var $ = (0, import_react_compiler_runtime30.c)(3);
+    var $ = (0, import_react_compiler_runtime52.c)(3);
     var AssistantAvatarContextValue = (0, import_react36.useContext)(AssistantAvatarContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -43061,7 +43661,7 @@ var AssistantAvatar = function() {
 var import_react37 = require("react");
 var AssistantNameContext = /* @__PURE__ */ (0, import_react37.createContext)("Assistant");
 // src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
-var import_react_compiler_runtime31 = require("react-compiler-runtime");
+var import_react_compiler_runtime53 = require("react-compiler-runtime");
 var import_react39 = require("react");
 var import_themes39 = require("@radix-ui/themes");
 // src/contexts/users/UserAvatarContext/index.tsx
@@ -43076,7 +43676,7 @@ var UserAvatarContext = /* @__PURE__ */ (0, import_react38.createContext)(/* @__
 // src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var UserAvatar = function() {
-    var $ = (0, import_react_compiler_runtime31.c)(3);
+    var $ = (0, import_react_compiler_runtime53.c)(3);
     var UserAvatarContextValue = (0, import_react39.useContext)(UserAvatarContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -43105,23 +43705,42 @@ var UserAvatar = function() {
     return t1;
 };
 // src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
+var import_react_compiler_runtime54 = require("react-compiler-runtime");
 var import_themes40 = require("@radix-ui/themes");
 var import_jsx_runtime55 = require("react/jsx-runtime");
-var Content5 = function(_ref) {
-    var messageGroup = _ref.messageGroup;
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes40.Flex, {
-        direction: "column-reverse",
-        children: messageGroup.messages.map(function(message) {
-            return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Message, {
-                message: message
-            }, message.id);
-        })
-    });
+var Content5 = function(t0) {
+    var $ = (0, import_react_compiler_runtime54.c)(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__ */ (0, import_jsx_runtime55.jsx)(import_themes40.Flex, {
+            direction: "column-reverse",
+            children: t1
+        });
+        $[2] = t1;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    return t2;
 };
+function _temp3(message) {
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Message, {
+        message: message
+    }, message.id);
+}
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var MessageGroup = function(t0) {
-    var $ = (0, import_react_compiler_runtime32.c)(12);
+    var $ = (0, import_react_compiler_runtime55.c)(12);
     var messageGroup = t0.messageGroup;
     var assistantNameContext = (0, import_react40.useContext)(AssistantNameContext);
     var t1;
@@ -43187,7 +43806,7 @@ var MessageGroup = function(t0) {
 // src/components/threads/Thread/Messages/Content/index.tsx
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var Content6 = function() {
-    var $ = (0, import_react_compiler_runtime33.c)(11);
+    var $ = (0, import_react_compiler_runtime56.c)(11);
     var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
     var addToast = useToasts().addToast;
     var t0;
@@ -43237,7 +43856,7 @@ var Content6 = function() {
     }
     var t3;
     if ($[7] !== messageGroups2) {
-        t3 = messageGroups2.map(_temp3);
+        t3 = messageGroups2.map(_temp4);
         $[7] = messageGroups2;
         $[8] = t3;
     } else {
@@ -43255,38 +43874,47 @@ var Content6 = function() {
     }
     return t4;
 };
-function _temp3(messageGroup) {
+function _temp4(messageGroup) {
     return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(MessageGroup, {
         messageGroup: messageGroup
     }, messageGroup.id);
 }
 // src/components/threads/Thread/Messages/Progress/index.tsx
-var import_react_compiler_runtime35 = require("react-compiler-runtime");
+var import_react_compiler_runtime59 = require("react-compiler-runtime");
 var import_react43 = require("react");
 var import_themes44 = require("@radix-ui/themes");
 // src/components/skeletons/StartingSkeleton/index.tsx
-var import_react_compiler_runtime34 = require("react-compiler-runtime");
+var import_react_compiler_runtime58 = require("react-compiler-runtime");
 var import_react42 = require("react");
 var import_themes43 = require("@radix-ui/themes");
 // src/components/skeletons/StartingContentSkeleton/index.tsx
+var import_react_compiler_runtime57 = require("react-compiler-runtime");
 var import_themes42 = require("@radix-ui/themes");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var StartingContentSkeleton = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes42.Skeleton, {
-        loading: true,
-        mt: "1",
-        height: "var(--space-4)",
-        width: "var(--space-4)",
-        style: {
-            borderRadius: "var(--radius-6)",
-            flexShrink: 0
-        }
-    });
+    var $ = (0, import_react_compiler_runtime57.c)(1);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes42.Skeleton, {
+            loading: true,
+            mt: "1",
+            height: "var(--space-4)",
+            width: "var(--space-4)",
+            style: {
+                borderRadius: "var(--radius-6)",
+                flexShrink: 0
+            }
+        });
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    return t0;
 };
 // src/components/skeletons/StartingSkeleton/index.tsx
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var StartingSkeleton = function(t0) {
-    var $ = (0, import_react_compiler_runtime34.c)(7);
+    var $ = (0, import_react_compiler_runtime58.c)(7);
     var children = t0.children;
     var assistantNameContext = (0, import_react42.useContext)(AssistantNameContext);
     var t1;
@@ -43338,7 +43966,7 @@ var StartingSkeleton = function(t0) {
 // src/components/threads/Thread/Messages/Progress/index.tsx
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var Progress = function() {
-    var $ = (0, import_react_compiler_runtime35.c)(3);
+    var $ = (0, import_react_compiler_runtime59.c)(3);
     var latestMessage = useLatestMessage().latestMessage;
     var isMutatingMessage = useIsMutatingMessage();
     var t0;
@@ -43409,7 +44037,7 @@ var Progress = function() {
     return null;
 };
 // src/components/threads/Thread/Messages/Root/index.tsx
-var import_react_compiler_runtime36 = require("react-compiler-runtime");
+var import_react_compiler_runtime60 = require("react-compiler-runtime");
 var import_themes45 = require("@radix-ui/themes");
 // src/hooks/misc/useInfiniteScroll/index.tsx
 var import_react45 = require("react");
@@ -43507,7 +44135,7 @@ function _toPrimitive26(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root2 = function(t0) {
-    var $ = (0, import_react_compiler_runtime36.c)(18);
+    var $ = (0, import_react_compiler_runtime60.c)(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;
@@ -43590,10 +44218,10 @@ var Root2 = function(t0) {
     return t6;
 };
 // src/components/threads/Thread/Messages/NextPageSkeleton.tsx
-var import_react_compiler_runtime37 = require("react-compiler-runtime");
+var import_react_compiler_runtime61 = require("react-compiler-runtime");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var NextPageSkeleton = function() {
-    var $ = (0, import_react_compiler_runtime37.c)(1);
+    var $ = (0, import_react_compiler_runtime61.c)(1);
     var hasNextPage = useMessages().hasNextPage;
     if (!hasNextPage) {
         return null;
@@ -43609,33 +44237,72 @@ var NextPageSkeleton = function() {
 };
 // src/components/threads/Thread/Messages/index.tsx
 var import_jsx_runtime63 = require("react/jsx-runtime");
-var Messages = function(_ref) {
-    var children = _ref.children, className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Root2, {
-        style: style,
-        className: className,
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes46.Flex, {
-                flexShrink: "0",
-                height: "var(--space-3)"
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Progress, {}),
-            children,
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Content6, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(NextPageSkeleton, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes46.Flex, {
-                flexShrink: "0",
-                flexGrow: "1",
-                minHeight: "var(--space-5)"
-            })
-        ]
-    });
+var Messages = function(t0) {
+    var $ = (0, import_react_compiler_runtime62.c)(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__ */ (0, import_jsx_runtime63.jsx)(import_themes46.Flex, {
+            flexShrink: "0",
+            height: "var(--space-3)"
+        });
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(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__ */ (0, import_jsx_runtime63.jsx)(Content6, {});
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(NextPageSkeleton, {});
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes46.Flex, {
+            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__ */ (0, import_jsx_runtime63.jsxs)(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
+var import_react_compiler_runtime68 = require("react-compiler-runtime");
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
-var import_react_compiler_runtime38 = require("react-compiler-runtime");
+var import_react_compiler_runtime63 = require("react-compiler-runtime");
 var import_react_icons11 = require("@radix-ui/react-icons");
 var import_themes47 = require("@radix-ui/themes");
 // src/hooks/messages/useMessageFormContext/index.ts
@@ -43699,18 +44366,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__ */ (0, import_jsx_runtime64.jsx)(import_themes47.Flex, {
-        flexShrink: "0",
-        align: "end",
-        style: style,
-        className: className,
-        children: children
-    });
+var Root3 = function(t0) {
+    var $ = (0, import_react_compiler_runtime63.c)(4);
+    var children = t0.children, style = t0.style, className = t0.className;
+    var t1;
+    if ($[0] !== children || $[1] !== className || $[2] !== style) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes47.Flex, {
+            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 $ = (0, import_react_compiler_runtime38.c)(10);
+    var $ = (0, import_react_compiler_runtime63.c)(10);
     var superinterfaceContext = useSuperinterfaceContext();
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, isFileLoading = _useMessageFormContext.isFileLoading;
     if (isLoading) {
@@ -43773,9 +44451,25 @@ var Button3 = function(props) {
     return t2;
 };
 var Submit = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Root3, _objectSpread27(_objectSpread27({}, props), {}, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button3, {})
-    }));
+    var $ = (0, import_react_compiler_runtime63.c)(3);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button3, {});
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] !== props) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Root3, _objectSpread27(_objectSpread27({}, props), {}, {
+            children: t0
+        }));
+        $[1] = props;
+        $[2] = t1;
+    } else {
+        t1 = $[2];
+    }
+    return t1;
 };
 Submit.Root = Root3;
 Submit.Button = Button3;
@@ -43982,6 +44676,7 @@ var Root4 = function(_ref) {
 var import_react_hook_form3 = require("react-hook-form");
 var import_themes52 = require("@radix-ui/themes");
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
+var import_react_compiler_runtime65 = require("react-compiler-runtime");
 var import_themes49 = require("@radix-ui/themes");
 var import_react_hook_form2 = require("react-hook-form");
 // src/hooks/misc/usePrevious.ts
@@ -43996,7 +44691,7 @@ var usePrevious = function(state) {
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
 var import_react51 = require("react");
 // src/components/textareas/TextareaBase/index.tsx
-var import_react_compiler_runtime39 = require("react-compiler-runtime");
+var import_react_compiler_runtime64 = require("react-compiler-runtime");
 var import_react50 = require("react");
 var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"), 1);
 var import_jsx_runtime66 = require("react/jsx-runtime");
@@ -44066,7 +44761,7 @@ function _objectWithoutPropertiesLoose3(r, e) {
     return t;
 }
 var TextareaBase = /* @__PURE__ */ (0, import_react50.forwardRef)(function TextareaBase2(t0, ref) {
-    var $ = (0, import_react_compiler_runtime39.c)(14);
+    var $ = (0, import_react_compiler_runtime64.c)(14);
     var className;
     var rest;
     var style;
@@ -44186,15 +44881,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__ */ (0, import_jsx_runtime67.jsx)(import_themes49.Flex, {
-        flexGrow: "1",
-        pt: "4px",
-        style: style,
-        className: className,
-        children: children
-    });
+var Root5 = function(t0) {
+    var $ = (0, import_react_compiler_runtime65.c)(4);
+    var children = t0.children, style = t0.style, className = t0.className;
+    var t1;
+    if ($[0] !== children || $[1] !== className || $[2] !== style) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes49.Flex, {
+            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";
@@ -44241,14 +44947,30 @@ var Input = function(props) {
     }));
 };
 var Control = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Root5, _objectSpread30(_objectSpread30({}, props), {}, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Input, {})
-    }));
+    var $ = (0, import_react_compiler_runtime65.c)(3);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Input, {});
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] !== props) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(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
-var import_react_compiler_runtime40 = require("react-compiler-runtime");
+var import_react_compiler_runtime66 = require("react-compiler-runtime");
 var import_themes50 = require("@radix-ui/themes");
 var import_react_icons12 = require("@radix-ui/react-icons");
 var import_jsx_runtime68 = require("react/jsx-runtime");
@@ -44296,7 +45018,7 @@ function _toPrimitive31(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Preview = function(props) {
-    var $ = (0, import_react_compiler_runtime40.c)(8);
+    var $ = (0, import_react_compiler_runtime66.c)(8);
     var _useMessageFormContext = useMessageFormContext(), files = _useMessageFormContext.files, setFiles = _useMessageFormContext.setFiles;
     if (!files.length) {
         return null;
@@ -44394,7 +45116,7 @@ var import_dayjs2 = __toESM(require("dayjs"), 1);
 var import_react_icons13 = require("@radix-ui/react-icons");
 var import_themes51 = require("@radix-ui/themes");
 // src/hooks/files/useCreateFile/index.ts
-var import_react_compiler_runtime41 = require("react-compiler-runtime");
+var import_react_compiler_runtime67 = require("react-compiler-runtime");
 var import_react_query7 = require("@tanstack/react-query");
 // src/hooks/files/useCreateFile/lib/mutationOptions/mutationFn/body/formData.ts
 var formData = function(variables) {
@@ -44630,11 +45352,11 @@ function _toPrimitive34(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useCreateFile = function(t0) {
-    var $ = (0, import_react_compiler_runtime41.c)(15);
+    var $ = (0, import_react_compiler_runtime67.c)(15);
     var t1;
     if ($[0] !== t0) {
         t1 = t0 === void 0 ? {
-            onError: _temp4
+            onError: _temp5
         } : t0;
         $[0] = t0;
         $[1] = t1;
@@ -44644,7 +45366,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 {
@@ -44672,7 +45394,7 @@ var useCreateFile = function(t0) {
     }
     var props = (0, import_react_query7.useMutation)(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++){
@@ -44685,7 +45407,7 @@ var useCreateFile = function(t0) {
             ].concat(_to_consumable_array(restArgs)));
         };
         $[9] = props;
-        $[10] = threadContext.variables;
+        $[10] = threadContext;
         $[11] = t5;
     } else {
         t5 = $[11];
@@ -44703,8 +45425,8 @@ var useCreateFile = function(t0) {
     }
     return t6;
 };
-function _temp4() {}
-function _temp22() {}
+function _temp5() {}
+function _temp23() {}
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
 var import_jsx_runtime69 = require("react/jsx-runtime");
 function ownKeys35(e, r) {
@@ -45156,63 +45878,107 @@ function _toPrimitive37(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MessageForm = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Root4, _objectSpread37(_objectSpread37({}, props), {}, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Field.Root, {
+    var $ = (0, import_react_compiler_runtime68.c)(3);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Field.Root, {
             children: [
                 /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Field.Control, {}),
                 /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Submit, {})
             ]
-        })
-    }));
+        });
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] !== props) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(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
+var import_react_compiler_runtime71 = require("react-compiler-runtime");
 var import_themes54 = require("@radix-ui/themes");
 // src/components/threads/Thread/Provider/index.tsx
 var Provider2 = SuperinterfaceProvider;
 // src/components/toasts/ToastsProvider/index.tsx
-var import_react_compiler_runtime42 = require("react-compiler-runtime");
+var import_react_compiler_runtime70 = require("react-compiler-runtime");
 var import_react53 = require("react");
 var Toast2 = __toESM(require("@radix-ui/react-toast"), 1);
 // src/components/toasts/ToastsProvider/CustomToast.tsx
+var import_react_compiler_runtime69 = require("react-compiler-runtime");
 var Toast = __toESM(require("@radix-ui/react-toast"), 1);
 var import_themes53 = require("@radix-ui/themes");
 var import_react_icons14 = require("@radix-ui/react-icons");
 var import_jsx_runtime72 = require("react/jsx-runtime");
-var CustomToast = function(_ref) {
-    var toast = _ref.toast;
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Toast.Root, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes53.Card, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Toast.Title, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_themes53.Flex, {
-                    children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes53.Flex, {
-                            pr: "2",
-                            height: "14px",
-                            align: "center",
-                            children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons14.CheckCircledIcon, {
-                                color: "var(--accent-9)"
-                            }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons14.CrossCircledIcon, {
-                                color: "var(--red-9)"
-                            })
-                        }),
-                        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes53.Text, {
-                            weight: "medium",
-                            size: "1",
-                            children: toast.message
-                        })
-                    ]
+var CustomToast = function(t0) {
+    var $ = (0, import_react_compiler_runtime69.c)(7);
+    var toast = t0.toast;
+    var t1;
+    if ($[0] !== toast.type) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes53.Flex, {
+            pr: "2",
+            height: "14px",
+            align: "center",
+            children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons14.CheckCircledIcon, {
+                color: "var(--accent-9)"
+            }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons14.CrossCircledIcon, {
+                color: "var(--red-9)"
+            })
+        });
+        $[0] = toast.type;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== toast.message) {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes53.Text, {
+            weight: "medium",
+            size: "1",
+            children: toast.message
+        });
+        $[2] = toast.message;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    var t3;
+    if ($[4] !== t1 || $[5] !== t2) {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Toast.Root, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes53.Card, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Toast.Title, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_themes53.Flex, {
+                        children: [
+                            t1,
+                            t2
+                        ]
+                    })
                 })
             })
-        })
-    });
+        });
+        $[4] = t1;
+        $[5] = t2;
+        $[6] = t3;
+    } else {
+        t3 = $[6];
+    }
+    return t3;
 };
 // src/components/toasts/ToastsProvider/index.tsx
 var import_jsx_runtime73 = require("react/jsx-runtime");
 var ToastsProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime42.c)(15);
+    var $ = (0, import_react_compiler_runtime70.c)(15);
     var children = t0.children, t1 = t0.bottom;
     var bottom = t1 === void 0 ? 0 : t1;
     var t2;
@@ -45250,7 +46016,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 {
@@ -45310,7 +46076,7 @@ var ToastsProvider = function(t0) {
     }
     return t8;
 };
-function _temp5(toast_0, index) {
+function _temp6(toast_0, index) {
     return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(CustomToast, {
         toast: toast_0
     }, index);
@@ -45383,20 +46149,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__ */ (0, import_jsx_runtime74.jsx)(ToastsProvider, {
-        bottom: "var(--space-9)",
-        children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Provider2, _objectSpread38(_objectSpread38({}, rest), {}, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes54.Flex, {
-                direction: "column",
-                flexGrow: "1",
-                className: className,
-                style: style,
-                children: children
-            })
-        }))
-    });
+var Root8 = function(t0) {
+    var $ = (0, import_react_compiler_runtime71.c)(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__ */ (0, import_jsx_runtime74.jsx)(import_themes54.Flex, {
+            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__ */ (0, import_jsx_runtime74.jsx)(ToastsProvider, {
+            bottom: "var(--space-9)",
+            children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Provider2, _objectSpread38(_objectSpread38({}, rest), {}, {
+                children: t1
+            }))
+        });
+        $[9] = rest;
+        $[10] = t1;
+        $[11] = t2;
+    } else {
+        t2 = $[11];
+    }
+    return t2;
 };
 // src/components/threads/Thread/index.tsx
 var import_jsx_runtime75 = require("react/jsx-runtime");
@@ -45444,12 +46250,32 @@ function _toPrimitive39(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Thread = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Root8, _objectSpread39(_objectSpread39({}, props), {}, {
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Messages, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(MessageForm, {})
-        ]
-    }));
+    var $ = (0, import_react_compiler_runtime72.c)(4);
+    var t0;
+    var t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Messages, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(MessageForm, {});
+        $[0] = t0;
+        $[1] = t1;
+    } else {
+        t0 = $[0];
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== props) {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Root8, _objectSpread39(_objectSpread39({}, props), {}, {
+            children: [
+                t0,
+                t1
+            ]
+        }));
+        $[2] = props;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    return t2;
 };
 Thread.Root = Root8;
 Thread.Messages = Messages;
@@ -45460,7 +46286,7 @@ var useMessageContext = function() {
     return (0, import_react54.useContext)(MessageContext);
 };
 // src/hooks/assistants/useAssistant/index.ts
-var import_react_compiler_runtime43 = require("react-compiler-runtime");
+var import_react_compiler_runtime73 = require("react-compiler-runtime");
 var import_react55 = require("react");
 var import_react_query9 = require("@tanstack/react-query");
 // src/hooks/assistants/useAssistant/lib/queryOptions/index.ts
@@ -45610,7 +46436,7 @@ function _toPrimitive40(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useAssistant = function(t0) {
-    var $ = (0, import_react_compiler_runtime43.c)(6);
+    var $ = (0, import_react_compiler_runtime73.c)(6);
     var assistantId = t0.assistantId;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -45642,8 +46468,12 @@ var useAssistant = function(t0) {
     t2 = t4;
     return t2;
 };
+// src/components/threads/ThreadDialog/index.tsx
+var import_react_compiler_runtime80 = require("react-compiler-runtime");
+// src/components/threads/ThreadDialog/Root/index.tsx
+var import_react_compiler_runtime75 = require("react-compiler-runtime");
 // src/components/threads/ThreadDialog/Provider/index.tsx
-var import_react_compiler_runtime44 = require("react-compiler-runtime");
+var import_react_compiler_runtime74 = require("react-compiler-runtime");
 var import_react58 = require("react");
 // src/contexts/threads/ThreadDialogContext/index.ts
 var import_react56 = require("react");
@@ -45659,7 +46489,7 @@ var useThreadDialogContext = function() {
 // src/components/threads/ThreadDialog/Provider/index.tsx
 var import_jsx_runtime76 = require("react/jsx-runtime");
 var Provider4 = function(t0) {
-    var $ = (0, import_react_compiler_runtime44.c)(5);
+    var $ = (0, import_react_compiler_runtime74.c)(5);
     var children = t0.children;
     var threadDialogContext = useThreadDialogContext();
     var _ref = _sliced_to_array((0, import_react58.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
@@ -45690,16 +46520,26 @@ var Provider4 = function(t0) {
 };
 // src/components/threads/ThreadDialog/Root/index.tsx
 var import_jsx_runtime77 = require("react/jsx-runtime");
-var Root9 = function(_ref) {
-    var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Provider4, {
-        children: children
-    });
+var Root9 = function(t0) {
+    var $ = (0, import_react_compiler_runtime75.c)(2);
+    var children = t0.children;
+    var t1;
+    if ($[0] !== children) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Provider4, {
+            children: children
+        });
+        $[0] = children;
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    return t1;
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-var import_react_compiler_runtime45 = require("react-compiler-runtime");
+var import_react_compiler_runtime77 = require("react-compiler-runtime");
 var import_themes56 = require("@radix-ui/themes");
 // src/components/threads/ThreadDialog/Trigger/Button.tsx
+var import_react_compiler_runtime76 = require("react-compiler-runtime");
 var import_themes55 = require("@radix-ui/themes");
 var import_react_icons15 = require("@radix-ui/react-icons");
 var import_jsx_runtime78 = require("react/jsx-runtime");
@@ -45747,12 +46587,28 @@ function _toPrimitive41(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Button4 = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_themes55.IconButton, _objectSpread41(_objectSpread41({
-        size: "4",
-        radius: "full"
-    }, props), {}, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_icons15.ChatBubbleIcon, {})
-    }));
+    var $ = (0, import_react_compiler_runtime76.c)(3);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react_icons15.ChatBubbleIcon, {});
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] !== props) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_themes55.IconButton, _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
 var import_jsx_runtime79 = require("react/jsx-runtime");
@@ -45800,7 +46656,7 @@ function _toPrimitive42(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root10 = function(t0) {
-    var $ = (0, import_react_compiler_runtime45.c)(14);
+    var $ = (0, import_react_compiler_runtime77.c)(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";
@@ -45818,7 +46674,7 @@ var Root10 = function(t0) {
     var t3;
     if ($[2] !== setIsOpen) {
         t3 = function() {
-            return setIsOpen(_temp6);
+            return setIsOpen(_temp7);
         };
         $[2] = setIsOpen;
         $[3] = t3;
@@ -45871,25 +46727,41 @@ var Root10 = function(t0) {
     return t6;
 };
 var Trigger = function(args) {
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Root10, _objectSpread42(_objectSpread42({}, args), {}, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button4, {})
-    }));
+    var $ = (0, import_react_compiler_runtime77.c)(3);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button4, {});
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] !== args) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(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
-var import_react_compiler_runtime47 = require("react-compiler-runtime");
+var import_react_compiler_runtime79 = require("react-compiler-runtime");
 var import_themes58 = require("@radix-ui/themes");
 // src/components/threads/ThreadDialog/Close/index.tsx
-var import_react_compiler_runtime46 = require("react-compiler-runtime");
+var import_react_compiler_runtime78 = require("react-compiler-runtime");
 var import_react_icons16 = require("@radix-ui/react-icons");
 var import_themes57 = require("@radix-ui/themes");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 var Close = function() {
-    var $ = (0, import_react_compiler_runtime46.c)(9);
+    var $ = (0, import_react_compiler_runtime78.c)(9);
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
     var t0 = isOpen ? "flex" : "none";
     var t1;
@@ -45906,7 +46778,7 @@ var Close = function() {
     var t2;
     if ($[2] !== setIsOpen) {
         t2 = function() {
-            return setIsOpen(_temp7);
+            return setIsOpen(_temp8);
         };
         $[2] = setIsOpen;
         $[3] = t2;
@@ -45956,7 +46828,7 @@ var Close = function() {
     }
     return t5;
 };
-function _temp7(prev) {
+function _temp8(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
@@ -46005,7 +46877,7 @@ function _toPrimitive43(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root11 = function(t0) {
-    var $ = (0, import_react_compiler_runtime47.c)(19);
+    var $ = (0, import_react_compiler_runtime79.c)(19);
     var children = t0.children, className = t0.className, style = t0.style;
     var isOpen = useThreadDialogContext().isOpen;
     if (!isOpen) {
@@ -46151,41 +47023,93 @@ var Root11 = function(t0) {
     }
     return t13;
 };
-var Messages2 = function(_ref) {
-    var className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Thread.Messages, {
-        className: className,
-        style: _objectSpread43({
+var Messages2 = function(t0) {
+    var $ = (0, import_react_compiler_runtime79.c)(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__ */ (0, import_jsx_runtime81.jsx)(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__ */ (0, import_jsx_runtime81.jsx)(import_themes58.Flex, {
-        direction: "column",
-        pl: "5",
-        pr: "5",
-        pb: "3",
-        flexShrink: "0",
-        className: className,
-        style: style,
-        children: children
-    });
+var FormContainer = function(t0) {
+    var $ = (0, import_react_compiler_runtime79.c)(4);
+    var children = t0.children, className = t0.className, style = t0.style;
+    var t1;
+    if ($[0] !== children || $[1] !== className || $[2] !== style) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_themes58.Flex, {
+            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__ */ (0, import_jsx_runtime81.jsx)(Root11, _objectSpread43(_objectSpread43({}, props), {}, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Thread.Root, {
+    var $ = (0, import_react_compiler_runtime79.c)(4);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Messages2, {});
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Thread.Root, {
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Messages2, {}),
+                t0,
                 /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(FormContainer, {
                     children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Thread.MessageForm, {})
                 })
             ]
-        })
-    }));
+        });
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== props) {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Root11, _objectSpread43(_objectSpread43({}, props), {}, {
+            children: t1
+        }));
+        $[2] = props;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    return t2;
 };
 Content7.Root = Root11;
 Content7.Messages = Messages2;
@@ -46193,18 +47117,30 @@ Content7.FormContainer = FormContainer;
 // src/components/threads/ThreadDialog/index.tsx
 var import_jsx_runtime82 = require("react/jsx-runtime");
 var ThreadDialog = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Root9, {
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Content7, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Trigger, {})
-        ]
-    });
+    var $ = (0, import_react_compiler_runtime80.c)(1);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Root9, {
+            children: [
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Content7, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Trigger, {})
+            ]
+        });
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    return t0;
 };
 ThreadDialog.Root = Root9;
 ThreadDialog.Trigger = Trigger;
 ThreadDialog.Content = Content7;
+// src/components/threads/AudioThreadDialog/index.tsx
+var import_react_compiler_runtime95 = require("react-compiler-runtime");
+// src/components/threads/AudioThread/index.tsx
+var import_react_compiler_runtime94 = require("react-compiler-runtime");
 // src/components/threads/AudioThread/Root/index.tsx
-var import_react_compiler_runtime53 = require("react-compiler-runtime");
+var import_react_compiler_runtime86 = require("react-compiler-runtime");
 var import_themes59 = require("@radix-ui/themes");
 // src/contexts/threads/AudioThreadContext/index.ts
 var import_react59 = require("react");
@@ -46217,12 +47153,12 @@ var useAudioThreadContext = function() {
     return (0, import_react60.useContext)(AudioThreadContext);
 };
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
-var import_react_compiler_runtime52 = require("react-compiler-runtime");
+var import_react_compiler_runtime85 = require("react-compiler-runtime");
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
-var import_react_compiler_runtime51 = require("react-compiler-runtime");
+var import_react_compiler_runtime84 = require("react-compiler-runtime");
 var import_react65 = require("react");
 // src/hooks/misc/usePermission/index.ts
-var import_react_compiler_runtime48 = require("react-compiler-runtime");
+var import_react_compiler_runtime81 = require("react-compiler-runtime");
 var import_react61 = require("react");
 // src/hooks/misc/usePermission/util.ts
 var noop = function() {};
@@ -46246,7 +47182,7 @@ function off(obj) {
 }
 // src/hooks/misc/usePermission/index.ts
 var usePermission = function(permissionDesc) {
-    var $ = (0, import_react_compiler_runtime48.c)(3);
+    var $ = (0, import_react_compiler_runtime81.c)(3);
     var _ref = _sliced_to_array((0, import_react61.useState)(""), 2), state = _ref[0], setState = _ref[1];
     var t0;
     var t1;
@@ -46295,11 +47231,11 @@ var import_use_audio_capture = require("use-audio-capture");
 var import_react63 = require("react");
 var import_react_use_audio_player = require("react-use-audio-player");
 // src/hooks/misc/useInterval.ts
-var import_react_compiler_runtime49 = require("react-compiler-runtime");
+var import_react_compiler_runtime82 = require("react-compiler-runtime");
 var import_react62 = require("react");
 var useInterval = function(callback, delay) {
-    var $ = (0, import_react_compiler_runtime49.c)(5);
-    var savedCallback = (0, import_react62.useRef)(_temp8);
+    var $ = (0, import_react_compiler_runtime82.c)(5);
+    var savedCallback = (0, import_react62.useRef)(_temp9);
     var t0;
     if ($[0] !== callback) {
         t0 = function() {
@@ -46336,7 +47272,7 @@ var useInterval = function(callback, delay) {
     }
     (0, import_react62.useEffect)(t1, t2);
 };
-function _temp8() {}
+function _temp9() {}
 // src/hooks/audioThreads/useRecorder/index.ts
 function ownKeys44(e, r) {
     var t = Object.keys(e);
@@ -46551,7 +47487,7 @@ var useRecorder = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-var import_react_compiler_runtime50 = require("react-compiler-runtime");
+var import_react_compiler_runtime83 = require("react-compiler-runtime");
 var import_react64 = require("react");
 var import_compromise = __toESM(require("compromise"), 1);
 var import_howler = require("howler");
@@ -46634,7 +47570,7 @@ var getMessageSentences = function(_ref) {
 };
 var useMessageAudio = function(t0) {
     var _latestMessageProps$l;
-    var $ = (0, import_react_compiler_runtime50.c)(50);
+    var $ = (0, import_react_compiler_runtime83.c)(49);
     var _onEnd = t0.onEnd, passedPlay = t0.play;
     var _ref = _sliced_to_array((0, import_react64.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
     var t1;
@@ -46738,7 +47674,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({
@@ -46774,19 +47710,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;
@@ -46838,18 +47773,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,
@@ -46861,35 +47796,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];
     }
     (0, import_react64.useEffect)(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];
     }
-    (0, import_react64.useEffect)(_temp9, t8);
+    (0, import_react64.useEffect)(_temp10, t8);
     var _ref4 = _sliced_to_array((0, import_react64.useState)(null), 2), audioEngine = _ref4[0], setAudioEngine = _ref4[1];
     var isAudioEngineInited = (0, import_react64.useRef)(false);
     var t9;
-    if ($[38] !== audioPlayer.playing) {
+    if ($[37] !== audioPlayer.playing) {
         t9 = function() {
             if (!audioPlayer.playing) {
                 return;
@@ -46911,21 +47846,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];
     }
     (0, import_react64.useEffect)(t9, t10);
     var t11;
@@ -46935,15 +47870,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;
     }
@@ -46952,24 +47887,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 (!(import_howler.Howler !== null && import_howler.Howler !== void 0 && (_Howler$_howls$ = import_howler.Howler._howls[0]) !== null && _Howler$_howls$ !== void 0 && (_Howler$_howls$ = _Howler$_howls$._sounds[0]) !== null && _Howler$_howls$ !== void 0 && _Howler$_howls$._node)) {
@@ -47015,7 +47950,7 @@ function _asyncToGenerator11(n) {
     };
 }
 var useTtsAudioRuntime = function(t0) {
-    var $ = (0, import_react_compiler_runtime51.c)(30);
+    var $ = (0, import_react_compiler_runtime84.c)(30);
     var play = t0.play;
     var addToast = useToasts().addToast;
     var queryClient = (0, import_react_query10.useQueryClient)();
@@ -47044,7 +47979,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;
@@ -47108,12 +48043,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) {
@@ -47181,23 +48110,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
 var import_jsx_runtime83 = require("react/jsx-runtime");
 var TtsAudioRuntimeProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime52.c)(7);
+    var $ = (0, import_react_compiler_runtime85.c)(7);
     var children = t0.children, play = t0.play;
     var t1;
     if ($[0] !== play) {
@@ -47306,19 +48235,30 @@ function _objectWithoutPropertiesLoose5(r, e) {
     }
     return t;
 }
-var Content8 = function(_ref) {
-    var children = _ref.children, className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes59.Flex, {
-        direction: "column",
-        flexGrow: "1",
-        p: "9",
-        className: className,
-        style: style,
-        children: children
-    });
+var Content8 = function(t0) {
+    var $ = (0, import_react_compiler_runtime86.c)(4);
+    var children = t0.children, className = t0.className, style = t0.style;
+    var t1;
+    if ($[0] !== children || $[1] !== className || $[2] !== style) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes59.Flex, {
+            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 $ = (0, import_react_compiler_runtime53.c)(3);
+    var $ = (0, import_react_compiler_runtime86.c)(3);
     var children = t0.children, play = t0.play;
     var audioThreadContext = useAudioThreadContext();
     if (audioThreadContext.audioRuntime) {
@@ -47339,7 +48279,7 @@ var AudioRuntimeProvider = function(t0) {
     return t1;
 };
 var Provider5 = function(t0) {
-    var $ = (0, import_react_compiler_runtime53.c)(9);
+    var $ = (0, import_react_compiler_runtime86.c)(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -47378,22 +48318,75 @@ 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__ */ (0, import_jsx_runtime84.jsx)(Provider5, _objectSpread46(_objectSpread46({}, rest), {}, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(AudioRuntimeProvider, {
-            play: play,
-            children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ToastsProvider, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Content8, {
-                    className: className,
-                    style: style,
-                    children: children
-                })
+var Root12 = function(t0) {
+    var $ = (0, import_react_compiler_runtime86.c)(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__ */ (0, import_jsx_runtime84.jsx)(ToastsProvider, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(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__ */ (0, import_jsx_runtime84.jsx)(AudioRuntimeProvider, {
+            play: play,
+            children: t1
+        });
+        $[10] = play;
+        $[11] = t1;
+        $[12] = t2;
+    } else {
+        t2 = $[12];
+    }
+    var t3;
+    if ($[13] !== rest || $[14] !== t2) {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Provider5, _objectSpread46(_objectSpread46({}, rest), {}, {
+            children: t2
+        }));
+        $[13] = rest;
+        $[14] = t2;
+        $[15] = t3;
+    } else {
+        t3 = $[15];
+    }
+    return t3;
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
+var import_react_compiler_runtime88 = require("react-compiler-runtime");
 var import_react68 = require("react");
 var import_lodash9 = __toESM(require("lodash"), 1);
 var import_themes61 = require("@radix-ui/themes");
@@ -47462,10 +48455,10 @@ var BarsVisualizer = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-var import_react_compiler_runtime54 = require("react-compiler-runtime");
+var import_react_compiler_runtime87 = require("react-compiler-runtime");
 var import_react67 = require("react");
 var useStatus = function() {
-    var $ = (0, import_react_compiler_runtime54.c)(2);
+    var $ = (0, import_react_compiler_runtime87.c)(2);
     var audioRuntime = useAudioThreadContext().audioRuntime;
     var t0;
     bb0: {
@@ -47514,6 +48507,18 @@ var useStatus = function() {
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
 var import_jsx_runtime86 = require("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) {
@@ -47557,13 +48562,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__ */ (0, import_react68.createContext)({
+    scale: 0
+});
+var Provider6 = function(_ref) {
+    var children = _ref.children;
     var audioThreadContext = useAudioThreadContext();
-    var assistantNameContext = (0, import_react68.useContext)(AssistantNameContext);
-    var _ref = _sliced_to_array((0, import_react68.useState)(0), 2), scale = _ref[0], setScale = _ref[1];
-    var draw = (0, import_react68.useCallback)(function(_ref) {
-        var visualizationAnalyser = _ref.visualizationAnalyser;
+    var _$_ref = _sliced_to_array((0, import_react68.useState)(0), 2), scale = _$_ref[0], setScale = _$_ref[1];
+    var draw = (0, import_react68.useCallback)(function(_ref2) {
+        var visualizationAnalyser = _ref2.visualizationAnalyser;
         if (!visualizationAnalyser) {
             setScale(1);
             return;
@@ -47585,48 +48610,266 @@ var Visualization = function(props) {
         draw,
         audioThreadContext
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes61.Flex, _objectSpread47(_objectSpread47({
-        direction: "column",
-        align: "center",
-        justify: "center",
-        mb: "3",
-        flexGrow: "1"
-    }, props), {}, {
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_themes61.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(AudioThreadVisualizationContext.Provider, {
+        value: {
+            scale: scale
+        },
+        children: children
+    });
+};
+var Root13 = function(t0) {
+    var $ = (0, import_react_compiler_runtime88.c)(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__ */ (0, import_jsx_runtime86.jsx)(Provider6, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_themes61.Flex, _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__ */ (0, import_jsx_runtime86.jsx)(BarsVisualizer, {
-                    visualizationAnalyser: audioThreadContext.audioRuntime.assistant.visualizationAnalyser,
-                    backgroundColor: status === "playing" ? "var(--accent-11)" : "var(--gray-11)",
-                    height: "40px",
-                    barWidth: "24px"
-                })
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes61.Flex, {
-                ml: "-22.5px",
-                gap: "3",
-                pt: "5",
-                children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(AssistantAvatar, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(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 $ = (0, import_react_compiler_runtime88.c)(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__ */ (0, import_jsx_runtime86.jsx)(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 $ = (0, import_react_compiler_runtime88.c)(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 = (0, import_react68.useContext)(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__ */ (0, import_jsx_runtime86.jsx)(import_themes61.Flex, _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 $ = (0, import_react_compiler_runtime88.c)(3);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(BarsVisualizer2, {});
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] !== props) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(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 $ = (0, import_react_compiler_runtime88.c)(6);
+    var assistantNameContext = (0, import_react68.useContext)(AssistantNameContext);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(AssistantAvatar, {});
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] !== assistantNameContext) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Name, {
+            children: assistantNameContext
+        });
+        $[1] = assistantNameContext;
+        $[2] = t1;
+    } else {
+        t1 = $[2];
+    }
+    var t2;
+    if ($[3] !== props || $[4] !== t1) {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes61.Flex, _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 $ = (0, import_react_compiler_runtime88.c)(4);
+    var t0;
+    var t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(AssistantVisualization, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(AssistantInfo, {});
+        $[0] = t0;
+        $[1] = t1;
+    } else {
+        t0 = $[0];
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== props) {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(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
-var import_react_compiler_runtime55 = require("react-compiler-runtime");
+var import_react_compiler_runtime90 = require("react-compiler-runtime");
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
+var import_react_compiler_runtime89 = require("react-compiler-runtime");
 var import_themes62 = require("@radix-ui/themes");
 var import_jsx_runtime87 = require("react/jsx-runtime");
 var html = function(_ref) {
@@ -47635,29 +48878,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__ */ (0, import_jsx_runtime87.jsxs)(import_themes62.Flex, {
-        justify: "center",
-        pb: "5",
-        className: className,
-        style: style,
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_themes62.Text, {
-                size: "2",
-                weight: "regular",
-                color: "gray",
-                className: "status-messages-texts"
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("style", {
-                dangerouslySetInnerHTML: {
-                    __html: html({
-                        texts: texts
-                    })
-                }
-            })
-        ]
-    });
+var StatusMessages = function(t0) {
+    var $ = (0, import_react_compiler_runtime89.c)(9);
+    var texts = t0.texts, className = t0.className, style = t0.style;
+    var t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_themes62.Text, {
+            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__ */ (0, import_jsx_runtime87.jsx)("style", {
+            dangerouslySetInnerHTML: {
+                __html: t2
+            }
+        });
+        $[3] = t2;
+        $[4] = t3;
+    } else {
+        t3 = $[4];
+    }
+    var t4;
+    if ($[5] !== className || $[6] !== style || $[7] !== t3) {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_themes62.Flex, {
+            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
 var import_jsx_runtime88 = require("react/jsx-runtime");
@@ -47705,7 +48983,7 @@ function _toPrimitive48(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Status = function(props) {
-    var $ = (0, import_react_compiler_runtime55.c)(12);
+    var $ = (0, import_react_compiler_runtime90.c)(12);
     var status = useStatus().status;
     if (status === "recording") {
         var _t;
@@ -47802,9 +49080,10 @@ var Status = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-var import_react_compiler_runtime57 = require("react-compiler-runtime");
+var import_react_compiler_runtime93 = require("react-compiler-runtime");
 var import_themes64 = require("@radix-ui/themes");
 // src/components/threads/AudioThread/Form/MicIcon.tsx
+var import_react_compiler_runtime91 = require("react-compiler-runtime");
 var import_jsx_runtime89 = require("react/jsx-runtime");
 function ownKeys49(e, r) {
     var t = Object.keys(e);
@@ -47850,28 +49129,44 @@ function _toPrimitive49(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var MicIcon = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("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__ */ (0, import_jsx_runtime89.jsx)("path", {
+    var $ = (0, import_react_compiler_runtime91.c)(3);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", {
             stroke: "none",
             d: "M192 0c-53 0-96 43-96 96v160c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM64 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h144c13.3 0 24-10.7 24-24s-10.7-24-24-24h-48v-33.6c85.8-11.7 152-85.3 152-174.4v-40c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128S64 326.7 64 256v-40z"
-        })
-    }));
+        });
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] !== props) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("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
-var import_react_compiler_runtime56 = require("react-compiler-runtime");
+var import_react_compiler_runtime92 = require("react-compiler-runtime");
 var import_themes63 = require("@radix-ui/themes");
 var import_react_icons17 = require("@radix-ui/react-icons");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 var ActionButton = function() {
-    var $ = (0, import_react_compiler_runtime56.c)(27);
+    var $ = (0, import_react_compiler_runtime92.c)(27);
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var superinterfaceContext = useSuperinterfaceContext();
@@ -48109,7 +49404,7 @@ function _toPrimitive50(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Form = function(props) {
-    var $ = (0, import_react_compiler_runtime57.c)(17);
+    var $ = (0, import_react_compiler_runtime93.c)(17);
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var t0 = status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
@@ -48259,13 +49554,37 @@ function _toPrimitive51(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThread = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Root12, _objectSpread51(_objectSpread51({}, props), {}, {
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Visualization, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Status, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Form, {})
-        ]
-    }));
+    var $ = (0, import_react_compiler_runtime94.c)(5);
+    var t0;
+    var t1;
+    var t2;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Visualization, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Status, {});
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Form, {});
+        $[0] = t0;
+        $[1] = t1;
+        $[2] = t2;
+    } else {
+        t0 = $[0];
+        t1 = $[1];
+        t2 = $[2];
+    }
+    var t3;
+    if ($[3] !== props) {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Root12, _objectSpread51(_objectSpread51({}, props), {}, {
+            children: [
+                t0,
+                t1,
+                t2
+            ]
+        }));
+        $[3] = props;
+        $[4] = t3;
+    } else {
+        t3 = $[4];
+    }
+    return t3;
 };
 AudioThread.Root = Root12;
 AudioThread.Visualization = Visualization;
@@ -48317,14 +49636,34 @@ function _toPrimitive52(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var AudioThreadDialog = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Root9, _objectSpread52(_objectSpread52({}, props), {}, {
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Content7.Root, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(AudioThread, {})
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Trigger, {})
-        ]
-    }));
+    var $ = (0, import_react_compiler_runtime95.c)(4);
+    var t0;
+    var t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Content7.Root, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(AudioThread, {})
+        });
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Trigger, {});
+        $[0] = t0;
+        $[1] = t1;
+    } else {
+        t0 = $[0];
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] !== props) {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Root9, _objectSpread52(_objectSpread52({}, props), {}, {
+            children: [
+                t0,
+                t1
+            ]
+        }));
+        $[2] = props;
+        $[3] = t2;
+    } else {
+        t2 = $[3];
+    }
+    return t2;
 };
 AudioThreadDialog.Root = Root9;
 AudioThreadDialog.Trigger = Trigger;
@@ -48819,10 +50158,10 @@ var useWebrtcAudioRuntime = function() {
     ]);
 };
 // src/components/audioRuntimes/WebrtcAudioRuntimeProvider.tsx
-var import_react_compiler_runtime58 = require("react-compiler-runtime");
+var import_react_compiler_runtime96 = require("react-compiler-runtime");
 var import_jsx_runtime94 = require("react/jsx-runtime");
 var WebrtcAudioRuntimeProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime58.c)(5);
+    var $ = (0, import_react_compiler_runtime96.c)(5);
     var children = t0.children;
     var webrtcAudioRuntime = useWebrtcAudioRuntime().webrtcAudioRuntime;
     var t1;
@@ -48850,22 +50189,22 @@ var WebrtcAudioRuntimeProvider = function(t0) {
     return t2;
 };
 // src/components/markdown/MarkdownProvider/index.tsx
-var import_react_compiler_runtime59 = require("react-compiler-runtime");
+var import_react_compiler_runtime97 = require("react-compiler-runtime");
 var import_react70 = require("react");
 var import_jsx_runtime95 = require("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)) {
@@ -48875,13 +50214,13 @@ function _objectWithoutPropertiesLoose6(r, e) {
     return t;
 }
 var MarkdownProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime59.c)(9);
+    var $ = (0, import_react_compiler_runtime97.c)(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;
@@ -48918,18 +50257,18 @@ var MarkdownProvider = function(t0) {
     return t3;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-var import_react_compiler_runtime62 = require("react-compiler-runtime");
+var import_react_compiler_runtime100 = require("react-compiler-runtime");
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-var import_react_compiler_runtime61 = require("react-compiler-runtime");
+var import_react_compiler_runtime99 = require("react-compiler-runtime");
 var import_react71 = require("react");
 var import_react_icons18 = require("@radix-ui/react-icons");
 var import_themes66 = require("@radix-ui/themes");
 // src/components/annotations/SourceAnnotation/FileCitation/Content.tsx
-var import_react_compiler_runtime60 = require("react-compiler-runtime");
+var import_react_compiler_runtime98 = require("react-compiler-runtime");
 var import_themes65 = require("@radix-ui/themes");
 var import_jsx_runtime96 = require("react/jsx-runtime");
 var Content9 = function(t0) {
-    var $ = (0, import_react_compiler_runtime60.c)(5);
+    var $ = (0, import_react_compiler_runtime98.c)(5);
     var fileId = t0.fileId;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -48995,7 +50334,7 @@ var Content9 = function(t0) {
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
 var import_jsx_runtime97 = require("react/jsx-runtime");
 var FileCitation = function(t0) {
-    var $ = (0, import_react_compiler_runtime61.c)(18);
+    var $ = (0, import_react_compiler_runtime99.c)(18);
     var annotation = t0.annotation;
     var _ref = _sliced_to_array((0, import_react71.useState)(null), 2), activeFileId = _ref[0], setActiveFileId = _ref[1];
     var t1;
@@ -49122,19 +50461,19 @@ var FileCitation = function(t0) {
 };
 // src/components/annotations/SourceAnnotation/index.tsx
 var import_jsx_runtime98 = require("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)) {
@@ -49144,13 +50483,13 @@ function _objectWithoutPropertiesLoose7(r, e) {
     return t;
 }
 var SourceAnnotation = function(t0) {
-    var $ = (0, import_react_compiler_runtime62.c)(10);
+    var $ = (0, import_react_compiler_runtime100.c)(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;
@@ -49201,7 +50540,7 @@ var SourceAnnotation = function(t0) {
     return null;
 };
 // src/components/avatars/Avatar.tsx
-var import_react_compiler_runtime65 = require("react-compiler-runtime");
+var import_react_compiler_runtime103 = require("react-compiler-runtime");
 // src/lib/enums/index.ts
 var IconAvatarName = /* @__PURE__ */ function(IconAvatarName2) {
     IconAvatarName2["BACKPACK"] = "BACKPACK";
@@ -49226,7 +50565,7 @@ var AvatarType = /* @__PURE__ */ function(AvatarType2) {
 // src/components/avatars/Avatar.tsx
 var import_themes69 = require("@radix-ui/themes");
 // src/components/imageAvatars/ImageAvatar/index.tsx
-var import_react_compiler_runtime63 = require("react-compiler-runtime");
+var import_react_compiler_runtime101 = require("react-compiler-runtime");
 var import_themes67 = require("@radix-ui/themes");
 // src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
 var width = function(_ref) {
@@ -49280,7 +50619,7 @@ var optimizedSrc = function(_ref) {
 // src/components/imageAvatars/ImageAvatar/index.tsx
 var import_jsx_runtime99 = require("react/jsx-runtime");
 var ImageAvatar = function(t0) {
-    var $ = (0, import_react_compiler_runtime63.c)(9);
+    var $ = (0, import_react_compiler_runtime101.c)(9);
     var imageAvatar = t0.imageAvatar, size = t0.size, className = t0.className, style = t0.style;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -49317,7 +50656,7 @@ var ImageAvatar = function(t0) {
     return t2;
 };
 // src/components/iconAvatars/IconAvatar.tsx
-var import_react_compiler_runtime64 = require("react-compiler-runtime");
+var import_react_compiler_runtime102 = require("react-compiler-runtime");
 var import_react72 = require("react");
 var import_themes68 = require("@radix-ui/themes");
 // src/lib/iconAvatars/iconAvatarComponents.ts
@@ -49327,7 +50666,7 @@ var iconAvatarComponents = (_obj = {}, _define_property(_obj, IconAvatarName.BAC
 // src/components/iconAvatars/IconAvatar.tsx
 var import_jsx_runtime100 = require("react/jsx-runtime");
 var IconAvatar = function(t0) {
-    var $ = (0, import_react_compiler_runtime64.c)(7);
+    var $ = (0, import_react_compiler_runtime102.c)(7);
     var iconAvatar = t0.iconAvatar, size = t0.size, className = t0.className, style = t0.style;
     var t1;
     t1 = iconAvatarComponents[iconAvatar.name];
@@ -49361,7 +50700,7 @@ var IconAvatar = function(t0) {
 // src/components/avatars/Avatar.tsx
 var import_jsx_runtime101 = require("react/jsx-runtime");
 var Avatar6 = function(t0) {
-    var $ = (0, import_react_compiler_runtime65.c)(14);
+    var $ = (0, import_react_compiler_runtime103.c)(14);
     var avatar = t0.avatar, t1 = t0.size, className = t0.className, style = t0.style;
     var size = t1 === void 0 ? "1" : t1;
     if (avatar) {
@@ -49422,7 +50761,7 @@ var Avatar6 = function(t0) {
     return t2;
 };
 // src/components/components/ComponentsProvider.tsx
-var import_react_compiler_runtime66 = require("react-compiler-runtime");
+var import_react_compiler_runtime104 = require("react-compiler-runtime");
 var import_react74 = require("react");
 // src/hooks/components/useComponents.ts
 var import_react73 = require("react");
@@ -49431,19 +50770,19 @@ var useComponents = function() {
 };
 // src/components/components/ComponentsProvider.tsx
 var import_jsx_runtime102 = require("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)) {
@@ -49453,13 +50792,13 @@ function _objectWithoutPropertiesLoose8(r, e) {
     return t;
 }
 var ComponentsProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime66.c)(9);
+    var $ = (0, import_react_compiler_runtime104.c)(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;
@@ -49496,11 +50835,11 @@ var ComponentsProvider = function(t0) {
     return t3;
 };
 // src/components/assistants/AssistantProvider/index.tsx
-var import_react_compiler_runtime67 = require("react-compiler-runtime");
+var import_react_compiler_runtime105 = require("react-compiler-runtime");
 var import_jsx_runtime103 = require("react/jsx-runtime");
 var AssistantProvider = function(t0) {
     var _assistant$name;
-    var $ = (0, import_react_compiler_runtime67.c)(10);
+    var $ = (0, import_react_compiler_runtime105.c)(10);
     var children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;