npm - @superinterface/react - Versions diffs - 3.19.1 → 3.20.0 - Mend

@superinterface/react 3.19.1 → 3.20.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 (5) hide show

package/dist/index.cjs CHANGED Viewed

@@ -37942,30 +37942,14 @@ var SuperinterfaceProvider = function(_ref) {
     });
 };
 // src/components/threads/Thread/Messages/index.tsx
-var import_themes45 = require("@radix-ui/themes");
+var import_themes46 = require("@radix-ui/themes");
 // src/components/threads/Thread/Message/index.tsx
 var import_react_compiler_runtime26 = require("react-compiler-runtime");
 var import_react31 = require("react");
-var import_radash12 = require("radash");
-var import_themes33 = require("@radix-ui/themes");
-// src/components/skeletons/StartingContentSkeleton/index.tsx
-var import_themes = require("@radix-ui/themes");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var StartingContentSkeleton = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_themes.Skeleton, {
-        loading: true,
-        mt: "1",
-        height: "var(--space-4)",
-        width: "var(--space-4)",
-        style: {
-            borderRadius: "var(--radius-6)",
-            flexShrink: 0
-        }
-    });
-};
+var import_themes32 = require("@radix-ui/themes");
 // src/components/runSteps/RunSteps/index.tsx
 var import_react_compiler_runtime8 = require("react-compiler-runtime");
-var import_themes10 = require("@radix-ui/themes");
+var import_themes9 = require("@radix-ui/themes");
 var import_react9 = require("react");
 // src/contexts/components/ComponentsContext/index.tsx
 var import_react8 = require("react");
@@ -37974,7 +37958,7 @@ var import_react_compiler_runtime6 = require("react-compiler-runtime");
 // src/components/runSteps/RunStep/ToolCalls/index.tsx
 var import_react_compiler_runtime5 = require("react-compiler-runtime");
 var import_react6 = require("react");
-var import_themes6 = require("@radix-ui/themes");
+var import_themes5 = 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
@@ -37984,7 +37968,7 @@ var import_react5 = require("react");
 var import_react4 = require("react");
 var FunctionComponentsContext = /* @__PURE__ */ (0, import_react4.createContext)({});
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/Fn/index.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var Fn = function(t0) {
     var $ = (0, import_react_compiler_runtime.c)(4);
     var fn = t0.fn, runStep = t0.runStep;
@@ -37993,7 +37977,7 @@ var Fn = function(t0) {
     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, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Component2, {
             fn: fn,
             runStep: runStep
         });
@@ -38007,16 +37991,16 @@ var Fn = function(t0) {
     return t1;
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/index.tsx
-var import_themes5 = require("@radix-ui/themes");
+var import_themes4 = require("@radix-ui/themes");
 // src/components/toolCalls/ToolCallBase/index.tsx
-var import_themes2 = require("@radix-ui/themes");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_themes = require("@radix-ui/themes");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var ToolCallBase = function(_ref) {
     var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_themes2.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes.Flex, {
         py: "1",
         ml: "-2",
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_themes2.Button, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes.Button, {
             size: "1",
             color: "gold",
             variant: "outline",
@@ -38028,11 +38012,11 @@ var ToolCallBase = function(_ref) {
     });
 };
 // src/components/toolCalls/ToolCallBase/ToolCallTitle.tsx
-var import_themes3 = require("@radix-ui/themes");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_themes2 = require("@radix-ui/themes");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var ToolCallTitle = function(_ref) {
     var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_themes3.Text, {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_themes2.Text, {
         weight: "regular",
         children: children
     });
@@ -38040,14 +38024,14 @@ var ToolCallTitle = function(_ref) {
 // src/components/toolCalls/ToolCallBase/ToolCallIcon.tsx
 var import_react_compiler_runtime2 = require("react-compiler-runtime");
 var import_react_icons = require("@radix-ui/react-icons");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var ToolCallIcon = function(t0) {
     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_runtime6.jsx)(import_react_icons.CheckCircledIcon, {});
+            t1 = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_icons.CheckCircledIcon, {});
             $[0] = t1;
         } else {
             t1 = $[0];
@@ -38057,7 +38041,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_runtime6.jsx)(import_react_icons.CircleBackslashIcon, {});
+                _t = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_icons.CircleBackslashIcon, {});
                 $[1] = _t;
             } else {
                 _t = $[1];
@@ -38066,7 +38050,7 @@ var ToolCallIcon = function(t0) {
         } else {
             var _t2;
             if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-                _t2 = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_icons.CircleIcon, {});
+                _t2 = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_icons.CircleIcon, {});
                 $[2] = _t2;
             } else {
                 _t2 = $[2];
@@ -38077,8 +38061,8 @@ var ToolCallIcon = function(t0) {
 };
 // 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");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_themes3 = require("@radix-ui/themes");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var Content = function(t0) {
     var $ = (0, import_react_compiler_runtime3.c)(10);
     var codeInterpreter = t0.codeInterpreter;
@@ -38097,7 +38081,7 @@ var Content = function(t0) {
     }
     var t2;
     if ($[1] !== codeInterpreter.input) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_themes4.Box, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_themes3.Box, {
             children: codeInterpreter.input
         });
         $[1] = codeInterpreter.input;
@@ -38115,7 +38099,7 @@ var Content = function(t0) {
     }
     var t4;
     if ($[5] !== t3) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_themes4.Box, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_themes3.Box, {
             children: t3
         });
         $[5] = t3;
