npm - @superinterface/react - Versions diffs - 3.17.3 → 3.19.0 - Mend

@superinterface/react 3.17.3 → 3.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.cjs CHANGED Viewed

@@ -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,23 +41692,32 @@ 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) {
+    return /^[A-Za-z_][A-Za-z0-9_.:-]*$/.test(tagName);
+};
+var escapeInvalidTagNames = function(markdown) {
+    return markdown.replace(/<([^\s>/]+)([^>]*)>/g, function(fullMatch, tagName) {
+        return isValidTagName(tagName) ? fullMatch : fullMatch.replace(/</g, "&lt;").replace(/>/g, "&gt;");
+    });
 };
 // ../../node_modules/react-error-boundary/dist/react-error-boundary.esm.js
-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;
@@ -41755,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,
@@ -41783,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] : [];
@@ -41868,7 +41896,7 @@ var evaluate = /* @__PURE__ */ function() {
             return [
                 2,
                 fn(_objectSpread24(_objectSpread24({}, runtime), {}, {
-                    useMDXComponents: import_react29.useMDXComponents
+                    useMDXComponents: import_react30.useMDXComponents
                 }))
             ];
         });
@@ -41878,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;
@@ -41895,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) {
@@ -41914,7 +41942,7 @@ var TextContent = function(t0) {
                                 ]);
                                 return [
                                     4,
-                                    (0, import_mdx.compile)(content2.text.value, {
+                                    (0, import_mdx.compile)(escapeInvalidTagNames(content2.text.value), {
                                         outputFormat: "function-body",
                                         remarkPlugins: remarkPlugins,
                                         recmaPlugins: [
@@ -41974,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;
     }
@@ -42001,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
             })
@@ -42015,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);
@@ -42039,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;
@@ -42084,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: {
@@ -42340,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");
@@ -42448,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;
@@ -42475,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) {
@@ -42531,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, {
@@ -42623,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 = {
@@ -42671,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 = {
@@ -42734,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, {});
@@ -42800,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;
@@ -42837,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")) {
@@ -42874,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, {});
@@ -42934,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;
@@ -42977,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, {
@@ -42996,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",
@@ -43075,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;
@@ -43158,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;
@@ -43203,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,
@@ -43220,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");
@@ -43278,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) {
@@ -43349,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
@@ -43433,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;
@@ -43447,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
@@ -43456,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);
@@ -43553,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 = [
@@ -43633,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;
@@ -43769,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;
@@ -43818,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");
@@ -43866,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;
@@ -43958,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) {
@@ -44200,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 ? {
@@ -44389,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) {
@@ -44743,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);
@@ -44782,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;
@@ -44792,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) {
@@ -45025,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");
@@ -45180,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;
@@ -45213,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 = {
@@ -45267,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");
@@ -45370,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";
@@ -45451,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;
@@ -45575,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) {
@@ -45774,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) {
@@ -45816,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) {
@@ -45856,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() {
@@ -45880,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) {
@@ -45904,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
@@ -45976,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);
     }, [
@@ -46043,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;
@@ -46058,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);
@@ -46066,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;
@@ -46075,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);
@@ -46098,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();
@@ -46121,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");
@@ -46204,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 = [];
@@ -46214,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 = [];
@@ -46222,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: {
@@ -46444,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 = [
@@ -46455,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() {
@@ -46497,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) {
@@ -46585,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)();
@@ -46773,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) {
@@ -46894,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) {
@@ -46915,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) {
@@ -46970,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));
@@ -47001,7 +47029,7 @@ var BarsVisualizer = function(_ref) {
             });
         });
     }, []);
-    (0, import_react65.useEffect)(function() {
+    (0, import_react66.useEffect)(function() {
         draw({
             visualizationAnalyser: visualizationAnalyser
         });
@@ -47038,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: {
@@ -47136,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);
@@ -47153,7 +47181,7 @@ var Visualization = function(props) {
             });
         });
     }, []);
-    (0, import_react67.useEffect)(function() {
+    (0, import_react68.useEffect)(function() {
         draw({
             visualizationAnalyser: audioThreadContext.audioRuntime.user.visualizationAnalyser
         });
@@ -47201,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");
@@ -47281,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;
@@ -47378,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");
@@ -47442,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();
@@ -47685,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)";
@@ -47906,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;
@@ -47995,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();
@@ -48346,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: {
@@ -48395,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;
@@ -48426,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"
@@ -48451,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) {
@@ -48494,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);
@@ -48571,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() {
@@ -48720,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) {
@@ -48777,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";
@@ -48802,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) {
@@ -48856,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;
@@ -48893,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");
@@ -48903,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];
@@ -48937,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) {
@@ -48998,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");
@@ -49029,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) {
@@ -49072,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;