@superinterface/react 3.17.3 → 3.19.0

package/dist/index.js

@@ -37377,7 +37377,7 @@ var SuperinterfaceProvider = function(_ref) {
 // src/components/threads/Thread/Messages/index.tsx
 import { Flex as Flex18 } from "@radix-ui/themes";
 // src/components/threads/Thread/Message/index.tsx
-import { c as _c25 } from "react-compiler-runtime";
+import { c as _c26 } from "react-compiler-runtime";
 import { useMemo as useMemo10 } from "react";
 import { isEmpty as isEmpty2 } from "radash";
 import { Box as Box9 } from "@radix-ui/themes";
@@ -37397,34 +37397,59 @@ var StartingContentSkeleton = function() {
     });
 };
 // src/components/runSteps/RunSteps/index.tsx
-import { c as _c7 } from "react-compiler-runtime";
+import { c as _c8 } from "react-compiler-runtime";
 import { Flex as Flex5 } from "@radix-ui/themes";
-import { useContext as useContext3 } from "react";
+import { useContext as useContext4 } from "react";
 // src/contexts/components/ComponentsContext/index.tsx
 import { createContext as createContext3 } from "react";
 // src/components/runSteps/RunStep/index.tsx
 import { c as _c6 } from "react-compiler-runtime";
 // src/components/runSteps/RunStep/ToolCalls/index.tsx
-import { Flex as Flex4 } from "@radix-ui/themes";
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/index.tsx
 import { c as _c5 } from "react-compiler-runtime";
+import { useContext as useContext3 } from "react";
+import { Flex as Flex3 } from "@radix-ui/themes";
+// src/components/runSteps/RunStep/ToolCalls/ToolCall/index.tsx
+import { c as _c4 } from "react-compiler-runtime";
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/index.tsx
-import { c as _c3 } from "react-compiler-runtime";
+import { c as _c } from "react-compiler-runtime";
 import { useContext as useContext2 } from "react";
 // src/contexts/functions/FunctionComponentsContext/index.tsx
 import { createContext as createContext2 } from "react";
 var FunctionComponentsContext = /* @__PURE__ */ createContext2({});
-// src/components/functions/FunctionBase/index.tsx
+// src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/index.tsx
+import { jsx as _jsx3 } from "react/jsx-runtime";
+var Fn = function(t0) {
+    var $ = _c(4);
+    var fn = t0.fn, runStep = t0.runStep;
+    var functionComponentsContext = useContext2(FunctionComponentsContext);
+    var componentsContext = useContext2(ComponentsContext);
+    var Component2 = functionComponentsContext[fn.name] || componentsContext.components.Function;
+    var t1;
+    if ($[0] !== Component2 || $[1] !== fn || $[2] !== runStep) {
+        t1 = /* @__PURE__ */ _jsx3(Component2, {
+            fn: fn,
+            runStep: runStep
+        });
+        $[0] = Component2;
+        $[1] = fn;
+        $[2] = runStep;
+        $[3] = t1;
+    } else {
+        t1 = $[3];
+    }
+    return t1;
+};
+// src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/index.tsx
 import { Popover, Flex as Flex2 } from "@radix-ui/themes";
 // src/components/toolCalls/ToolCallBase/index.tsx
 import { Flex, Button } from "@radix-ui/themes";