@@ -38125,7 +38109,7 @@ var Content = function(t0) {
     }
     var t5;
     if ($[7] !== t2 || $[8] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_themes4.Code, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_themes3.Code, {
             variant: "ghost",
             color: "gold",
             style: t1,
@@ -38143,28 +38127,28 @@ var Content = function(t0) {
     return t5;
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/CodeInterpreter/index.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var CodeInterpreter = function(_ref) {
     var codeInterpreter = _ref.codeInterpreter, runStep = _ref.runStep;
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_themes5.Popover.Root, {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_themes4.Popover.Root, {
         children: [
-            /* @__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, {
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_themes4.Popover.Trigger, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_themes4.Flex, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(ToolCallBase, {
                         children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolCallIcon, {
+                            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToolCallIcon, {
                                 runStep: runStep
                             }),
-                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolCallTitle, {
+                            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToolCallTitle, {
                                 children: "Using code interpreter"
                             })
                         ]
                     })
                 })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_themes5.Popover.Content, {
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_themes4.Popover.Content, {
                 maxHeight: "200px",
-                children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Content, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Content, {
                     codeInterpreter: codeInterpreter
                 })
             })
@@ -38172,30 +38156,30 @@ var CodeInterpreter = function(_ref) {
     });
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/FileSearch.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var FileSearch = function(_ref) {
     var runStep = _ref.runStep, toolCall = _ref.toolCall;
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(ToolCallBase, {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(ToolCallBase, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToolCallIcon, {
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolCallIcon, {
                 runStep: runStep
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToolCallTitle, {
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolCallTitle, {
                 children: "Searching files"
             })
         ]
     });
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/Fallback.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var Fallback = function(_ref) {
     var runStep = _ref.runStep, toolCall = _ref.toolCall;
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(ToolCallBase, {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(ToolCallBase, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ToolCallIcon, {
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToolCallIcon, {
                 runStep: runStep
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(ToolCallTitle, {
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(ToolCallTitle, {
                 children: [
                     "Using tool: ",
                     toolCall.type
@@ -38205,14 +38189,14 @@ var Fallback = function(_ref) {
     });
 };
 // src/components/runSteps/RunStep/ToolCalls/ToolCall/index.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var ToolCall = function(t0) {
     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_runtime11.jsx)(Fn, {
+            _t = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Fn, {
                 fn: toolCall.function,
                 runStep: runStep
             });
@@ -38227,7 +38211,7 @@ var ToolCall = function(t0) {
     if (toolCall.type === "code_interpreter") {
         var _t2;
         if ($[3] !== runStep || $[4] !== toolCall.code_interpreter) {
-            _t2 = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CodeInterpreter, {
+            _t2 = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CodeInterpreter, {
                 codeInterpreter: toolCall.code_interpreter,
                 runStep: runStep
             });
@@ -38242,7 +38226,7 @@ var ToolCall = function(t0) {
     if (toolCall.type === "file_search") {
         var _t3;
         if ($[6] !== runStep || $[7] !== toolCall) {
-            _t3 = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(FileSearch, {
+            _t3 = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FileSearch, {
                 toolCall: toolCall,
                 runStep: runStep
             });
@@ -38256,7 +38240,7 @@ var ToolCall = function(t0) {
     }
     var t1;
     if ($[9] !== runStep || $[10] !== toolCall) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Fallback, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Fallback, {
             toolCall: toolCall,
             runStep: runStep
         });
@@ -38269,10 +38253,10 @@ var ToolCall = function(t0) {
     return t1;
 };
 // src/components/runSteps/RunStep/ToolCalls/index.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var Root = function(_ref) {
     var children = _ref.children, className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_themes6.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes5.Flex, {
         direction: "column",
         className: className,
         style: style,
@@ -38285,7 +38269,7 @@ var StartingToolCalls = function() {
     var StartingToolCalls3 = componentsContext.components.StartingToolCalls;
     var t0;
     if ($[0] !== StartingToolCalls3) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(StartingToolCalls3, {});
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(StartingToolCalls3, {});
         $[0] = StartingToolCalls3;
         $[1] = t0;
     } else {
@@ -38295,13 +38279,13 @@ var StartingToolCalls = function() {
 };
 var ToolCalls = function(_ref2) {
     var stepDetails = _ref2.stepDetails, runStep = _ref2.runStep, className = _ref2.className, style = _ref2.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Root, {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Root, {
         className: className,
         style: style,
         children: [
-            !stepDetails.tool_calls.length && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(StartingToolCalls, {}),
+            !stepDetails.tool_calls.length && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(StartingToolCalls, {}),
             stepDetails.tool_calls.map(function(toolCall) {
-                return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToolCall, {
+                return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ToolCall, {
                     toolCall: toolCall,
                     runStep: runStep
                 }, toolCall.id);
@@ -38313,14 +38297,14 @@ ToolCalls.Root = Root;
 ToolCalls.StartingToolCalls = StartingToolCalls;
 ToolCalls.ToolCall = ToolCall;
 // src/components/runSteps/RunStep/index.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime12 = 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_runtime13.jsx)(ToolCalls, {
+            t1 = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToolCalls, {
                 className: className,
                 style: style,
                 stepDetails: runStep.step_details,
@@ -38339,11 +38323,11 @@ var RunStep = function(t0) {
 };
 RunStep.ToolCalls = ToolCalls;
 // src/components/functions/FunctionBase/index.tsx
-var import_themes8 = require("@radix-ui/themes");
+var import_themes7 = require("@radix-ui/themes");
 // src/components/functions/FunctionBase/Content/index.tsx
 var import_react_compiler_runtime7 = require("react-compiler-runtime");
 var import_react7 = require("react");
-var import_themes7 = require("@radix-ui/themes");
+var import_themes6 = require("@radix-ui/themes");
 // src/components/functions/FunctionBase/Content/lib/formattedJsonOrRaw.ts
 var formattedJsonOrRaw = function(_ref) {
     var value = _ref.value;
@@ -38361,7 +38345,7 @@ var formattedJsonOrRaw = function(_ref) {
     }
 };
 // src/components/functions/FunctionBase/Content/index.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var Content2 = function(t0) {
     var $ = (0, import_react_compiler_runtime7.c)(12);
     var fn = t0.fn;
@@ -38403,7 +38387,7 @@ var Content2 = function(t0) {
     }
     var t6;
     if ($[5] !== args) {
-        t6 = args && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_themes7.Box, {
+        t6 = args && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_themes6.Box, {
             children: args
         });
         $[5] = args;
@@ -38413,7 +38397,7 @@ var Content2 = function(t0) {
     }
     var t7;
     if ($[7] !== output) {
-        t7 = output && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_themes7.Box, {
+        t7 = output && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_themes6.Box, {
             children: output
         });
         $[7] = output;
@@ -38423,7 +38407,7 @@ var Content2 = function(t0) {
     }
     var t8;
     if ($[9] !== t6 || $[10] !== t7) {
-        t8 = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_themes7.Code, {
+        t8 = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_themes6.Code, {
             variant: "ghost",
             color: "gold",
             style: t5,
@@ -38441,30 +38425,30 @@ var Content2 = function(t0) {
     return t8;
 };
 // src/components/functions/FunctionBase/index.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var FunctionBase = function(_ref) {
     var fn = _ref.fn, runStep = _ref.runStep, title2 = _ref.title;
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_themes8.Popover.Root, {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_themes7.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, {
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_themes7.Popover.Trigger, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_themes7.Flex, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(ToolCallBase, {
                         children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolCallIcon, {
+                            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToolCallIcon, {
                                 runStep: runStep
                             }),
-                            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolCallTitle, {
+                            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToolCallTitle, {
                                 children: title2
                             })
                         ]
                     })
                 })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_themes8.Popover.Content, {
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_themes7.Popover.Content, {
                 style: {
                     maxHeight: "200px"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Content2, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Content2, {
                     fn: fn
                 })
             })
@@ -38483,10 +38467,10 @@ var title = function(_ref) {
     }
 };
 // src/components/functions/Function/index.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var Function2 = function(_ref) {
     var fn = _ref.fn, runStep = _ref.runStep;
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FunctionBase, {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FunctionBase, {
         fn: fn,
         runStep: runStep,
         title: title({
@@ -38496,25 +38480,25 @@ var Function2 = function(_ref) {
     });
 };
 // src/components/toolCalls/StartingToolCalls/index.tsx
-var import_themes9 = require("@radix-ui/themes");
+var import_themes8 = require("@radix-ui/themes");
 var import_react_icons2 = require("@radix-ui/react-icons");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var StartingToolCalls2 = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_themes9.Popover.Root, {
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_themes8.Popover.Root, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(ToolCallBase, {
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(ToolCallBase, {
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_icons2.CircleIcon, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToolCallTitle, {
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_icons2.CircleIcon, {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolCallTitle, {
                         children: "Starting actions"
                     })
                 ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes9.Popover.Content, {
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes8.Popover.Content, {
                 style: {
                     maxHeight: "500px"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes9.Text, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes8.Text, {
                     children: "Starting some actions"
                 })
             })
@@ -38530,7 +38514,7 @@ var ComponentsContext = /* @__PURE__ */ (0, import_react8.createContext)({
     }
 });
 // src/components/runSteps/RunSteps/index.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var RunSteps = function(t0) {
     var $ = (0, import_react_compiler_runtime8.c)(7);
     var runSteps = t0.runSteps;
@@ -38541,7 +38525,7 @@ var RunSteps = function(t0) {
         var _t;
         if ($[3] !== Component2) {
             _t = function(runStep) {
-                return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Component2, {
+                return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Component2, {
                     runStep: runStep
                 }, runStep.id);
             };
@@ -38559,7 +38543,7 @@ var RunSteps = function(t0) {
     }
     var t2;
     if ($[5] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes10.Flex, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes9.Flex, {
             direction: "column-reverse",
             children: t1
         });
@@ -38570,54 +38554,28 @@ var RunSteps = function(t0) {
     }
     return t2;
 };
-// src/hooks/messages/useIsMutatingMessage/index.ts
-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_runtime9.c)(2);
-    var threadContext = useSuperinterfaceContext();
-    var t0;
-    if ($[0] !== threadContext.variables) {
-        t0 = {
-            mutationKey: [
-                "createMessage",
-                threadContext.variables
-            ]
-        };
-        $[0] = threadContext.variables;
-        $[1] = t0;
-    } else {
-        t0 = $[1];
-    }
-    var mutatingMessagesCount = (0, import_react_query.useIsMutating)(t0);
-    var t1;
-    t1 = mutatingMessagesCount > 0;
-    var isMutatingMessage = t1;
-    return isMutatingMessage;
-};
 // src/contexts/messages/MessageContext/index.ts
-var import_react11 = require("react");
-var MessageContext = /* @__PURE__ */ (0, import_react11.createContext)({
+var import_react10 = require("react");
+var MessageContext = /* @__PURE__ */ (0, import_react10.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_runtime10 = require("react-compiler-runtime");
-var import_themes11 = require("@radix-ui/themes");
+var import_react_compiler_runtime9 = require("react-compiler-runtime");
+var import_themes10 = require("@radix-ui/themes");
 var import_react_icons3 = require("@radix-ui/react-icons");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var Attachments = function(t0) {
     var _message$attachments;
-    var $ = (0, import_react_compiler_runtime10.c)(4);
+    var $ = (0, import_react_compiler_runtime9.c)(4);
     var message = t0.message;
     if (!((_message$attachments = message.attachments) !== null && _message$attachments !== void 0 && _message$attachments.length)) {
         return null;
     }
     var t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_icons3.FileIcon, {});
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_icons3.FileIcon, {});
         $[0] = t1;
     } else {
         t1 = $[0];
@@ -38625,10 +38583,10 @@ var Attachments = function(t0) {
     var t2 = message.attachments.length > 1 ? "s" : "";
     var t3;
     if ($[1] !== message.attachments.length || $[2] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes11.Flex, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes10.Flex, {
             align: "start",
             pb: "1",
-            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_themes11.Badge, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_themes10.Badge, {
                 color: "gray",
                 variant: "surface",
                 children: [
@@ -38652,7 +38610,7 @@ var import_react_compiler_runtime25 = require("react-compiler-runtime");
 // src/components/messages/MessageContent/ContentPart/TextContent.tsx
 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_themes31 = require("@radix-ui/themes");
 var import_mdx = require("@mdx-js/mdx");
 var import_react30 = require("@mdx-js/react");
 var runtime = __toESM(require("react/jsx-runtime"), 1);
@@ -38802,15 +38760,15 @@ var import_react27 = require("react");
 // src/contexts/markdown/MarkdownContext/index.ts
 var import_react26 = require("react");
 // src/contexts/markdown/MarkdownContext/lib/components/index.tsx
-var import_themes31 = require("@radix-ui/themes");
+var import_themes30 = require("@radix-ui/themes");
 // src/contexts/markdown/MarkdownContext/lib/components/Paragraph.tsx
-var import_themes12 = require("@radix-ui/themes");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_themes11 = require("@radix-ui/themes");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var Paragraph = function(_ref) {
     var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes12.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes11.Box, {
         pb: "3",
-        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes12.Text, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes11.Text, {
             size: "3",
             style: {
                 whiteSpace: "pre-line",
@@ -38821,11 +38779,11 @@ var Paragraph = function(_ref) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Link.tsx
-var import_themes13 = require("@radix-ui/themes");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_themes12 = require("@radix-ui/themes");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var Link = function(_ref) {
     var children = _ref.children, href = _ref.href, download = _ref.download, _ref_target = _ref.target, target = _ref_target === void 0 ? "_blank" : _ref_target;
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes13.Link, {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes12.Link, {
         href: href,
         target: target,
         download: download,
@@ -38833,14 +38791,14 @@ var Link = function(_ref) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/UnorderedList.tsx
-var import_themes14 = require("@radix-ui/themes");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_themes13 = require("@radix-ui/themes");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var UnorderedList = function(_ref) {
     var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_themes14.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes13.Box, {
         pb: "3",
         asChild: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("ul", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", {
             style: {
                 listStylePosition: "inside"
             },
@@ -38849,14 +38807,14 @@ var UnorderedList = function(_ref) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/OrderedList.tsx
-var import_themes15 = require("@radix-ui/themes");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_themes14 = require("@radix-ui/themes");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var OrderedList = function(_ref) {
     var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_themes15.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_themes14.Box, {
         pb: "3",
         asChild: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("ol", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("ol", {
             style: {
                 listStylePosition: "inside"
             },
@@ -38865,13 +38823,13 @@ var OrderedList = function(_ref) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/ListItem.tsx
-var import_themes16 = require("@radix-ui/themes");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_themes15 = require("@radix-ui/themes");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var ListItem = function(_ref) {
     var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_themes16.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_themes15.Box, {
         pb: "1",
-        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("li", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("li", {
             style: {
                 wordBreak: "break-word"
             },
@@ -38880,20 +38838,20 @@ var ListItem = function(_ref) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Strong.tsx
-var import_themes17 = require("@radix-ui/themes");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_themes16 = require("@radix-ui/themes");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var Strong = function(_ref) {
     var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_themes17.Strong, {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_themes16.Strong, {
         children: children
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Pre.tsx
-var import_themes18 = require("@radix-ui/themes");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_themes17 = require("@radix-ui/themes");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var Pre = function(_ref) {
     var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes18.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_themes17.Box, {
         style: {
             whiteSpace: "pre-wrap",
             wordBreak: "break-word"
@@ -38903,19 +38861,19 @@ var Pre = function(_ref) {
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Code.tsx
 var import_react_compiler_runtime15 = require("react-compiler-runtime");
-var import_themes21 = require("@radix-ui/themes");
+var import_themes20 = require("@radix-ui/themes");
 // src/components/suggestions/Suggestions/index.tsx
 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");
-var import_react_query3 = require("@tanstack/react-query");
-// src/lib/threads/queryOptions/index.ts
+// src/hooks/messages/useMessages/index.tsx
+var import_react_compiler_runtime10 = require("react-compiler-runtime");
+var import_react11 = require("react");
 var import_react_query2 = require("@tanstack/react-query");
+// src/lib/threads/queryOptions/index.ts
+var import_react_query = require("@tanstack/react-query");
 // src/lib/threads/queryOptions/variableParams.ts
 function ownKeys2(e, r) {
     var t = Object.keys(e);
@@ -39046,7 +39004,7 @@ var queryOptions = function(_ref) {
     var queryKey = _to_consumable_array(queryKeyBase).concat([
         threadContext.variables
     ]);
-    return (0, import_react_query2.infiniteQueryOptions)(_objectSpread3(_objectSpread3(_objectSpread3({
+    return (0, import_react_query.infiniteQueryOptions)(_objectSpread3(_objectSpread3(_objectSpread3({
         // @ts-ignore-next-line
         queryFn: function() {
             var _queryFn = _asyncToGenerator(function(_ref2) {
@@ -39185,8 +39143,8 @@ var messages = function(_ref) {
     }, []);
 };
 var useMessages = function() {
-    var $ = (0, import_react_compiler_runtime11.c)(9);
-    var queryClient = (0, import_react_query3.useQueryClient)();
+    var $ = (0, import_react_compiler_runtime10.c)(9);
+    var queryClient = (0, import_react_query2.useQueryClient)();
     var threadContext = useSuperinterfaceContext();
     var superinterfaceContext = useSuperinterfaceContext();
     var t0;
@@ -39203,7 +39161,7 @@ var useMessages = function() {
     } else {
         t0 = $[3];
     }
-    var props = (0, import_react_query3.useInfiniteQuery)(t0);
+    var props = (0, import_react_query2.useInfiniteQuery)(t0);
     var t1;
     var t2;
     if ($[4] !== props) {
@@ -39274,7 +39232,7 @@ function _toPrimitive5(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var useLatestMessage = function() {
-    var $ = (0, import_react_compiler_runtime12.c)(3);
+    var $ = (0, import_react_compiler_runtime11.c)(3);
     var props = useMessages();
     var t0;
     var t1 = props.messages[0] || null;
@@ -39296,11 +39254,38 @@ var useLatestMessage = function() {
 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/hooks/messages/useIsMutatingMessage/index.ts
+var import_react_compiler_runtime12 = require("react-compiler-runtime");
+var import_react13 = require("react");
+var import_react_query3 = require("@tanstack/react-query");
+var useIsMutatingMessage = function() {
+    var $ = (0, import_react_compiler_runtime12.c)(2);
+    var threadContext = useSuperinterfaceContext();
+    var t0;
+    if ($[0] !== threadContext.variables) {
+        t0 = {
+            mutationKey: [
+                "createMessage",
+                threadContext.variables
+            ]
+        };
+        $[0] = threadContext.variables;
+        $[1] = t0;
+    } else {
+        t0 = $[1];
+    }
+    var mutatingMessagesCount = (0, import_react_query3.useIsMutating)(t0);
+    var t1;
+    t1 = mutatingMessagesCount > 0;
+    var isMutatingMessage = t1;
+    return isMutatingMessage;
+};
+// src/components/suggestions/Suggestions/Content.tsx
+var import_themes19 = require("@radix-ui/themes");
 // src/components/suggestions/Suggestions/Item.tsx
 var import_react_compiler_runtime13 = require("react-compiler-runtime");
 var import_react_icons4 = require("@radix-ui/react-icons");
-var import_themes19 = require("@radix-ui/themes");
+var import_themes18 = require("@radix-ui/themes");
 // src/hooks/messages/useCreateMessage/index.ts
 var import_react14 = require("react");
 var import_react_query4 = require("@tanstack/react-query");
@@ -40749,7 +40734,7 @@ var createMessageDefaultOnError = function(_ref) {
     };
 };
 // src/components/suggestions/Suggestions/Item.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function ownKeys19(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -40839,7 +40824,7 @@ var Item = function(t0) {
     }
     var t4;
     if ($[9] !== className || $[10] !== isDisabled || $[11] !== isPending || $[12] !== style || $[13] !== suggestion || $[14] !== t3) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Content3, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Content3, {
             onClick: t3,
             isDisabled: isDisabled,
             isPending: isPending,
@@ -40861,7 +40846,7 @@ var Item = function(t0) {
 };
 var Content3 = function(_ref) {
     var onClick = _ref.onClick, isDisabled = _ref.isDisabled, isPending = _ref.isPending, children = _ref.children, className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_themes19.Button, {
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_themes18.Button, {
         className: className,
         variant: "soft",
         onClick: onClick,
@@ -40872,14 +40857,14 @@ var Content3 = function(_ref) {
             flexShrink: 1
         }, style !== null && style !== void 0 ? style : {}),
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes19.Text, {
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes18.Text, {
                 size: "1",
                 weight: "regular",
                 children: children
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes19.Spinner, {
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes18.Spinner, {
                 loading: isPending,
-                children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_icons4.ArrowUpIcon, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_icons4.ArrowUpIcon, {
                     style: {
                         flexShrink: 0
                     }
@@ -40890,7 +40875,7 @@ var Content3 = function(_ref) {
 };
 Item.Content = Content3;
 // src/components/suggestions/Suggestions/Content.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var Content4 = function(_ref) {
     var children = _ref.children, className = _ref.className, style = _ref.style;
     var isMutatingMessage = useIsMutatingMessage();
@@ -40904,14 +40889,14 @@ var Content4 = function(_ref) {
         children
     ]);
     if ((0, import_radash10.isEmpty)(suggestions)) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes20.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes19.Flex, {
         gap: "2",
         py: "2",
         wrap: "wrap",
         className: className,
         style: style,
         children: suggestions.map(function(suggestion) {
-            return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Item, {
+            return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Item, {
                 suggestion: suggestion,
                 isDisabled: isMutatingMessage
             }, suggestion);
@@ -40919,7 +40904,7 @@ var Content4 = function(_ref) {
     });
 };
 // src/components/suggestions/Suggestions/index.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var Suggestions = function(t0) {
     var _latestMessageProps$l;
     var $ = (0, import_react_compiler_runtime14.c)(4);
@@ -40936,7 +40921,7 @@ var Suggestions = function(t0) {
     }
     var t2;
     if ($[0] !== children || $[1] !== className || $[2] !== style) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Content4, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Content4, {
             className: className,
             style: style,
             children: children
@@ -40952,14 +40937,14 @@ var Suggestions = function(t0) {
 };
 Suggestions.Item = Item;
 // src/contexts/markdown/MarkdownContext/lib/components/Code.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var Code3 = function(t0) {
     var $ = (0, import_react_compiler_runtime15.c)(5);
     var children = t0.children, className = t0.className;
     if (className === "language-suggestions") {
         var _t;
         if ($[0] !== children) {
-            _t = /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Suggestions, {
+            _t = /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Suggestions, {
                 children: children
             });
             $[0] = children;
@@ -40980,7 +40965,7 @@ var Code3 = function(t0) {
     }
     var t2;
     if ($[3] !== children) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes21.Code, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_themes20.Code, {
             style: t1,
             children: children
         });
@@ -40994,8 +40979,8 @@ var Code3 = function(t0) {
 // src/contexts/markdown/MarkdownContext/lib/components/Img/index.tsx
 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");
+var import_themes21 = require("@radix-ui/themes");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function ownKeys20(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -41040,9 +41025,9 @@ function _toPrimitive20(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Image = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_themes22.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes21.Box, {
         pb: "3",
-        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("img", _objectSpread20(_objectSpread20({}, props), {}, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("img", _objectSpread20(_objectSpread20({}, props), {}, {
             style: {
                 maxWidth: "100%",
                 height: "auto"
@@ -41097,25 +41082,25 @@ var isAudioSrc = function(_ref) {
     return src.endsWith(".mp3") || src.endsWith(".wav");
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Video/index.tsx
-var import_themes28 = require("@radix-ui/themes");
+var import_themes27 = require("@radix-ui/themes");
 var import_base = require("@vidstack/react/player/styles/base.css");
 var import_react24 = require("@vidstack/react");
 // src/components/media/PlayButton.tsx
 var import_react_compiler_runtime16 = require("react-compiler-runtime");
 var import_react19 = require("@vidstack/react");
-var import_themes23 = require("@radix-ui/themes");
+var import_themes22 = require("@radix-ui/themes");
 var import_react_icons5 = require("@radix-ui/react-icons");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var PlayButton = function() {
     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, {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_themes22.IconButton, {
             variant: "ghost",
             asChild: true,
-            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, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react19.PlayButton, {
+                children: isPaused ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_icons5.PlayIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_icons5.PauseIcon, {})
             })
         });
         $[0] = isPaused;
@@ -41128,9 +41113,9 @@ var PlayButton = function() {
 // src/components/media/VolumeButton.tsx
 var import_react_compiler_runtime17 = require("react-compiler-runtime");
 var import_react20 = require("@vidstack/react");
-var import_themes24 = require("@radix-ui/themes");
+var import_themes23 = require("@radix-ui/themes");
 var import_react_icons6 = require("@radix-ui/react-icons");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var VolumeButton = function() {
     var $ = (0, import_react_compiler_runtime17.c)(13);
     var volume = (0, import_react20.useMediaState)("volume");
@@ -41138,12 +41123,12 @@ var VolumeButton = function() {
     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, {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_themes23.HoverCard.Trigger, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_themes23.IconButton, {
                 variant: "ghost",
                 asChild: true,
-                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, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react20.MuteButton, {
+                    children: isMuted || volume === 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_icons6.SpeakerOffIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_icons6.SpeakerModerateIcon, {})
                 })
             })
         });
@@ -41177,11 +41162,11 @@ var VolumeButton = function() {
     }
     var t4;
     if ($[7] !== t2 || $[8] !== t3) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_themes24.HoverCard.Content, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_themes23.HoverCard.Content, {
             size: "1",
             side: "top",
             height: "100px",
-            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_themes24.Slider, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_themes23.Slider, {
                 size: "1",
                 variant: "soft",
                 orientation: "vertical",
@@ -41197,7 +41182,7 @@ var VolumeButton = function() {
     }
     var t5;
     if ($[10] !== t0 || $[11] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_themes24.HoverCard.Root, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_themes23.HoverCard.Root, {
             children: [
                 t0,
                 t4
@@ -41215,8 +41200,8 @@ var VolumeButton = function() {
 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 import_themes24 = require("@radix-ui/themes");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var Time = function() {
     var $ = (0, import_react_compiler_runtime18.c)(17);
     var time = (0, import_react22.useMediaState)("currentTime");
@@ -41286,7 +41271,7 @@ var Time = function() {
     }
     var t8;
     if ($[11] !== t3 || $[12] !== t4 || $[13] !== t5 || $[14] !== t6 || $[15] !== t7) {
-        t8 = /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes25.Slider, {
+        t8 = /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_themes24.Slider, {
             size: "1",
             variant: "soft",
             value: t3,
@@ -41307,13 +41292,13 @@ var Time = function() {
     return t8;
 };
 // src/components/media/MediaContainer.tsx
-var import_themes26 = require("@radix-ui/themes");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_themes25 = require("@radix-ui/themes");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var MediaContainer = function(_ref) {
     var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes26.Card, {
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes25.Card, {
         mb: "3",
-        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes26.Inset, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes25.Inset, {
             clip: "padding-box",
             style: {
                 display: "flex",
@@ -41326,19 +41311,19 @@ var MediaContainer = function(_ref) {
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Video/FullscreenButton.tsx
 var import_react_compiler_runtime19 = require("react-compiler-runtime");
 var import_react23 = require("@vidstack/react");
-var import_themes27 = require("@radix-ui/themes");
+var import_themes26 = require("@radix-ui/themes");
 var import_react_icons7 = require("@radix-ui/react-icons");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var FullscreenButton = function() {
     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, {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes26.IconButton, {
             variant: "ghost",
             asChild: true,
-            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, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FullscreenButton, {
+                children: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_icons7.ExitFullScreenIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_icons7.EnterFullScreenIcon, {})
             })
         });
         $[0] = isFullscreen;
@@ -41349,11 +41334,11 @@ var FullscreenButton = function() {
     return t0;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Video/index.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime36 = 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_react24.MediaPlayer, {
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(MediaContainer, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react24.MediaPlayer, {
             src: {
                 src: src,
                 type: "video/".concat(src.split(".").pop())
@@ -41362,11 +41347,11 @@ var Video = function(_ref) {
             hideControlsOnMouseLeave: true,
             crossOrigin: true,
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react24.MediaProvider, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("style", {
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react24.MediaProvider, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("style", {
                     children: "\n          .superinterface-video-controls {\n            opacity: 0;\n            transition: opacity 0.2s ease-out;\n          }\n\n          .superinterface-video-controls[data-visible] {\n            opacity: 1;\n          }\n        "
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes28.Flex, {
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes27.Flex, {
                     asChild: true,
                     position: "absolute",
                     bottom: "0",
@@ -41378,18 +41363,18 @@ var Video = function(_ref) {
                         zIndex: 10,
                         background: "var(--accent-4)"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react24.Controls.Root, {
-                        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes28.Flex, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react24.Controls.Root, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes27.Flex, {
                             asChild: true,
                             align: "center",
                             gap: "3",
                             flexGrow: "1",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react24.Controls.Group, {
+                            children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react24.Controls.Group, {
                                 children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PlayButton, {}),
-                                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Time, {}),
-                                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(VolumeButton, {}),
-                                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(FullscreenButton, {})
+                                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(PlayButton, {}),
+                                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Time, {}),
+                                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(VolumeButton, {}),
+                                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(FullscreenButton, {})
                                 ]
                             })
                         })
@@ -41400,14 +41385,14 @@ var Video = function(_ref) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Audio/index.tsx
-var import_themes29 = require("@radix-ui/themes");
+var import_themes28 = require("@radix-ui/themes");
 var import_base2 = require("@vidstack/react/player/styles/base.css");
 var import_react25 = require("@vidstack/react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime37 = 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_react25.MediaPlayer, {
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(MediaContainer, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react25.MediaPlayer, {
             src: {
                 src: src,
                 type: "audio/".concat(src.split(".").pop())
@@ -41416,8 +41401,8 @@ var Audio = function(_ref) {
             crossOrigin: true,
             playsInline: true,
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.MediaProvider, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes29.Flex, {
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react25.MediaProvider, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes28.Flex, {
                     asChild: true,
                     p: "3",
                     flexGrow: "1",
@@ -41425,17 +41410,17 @@ var Audio = function(_ref) {
                         zIndex: 10,
                         background: "var(--accent-4)"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.Controls.Root, {
-                        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes29.Flex, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react25.Controls.Root, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes28.Flex, {
                             asChild: true,
                             align: "center",
                             gap: "3",
                             flexGrow: "1",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_react25.Controls.Group, {
+                            children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react25.Controls.Group, {
                                 children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PlayButton, {}),
-                                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Time, {}),
-                                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(VolumeButton, {})
+                                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PlayButton, {}),
+                                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Time, {}),
+                                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(VolumeButton, {})
                                 ]
                             })
                         })
@@ -41446,7 +41431,7 @@ var Audio = function(_ref) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/index.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function ownKeys21(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -41495,7 +41480,7 @@ var Img = function(props) {
     if (!props.src) {
         var t0;
         if ($[0] !== props) {
-            t0 = /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Image, _objectSpread21({}, props));
+            t0 = /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Image, _objectSpread21({}, props));
             $[0] = props;
             $[1] = t0;
         } else {
@@ -41508,7 +41493,7 @@ var Img = function(props) {
         })) {
             var _t;
             if ($[2] !== props.src) {
-                _t = /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Video, {
+                _t = /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Video, {
                     src: props.src
                 });
                 $[2] = props.src;
@@ -41523,7 +41508,7 @@ var Img = function(props) {
             })) {
                 var _t2;
                 if ($[4] !== props.src) {
-                    _t2 = /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Audio, {
+                    _t2 = /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Audio, {
                         src: props.src
                     });
                     $[4] = props.src;
@@ -41535,7 +41520,7 @@ var Img = function(props) {
             } else {
                 var _t3;
                 if ($[6] !== props) {
-                    _t3 = /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Image, _objectSpread21({}, props));
+                    _t3 = /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Image, _objectSpread21({}, props));
                     $[6] = props;
                     $[7] = _t3;
                 } else {
@@ -41551,7 +41536,7 @@ 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_runtime21 = require("react-compiler-runtime");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var FilePathAnnotation = function(t0) {
     var $ = (0, import_react_compiler_runtime21.c)(3);
     var annotation = t0.annotation, children = t0.children;
@@ -41560,7 +41545,7 @@ var FilePathAnnotation = function(t0) {
     var t1 = "".concat(superinterfaceContext.baseUrl, "/files/").concat(annotation.file_path.file_id, "/contents?").concat(nextSearchParams);
     var t2;
     if ($[0] !== children || $[1] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Link, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Link, {
             href: t1,
             target: "_self",
             download: true,
@@ -41575,25 +41560,25 @@ var FilePathAnnotation = function(t0) {
     return t2;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Annotation/AnnotationBase.tsx
-var import_themes30 = require("@radix-ui/themes");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_themes29 = require("@radix-ui/themes");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var AnnotationBase = function(_ref) {
     var icon = _ref.icon, content2 = _ref.content;
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_themes30.Popover.Root, {
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_themes29.Popover.Root, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes30.Popover.Trigger, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes30.IconButton, {
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes29.Popover.Trigger, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes29.IconButton, {
                     variant: "soft",
                     color: "gray",
                     size: "1",
                     children: icon
                 })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes30.Popover.Content, {
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes29.Popover.Content, {
                 size: "1",
-                children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes30.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes29.Flex, {
                     direction: "column",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes30.Text, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes29.Text, {
                         size: "1",
                         color: "gray",
                         children: content2
@@ -41604,7 +41589,7 @@ var AnnotationBase = function(_ref) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var _excluded = [
     "children"
 ];
@@ -41655,8 +41640,8 @@ var Annotation = function(t0) {
     if (annotation.type === "file_citation") {
         var t2;
         if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-            t2 = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AnnotationBase, {
-                icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_icons8.QuoteIcon, {}),
+            t2 = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AnnotationBase, {
+                icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_icons8.QuoteIcon, {}),
                 content: "File cited."
             });
             $[5] = t2;
@@ -41668,7 +41653,7 @@ var Annotation = function(t0) {
         if (annotation.type === "file_path") {
             var _t2;
             if ($[6] !== annotation || $[7] !== children) {
-                _t2 = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(FilePathAnnotation, {
+                _t2 = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(FilePathAnnotation, {
                     annotation: annotation,
                     children: children
                 });
@@ -41684,7 +41669,7 @@ var Annotation = function(t0) {
     return null;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/index.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var _excluded2 = [
     "width"
 ];
@@ -41761,53 +41746,53 @@ var components = {
     img: Img,
     annotation: Annotation,
     h1: function(props) {
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes31.Heading, {
+        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes30.Heading, {
             as: "h1",
             children: props.children
         });
     },
     h2: function(props) {
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes31.Heading, {
+        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes30.Heading, {
             as: "h2",
             size: "5",
             children: props.children
         });
     },
     h3: function(props) {
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes31.Heading, {
+        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes30.Heading, {
             as: "h3",
             size: "4",
             children: props.children
         });
     },
     h4: function(props) {
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes31.Heading, {
+        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes30.Heading, {
             as: "h4",
             size: "3",
             children: props.children
         });
     },
     h5: function(props) {
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes31.Heading, {
+        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes30.Heading, {
             as: "h5",
             size: "3",
             children: props.children
         });
     },
     h6: function(props) {
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes31.Heading, {
+        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes30.Heading, {
             as: "h6",
             size: "3",
             children: props.children
         });
     },
     table: function(props) {
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, {
+        return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, {
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("style", {
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("style", {
                     children: ".rt-TableRootTable { overflow: inherit; }"
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes31.Table.Root, _objectSpread22(_objectSpread22({}, props), {}, {
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes30.Table.Root, _objectSpread22(_objectSpread22({}, props), {}, {
                     variant: "surface",
                     mb: "3"
                 }))
@@ -41815,22 +41800,22 @@ var components = {
         });
     },
     thead: function(props) {
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes31.Table.Header, _objectSpread22({}, props));
+        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes30.Table.Header, _objectSpread22({}, props));
     },
     tbody: function(props) {
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes31.Table.Body, _objectSpread22({}, props));
+        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes30.Table.Body, _objectSpread22({}, props));
     },
     tr: function(props) {
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes31.Table.Row, _objectSpread22({}, props));
+        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes30.Table.Row, _objectSpread22({}, props));
     },
     td: function(_ref) {
         var width2 = _ref.width, rest = _objectWithoutProperties2(_ref, _excluded2);
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes31.Table.Cell, _objectSpread22(_objectSpread22({}, rest), {}, {
+        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes30.Table.Cell, _objectSpread22(_objectSpread22({}, rest), {}, {
             width: width2
         }));
     },
     th: function(props) {
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes31.Table.ColumnHeaderCell, _objectSpread22({}, props));
+        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes30.Table.ColumnHeaderCell, _objectSpread22({}, props));
     }
 };
 // src/contexts/markdown/MarkdownContext/lib/getRemarkPlugins.ts
@@ -42256,7 +42241,7 @@ function hasArrayChanged() {
     });
 }
 // src/components/messages/MessageContent/ContentPart/TextContent.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function ownKeys24(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -42444,7 +42429,7 @@ var TextContent = function(t0) {
     }
     var t5;
     if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes32.Badge, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes31.Badge, {
             color: "red",
             mb: "2",
             children: "Could not render message."
@@ -42455,7 +42440,7 @@ var TextContent = function(t0) {
     }
     var t6;
     if ($[8] !== MDXComponent) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(MDXComponent, {});
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(MDXComponent, {});
         $[8] = MDXComponent;
         $[9] = t6;
     } else {
@@ -42463,9 +42448,9 @@ var TextContent = function(t0) {
     }
     var t7;
     if ($[10] !== components2 || $[11] !== t6) {
-        t7 = /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ErrorBoundary, {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ErrorBoundary, {
             fallback: t5,
-            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react30.MDXProvider, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react30.MDXProvider, {
                 components: components2,
                 children: t6
             })
@@ -42480,7 +42465,7 @@ var TextContent = function(t0) {
 };
 // src/components/messages/MessageContent/ContentPart/ImageFileContent.tsx
 var import_react_compiler_runtime24 = require("react-compiler-runtime");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var ImageFileContent = function(t0) {
     var $ = (0, import_react_compiler_runtime24.c)(2);
     var content2 = t0.content;
@@ -42489,7 +42474,7 @@ var ImageFileContent = function(t0) {
     var t1 = "".concat(superinterfaceContext.baseUrl, "/files/").concat(content2.image_file.file_id, "/contents?").concat(nextSearchParams);
     var t2;
     if ($[0] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Image, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Image, {
             alt: "",
             src: t1
         });
@@ -42501,14 +42486,14 @@ var ImageFileContent = function(t0) {
     return t2;
 };
 // src/components/messages/MessageContent/ContentPart/index.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var ContentPart = function(t0) {
     var $ = (0, import_react_compiler_runtime25.c)(4);
     var content2 = t0.content;
     if (content2.type === "text") {
         var t1;
         if ($[0] !== content2) {
-            t1 = /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TextContent, {
+            t1 = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TextContent, {
                 content: content2
             });
             $[0] = content2;
@@ -42521,7 +42506,7 @@ var ContentPart = function(t0) {
     if (content2.type === "image_file") {
         var _t;
         if ($[2] !== content2) {
-            _t = /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ImageFileContent, {
+            _t = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ImageFileContent, {
                 content: content2
             });
             $[2] = content2;
@@ -42534,21 +42519,21 @@ var ContentPart = function(t0) {
     return null;
 };
 // src/components/messages/MessageContent/index.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var MessageContent = function(_ref) {
     var message = _ref.message;
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, {
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, {
         children: message.content.map(function(content2, index) {
-            return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ContentPart, {
+            return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ContentPart, {
                 content: content2
             }, index);
         })
     });
 };
 // src/components/threads/Thread/Message/index.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var Message = function(t0) {
-    var $ = (0, import_react_compiler_runtime26.c)(51);
+    var $ = (0, import_react_compiler_runtime26.c)(37);
     var message = t0.message, className = t0.className, style = t0.style;
     var t1;
     bb0: {
@@ -42644,155 +42629,96 @@ var Message = function(t0) {
         t1 = _t7;
     }
     var _t1 = _sliced_to_array(t1, 2), olderRunSteps_0 = _t1[0], laterRunSteps_0 = _t1[1];
-    var isMutatingMessage = useIsMutatingMessage();
     var t2;
-    bb1: {
-        if (!isMutatingMessage) {
-            t2 = false;
-            break bb1;
-        }
-        if (message.status === "in_progress") {
-            t2 = true;
-            break bb1;
-        }
-        var _t8;
-        if ($[19] !== message.runSteps) {
-            _t8 = message.runSteps.some(_temp3);
-            $[19] = message.runSteps;
-            $[20] = _t8;
-        } else {
-            _t8 = $[20];
-        }
-        t2 = _t8;
-    }
-    var isInProgress = t2;
-    var t3;
-    if ($[21] !== message) {
-        t3 = {
+    if ($[19] !== message) {
+        t2 = {
             message: message
         };
-        $[21] = message;
-        $[22] = t3;
+        $[19] = message;
+        $[20] = t2;
     } else {
-        t3 = $[22];
+        t2 = $[20];
     }
-    var t4;
-    if ($[23] !== olderRunSteps_0) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(RunSteps, {
+    var t3;
+    if ($[21] !== olderRunSteps_0) {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(RunSteps, {
             runSteps: olderRunSteps_0
         });
-        $[23] = olderRunSteps_0;
-        $[24] = t4;
+        $[21] = olderRunSteps_0;
+        $[22] = t3;
     } else {
-        t4 = $[24];
+        t3 = $[22];
     }
-    var t5;
-    if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
-        t5 = {
+    var t4;
+    if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = {
             wordBreak: "break-word"
         };
-        $[25] = t5;
-    } else {
-        t5 = $[25];
-    }
-    var t6;
-    var t7;
-    if ($[26] !== message) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Attachments, {
-            message: message
-        });
-        t7 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(MessageContent, {
-            message: message
-        });
-        $[26] = message;
-        $[27] = t6;
-        $[28] = t7;
-    } else {
-        t6 = $[27];
-        t7 = $[28];
-    }
-    var t8;
-    if ($[29] !== isInProgress || $[30] !== laterRunSteps_0) {
-        t8 = isInProgress && (0, import_radash12.isEmpty)(laterRunSteps_0) && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(StartingContentSkeleton, {});
-        $[29] = isInProgress;
-        $[30] = laterRunSteps_0;
-        $[31] = t8;
+        $[23] = t4;
     } else {
-        t8 = $[31];
+        t4 = $[23];
     }
-    var t9;
-    if ($[32] !== t6 || $[33] !== t7 || $[34] !== t8) {
-        t9 = /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_themes33.Box, {
-            style: t5,
+    var t5;
+    if ($[24] !== message) {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes32.Box, {
+            style: t4,
             children: [
-                t6,
-                t7,
-                t8
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Attachments, {
+                    message: message
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(MessageContent, {
+                    message: message
+                })
             ]
         });
-        $[32] = t6;
-        $[33] = t7;
-        $[34] = t8;
-        $[35] = t9;
+        $[24] = message;
+        $[25] = t5;
     } else {
-        t9 = $[35];
+        t5 = $[25];
     }
-    var t10;
-    if ($[36] !== laterRunSteps_0) {
-        t10 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(RunSteps, {
+    var t6;
+    if ($[26] !== laterRunSteps_0) {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(RunSteps, {
             runSteps: laterRunSteps_0
         });
-        $[36] = laterRunSteps_0;
-        $[37] = t10;
-    } else {
-        t10 = $[37];
-    }
-    var t11;
-    if ($[38] !== isInProgress || $[39] !== laterRunSteps_0) {
-        t11 = isInProgress && !(0, import_radash12.isEmpty)(laterRunSteps_0) && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes33.Box, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(StartingContentSkeleton, {})
-        });
-        $[38] = isInProgress;
-        $[39] = laterRunSteps_0;
-        $[40] = t11;
+        $[26] = laterRunSteps_0;
+        $[27] = t6;
     } else {
-        t11 = $[40];
+        t6 = $[27];
     }
-    var t12;
-    if ($[41] !== className || $[42] !== style || $[43] !== t10 || $[44] !== t11 || $[45] !== t4 || $[46] !== t9) {
-        t12 = /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_themes33.Box, {
+    var t7;
+    if ($[28] !== className || $[29] !== style || $[30] !== t3 || $[31] !== t5 || $[32] !== t6) {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes32.Box, {
             className: className,
             style: style,
             children: [
-                t4,
-                t9,
-                t10,
-                t11
+                t3,
+                t5,
+                t6
             ]
         });
-        $[41] = className;
-        $[42] = style;
-        $[43] = t10;
-        $[44] = t11;
-        $[45] = t4;
-        $[46] = t9;
-        $[47] = t12;
+        $[28] = className;
+        $[29] = style;
+        $[30] = t3;
+        $[31] = t5;
+        $[32] = t6;
+        $[33] = t7;
     } else {
-        t12 = $[47];
+        t7 = $[33];
     }
-    var t13;
-    if ($[48] !== t12 || $[49] !== t3) {
-        t13 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Provider, {
-            value: t3,
-            children: t12
+    var t8;
+    if ($[34] !== t2 || $[35] !== t7) {
+        t8 = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Provider, {
+            value: t2,
+            children: t7
         });
-        $[48] = t12;
-        $[49] = t3;
-        $[50] = t13;
+        $[34] = t2;
+        $[35] = t7;
+        $[36] = t8;
     } else {
-        t13 = $[50];
+        t8 = $[36];
     }
-    return t13;
+    return t8;
 };
 function _temp(runStep_0) {
     return runStep_0.step_details.type === "message_creation";
@@ -42800,9 +42726,6 @@ function _temp(runStep_0) {
 function _temp2(runStep_1) {
     return runStep_1.step_details.type === "message_creation";
 }
-function _temp3(rs) {
-    return rs.status === "in_progress";
-}
 // src/components/threads/Thread/Messages/Content/index.tsx
 var import_react_compiler_runtime33 = require("react-compiler-runtime");
 var import_react41 = require("react");
@@ -42811,12 +42734,12 @@ 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");
-// src/lib/messages/order.ts
 var import_radash13 = require("radash");
+// src/lib/messages/order.ts
+var import_radash12 = require("radash");
 var order = function(_ref) {
     var messages2 = _ref.messages;
-    return (0, import_radash13.sort)(messages2, function(m) {
+    return (0, import_radash12.sort)(messages2, function(m) {
         return m.created_at;
     }, true);
 };
@@ -42890,7 +42813,7 @@ var messageGroups = function(_ref) {
     return import_lodash6.default.reduce(order({
         messages: messages2
     }), function(groups, message) {
-        var group = (0, import_radash14.last)(groups);
+        var group = (0, import_radash13.last)(groups);
         if (!group) return newGroup({
             groups: groups,
             message: message
@@ -42941,18 +42864,18 @@ var useMessageGroups = function(t0) {
 // src/components/skeletons/MessagesSkeleton/index.tsx
 var import_react_compiler_runtime29 = require("react-compiler-runtime");
 var import_react34 = require("react");
-var import_themes36 = require("@radix-ui/themes");
+var import_themes35 = require("@radix-ui/themes");
 // src/components/messageGroups/MessageGroupBase/index.tsx
 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 import_themes33 = require("@radix-ui/themes");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var MessageGroupBase = /* @__PURE__ */ (0, import_react33.forwardRef)(function MessageGroupBase2(t0, ref) {
     var $ = (0, import_react_compiler_runtime28.c)(5);
     var children = t0.children;
     var t1;
     if ($[0] !== children) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes34.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes33.Flex, {
             flexShrink: "0",
             gap: "3",
             children: children
@@ -42964,7 +42887,7 @@ var MessageGroupBase = /* @__PURE__ */ (0, import_react33.forwardRef)(function M
     }
     var t2;
     if ($[2] !== ref || $[3] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes34.Container, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes33.Container, {
             ref: ref,
             size: "2",
             flexGrow: "0",
@@ -42979,14 +42902,14 @@ var MessageGroupBase = /* @__PURE__ */ (0, import_react33.forwardRef)(function M
     return t2;
 });
 // src/components/messageGroups/MessageGroupBase/Name.tsx
-var import_themes35 = require("@radix-ui/themes");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_themes34 = require("@radix-ui/themes");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var Name = function(_ref) {
     var children = _ref.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes34.Flex, {
         align: "center",
         height: "var(--space-5)",
-        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Text, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes34.Text, {
             size: "2",
             weight: "bold",
             children: children
@@ -42994,15 +42917,15 @@ var Name = function(_ref) {
     });
 };
 // src/components/skeletons/MessagesSkeleton/index.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var MessagesSkeleton = /* @__PURE__ */ (0, import_react34.forwardRef)(function MessagesSkeleton2(_props, ref) {
     var $ = (0, import_react_compiler_runtime29.c)(7);
     var t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Skeleton, {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Skeleton, {
             loading: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Avatar, {
-                fallback: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Flex, {}),
+            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Avatar, {
+                fallback: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Flex, {}),
                 size: "1"
             })
         });
@@ -43012,8 +42935,8 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react34.forwardRef)(function M
     }
     var t1;
     if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Name, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Skeleton, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Name, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Skeleton, {
                 loading: true,
                 style: {
                     width: "128px"
@@ -43026,7 +42949,7 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react34.forwardRef)(function M
     }
     var t2;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Skeleton, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Skeleton, {
             loading: true,
             style: {
                 width: "256px"
@@ -43038,7 +42961,7 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react34.forwardRef)(function M
     }
     var t3;
     if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Skeleton, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Skeleton, {
             loading: true,
             style: {
                 width: "256px",
@@ -43051,13 +42974,13 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react34.forwardRef)(function M
     }
     var t4;
     if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_themes36.Box, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_themes35.Box, {
             pb: "3",
             children: [
                 t1,
                 t2,
                 t3,
-                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Skeleton, {
+                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes35.Skeleton, {
                     loading: true,
                     style: {
                         width: "256px",
@@ -43072,7 +42995,7 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react34.forwardRef)(function M
     }
     var t5;
     if ($[5] !== ref) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(MessageGroupBase, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(MessageGroupBase, {
             ref: ref,
             children: [
                 t0,
@@ -43089,22 +43012,22 @@ var MessagesSkeleton = /* @__PURE__ */ (0, import_react34.forwardRef)(function M
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
 var import_react_compiler_runtime32 = require("react-compiler-runtime");
 var import_react40 = require("react");
-var import_themes42 = require("@radix-ui/themes");
+var import_themes41 = require("@radix-ui/themes");
 // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
 var import_react_compiler_runtime30 = require("react-compiler-runtime");
 var import_react36 = require("react");
-var import_themes38 = require("@radix-ui/themes");
+var import_themes37 = require("@radix-ui/themes");
 // src/contexts/assistants/AssistantAvatarContext/index.tsx
 var import_react35 = require("react");
-var import_themes37 = require("@radix-ui/themes");
+var import_themes36 = 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_react35.createContext)(/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes37.Avatar, {
-    fallback: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_icons9.LightningBoltIcon, {}),
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var AssistantAvatarContext = /* @__PURE__ */ (0, import_react35.createContext)(/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes36.Avatar, {
+    fallback: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_icons9.LightningBoltIcon, {}),
     size: "1"
 }));
 // src/components/messageGroups/MessageGroupBase/AssistantAvatar.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var AssistantAvatar = function() {
     var $ = (0, import_react_compiler_runtime30.c)(3);
     var AssistantAvatarContextValue = (0, import_react36.useContext)(AssistantAvatarContext);
@@ -43120,7 +43043,7 @@ var AssistantAvatar = function() {
     }
     var t1;
     if ($[1] !== AssistantAvatarContextValue) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes37.Flex, {
             flexShrink: "0",
             height: "24px",
             width: "24px",
@@ -43140,18 +43063,18 @@ var AssistantNameContext = /* @__PURE__ */ (0, import_react37.createContext)("As
 // src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
 var import_react_compiler_runtime31 = require("react-compiler-runtime");
 var import_react39 = require("react");
-var import_themes40 = require("@radix-ui/themes");
+var import_themes39 = require("@radix-ui/themes");
 // src/contexts/users/UserAvatarContext/index.tsx
 var import_react38 = require("react");
-var import_themes39 = require("@radix-ui/themes");
+var import_themes38 = 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_react38.createContext)(/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Avatar, {
-    fallback: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_icons10.PersonIcon, {}),
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var UserAvatarContext = /* @__PURE__ */ (0, import_react38.createContext)(/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_themes38.Avatar, {
+    fallback: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_icons10.PersonIcon, {}),
     size: "1"
 }));
 // src/components/messageGroups/MessageGroupBase/UserAvatar.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var UserAvatar = function() {
     var $ = (0, import_react_compiler_runtime31.c)(3);
     var UserAvatarContextValue = (0, import_react39.useContext)(UserAvatarContext);
@@ -43167,7 +43090,7 @@ var UserAvatar = function() {
     }
     var t1;
     if ($[1] !== UserAvatarContextValue) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes40.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_themes39.Flex, {
             flexShrink: "0",
             height: "24px",
             width: "24px",
@@ -43182,28 +43105,28 @@ var UserAvatar = function() {
     return t1;
 };
 // src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
-var import_themes41 = require("@radix-ui/themes");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_themes40 = require("@radix-ui/themes");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var Content5 = function(_ref) {
     var messageGroup = _ref.messageGroup;
-    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes41.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes40.Flex, {
         direction: "column-reverse",
         children: messageGroup.messages.map(function(message) {
-            return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Message, {
+            return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Message, {
                 message: message
             }, message.id);
         })
     });
 };
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var MessageGroup = function(t0) {
     var $ = (0, import_react_compiler_runtime32.c)(12);
     var messageGroup = t0.messageGroup;
     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, {});
+        t1 = messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AssistantAvatar, {});
         $[0] = messageGroup.role;
         $[1] = t1;
     } else {
@@ -43212,7 +43135,7 @@ var MessageGroup = function(t0) {
     var t2 = messageGroup.role === "user" ? "You" : assistantNameContext;
     var t3;
     if ($[2] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Name, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Name, {
             children: t2
         });
         $[2] = t2;
@@ -43222,7 +43145,7 @@ var MessageGroup = function(t0) {
     }
     var t4;
     if ($[4] !== messageGroup) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Content5, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Content5, {
             messageGroup: messageGroup
         });
         $[4] = messageGroup;
@@ -43232,7 +43155,7 @@ var MessageGroup = function(t0) {
     }
     var t5;
     if ($[6] !== t3 || $[7] !== t4) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_themes42.Box, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_themes41.Box, {
             flexGrow: "1",
             children: [
                 t3,
@@ -43247,7 +43170,7 @@ var MessageGroup = function(t0) {
     }
     var t6;
     if ($[9] !== t1 || $[10] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(MessageGroupBase, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(MessageGroupBase, {
             children: [
                 t1,
                 t5
@@ -43262,7 +43185,7 @@ var MessageGroup = function(t0) {
     return t6;
 };
 // src/components/threads/Thread/Messages/Content/index.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var Content6 = function() {
     var $ = (0, import_react_compiler_runtime33.c)(11);
     var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
@@ -43305,7 +43228,7 @@ var Content6 = function() {
     if (isLoading || isLoadingError) {
         var _t;
         if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-            _t = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(MessagesSkeleton, {});
+            _t = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(MessagesSkeleton, {});
             $[6] = _t;
         } else {
             _t = $[6];
@@ -43314,7 +43237,7 @@ var Content6 = function() {
     }
     var t3;
     if ($[7] !== messageGroups2) {
-        t3 = messageGroups2.map(_temp4);
+        t3 = messageGroups2.map(_temp3);
         $[7] = messageGroups2;
         $[8] = t3;
     } else {
@@ -43322,7 +43245,7 @@ var Content6 = function() {
     }
     var t4;
     if ($[9] !== t3) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, {
             children: t3
         });
         $[9] = t3;
@@ -43332,18 +43255,35 @@ var Content6 = function() {
     }
     return t4;
 };
-function _temp4(messageGroup) {
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(MessageGroup, {
+function _temp3(messageGroup) {
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(MessageGroup, {
         messageGroup: messageGroup
     }, messageGroup.id);
 }
 // src/components/threads/Thread/Messages/Progress/index.tsx
 var import_react_compiler_runtime35 = require("react-compiler-runtime");
 var import_react43 = require("react");
+var import_themes44 = require("@radix-ui/themes");
 // src/components/skeletons/StartingSkeleton/index.tsx
 var import_react_compiler_runtime34 = require("react-compiler-runtime");
 var import_react42 = require("react");
 var import_themes43 = require("@radix-ui/themes");
+// src/components/skeletons/StartingContentSkeleton/index.tsx
+var import_themes42 = require("@radix-ui/themes");
+var import_jsx_runtime58 = require("react/jsx-runtime");
+var StartingContentSkeleton = function() {
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes42.Skeleton, {
+        loading: true,
+        mt: "1",
+        height: "var(--space-4)",
+        width: "var(--space-4)",
+        style: {
+            borderRadius: "var(--radius-6)",
+            flexShrink: 0
+        }
+    });
+};
+// src/components/skeletons/StartingSkeleton/index.tsx
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var StartingSkeleton = function(t0) {
     var $ = (0, import_react_compiler_runtime34.c)(7);
@@ -43398,7 +43338,7 @@ var StartingSkeleton = function(t0) {
 // src/components/threads/Thread/Messages/Progress/index.tsx
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var Progress = function() {
-    var $ = (0, import_react_compiler_runtime35.c)(1);
+    var $ = (0, import_react_compiler_runtime35.c)(3);
     var latestMessage = useLatestMessage().latestMessage;
     var isMutatingMessage = useIsMutatingMessage();
     var t0;
@@ -43427,22 +43367,50 @@ var Progress = function() {
         }
         t0 = true;
     }
-    var isVisible = t0;
-    if (!isVisible) {
-        return null;
+    var isStartingSkeletonVisible = t0;
+    if (isStartingSkeletonVisible) {
+        var t1;
+        if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+            t1 = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(StartingSkeleton, {});
+            $[0] = t1;
+        } else {
+            t1 = $[0];
+        }
+        return t1;
     }
-    var t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(StartingSkeleton, {});
-        $[0] = t1;
-    } else {
-        t1 = $[0];
+    if (isMutatingMessage) {
+        var _t;
+        if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+            _t = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes44.Flex, {
+                flexShrink: "0",
+                height: "24px",
+                width: "24px"
+            });
+            $[1] = _t;
+        } else {
+            _t = $[1];
+        }
+        var t2;
+        if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+            t2 = /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(MessageGroupBase, {
+                children: [
+                    _t,
+                    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes44.Box, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(StartingContentSkeleton, {})
+                    })
+                ]
+            });
+            $[2] = t2;
+        } else {
+            t2 = $[2];
+        }
+        return t2;
     }
-    return t1;
+    return null;
 };
 // src/components/threads/Thread/Messages/Root/index.tsx
 var import_react_compiler_runtime36 = require("react-compiler-runtime");
-var import_themes44 = require("@radix-ui/themes");
+var import_themes45 = require("@radix-ui/themes");
 // src/hooks/misc/useInfiniteScroll/index.tsx
 var import_react45 = require("react");
 var import_react_intersection_observer = require("react-intersection-observer");
@@ -43577,7 +43545,7 @@ var Root2 = function(t0) {
     }
     var t4;
     if ($[8] !== hasNextPage || $[9] !== loaderRef) {
-        t4 = hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes44.Flex, {
+        t4 = hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes45.Flex, {
             ref: loaderRef
         });
         $[8] = hasNextPage;
@@ -43588,7 +43556,7 @@ var Root2 = function(t0) {
     }
     var t5;
     if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes44.Flex, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes45.Flex, {
             flexShrink: "0",
             flexGrow: "1"
         });
@@ -43598,7 +43566,7 @@ var Root2 = function(t0) {
     }
     var t6;
     if ($[12] !== children || $[13] !== className || $[14] !== containerRef || $[15] !== t3 || $[16] !== t4) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes44.Flex, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes45.Flex, {
             ref: containerRef,
             direction: "column-reverse",
             flexGrow: "1",
@@ -43647,7 +43615,7 @@ var Messages = function(_ref) {
         style: style,
         className: className,
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes45.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes46.Flex, {
                 flexShrink: "0",
                 height: "var(--space-3)"
             }),
@@ -43655,7 +43623,7 @@ var Messages = function(_ref) {
             children,
             /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Content6, {}),
             /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(NextPageSkeleton, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes45.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes46.Flex, {
                 flexShrink: "0",
                 flexGrow: "1",
                 minHeight: "var(--space-5)"
@@ -43669,7 +43637,7 @@ Messages.NextPageSkeleton = NextPageSkeleton;
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
 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");
+var import_themes47 = require("@radix-ui/themes");
 // src/hooks/messages/useMessageFormContext/index.ts
 var import_react47 = require("react");
 // src/contexts/messages/MessageFormContext/index.ts
@@ -43733,7 +43701,7 @@ function _toPrimitive27(t, r) {
 }
 var Root3 = function(_ref) {
     var children = _ref.children, style = _ref.style, className = _ref.className;
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes47.Flex, {
         flexShrink: "0",
         align: "end",
         style: style,
@@ -43766,7 +43734,7 @@ var Button3 = function(props) {
         }
         var _t3;
         if ($[3] !== props || $[4] !== _t) {
-            _t3 = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.IconButton, _objectSpread27(_objectSpread27({
+            _t3 = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes47.IconButton, _objectSpread27(_objectSpread27({
                 type: "button",
                 onClick: _t
             }, props), {}, {
@@ -43790,7 +43758,7 @@ var Button3 = function(props) {
     }
     var t2;
     if ($[7] !== props || $[8] !== t0) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.IconButton, _objectSpread27(_objectSpread27({
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes47.IconButton, _objectSpread27(_objectSpread27({
             type: "submit",
             disabled: t0
         }, props), {}, {
@@ -43815,7 +43783,7 @@ Submit.Button = Button3;
 var import_react_query6 = require("@tanstack/react-query");
 var import_react48 = require("react");
 var import_react_hook_form = require("react-hook-form");
-var import_themes47 = require("@radix-ui/themes");
+var import_themes48 = require("@radix-ui/themes");
 // src/components/threads/Thread/MessageForm/Root/lib/formOptions.ts
 var import_zod = require("zod");
 var import_zod2 = require("@hookform/resolvers/zod");
@@ -43826,7 +43794,7 @@ var formOptions = {
     resolver: (0, import_zod2.zodResolver)(schema)
 };
 // src/components/threads/Thread/MessageForm/Root/index.tsx
-var import_radash15 = require("radash");
+var import_radash14 = require("radash");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 function ownKeys28(e, r) {
     var t = Object.keys(e);
@@ -43935,7 +43903,7 @@ var Root4 = function(_ref) {
         latestMessage,
         isDisabledArg
     ]);
-    var onSubmit = onSubmitArg ? (0, import_radash15.partob)(onSubmitArg, {
+    var onSubmit = onSubmitArg ? (0, import_radash14.partob)(onSubmitArg, {
         reset: reset,
         createMessage: createMessage
     }) : /* @__PURE__ */ function() {
@@ -43997,7 +43965,7 @@ var Root4 = function(_ref) {
             content: content2
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react_hook_form.FormProvider, _objectSpread28(_objectSpread28({}, formProps), {}, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes47.Box, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes48.Box, {
                 asChild: true,
                 flexShrink: "0",
                 style: style,
@@ -44012,9 +43980,9 @@ var Root4 = function(_ref) {
 };
 // src/components/threads/Thread/MessageForm/Field/index.tsx
 var import_react_hook_form3 = require("react-hook-form");
-var import_themes51 = require("@radix-ui/themes");
+var import_themes52 = require("@radix-ui/themes");
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-var import_themes48 = require("@radix-ui/themes");
+var import_themes49 = require("@radix-ui/themes");
 var import_react_hook_form2 = require("react-hook-form");
 // src/hooks/misc/usePrevious.ts
 var import_react49 = require("react");
@@ -44220,7 +44188,7 @@ function _toPrimitive30(t, r) {
 }
 var Root5 = function(_ref) {
     var children = _ref.children, style = _ref.style, className = _ref.className;
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes48.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_themes49.Flex, {
         flexGrow: "1",
         pt: "4px",
         style: style,
@@ -44281,7 +44249,7 @@ Control.Root = Root5;
 Control.Input = Input;
 // src/components/threads/Thread/MessageForm/Field/Files/Preview.tsx
 var import_react_compiler_runtime40 = require("react-compiler-runtime");
-var import_themes49 = require("@radix-ui/themes");
+var import_themes50 = require("@radix-ui/themes");
 var import_react_icons12 = require("@radix-ui/react-icons");
 var import_jsx_runtime68 = require("react/jsx-runtime");
 function ownKeys31(e, r) {
@@ -44338,30 +44306,30 @@ var Preview = function(props) {
         var _t;
         if ($[3] !== setFiles) {
             _t = function(file) {
-                return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Card, {
+                return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes50.Card, {
                     variant: "ghost",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes49.Flex, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes50.Flex, {
                         align: "center",
                         justify: "between",
                         gap: "1",
                         children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes49.Flex, {
+                            /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes50.Flex, {
                                 align: "center",
                                 gap: "1",
                                 flexShrink: "1",
                                 minWidth: "0",
                                 maxWidth: "250px",
                                 children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Flex, {
+                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes50.Flex, {
                                         flexShrink: "0",
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Spinner, {
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes50.Spinner, {
                                             loading: isOptimistic({
                                                 id: file.id
                                             }),
                                             children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_icons12.FileIcon, {})
                                         })
                                     }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Text, {
+                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes50.Text, {
                                         size: "2",
                                         truncate: true,
                                         wrap: "nowrap",
@@ -44369,9 +44337,9 @@ var Preview = function(props) {
                                     })
                                 ]
                             }),
-                            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Flex, {
+                            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes50.Flex, {
                                 flexShrink: "0",
-                                children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.IconButton, {
+                                children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes50.IconButton, {
                                     onClick: function() {
                                         return setFiles(function(prev) {
                                             return prev.filter(function(prevFile) {
@@ -44403,7 +44371,7 @@ var Preview = function(props) {
     }
     var t1;
     if ($[5] !== props || $[6] !== t0) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Flex, _objectSpread31(_objectSpread31({
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes50.Flex, _objectSpread31(_objectSpread31({
             flexBasis: "100%",
             direction: "column",
             pb: "2",
@@ -44421,10 +44389,10 @@ var Preview = function(props) {
 };
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
 var import_react52 = require("react");
-var import_radash16 = require("radash");
+var import_radash15 = 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");
+var import_themes51 = require("@radix-ui/themes");
 // src/hooks/files/useCreateFile/index.ts
 var import_react_compiler_runtime41 = require("react-compiler-runtime");
 var import_react_query7 = require("@tanstack/react-query");
@@ -44666,7 +44634,7 @@ var useCreateFile = function(t0) {
     var t1;
     if ($[0] !== t0) {
         t1 = t0 === void 0 ? {
-            onError: _temp5
+            onError: _temp4
         } : t0;
         $[0] = t0;
         $[1] = t1;
@@ -44735,7 +44703,7 @@ var useCreateFile = function(t0) {
     }
     return t6;
 };
-function _temp5() {}
+function _temp4() {}
 function _temp22() {}
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
 var import_jsx_runtime69 = require("react/jsx-runtime");
@@ -44875,7 +44843,7 @@ var Control2 = function(props) {
                         });
                         setFiles(function(prev) {
                             return _to_consumable_array(prev).concat(_to_consumable_array(newFiles.map(function(file) {
-                                return (0, import_radash16.omit)(file, [
+                                return (0, import_radash15.omit)(file, [
                                     "fileObject"
                                 ]);
                             })));
@@ -45019,12 +44987,12 @@ var Control2 = function(props) {
         createFile,
         setFiles
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes50.Flex, _objectSpread35(_objectSpread35({
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_themes51.Flex, _objectSpread35(_objectSpread35({
         pt: "2",
         pr: "2",
         flexGrow: "0"
     }, props), {}, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_themes50.IconButton, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_themes51.IconButton, {
             type: "button",
             variant: "ghost",
             color: "gray",
@@ -45108,18 +45076,18 @@ var Root6 = function(_ref) {
     "use no memo";
     var children = _ref.children, className = _ref.className, style = _ref.style;
     var _$_ref = (0, import_react_hook_form3.useFormContext)(), errors = _$_ref.formState.errors;
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes51.Container, {
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes52.Container, {
         size: "2",
         flexGrow: "0",
         className: className,
         style: style,
-        children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes51.Flex, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes52.Flex, {
             direction: "column",
             flexShrink: "0",
-            children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes51.Flex, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes52.Flex, {
                 direction: "column",
                 flexShrink: "0",
-                children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes51.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes52.Flex, {
                     style: _objectSpread36({
                         borderRadius: "var(--radius-2)",
                         borderWidth: "1px",
@@ -45201,7 +45169,7 @@ MessageForm.Root = Root4;
 MessageForm.Field = Field;
 MessageForm.Submit = Submit;
 // src/components/threads/Thread/Root/index.tsx
-var import_themes53 = require("@radix-ui/themes");
+var import_themes54 = require("@radix-ui/themes");
 // src/components/threads/Thread/Provider/index.tsx
 var Provider2 = SuperinterfaceProvider;
 // src/components/toasts/ToastsProvider/index.tsx
@@ -45210,17 +45178,17 @@ 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);
-var import_themes52 = require("@radix-ui/themes");
+var import_themes53 = require("@radix-ui/themes");
 var import_react_icons14 = require("@radix-ui/react-icons");
 var import_jsx_runtime72 = require("react/jsx-runtime");
 var CustomToast = function(_ref) {
     var toast = _ref.toast;
     return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Toast.Root, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes52.Card, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes53.Card, {
             children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Toast.Title, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_themes52.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_themes53.Flex, {
                     children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes52.Flex, {
+                        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes53.Flex, {
                             pr: "2",
                             height: "14px",
                             align: "center",
@@ -45230,7 +45198,7 @@ var CustomToast = function(_ref) {
                                 color: "var(--red-9)"
                             })
                         }),
-                        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes52.Text, {
+                        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes53.Text, {
                             weight: "medium",
                             size: "1",
                             children: toast.message
@@ -45282,7 +45250,7 @@ var ToastsProvider = function(t0) {
     }
     var t5;
     if ($[4] !== toasts) {
-        t5 = Array.from(toasts).map(_temp6);
+        t5 = Array.from(toasts).map(_temp5);
         $[4] = toasts;
         $[5] = t5;
     } else {
@@ -45342,7 +45310,7 @@ var ToastsProvider = function(t0) {
     }
     return t8;
 };
-function _temp6(toast_0, index) {
+function _temp5(toast_0, index) {
     return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(CustomToast, {
         toast: toast_0
     }, index);
@@ -45420,7 +45388,7 @@ var Root8 = function(_ref) {
     return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ToastsProvider, {
         bottom: "var(--space-9)",
         children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Provider2, _objectSpread38(_objectSpread38({}, rest), {}, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes53.Flex, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes54.Flex, {
                 direction: "column",
                 flexGrow: "1",
                 className: className,
@@ -45730,9 +45698,9 @@ var Root9 = function(_ref) {
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
 var import_react_compiler_runtime45 = require("react-compiler-runtime");
-var import_themes55 = require("@radix-ui/themes");
+var import_themes56 = require("@radix-ui/themes");
 // src/components/threads/ThreadDialog/Trigger/Button.tsx
-var import_themes54 = require("@radix-ui/themes");
+var import_themes55 = require("@radix-ui/themes");
 var import_react_icons15 = require("@radix-ui/react-icons");
 var import_jsx_runtime78 = require("react/jsx-runtime");
 function ownKeys41(e, r) {
@@ -45779,7 +45747,7 @@ function _toPrimitive41(t, r) {
     return ("string" === r ? String : Number)(t);
 }
 var Button4 = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_themes54.IconButton, _objectSpread41(_objectSpread41({
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_themes55.IconButton, _objectSpread41(_objectSpread41({
         size: "4",
         radius: "full"
     }, props), {}, {
@@ -45850,7 +45818,7 @@ var Root10 = function(t0) {
     var t3;
     if ($[2] !== setIsOpen) {
         t3 = function() {
-            return setIsOpen(_temp7);
+            return setIsOpen(_temp6);
         };
         $[2] = setIsOpen;
         $[3] = t3;
@@ -45877,7 +45845,7 @@ var Root10 = function(t0) {
     }
     var t6;
     if ($[8] !== children || $[9] !== className || $[10] !== t2 || $[11] !== t3 || $[12] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_themes55.Flex, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_themes56.Flex, {
             display: t2,
             onClick: t3,
             direction: "column",
@@ -45909,16 +45877,16 @@ var Trigger = function(args) {
 };
 Trigger.Root = Root10;
 Trigger.Button = Button4;
-function _temp7(prev) {
+function _temp6(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
 var import_react_compiler_runtime47 = require("react-compiler-runtime");
-var import_themes57 = require("@radix-ui/themes");
+var import_themes58 = require("@radix-ui/themes");
 // src/components/threads/ThreadDialog/Close/index.tsx
 var import_react_compiler_runtime46 = require("react-compiler-runtime");
 var import_react_icons16 = require("@radix-ui/react-icons");
-var import_themes56 = require("@radix-ui/themes");
+var import_themes57 = require("@radix-ui/themes");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 var Close = function() {
     var $ = (0, import_react_compiler_runtime46.c)(9);
@@ -45938,7 +45906,7 @@ var Close = function() {
     var t2;
     if ($[2] !== setIsOpen) {
         t2 = function() {
-            return setIsOpen(_temp8);
+            return setIsOpen(_temp7);
         };
         $[2] = setIsOpen;
         $[3] = t2;
@@ -45956,7 +45924,7 @@ var Close = function() {
     }
     var t4;
     if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes56.IconButton, {
+        t4 = /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes57.IconButton, {
             size: "2",
             variant: "soft",
             children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react_icons16.Cross1Icon, {})
@@ -45967,7 +45935,7 @@ var Close = function() {
     }
     var t5;
     if ($[6] !== t1 || $[7] !== t2) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes56.Flex, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes57.Flex, {
             display: t1,
             onClick: t2,
             direction: "column",
@@ -45988,7 +45956,7 @@ var Close = function() {
     }
     return t5;
 };
-function _temp8(prev) {
+function _temp7(prev) {
     return !prev;
 }
 // src/components/threads/ThreadDialog/Content/index.tsx
@@ -46124,7 +46092,7 @@ var Root11 = function(t0) {
     }
     var t10;
     if ($[10] !== children) {
-        t10 = /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_themes57.Inset, {
+        t10 = /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_themes58.Inset, {
             clip: "padding-box",
             side: "all",
             pb: "current",
@@ -46145,7 +46113,7 @@ var Root11 = function(t0) {
     }
     var t12;
     if ($[13] !== t10) {
-        t12 = /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_themes57.Card, {
+        t12 = /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_themes58.Card, {
             mb: t7,
             style: t8,
             children: [
@@ -46160,7 +46128,7 @@ var Root11 = function(t0) {
     }
     var t13;
     if ($[15] !== className || $[16] !== t12 || $[17] !== t6) {
-        t13 = /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_themes57.Flex, {
+        t13 = /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_themes58.Flex, {
             className: className,
             direction: "column",
             justify: "end",
@@ -46196,7 +46164,7 @@ var Messages2 = function(_ref) {
 };
 var FormContainer = function(_ref2) {
     var children = _ref2.children, className = _ref2.className, style = _ref2.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_themes57.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_themes58.Flex, {
         direction: "column",
         pl: "5",
         pr: "5",
@@ -46237,7 +46205,7 @@ ThreadDialog.Trigger = Trigger;
 ThreadDialog.Content = Content7;
 // src/components/threads/AudioThread/Root/index.tsx
 var import_react_compiler_runtime53 = require("react-compiler-runtime");
-var import_themes58 = require("@radix-ui/themes");
+var import_themes59 = require("@radix-ui/themes");
 // src/contexts/threads/AudioThreadContext/index.ts
 var import_react59 = require("react");
 var AudioThreadContext = /* @__PURE__ */ (0, import_react59.createContext)({
@@ -46331,7 +46299,7 @@ var import_react_compiler_runtime49 = require("react-compiler-runtime");
 var import_react62 = require("react");
 var useInterval = function(callback, delay) {
     var $ = (0, import_react_compiler_runtime49.c)(5);
-    var savedCallback = (0, import_react62.useRef)(_temp9);
+    var savedCallback = (0, import_react62.useRef)(_temp8);
     var t0;
     if ($[0] !== callback) {
         t0 = function() {
@@ -46368,7 +46336,7 @@ var useInterval = function(callback, delay) {
     }
     (0, import_react62.useEffect)(t1, t2);
 };
-function _temp9() {}
+function _temp8() {}
 // src/hooks/audioThreads/useRecorder/index.ts
 function ownKeys44(e, r) {
     var t = Object.keys(e);
@@ -46589,7 +46557,7 @@ var import_compromise = __toESM(require("compromise"), 1);
 var import_howler = require("howler");
 var import_react_use_audio_player2 = require("react-use-audio-player");
 // src/hooks/audioThreads/useMessageAudio/lib/input.ts
-var import_radash17 = require("radash");
+var import_radash16 = require("radash");
 var input = function(_ref) {
     var message = _ref.message;
     var textContents = message.content.filter(function(c) {
@@ -46598,7 +46566,7 @@ var input = function(_ref) {
     var result = textContents.map(function(c) {
         return c.text.value;
     }).join(" ");
-    if ((0, import_radash17.isEmpty)(result)) return null;
+    if ((0, import_radash16.isEmpty)(result)) return null;
     return result;
 };
 // src/hooks/audioThreads/useMessageAudio/lib/isHtmlAudioSupported.ts
@@ -46917,7 +46885,7 @@ var useMessageAudio = function(t0) {
     } else {
         t8 = $[37];
     }
-    (0, import_react64.useEffect)(_temp10, t8);
+    (0, import_react64.useEffect)(_temp9, 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;
@@ -47001,7 +46969,7 @@ var useMessageAudio = function(t0) {
     }
     return t13;
 };
-function _temp10() {
+function _temp9() {
     if (isHtmlAudioSupported) {
         var _Howler$_howls$;
         if (!(import_howler.Howler !== null && import_howler.Howler !== void 0 && (_Howler$_howls$ = import_howler.Howler._howls[0]) !== null && _Howler$_howls$ !== void 0 && (_Howler$_howls$ = _Howler$_howls$._sounds[0]) !== null && _Howler$_howls$ !== void 0 && _Howler$_howls$._node)) {
@@ -47076,7 +47044,7 @@ var useTtsAudioRuntime = function(t0) {
     if ($[1] !== createMessageProps) {
         t2 = {
             isStopOnSilence: true,
-            onStart: _temp11,
+            onStart: _temp10,
             onStop: function() {
                 var _onStop = _asyncToGenerator11(function(_event, chunks) {
                     var blob, audioContent;
@@ -47213,7 +47181,7 @@ var useTtsAudioRuntime = function(t0) {
     t5 = t8;
     return t5;
 };
-function _temp11() {
+function _temp10() {
     return _temp23.apply(this, arguments);
 }
 function _temp23() {
@@ -47340,7 +47308,7 @@ function _objectWithoutPropertiesLoose5(r, e) {
 }
 var Content8 = function(_ref) {
     var children = _ref.children, className = _ref.className, style = _ref.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes58.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes59.Flex, {
         direction: "column",
         flexGrow: "1",
         p: "9",
@@ -47428,12 +47396,12 @@ var Root12 = function(_ref2) {
 // src/components/threads/AudioThread/Visualization/index.tsx
 var import_react68 = require("react");
 var import_lodash9 = __toESM(require("lodash"), 1);
-var import_themes60 = require("@radix-ui/themes");
+var import_themes61 = 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_themes60 = require("@radix-ui/themes");
 var import_react66 = require("react");
-var import_radash18 = require("radash");
+var import_radash17 = require("radash");
 var import_jsx_runtime85 = require("react/jsx-runtime");
 var barCount = 4;
 var BarsVisualizer = function(_ref) {
@@ -47447,7 +47415,7 @@ var BarsVisualizer = function(_ref) {
         }
         var frequencyData = new Uint8Array(visualizationAnalyser_0.frequencyBinCount / 15);
         visualizationAnalyser_0.getByteFrequencyData(frequencyData);
-        var clusteredFrequencyData = (0, import_radash18.cluster)(frequencyData, frequencyData.length / barCount);
+        var clusteredFrequencyData = (0, import_radash17.cluster)(frequencyData, frequencyData.length / barCount);
         setBarHeights(clusteredFrequencyData.map(function(frequencyDataCluster) {
             return import_lodash8.default.mean(frequencyDataCluster) / 255 * 100;
         }));
@@ -47465,7 +47433,7 @@ var BarsVisualizer = function(_ref) {
         draw,
         visualizationAnalyser
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.Grid, {
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes60.Grid, {
         columns: "".concat(barCount),
         gap: "1",
         width: "auto",
@@ -47474,12 +47442,12 @@ var BarsVisualizer = function(_ref) {
             gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
         },
         children: barHeights.map(function(barHeight, index) {
-            return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.Flex, {
+            return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes60.Flex, {
                 direction: "column",
                 align: "center",
                 justify: "center",
                 height: height,
-                children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes60.Flex, {
                     minHeight: "50%",
                     maxHeight: "100%",
                     height: "".concat(barHeight + 20, "%"),
@@ -47617,7 +47585,7 @@ var Visualization = function(props) {
         draw,
         audioThreadContext
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes60.Flex, _objectSpread47(_objectSpread47({
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes61.Flex, _objectSpread47(_objectSpread47({
         direction: "column",
         align: "center",
         justify: "center",
@@ -47625,7 +47593,7 @@ var Visualization = function(props) {
         flexGrow: "1"
     }, props), {}, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_themes60.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_themes61.Flex, {
                 align: "center",
                 justify: "center",
                 height: "200px",
@@ -47642,7 +47610,7 @@ var Visualization = function(props) {
                     barWidth: "24px"
                 })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes60.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes61.Flex, {
                 ml: "-22.5px",
                 gap: "3",
                 pt: "5",
@@ -47659,7 +47627,7 @@ var Visualization = function(props) {
 // src/components/threads/AudioThread/Status/index.tsx
 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_themes62 = require("@radix-ui/themes");
 var import_jsx_runtime87 = require("react/jsx-runtime");
 var html = function(_ref) {
     var texts = _ref.texts;
@@ -47669,13 +47637,13 @@ var html = function(_ref) {
 };
 var StatusMessages = function(_ref2) {
     var texts = _ref2.texts, className = _ref2.className, style = _ref2.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_themes61.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_themes62.Flex, {
         justify: "center",
         pb: "5",
         className: className,
         style: style,
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_themes61.Text, {
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_themes62.Text, {
                 size: "2",
                 weight: "regular",
                 color: "gray",
@@ -47835,7 +47803,7 @@ var Status = function(props) {
 };
 // src/components/threads/AudioThread/Form/index.tsx
 var import_react_compiler_runtime57 = require("react-compiler-runtime");
-var import_themes63 = require("@radix-ui/themes");
+var import_themes64 = require("@radix-ui/themes");
 // src/components/threads/AudioThread/Form/MicIcon.tsx
 var import_jsx_runtime89 = require("react/jsx-runtime");
 function ownKeys49(e, r) {
@@ -47899,7 +47867,7 @@ var MicIcon = function(props) {
 };
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
 var import_react_compiler_runtime56 = require("react-compiler-runtime");
-var import_themes62 = require("@radix-ui/themes");
+var import_themes63 = require("@radix-ui/themes");
 var import_react_icons17 = require("@radix-ui/react-icons");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 var ActionButton = function() {
@@ -47917,10 +47885,10 @@ var ActionButton = function() {
         }
         var t1;
         if ($[1] !== audioThreadContext.audioRuntime.user.pause) {
-            t1 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes62.Flex, {
+            t1 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes63.Flex, {
                 mr: "3",
                 ml: "-7",
-                children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes62.IconButton, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes63.IconButton, {
                     onClick: audioThreadContext.audioRuntime.user.pause,
                     color: "gray",
                     variant: "soft",
@@ -47942,7 +47910,7 @@ var ActionButton = function() {
         }
         var t3;
         if ($[4] !== audioThreadContext.audioRuntime.user.stop) {
-            t3 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes62.IconButton, {
+            t3 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes63.IconButton, {
                 onClick: audioThreadContext.audioRuntime.user.stop,
                 highContrast: true,
                 variant: "soft",
@@ -47956,7 +47924,7 @@ var ActionButton = function() {
         }
         var t4;
         if ($[6] !== t1 || $[7] !== t3) {
-            t4 = /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_themes62.Flex, {
+            t4 = /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_themes63.Flex, {
                 align: "center",
                 children: [
                     t1,
@@ -47981,7 +47949,7 @@ var ActionButton = function() {
         }
         var _t3;
         if ($[10] !== audioThreadContext.audioRuntime.user.resume) {
-            _t3 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes62.IconButton, {
+            _t3 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes63.IconButton, {
                 onClick: audioThreadContext.audioRuntime.user.resume,
                 color: "red",
                 size: "4",
@@ -47997,7 +47965,7 @@ var ActionButton = function() {
     if (status === "idle") {
         var _t4;
         if ($[12] !== audioThreadContext.audioRuntime.user) {
-            _t4 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes62.IconButton, {
+            _t4 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes63.IconButton, {
                 onClick: function() {
                     return audioThreadContext.audioRuntime.user.start();
                 },
@@ -48036,7 +48004,7 @@ var ActionButton = function() {
         }
         var _t7;
         if ($[19] !== _t5) {
-            _t7 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes62.IconButton, {
+            _t7 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes63.IconButton, {
                 onClick: _t5,
                 size: "4",
                 color: "gray",
@@ -48070,7 +48038,7 @@ var ActionButton = function() {
         }
         var _t10;
         if ($[24] !== _t8) {
-            _t10 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes62.IconButton, {
+            _t10 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes63.IconButton, {
                 onClick: _t8,
                 size: "4",
                 children: _t9
@@ -48084,7 +48052,7 @@ var ActionButton = function() {
     }
     var t0;
     if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes62.IconButton, {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes63.IconButton, {
             size: "4",
             variant: "soft",
             disabled: true
@@ -48147,7 +48115,7 @@ var Form = function(props) {
     var t0 = status === "recording" ? "var(--accent-11)" : "var(--gray-11)";
     var t1;
     if ($[0] !== t0) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_themes63.Flex, {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_themes64.Flex, {
             ml: "-22.5px",
             mr: "2",
             align: "center",
@@ -48191,7 +48159,7 @@ var Form = function(props) {
     }
     var t6;
     if ($[7] !== t3 || $[8] !== t5) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_themes63.Flex, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_themes64.Flex, {
             px: "2",
             py: "1",
             style: t3,
@@ -48205,7 +48173,7 @@ var Form = function(props) {
     }
     var t7;
     if ($[10] !== t1 || $[11] !== t6) {
-        t7 = /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_themes63.Flex, {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_themes64.Flex, {
             pb: "3",
             align: "center",
             children: [
@@ -48228,7 +48196,7 @@ var Form = function(props) {
     }
     var t9;
     if ($[14] !== props || $[15] !== t7) {
-        t9 = /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_themes63.Flex, _objectSpread50(_objectSpread50({
+        t9 = /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_themes64.Flex, _objectSpread50(_objectSpread50({
             direction: "column",
             align: "center"
         }, props), {}, {
@@ -48955,10 +48923,10 @@ var import_react_compiler_runtime62 = require("react-compiler-runtime");
 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");
+var import_themes66 = require("@radix-ui/themes");
 // src/components/annotations/SourceAnnotation/FileCitation/Content.tsx
 var import_react_compiler_runtime60 = require("react-compiler-runtime");
-var import_themes64 = require("@radix-ui/themes");
+var import_themes65 = require("@radix-ui/themes");
 var import_jsx_runtime96 = require("react/jsx-runtime");
 var Content9 = function(t0) {
     var $ = (0, import_react_compiler_runtime60.c)(5);
@@ -48998,16 +48966,16 @@ var Content9 = function(t0) {
     }
     var t5;
     if ($[3] !== t3) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes64.Flex, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes65.Flex, {
             direction: "column",
             flexGrow: "1",
             gap: "3",
-            children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes64.Card, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes65.Card, {
                 style: t1,
-                children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes64.Inset, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes65.Inset, {
                     clip: "padding-box",
                     style: t2,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes64.Flex, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes65.Flex, {
                         flexGrow: "1",
                         children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("embed", {
                             src: t3,
@@ -49049,7 +49017,7 @@ var FileCitation = function(t0) {
     }
     var t3;
     if ($[3] !== t1) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_themes65.IconButton, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_themes66.IconButton, {
             variant: "soft",
             color: "gray",
             size: "1",
@@ -49085,9 +49053,9 @@ var FileCitation = function(t0) {
     }
     var t7;
     if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-        t7 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_themes65.VisuallyHidden, {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_themes66.VisuallyHidden, {
             asChild: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_themes65.Dialog.Title, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_themes66.Dialog.Title, {
                 children: "Source"
             })
         });
@@ -49107,7 +49075,7 @@ var FileCitation = function(t0) {
     }
     var t9;
     if ($[10] !== t8) {
-        t9 = /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_themes65.Dialog.Content, {
+        t9 = /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_themes66.Dialog.Content, {
             width: "1000px",
             height: "90vh",
             maxWidth: "calc(100vw - 2 * var(--space-4))",
@@ -49125,7 +49093,7 @@ var FileCitation = function(t0) {
     }
     var t10;
     if ($[12] !== t4 || $[13] !== t9) {
-        t10 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_themes65.Dialog.Root, {
+        t10 = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_themes66.Dialog.Root, {
             open: t4,
             onOpenChange: t5,
             children: t9
@@ -49256,10 +49224,10 @@ var AvatarType = /* @__PURE__ */ function(AvatarType2) {
     return AvatarType2;
 }({});
 // src/components/avatars/Avatar.tsx
-var import_themes68 = require("@radix-ui/themes");
+var import_themes69 = require("@radix-ui/themes");
 // src/components/imageAvatars/ImageAvatar/index.tsx
 var import_react_compiler_runtime63 = require("react-compiler-runtime");
-var import_themes66 = require("@radix-ui/themes");
+var import_themes67 = require("@radix-ui/themes");
 // src/components/imageAvatars/ImageAvatar/lib/optimizedSrc/path.ts
 var width = function(_ref) {
     var size = _ref.size;
@@ -49331,7 +49299,7 @@ var ImageAvatar = function(t0) {
     }
     var t2;
     if ($[4] !== className || $[5] !== size || $[6] !== style || $[7] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes66.Avatar, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes67.Avatar, {
             className: className,
             style: style,
             fallback: "",
@@ -49351,7 +49319,7 @@ var ImageAvatar = function(t0) {
 // src/components/iconAvatars/IconAvatar.tsx
 var import_react_compiler_runtime64 = require("react-compiler-runtime");
 var import_react72 = require("react");
-var import_themes67 = require("@radix-ui/themes");
+var import_themes68 = require("@radix-ui/themes");
 // src/lib/iconAvatars/iconAvatarComponents.ts
 var import_react_icons19 = require("@radix-ui/react-icons");
 var _obj;
@@ -49374,7 +49342,7 @@ var IconAvatar = function(t0) {
     }
     var t3;
     if ($[2] !== className || $[3] !== size || $[4] !== style || $[5] !== t2) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_themes67.Avatar, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_themes68.Avatar, {
             className: className,
             style: style,
             size: size,
@@ -49438,7 +49406,7 @@ var Avatar6 = function(t0) {
     }
     var t2;
     if ($[10] !== className || $[11] !== size || $[12] !== style) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes68.Avatar, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_themes69.Avatar, {
             fallback: "",
             size: size,
             className: className,