@superinterface/react 3.18.0 → 3.19.0

package/dist/index.cjs

@@ -37508,8 +37508,8 @@ var SuperinterfaceProvider = function(_ref) {
 // src/components/threads/Thread/Messages/index.tsx
 var import_themes45 = require("@radix-ui/themes");
 // src/components/threads/Thread/Message/index.tsx
-var import_react_compiler_runtime25 = require("react-compiler-runtime");
-var import_react30 = require("react");
+var import_react_compiler_runtime26 = require("react-compiler-runtime");
+var import_react31 = require("react");
 var import_radash12 = require("radash");
 var import_themes33 = require("@radix-ui/themes");
 // src/components/skeletons/StartingContentSkeleton/index.tsx
@@ -37528,34 +37528,59 @@ var StartingContentSkeleton = function() {
     });
 };
 // src/components/runSteps/RunSteps/index.tsx
-var import_react_compiler_runtime7 = require("react-compiler-runtime");
+var import_react_compiler_runtime8 = require("react-compiler-runtime");
 var import_themes10 = require("@radix-ui/themes");
-var import_react8 = require("react");
+var import_react9 = require("react");
 // src/contexts/components/ComponentsContext/index.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 // src/components/runSteps/RunStep/index.tsx
 var import_react_compiler_runtime6 = require("react-compiler-runtime");
 // src/components/runSteps/RunStep/ToolCalls/index.tsx
-var import_themes9 = require("@radix-ui/themes");
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/index.tsx
 var import_react_compiler_runtime5 = require("react-compiler-runtime");
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/index.tsx
-var import_react_compiler_runtime3 = require("react-compiler-runtime");
 var import_react6 = require("react");
+var import_themes6 = require("@radix-ui/themes");
+// src/components/runSteps/RunStep/ToolCalls/ToolCall/index.tsx
+var import_react_compiler_runtime4 = 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");
 // src/contexts/functions/FunctionComponentsContext/index.tsx
 var import_react4 = require("react");
 var FunctionComponentsContext = /* @__PURE__ */ (0, import_react4.createContext)({});
-// src/components/functions/FunctionBase/index.tsx
+// src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/index.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Fn = function(t0) {
+    var $ = (0, import_react_compiler_runtime.c)(4);
+    var fn = t0.fn, runStep = t0.runStep;
+    var functionComponentsContext = (0, import_react5.useContext)(FunctionComponentsContext);
+    var componentsContext = (0, import_react5.useContext)(ComponentsContext);
+    var Component2 = functionComponentsContext[fn.name] || componentsContext.components.Function;
+    var t1;
+    if ($[0] !== Component2 || $[1] !== fn || $[2] !== runStep) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(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
 var import_themes5 = require("@radix-ui/themes");
 // src/components/toolCalls/ToolCallBase/index.tsx
 var import_themes2 = require("@radix-ui/themes");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var ToolCallBase = function(_ref) {
     var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes2.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_themes2.Flex, {
         py: "1",
         ml: "-2",
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes2.Button, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_themes2.Button, {
             size: "1",
             color: "gold",
             variant: "outline",
@@ -37568,25 +37593,25 @@ var ToolCallBase = function(_ref) {
 };
 // src/components/toolCalls/ToolCallBase/ToolCallTitle.tsx
 var import_themes3 = require("@radix-ui/themes");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var ToolCallTitle = function(_ref) {
     var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_themes3.Text, {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_themes3.Text, {
         weight: "regular",
         children: children
     });
 };
 // src/components/toolCalls/ToolCallBase/ToolCallIcon.tsx
-var import_react_compiler_runtime = require("react-compiler-runtime");
+var import_react_compiler_runtime2 = require("react-compiler-runtime");
 var import_react_icons = require("@radix-ui/react-icons");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var ToolCallIcon = function(t0) {
-    var $ = (0, import_react_compiler_runtime.c)(3);
+    var $ = (0, import_react_compiler_runtime2.c)(3);
     var runStep = t0.runStep;
     if (runStep.completed_at) {
         var t1;
         if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-            t1 = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_icons.CheckCircledIcon, {});
+            t1 = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_icons.CheckCircledIcon, {});
             $[0] = t1;
         } else {
             t1 = $[0];
@@ -37596,7 +37621,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__ */ (0, import_jsx_runtime5.jsx)(import_react_icons.CircleBackslashIcon, {});
+                _t = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_icons.CircleBackslashIcon, {});
                 $[1] = _t;
             } else {
                 _t = $[1];
@@ -37605,7 +37630,7 @@ var ToolCallIcon = function(t0) {
         } else {
             var _t2;
             if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-                _t2 = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_icons.CircleIcon, {});
+                _t2 = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_icons.CircleIcon, {});
                 $[2] = _t2;
             } else {
                 _t2 = $[2];
@@ -37614,191 +37639,12 @@ var ToolCallIcon = function(t0) {
         }
     }
 };