-import { jsx as _jsx3 } from "react/jsx-runtime";
+import { jsx as _jsx4 } from "react/jsx-runtime";
 var ToolCallBase = function(_ref) {
     var children = _ref.children;
-    return /* @__PURE__ */ _jsx3(Flex, {
+    return /* @__PURE__ */ _jsx4(Flex, {
         py: "1",
         ml: "-2",
-        children: /* @__PURE__ */ _jsx3(Button, {
+        children: /* @__PURE__ */ _jsx4(Button, {
             size: "1",
             color: "gold",
             variant: "outline",
@@ -37437,25 +37462,25 @@ var ToolCallBase = function(_ref) {
 };
 // src/components/toolCalls/ToolCallBase/ToolCallTitle.tsx
 import { Text } from "@radix-ui/themes";
-import { jsx as _jsx4 } from "react/jsx-runtime";
+import { jsx as _jsx5 } from "react/jsx-runtime";
 var ToolCallTitle = function(_ref) {
     var children = _ref.children;
-    return /* @__PURE__ */ _jsx4(Text, {
+    return /* @__PURE__ */ _jsx5(Text, {
         weight: "regular",
         children: children
     });
 };
 // src/components/toolCalls/ToolCallBase/ToolCallIcon.tsx
-import { c as _c } from "react-compiler-runtime";
+import { c as _c2 } from "react-compiler-runtime";
 import { CircleIcon, CircleBackslashIcon, CheckCircledIcon } from "@radix-ui/react-icons";
-import { jsx as _jsx5 } from "react/jsx-runtime";
+import { jsx as _jsx6 } from "react/jsx-runtime";
 var ToolCallIcon = function(t0) {
-    var $ = _c(3);
+    var $ = _c2(3);
     var runStep = t0.runStep;
     if (runStep.completed_at) {
         var t1;
         if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-            t1 = /* @__PURE__ */ _jsx5(CheckCircledIcon, {});
+            t1 = /* @__PURE__ */ _jsx6(CheckCircledIcon, {});
             $[0] = t1;
         } else {
             t1 = $[0];
@@ -37465,7 +37490,7 @@ var ToolCallIcon = function(t0) {
         if (runStep.cancelled_at || runStep.failed_at || runStep.status === "expired") {
             var _t;
             if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-                _t = /* @__PURE__ */ _jsx5(CircleBackslashIcon, {});
+                _t = /* @__PURE__ */ _jsx6(CircleBackslashIcon, {});
                 $[1] = _t;
             } else {
                 _t = $[1];
@@ -37474,7 +37499,7 @@ var ToolCallIcon = function(t0) {
         } else {
             var _t2;
             if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-                _t2 = /* @__PURE__ */ _jsx5(CircleIcon, {});
+                _t2 = /* @__PURE__ */ _jsx6(CircleIcon, {});
                 $[2] = _t2;
             } else {
                 _t2 = $[2];
@@ -37483,191 +37508,12 @@ var ToolCallIcon = function(t0) {
         }
     }
 };
-// src/components/functions/FunctionBase/Content/index.tsx
-import { c as _c2 } from "react-compiler-runtime";
-import { useMemo } from "react";
+// src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/Content.tsx
+import { c as _c3 } from "react-compiler-runtime";
 import { Code, Box } from "@radix-ui/themes";
-// src/components/functions/FunctionBase/Content/lib/formattedJsonOrRaw.ts
-var formattedJsonOrRaw = function(_ref) {
-    var value = _ref.value;
-    if (!value) {
-        return null;
-    }
-    try {
-        return JSON.stringify(JSON.parse(value), null, 2);
-    } catch (error) {
-        if (typeof value === "string") {
-            return value;
-        } else {
-            return JSON.stringify(value, null, 2);
-        }
-    }
-};
-// src/components/functions/FunctionBase/Content/index.tsx
-import { jsx as _jsx6, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx7, jsxs as _jsxs } from "react/jsx-runtime";
 var Content = function(t0) {
-    var $ = _c2(12);
-    var fn = t0.fn;
-    var t1;
-    var t2;
-    if ($[0] !== fn.arguments) {
-        t2 = formattedJsonOrRaw({
-            value: fn.arguments
-        });
-        $[0] = fn.arguments;
-        $[1] = t2;
-    } else {
-        t2 = $[1];
-    }
-    t1 = t2;
-    var args = t1;
-    var t3;
-    var t4;
-    if ($[2] !== fn.output) {
-        t4 = formattedJsonOrRaw({
-            value: fn.output
-        });
-        $[2] = fn.output;
-        $[3] = t4;
-    } else {
-        t4 = $[3];
-    }
-    t3 = t4;
-    var output = t3;
-    var t5;
-    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-        t5 = {
-            whiteSpace: "pre",
-            wordBreak: "break-word"
-        };
-        $[4] = t5;
-    } else {
-        t5 = $[4];
-    }
-    var t6;
-    if ($[5] !== args) {
-        t6 = args && /* @__PURE__ */ _jsx6(Box, {
-            children: args
-        });
-        $[5] = args;
-        $[6] = t6;
-    } else {
-        t6 = $[6];
-    }
-    var t7;
-    if ($[7] !== output) {
-        t7 = output && /* @__PURE__ */ _jsx6(Box, {
-            children: output
-        });
-        $[7] = output;
-        $[8] = t7;
-    } else {
-        t7 = $[8];
-    }
-    var t8;
-    if ($[9] !== t6 || $[10] !== t7) {
-        t8 = /* @__PURE__ */ _jsxs(Code, {
-            variant: "ghost",
-            color: "gold",
-            style: t5,
-            children: [
-                t6,
-                t7
-            ]
-        });
-        $[9] = t6;
-        $[10] = t7;
-        $[11] = t8;
-    } else {
-        t8 = $[11];
-    }
-    return t8;
-};
-// src/components/functions/FunctionBase/index.tsx
-import { jsx as _jsx7, jsxs as _jsxs2 } from "react/jsx-runtime";
-var FunctionBase = function(_ref) {
-    var fn = _ref.fn, runStep = _ref.runStep, title2 = _ref.title;
-    return /* @__PURE__ */ _jsxs2(Popover.Root, {
-        children: [
-            /* @__PURE__ */ _jsx7(Popover.Trigger, {
-                children: /* @__PURE__ */ _jsx7(Flex2, {
-                    children: /* @__PURE__ */ _jsxs2(ToolCallBase, {
-                        children: [
-                            /* @__PURE__ */ _jsx7(ToolCallIcon, {
-                                runStep: runStep
-                            }),
-                            /* @__PURE__ */ _jsx7(ToolCallTitle, {
-                                children: title2
-                            })
-                        ]
-                    })
-                })
-            }),
-            /* @__PURE__ */ _jsx7(Popover.Content, {
-                style: {
-                    maxHeight: "200px"
-                },
-                children: /* @__PURE__ */ _jsx7(Content, {
-                    fn: fn
-                })
-            })
-        ]
-    });
-};
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/DefaultFunction/lib/title.ts
-var title = function(_ref) {
-    var fn = _ref.fn, runStep = _ref.runStep;
-    if (runStep.completed_at) {
-        return "Finished ".concat(fn.name);
-    } else if (runStep.cancelled_at) {
-        return "Cancelled ".concat(fn.name);
-    } else {
-        return "Calling ".concat(fn.name);
-    }
-};
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/DefaultFunction/index.tsx
-import { jsx as _jsx8 } from "react/jsx-runtime";
-var DefaultFunction = function(_ref) {
-    var fn = _ref.fn, runStep = _ref.runStep;
-    return /* @__PURE__ */ _jsx8(FunctionBase, {
-        fn: fn,
-        runStep: runStep,
-        title: title({
-            runStep: runStep,
-            fn: fn
-        })
-    });
-};
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/index.tsx
-import { jsx as _jsx9 } from "react/jsx-runtime";
-var Fn = function(t0) {
-    var $ = _c3(4);
-    var fn = t0.fn, runStep = t0.runStep;
-    var functionComponentsContext = useContext2(FunctionComponentsContext);
-    var Component2 = functionComponentsContext[fn.name] || DefaultFunction;
-    var t1;
-    if ($[0] !== Component2 || $[1] !== fn || $[2] !== runStep) {
-        t1 = /* @__PURE__ */ _jsx9(Component2, {
-            fn: fn,
-            runStep: runStep
-        });
-        $[0] = Component2;
-        $[1] = fn;
-        $[2] = runStep;
-        $[3] = t1;
-    } else {
-        t1 = $[3];
-    }
-    return t1;
-};
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/index.tsx
-import { Popover as Popover2, Flex as Flex3 } from "@radix-ui/themes";
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/Content.tsx
-import { c as _c4 } from "react-compiler-runtime";
-import { Code as Code2, Box as Box2 } from "@radix-ui/themes";
-import { jsx as _jsx10, jsxs as _jsxs3 } from "react/jsx-runtime";
-var Content2 = function(t0) {
-    var $ = _c4(10);
+    var $ = _c3(10);
     var codeInterpreter = t0.codeInterpreter;
     if (!codeInterpreter.input) {
         return null;
@@ -37684,7 +37530,7 @@ var Content2 = function(t0) {
     }
     var t2;
     if ($[1] !== codeInterpreter.input) {
-        t2 = /* @__PURE__ */ _jsx10(Box2, {
+        t2 = /* @__PURE__ */ _jsx7(Box, {
             children: codeInterpreter.input
         });
         $[1] = codeInterpreter.input;
@@ -37702,7 +37548,7 @@ var Content2 = function(t0) {
     }
     var t4;
     if ($[5] !== t3) {
-        t4 = /* @__PURE__ */ _jsx10(Box2, {
+        t4 = /* @__PURE__ */ _jsx7(Box, {
             children: t3
         });
         $[5] = t3;
@@ -37712,7 +37558,7 @@ var Content2 = function(t0) {
     }
     var t5;
     if ($[7] !== t2 || $[8] !== t4) {
-        t5 = /* @__PURE__ */ _jsxs3(Code2, {
+        t5 = /* @__PURE__ */ _jsxs(Code, {
             variant: "ghost",
             color: "gold",
             style: t1,
@@ -37730,28 +37576,28 @@ var Content2 = function(t0) {
     return t5;
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/index.tsx
-import { jsx as _jsx11, jsxs as _jsxs4 } from "react/jsx-runtime";
+import { jsx as _jsx8, jsxs as _jsxs2 } from "react/jsx-runtime";
 var CodeInterpreter = function(_ref) {
     var codeInterpreter = _ref.codeInterpreter, runStep = _ref.runStep;
-    return /* @__PURE__ */ _jsxs4(Popover2.Root, {
+    return /* @__PURE__ */ _jsxs2(Popover.Root, {
         children: [
-            /* @__PURE__ */ _jsx11(Popover2.Trigger, {
-                children: /* @__PURE__ */ _jsx11(Flex3, {
-                    children: /* @__PURE__ */ _jsxs4(ToolCallBase, {
+            /* @__PURE__ */ _jsx8(Popover.Trigger, {
+                children: /* @__PURE__ */ _jsx8(Flex2, {
+                    children: /* @__PURE__ */ _jsxs2(ToolCallBase, {
                         children: [
-                            /* @__PURE__ */ _jsx11(ToolCallIcon, {
+                            /* @__PURE__ */ _jsx8(ToolCallIcon, {
                                 runStep: runStep
                             }),
-                            /* @__PURE__ */ _jsx11(ToolCallTitle, {
+                            /* @__PURE__ */ _jsx8(ToolCallTitle, {
                                 children: "Using code interpreter"
                             })
                         ]
                     })
                 })
             }),
-            /* @__PURE__ */ _jsx11(Popover2.Content, {
+            /* @__PURE__ */ _jsx8(Popover.Content, {
                 maxHeight: "200px",
-                children: /* @__PURE__ */ _jsx11(Content2, {
+                children: /* @__PURE__ */ _jsx8(Content, {
                     codeInterpreter: codeInterpreter
                 })
             })
@@ -37759,30 +37605,30 @@ var CodeInterpreter = function(_ref) {
     });
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/FileSearch.tsx
-import { jsx as _jsx12, jsxs as _jsxs5 } from "react/jsx-runtime";
+import { jsx as _jsx9, jsxs as _jsxs3 } from "react/jsx-runtime";
 var FileSearch = function(_ref) {
     var runStep = _ref.runStep, toolCall = _ref.toolCall;
-    return /* @__PURE__ */ _jsxs5(ToolCallBase, {
+    return /* @__PURE__ */ _jsxs3(ToolCallBase, {
         children: [
-            /* @__PURE__ */ _jsx12(ToolCallIcon, {
+            /* @__PURE__ */ _jsx9(ToolCallIcon, {
                 runStep: runStep
             }),
-            /* @__PURE__ */ _jsx12(ToolCallTitle, {
+            /* @__PURE__ */ _jsx9(ToolCallTitle, {
                 children: "Searching files"
             })
         ]
     });
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/Fallback.tsx
-import { jsx as _jsx13, jsxs as _jsxs6 } from "react/jsx-runtime";
+import { jsx as _jsx10, jsxs as _jsxs4 } from "react/jsx-runtime";
 var Fallback = function(_ref) {
     var runStep = _ref.runStep, toolCall = _ref.toolCall;
-    return /* @__PURE__ */ _jsxs6(ToolCallBase, {
+    return /* @__PURE__ */ _jsxs4(ToolCallBase, {
         children: [
-            /* @__PURE__ */ _jsx13(ToolCallIcon, {
+            /* @__PURE__ */ _jsx10(ToolCallIcon, {
                 runStep: runStep
             }),
-            /* @__PURE__ */ _jsxs6(ToolCallTitle, {
+            /* @__PURE__ */ _jsxs4(ToolCallTitle, {
                 children: [
                     "Using tool: ",
                     toolCall.type
@@ -37792,14 +37638,14 @@ var Fallback = function(_ref) {
     });
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/index.tsx
-import { jsx as _jsx14 } from "react/jsx-runtime";
+import { jsx as _jsx11 } from "react/jsx-runtime";
 var ToolCall = function(t0) {
-    var $ = _c5(12);
+    var $ = _c4(12);
     var toolCall = t0.toolCall, runStep = t0.runStep;
     if (toolCall.type === "function") {
         var _t;
         if ($[0] !== runStep || $[1] !== toolCall.function) {
-            _t = /* @__PURE__ */ _jsx14(Fn, {
+            _t = /* @__PURE__ */ _jsx11(Fn, {
                 fn: toolCall.function,
                 runStep: runStep
             });
@@ -37814,7 +37660,7 @@ var ToolCall = function(t0) {
     if (toolCall.type === "code_interpreter") {
         var _t2;
         if ($[3] !== runStep || $[4] !== toolCall.code_interpreter) {
-            _t2 = /* @__PURE__ */ _jsx14(CodeInterpreter, {
+            _t2 = /* @__PURE__ */ _jsx11(CodeInterpreter, {
                 codeInterpreter: toolCall.code_interpreter,
                 runStep: runStep
             });
@@ -37829,7 +37675,7 @@ var ToolCall = function(t0) {
     if (toolCall.type === "file_search") {
         var _t3;
         if ($[6] !== runStep || $[7] !== toolCall) {
-            _t3 = /* @__PURE__ */ _jsx14(FileSearch, {
+            _t3 = /* @__PURE__ */ _jsx11(FileSearch, {
                 toolCall: toolCall,
                 runStep: runStep
             });
@@ -37841,114 +37687,287 @@ var ToolCall = function(t0) {
         }
         return _t3;
     }
-    var t1;
-    if ($[9] !== runStep || $[10] !== toolCall) {
-        t1 = /* @__PURE__ */ _jsx14(Fallback, {
-            toolCall: toolCall,
-            runStep: runStep
+    var t1;
+    if ($[9] !== runStep || $[10] !== toolCall) {
+        t1 = /* @__PURE__ */ _jsx11(Fallback, {
+            toolCall: toolCall,
+            runStep: runStep
+        });
+        $[9] = runStep;
+        $[10] = toolCall;
+        $[11] = t1;
+    } else {
+        t1 = $[11];
+    }
+    return t1;
+};
+// src/components/runSteps/RunStep/ToolCalls/index.tsx
+import { jsx as _jsx12, jsxs as _jsxs5 } from "react/jsx-runtime";
+var Root = function(_ref) {
+    var children = _ref.children, className = _ref.className, style = _ref.style;
+    return /* @__PURE__ */ _jsx12(Flex3, {
+        direction: "column",
+        className: className,
+        style: style,
+        children: children
+    });
+};
+var StartingToolCalls = function() {
+    var $ = _c5(2);
+    var componentsContext = useContext3(ComponentsContext);
+    var StartingToolCalls3 = componentsContext.components.StartingToolCalls;
+    var t0;
+    if ($[0] !== StartingToolCalls3) {
+        t0 = /* @__PURE__ */ _jsx12(StartingToolCalls3, {});
+        $[0] = StartingToolCalls3;
+        $[1] = t0;
+    } else {
+        t0 = $[1];
+    }
+    return t0;
+};
+var ToolCalls = function(_ref2) {
+    var stepDetails = _ref2.stepDetails, runStep = _ref2.runStep, className = _ref2.className, style = _ref2.style;
+    return /* @__PURE__ */ _jsxs5(Root, {
+        className: className,
+        style: style,
+        children: [
+            !stepDetails.tool_calls.length && /* @__PURE__ */ _jsx12(StartingToolCalls, {}),
+            stepDetails.tool_calls.map(function(toolCall) {
+                return /* @__PURE__ */ _jsx12(ToolCall, {
+                    toolCall: toolCall,
+                    runStep: runStep
+                }, toolCall.id);
+            })
+        ]
+    });
+};
+ToolCalls.Root = Root;
+ToolCalls.StartingToolCalls = StartingToolCalls;
+ToolCalls.ToolCall = ToolCall;
+// src/components/runSteps/RunStep/index.tsx
+import { jsx as _jsx13 } from "react/jsx-runtime";
+var RunStep = function(t0) {
+    var $ = _c6(4);
+    var runStep = t0.runStep, className = t0.className, style = t0.style;
+    if (runStep.step_details.type === "tool_calls") {
+        var t1;
+        if ($[0] !== className || $[1] !== runStep || $[2] !== style) {
+            t1 = /* @__PURE__ */ _jsx13(ToolCalls, {
+                className: className,
+                style: style,
+                stepDetails: runStep.step_details,
+                runStep: runStep
+            });
+            $[0] = className;
+            $[1] = runStep;
+            $[2] = style;
+            $[3] = t1;
+        } else {
+            t1 = $[3];
+        }
+        return t1;
+    }
+    return null;
+};
+RunStep.ToolCalls = ToolCalls;
+// src/components/functions/FunctionBase/index.tsx
+import { Popover as Popover2, Flex as Flex4 } from "@radix-ui/themes";
+// src/components/functions/FunctionBase/Content/index.tsx
+import { c as _c7 } from "react-compiler-runtime";
+import { useMemo } from "react";
+import { Code as Code2, Box as Box2 } from "@radix-ui/themes";
+// src/components/functions/FunctionBase/Content/lib/formattedJsonOrRaw.ts
+var formattedJsonOrRaw = function(_ref) {
+    var value = _ref.value;
+    if (!value) {
+        return null;
+    }
+    try {
+        return JSON.stringify(JSON.parse(value), null, 2);
+    } catch (error) {
+        if (typeof value === "string") {
+            return value;
+        } else {
+            return JSON.stringify(value, null, 2);
+        }
+    }
+};
+// src/components/functions/FunctionBase/Content/index.tsx
+import { jsx as _jsx14, jsxs as _jsxs6 } from "react/jsx-runtime";
+var Content2 = function(t0) {
+    var $ = _c7(12);
+    var fn = t0.fn;
+    var t1;
+    var t2;
+    if ($[0] !== fn.arguments) {
+        t2 = formattedJsonOrRaw({
+            value: fn.arguments
+        });
+        $[0] = fn.arguments;
+        $[1] = t2;
+    } else {
+        t2 = $[1];
+    }
+    t1 = t2;
+    var args = t1;
+    var t3;
+    var t4;
+    if ($[2] !== fn.output) {
+        t4 = formattedJsonOrRaw({
+            value: fn.output
+        });
+        $[2] = fn.output;
+        $[3] = t4;
+    } else {
+        t4 = $[3];
+    }
+    t3 = t4;
+    var output = t3;
+    var t5;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = {
+            whiteSpace: "pre",
+            wordBreak: "break-word"
+        };
+        $[4] = t5;
+    } else {
+        t5 = $[4];
+    }
+    var t6;
+    if ($[5] !== args) {
+        t6 = args && /* @__PURE__ */ _jsx14(Box2, {
+            children: args
+        });
+        $[5] = args;
+        $[6] = t6;
+    } else {
+        t6 = $[6];
+    }
+    var t7;
+    if ($[7] !== output) {
+        t7 = output && /* @__PURE__ */ _jsx14(Box2, {
+            children: output
+        });
+        $[7] = output;
+        $[8] = t7;
+    } else {
+        t7 = $[8];
+    }
+    var t8;
+    if ($[9] !== t6 || $[10] !== t7) {
+        t8 = /* @__PURE__ */ _jsxs6(Code2, {
+            variant: "ghost",
+            color: "gold",
+            style: t5,
+            children: [
+                t6,
+                t7
+            ]
         });
-        $[9] = runStep;
-        $[10] = toolCall;
-        $[11] = t1;
+        $[9] = t6;
+        $[10] = t7;
+        $[11] = t8;
     } else {
-        t1 = $[11];
+        t8 = $[11];
     }
-    return t1;
+    return t8;
 };
-// src/components/runSteps/RunStep/ToolCalls/Starting/index.tsx
-import { Popover as Popover3, Text as Text2 } from "@radix-ui/themes";
-import { CircleIcon as CircleIcon2 } from "@radix-ui/react-icons";
+// src/components/functions/FunctionBase/index.tsx
 import { jsx as _jsx15, jsxs as _jsxs7 } from "react/jsx-runtime";
-var Starting = function() {
-    return /* @__PURE__ */ _jsxs7(Popover3.Root, {
+var FunctionBase = function(_ref) {
+    var fn = _ref.fn, runStep = _ref.runStep, title2 = _ref.title;
+    return /* @__PURE__ */ _jsxs7(Popover2.Root, {
         children: [
-            /* @__PURE__ */ _jsxs7(ToolCallBase, {
-                children: [
-                    /* @__PURE__ */ _jsx15(CircleIcon2, {}),
-                    /* @__PURE__ */ _jsx15(ToolCallTitle, {
-                        children: "Starting actions"
+            /* @__PURE__ */ _jsx15(Popover2.Trigger, {
+                children: /* @__PURE__ */ _jsx15(Flex4, {
+                    children: /* @__PURE__ */ _jsxs7(ToolCallBase, {
+                        children: [
+                            /* @__PURE__ */ _jsx15(ToolCallIcon, {
+                                runStep: runStep
+                            }),
+                            /* @__PURE__ */ _jsx15(ToolCallTitle, {
+                                children: title2
+                            })
+                        ]
                     })
-                ]
+                })
             }),
-            /* @__PURE__ */ _jsx15(Popover3.Content, {
+            /* @__PURE__ */ _jsx15(Popover2.Content, {
                 style: {
-                    maxHeight: "500px"
+                    maxHeight: "200px"
                 },
-                children: /* @__PURE__ */ _jsx15(Text2, {
-                    children: "Getting ready to connect to domain API"
+                children: /* @__PURE__ */ _jsx15(Content2, {
+                    fn: fn
                 })
             })
         ]
     });
 };
-// src/components/runSteps/RunStep/ToolCalls/index.tsx
-import { jsx as _jsx16, jsxs as _jsxs8 } from "react/jsx-runtime";
-var Root = function(_ref) {
-    var children = _ref.children, className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ _jsx16(Flex4, {
-        direction: "column",
-        className: className,
-        style: style,
-        children: children
+// src/components/functions/Function/lib/title.ts
+var title = function(_ref) {
+    var fn = _ref.fn, runStep = _ref.runStep;
+    if (runStep.completed_at) {
+        return "Finished ".concat(fn.name);
+    } else if (runStep.cancelled_at) {
+        return "Cancelled ".concat(fn.name);
+    } else {
+        return "Calling ".concat(fn.name);
+    }
+};
+// src/components/functions/Function/index.tsx
+import { jsx as _jsx16 } from "react/jsx-runtime";
+var Function2 = function(_ref) {
+    var fn = _ref.fn, runStep = _ref.runStep;
+    return /* @__PURE__ */ _jsx16(FunctionBase, {
+        fn: fn,
+        runStep: runStep,
+        title: title({
+            runStep: runStep,
+            fn: fn
+        })
     });
 };
-var ToolCalls = function(_ref2) {
-    var stepDetails = _ref2.stepDetails, runStep = _ref2.runStep, className = _ref2.className, style = _ref2.style;
-    return /* @__PURE__ */ _jsxs8(Root, {
-        className: className,
-        style: style,
+// src/components/toolCalls/StartingToolCalls/index.tsx
+import { Popover as Popover3, Text as Text2 } from "@radix-ui/themes";
+import { CircleIcon as CircleIcon2 } from "@radix-ui/react-icons";
+import { jsx as _jsx17, jsxs as _jsxs8 } from "react/jsx-runtime";
+var StartingToolCalls2 = function() {
+    return /* @__PURE__ */ _jsxs8(Popover3.Root, {
         children: [
-            !stepDetails.tool_calls.length && /* @__PURE__ */ _jsx16(Starting, {}),
-            stepDetails.tool_calls.map(function(toolCall) {
-                return /* @__PURE__ */ _jsx16(ToolCall, {
-                    toolCall: toolCall,
-                    runStep: runStep
-                }, toolCall.id);
+            /* @__PURE__ */ _jsxs8(ToolCallBase, {
+                children: [
+                    /* @__PURE__ */ _jsx17(CircleIcon2, {}),
+                    /* @__PURE__ */ _jsx17(ToolCallTitle, {
+                        children: "Starting actions"
+                    })
+                ]
+            }),
+            /* @__PURE__ */ _jsx17(Popover3.Content, {
+                style: {
+                    maxHeight: "500px"
+                },
+                children: /* @__PURE__ */ _jsx17(Text2, {
+                    children: "Starting some actions"
+                })
             })
         ]
     });
 };
-ToolCalls.Root = Root;
-ToolCalls.Starting = Starting;
-ToolCalls.ToolCall = ToolCall;
-// src/components/runSteps/RunStep/index.tsx
-import { jsx as _jsx17 } from "react/jsx-runtime";
-var RunStep = function(t0) {
-    var $ = _c6(4);
-    var runStep = t0.runStep, className = t0.className, style = t0.style;
-    if (runStep.step_details.type === "tool_calls") {
-        var t1;
-        if ($[0] !== className || $[1] !== runStep || $[2] !== style) {
-            t1 = /* @__PURE__ */ _jsx17(ToolCalls, {
-                className: className,
-                style: style,
-                stepDetails: runStep.step_details,
-                runStep: runStep
-            });
-            $[0] = className;
-            $[1] = runStep;
-            $[2] = style;
-            $[3] = t1;
-        } else {
-            t1 = $[3];
-        }
-        return t1;
-    }
-    return null;
-};
-RunStep.ToolCalls = ToolCalls;
 // src/contexts/components/ComponentsContext/index.tsx
 var ComponentsContext = /* @__PURE__ */ createContext3({
     components: {
-        RunStep: RunStep
+        RunStep: RunStep,
+        Function: Function2,
+        StartingToolCalls: StartingToolCalls2
     }
 });
 // src/components/runSteps/RunSteps/index.tsx
 import { jsx as _jsx18 } from "react/jsx-runtime";
 var RunSteps = function(t0) {
-    var $ = _c7(7);
+    var $ = _c8(7);
     var runSteps = t0.runSteps;
-    var componentsContext = useContext3(ComponentsContext);
+    var componentsContext = useContext4(ComponentsContext);
     var Component2 = componentsContext.components.RunStep;
     var t1;
     if ($[0] !== Component2 || $[1] !== runSteps) {
@@ -37985,11 +38004,11 @@ var RunSteps = function(t0) {
     return t2;
 };
 // src/hooks/messages/useIsMutatingMessage/index.ts
-import { c as _c8 } from "react-compiler-runtime";
+import { c as _c9 } from "react-compiler-runtime";
 import { useMemo as useMemo2 } from "react";
 import { useIsMutating } from "@tanstack/react-query";
 var useIsMutatingMessage = function() {
-    var $ = _c8(2);
+    var $ = _c9(2);
     var threadContext = useSuperinterfaceContext();
     var t0;
     if ($[0] !== threadContext.variables) {
@@ -38018,13 +38037,13 @@ var MessageContext = /* @__PURE__ */ createContext4({
 // src/components/threads/Thread/Message/Provider.tsx
 var Provider = MessageContext.Provider;
 // src/components/threads/Thread/Message/Attachments/index.tsx
-import { c as _c9 } from "react-compiler-runtime";
+import { c as _c10 } from "react-compiler-runtime";
 import { Flex as Flex6, Badge } from "@radix-ui/themes";
 import { FileIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx19, jsxs as _jsxs9 } from "react/jsx-runtime";
 var Attachments = function(t0) {
     var _message$attachments;
-    var $ = _c9(4);
+    var $ = _c10(4);
     var message = t0.message;
     if (!((_message$attachments = message.attachments) !== null && _message$attachments !== void 0 && _message$attachments.length)) {
         return null;
@@ -38062,9 +38081,9 @@ var Attachments = function(t0) {
     return t3;
 };
 // src/components/messages/MessageContent/ContentPart/index.tsx
-import { c as _c24 } from "react-compiler-runtime";
+import { c as _c25 } from "react-compiler-runtime";
 // src/components/messages/MessageContent/ContentPart/TextContent.tsx
-import { c as _c22 } from "react-compiler-runtime";
+import { c as _c23 } from "react-compiler-runtime";
 import React, { useState as useState3, useEffect as useEffect2, useMemo as useMemo9 } from "react";
 import { Badge as Badge2 } from "@radix-ui/themes";
 import { compile } from "@mdx-js/mdx";
@@ -38212,7 +38231,7 @@ var recmaFallbackComponentPlugin = function() {
     };
 };
 // src/hooks/markdown/useMarkdownContext/index.ts
-import { useContext as useContext5 } from "react";
+import { useContext as useContext6 } from "react";
 // src/contexts/markdown/MarkdownContext/index.ts
 import { createContext as createContext6 } from "react";
 // src/contexts/markdown/MarkdownContext/lib/components/index.tsx
@@ -38316,16 +38335,16 @@ var Pre = function(_ref) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Code.tsx
-import { c as _c14 } from "react-compiler-runtime";
+import { c as _c15 } from "react-compiler-runtime";
 import { Code as RadixCode } from "@radix-ui/themes";
 // src/components/suggestions/Suggestions/index.tsx
-import { c as _c13 } from "react-compiler-runtime";
+import { c as _c14 } from "react-compiler-runtime";
 import { useMemo as useMemo6 } from "react";
 // src/hooks/messages/useLatestMessage/index.ts
-import { c as _c11 } from "react-compiler-runtime";
+import { c as _c12 } from "react-compiler-runtime";
 import { useMemo as useMemo4 } from "react";
 // src/hooks/messages/useMessages/index.tsx
-import { c as _c10 } from "react-compiler-runtime";
+import { c as _c11 } from "react-compiler-runtime";
 import { useMemo as useMemo3 } from "react";
 import { useInfiniteQuery, useQueryClient } from "@tanstack/react-query";
 // src/lib/threads/queryOptions/index.ts
@@ -38599,7 +38618,7 @@ var messages = function(_ref) {
     }, []);
 };
 var useMessages = function() {
-    var $ = _c10(9);
+    var $ = _c11(9);
     var queryClient = useQueryClient();
     var threadContext = useSuperinterfaceContext();
     var superinterfaceContext = useSuperinterfaceContext();
@@ -38688,7 +38707,7 @@ function _toPrimitive5(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useLatestMessage = function() {
-    var $ = _c11(3);
+    var $ = _c12(3);
     var props = useMessages();
     var t0;
     var t1 = props.messages[0] || null;
@@ -38712,7 +38731,7 @@ import { isEmpty } from "radash";
 import { onlyText } from "react-children-utilities";
 import { Flex as Flex7 } from "@radix-ui/themes";
 // src/components/suggestions/Suggestions/Item.tsx
-import { c as _c12 } from "react-compiler-runtime";
+import { c as _c13 } from "react-compiler-runtime";
 import { ArrowUpIcon } from "@radix-ui/react-icons";
 import { Text as Text4, Button as Button2, Spinner } from "@radix-ui/themes";
 // src/hooks/messages/useCreateMessage/index.ts
@@ -40126,7 +40145,7 @@ var useCreateMessage = function useCreateMessage2() {
 // src/components/suggestions/Suggestions/Item.tsx
 import { useQueryClient as useQueryClient3 } from "@tanstack/react-query";
 // src/hooks/toasts/useToasts/index.ts
-import { useContext as useContext4 } from "react";
+import { useContext as useContext5 } from "react";
 // src/contexts/toasts/ToastsContext/index.ts
 import { createContext as createContext5 } from "react";
 var ToastsContext = /* @__PURE__ */ createContext5({
@@ -40135,7 +40154,7 @@ var ToastsContext = /* @__PURE__ */ createContext5({
 });
 // src/hooks/toasts/useToasts/index.ts
 var useToasts = function() {
-    return useContext4(ToastsContext);
+    return useContext5(ToastsContext);
 };
 // src/lib/errors/createMessageDefaultOnError.ts
 var createMessageDefaultOnError = function(_ref) {
@@ -40208,7 +40227,7 @@ function _toPrimitive19(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Item = function(t0) {
-    var $ = _c12(16);
+    var $ = _c13(16);
     var suggestion = t0.suggestion, isDisabled = t0.isDisabled, className = t0.className, style = t0.style;
     var addToast = useToasts().addToast;
     var queryClient = useQueryClient3();
@@ -40336,7 +40355,7 @@ var Content4 = function(_ref) {
 import { jsx as _jsx29 } from "react/jsx-runtime";
 var Suggestions = function(t0) {
     var _latestMessageProps$l;
-    var $ = _c13(4);
+    var $ = _c14(4);
     var children = t0.children, className = t0.className, style = t0.style;
     var latestMessageProps = useLatestMessage();
     var t1;
@@ -40368,7 +40387,7 @@ Suggestions.Item = Item;
 // src/contexts/markdown/MarkdownContext/lib/components/Code.tsx
 import { jsx as _jsx30 } from "react/jsx-runtime";
 var Code3 = function(t0) {
-    var $ = _c14(5);
+    var $ = _c15(5);
     var children = t0.children, className = t0.className;
     if (className === "language-suggestions") {
         var _t;
@@ -40406,7 +40425,7 @@ var Code3 = function(t0) {
     return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/index.tsx
-import { c as _c19 } from "react-compiler-runtime";
+import { c as _c20 } from "react-compiler-runtime";
 // src/components/images/Image.tsx
 import { Box as Box8 } from "@radix-ui/themes";
 import { jsx as _jsx31 } from "react/jsx-runtime";
@@ -40515,13 +40534,13 @@ import { Flex as Flex8 } from "@radix-ui/themes";
 import "@vidstack/react/player/styles/base.css";
 import { MediaPlayer, MediaProvider, Controls } from "@vidstack/react";
 // src/components/media/PlayButton.tsx
-import { c as _c15 } from "react-compiler-runtime";
+import { c as _c16 } from "react-compiler-runtime";
 import { PlayButton as VidstackPlayButton, useMediaState } from "@vidstack/react";
 import { IconButton } from "@radix-ui/themes";
 import { PlayIcon, PauseIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx32 } from "react/jsx-runtime";
 var PlayButton = function() {
-    var $ = _c15(2);
+    var $ = _c16(2);
     var isPaused = useMediaState("paused");
     var t0;
     if ($[0] !== isPaused) {
@@ -40540,13 +40559,13 @@ var PlayButton = function() {
     return t0;
 };
 // src/components/media/VolumeButton.tsx
-import { c as _c16 } from "react-compiler-runtime";
+import { c as _c17 } from "react-compiler-runtime";
 import { MuteButton, useMediaState as useMediaState2, useMediaRemote } from "@vidstack/react";
 import { IconButton as IconButton2, HoverCard, Slider } from "@radix-ui/themes";
 import { SpeakerModerateIcon, SpeakerOffIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx33, jsxs as _jsxs11 } from "react/jsx-runtime";
 var VolumeButton = function() {
-    var $ = _c16(13);
+    var $ = _c17(13);
     var volume = useMediaState2("volume");
     var isMuted = useMediaState2("muted");
     var remote = useMediaRemote();
@@ -40626,13 +40645,13 @@ var VolumeButton = function() {
     return t5;
 };
 // src/components/media/Time.tsx
-import { c as _c17 } from "react-compiler-runtime";
+import { c as _c18 } from "react-compiler-runtime";
 import { useState, useEffect, useMemo as useMemo7 } from "react";
 import { useMediaState as useMediaState3, useMediaRemote as useMediaRemote2 } from "@vidstack/react";
 import { Slider as Slider2 } from "@radix-ui/themes";
 import { jsx as _jsx34 } from "react/jsx-runtime";
 var Time = function() {
-    var $ = _c17(17);
+    var $ = _c18(17);
     var time = useMediaState3("currentTime");
     var duration = useMediaState3("duration");
     var seeking = useMediaState3("seeking");
@@ -40738,13 +40757,13 @@ var MediaContainer = function(_ref) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Video/FullscreenButton.tsx
-import { c as _c18 } from "react-compiler-runtime";
+import { c as _c19 } from "react-compiler-runtime";
 import { FullscreenButton as VidstackFullscreenButton, useMediaState as useMediaState4 } from "@vidstack/react";
 import { IconButton as IconButton3 } from "@radix-ui/themes";
 import { EnterFullScreenIcon, ExitFullScreenIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx36 } from "react/jsx-runtime";
 var FullscreenButton = function() {
-    var $ = _c18(2);
+    var $ = _c19(2);
     var isFullscreen = useMediaState4("fullscreen");
     var t0;
     if ($[0] !== isFullscreen) {
@@ -40905,7 +40924,7 @@ function _toPrimitive21(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Img = function(props) {
-    var $ = _c19(8);
+    var $ = _c20(8);
     if (!props.src) {
         var t0;
         if ($[0] !== props) {
@@ -40961,13 +40980,13 @@ var Img = function(props) {
     }
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
-import { c as _c21 } from "react-compiler-runtime";
+import { c as _c22 } from "react-compiler-runtime";
 import { QuoteIcon } from "@radix-ui/react-icons";
 // src/components/annotations/FilePathAnnotation.tsx
-import { c as _c20 } from "react-compiler-runtime";
+import { c as _c21 } from "react-compiler-runtime";
 import { jsx as _jsx40 } from "react/jsx-runtime";
 var FilePathAnnotation = function(t0) {
-    var $ = _c20(3);
+    var $ = _c21(3);
     var annotation = t0.annotation, children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -41041,7 +41060,7 @@ function _objectWithoutPropertiesLoose(r, e) {
     return t;
 }
 var Annotation = function(t0) {
-    var $ = _c21(9);
+    var $ = _c22(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -41548,10 +41567,19 @@ var MarkdownContext = /* @__PURE__ */ createContext6({
 });
 // src/hooks/markdown/useMarkdownContext/index.ts
 var useMarkdownContext = function() {
-    return useContext5(MarkdownContext);
+    return useContext6(MarkdownContext);
+};
+// src/lib/markdown/escapeInvalidTagNames.ts
+var isValidTagName = function(tagName) {
+    return /^[A-Za-z_][A-Za-z0-9_.:-]*$/.test(tagName);
+};
+var escapeInvalidTagNames = function(markdown) {
+    return markdown.replace(/<([^\s>/]+)([^>]*)>/g, function(fullMatch, tagName) {
+        return isValidTagName(tagName) ? fullMatch : fullMatch.replace(/</g, "&lt;").replace(/>/g, "&gt;");
+    });
 };
 // ../../node_modules/react-error-boundary/dist/react-error-boundary.esm.js
-import { createContext as createContext7, Component, createElement, useContext as useContext6, useState as useState2, useMemo as useMemo8, forwardRef } from "react";
+import { createContext as createContext7, Component, createElement, useContext as useContext7, useState as useState2, useMemo as useMemo8, forwardRef } from "react";
 var ErrorBoundaryContext = /* @__PURE__ */ createContext7(null);
 var initialState = {
     didCatch: false,
@@ -41748,7 +41776,7 @@ var evaluate = /* @__PURE__ */ function() {
     };
 }();
 var TextContent = function(t0) {
-    var $ = _c22(13);
+    var $ = _c23(13);
     var content2 = t0.content;
     var _useMarkdownContext = useMarkdownContext(), getRemarkPlugins2 = _useMarkdownContext.getRemarkPlugins, components2 = _useMarkdownContext.components;
     var t1;
@@ -41784,7 +41812,7 @@ var TextContent = function(t0) {
                                 ]);
                                 return [
                                     4,
-                                    compile(content2.text.value, {
+                                    compile(escapeInvalidTagNames(content2.text.value), {
                                         outputFormat: "function-body",
                                         remarkPlugins: remarkPlugins,
                                         recmaPlugins: [
@@ -41885,10 +41913,10 @@ var TextContent = function(t0) {
     return t7;
 };
 // src/components/messages/MessageContent/ContentPart/ImageFileContent.tsx
-import { c as _c23 } from "react-compiler-runtime";
+import { c as _c24 } from "react-compiler-runtime";
 import { jsx as _jsx45 } from "react/jsx-runtime";
 var ImageFileContent = function(t0) {
-    var $ = _c23(2);
+    var $ = _c24(2);
     var content2 = t0.content;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -41909,7 +41937,7 @@ var ImageFileContent = function(t0) {
 // src/components/messages/MessageContent/ContentPart/index.tsx
 import { jsx as _jsx46 } from "react/jsx-runtime";
 var ContentPart = function(t0) {
-    var $ = _c24(4);
+    var $ = _c25(4);
     var content2 = t0.content;
     if (content2.type === "text") {
         var t1;
@@ -41954,7 +41982,7 @@ var MessageContent = function(_ref) {
 // src/components/threads/Thread/Message/index.tsx
 import { jsx as _jsx48, jsxs as _jsxs16 } from "react/jsx-runtime";
 var Message = function(t0) {
-    var $ = _c25(51);
+    var $ = _c26(51);
     var message = t0.message, className = t0.className, style = t0.style;
     var t1;
     bb0: {
@@ -42210,10 +42238,10 @@ function _temp3(rs) {
     return rs.status === "in_progress";
 }
 // src/components/threads/Thread/Messages/Content/index.tsx
-import { c as _c32 } from "react-compiler-runtime";
+import { c as _c33 } from "react-compiler-runtime";
 import { useEffect as useEffect3 } from "react";
 // src/hooks/messageGroups/useMessageGroups/index.ts
-import { c as _c26 } from "react-compiler-runtime";
+import { c as _c27 } from "react-compiler-runtime";
 import { useMemo as useMemo11 } from "react";
 // src/hooks/messageGroups/useMessageGroups/lib/messageGroups/index.ts
 import _6 from "lodash";
@@ -42318,7 +42346,7 @@ var messageGroups = function(_ref) {
 };
 // src/hooks/messageGroups/useMessageGroups/index.ts
 var useMessageGroups = function(t0) {
-    var $ = _c26(4);
+    var $ = _c27(4);
     var messages2 = t0.messages;
     var t1;
     var t2;
@@ -42345,16 +42373,16 @@ var useMessageGroups = function(t0) {
     return t1;
 };
 // src/components/skeletons/MessagesSkeleton/index.tsx
-import { c as _c28 } from "react-compiler-runtime";
+import { c as _c29 } from "react-compiler-runtime";
 import { forwardRef as forwardRef3 } from "react";
 import { Flex as Flex13, Avatar, Box as Box10, Skeleton as Skeleton2 } from "@radix-ui/themes";
 // src/components/messageGroups/MessageGroupBase/index.tsx
-import { c as _c27 } from "react-compiler-runtime";
+import { c as _c28 } from "react-compiler-runtime";
 import { forwardRef as forwardRef2 } from "react";
 import { Flex as Flex11, Container } from "@radix-ui/themes";
 import { jsx as _jsx49 } from "react/jsx-runtime";
 var MessageGroupBase = /* @__PURE__ */ forwardRef2(function MessageGroupBase2(t0, ref) {
-    var $ = _c27(5);
+    var $ = _c28(5);
     var children = t0.children;
     var t1;
     if ($[0] !== children) {
@@ -42402,7 +42430,7 @@ var Name = function(_ref) {
 // src/components/skeletons/MessagesSkeleton/index.tsx
 import { jsx as _jsx51, jsxs as _jsxs17 } from "react/jsx-runtime";
 var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_props, ref) {
-    var $ = _c28(7);
+    var $ = _c29(7);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ _jsx51(Skeleton2, {
@@ -42493,12 +42521,12 @@ var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_p
     return t5;
 });
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
-import { c as _c31 } from "react-compiler-runtime";
-import { useContext as useContext9 } from "react";
+import { c as _c32 } from "react-compiler-runtime";
+import { useContext as useContext10 } from "react";
 import { Box as Box11 } from "@radix-ui/themes";
 // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
-import { c as _c29 } from "react-compiler-runtime";
-import { useContext as useContext7 } from "react";
+import { c as _c30 } from "react-compiler-runtime";
+import { useContext as useContext8 } from "react";
 import { Flex as Flex14 } from "@radix-ui/themes";
 // src/contexts/assistants/AssistantAvatarContext/index.tsx
 import { createContext as createContext8 } from "react";
@@ -42512,8 +42540,8 @@ var AssistantAvatarContext = /* @__PURE__ */ createContext8(/* @__PURE__ */ _jsx
 // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
 import { jsx as _jsx53 } from "react/jsx-runtime";
 var AssistantAvatar = function() {
-    var $ = _c29(3);
-    var AssistantAvatarContextValue = useContext7(AssistantAvatarContext);
+    var $ = _c30(3);
+    var AssistantAvatarContextValue = useContext8(AssistantAvatarContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = {
@@ -42544,8 +42572,8 @@ var AssistantAvatar = function() {
 import { createContext as createContext9 } from "react";
 var AssistantNameContext = /* @__PURE__ */ createContext9("Assistant");
 // src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
-import { c as _c30 } from "react-compiler-runtime";
-import { useContext as useContext8 } from "react";
+import { c as _c31 } from "react-compiler-runtime";
+import { useContext as useContext9 } from "react";
 import { Flex as Flex15 } from "@radix-ui/themes";
 // src/contexts/users/UserAvatarContext/index.tsx
 import { createContext as createContext10 } from "react";
@@ -42559,8 +42587,8 @@ var UserAvatarContext = /* @__PURE__ */ createContext10(/* @__PURE__ */ _jsx54(A
 // src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
 import { jsx as _jsx55 } from "react/jsx-runtime";
 var UserAvatar = function() {
-    var $ = _c30(3);
-    var UserAvatarContextValue = useContext8(UserAvatarContext);
+    var $ = _c31(3);
+    var UserAvatarContextValue = useContext9(UserAvatarContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = {
@@ -42604,9 +42632,9 @@ var Content5 = function(_ref) {
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
 import { jsx as _jsx57, jsxs as _jsxs18 } from "react/jsx-runtime";
 var MessageGroup = function(t0) {
-    var $ = _c31(12);
+    var $ = _c32(12);
     var messageGroup = t0.messageGroup;
-    var assistantNameContext = useContext9(AssistantNameContext);
+    var assistantNameContext = useContext10(AssistantNameContext);
     var t1;
     if ($[0] !== messageGroup.role) {
         t1 = messageGroup.role === "user" ? /* @__PURE__ */ _jsx57(UserAvatar, {}) : /* @__PURE__ */ _jsx57(AssistantAvatar, {});
@@ -42670,7 +42698,7 @@ var MessageGroup = function(t0) {
 // src/components/threads/Thread/Messages/Content/index.tsx
 import { jsx as _jsx58, Fragment as _Fragment3 } from "react/jsx-runtime";
 var Content6 = function() {
-    var $ = _c32(11);
+    var $ = _c33(11);
     var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
     var addToast = useToasts().addToast;
     var t0;
@@ -42744,17 +42772,17 @@ function _temp4(messageGroup) {
     }, messageGroup.id);
 }
 // src/components/threads/Thread/Messages/Progress/index.tsx
-import { c as _c34 } from "react-compiler-runtime";
+import { c as _c35 } from "react-compiler-runtime";
 import { useMemo as useMemo12 } from "react";
 // src/components/skeletons/StartingSkeleton/index.tsx
-import { c as _c33 } from "react-compiler-runtime";
-import { useContext as useContext10 } from "react";
+import { c as _c34 } from "react-compiler-runtime";
+import { useContext as useContext11 } from "react";
 import { Box as Box12 } from "@radix-ui/themes";
 import { jsx as _jsx59, jsxs as _jsxs19 } from "react/jsx-runtime";
 var StartingSkeleton = function(t0) {
-    var $ = _c33(7);
+    var $ = _c34(7);
     var children = t0.children;
-    var assistantNameContext = useContext10(AssistantNameContext);
+    var assistantNameContext = useContext11(AssistantNameContext);
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t1 = /* @__PURE__ */ _jsx59(AssistantAvatar, {});
@@ -42804,7 +42832,7 @@ var StartingSkeleton = function(t0) {
 // src/components/threads/Thread/Messages/Progress/index.tsx
 import { jsx as _jsx60 } from "react/jsx-runtime";
 var Progress = function() {
-    var $ = _c34(1);
+    var $ = _c35(1);
     var latestMessage = useLatestMessage().latestMessage;
     var isMutatingMessage = useIsMutatingMessage();
     var t0;
@@ -42847,7 +42875,7 @@ var Progress = function() {
     return t1;
 };
 // src/components/threads/Thread/Messages/Root/index.tsx
-import { c as _c35 } from "react-compiler-runtime";
+import { c as _c36 } from "react-compiler-runtime";
 import { Flex as Flex17 } from "@radix-ui/themes";
 // src/hooks/misc/useInfiniteScroll/index.tsx
 import { useRef as useRef3 } from "react";
@@ -42945,7 +42973,7 @@ function _toPrimitive26(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root2 = function(t0) {
-    var $ = _c35(18);
+    var $ = _c36(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;
@@ -43028,10 +43056,10 @@ var Root2 = function(t0) {
     return t6;
 };
 // src/components/threads/Thread/Messages/NextPageSkeleton.tsx
-import { c as _c36 } from "react-compiler-runtime";
+import { c as _c37 } from "react-compiler-runtime";
 import { jsx as _jsx62 } from "react/jsx-runtime";
 var NextPageSkeleton = function() {
-    var $ = _c36(1);
+    var $ = _c37(1);
     var hasNextPage = useMessages().hasNextPage;
     if (!hasNextPage) {
         return null;
@@ -43073,11 +43101,11 @@ Messages.Root = Root2;
 Messages.Message = Message;
 Messages.NextPageSkeleton = NextPageSkeleton;
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
-import { c as _c37 } from "react-compiler-runtime";
+import { c as _c38 } from "react-compiler-runtime";
 import { ArrowUpIcon as ArrowUpIcon2, StopIcon } from "@radix-ui/react-icons";
 import { IconButton as IconButton5, Flex as Flex19 } from "@radix-ui/themes";
 // src/hooks/messages/useMessageFormContext/index.ts
-import { useContext as useContext11 } from "react";
+import { useContext as useContext12 } from "react";
 // src/contexts/messages/MessageFormContext/index.ts
 import { createContext as createContext11 } from "react";
 var MessageFormContext = /* @__PURE__ */ createContext11({
@@ -43090,7 +43118,7 @@ var MessageFormContext = /* @__PURE__ */ createContext11({
 });
 // src/hooks/messages/useMessageFormContext/index.ts
 var useMessageFormContext = function() {
-    return useContext11(MessageFormContext);
+    return useContext12(MessageFormContext);
 };
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
 import { jsx as _jsx64 } from "react/jsx-runtime";
@@ -43148,7 +43176,7 @@ var Root3 = function(_ref) {
     });
 };
 var Button3 = function(props) {
-    var $ = _c37(10);
+    var $ = _c38(10);
     var superinterfaceContext = useSuperinterfaceContext();
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, isFileLoading = _useMessageFormContext.isFileLoading;
     if (isLoading) {
@@ -43432,9 +43460,9 @@ var usePrevious = function(state) {
     return ref.current;
 };
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-import { useContext as useContext12, useMemo as useMemo14, useRef as useRef5, useEffect as useEffect6 } from "react";
+import { useContext as useContext13, useMemo as useMemo14, useRef as useRef5, useEffect as useEffect6 } from "react";
 // src/components/textareas/TextareaBase/index.tsx
-import { c as _c38 } from "react-compiler-runtime";
+import { c as _c39 } from "react-compiler-runtime";
 import { forwardRef as forwardRef4 } from "react";
 import TextareaAutosize from "react-textarea-autosize";
 import { jsx as _jsx66, Fragment as _Fragment4, jsxs as _jsxs22 } from "react/jsx-runtime";
@@ -43505,7 +43533,7 @@ function _objectWithoutPropertiesLoose3(r, e) {
 }
 var TextareaBase = /* @__PURE__ */ forwardRef4(function TextareaBase2(t0, ref) {
     var _className;
-    var $ = _c38(14);
+    var $ = _c39(14);
     var className;
     var rest;
     var style;
@@ -43639,7 +43667,7 @@ var Root5 = function(_ref) {
 var Input = function(props) {
     "use no memo";
     var _props$placeholder;
-    var assistantNameContext = useContext12(AssistantNameContext);
+    var assistantNameContext = useContext13(AssistantNameContext);
     var register = useFormContext().register;
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
     var isSubmitDisabled = useMemo14(function() {
@@ -43688,7 +43716,7 @@ var Control = function(props) {
 Control.Root = Root5;
 Control.Input = Input;
 // src/components/threads/Thread/MessageForm/Field/Files/Preview.tsx
-import { c as _c39 } from "react-compiler-runtime";
+import { c as _c40 } from "react-compiler-runtime";
 import { Flex as Flex21, Card as Card2, Spinner as Spinner2, Text as Text7, IconButton as IconButton6 } from "@radix-ui/themes";
 import { FileIcon as FileIcon2, Cross2Icon } from "@radix-ui/react-icons";
 import { jsx as _jsx68, jsxs as _jsxs23 } from "react/jsx-runtime";
@@ -43736,7 +43764,7 @@ function _toPrimitive31(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Preview = function(props) {
-    var $ = _c39(8);
+    var $ = _c40(8);
     var _useMessageFormContext = useMessageFormContext(), files = _useMessageFormContext.files, setFiles = _useMessageFormContext.setFiles;
     if (!files.length) {
         return null;
@@ -43834,7 +43862,7 @@ import dayjs2 from "dayjs";
 import { FilePlusIcon } from "@radix-ui/react-icons";
 import { IconButton as IconButton7, Flex as Flex22 } from "@radix-ui/themes";
 // src/hooks/files/useCreateFile/index.ts
-import { c as _c40 } from "react-compiler-runtime";
+import { c as _c41 } from "react-compiler-runtime";
 import { useMutation as useMutation2, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
 // src/hooks/files/useCreateFile/lib/mutationOptions/mutationFn/body/formData.ts
 var formData = function(variables) {
@@ -44070,7 +44098,7 @@ function _toPrimitive34(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useCreateFile = function(t0) {
-    var $ = _c40(15);
+    var $ = _c41(15);
     var t1;
     if ($[0] !== t0) {
         t1 = t0 === void 0 ? {
@@ -44613,7 +44641,7 @@ import { Flex as Flex25 } from "@radix-ui/themes";
 // src/components/threads/Thread/Provider/index.tsx
 var Provider2 = SuperinterfaceProvider;
 // src/components/toasts/ToastsProvider/index.tsx
-import { c as _c41 } from "react-compiler-runtime";
+import { c as _c42 } from "react-compiler-runtime";
 import { useState as useState5, useCallback as useCallback4 } from "react";
 import * as Toast2 from "@radix-ui/react-toast";
 // src/components/toasts/ToastsProvider/CustomToast.tsx
@@ -44652,7 +44680,7 @@ var CustomToast = function(_ref) {
 // src/components/toasts/ToastsProvider/index.tsx
 import { jsx as _jsx73, jsxs as _jsxs27 } from "react/jsx-runtime";
 var ToastsProvider = function(t0) {
-    var $ = _c41(15);
+    var $ = _c42(15);
     var children = t0.children, t1 = t0.bottom;
     var bottom = t1 === void 0 ? 0 : t1;
     var t2;
@@ -44895,12 +44923,12 @@ Thread.Root = Root8;
 Thread.Messages = Messages;
 Thread.MessageForm = MessageForm;
 // src/hooks/messages/useMessageContext/index.ts
-import { useContext as useContext13 } from "react";
+import { useContext as useContext14 } from "react";
 var useMessageContext = function() {
-    return useContext13(MessageContext);
+    return useContext14(MessageContext);
 };
 // src/hooks/assistants/useAssistant/index.ts
-import { c as _c42 } from "react-compiler-runtime";
+import { c as _c43 } from "react-compiler-runtime";
 import { useMemo as useMemo15 } from "react";
 import { useQuery } from "@tanstack/react-query";
 // src/hooks/assistants/useAssistant/lib/queryOptions/index.ts
@@ -45050,7 +45078,7 @@ function _toPrimitive40(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useAssistant = function(t0) {
-    var $ = _c42(6);
+    var $ = _c43(6);
     var assistantId = t0.assistantId;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -45083,7 +45111,7 @@ var useAssistant = function(t0) {
     return t2;
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
-import { c as _c43 } from "react-compiler-runtime";
+import { c as _c44 } from "react-compiler-runtime";
 import { useState as useState6 } from "react";
 // src/contexts/threads/ThreadDialogContext/index.ts
 import { createContext as createContext12 } from "react";
@@ -45092,14 +45120,14 @@ var ThreadDialogContext = /* @__PURE__ */ createContext12({
     setIsOpen: function() {}
 });
 // src/hooks/threads/useThreadDialogContext/index.ts
-import { useContext as useContext14 } from "react";
+import { useContext as useContext15 } from "react";
 var useThreadDialogContext = function() {
-    return useContext14(ThreadDialogContext);
+    return useContext15(ThreadDialogContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
 import { jsx as _jsx76 } from "react/jsx-runtime";
 var Provider4 = function(t0) {
-    var $ = _c43(5);
+    var $ = _c44(5);
     var children = t0.children;
     var threadDialogContext = useThreadDialogContext();
     var _useState6 = _sliced_to_array(useState6(threadDialogContext.isOpen), 2), isOpen = _useState6[0], setIsOpen = _useState6[1];
@@ -45137,7 +45165,7 @@ var Root9 = function(_ref) {
     });
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-import { c as _c44 } from "react-compiler-runtime";
+import { c as _c45 } from "react-compiler-runtime";
 import { Flex as Flex26 } from "@radix-ui/themes";
 // src/components/threads/ThreadDialog/Trigger/Button.tsx
 import { IconButton as IconButton8 } from "@radix-ui/themes";
@@ -45240,7 +45268,7 @@ function _toPrimitive42(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root10 = function(t0) {
-    var $ = _c44(14);
+    var $ = _c45(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";
@@ -45321,15 +45349,15 @@ function _temp7(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
-import { c as _c46 } from "react-compiler-runtime";
+import { c as _c47 } from "react-compiler-runtime";
 import { Card as Card4, Inset as Inset2, Flex as Flex28 } from "@radix-ui/themes";
 // src/components/threads/ThreadDialog/Close/index.tsx
-import { c as _c45 } from "react-compiler-runtime";
+import { c as _c46 } from "react-compiler-runtime";
 import { Cross1Icon } from "@radix-ui/react-icons";
 import { IconButton as IconButton9, Flex as Flex27 } from "@radix-ui/themes";
 import { jsx as _jsx80 } from "react/jsx-runtime";
 var Close = function() {
-    var $ = _c45(9);
+    var $ = _c46(9);
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
     var t0 = isOpen ? "flex" : "none";
     var t1;
@@ -45445,7 +45473,7 @@ function _toPrimitive43(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root11 = function(t0) {
-    var $ = _c46(19);
+    var $ = _c47(19);
     var children = t0.children, className = t0.className, style = t0.style;
     var isOpen = useThreadDialogContext().isOpen;
     if (!isOpen) {
@@ -45644,7 +45672,7 @@ ThreadDialog.Root = Root9;
 ThreadDialog.Trigger = Trigger;
 ThreadDialog.Content = Content7;
 // src/components/threads/AudioThread/Root/index.tsx
-import { c as _c52 } from "react-compiler-runtime";
+import { c as _c53 } from "react-compiler-runtime";
 import { Flex as Flex29 } from "@radix-ui/themes";
 // src/contexts/threads/AudioThreadContext/index.ts
 import { createContext as createContext13 } from "react";
@@ -45652,17 +45680,17 @@ var AudioThreadContext = /* @__PURE__ */ createContext13({
     audioRuntime: null
 });
 // src/hooks/threads/useAudioThreadContext/index.ts
-import { useContext as useContext15 } from "react";
+import { useContext as useContext16 } from "react";
 var useAudioThreadContext = function() {
-    return useContext15(AudioThreadContext);
+    return useContext16(AudioThreadContext);
 };
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
-import { c as _c51 } from "react-compiler-runtime";
+import { c as _c52 } from "react-compiler-runtime";
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
-import { c as _c50 } from "react-compiler-runtime";
+import { c as _c51 } from "react-compiler-runtime";
 import { useMemo as useMemo18 } from "react";
 // src/hooks/misc/usePermission/index.ts
-import { c as _c47 } from "react-compiler-runtime";
+import { c as _c48 } from "react-compiler-runtime";
 import { useEffect as useEffect7, useState as useState7 } from "react";
 // src/hooks/misc/usePermission/util.ts
 var noop = function() {};
@@ -45686,7 +45714,7 @@ function off(obj) {
 }
 // src/hooks/misc/usePermission/index.ts
 var usePermission = function(permissionDesc) {
-    var $ = _c47(3);
+    var $ = _c48(3);
     var _useState7 = _sliced_to_array(useState7(""), 2), state = _useState7[0], setState = _useState7[1];
     var t0;
     var t1;
@@ -45735,10 +45763,10 @@ import { useAudioCapture } from "use-audio-capture";
 import { useMemo as useMemo16, useRef as useRef7, useState as useState8, useCallback as useCallback5, useEffect as useEffect9 } from "react";
 import { useAudioPlayer } from "react-use-audio-player";
 // src/hooks/misc/useInterval.ts
-import { c as _c48 } from "react-compiler-runtime";
+import { c as _c49 } from "react-compiler-runtime";
 import { useEffect as useEffect8, useRef as useRef6 } from "react";
 var useInterval = function(callback, delay) {
-    var $ = _c48(5);
+    var $ = _c49(5);
     var savedCallback = useRef6(_temp9);
     var t0;
     if ($[0] !== callback) {
@@ -45991,7 +46019,7 @@ var useRecorder = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-import { c as _c49 } from "react-compiler-runtime";
+import { c as _c50 } from "react-compiler-runtime";
 import { useMemo as useMemo17, useRef as useRef8, useState as useState9, useEffect as useEffect10, useCallback as useCallback6 } from "react";
 import nlp from "compromise";
 import { Howler } from "howler";
@@ -46074,7 +46102,7 @@ var getMessageSentences = function(_ref) {
 };
 var useMessageAudio = function(t0) {
     var _latestMessageProps$l;
-    var $ = _c49(50);
+    var $ = _c50(50);
     var _onEnd = t0.onEnd, passedPlay = t0.play;
     var _useState9 = _sliced_to_array(useState9(false), 2), isAudioPlayed = _useState9[0], setIsAudioPlayed = _useState9[1];
     var t1;
@@ -46455,7 +46483,7 @@ function _asyncToGenerator11(n) {
     };
 }
 var useTtsAudioRuntime = function(t0) {
-    var $ = _c50(30);
+    var $ = _c51(30);
     var play = t0.play;
     var addToast = useToasts().addToast;
     var queryClient = useQueryClient6();
@@ -46643,7 +46671,7 @@ function _temp23() {
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
 import { jsx as _jsx83 } from "react/jsx-runtime";
 var TtsAudioRuntimeProvider = function(t0) {
-    var $ = _c51(7);
+    var $ = _c52(7);
     var children = t0.children, play = t0.play;
     var t1;
     if ($[0] !== play) {
@@ -46764,7 +46792,7 @@ var Content8 = function(_ref) {
     });
 };
 var AudioRuntimeProvider = function(t0) {
-    var $ = _c52(3);
+    var $ = _c53(3);
     var children = t0.children, play = t0.play;
     var audioThreadContext = useAudioThreadContext();
     if (audioThreadContext.audioRuntime) {
@@ -46785,7 +46813,7 @@ var AudioRuntimeProvider = function(t0) {
     return t1;
 };
 var Provider5 = function(t0) {
-    var $ = _c52(9);
+    var $ = _c53(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -46840,7 +46868,7 @@ var Root12 = function(_ref2) {
     }));
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-import { useContext as useContext16, useState as useState11, useCallback as useCallback8, useEffect as useEffect12 } from "react";
+import { useContext as useContext17, useState as useState11, useCallback as useCallback8, useEffect as useEffect12 } from "react";
 import _9 from "lodash";
 import { Flex as Flex31 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
@@ -46908,10 +46936,10 @@ var BarsVisualizer = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-import { c as _c53 } from "react-compiler-runtime";
+import { c as _c54 } from "react-compiler-runtime";
 import { useMemo as useMemo19 } from "react";
 var useStatus = function() {
-    var $ = _c53(2);
+    var $ = _c54(2);
     var audioRuntime = useAudioThreadContext().audioRuntime;
     var t0;
     bb0: {
@@ -47006,7 +47034,7 @@ function _toPrimitive47(t, r) {
 var Visualization = function(props) {
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
-    var assistantNameContext = useContext16(AssistantNameContext);
+    var assistantNameContext = useContext17(AssistantNameContext);
     var _useState11 = _sliced_to_array(useState11(0), 2), scale = _useState11[0], setScale = _useState11[1];
     var draw = useCallback8(function(_ref) {
         var visualizationAnalyser = _ref.visualizationAnalyser;
@@ -47071,7 +47099,7 @@ var Visualization = function(props) {
     }));
 };
 // src/components/threads/AudioThread/Status/index.tsx
-import { c as _c54 } from "react-compiler-runtime";
+import { c as _c55 } from "react-compiler-runtime";
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
 import { Flex as Flex32, Text as Text9 } from "@radix-ui/themes";
 import { jsx as _jsx87, jsxs as _jsxs32 } from "react/jsx-runtime";
@@ -47151,7 +47179,7 @@ function _toPrimitive48(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Status = function(props) {
-    var $ = _c54(12);
+    var $ = _c55(12);
     var status = useStatus().status;
     if (status === "recording") {
         var _t;
@@ -47248,7 +47276,7 @@ var Status = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-import { c as _c56 } from "react-compiler-runtime";
+import { c as _c57 } from "react-compiler-runtime";
 import { Flex as Flex34 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/Form/MicIcon.tsx
 import { jsx as _jsx89 } from "react/jsx-runtime";
@@ -47312,12 +47340,12 @@ var MicIcon = function(props) {
     }));
 };
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
-import { c as _c55 } from "react-compiler-runtime";
+import { c as _c56 } from "react-compiler-runtime";
 import { Flex as Flex33, IconButton as IconButton10 } from "@radix-ui/themes";
 import { StopIcon as StopIcon2, PauseIcon as PauseIcon2, ArrowUpIcon as ArrowUpIcon3, ResumeIcon } from "@radix-ui/react-icons";
 import { jsx as _jsx90, jsxs as _jsxs33 } from "react/jsx-runtime";
 var ActionButton = function() {
-    var $ = _c55(27);
+    var $ = _c56(27);
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var superinterfaceContext = useSuperinterfaceContext();
@@ -47555,7 +47583,7 @@ function _toPrimitive50(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Form = function(props) {
-    var $ = _c56(17);
+    var $ = _c57(17);
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var t0 = status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
@@ -48265,10 +48293,10 @@ var useWebrtcAudioRuntime = function() {
     ]);
 };
 // src/components/audioRuntimes/WebrtcAudioRuntimeProvider.tsx
-import { c as _c57 } from "react-compiler-runtime";
+import { c as _c58 } from "react-compiler-runtime";
 import { jsx as _jsx94 } from "react/jsx-runtime";
 var WebrtcAudioRuntimeProvider = function(t0) {
-    var $ = _c57(5);
+    var $ = _c58(5);
     var children = t0.children;
     var webrtcAudioRuntime = useWebrtcAudioRuntime().webrtcAudioRuntime;
     var t1;
@@ -48296,7 +48324,7 @@ var WebrtcAudioRuntimeProvider = function(t0) {
     return t2;
 };
 // src/components/markdown/MarkdownProvider/index.tsx
-import { c as _c58 } from "react-compiler-runtime";
+import { c as _c59 } from "react-compiler-runtime";
 import { useMemo as useMemo21 } from "react";
 import { jsx as _jsx95 } from "react/jsx-runtime";
 var _excluded6 = [
@@ -48321,7 +48349,7 @@ function _objectWithoutPropertiesLoose6(r, e) {
     return t;
 }
 var MarkdownProvider = function(t0) {
-    var $ = _c58(9);
+    var $ = _c59(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -48364,18 +48392,18 @@ var MarkdownProvider = function(t0) {
     return t3;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-import { c as _c61 } from "react-compiler-runtime";
+import { c as _c62 } from "react-compiler-runtime";
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-import { c as _c60 } from "react-compiler-runtime";
+import { c as _c61 } from "react-compiler-runtime";
 import { useState as useState13 } from "react";
 import { QuoteIcon as QuoteIcon2 } from "@radix-ui/react-icons";
 import { Dialog, VisuallyHidden, IconButton as IconButton11 } from "@radix-ui/themes";
 // src/components/annotations/SourceAnnotation/FileCitation/Content.tsx
-import { c as _c59 } from "react-compiler-runtime";
+import { c as _c60 } from "react-compiler-runtime";
 import { Flex as Flex35, Card as Card5, Inset as Inset3 } from "@radix-ui/themes";
 import { jsx as _jsx96 } from "react/jsx-runtime";
 var Content9 = function(t0) {
-    var $ = _c59(5);
+    var $ = _c60(5);
     var fileId = t0.fileId;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -48441,7 +48469,7 @@ var Content9 = function(t0) {
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
 import { jsx as _jsx97, jsxs as _jsxs37, Fragment as _Fragment5 } from "react/jsx-runtime";
 var FileCitation = function(t0) {
-    var $ = _c60(18);
+    var $ = _c61(18);
     var annotation = t0.annotation;
     var _useState13 = _sliced_to_array(useState13(null), 2), activeFileId = _useState13[0], setActiveFileId = _useState13[1];
     var t1;
@@ -48590,7 +48618,7 @@ function _objectWithoutPropertiesLoose7(r, e) {
     return t;
 }
 var SourceAnnotation = function(t0) {
-    var $ = _c61(10);
+    var $ = _c62(10);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -48647,7 +48675,7 @@ var SourceAnnotation = function(t0) {
     return null;
 };
 // src/components/avatars/Avatar.tsx
-import { c as _c64 } from "react-compiler-runtime";
+import { c as _c65 } from "react-compiler-runtime";
 // src/lib/enums/index.ts
 var IconAvatarName = /* @__PURE__ */ function(IconAvatarName2) {
     IconAvatarName2["BACKPACK"] = "BACKPACK";
@@ -48672,7 +48700,7 @@ var AvatarType = /* @__PURE__ */ function(AvatarType2) {
 // src/components/avatars/Avatar.tsx
 import { Avatar as RadixAvatar } from "@radix-ui/themes";
 // src/components/imageAvatars/ImageAvatar/index.tsx
-import { c as _c62 } from "react-compiler-runtime";
+import { c as _c63 } from "react-compiler-runtime";
 import { Avatar as Avatar4 } from "@radix-ui/themes";
 // src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
 var width = function(_ref) {
@@ -48726,7 +48754,7 @@ var optimizedSrc = function(_ref) {
 // src/components/imageAvatars/ImageAvatar/index.tsx
 import { jsx as _jsx99 } from "react/jsx-runtime";
 var ImageAvatar = function(t0) {
-    var $ = _c62(9);
+    var $ = _c63(9);
     var imageAvatar = t0.imageAvatar, size = t0.size, className = t0.className, style = t0.style;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -48763,7 +48791,7 @@ var ImageAvatar = function(t0) {
     return t2;
 };
 // src/components/iconAvatars/IconAvatar.tsx
-import { c as _c63 } from "react-compiler-runtime";
+import { c as _c64 } from "react-compiler-runtime";
 import { useMemo as useMemo22 } from "react";
 import { Avatar as Avatar5 } from "@radix-ui/themes";
 // src/lib/iconAvatars/iconAvatarComponents.ts
@@ -48773,7 +48801,7 @@ var iconAvatarComponents = (_obj = {}, _define_property(_obj, IconAvatarName.BAC
 // src/components/iconAvatars/IconAvatar.tsx
 import { jsx as _jsx100 } from "react/jsx-runtime";
 var IconAvatar = function(t0) {
-    var $ = _c63(7);
+    var $ = _c64(7);
     var iconAvatar = t0.iconAvatar, size = t0.size, className = t0.className, style = t0.style;
     var t1;
     t1 = iconAvatarComponents[iconAvatar.name];
@@ -48807,7 +48835,7 @@ var IconAvatar = function(t0) {
 // src/components/avatars/Avatar.tsx
 import { jsx as _jsx101 } from "react/jsx-runtime";
 var Avatar6 = function(t0) {
-    var $ = _c64(14);
+    var $ = _c65(14);
     var avatar = t0.avatar, t1 = t0.size, className = t0.className, style = t0.style;
     var size = t1 === void 0 ? "1" : t1;
     if (avatar) {
@@ -48868,12 +48896,12 @@ var Avatar6 = function(t0) {
     return t2;
 };
 // src/components/components/ComponentsProvider.tsx
-import { c as _c65 } from "react-compiler-runtime";
+import { c as _c66 } from "react-compiler-runtime";
 import { useMemo as useMemo23 } from "react";
 // src/hooks/components/useComponents.ts
-import { useContext as useContext17 } from "react";
+import { useContext as useContext18 } from "react";
 var useComponents = function() {
-    return useContext17(ComponentsContext);
+    return useContext18(ComponentsContext);
 };
 // src/components/components/ComponentsProvider.tsx
 import { jsx as _jsx102 } from "react/jsx-runtime";
@@ -48899,7 +48927,7 @@ function _objectWithoutPropertiesLoose8(r, e) {
     return t;
 }
 var ComponentsProvider = function(t0) {
-    var $ = _c65(9);
+    var $ = _c66(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -48942,11 +48970,11 @@ var ComponentsProvider = function(t0) {
     return t3;
 };
 // src/components/assistants/AssistantProvider/index.tsx
-import { c as _c66 } from "react-compiler-runtime";
+import { c as _c67 } from "react-compiler-runtime";
 import { jsx as _jsx103 } from "react/jsx-runtime";
 var AssistantProvider = function(t0) {
     var _assistant$name;
-    var $ = _c66(10);
+    var $ = _c67(10);
     var children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;