-// src/components/functions/FunctionBase/Content/index.tsx
-var import_react_compiler_runtime2 = require("react-compiler-runtime");
-var import_react5 = require("react");
+// src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/Content.tsx
+var import_react_compiler_runtime3 = require("react-compiler-runtime");
 var import_themes4 = require("@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
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var Content = function(t0) {
-    var $ = (0, import_react_compiler_runtime2.c)(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__ */ (0, import_jsx_runtime6.jsx)(import_themes4.Box, {
-            children: args
-        });
-        $[5] = args;
-        $[6] = t6;
-    } else {
-        t6 = $[6];
-    }
-    var t7;
-    if ($[7] !== output) {
-        t7 = output && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_themes4.Box, {
-            children: output
-        });
-        $[7] = output;
-        $[8] = t7;
-    } else {
-        t7 = $[8];
-    }
-    var t8;
-    if ($[9] !== t6 || $[10] !== t7) {
-        t8 = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_themes4.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
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var FunctionBase = function(_ref) {
-    var fn = _ref.fn, runStep = _ref.runStep, title2 = _ref.title;
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_themes5.Popover.Root, {
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_themes5.Popover.Trigger, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_themes5.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: title2
-                            })
-                        ]
-                    })
-                })
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_themes5.Popover.Content, {
-                style: {
-                    maxHeight: "200px"
-                },
-                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(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
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var DefaultFunction = function(_ref) {
-    var fn = _ref.fn, runStep = _ref.runStep;
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FunctionBase, {
-        fn: fn,
-        runStep: runStep,
-        title: title({
-            runStep: runStep,
-            fn: fn
-        })
-    });
-};
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/index.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var Fn = function(t0) {
-    var $ = (0, import_react_compiler_runtime3.c)(4);
-    var fn = t0.fn, runStep = t0.runStep;
-    var functionComponentsContext = (0, import_react6.useContext)(FunctionComponentsContext);
-    var Component2 = functionComponentsContext[fn.name] || DefaultFunction;
-    var t1;
-    if ($[0] !== Component2 || $[1] !== fn || $[2] !== runStep) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(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
-var import_themes7 = require("@radix-ui/themes");
-// src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/Content.tsx
-var import_react_compiler_runtime4 = require("react-compiler-runtime");
-var import_themes6 = require("@radix-ui/themes");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var Content2 = function(t0) {
-    var $ = (0, import_react_compiler_runtime4.c)(10);
+var Content = function(t0) {
+    var $ = (0, import_react_compiler_runtime3.c)(10);
     var codeInterpreter = t0.codeInterpreter;
     if (!codeInterpreter.input) {
         return null;
@@ -37815,7 +37661,7 @@ var Content2 = function(t0) {
     }
     var t2;
     if ($[1] !== codeInterpreter.input) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_themes6.Box, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_themes4.Box, {
             children: codeInterpreter.input
         });
         $[1] = codeInterpreter.input;
@@ -37833,7 +37679,7 @@ var Content2 = function(t0) {
     }
     var t4;
     if ($[5] !== t3) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_themes6.Box, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_themes4.Box, {
             children: t3
         });
         $[5] = t3;
@@ -37843,7 +37689,7 @@ var Content2 = function(t0) {
     }
     var t5;
     if ($[7] !== t2 || $[8] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_themes6.Code, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_themes4.Code, {
             variant: "ghost",
             color: "gold",
             style: t1,
@@ -37861,28 +37707,28 @@ var Content2 = function(t0) {
     return t5;
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/index.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var CodeInterpreter = function(_ref) {
     var codeInterpreter = _ref.codeInterpreter, runStep = _ref.runStep;
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_themes7.Popover.Root, {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_themes5.Popover.Root, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes7.Popover.Trigger, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes7.Flex, {
-                    children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(ToolCallBase, {
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_themes5.Popover.Trigger, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_themes5.Flex, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(ToolCallBase, {
                         children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ToolCallIcon, {
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolCallIcon, {
                                 runStep: runStep
                             }),
-                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ToolCallTitle, {
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolCallTitle, {
                                 children: "Using code interpreter"
                             })
                         ]
                     })
                 })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes7.Popover.Content, {
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_themes5.Popover.Content, {
                 maxHeight: "200px",
-                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Content2, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Content, {
                     codeInterpreter: codeInterpreter
                 })
             })
@@ -37890,30 +37736,30 @@ var CodeInterpreter = function(_ref) {
     });
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/FileSearch.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var FileSearch = function(_ref) {
     var runStep = _ref.runStep, toolCall = _ref.toolCall;
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(ToolCallBase, {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(ToolCallBase, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToolCallIcon, {
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToolCallIcon, {
                 runStep: runStep
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToolCallTitle, {
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToolCallTitle, {
                 children: "Searching files"
             })
         ]
     });
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/Fallback.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var Fallback = function(_ref) {
     var runStep = _ref.runStep, toolCall = _ref.toolCall;
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(ToolCallBase, {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(ToolCallBase, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToolCallIcon, {
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ToolCallIcon, {
                 runStep: runStep
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(ToolCallTitle, {
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(ToolCallTitle, {
                 children: [
                     "Using tool: ",
                     toolCall.type
@@ -37923,14 +37769,14 @@ var Fallback = function(_ref) {
     });
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/index.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var ToolCall = function(t0) {
-    var $ = (0, import_react_compiler_runtime5.c)(12);
+    var $ = (0, import_react_compiler_runtime4.c)(12);
     var toolCall = t0.toolCall, runStep = t0.runStep;
     if (toolCall.type === "function") {
         var _t;
         if ($[0] !== runStep || $[1] !== toolCall.function) {
-            _t = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Fn, {
+            _t = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Fn, {
                 fn: toolCall.function,
                 runStep: runStep
             });
@@ -37945,7 +37791,7 @@ var ToolCall = function(t0) {
     if (toolCall.type === "code_interpreter") {
         var _t2;
         if ($[3] !== runStep || $[4] !== toolCall.code_interpreter) {
-            _t2 = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CodeInterpreter, {
+            _t2 = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CodeInterpreter, {
                 codeInterpreter: toolCall.code_interpreter,
                 runStep: runStep
             });
@@ -37960,7 +37806,7 @@ var ToolCall = function(t0) {
     if (toolCall.type === "file_search") {
         var _t3;
         if ($[6] !== runStep || $[7] !== toolCall) {
-            _t3 = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FileSearch, {
+            _t3 = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(FileSearch, {
                 toolCall: toolCall,
                 runStep: runStep
             });
@@ -37974,7 +37820,7 @@ var ToolCall = function(t0) {
     }
     var t1;
     if ($[9] !== runStep || $[10] !== toolCall) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Fallback, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Fallback, {
             toolCall: toolCall,
             runStep: runStep
         });
@@ -37986,52 +37832,40 @@ var ToolCall = function(t0) {
     }
     return t1;
 };
-// src/components/runSteps/RunStep/ToolCalls/Starting/index.tsx
-var import_themes8 = require("@radix-ui/themes");
-var import_react_icons2 = require("@radix-ui/react-icons");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var Starting = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_themes8.Popover.Root, {
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(ToolCallBase, {
-                children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_icons2.CircleIcon, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolCallTitle, {
-                        children: "Starting actions"
-                    })
-                ]
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_themes8.Popover.Content, {
-                style: {
-                    maxHeight: "500px"
-                },
-                children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_themes8.Text, {
-                    children: "Getting ready to connect to domain API"
-                })
-            })
-        ]
-    });
-};
 // src/components/runSteps/RunStep/ToolCalls/index.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var Root = function(_ref) {
     var children = _ref.children, className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes9.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_themes6.Flex, {
         direction: "column",
         className: className,
         style: style,
         children: children
     });
 };
+var StartingToolCalls = function() {
+    var $ = (0, import_react_compiler_runtime5.c)(2);
+    var componentsContext = (0, import_react6.useContext)(ComponentsContext);
+    var StartingToolCalls3 = componentsContext.components.StartingToolCalls;
+    var t0;
+    if ($[0] !== StartingToolCalls3) {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(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__ */ (0, import_jsx_runtime16.jsxs)(Root, {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Root, {
         className: className,
         style: style,
         children: [
-            !stepDetails.tool_calls.length && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Starting, {}),
+            !stepDetails.tool_calls.length && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(StartingToolCalls, {}),
             stepDetails.tool_calls.map(function(toolCall) {
-                return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolCall, {
+                return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToolCall, {
                     toolCall: toolCall,
                     runStep: runStep
                 }, toolCall.id);
@@ -38040,17 +37874,17 @@ var ToolCalls = function(_ref2) {
     });
 };
 ToolCalls.Root = Root;
-ToolCalls.Starting = Starting;
+ToolCalls.StartingToolCalls = StartingToolCalls;
 ToolCalls.ToolCall = ToolCall;
 // src/components/runSteps/RunStep/index.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var RunStep = function(t0) {
     var $ = (0, import_react_compiler_runtime6.c)(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__ */ (0, import_jsx_runtime17.jsx)(ToolCalls, {
+            t1 = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToolCalls, {
                 className: className,
                 style: style,
                 stepDetails: runStep.step_details,
@@ -38067,19 +37901,204 @@ var RunStep = function(t0) {
     }
     return null;
 };
-RunStep.ToolCalls = ToolCalls;
+RunStep.ToolCalls = ToolCalls;
+// src/components/functions/FunctionBase/index.tsx
+var import_themes8 = require("@radix-ui/themes");
+// src/components/functions/FunctionBase/Content/index.tsx
+var import_react_compiler_runtime7 = require("react-compiler-runtime");
+var import_react7 = require("react");
+var import_themes7 = require("@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
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var Content2 = function(t0) {
+    var $ = (0, import_react_compiler_runtime7.c)(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__ */ (0, import_jsx_runtime14.jsx)(import_themes7.Box, {
+            children: args
+        });
+        $[5] = args;
+        $[6] = t6;
+    } else {
+        t6 = $[6];
+    }
+    var t7;
+    if ($[7] !== output) {
+        t7 = output && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_themes7.Box, {
+            children: output
+        });
+        $[7] = output;
+        $[8] = t7;
+    } else {
+        t7 = $[8];
+    }
+    var t8;
+    if ($[9] !== t6 || $[10] !== t7) {
+        t8 = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_themes7.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
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var FunctionBase = function(_ref) {
+    var fn = _ref.fn, runStep = _ref.runStep, title2 = _ref.title;
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_themes8.Popover.Root, {
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_themes8.Popover.Trigger, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_themes8.Flex, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(ToolCallBase, {
+                        children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolCallIcon, {
+                                runStep: runStep
+                            }),
+                            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolCallTitle, {
+                                children: title2
+                            })
+                        ]
+                    })
+                })
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_themes8.Popover.Content, {
+                style: {
+                    maxHeight: "200px"
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Content2, {
+                    fn: fn
+                })
+            })
+        ]
+    });
+};
+// 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
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var Function2 = function(_ref) {
+    var fn = _ref.fn, runStep = _ref.runStep;
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FunctionBase, {
+        fn: fn,
+        runStep: runStep,
+        title: title({
+            runStep: runStep,
+            fn: fn
+        })
+    });
+};
+// src/components/toolCalls/StartingToolCalls/index.tsx
+var import_themes9 = require("@radix-ui/themes");
+var import_react_icons2 = require("@radix-ui/react-icons");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var StartingToolCalls2 = function() {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_themes9.Popover.Root, {
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(ToolCallBase, {
+                children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_icons2.CircleIcon, {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToolCallTitle, {
+                        children: "Starting actions"
+                    })
+                ]
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes9.Popover.Content, {
+                style: {
+                    maxHeight: "500px"
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes9.Text, {
+                    children: "Starting some actions"
+                })
+            })
+        ]
+    });
+};
 // src/contexts/components/ComponentsContext/index.tsx
-var ComponentsContext = /* @__PURE__ */ (0, import_react7.createContext)({
+var ComponentsContext = /* @__PURE__ */ (0, import_react8.createContext)({
     components: {
-        RunStep: RunStep
+        RunStep: RunStep,
+        Function: Function2,
+        StartingToolCalls: StartingToolCalls2
     }
 });
 // src/components/runSteps/RunSteps/index.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var RunSteps = function(t0) {
-    var $ = (0, import_react_compiler_runtime7.c)(7);
+    var $ = (0, import_react_compiler_runtime8.c)(7);
     var runSteps = t0.runSteps;
-    var componentsContext = (0, import_react8.useContext)(ComponentsContext);
+    var componentsContext = (0, import_react9.useContext)(ComponentsContext);
     var Component2 = componentsContext.components.RunStep;
     var t1;
     if ($[0] !== Component2 || $[1] !== runSteps) {
@@ -38116,11 +38135,11 @@ var RunSteps = function(t0) {
     return t2;
 };
 // src/hooks/messages/useIsMutatingMessage/index.ts
-var import_react_compiler_runtime8 = require("react-compiler-runtime");
-var import_react9 = require("react");
+var import_react_compiler_runtime9 = require("react-compiler-runtime");
+var import_react10 = require("react");
 var import_react_query = require("@tanstack/react-query");
 var useIsMutatingMessage = function() {
-    var $ = (0, import_react_compiler_runtime8.c)(2);
+    var $ = (0, import_react_compiler_runtime9.c)(2);
     var threadContext = useSuperinterfaceContext();
     var t0;
     if ($[0] !== threadContext.variables) {
@@ -38142,20 +38161,20 @@ var useIsMutatingMessage = function() {
     return isMutatingMessage;
 };
 // src/contexts/messages/MessageContext/index.ts
-var import_react10 = require("react");
-var MessageContext = /* @__PURE__ */ (0, import_react10.createContext)({
+var import_react11 = require("react");
+var MessageContext = /* @__PURE__ */ (0, import_react11.createContext)({
     message: null
 });
 // 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_runtime10 = require("react-compiler-runtime");
 var import_themes11 = require("@radix-ui/themes");
 var import_react_icons3 = require("@radix-ui/react-icons");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var Attachments = function(t0) {
     var _message$attachments;
-    var $ = (0, import_react_compiler_runtime9.c)(4);
+    var $ = (0, import_react_compiler_runtime10.c)(4);
     var message = t0.message;
     if (!((_message$attachments = message.attachments) !== null && _message$attachments !== void 0 && _message$attachments.length)) {
         return null;
@@ -38193,13 +38212,13 @@ var Attachments = function(t0) {
     return t3;
 };
 // src/components/messages/MessageContent/ContentPart/index.tsx
-var import_react_compiler_runtime24 = require("react-compiler-runtime");
+var import_react_compiler_runtime25 = require("react-compiler-runtime");
 // src/components/messages/MessageContent/ContentPart/TextContent.tsx
-var import_react_compiler_runtime22 = require("react-compiler-runtime");
-var import_react28 = __toESM(require("react"), 1);
+var import_react_compiler_runtime23 = require("react-compiler-runtime");
+var import_react29 = __toESM(require("react"), 1);
 var import_themes32 = require("@radix-ui/themes");
 var import_mdx = require("@mdx-js/mdx");
-var import_react29 = require("@mdx-js/react");
+var import_react30 = require("@mdx-js/react");
 var runtime = __toESM(require("react/jsx-runtime"), 1);
 // src/lib/recma/recmaFallbackComponentPlugin.ts
 var import_estree_util_visit = require("estree-util-visit");
@@ -38343,9 +38362,9 @@ var recmaFallbackComponentPlugin = function() {
     };
 };
 // src/hooks/markdown/useMarkdownContext/index.ts
-var import_react26 = require("react");
+var import_react27 = require("react");
 // src/contexts/markdown/MarkdownContext/index.ts
-var import_react25 = require("react");
+var import_react26 = require("react");
 // src/contexts/markdown/MarkdownContext/lib/components/index.tsx
 var import_themes31 = require("@radix-ui/themes");
 // src/contexts/markdown/MarkdownContext/lib/components/Paragraph.tsx
@@ -38447,17 +38466,17 @@ var Pre = function(_ref) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Code.tsx
-var import_react_compiler_runtime14 = require("react-compiler-runtime");
+var import_react_compiler_runtime15 = require("react-compiler-runtime");
 var import_themes21 = require("@radix-ui/themes");
 // src/components/suggestions/Suggestions/index.tsx
-var import_react_compiler_runtime13 = require("react-compiler-runtime");
-var import_react17 = require("react");
+var import_react_compiler_runtime14 = require("react-compiler-runtime");
+var import_react18 = require("react");
 // src/hooks/messages/useLatestMessage/index.ts
+var import_react_compiler_runtime12 = require("react-compiler-runtime");
+var import_react13 = require("react");
+// src/hooks/messages/useMessages/index.tsx
 var import_react_compiler_runtime11 = 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_react11 = require("react");
 var import_react_query3 = require("@tanstack/react-query");
 // src/lib/threads/queryOptions/index.ts
 var import_react_query2 = require("@tanstack/react-query");
@@ -38730,7 +38749,7 @@ var messages = function(_ref) {
     }, []);
 };
 var useMessages = function() {
-    var $ = (0, import_react_compiler_runtime10.c)(9);
+    var $ = (0, import_react_compiler_runtime11.c)(9);
     var queryClient = (0, import_react_query3.useQueryClient)();
     var threadContext = useSuperinterfaceContext();
     var superinterfaceContext = useSuperinterfaceContext();
@@ -38819,7 +38838,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_runtime12.c)(3);
     var props = useMessages();
     var t0;
     var t1 = props.messages[0] || null;
@@ -38838,16 +38857,16 @@ var useLatestMessage = function() {
     return t0;
 };
 // src/components/suggestions/Suggestions/Content.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_radash10 = require("radash");
 var import_react_children_utilities = require("react-children-utilities");
 var import_themes20 = require("@radix-ui/themes");
 // src/components/suggestions/Suggestions/Item.tsx
-var import_react_compiler_runtime12 = require("react-compiler-runtime");
+var import_react_compiler_runtime13 = require("react-compiler-runtime");
 var import_react_icons4 = require("@radix-ui/react-icons");
 var import_themes19 = require("@radix-ui/themes");
 // src/hooks/messages/useCreateMessage/index.ts
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_react_query4 = require("@tanstack/react-query");
 // src/hooks/messages/useCreateMessage/lib/mutationOptions/onMutate/index.ts
 var import_radash3 = require("radash");
@@ -40244,7 +40263,7 @@ var useCreateMessage = function useCreateMessage2() {
         superinterfaceContext: superinterfaceContext,
         onError: onError
     }));
-    var createMessage = (0, import_react13.useCallback)(function(variables) {
+    var createMessage = (0, import_react14.useCallback)(function(variables) {
         return props.mutateAsync(_objectSpread18(_objectSpread18({}, threadContext.variables), variables));
     }, [
         props.mutateAsync,
@@ -40257,16 +40276,16 @@ var useCreateMessage = function useCreateMessage2() {
 // src/components/suggestions/Suggestions/Item.tsx
 var import_react_query5 = require("@tanstack/react-query");
 // src/hooks/toasts/useToasts/index.ts
-var import_react15 = require("react");
+var import_react16 = require("react");
 // src/contexts/toasts/ToastsContext/index.ts
-var import_react14 = require("react");
-var ToastsContext = /* @__PURE__ */ (0, import_react14.createContext)({
+var import_react15 = require("react");
+var ToastsContext = /* @__PURE__ */ (0, import_react15.createContext)({
     toasts: [],
     addToast: function() {}
 });
 // src/hooks/toasts/useToasts/index.ts
 var useToasts = function() {
-    return (0, import_react15.useContext)(ToastsContext);
+    return (0, import_react16.useContext)(ToastsContext);
 };
 // src/lib/errors/createMessageDefaultOnError.ts
 var createMessageDefaultOnError = function(_ref) {
@@ -40339,7 +40358,7 @@ function _toPrimitive19(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Item = function(t0) {
-    var $ = (0, import_react_compiler_runtime12.c)(16);
+    var $ = (0, import_react_compiler_runtime13.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)();
@@ -40439,7 +40458,7 @@ var import_jsx_runtime28 = require("react/jsx-runtime");
 var Content4 = function(_ref) {
     var children = _ref.children, className = _ref.className, style = _ref.style;
     var isMutatingMessage = useIsMutatingMessage();
-    var suggestions = (0, import_react16.useMemo)(function() {
+    var suggestions = (0, import_react17.useMemo)(function() {
         return (0, import_react_children_utilities.onlyText)(children).split(/\r?\n/).filter(function(c) {
             return !(0, import_radash10.isEmpty)(c);
         }).map(function(c_0) {
@@ -40467,7 +40486,7 @@ var Content4 = function(_ref) {
 var import_jsx_runtime29 = require("react/jsx-runtime");
 var Suggestions = function(t0) {
     var _latestMessageProps$l;
-    var $ = (0, import_react_compiler_runtime13.c)(4);
+    var $ = (0, import_react_compiler_runtime14.c)(4);
     var children = t0.children, className = t0.className, style = t0.style;
     var latestMessageProps = useLatestMessage();
     var t1;
@@ -40499,7 +40518,7 @@ Suggestions.Item = Item;
 // src/contexts/markdown/MarkdownContext/lib/components/Code.tsx
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var Code3 = function(t0) {
-    var $ = (0, import_react_compiler_runtime14.c)(5);
+    var $ = (0, import_react_compiler_runtime15.c)(5);
     var children = t0.children, className = t0.className;
     if (className === "language-suggestions") {
         var _t;
@@ -40537,7 +40556,7 @@ var Code3 = function(t0) {
     return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/index.tsx
-var import_react_compiler_runtime19 = require("react-compiler-runtime");
+var import_react_compiler_runtime20 = require("react-compiler-runtime");
 // src/components/images/Image.tsx
 var import_themes22 = require("@radix-ui/themes");
 var import_jsx_runtime31 = require("react/jsx-runtime");
@@ -40644,22 +40663,22 @@ var isAudioSrc = function(_ref) {
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Video/index.tsx
 var import_themes28 = require("@radix-ui/themes");
 var import_base = require("@vidstack/react/player/styles/base.css");
-var import_react23 = require("@vidstack/react");
+var import_react24 = require("@vidstack/react");
 // src/components/media/PlayButton.tsx
-var import_react_compiler_runtime15 = require("react-compiler-runtime");
-var import_react18 = require("@vidstack/react");
+var import_react_compiler_runtime16 = require("react-compiler-runtime");
+var import_react19 = require("@vidstack/react");
 var import_themes23 = require("@radix-ui/themes");
 var import_react_icons5 = require("@radix-ui/react-icons");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var PlayButton = function() {
-    var $ = (0, import_react_compiler_runtime15.c)(2);
-    var isPaused = (0, import_react18.useMediaState)("paused");
+    var $ = (0, import_react_compiler_runtime16.c)(2);
+    var isPaused = (0, import_react19.useMediaState)("paused");
     var t0;
     if ($[0] !== isPaused) {
         t0 = /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_themes23.IconButton, {
             variant: "ghost",
             asChild: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react18.PlayButton, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react19.PlayButton, {
                 children: isPaused ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_icons5.PlayIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_icons5.PauseIcon, {})
             })
         });
@@ -40671,23 +40690,23 @@ var PlayButton = function() {
     return t0;
 };
 // src/components/media/VolumeButton.tsx
-var import_react_compiler_runtime16 = require("react-compiler-runtime");
-var import_react19 = require("@vidstack/react");
+var import_react_compiler_runtime17 = require("react-compiler-runtime");
+var import_react20 = require("@vidstack/react");
 var import_themes24 = require("@radix-ui/themes");
 var import_react_icons6 = require("@radix-ui/react-icons");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var VolumeButton = function() {
-    var $ = (0, import_react_compiler_runtime16.c)(13);
-    var volume = (0, import_react19.useMediaState)("volume");
-    var isMuted = (0, import_react19.useMediaState)("muted");
-    var remote = (0, import_react19.useMediaRemote)();
+    var $ = (0, import_react_compiler_runtime17.c)(13);
+    var volume = (0, import_react20.useMediaState)("volume");
+    var isMuted = (0, import_react20.useMediaState)("muted");
+    var remote = (0, import_react20.useMediaRemote)();
     var t0;
     if ($[0] !== isMuted || $[1] !== volume) {
         t0 = /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_themes24.HoverCard.Trigger, {
             children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_themes24.IconButton, {
                 variant: "ghost",
                 asChild: true,
-                children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react19.MuteButton, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react20.MuteButton, {
                     children: isMuted || volume === 0 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_icons6.SpeakerOffIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_icons6.SpeakerModerateIcon, {})
                 })
             })
@@ -40757,19 +40776,19 @@ var VolumeButton = function() {
     return t5;
 };
 // src/components/media/Time.tsx
-var import_react_compiler_runtime17 = require("react-compiler-runtime");
-var import_react20 = require("react");
-var import_react21 = require("@vidstack/react");
+var import_react_compiler_runtime18 = require("react-compiler-runtime");
+var import_react21 = require("react");
+var import_react22 = require("@vidstack/react");
 var import_themes25 = require("@radix-ui/themes");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var Time = function() {
-    var $ = (0, import_react_compiler_runtime17.c)(17);
-    var time = (0, import_react21.useMediaState)("currentTime");
-    var duration = (0, import_react21.useMediaState)("duration");
-    var seeking = (0, import_react21.useMediaState)("seeking");
-    var canSeek = (0, import_react21.useMediaState)("canSeek");
-    var remote = (0, import_react21.useMediaRemote)();
-    var _ref = _sliced_to_array((0, import_react20.useState)(0), 2), value = _ref[0], setValue = _ref[1];
+    var $ = (0, import_react_compiler_runtime18.c)(17);
+    var time = (0, import_react22.useMediaState)("currentTime");
+    var duration = (0, import_react22.useMediaState)("duration");
+    var seeking = (0, import_react22.useMediaState)("seeking");
+    var canSeek = (0, import_react22.useMediaState)("canSeek");
+    var remote = (0, import_react22.useMediaRemote)();
+    var _ref = _sliced_to_array((0, import_react21.useState)(0), 2), value = _ref[0], setValue = _ref[1];
     var t0;
     var t1;
     if ($[0] !== duration || $[1] !== seeking || $[2] !== time) {
@@ -40793,7 +40812,7 @@ var Time = function() {
         t0 = $[3];
         t1 = $[4];
     }
-    (0, import_react20.useEffect)(t0, t1);
+    (0, import_react21.useEffect)(t0, t1);
     var t2;
     t2 = 1 / duration * 100;
     var step = t2;
@@ -40869,20 +40888,20 @@ var MediaContainer = function(_ref) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Video/FullscreenButton.tsx
-var import_react_compiler_runtime18 = require("react-compiler-runtime");
-var import_react22 = require("@vidstack/react");
+var import_react_compiler_runtime19 = require("react-compiler-runtime");
+var import_react23 = require("@vidstack/react");
 var import_themes27 = require("@radix-ui/themes");
 var import_react_icons7 = require("@radix-ui/react-icons");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var FullscreenButton = function() {
-    var $ = (0, import_react_compiler_runtime18.c)(2);
-    var isFullscreen = (0, import_react22.useMediaState)("fullscreen");
+    var $ = (0, import_react_compiler_runtime19.c)(2);
+    var isFullscreen = (0, import_react23.useMediaState)("fullscreen");
     var t0;
     if ($[0] !== isFullscreen) {
         t0 = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes27.IconButton, {
             variant: "ghost",
             asChild: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react22.FullscreenButton, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react23.FullscreenButton, {
                 children: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_icons7.ExitFullScreenIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_icons7.EnterFullScreenIcon, {})
             })
         });
@@ -40898,7 +40917,7 @@ var import_jsx_runtime37 = require("react/jsx-runtime");
 var Video = function(_ref) {
     var src = _ref.src;
     return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(MediaContainer, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react23.MediaPlayer, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react24.MediaPlayer, {
             src: {
                 src: src,
                 type: "video/".concat(src.split(".").pop())
@@ -40907,7 +40926,7 @@ var Video = function(_ref) {
             hideControlsOnMouseLeave: true,
             crossOrigin: true,
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react23.MediaProvider, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react24.MediaProvider, {}),
                 /* @__PURE__ */ (0, import_jsx_runtime37.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        "
                 }),
@@ -40923,13 +40942,13 @@ var Video = function(_ref) {
                         zIndex: 10,
                         background: "var(--accent-4)"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react23.Controls.Root, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react24.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_react23.Controls.Group, {
+                            children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react24.Controls.Group, {
                                 children: [
                                     /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PlayButton, {}),
                                     /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Time, {}),
@@ -40947,12 +40966,12 @@ var Video = function(_ref) {
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Audio/index.tsx
 var import_themes29 = require("@radix-ui/themes");
 var import_base2 = require("@vidstack/react/player/styles/base.css");
-var import_react24 = require("@vidstack/react");
+var import_react25 = require("@vidstack/react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var Audio = function(_ref) {
     var src = _ref.src;
     return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(MediaContainer, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_react24.MediaPlayer, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_react25.MediaPlayer, {
             src: {
                 src: src,
                 type: "audio/".concat(src.split(".").pop())
@@ -40961,7 +40980,7 @@ var Audio = function(_ref) {
             crossOrigin: true,
             playsInline: true,
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react24.MediaProvider, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.MediaProvider, {}),
                 /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes29.Flex, {
                     asChild: true,
                     p: "3",
@@ -40970,13 +40989,13 @@ var Audio = function(_ref) {
                         zIndex: 10,
                         background: "var(--accent-4)"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react24.Controls.Root, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.Controls.Root, {
                         children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes29.Flex, {
                             asChild: true,
                             align: "center",
                             gap: "3",
                             flexGrow: "1",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_react24.Controls.Group, {
+                            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_react25.Controls.Group, {
                                 children: [
                                     /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PlayButton, {}),
                                     /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Time, {}),
@@ -41036,7 +41055,7 @@ function _toPrimitive21(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Img = function(props) {
-    var $ = (0, import_react_compiler_runtime19.c)(8);
+    var $ = (0, import_react_compiler_runtime20.c)(8);
     if (!props.src) {
         var t0;
         if ($[0] !== props) {
@@ -41092,13 +41111,13 @@ var Img = function(props) {
     }
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
-var import_react_compiler_runtime21 = require("react-compiler-runtime");
+var import_react_compiler_runtime22 = require("react-compiler-runtime");
 var import_react_icons8 = require("@radix-ui/react-icons");
 // src/components/annotations/FilePathAnnotation.tsx
-var import_react_compiler_runtime20 = require("react-compiler-runtime");
+var import_react_compiler_runtime21 = require("react-compiler-runtime");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var FilePathAnnotation = function(t0) {
-    var $ = (0, import_react_compiler_runtime20.c)(3);
+    var $ = (0, import_react_compiler_runtime21.c)(3);
     var annotation = t0.annotation, children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -41172,7 +41191,7 @@ function _objectWithoutPropertiesLoose(r, e) {
     return t;
 }
 var Annotation = function(t0) {
-    var $ = (0, import_react_compiler_runtime21.c)(9);
+    var $ = (0, import_react_compiler_runtime22.c)(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -41673,13 +41692,13 @@ var getRemarkPlugins = function(_ref) {
     ];
 };
 // src/contexts/markdown/MarkdownContext/index.ts
-var MarkdownContext = /* @__PURE__ */ (0, import_react25.createContext)({
+var MarkdownContext = /* @__PURE__ */ (0, import_react26.createContext)({
     components: components,
     getRemarkPlugins: getRemarkPlugins
 });
 // src/hooks/markdown/useMarkdownContext/index.ts
 var useMarkdownContext = function() {
-    return (0, import_react26.useContext)(MarkdownContext);
+    return (0, import_react27.useContext)(MarkdownContext);
 };
 // src/lib/markdown/escapeInvalidTagNames.ts
 var isValidTagName = function(tagName) {
@@ -41691,14 +41710,14 @@ var escapeInvalidTagNames = function(markdown) {
     });
 };
 // ../../node_modules/react-error-boundary/dist/react-error-boundary.esm.js
-var import_react27 = require("react");
-var ErrorBoundaryContext = /* @__PURE__ */ (0, import_react27.createContext)(null);
+var import_react28 = require("react");
+var ErrorBoundaryContext = /* @__PURE__ */ (0, import_react28.createContext)(null);
 var initialState = {
     didCatch: false,
     error: null
 };
-var ErrorBoundary = /*#__PURE__*/ function(_import_react27_Component) {
-    _inherits(ErrorBoundary, _import_react27_Component);
+var ErrorBoundary = /*#__PURE__*/ function(_import_react28_Component) {
+    _inherits(ErrorBoundary, _import_react28_Component);
     function ErrorBoundary(props) {
         _class_call_check(this, ErrorBoundary);
         var _this;
@@ -41764,14 +41783,14 @@ var ErrorBoundary = /*#__PURE__*/ function(_import_react27_Component) {
                     if (typeof fallbackRender === "function") {
                         childToRender = fallbackRender(props);
                     } else if (FallbackComponent) {
-                        childToRender = /* @__PURE__ */ (0, import_react27.createElement)(FallbackComponent, props);
+                        childToRender = /* @__PURE__ */ (0, import_react28.createElement)(FallbackComponent, props);
                     } else if (fallback !== void 0) {
                         childToRender = fallback;
                     } else {
                         throw error;
                     }
                 }
-                return /* @__PURE__ */ (0, import_react27.createElement)(ErrorBoundaryContext.Provider, {
+                return /* @__PURE__ */ (0, import_react28.createElement)(ErrorBoundaryContext.Provider, {
                     value: {
                         didCatch: didCatch,
                         error: error,
@@ -41792,7 +41811,7 @@ var ErrorBoundary = /*#__PURE__*/ function(_import_react27_Component) {
         }
     ]);
     return ErrorBoundary;
-}(import_react27.Component);
+}(import_react28.Component);
 function hasArrayChanged() {
     var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
     var b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
@@ -41877,7 +41896,7 @@ var evaluate = /* @__PURE__ */ function() {
             return [
                 2,
                 fn(_objectSpread24(_objectSpread24({}, runtime), {}, {
-                    useMDXComponents: import_react29.useMDXComponents
+                    useMDXComponents: import_react30.useMDXComponents
                 }))
             ];
         });
@@ -41887,7 +41906,7 @@ var evaluate = /* @__PURE__ */ function() {
     };
 }();
 var TextContent = function(t0) {
-    var $ = (0, import_react_compiler_runtime22.c)(13);
+    var $ = (0, import_react_compiler_runtime23.c)(13);
     var content2 = t0.content;
     var _useMarkdownContext = useMarkdownContext(), getRemarkPlugins2 = _useMarkdownContext.getRemarkPlugins, components2 = _useMarkdownContext.components;
     var t1;
@@ -41904,7 +41923,7 @@ var TextContent = function(t0) {
     }
     t1 = t2;
     var remarkPlugins = t1;
-    var _ref = _sliced_to_array((0, import_react28.useState)(null), 2), MDXComponent = _ref[0], setMDXComponent = _ref[1];
+    var _ref = _sliced_to_array((0, import_react29.useState)(null), 2), MDXComponent = _ref[0], setMDXComponent = _ref[1];
     var t3;
     var t4;
     if ($[3] !== content2 || $[4] !== remarkPlugins) {
@@ -41983,7 +42002,7 @@ var TextContent = function(t0) {
         t3 = $[5];
         t4 = $[6];
     }
-    (0, import_react28.useEffect)(t3, t4);
+    (0, import_react29.useEffect)(t3, t4);
     if (!MDXComponent) {
         return content2.text.value;
     }
@@ -42010,7 +42029,7 @@ var TextContent = function(t0) {
     if ($[10] !== components2 || $[11] !== t6) {
         t7 = /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ErrorBoundary, {
             fallback: t5,
-            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react29.MDXProvider, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react30.MDXProvider, {
                 components: components2,
                 children: t6
             })
@@ -42024,10 +42043,10 @@ var TextContent = function(t0) {
     return t7;
 };
 // src/components/messages/MessageContent/ContentPart/ImageFileContent.tsx
-var import_react_compiler_runtime23 = require("react-compiler-runtime");
+var import_react_compiler_runtime24 = require("react-compiler-runtime");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var ImageFileContent = function(t0) {
-    var $ = (0, import_react_compiler_runtime23.c)(2);
+    var $ = (0, import_react_compiler_runtime24.c)(2);
     var content2 = t0.content;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -42048,7 +42067,7 @@ var ImageFileContent = function(t0) {
 // src/components/messages/MessageContent/ContentPart/index.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var ContentPart = function(t0) {
-    var $ = (0, import_react_compiler_runtime24.c)(4);
+    var $ = (0, import_react_compiler_runtime25.c)(4);
     var content2 = t0.content;
     if (content2.type === "text") {
         var t1;
@@ -42093,7 +42112,7 @@ var MessageContent = function(_ref) {
 // src/components/threads/Thread/Message/index.tsx
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var Message = function(t0) {
-    var $ = (0, import_react_compiler_runtime25.c)(51);
+    var $ = (0, import_react_compiler_runtime26.c)(51);
     var message = t0.message, className = t0.className, style = t0.style;
     var t1;
     bb0: {
@@ -42349,11 +42368,11 @@ function _temp3(rs) {
     return rs.status === "in_progress";
 }
 // src/components/threads/Thread/Messages/Content/index.tsx
-var import_react_compiler_runtime32 = require("react-compiler-runtime");
-var import_react40 = require("react");
+var import_react_compiler_runtime33 = require("react-compiler-runtime");
+var import_react41 = require("react");
 // src/hooks/messageGroups/useMessageGroups/index.ts
-var import_react_compiler_runtime26 = require("react-compiler-runtime");
-var import_react31 = require("react");
+var import_react_compiler_runtime27 = require("react-compiler-runtime");
+var import_react32 = require("react");
 // src/hooks/messageGroups/useMessageGroups/lib/messageGroups/index.ts
 var import_lodash6 = __toESM(require("lodash"), 1);
 var import_radash14 = require("radash");
@@ -42457,7 +42476,7 @@ var messageGroups = function(_ref) {
 };
 // src/hooks/messageGroups/useMessageGroups/index.ts
 var useMessageGroups = function(t0) {
-    var $ = (0, import_react_compiler_runtime26.c)(4);
+    var $ = (0, import_react_compiler_runtime27.c)(4);
     var messages2 = t0.messages;
     var t1;
     var t2;
@@ -42484,16 +42503,16 @@ var useMessageGroups = function(t0) {
     return t1;
 };
 // src/components/skeletons/MessagesSkeleton/index.tsx
-var import_react_compiler_runtime28 = require("react-compiler-runtime");
-var import_react33 = require("react");
+var import_react_compiler_runtime29 = require("react-compiler-runtime");
+var import_react34 = require("react");
 var import_themes36 = require("@radix-ui/themes");
 // src/components/messageGroups/MessageGroupBase/index.tsx
-var import_react_compiler_runtime27 = require("react-compiler-runtime");
-var import_react32 = require("react");
+var import_react_compiler_runtime28 = require("react-compiler-runtime");
+var import_react33 = require("react");
 var import_themes34 = require("@radix-ui/themes");
 var import_jsx_runtime49 = require("react/jsx-runtime");
-var MessageGroupBase = /* @__PURE__ */ (0, import_react32.forwardRef)(function MessageGroupBase2(t0, ref) {
-    var $ = (0, import_react_compiler_runtime27.c)(5);
+var MessageGroupBase = /* @__PURE__ */ (0, import_react33.forwardRef)(function MessageGroupBase2(t0, ref) {
+    var $ = (0, import_react_compiler_runtime28.c)(5);
     var children = t0.children;
     var t1;
     if ($[0] !== children) {
@@ -42540,8 +42559,8 @@ var Name = function(_ref) {
 };
 // src/components/skeletons/MessagesSkeleton/index.tsx
 var import_jsx_runtime51 = require("react/jsx-runtime");
-var MessagesSkeleton = /* @__PURE__ */ (0, import_react33.forwardRef)(function MessagesSkeleton2(_props, ref) {
-    var $ = (0, import_react_compiler_runtime28.c)(7);
+var MessagesSkeleton = /* @__PURE__ */ (0, import_react34.forwardRef)(function MessagesSkeleton2(_props, ref) {
+    var $ = (0, import_react_compiler_runtime29.c)(7);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Skeleton, {
@@ -42632,27 +42651,27 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react33.forwardRef)(function M
     return t5;
 });
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
-var import_react_compiler_runtime31 = require("react-compiler-runtime");
-var import_react39 = require("react");
+var import_react_compiler_runtime32 = require("react-compiler-runtime");
+var import_react40 = require("react");
 var import_themes42 = require("@radix-ui/themes");
 // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
-var import_react_compiler_runtime29 = require("react-compiler-runtime");
-var import_react35 = require("react");
+var import_react_compiler_runtime30 = require("react-compiler-runtime");
+var import_react36 = require("react");
 var import_themes38 = require("@radix-ui/themes");
 // src/contexts/assistants/AssistantAvatarContext/index.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_themes37 = require("@radix-ui/themes");
 var import_react_icons9 = require("@radix-ui/react-icons");
 var import_jsx_runtime52 = require("react/jsx-runtime");
-var AssistantAvatarContext = /* @__PURE__ */ (0, import_react34.createContext)(/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes37.Avatar, {
+var AssistantAvatarContext = /* @__PURE__ */ (0, import_react35.createContext)(/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes37.Avatar, {
     fallback: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_icons9.LightningBoltIcon, {}),
     size: "1"
 }));
 // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var AssistantAvatar = function() {
-    var $ = (0, import_react_compiler_runtime29.c)(3);
-    var AssistantAvatarContextValue = (0, import_react35.useContext)(AssistantAvatarContext);
+    var $ = (0, import_react_compiler_runtime30.c)(3);
+    var AssistantAvatarContextValue = (0, import_react36.useContext)(AssistantAvatarContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = {
@@ -42680,26 +42699,26 @@ var AssistantAvatar = function() {
     return t1;
 };
 // src/contexts/assistants/AssistantNameContext/index.tsx
-var import_react36 = require("react");
-var AssistantNameContext = /* @__PURE__ */ (0, import_react36.createContext)("Assistant");
+var import_react37 = require("react");
+var AssistantNameContext = /* @__PURE__ */ (0, import_react37.createContext)("Assistant");
 // src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
-var import_react_compiler_runtime30 = require("react-compiler-runtime");
-var import_react38 = require("react");
+var import_react_compiler_runtime31 = require("react-compiler-runtime");
+var import_react39 = require("react");
 var import_themes40 = require("@radix-ui/themes");
 // src/contexts/users/UserAvatarContext/index.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_themes39 = require("@radix-ui/themes");
 var import_react_icons10 = require("@radix-ui/react-icons");
 var import_jsx_runtime54 = require("react/jsx-runtime");
-var UserAvatarContext = /* @__PURE__ */ (0, import_react37.createContext)(/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Avatar, {
+var UserAvatarContext = /* @__PURE__ */ (0, import_react38.createContext)(/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Avatar, {
     fallback: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_icons10.PersonIcon, {}),
     size: "1"
 }));
 // src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var UserAvatar = function() {
-    var $ = (0, import_react_compiler_runtime30.c)(3);
-    var UserAvatarContextValue = (0, import_react38.useContext)(UserAvatarContext);
+    var $ = (0, import_react_compiler_runtime31.c)(3);
+    var UserAvatarContextValue = (0, import_react39.useContext)(UserAvatarContext);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t0 = {
@@ -42743,9 +42762,9 @@ var Content5 = function(_ref) {
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var MessageGroup = function(t0) {
-    var $ = (0, import_react_compiler_runtime31.c)(12);
+    var $ = (0, import_react_compiler_runtime32.c)(12);
     var messageGroup = t0.messageGroup;
-    var assistantNameContext = (0, import_react39.useContext)(AssistantNameContext);
+    var assistantNameContext = (0, import_react40.useContext)(AssistantNameContext);
     var t1;
     if ($[0] !== messageGroup.role) {
         t1 = messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AssistantAvatar, {});
@@ -42809,7 +42828,7 @@ var MessageGroup = function(t0) {
 // src/components/threads/Thread/Messages/Content/index.tsx
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var Content6 = function() {
-    var $ = (0, import_react_compiler_runtime32.c)(11);
+    var $ = (0, import_react_compiler_runtime33.c)(11);
     var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
     var addToast = useToasts().addToast;
     var t0;
@@ -42846,7 +42865,7 @@ var Content6 = function() {
         t1 = $[4];
         t2 = $[5];
     }
-    (0, import_react40.useEffect)(t1, t2);
+    (0, import_react41.useEffect)(t1, t2);
     if (isLoading || isLoadingError) {
         var _t;
         if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
@@ -42883,17 +42902,17 @@ function _temp4(messageGroup) {
     }, messageGroup.id);
 }
 // src/components/threads/Thread/Messages/Progress/index.tsx
+var import_react_compiler_runtime35 = require("react-compiler-runtime");
+var import_react43 = require("react");
+// src/components/skeletons/StartingSkeleton/index.tsx
 var import_react_compiler_runtime34 = require("react-compiler-runtime");
 var import_react42 = require("react");
-// src/components/skeletons/StartingSkeleton/index.tsx
-var import_react_compiler_runtime33 = require("react-compiler-runtime");
-var import_react41 = require("react");
 var import_themes43 = require("@radix-ui/themes");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var StartingSkeleton = function(t0) {
-    var $ = (0, import_react_compiler_runtime33.c)(7);
+    var $ = (0, import_react_compiler_runtime34.c)(7);
     var children = t0.children;
-    var assistantNameContext = (0, import_react41.useContext)(AssistantNameContext);
+    var assistantNameContext = (0, import_react42.useContext)(AssistantNameContext);
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t1 = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(AssistantAvatar, {});
@@ -42943,7 +42962,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_runtime34.c)(1);
+    var $ = (0, import_react_compiler_runtime35.c)(1);
     var latestMessage = useLatestMessage().latestMessage;
     var isMutatingMessage = useIsMutatingMessage();
     var t0;
@@ -42986,17 +43005,17 @@ var Progress = function() {
     return t1;
 };
 // src/components/threads/Thread/Messages/Root/index.tsx
-var import_react_compiler_runtime35 = require("react-compiler-runtime");
+var import_react_compiler_runtime36 = require("react-compiler-runtime");
 var import_themes44 = require("@radix-ui/themes");
 // src/hooks/misc/useInfiniteScroll/index.tsx
-var import_react44 = require("react");
+var import_react45 = require("react");
 var import_react_intersection_observer = require("react-intersection-observer");
 // src/hooks/misc/useThrottledEffect/index.tsx
 var import_lodash7 = __toESM(require("lodash"), 1);
-var import_react43 = require("react");
+var import_react44 = require("react");
 var useThrottledEffect = function(cb, delay, additionalDeps) {
-    var cbRef = (0, import_react43.useRef)(cb);
-    var throttledCb = (0, import_react43.useCallback)(import_lodash7.default.throttle(function() {
+    var cbRef = (0, import_react44.useRef)(cb);
+    var throttledCb = (0, import_react44.useCallback)(import_lodash7.default.throttle(function() {
         var _cbRef;
         return (_cbRef = cbRef).current.apply(_cbRef, arguments);
     }, delay, {
@@ -43005,17 +43024,17 @@ var useThrottledEffect = function(cb, delay, additionalDeps) {
     }), [
         delay
     ]);
-    (0, import_react43.useEffect)(function() {
+    (0, import_react44.useEffect)(function() {
         cbRef.current = cb;
     });
-    (0, import_react43.useEffect)(throttledCb, [
+    (0, import_react44.useEffect)(throttledCb, [
         throttledCb
     ].concat(_to_consumable_array(additionalDeps)));
 };
 // src/hooks/misc/useInfiniteScroll/index.tsx
 var useInfiniteScroll = function(_ref) {
     var isFetchingNextPage = _ref.isFetchingNextPage, hasNextPage = _ref.hasNextPage, fetchNextPage = _ref.fetchNextPage;
-    var containerRef = (0, import_react44.useRef)(null);
+    var containerRef = (0, import_react45.useRef)(null);
     var _$_ref = (0, import_react_intersection_observer.useInView)({
         root: containerRef.current,
         rootMargin: "0px",
@@ -43084,7 +43103,7 @@ function _toPrimitive26(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root2 = function(t0) {
-    var $ = (0, import_react_compiler_runtime35.c)(18);
+    var $ = (0, import_react_compiler_runtime36.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;
@@ -43167,10 +43186,10 @@ var Root2 = function(t0) {
     return t6;
 };
 // src/components/threads/Thread/Messages/NextPageSkeleton.tsx
-var import_react_compiler_runtime36 = require("react-compiler-runtime");
+var import_react_compiler_runtime37 = require("react-compiler-runtime");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var NextPageSkeleton = function() {
-    var $ = (0, import_react_compiler_runtime36.c)(1);
+    var $ = (0, import_react_compiler_runtime37.c)(1);
     var hasNextPage = useMessages().hasNextPage;
     if (!hasNextPage) {
         return null;
@@ -43212,14 +43231,14 @@ Messages.Root = Root2;
 Messages.Message = Message;
 Messages.NextPageSkeleton = NextPageSkeleton;
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
-var import_react_compiler_runtime37 = require("react-compiler-runtime");
+var import_react_compiler_runtime38 = require("react-compiler-runtime");
 var import_react_icons11 = require("@radix-ui/react-icons");
 var import_themes46 = require("@radix-ui/themes");
 // src/hooks/messages/useMessageFormContext/index.ts
-var import_react46 = require("react");
+var import_react47 = require("react");
 // src/contexts/messages/MessageFormContext/index.ts
-var import_react45 = require("react");
-var MessageFormContext = /* @__PURE__ */ (0, import_react45.createContext)({
+var import_react46 = require("react");
+var MessageFormContext = /* @__PURE__ */ (0, import_react46.createContext)({
     content: "",
     isDisabled: false,
     isLoading: false,
@@ -43229,7 +43248,7 @@ var MessageFormContext = /* @__PURE__ */ (0, import_react45.createContext)({
 });
 // src/hooks/messages/useMessageFormContext/index.ts
 var useMessageFormContext = function() {
-    return (0, import_react46.useContext)(MessageFormContext);
+    return (0, import_react47.useContext)(MessageFormContext);
 };
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
 var import_jsx_runtime64 = require("react/jsx-runtime");
@@ -43287,7 +43306,7 @@ var Root3 = function(_ref) {
     });
 };
 var Button3 = function(props) {
-    var $ = (0, import_react_compiler_runtime37.c)(10);
+    var $ = (0, import_react_compiler_runtime38.c)(10);
     var superinterfaceContext = useSuperinterfaceContext();
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, isFileLoading = _useMessageFormContext.isFileLoading;
     if (isLoading) {
@@ -43358,7 +43377,7 @@ Submit.Root = Root3;
 Submit.Button = Button3;
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 var import_react_query6 = require("@tanstack/react-query");
-var import_react47 = require("react");
+var import_react48 = require("react");
 var import_react_hook_form = require("react-hook-form");
 var import_themes47 = require("@radix-ui/themes");
 // src/components/threads/Thread/MessageForm/Root/lib/formOptions.ts
@@ -43442,7 +43461,7 @@ function _asyncToGenerator6(n) {
 var Root4 = function(_ref) {
     "use no memo";
     var children = _ref.children, onSubmitArg = _ref.onSubmit, isDisabledArg = _ref.isDisabled, style = _ref.style, className = _ref.className;
-    var _$_ref = _sliced_to_array((0, import_react47.useState)([]), 2), files = _$_ref[0], setFiles = _$_ref[1];
+    var _$_ref = _sliced_to_array((0, import_react48.useState)([]), 2), files = _$_ref[0], setFiles = _$_ref[1];
     var formProps = (0, import_react_hook_form.useForm)(formOptions);
     var handleSubmit = formProps.handleSubmit, isSubmitting = formProps.formState.isSubmitting, reset = formProps.reset, watch = formProps.watch;
     var addToast = useToasts().addToast;
@@ -43456,7 +43475,7 @@ var Root4 = function(_ref) {
         })
     }).createMessage;
     var isMutatingMessage = useIsMutatingMessage();
-    var isFileLoading = (0, import_react47.useMemo)(function() {
+    var isFileLoading = (0, import_react48.useMemo)(function() {
         return files.some(function(file) {
             return isOptimistic({
                 id: file.id
@@ -43465,14 +43484,14 @@ var Root4 = function(_ref) {
     }, [
         files
     ]);
-    var isLoading = (0, import_react47.useMemo)(function() {
+    var isLoading = (0, import_react48.useMemo)(function() {
         return isMutatingMessage || isSubmitting;
     }, [
         isMutatingMessage,
         isSubmitting
     ]);
     var latestMessage = useLatestMessage().latestMessage;
-    var isDisabled = (0, import_react47.useMemo)(function() {
+    var isDisabled = (0, import_react48.useMemo)(function() {
         var _latestMessage$metada;
         return(// @ts-ignore-next-line
         (latestMessage === null || latestMessage === void 0 || (_latestMessage$metada = latestMessage.metadata) === null || _latestMessage$metada === void 0 ? void 0 : _latestMessage$metada.isBlocking) || isDisabledArg);
@@ -43562,19 +43581,19 @@ var import_themes51 = require("@radix-ui/themes");
 var import_themes48 = require("@radix-ui/themes");
 var import_react_hook_form2 = require("react-hook-form");
 // src/hooks/misc/usePrevious.ts
-var import_react48 = require("react");
+var import_react49 = require("react");
 var usePrevious = function(state) {
-    var ref = (0, import_react48.useRef)();
-    (0, import_react48.useEffect)(function() {
+    var ref = (0, import_react49.useRef)();
+    (0, import_react49.useEffect)(function() {
         ref.current = state;
     });
     return ref.current;
 };
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 // src/components/textareas/TextareaBase/index.tsx
-var import_react_compiler_runtime38 = require("react-compiler-runtime");
-var import_react49 = require("react");
+var import_react_compiler_runtime39 = 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");
 var _excluded3 = [
@@ -43642,9 +43661,9 @@ function _objectWithoutPropertiesLoose3(r, e) {
     }
     return t;
 }
-var TextareaBase = /* @__PURE__ */ (0, import_react49.forwardRef)(function TextareaBase2(t0, ref) {
+var TextareaBase = /* @__PURE__ */ (0, import_react50.forwardRef)(function TextareaBase2(t0, ref) {
     var _className;
-    var $ = (0, import_react_compiler_runtime38.c)(14);
+    var $ = (0, import_react_compiler_runtime39.c)(14);
     var className;
     var rest;
     var style;
@@ -43778,19 +43797,19 @@ var Root5 = function(_ref) {
 var Input = function(props) {
     "use no memo";
     var _props$placeholder;
-    var assistantNameContext = (0, import_react50.useContext)(AssistantNameContext);
+    var assistantNameContext = (0, import_react51.useContext)(AssistantNameContext);
     var register = (0, import_react_hook_form2.useFormContext)().register;
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading;
-    var isSubmitDisabled = (0, import_react50.useMemo)(function() {
+    var isSubmitDisabled = (0, import_react51.useMemo)(function() {
         return isDisabled || isLoading;
     }, [
         isDisabled,
         isLoading
     ]);
     var isDisabledPrevious = usePrevious(isDisabled);
-    var textareaRef = (0, import_react50.useRef)(null);
+    var textareaRef = (0, import_react51.useRef)(null);
     var textareaProps = register("content");
-    (0, import_react50.useEffect)(function() {
+    (0, import_react51.useEffect)(function() {
         if (isDisabled) return;
         if (!isDisabledPrevious) return;
         if (!textareaRef.current) return;
@@ -43827,7 +43846,7 @@ var Control = function(props) {
 Control.Root = Root5;
 Control.Input = Input;
 // src/components/threads/Thread/MessageForm/Field/Files/Preview.tsx
-var import_react_compiler_runtime39 = require("react-compiler-runtime");
+var import_react_compiler_runtime40 = require("react-compiler-runtime");
 var import_themes49 = require("@radix-ui/themes");
 var import_react_icons12 = require("@radix-ui/react-icons");
 var import_jsx_runtime68 = require("react/jsx-runtime");
@@ -43875,7 +43894,7 @@ function _toPrimitive31(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Preview = function(props) {
-    var $ = (0, import_react_compiler_runtime39.c)(8);
+    var $ = (0, import_react_compiler_runtime40.c)(8);
     var _useMessageFormContext = useMessageFormContext(), files = _useMessageFormContext.files, setFiles = _useMessageFormContext.setFiles;
     if (!files.length) {
         return null;
@@ -43967,13 +43986,13 @@ var Preview = function(props) {
     return t1;
 };
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 var import_radash16 = require("radash");
 var import_dayjs2 = __toESM(require("dayjs"), 1);
 var import_react_icons13 = require("@radix-ui/react-icons");
 var import_themes50 = require("@radix-ui/themes");
 // src/hooks/files/useCreateFile/index.ts
-var import_react_compiler_runtime40 = require("react-compiler-runtime");
+var import_react_compiler_runtime41 = 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) {
@@ -44209,7 +44228,7 @@ function _toPrimitive34(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useCreateFile = function(t0) {
-    var $ = (0, import_react_compiler_runtime40.c)(15);
+    var $ = (0, import_react_compiler_runtime41.c)(15);
     var t1;
     if ($[0] !== t0) {
         t1 = t0 === void 0 ? {
@@ -44398,7 +44417,7 @@ var Control2 = function(props) {
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, setFiles = _useMessageFormContext.setFiles;
     var createFile = useCreateFile().createFile;
     var addToast = useToasts().addToast;
-    var onChange = (0, import_react51.useCallback)(/* @__PURE__ */ function() {
+    var onChange = (0, import_react52.useCallback)(/* @__PURE__ */ function() {
         var _ref = _asyncToGenerator8(function(event) {
             var fileObjects, newFiles, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _loop, _iterator, _step, err;
             return _ts_generator(this, function(_state) {
@@ -44752,8 +44771,8 @@ var import_themes53 = require("@radix-ui/themes");
 // src/components/threads/Thread/Provider/index.tsx
 var Provider2 = SuperinterfaceProvider;
 // src/components/toasts/ToastsProvider/index.tsx
-var import_react_compiler_runtime41 = require("react-compiler-runtime");
-var import_react52 = require("react");
+var import_react_compiler_runtime42 = 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 Toast = __toESM(require("@radix-ui/react-toast"), 1);
@@ -44791,7 +44810,7 @@ var CustomToast = function(_ref) {
 // src/components/toasts/ToastsProvider/index.tsx
 var import_jsx_runtime73 = require("react/jsx-runtime");
 var ToastsProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime41.c)(15);
+    var $ = (0, import_react_compiler_runtime42.c)(15);
     var children = t0.children, t1 = t0.bottom;
     var bottom = t1 === void 0 ? 0 : t1;
     var t2;
@@ -44801,7 +44820,7 @@ var ToastsProvider = function(t0) {
     } else {
         t2 = $[0];
     }
-    var _ref = _sliced_to_array((0, import_react52.useState)(t2), 2), toasts = _ref[0], setToasts = _ref[1];
+    var _ref = _sliced_to_array((0, import_react53.useState)(t2), 2), toasts = _ref[0], setToasts = _ref[1];
     var t3;
     if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
         t3 = function(toast) {
@@ -45034,13 +45053,13 @@ Thread.Root = Root8;
 Thread.Messages = Messages;
 Thread.MessageForm = MessageForm;
 // src/hooks/messages/useMessageContext/index.ts
-var import_react53 = require("react");
+var import_react54 = require("react");
 var useMessageContext = function() {
-    return (0, import_react53.useContext)(MessageContext);
+    return (0, import_react54.useContext)(MessageContext);
 };
 // src/hooks/assistants/useAssistant/index.ts
-var import_react_compiler_runtime42 = require("react-compiler-runtime");
-var import_react54 = require("react");
+var import_react_compiler_runtime43 = 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
 var import_react_query8 = require("@tanstack/react-query");
@@ -45189,7 +45208,7 @@ function _toPrimitive40(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useAssistant = function(t0) {
-    var $ = (0, import_react_compiler_runtime42.c)(6);
+    var $ = (0, import_react_compiler_runtime43.c)(6);
     var assistantId = t0.assistantId;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -45222,26 +45241,26 @@ var useAssistant = function(t0) {
     return t2;
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
-var import_react_compiler_runtime43 = require("react-compiler-runtime");
-var import_react57 = require("react");
+var import_react_compiler_runtime44 = require("react-compiler-runtime");
+var import_react58 = require("react");
 // src/contexts/threads/ThreadDialogContext/index.ts
-var import_react55 = require("react");
-var ThreadDialogContext = /* @__PURE__ */ (0, import_react55.createContext)({
+var import_react56 = require("react");
+var ThreadDialogContext = /* @__PURE__ */ (0, import_react56.createContext)({
     isOpen: false,
     setIsOpen: function() {}
 });
 // src/hooks/threads/useThreadDialogContext/index.ts
-var import_react56 = require("react");
+var import_react57 = require("react");
 var useThreadDialogContext = function() {
-    return (0, import_react56.useContext)(ThreadDialogContext);
+    return (0, import_react57.useContext)(ThreadDialogContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
 var import_jsx_runtime76 = require("react/jsx-runtime");
 var Provider4 = function(t0) {
-    var $ = (0, import_react_compiler_runtime43.c)(5);
+    var $ = (0, import_react_compiler_runtime44.c)(5);
     var children = t0.children;
     var threadDialogContext = useThreadDialogContext();
-    var _ref = _sliced_to_array((0, import_react57.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
+    var _ref = _sliced_to_array((0, import_react58.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
     var t1;
     if ($[0] !== isOpen) {
         t1 = {
@@ -45276,7 +45295,7 @@ var Root9 = function(_ref) {
     });
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-var import_react_compiler_runtime44 = require("react-compiler-runtime");
+var import_react_compiler_runtime45 = require("react-compiler-runtime");
 var import_themes55 = require("@radix-ui/themes");
 // src/components/threads/ThreadDialog/Trigger/Button.tsx
 var import_themes54 = require("@radix-ui/themes");
@@ -45379,7 +45398,7 @@ function _toPrimitive42(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root10 = function(t0) {
-    var $ = (0, import_react_compiler_runtime44.c)(14);
+    var $ = (0, import_react_compiler_runtime45.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";
@@ -45460,15 +45479,15 @@ function _temp7(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
-var import_react_compiler_runtime46 = require("react-compiler-runtime");
+var import_react_compiler_runtime47 = require("react-compiler-runtime");
 var import_themes57 = require("@radix-ui/themes");
 // src/components/threads/ThreadDialog/Close/index.tsx
-var import_react_compiler_runtime45 = require("react-compiler-runtime");
+var import_react_compiler_runtime46 = require("react-compiler-runtime");
 var import_react_icons16 = require("@radix-ui/react-icons");
 var import_themes56 = require("@radix-ui/themes");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 var Close = function() {
-    var $ = (0, import_react_compiler_runtime45.c)(9);
+    var $ = (0, import_react_compiler_runtime46.c)(9);
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
     var t0 = isOpen ? "flex" : "none";
     var t1;
@@ -45584,7 +45603,7 @@ function _toPrimitive43(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Root11 = function(t0) {
-    var $ = (0, import_react_compiler_runtime46.c)(19);
+    var $ = (0, import_react_compiler_runtime47.c)(19);
     var children = t0.children, className = t0.className, style = t0.style;
     var isOpen = useThreadDialogContext().isOpen;
     if (!isOpen) {
@@ -45783,26 +45802,26 @@ ThreadDialog.Root = Root9;
 ThreadDialog.Trigger = Trigger;
 ThreadDialog.Content = Content7;
 // src/components/threads/AudioThread/Root/index.tsx
-var import_react_compiler_runtime52 = require("react-compiler-runtime");
+var import_react_compiler_runtime53 = require("react-compiler-runtime");
 var import_themes58 = require("@radix-ui/themes");
 // src/contexts/threads/AudioThreadContext/index.ts
-var import_react58 = require("react");
-var AudioThreadContext = /* @__PURE__ */ (0, import_react58.createContext)({
+var import_react59 = require("react");
+var AudioThreadContext = /* @__PURE__ */ (0, import_react59.createContext)({
     audioRuntime: null
 });
 // src/hooks/threads/useAudioThreadContext/index.ts
-var import_react59 = require("react");
+var import_react60 = require("react");
 var useAudioThreadContext = function() {
-    return (0, import_react59.useContext)(AudioThreadContext);
+    return (0, import_react60.useContext)(AudioThreadContext);
 };
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
-var import_react_compiler_runtime51 = require("react-compiler-runtime");
+var import_react_compiler_runtime52 = require("react-compiler-runtime");
 // src/hooks/audioRuntimes/useTtsAudioRuntime/index.ts
-var import_react_compiler_runtime50 = require("react-compiler-runtime");
-var import_react64 = require("react");
+var import_react_compiler_runtime51 = require("react-compiler-runtime");
+var import_react65 = require("react");
 // src/hooks/misc/usePermission/index.ts
-var import_react_compiler_runtime47 = require("react-compiler-runtime");
-var import_react60 = require("react");
+var import_react_compiler_runtime48 = require("react-compiler-runtime");
+var import_react61 = require("react");
 // src/hooks/misc/usePermission/util.ts
 var noop = function() {};
 function on(obj) {
@@ -45825,8 +45844,8 @@ function off(obj) {
 }
 // src/hooks/misc/usePermission/index.ts
 var usePermission = function(permissionDesc) {
-    var $ = (0, import_react_compiler_runtime47.c)(3);
-    var _ref = _sliced_to_array((0, import_react60.useState)(""), 2), state = _ref[0], setState = _ref[1];
+    var $ = (0, import_react_compiler_runtime48.c)(3);
+    var _ref = _sliced_to_array((0, import_react61.useState)(""), 2), state = _ref[0], setState = _ref[1];
     var t0;
     var t1;
     if ($[0] !== permissionDesc) {
@@ -45865,20 +45884,20 @@ var usePermission = function(permissionDesc) {
         t0 = $[1];
         t1 = $[2];
     }
-    (0, import_react60.useEffect)(t0, t1);
+    (0, import_react61.useEffect)(t0, t1);
     return state;
 };
 // src/hooks/audioThreads/useRecorder/index.ts
 var import_dayjs3 = __toESM(require("dayjs"), 1);
 var import_use_audio_capture = require("use-audio-capture");
-var import_react62 = require("react");
+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_runtime48 = require("react-compiler-runtime");
-var import_react61 = require("react");
+var import_react_compiler_runtime49 = require("react-compiler-runtime");
+var import_react62 = require("react");
 var useInterval = function(callback, delay) {
-    var $ = (0, import_react_compiler_runtime48.c)(5);
-    var savedCallback = (0, import_react61.useRef)(_temp9);
+    var $ = (0, import_react_compiler_runtime49.c)(5);
+    var savedCallback = (0, import_react62.useRef)(_temp9);
     var t0;
     if ($[0] !== callback) {
         t0 = function() {
@@ -45889,7 +45908,7 @@ var useInterval = function(callback, delay) {
     } else {
         t0 = $[1];
     }
-    (0, import_react61.useEffect)(t0);
+    (0, import_react62.useEffect)(t0);
     var t1;
     var t2;
     if ($[2] !== delay) {
@@ -45913,7 +45932,7 @@ var useInterval = function(callback, delay) {
         t1 = $[3];
         t2 = $[4];
     }
-    (0, import_react61.useEffect)(t1, t2);
+    (0, import_react62.useEffect)(t1, t2);
 };
 function _temp9() {}
 // src/hooks/audioThreads/useRecorder/index.ts
@@ -45985,14 +46004,14 @@ function _asyncToGenerator10(n) {
 }
 var useRecorder = function(_ref) {
     var isStopOnSilence = _ref.isStopOnSilence, _onStart = _ref.onStart, _onStop = _ref.onStop;
-    var _$_ref = _sliced_to_array((0, import_react62.useState)(null), 2), silenceStart = _$_ref[0], setSilenceStart = _$_ref[1];
-    var _$_ref1 = _sliced_to_array((0, import_react62.useState)(null), 2), noiseStart = _$_ref1[0], setNoiseStart = _$_ref1[1];
-    var _$_ref2 = _sliced_to_array((0, import_react62.useState)(null), 2), mediaStream = _$_ref2[0], setMediaStream = _$_ref2[1];
-    var _$_ref3 = _sliced_to_array((0, import_react62.useState)("idle"), 2), status = _$_ref3[0], setStatus = _$_ref3[1];
+    var _$_ref = _sliced_to_array((0, import_react63.useState)(null), 2), silenceStart = _$_ref[0], setSilenceStart = _$_ref[1];
+    var _$_ref1 = _sliced_to_array((0, import_react63.useState)(null), 2), noiseStart = _$_ref1[0], setNoiseStart = _$_ref1[1];
+    var _$_ref2 = _sliced_to_array((0, import_react63.useState)(null), 2), mediaStream = _$_ref2[0], setMediaStream = _$_ref2[1];
+    var _$_ref3 = _sliced_to_array((0, import_react63.useState)("idle"), 2), status = _$_ref3[0], setStatus = _$_ref3[1];
     var startAudioPlayer = (0, import_react_use_audio_player.useAudioPlayer)();
     var endAudioPlayer = (0, import_react_use_audio_player.useAudioPlayer)();
-    var _$_ref4 = _sliced_to_array((0, import_react62.useState)(false), 2), isLoaded = _$_ref4[0], setIsLoaded = _$_ref4[1];
-    (0, import_react62.useEffect)(function() {
+    var _$_ref4 = _sliced_to_array((0, import_react63.useState)(false), 2), isLoaded = _$_ref4[0], setIsLoaded = _$_ref4[1];
+    (0, import_react63.useEffect)(function() {
         if (isLoaded) return;
         setIsLoaded(true);
     }, [
@@ -46052,9 +46071,9 @@ var useRecorder = function(_ref) {
             setNoiseStart(null);
         }
     });
-    var _$_ref5 = _sliced_to_array((0, import_react62.useState)(null), 2), audioEngine = _$_ref5[0], setAudioEngine = _$_ref5[1];
-    var isInited = (0, import_react62.useRef)(false);
-    (0, import_react62.useEffect)(function() {
+    var _$_ref5 = _sliced_to_array((0, import_react63.useState)(null), 2), audioEngine = _$_ref5[0], setAudioEngine = _$_ref5[1];
+    var isInited = (0, import_react63.useRef)(false);
+    (0, import_react63.useEffect)(function() {
         if (!mediaStream) return;
         if (isInited.current) return;
         isInited.current = true;
@@ -46067,7 +46086,7 @@ var useRecorder = function(_ref) {
         isInited,
         mediaStream
     ]);
-    var visualizationAnalyser = (0, import_react62.useMemo)(function() {
+    var visualizationAnalyser = (0, import_react63.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(result);
@@ -46075,7 +46094,7 @@ var useRecorder = function(_ref) {
     }, [
         audioEngine
     ]);
-    var silenceAnalyser = (0, import_react62.useMemo)(function() {
+    var silenceAnalyser = (0, import_react63.useMemo)(function() {
         if (!audioEngine) return null;
         var result_0 = audioEngine.audioContext.createAnalyser();
         result_0.minDecibels = -60;
@@ -46084,7 +46103,7 @@ var useRecorder = function(_ref) {
     }, [
         audioEngine
     ]);
-    var handleSilence = (0, import_react62.useCallback)(function() {
+    var handleSilence = (0, import_react63.useCallback)(function() {
         if (!silenceAnalyser) return;
         var frequencyData = new Uint8Array(silenceAnalyser.frequencyBinCount);
         silenceAnalyser.getByteFrequencyData(frequencyData);
@@ -46107,7 +46126,7 @@ var useRecorder = function(_ref) {
         setNoiseStart,
         setSilenceStart
     ]);
-    (0, import_react62.useEffect)(function() {
+    (0, import_react63.useEffect)(function() {
         if (!isStopOnSilence) return;
         requestAnimationFrame(function() {
             return handleSilence();
@@ -46130,8 +46149,8 @@ var useRecorder = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-var import_react_compiler_runtime49 = require("react-compiler-runtime");
-var import_react63 = require("react");
+var import_react_compiler_runtime50 = require("react-compiler-runtime");
+var import_react64 = require("react");
 var import_compromise = __toESM(require("compromise"), 1);
 var import_howler = require("howler");
 var import_react_use_audio_player2 = require("react-use-audio-player");
@@ -46213,9 +46232,9 @@ var getMessageSentences = function(_ref) {
 };
 var useMessageAudio = function(t0) {
     var _latestMessageProps$l;
-    var $ = (0, import_react_compiler_runtime49.c)(50);
+    var $ = (0, import_react_compiler_runtime50.c)(50);
     var _onEnd = t0.onEnd, passedPlay = t0.play;
-    var _ref = _sliced_to_array((0, import_react63.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
+    var _ref = _sliced_to_array((0, import_react64.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
         t1 = [];
@@ -46223,7 +46242,7 @@ var useMessageAudio = function(t0) {
     } else {
         t1 = $[0];
     }
-    var _ref1 = _sliced_to_array((0, import_react63.useState)(t1), 2), stoppedMessageIds = _ref1[0], setStoppedMessageIds = _ref1[1];
+    var _ref1 = _sliced_to_array((0, import_react64.useState)(t1), 2), stoppedMessageIds = _ref1[0], setStoppedMessageIds = _ref1[1];
     var t2;
     if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
         t2 = [];
@@ -46231,11 +46250,11 @@ var useMessageAudio = function(t0) {
     } else {
         t2 = $[1];
     }
-    var _ref2 = _sliced_to_array((0, import_react63.useState)(t2), 2), playedMessageSentences = _ref2[0], setPlayedMessageSentences = _ref2[1];
+    var _ref2 = _sliced_to_array((0, import_react64.useState)(t2), 2), playedMessageSentences = _ref2[0], setPlayedMessageSentences = _ref2[1];
     var audioPlayer = (0, import_react_use_audio_player2.useAudioPlayer)();
     var nextAudioPlayer = (0, import_react_use_audio_player2.useAudioPlayer)();
     var superinterfaceContext = useSuperinterfaceContext();
-    var _ref3 = _sliced_to_array((0, import_react63.useState)(false), 2), isPlaying = _ref3[0], setIsPlaying = _ref3[1];
+    var _ref3 = _sliced_to_array((0, import_react64.useState)(false), 2), isPlaying = _ref3[0], setIsPlaying = _ref3[1];
     var latestMessageProps = useLatestMessage();
     var t3;
     bb0: {
@@ -46453,7 +46472,7 @@ var useMessageAudio = function(t0) {
     } else {
         t7 = $[35];
     }
-    (0, import_react63.useEffect)(t6, t7);
+    (0, import_react64.useEffect)(t6, t7);
     var t8;
     if ($[36] !== audioPlayer) {
         t8 = [
@@ -46464,9 +46483,9 @@ var useMessageAudio = function(t0) {
     } else {
         t8 = $[37];
     }
-    (0, import_react63.useEffect)(_temp10, t8);
-    var _ref4 = _sliced_to_array((0, import_react63.useState)(null), 2), audioEngine = _ref4[0], setAudioEngine = _ref4[1];
-    var isAudioEngineInited = (0, import_react63.useRef)(false);
+    (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) {
         t9 = function() {
@@ -46506,7 +46525,7 @@ var useMessageAudio = function(t0) {
     } else {
         t10 = $[41];
     }
-    (0, import_react63.useEffect)(t9, t10);
+    (0, import_react64.useEffect)(t9, t10);
     var t11;
     bb1: {
         if (!audioEngine) {
@@ -46594,7 +46613,7 @@ function _asyncToGenerator11(n) {
     };
 }
 var useTtsAudioRuntime = function(t0) {
-    var $ = (0, import_react_compiler_runtime50.c)(30);
+    var $ = (0, import_react_compiler_runtime51.c)(30);
     var play = t0.play;
     var addToast = useToasts().addToast;
     var queryClient = (0, import_react_query10.useQueryClient)();
@@ -46782,7 +46801,7 @@ function _temp23() {
 // src/components/audioRuntimes/TtsAudioRuntimeProvider.tsx
 var import_jsx_runtime83 = require("react/jsx-runtime");
 var TtsAudioRuntimeProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime51.c)(7);
+    var $ = (0, import_react_compiler_runtime52.c)(7);
     var children = t0.children, play = t0.play;
     var t1;
     if ($[0] !== play) {
@@ -46903,7 +46922,7 @@ var Content8 = function(_ref) {
     });
 };
 var AudioRuntimeProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime52.c)(3);
+    var $ = (0, import_react_compiler_runtime53.c)(3);
     var children = t0.children, play = t0.play;
     var audioThreadContext = useAudioThreadContext();
     if (audioThreadContext.audioRuntime) {
@@ -46924,7 +46943,7 @@ var AudioRuntimeProvider = function(t0) {
     return t1;
 };
 var Provider5 = function(t0) {
-    var $ = (0, import_react_compiler_runtime52.c)(9);
+    var $ = (0, import_react_compiler_runtime53.c)(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -46979,20 +46998,20 @@ var Root12 = function(_ref2) {
     }));
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-var import_react67 = require("react");
+var import_react68 = require("react");
 var import_lodash9 = __toESM(require("lodash"), 1);
 var import_themes60 = require("@radix-ui/themes");
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
 var import_lodash8 = __toESM(require("lodash"), 1);
 var import_themes59 = require("@radix-ui/themes");
-var import_react65 = require("react");
+var import_react66 = require("react");
 var import_radash18 = require("radash");
 var import_jsx_runtime85 = require("react/jsx-runtime");
 var barCount = 4;
 var BarsVisualizer = function(_ref) {
     var visualizationAnalyser = _ref.visualizationAnalyser, backgroundColor = _ref.backgroundColor, height = _ref.height, barWidth = _ref.barWidth;
-    var _$_ref = _sliced_to_array((0, import_react65.useState)([]), 2), barHeights = _$_ref[0], setBarHeights = _$_ref[1];
-    var draw = (0, import_react65.useCallback)(function(_ref2) {
+    var _$_ref = _sliced_to_array((0, import_react66.useState)([]), 2), barHeights = _$_ref[0], setBarHeights = _$_ref[1];
+    var draw = (0, import_react66.useCallback)(function(_ref2) {
         var visualizationAnalyser_0 = _ref2.visualizationAnalyser;
         if (!visualizationAnalyser_0) {
             setBarHeights(Array(barCount).fill(0));
@@ -47010,7 +47029,7 @@ var BarsVisualizer = function(_ref) {
             });
         });
     }, []);
-    (0, import_react65.useEffect)(function() {
+    (0, import_react66.useEffect)(function() {
         draw({
             visualizationAnalyser: visualizationAnalyser
         });
@@ -47047,10 +47066,10 @@ var BarsVisualizer = function(_ref) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-var import_react_compiler_runtime53 = require("react-compiler-runtime");
-var import_react66 = require("react");
+var import_react_compiler_runtime54 = require("react-compiler-runtime");
+var import_react67 = require("react");
 var useStatus = function() {
-    var $ = (0, import_react_compiler_runtime53.c)(2);
+    var $ = (0, import_react_compiler_runtime54.c)(2);
     var audioRuntime = useAudioThreadContext().audioRuntime;
     var t0;
     bb0: {
@@ -47145,9 +47164,9 @@ function _toPrimitive47(t, r) {
 var Visualization = function(props) {
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
-    var assistantNameContext = (0, import_react67.useContext)(AssistantNameContext);
-    var _ref = _sliced_to_array((0, import_react67.useState)(0), 2), scale = _ref[0], setScale = _ref[1];
-    var draw = (0, import_react67.useCallback)(function(_ref) {
+    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;
         if (!visualizationAnalyser) {
             setScale(1);
@@ -47162,7 +47181,7 @@ var Visualization = function(props) {
             });
         });
     }, []);
-    (0, import_react67.useEffect)(function() {
+    (0, import_react68.useEffect)(function() {
         draw({
             visualizationAnalyser: audioThreadContext.audioRuntime.user.visualizationAnalyser
         });
@@ -47210,7 +47229,7 @@ var Visualization = function(props) {
     }));
 };
 // src/components/threads/AudioThread/Status/index.tsx
-var import_react_compiler_runtime54 = require("react-compiler-runtime");
+var import_react_compiler_runtime55 = require("react-compiler-runtime");
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
 var import_themes61 = require("@radix-ui/themes");
 var import_jsx_runtime87 = require("react/jsx-runtime");
@@ -47290,7 +47309,7 @@ function _toPrimitive48(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Status = function(props) {
-    var $ = (0, import_react_compiler_runtime54.c)(12);
+    var $ = (0, import_react_compiler_runtime55.c)(12);
     var status = useStatus().status;
     if (status === "recording") {
         var _t;
@@ -47387,7 +47406,7 @@ var Status = function(props) {
     return t1;
 };
 // src/components/threads/AudioThread/Form/index.tsx
-var import_react_compiler_runtime56 = require("react-compiler-runtime");
+var import_react_compiler_runtime57 = require("react-compiler-runtime");
 var import_themes63 = require("@radix-ui/themes");
 // src/components/threads/AudioThread/Form/MicIcon.tsx
 var import_jsx_runtime89 = require("react/jsx-runtime");
@@ -47451,12 +47470,12 @@ var MicIcon = function(props) {
     }));
 };
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
-var import_react_compiler_runtime55 = require("react-compiler-runtime");
+var import_react_compiler_runtime56 = require("react-compiler-runtime");
 var import_themes62 = 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_runtime55.c)(27);
+    var $ = (0, import_react_compiler_runtime56.c)(27);
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var superinterfaceContext = useSuperinterfaceContext();
@@ -47694,7 +47713,7 @@ function _toPrimitive50(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Form = function(props) {
-    var $ = (0, import_react_compiler_runtime56.c)(17);
+    var $ = (0, import_react_compiler_runtime57.c)(17);
     var status = useStatus().status;
     var audioThreadContext = useAudioThreadContext();
     var t0 = status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
@@ -47915,7 +47934,7 @@ AudioThreadDialog.Root = Root9;
 AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content7;
 // src/hooks/audioRuntimes/useWebrtcAudioRuntime/index.ts
-var import_react68 = require("react");
+var import_react69 = require("react");
 function asyncGeneratorStep12(n, t, e, r, o, a, c) {
     try {
         var i = n[a](c), u = i.value;
@@ -48004,22 +48023,22 @@ var useWebrtcAudioRuntime = function() {
             console.warn("Could not build analyzers:", err_0);
         }
     };
-    var _ref = _sliced_to_array((0, import_react68.useState)("idle"), 2), recorderStatus = _ref[0], setRecorderStatus = _ref[1];
+    var _ref = _sliced_to_array((0, import_react69.useState)("idle"), 2), recorderStatus = _ref[0], setRecorderStatus = _ref[1];
     var superinterfaceContext = useSuperinterfaceContext();
-    var _ref1 = _sliced_to_array((0, import_react68.useState)(false), 2), userIsPending = _ref1[0], setUserIsPending = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react68.useState)(false), 2), assistantPlaying = _ref2[0], setAssistantPlaying = _ref2[1];
-    var _ref3 = _sliced_to_array((0, import_react68.useState)(false), 2), assistantPaused = _ref3[0], setAssistantPaused = _ref3[1];
-    var _ref4 = _sliced_to_array((0, import_react68.useState)(true), 2), assistantIsPending = _ref4[0], setAssistantIsPending = _ref4[1];
-    var _ref5 = _sliced_to_array((0, import_react68.useState)(false), 2), assistantIsReady = _ref5[0], setAssistantIsReady = _ref5[1];
-    var _ref6 = _sliced_to_array((0, import_react68.useState)(false), 2), assistantAudioPlayed = _ref6[0], setAssistantAudioPlayed = _ref6[1];
-    var sessionStartedRef = (0, import_react68.useRef)(false);
-    var pcRef = (0, import_react68.useRef)(null);
-    var localStreamRef = (0, import_react68.useRef)(null);
-    var remoteStreamRef = (0, import_react68.useRef)(null);
-    var userAnalyserRef = (0, import_react68.useRef)(null);
-    var assistantAnalyserRef = (0, import_react68.useRef)(null);
-    var assistantAudioElRef = (0, import_react68.useRef)(null);
-    (0, import_react68.useEffect)(function() {
+    var _ref1 = _sliced_to_array((0, import_react69.useState)(false), 2), userIsPending = _ref1[0], setUserIsPending = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react69.useState)(false), 2), assistantPlaying = _ref2[0], setAssistantPlaying = _ref2[1];
+    var _ref3 = _sliced_to_array((0, import_react69.useState)(false), 2), assistantPaused = _ref3[0], setAssistantPaused = _ref3[1];
+    var _ref4 = _sliced_to_array((0, import_react69.useState)(true), 2), assistantIsPending = _ref4[0], setAssistantIsPending = _ref4[1];
+    var _ref5 = _sliced_to_array((0, import_react69.useState)(false), 2), assistantIsReady = _ref5[0], setAssistantIsReady = _ref5[1];
+    var _ref6 = _sliced_to_array((0, import_react69.useState)(false), 2), assistantAudioPlayed = _ref6[0], setAssistantAudioPlayed = _ref6[1];
+    var sessionStartedRef = (0, import_react69.useRef)(false);
+    var pcRef = (0, import_react69.useRef)(null);
+    var localStreamRef = (0, import_react69.useRef)(null);
+    var remoteStreamRef = (0, import_react69.useRef)(null);
+    var userAnalyserRef = (0, import_react69.useRef)(null);
+    var assistantAnalyserRef = (0, import_react69.useRef)(null);
+    var assistantAudioElRef = (0, import_react69.useRef)(null);
+    (0, import_react69.useEffect)(function() {
         return function() {
             if (pcRef.current) {
                 pcRef.current.close();
@@ -48355,7 +48374,7 @@ var useWebrtcAudioRuntime = function() {
             return _ref7.apply(this, arguments);
         };
     }();
-    return (0, import_react68.useMemo)(function() {
+    return (0, import_react69.useMemo)(function() {
         return {
             webrtcAudioRuntime: {
                 user: {
@@ -48404,10 +48423,10 @@ var useWebrtcAudioRuntime = function() {
     ]);
 };
 // src/components/audioRuntimes/WebrtcAudioRuntimeProvider.tsx
-var import_react_compiler_runtime57 = require("react-compiler-runtime");
+var import_react_compiler_runtime58 = require("react-compiler-runtime");
 var import_jsx_runtime94 = require("react/jsx-runtime");
 var WebrtcAudioRuntimeProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime57.c)(5);
+    var $ = (0, import_react_compiler_runtime58.c)(5);
     var children = t0.children;
     var webrtcAudioRuntime = useWebrtcAudioRuntime().webrtcAudioRuntime;
     var t1;
@@ -48435,8 +48454,8 @@ var WebrtcAudioRuntimeProvider = function(t0) {
     return t2;
 };
 // src/components/markdown/MarkdownProvider/index.tsx
-var import_react_compiler_runtime58 = require("react-compiler-runtime");
-var import_react69 = require("react");
+var import_react_compiler_runtime59 = require("react-compiler-runtime");
+var import_react70 = require("react");
 var import_jsx_runtime95 = require("react/jsx-runtime");
 var _excluded6 = [
     "children"
@@ -48460,7 +48479,7 @@ function _objectWithoutPropertiesLoose6(r, e) {
     return t;
 }
 var MarkdownProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime58.c)(9);
+    var $ = (0, import_react_compiler_runtime59.c)(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -48503,18 +48522,18 @@ var MarkdownProvider = function(t0) {
     return t3;
 };
 // src/components/annotations/SourceAnnotation/index.tsx
-var import_react_compiler_runtime61 = require("react-compiler-runtime");
+var import_react_compiler_runtime62 = require("react-compiler-runtime");
 // src/components/annotations/SourceAnnotation/FileCitation/index.tsx
-var import_react_compiler_runtime60 = require("react-compiler-runtime");
-var import_react70 = require("react");
+var import_react_compiler_runtime61 = require("react-compiler-runtime");
+var import_react71 = require("react");
 var import_react_icons18 = require("@radix-ui/react-icons");
 var import_themes65 = require("@radix-ui/themes");
 // src/components/annotations/SourceAnnotation/FileCitation/Content.tsx
-var import_react_compiler_runtime59 = require("react-compiler-runtime");
+var import_react_compiler_runtime60 = require("react-compiler-runtime");
 var import_themes64 = require("@radix-ui/themes");
 var import_jsx_runtime96 = require("react/jsx-runtime");
 var Content9 = function(t0) {
-    var $ = (0, import_react_compiler_runtime59.c)(5);
+    var $ = (0, import_react_compiler_runtime60.c)(5);
     var fileId = t0.fileId;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
@@ -48580,9 +48599,9 @@ 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_runtime60.c)(18);
+    var $ = (0, import_react_compiler_runtime61.c)(18);
     var annotation = t0.annotation;
-    var _ref = _sliced_to_array((0, import_react70.useState)(null), 2), activeFileId = _ref[0], setActiveFileId = _ref[1];
+    var _ref = _sliced_to_array((0, import_react71.useState)(null), 2), activeFileId = _ref[0], setActiveFileId = _ref[1];
     var t1;
     if ($[0] !== annotation.file_citation.file_id) {
         t1 = function() {
@@ -48729,7 +48748,7 @@ function _objectWithoutPropertiesLoose7(r, e) {
     return t;
 }
 var SourceAnnotation = function(t0) {
-    var $ = (0, import_react_compiler_runtime61.c)(10);
+    var $ = (0, import_react_compiler_runtime62.c)(10);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -48786,7 +48805,7 @@ var SourceAnnotation = function(t0) {
     return null;
 };
 // src/components/avatars/Avatar.tsx
-var import_react_compiler_runtime64 = require("react-compiler-runtime");
+var import_react_compiler_runtime65 = require("react-compiler-runtime");
 // src/lib/enums/index.ts
 var IconAvatarName = /* @__PURE__ */ function(IconAvatarName2) {
     IconAvatarName2["BACKPACK"] = "BACKPACK";
@@ -48811,7 +48830,7 @@ var AvatarType = /* @__PURE__ */ function(AvatarType2) {
 // src/components/avatars/Avatar.tsx
 var import_themes68 = require("@radix-ui/themes");
 // src/components/imageAvatars/ImageAvatar/index.tsx
-var import_react_compiler_runtime62 = require("react-compiler-runtime");
+var import_react_compiler_runtime63 = require("react-compiler-runtime");
 var import_themes66 = require("@radix-ui/themes");
 // src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
 var width = function(_ref) {
@@ -48865,7 +48884,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_runtime62.c)(9);
+    var $ = (0, import_react_compiler_runtime63.c)(9);
     var imageAvatar = t0.imageAvatar, size = t0.size, className = t0.className, style = t0.style;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;
@@ -48902,8 +48921,8 @@ var ImageAvatar = function(t0) {
     return t2;
 };
 // src/components/iconAvatars/IconAvatar.tsx
-var import_react_compiler_runtime63 = require("react-compiler-runtime");
-var import_react71 = require("react");
+var import_react_compiler_runtime64 = require("react-compiler-runtime");
+var import_react72 = require("react");
 var import_themes67 = require("@radix-ui/themes");
 // src/lib/iconAvatars/iconAvatarComponents.ts
 var import_react_icons19 = require("@radix-ui/react-icons");
@@ -48912,7 +48931,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_runtime63.c)(7);
+    var $ = (0, import_react_compiler_runtime64.c)(7);
     var iconAvatar = t0.iconAvatar, size = t0.size, className = t0.className, style = t0.style;
     var t1;
     t1 = iconAvatarComponents[iconAvatar.name];
@@ -48946,7 +48965,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_runtime64.c)(14);
+    var $ = (0, import_react_compiler_runtime65.c)(14);
     var avatar = t0.avatar, t1 = t0.size, className = t0.className, style = t0.style;
     var size = t1 === void 0 ? "1" : t1;
     if (avatar) {
@@ -49007,12 +49026,12 @@ var Avatar6 = function(t0) {
     return t2;
 };
 // src/components/components/ComponentsProvider.tsx
-var import_react_compiler_runtime65 = require("react-compiler-runtime");
-var import_react73 = require("react");
+var import_react_compiler_runtime66 = require("react-compiler-runtime");
+var import_react74 = require("react");
 // src/hooks/components/useComponents.ts
-var import_react72 = require("react");
+var import_react73 = require("react");
 var useComponents = function() {
-    return (0, import_react72.useContext)(ComponentsContext);
+    return (0, import_react73.useContext)(ComponentsContext);
 };
 // src/components/components/ComponentsProvider.tsx
 var import_jsx_runtime102 = require("react/jsx-runtime");
@@ -49038,7 +49057,7 @@ function _objectWithoutPropertiesLoose8(r, e) {
     return t;
 }
 var ComponentsProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime65.c)(9);
+    var $ = (0, import_react_compiler_runtime66.c)(9);
     var children;
     var rest;
     if ($[0] !== t0) {
@@ -49081,11 +49100,11 @@ var ComponentsProvider = function(t0) {
     return t3;
 };
 // src/components/assistants/AssistantProvider/index.tsx
-var import_react_compiler_runtime66 = require("react-compiler-runtime");
+var import_react_compiler_runtime67 = require("react-compiler-runtime");
 var import_jsx_runtime103 = require("react/jsx-runtime");
 var AssistantProvider = function(t0) {
     var _assistant$name;
-    var $ = (0, import_react_compiler_runtime66.c)(10);
+    var $ = (0, import_react_compiler_runtime67.c)(10);
     var children = t0.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var t1;