@superinterface/react 2.24.5 → 2.25.0

package/dist/index.cjs

@@ -1366,22 +1366,45 @@ var MessageContext = (0, import_react21.createContext)({
 });
 // src/components/threads/Thread/Message/Provider.tsx
 var Provider = MessageContext.Provider;
-// src/components/threads/Thread/Message/TextContent.tsx
+// src/components/threads/Thread/Message/Attachments/index.tsx
+var import_themes18 = require("@radix-ui/themes");
+var import_react_icons5 = require("@radix-ui/react-icons");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var Attachments = function(param) {
+    var message = param.message;
+    var _message_attachments;
+    if (!((_message_attachments = message.attachments) === null || _message_attachments === void 0 ? void 0 : _message_attachments.length)) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes18.Flex, {
+        align: "start",
+        pb: "1",
+        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_themes18.Badge, {
+            color: "gray",
+            variant: "surface",
+            children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_icons5.FileIcon, {}),
+                message.attachments.length,
+                " file",
+                message.attachments.length > 1 ? "s" : ""
+            ]
+        })
+    });
+};
+// src/components/threads/Thread/Message/ContentPart/TextContent.tsx
 var import_react_markdown = __toESM(require("react-markdown"), 1);
 // src/hooks/markdown/useMarkdownContext/index.ts
 var import_react30 = require("react");
 // src/contexts/markdown/MarkdownContext/index.ts
 var import_react29 = require("react");
 // src/contexts/markdown/MarkdownContext/lib/components/index.tsx
-var import_themes35 = require("@radix-ui/themes");
+var import_themes36 = require("@radix-ui/themes");
 // src/contexts/markdown/MarkdownContext/lib/components/Paragraph.tsx
-var import_themes18 = require("@radix-ui/themes");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_themes19 = require("@radix-ui/themes");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var Paragraph = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes18.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes19.Box, {
         pb: "3",
-        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes18.Text, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes19.Text, {
             size: "3",
             style: {
                 whiteSpace: "pre-line",
@@ -1392,11 +1415,11 @@ var Paragraph = function(param) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Link.tsx
-var import_themes19 = require("@radix-ui/themes");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_themes20 = require("@radix-ui/themes");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var Link = function(param) {
     var children = param.children, href = param.href, download = param.download, _param_target = param.target, target = _param_target === void 0 ? "_blank" : _param_target;
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes19.Link, {
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes20.Link, {
         href: href,
         target: target,
         download: download,
@@ -1404,14 +1427,14 @@ var Link = function(param) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/UnorderedList.tsx
-var import_themes20 = require("@radix-ui/themes");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_themes21 = require("@radix-ui/themes");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var UnorderedList = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes20.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_themes21.Box, {
         pb: "3",
         asChild: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("ul", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("ul", {
             style: {
                 listStylePosition: "inside"
             },
@@ -1420,14 +1443,14 @@ var UnorderedList = function(param) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/OrderedList.tsx
-var import_themes21 = require("@radix-ui/themes");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_themes22 = require("@radix-ui/themes");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var OrderedList = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_themes21.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes22.Box, {
         pb: "3",
         asChild: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("ol", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ol", {
             style: {
                 listStylePosition: "inside"
             },
@@ -1436,32 +1459,32 @@ var OrderedList = function(param) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/ListItem.tsx
-var import_themes22 = require("@radix-ui/themes");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_themes23 = require("@radix-ui/themes");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var ListItem = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes22.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_themes23.Box, {
         pb: "1",
-        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("li", {
             children: children
         })
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Strong.tsx
-var import_themes23 = require("@radix-ui/themes");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_themes24 = require("@radix-ui/themes");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var Strong = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_themes23.Strong, {
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_themes24.Strong, {
         children: children
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Pre.tsx
-var import_themes24 = require("@radix-ui/themes");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_themes25 = require("@radix-ui/themes");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var Pre = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_themes24.Box, {
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_themes25.Box, {
         style: {
             whiteSpace: "pre-wrap",
             wordBreak: "break-word"
@@ -1470,14 +1493,28 @@ var Pre = function(param) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Code.tsx
-var import_themes25 = require("@radix-ui/themes");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_themes26 = require("@radix-ui/themes");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var Code3 = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_themes25.Code, {
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes26.Code, {
         children: children
     });
 };
+// src/components/images/Image.tsx
+var import_themes27 = require("@radix-ui/themes");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var Image = function(props) {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes27.Box, {
+        pb: "3",
+        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("img", _object_spread_props(_object_spread({}, props), {
+            style: {
+                maxWidth: "100%",
+                height: "auto"
+            }
+        }))
+    });
+};
 // src/contexts/markdown/MarkdownContext/lib/components/Img/lib/isVideoSrc.ts
 var import_video_extensions = __toESM(require("video-extensions"), 1);
 var isVideoSrc = function(param) {
@@ -1490,49 +1527,49 @@ var isAudioSrc = function(param) {
     return src.endsWith(".mp3") || src.endsWith(".wav");
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Video/index.tsx
-var import_themes31 = require("@radix-ui/themes");
+var import_themes33 = require("@radix-ui/themes");
 var import_base = require("@vidstack/react/player/styles/base.css");
 var import_react27 = require("@vidstack/react");
 // src/components/media/PlayButton.tsx
 var import_react22 = require("@vidstack/react");
-var import_themes26 = require("@radix-ui/themes");
-var import_react_icons5 = require("@radix-ui/react-icons");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_themes28 = require("@radix-ui/themes");
+var import_react_icons6 = require("@radix-ui/react-icons");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var PlayButton = function() {
     var isPaused = (0, import_react22.useMediaState)("paused");
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes26.IconButton, {
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes28.IconButton, {
         variant: "ghost",
         asChild: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react22.PlayButton, {
-            children: isPaused ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_icons5.PlayIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_icons5.PauseIcon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react22.PlayButton, {
+            children: isPaused ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_icons6.PlayIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_icons6.PauseIcon, {})
         })
     });
 };
 // src/components/media/VolumeButton.tsx
 var import_react23 = require("@vidstack/react");
-var import_themes27 = require("@radix-ui/themes");
-var import_react_icons6 = require("@radix-ui/react-icons");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_themes29 = require("@radix-ui/themes");
+var import_react_icons7 = require("@radix-ui/react-icons");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var VolumeButton = function() {
     var volume = (0, import_react23.useMediaState)("volume");
     var isMuted = (0, import_react23.useMediaState)("muted");
     var remote = (0, import_react23.useMediaRemote)();
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_themes27.HoverCard.Root, {
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_themes29.HoverCard.Root, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes27.HoverCard.Trigger, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes27.IconButton, {
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes29.HoverCard.Trigger, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes29.IconButton, {
                     variant: "ghost",
                     asChild: true,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.MuteButton, {
-                        children: isMuted || volume === 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_icons6.SpeakerOffIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_icons6.SpeakerModerateIcon, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react23.MuteButton, {
+                        children: isMuted || volume === 0 ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_icons7.SpeakerOffIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_icons7.SpeakerModerateIcon, {})
                     })
                 })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes27.HoverCard.Content, {
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes29.HoverCard.Content, {
                 size: "1",
                 side: "top",
                 height: "100px",
-                children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes27.Slider, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes29.Slider, {
                     size: "1",
                     variant: "soft",
                     orientation: "vertical",
@@ -1551,8 +1588,8 @@ var VolumeButton = function() {
 // src/components/media/Time.tsx
 var import_react24 = require("react");
 var import_react25 = require("@vidstack/react");
-var import_themes28 = require("@radix-ui/themes");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_themes30 = require("@radix-ui/themes");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var Time = function() {
     var time = (0, import_react25.useMediaState)("currentTime");
     var duration = (0, import_react25.useMediaState)("duration");
@@ -1573,7 +1610,7 @@ var Time = function() {
     }, [
         duration
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes28.Slider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes30.Slider, {
         size: "1",
         variant: "soft",
         value: [
@@ -1593,13 +1630,13 @@ var Time = function() {
     });
 };
 // src/components/media/MediaContainer.tsx
-var import_themes29 = require("@radix-ui/themes");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_themes31 = require("@radix-ui/themes");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var MediaContainer = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes29.Card, {
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes31.Card, {
         mb: "3",
-        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes29.Inset, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes31.Inset, {
             clip: "padding-box",
             style: {
                 display: "flex",
@@ -1611,25 +1648,25 @@ var MediaContainer = function(param) {
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Video/FullscreenButton.tsx
 var import_react26 = require("@vidstack/react");
-var import_themes30 = require("@radix-ui/themes");
-var import_react_icons7 = require("@radix-ui/react-icons");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_themes32 = require("@radix-ui/themes");
+var import_react_icons8 = require("@radix-ui/react-icons");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var FullscreenButton = function() {
     var isFullscreen = (0, import_react26.useMediaState)("fullscreen");
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes30.IconButton, {
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes32.IconButton, {
         variant: "ghost",
         asChild: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react26.FullscreenButton, {
-            children: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_icons7.ExitFullScreenIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_icons7.EnterFullScreenIcon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react26.FullscreenButton, {
+            children: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_icons8.ExitFullScreenIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_icons8.EnterFullScreenIcon, {})
         })
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Video/index.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var Video = function(param) {
     var src = param.src;
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(MediaContainer, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react27.MediaPlayer, {
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MediaContainer, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_react27.MediaPlayer, {
             src: {
                 src: src,
                 type: "video/".concat(src.split(".").pop())
@@ -1638,11 +1675,11 @@ var Video = function(param) {
             hideControlsOnMouseLeave: true,
             crossOrigin: true,
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react27.MediaProvider, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("style", {
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react27.MediaProvider, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime39.jsx)(import_themes31.Flex, {
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes33.Flex, {
                     asChild: true,
                     position: "absolute",
                     bottom: "0",
@@ -1654,18 +1691,18 @@ var Video = function(param) {
                         zIndex: 10,
                         background: "var(--accent-4)"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react27.Controls.Root, {
-                        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes31.Flex, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react27.Controls.Root, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes33.Flex, {
                             asChild: true,
                             align: "center",
                             gap: "3",
                             flexGrow: "1",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react27.Controls.Group, {
+                            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_react27.Controls.Group, {
                                 children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PlayButton, {}),
-                                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Time, {}),
-                                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(VolumeButton, {}),
-                                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(FullscreenButton, {})
+                                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PlayButton, {}),
+                                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Time, {}),
+                                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(VolumeButton, {}),
+                                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(FullscreenButton, {})
                                 ]
                             })
                         })
@@ -1676,14 +1713,14 @@ var Video = function(param) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Img/Audio/index.tsx
-var import_themes32 = require("@radix-ui/themes");
+var import_themes34 = require("@radix-ui/themes");
 var import_base2 = require("@vidstack/react/player/styles/base.css");
 var import_react28 = require("@vidstack/react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var Audio = function(param) {
     var src = param.src;
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(MediaContainer, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_react28.MediaPlayer, {
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(MediaContainer, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_react28.MediaPlayer, {
             src: {
                 src: src,
                 type: "audio/".concat(src.split(".").pop())
@@ -1692,8 +1729,8 @@ var Audio = function(param) {
             crossOrigin: true,
             playsInline: true,
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react28.MediaProvider, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes32.Flex, {
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react28.MediaProvider, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes34.Flex, {
                     asChild: true,
                     p: "3",
                     flexGrow: "1",
@@ -1701,17 +1738,17 @@ var Audio = function(param) {
                         zIndex: 10,
                         background: "var(--accent-4)"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react28.Controls.Root, {
-                        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes32.Flex, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react28.Controls.Root, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes34.Flex, {
                             asChild: true,
                             align: "center",
                             gap: "3",
                             flexGrow: "1",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_react28.Controls.Group, {
+                            children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_react28.Controls.Group, {
                                 children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PlayButton, {}),
-                                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Time, {}),
-                                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(VolumeButton, {})
+                                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PlayButton, {}),
+                                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Time, {}),
+                                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(VolumeButton, {})
                                 ]
                             })
                         })
@@ -1721,63 +1758,49 @@ var Audio = function(param) {
         })
     });
 };
-// src/contexts/markdown/MarkdownContext/lib/components/Img/ImageComponent.tsx
-var import_themes33 = require("@radix-ui/themes");
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var ImageComponent = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes33.Box, {
-        pb: "3",
-        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", _object_spread_props(_object_spread({}, props), {
-            style: {
-                maxWidth: "100%",
-                height: "auto"
-            }
-        }))
-    });
-};
 // src/contexts/markdown/MarkdownContext/lib/components/Img/index.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var Img = function(props) {
     if (!props.src) {
-        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ImageComponent, _object_spread({}, props));
+        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Image, _object_spread({}, props));
     } else if (isVideoSrc({
         src: props.src
     })) {
-        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Video, {
+        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Video, {
             src: props.src
         });
     } else if (isAudioSrc({
         src: props.src
     })) {
-        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Audio, {
+        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Audio, {
             src: props.src
         });
     } else {
-        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ImageComponent, _object_spread({}, props));
+        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Image, _object_spread({}, props));
     }
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
-var import_react_icons8 = require("@radix-ui/react-icons");
+var import_react_icons9 = require("@radix-ui/react-icons");
 // src/contexts/markdown/MarkdownContext/lib/components/Annotation/AnnotationBase.tsx
-var import_themes34 = require("@radix-ui/themes");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_themes35 = require("@radix-ui/themes");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var AnnotationBase = function(param) {
     var icon = param.icon, content = param.content;
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_themes34.Popover.Root, {
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_themes35.Popover.Root, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes34.Popover.Trigger, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes34.IconButton, {
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes35.Popover.Trigger, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes35.IconButton, {
                     variant: "soft",
                     color: "gray",
                     size: "1",
                     children: icon
                 })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes34.Popover.Content, {
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes35.Popover.Content, {
                 size: "1",
-                children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes34.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes35.Flex, {
                     direction: "column",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes34.Text, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes35.Text, {
                         size: "1",
                         color: "gray",
                         children: content
@@ -1788,12 +1811,12 @@ var AnnotationBase = function(param) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Annotation/FilePathAnnotation.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var FilePathAnnotation = function(param) {
     var annotation = param.annotation, children = param.children;
     var superinterfaceContext = useSuperinterfaceContext();
     var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Link, {
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Link, {
         href: "".concat(superinterfaceContext.baseUrl, "/files/").concat(annotation.file_path.file_id, "/contents?").concat(nextSearchParams),
         target: "_self",
         download: true,
@@ -1801,16 +1824,16 @@ var FilePathAnnotation = function(param) {
     });
 };
 // src/contexts/markdown/MarkdownContext/lib/components/Annotation/index.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var Annotation = function(param) {
     var annotation = param.annotation, children = param.children;
     if (annotation.type === "file_citation") {
-        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AnnotationBase, {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_icons8.QuoteIcon, {}),
+        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AnnotationBase, {
+            icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_icons9.QuoteIcon, {}),
             content: "File cited."
         });
     } else if (annotation.type === "file_path") {
-        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(FilePathAnnotation, {
+        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(FilePathAnnotation, {
             annotation: annotation,
             children: children
         });
@@ -1818,7 +1841,7 @@ var Annotation = function(param) {
     return null;
 };
 // src/contexts/markdown/MarkdownContext/lib/components/index.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var components = {
     p: Paragraph,
     a: Link,
@@ -1831,57 +1854,57 @@ var components = {
     img: Img,
     annotation: Annotation,
     h1: function(props) {
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes35.Heading, {
+        return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Heading, {
             as: "h1",
             children: props.children
         });
     },
     h2: function(props) {
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes35.Heading, {
+        return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Heading, {
             as: "h2",
             size: "5",
             children: props.children
         });
     },
     h3: function(props) {
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes35.Heading, {
+        return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Heading, {
             as: "h3",
             size: "4",
             children: props.children
         });
     },
     h4: function(props) {
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes35.Heading, {
+        return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Heading, {
             as: "h4",
             size: "3",
             children: props.children
         });
     },
     h5: function(props) {
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes35.Heading, {
+        return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Heading, {
             as: "h5",
             size: "3",
             children: props.children
         });
     },
     h6: function(props) {
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes35.Heading, {
+        return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Heading, {
             as: "h6",
             size: "3",
             children: props.children
         });
     },
     table: function(props) {
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_themes35.Table.Root, _object_spread_props(_object_spread({}, props), {
+        return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes36.Table.Root, _object_spread_props(_object_spread({}, props), {
             variant: "surface",
             mb: "3"
         }));
     },
-    thead: import_themes35.Table.Header,
-    tbody: import_themes35.Table.Body,
-    tr: import_themes35.Table.Row,
-    td: import_themes35.Table.Cell,
-    th: import_themes35.Table.ColumnHeaderCell
+    thead: import_themes36.Table.Header,
+    tbody: import_themes36.Table.Body,
+    tr: import_themes36.Table.Row,
+    td: import_themes36.Table.Cell,
+    th: import_themes36.Table.ColumnHeaderCell
 };
 // src/contexts/markdown/MarkdownContext/lib/getRemarkPlugins.ts
 var import_remark_gfm = __toESM(require("remark-gfm"), 1);
@@ -2064,45 +2087,49 @@ var MarkdownContext = (0, import_react29.createContext)({
 var useMarkdownContext = function() {
     return (0, import_react30.useContext)(MarkdownContext);
 };
-// src/components/threads/Thread/Message/TextContent.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+// src/components/threads/Thread/Message/ContentPart/TextContent.tsx
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var TextContent = function(param) {
     var content = param.content;
     var _useMarkdownContext = useMarkdownContext(), getRemarkPlugins2 = _useMarkdownContext.getRemarkPlugins, rest = _object_without_properties(_useMarkdownContext, [
         "getRemarkPlugins"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_markdown.default, _object_spread_props(_object_spread({}, rest), {
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_markdown.default, _object_spread_props(_object_spread({}, rest), {
         remarkPlugins: getRemarkPlugins2({
             content: content
         }),
         children: content.text.value
     }));
 };
-// src/components/threads/Thread/Message/Attachments/index.tsx
-var import_themes36 = require("@radix-ui/themes");
-var import_react_icons9 = require("@radix-ui/react-icons");
-var import_jsx_runtime48 = require("react/jsx-runtime");
-var Attachments = function(param) {
-    var message = param.message;
-    var _message_attachments;
-    if (!((_message_attachments = message.attachments) === null || _message_attachments === void 0 ? void 0 : _message_attachments.length)) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_themes36.Flex, {
-        align: "start",
-        pb: "1",
-        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_themes36.Badge, {
-            color: "gray",
-            variant: "surface",
-            children: [
-                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_icons9.FileIcon, {}),
-                message.attachments.length,
-                " file",
-                message.attachments.length > 1 ? "s" : ""
-            ]
-        })
+// src/components/threads/Thread/Message/ContentPart/ImageFileContent.tsx
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var ImageFileContent = function(param) {
+    var content = param.content;
+    var superinterfaceContext = useSuperinterfaceContext();
+    var nextSearchParams = new URLSearchParams(superinterfaceContext.variables);
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Image, {
+        alt: "",
+        src: "".concat(superinterfaceContext.baseUrl, "/files/").concat(content.image_file.file_id, "/contents?").concat(nextSearchParams)
     });
 };
+// src/components/threads/Thread/Message/ContentPart/index.tsx
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var ContentPart = function(param) {
+    var content = param.content;
+    if (content.type === "text") {
+        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TextContent, {
+            content: content
+        });
+    }
+    if (content.type === "image_file") {
+        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ImageFileContent, {
+            content: content
+        });
+    }
+    return null;
+};
 // src/components/threads/Thread/Message/index.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var Message = function(param) {
     var message = param.message;
     var _ref = _sliced_to_array((0, import_react31.useMemo)(function() {
@@ -2147,68 +2174,66 @@ var Message = function(param) {
     }, [
         message
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Provider, {
         value: {
             message: message
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_themes37.Box, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_themes37.Box, {
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(RunSteps, {
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(RunSteps, {
                     runSteps: olderRunSteps
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_themes37.Box, {
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_themes37.Box, {
                     children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Attachments, {
+                        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Attachments, {
                             message: message
                         }),
                         message.content.map(function(content, index) {
-                            return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react31.Fragment, {
-                                children: content.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TextContent, {
-                                    content: content
-                                })
+                            return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ContentPart, {
+                                content: content
                             }, index);
                         }),
-                        isInProgress && (0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(StartingContentSkeleton, {})
+                        isInProgress && (0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(StartingContentSkeleton, {})
                     ]
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(RunSteps, {
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(RunSteps, {
                     runSteps: laterRunSteps
                 }),
-                isInProgress && !(0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes37.Box, {
-                    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(StartingContentSkeleton, {})
+                isInProgress && !(0, import_radash4.isEmpty)(laterRunSteps) && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_themes37.Box, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(StartingContentSkeleton, {})
                 })
             ]
         })
     });
 };
 // src/components/threads/Thread/Messages/Content/MessageGroup/Content/index.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var Content3 = function(param) {
     var messageGroup = param.messageGroup;
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes38.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_themes38.Flex, {
         direction: "column-reverse",
         children: messageGroup.messages.map(function(message) {
-            return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Message, {
+            return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Message, {
                 message: message
             }, message.id);
         })
     });
 };
 // src/components/threads/Thread/Messages/Content/MessageGroup/index.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var MessageGroup = function(param) {
     var messageGroup = param.messageGroup;
     var assistantNameContext = (0, import_react32.useContext)(AssistantNameContext);
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(MessageGroupBase, {
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(MessageGroupBase, {
         children: [
-            messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AssistantAvatar, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_themes39.Box, {
+            messageGroup.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(UserAvatar, {}) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(AssistantAvatar, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_themes39.Box, {
                 flexGrow: "1",
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Name, {
+                    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Name, {
                         children: messageGroup.role === "user" ? "You" : assistantNameContext
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Content3, {
+                    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Content3, {
                         messageGroup: messageGroup
                     })
                 ]
@@ -2217,7 +2242,7 @@ var MessageGroup = function(param) {
     });
 };
 // src/components/threads/Thread/Messages/Content/index.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var Content4 = function() {
     var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
     var addToast = useToasts().addToast;
@@ -2236,11 +2261,11 @@ var Content4 = function() {
         addToast
     ]);
     if (isLoading || isLoadingError) {
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(MessagesSkeleton, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MessagesSkeleton, {});
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, {
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, {
         children: messageGroups2.map(function(messageGroup) {
-            return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(MessageGroup, {
+            return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MessageGroup, {
                 messageGroup: messageGroup
             }, messageGroup.id);
         })
@@ -2251,20 +2276,20 @@ var import_react36 = require("react");
 // src/components/skeletons/StartingSkeleton/index.tsx
 var import_react34 = require("react");
 var import_themes40 = require("@radix-ui/themes");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var StartingSkeleton = function(param) {
     var children = param.children;
     var assistantNameContext = (0, import_react34.useContext)(AssistantNameContext);
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(MessageGroupBase, {
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(MessageGroupBase, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(AssistantAvatar, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_themes40.Box, {
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(AssistantAvatar, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_themes40.Box, {
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Name, {
+                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Name, {
                         children: assistantNameContext
                     }),
                     children,
-                    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(StartingContentSkeleton, {})
+                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(StartingContentSkeleton, {})
                 ]
             })
         ]
@@ -2289,7 +2314,7 @@ var isOptimistic = function(param) {
     return import_lodash4.default.startsWith(id, "-");
 };
 // src/components/threads/Thread/Messages/Progress/index.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var Progress = function() {
     var latestMessage = useLatestMessage().latestMessage;
     var isMutatingMessage = useIsMutatingMessage();
@@ -2307,7 +2332,7 @@ var Progress = function() {
         isMutatingMessage
     ]);
     if (!isVisible) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(StartingSkeleton, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(StartingSkeleton, {});
 };
 // src/components/threads/Thread/Messages/Root/index.tsx
 var import_themes41 = require("@radix-ui/themes");
@@ -2365,7 +2390,7 @@ var useInfiniteScroll = function(param) {
     };
 };
 // src/components/threads/Thread/Messages/Root/index.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var Root2 = function(param) {
     var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
     var _useMessages = useMessages(), isFetchingNextPage = _useMessages.isFetchingNextPage, hasNextPage = _useMessages.hasNextPage, fetchNextPage = _useMessages.fetchNextPage;
@@ -2374,7 +2399,7 @@ var Root2 = function(param) {
         hasNextPage: hasNextPage,
         fetchNextPage: fetchNextPage
     }), containerRef = _useInfiniteScroll.containerRef, loaderRef = _useInfiniteScroll.loaderRef;
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_themes41.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_themes41.Flex, {
         ref: containerRef,
         direction: "column-reverse",
         flexGrow: "1",
@@ -2383,10 +2408,10 @@ var Root2 = function(param) {
         }),
         children: [
             children,
-            hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes41.Flex, {
+            hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes41.Flex, {
                 ref: loaderRef
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes41.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes41.Flex, {
                 flexShrink: "0",
                 flexGrow: "1"
             })
@@ -2394,30 +2419,30 @@ var Root2 = function(param) {
     });
 };
 // src/components/threads/Thread/Messages/NextPageSkeleton.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var NextPageSkeleton = function() {
     var hasNextPage = useMessages().hasNextPage;
     if (!hasNextPage) {
         return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(MessagesSkeleton, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(MessagesSkeleton, {});
 };
 // src/components/threads/Thread/Messages/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var Messages = function(param) {
     var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Root2, {
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Root2, {
         style: style,
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes42.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes42.Flex, {
                 flexShrink: "0",
                 height: "var(--space-3)"
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Progress, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Progress, {}),
             children,
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Content4, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(NextPageSkeleton, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes42.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Content4, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(NextPageSkeleton, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes42.Flex, {
                 flexShrink: "0",
                 flexGrow: "1",
                 minHeight: "var(--space-5)"
@@ -2448,10 +2473,10 @@ var useMessageFormContext = function() {
     return (0, import_react40.useContext)(MessageFormContext);
 };
 // src/components/threads/Thread/MessageForm/Submit/index.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var Root3 = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes43.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes43.Flex, {
         flexShrink: "0",
         align: "end",
         children: children
@@ -2461,24 +2486,24 @@ var Button2 = function() {
     var superinterfaceContext = useSuperinterfaceContext();
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, isFileLoading = _useMessageFormContext.isFileLoading;
     if (isLoading) {
-        return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes43.IconButton, {
+        return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes43.IconButton, {
             type: "button",
             onClick: function() {
                 var _superinterfaceContext_createMessageAbortControllerRef_current;
                 return (_superinterfaceContext_createMessageAbortControllerRef_current = superinterfaceContext.createMessageAbortControllerRef.current) === null || _superinterfaceContext_createMessageAbortControllerRef_current === void 0 ? void 0 : _superinterfaceContext_createMessageAbortControllerRef_current.abort();
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_icons10.StopIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_icons10.StopIcon, {})
         });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes43.IconButton, {
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes43.IconButton, {
         type: "submit",
         disabled: isDisabled || isFileLoading,
-        children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_icons10.ArrowUpIcon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_icons10.ArrowUpIcon, {})
     });
 };
 var Submit = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Root3, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button2, {})
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Root3, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button2, {})
     });
 };
 Submit.Root = Root3;
@@ -2964,7 +2989,7 @@ var threadRunRequiresAction = /*#__PURE__*/ function() {
                         4,
                         (0, import_radash12.map)(toolCalls, /*#__PURE__*/ function() {
                             var _ref = _async_to_generator(function(toolCall) {
-                                var fn, args, parsedArgs, output;
+                                var fn, args, parsedArgs, output, error;
                                 return _ts_generator(this, function(_state) {
                                     switch(_state.label){
                                         case 0:
@@ -2989,12 +3014,32 @@ var threadRunRequiresAction = /*#__PURE__*/ function() {
                                             }
                                             args = toolCall.function.arguments;
                                             parsedArgs = JSON.parse(args);
+                                            _state.label = 1;
+                                        case 1:
+                                            _state.trys.push([
+                                                1,
+                                                3,
+                                                ,
+                                                4
+                                            ]);
                                             return [
                                                 4,
                                                 fn(parsedArgs)
                                             ];
-                                        case 1:
+                                        case 2:
                                             output = _state.sent();
+                                            return [
+                                                3,
+                                                4
+                                            ];
+                                        case 3:
+                                            error = _state.sent();
+                                            output = "Error: ".concat(error.message);
+                                            return [
+                                                3,
+                                                4
+                                            ];
+                                        case 4:
                                             return [
                                                 2,
                                                 {
@@ -3255,7 +3300,7 @@ var createMessageDefaultOnError = function(param) {
     };
 };
 // src/components/threads/Thread/MessageForm/Root/index.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var Root4 = function(param) {
     var children = param.children, onSubmitArg = param.onSubmit, isDisabledArg = param.isDisabled;
     var _ref = _sliced_to_array((0, import_react41.useState)([]), 2), files = _ref[0], setFiles = _ref[1];
@@ -3348,7 +3393,7 @@ var Root4 = function(param) {
         };
     }();
     var content = watch("content");
-    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MessageFormContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(MessageFormContext.Provider, {
         value: {
             isDisabled: isDisabled,
             isLoading: isLoading,
@@ -3357,11 +3402,11 @@ var Root4 = function(param) {
             isFileLoading: isFileLoading,
             content: content
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_hook_form.FormProvider, _object_spread_props(_object_spread({}, formProps), {
-            children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_themes44.Box, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_hook_form.FormProvider, _object_spread_props(_object_spread({}, formProps), {
+            children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes44.Box, {
                 asChild: true,
                 flexShrink: "0",
-                children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("form", {
+                children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("form", {
                     onSubmit: handleSubmit(onSubmit),
                     children: children
                 })
@@ -3389,14 +3434,14 @@ var import_react44 = require("react");
 // src/components/textareas/TextareaBase/index.tsx
 var import_react43 = require("react");
 var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"), 1);
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var TextareaBase = (0, import_react43.forwardRef)(function TextareaBase2(props, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, {
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("style", {
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("style", {
                 children: ".superinterface-textarea { min-height: inherit; height: 30px; }\n.superinterface-textarea::placeholder { color: var(--gray-a10); }"
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_textarea_autosize.default, _object_spread({
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_textarea_autosize.default, _object_spread({
                 ref: ref,
                 className: "rt-reset superinterface-textarea",
                 style: {
@@ -3413,10 +3458,10 @@ var TextareaBase = (0, import_react43.forwardRef)(function TextareaBase2(props,
     });
 });
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var Root5 = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes45.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes45.Flex, {
         flexGrow: "1",
         pt: "4px",
         children: children
@@ -3445,7 +3490,7 @@ var Input = function() {
         isDisabledPrevious,
         textareaProps
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TextareaBase, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TextareaBase, _object_spread_props(_object_spread({
         minRows: 1,
         placeholder: "Message ".concat(assistantNameContext, "..."),
         disabled: isDisabled,
@@ -3465,8 +3510,8 @@ var Input = function() {
     }));
 };
 var Control = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Root5, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Input, {})
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Root5, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Input, {})
     });
 };
 Control.Root = Root5;
@@ -3474,42 +3519,42 @@ Control.Input = Input;
 // src/components/threads/Thread/MessageForm/Field/Files/Preview.tsx
 var import_themes46 = require("@radix-ui/themes");
 var import_react_icons11 = require("@radix-ui/react-icons");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var Preview = function() {
     var _useMessageFormContext = useMessageFormContext(), files = _useMessageFormContext.files, setFiles = _useMessageFormContext.setFiles;
     if (!files.length) {
         return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes46.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Flex, {
         flexBasis: "100%",
         direction: "column",
         pb: "2",
         gap: "1",
         children: files.map(function(file) {
-            return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes46.Card, {
+            return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Card, {
                 variant: "ghost",
-                children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes46.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_themes46.Flex, {
                     align: "center",
                     justify: "between",
                     gap: "1",
                     children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_themes46.Flex, {
+                        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_themes46.Flex, {
                             align: "center",
                             gap: "1",
                             flexShrink: "1",
                             minWidth: "0",
                             maxWidth: "250px",
                             children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes46.Flex, {
+                                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Flex, {
                                     flexShrink: "0",
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes46.Spinner, {
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Spinner, {
                                         loading: isOptimistic({
                                             id: file.id
                                         }),
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_icons11.FileIcon, {})
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_icons11.FileIcon, {})
                                     })
                                 }),
-                                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes46.Text, {
+                                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Text, {
                                     size: "2",
                                     truncate: true,
                                     wrap: "nowrap",
@@ -3517,9 +3562,9 @@ var Preview = function() {
                                 })
                             ]
                         }),
-                        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes46.Flex, {
+                        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.Flex, {
                             flexShrink: "0",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_themes46.IconButton, {
+                            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes46.IconButton, {
                                 onClick: function() {
                                     return setFiles(function(prev) {
                                         return prev.filter(function(prevFile) {
@@ -3530,7 +3575,7 @@ var Preview = function() {
                                 color: "gray",
                                 variant: "ghost",
                                 size: "1",
-                                children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_icons11.Cross2Icon, {})
+                                children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_icons11.Cross2Icon, {})
                             })
                         })
                     ]
@@ -3655,7 +3700,7 @@ var useCreateFile = function() {
     });
 };
 // src/components/threads/Thread/MessageForm/Field/Files/Control.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var accept = ".c,text/x-c,\n.cs,text/x-csharp,\n.cpp,text/x-c++,\n.doc,application/msword,\n.docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document,\n.html,text/html,\n.java,text/x-java,\n.json,application/json,\n.md,text/markdown,\n.pdf,application/pdf,\n.php,text/x-php,\n.pptx,application/vnd.openxmlformats-officedocument.presentationml.presentation,\n.py,text/x-python,\n.py,text/x-script.python,\n.rb,text/x-ruby,\n.tex,text/x-tex,\n.txt,text/plain,\n.css,text/css,\n.js,text/javascript,\n.sh,application/x-sh,\n.ts,application/typescript";
 var Control2 = function() {
     var _useMessageFormContext = useMessageFormContext(), isDisabled = _useMessageFormContext.isDisabled, isLoading = _useMessageFormContext.isLoading, setFiles = _useMessageFormContext.setFiles;
@@ -3829,11 +3874,11 @@ var Control2 = function() {
         createFile,
         setFiles
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_themes47.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_themes47.Flex, {
         pt: "2",
         pr: "2",
         flexGrow: "0",
-        children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_themes47.IconButton, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_themes47.IconButton, {
             type: "button",
             variant: "ghost",
             color: "gray",
@@ -3843,8 +3888,8 @@ var Control2 = function() {
                 overflow: "hidden"
             },
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_icons12.FilePlusIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("input", {
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react_icons12.FilePlusIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("input", {
                     type: "file",
                     multiple: true,
                     accept: accept,
@@ -3869,20 +3914,20 @@ var Files = {
     Control: Control2
 };
 // src/components/threads/Thread/MessageForm/Field/index.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var Root6 = function(param) {
     var children = param.children;
     var _ref = (0, import_react_hook_form3.useFormContext)(), errors = _ref.formState.errors;
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes48.Container, {
+    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes48.Container, {
         size: "2",
         flexGrow: "0",
-        children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes48.Flex, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes48.Flex, {
             direction: "column",
             flexShrink: "0",
-            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes48.Flex, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes48.Flex, {
                 direction: "column",
                 flexShrink: "0",
-                children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_themes48.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes48.Flex, {
                     style: _object_spread({
                         borderRadius: "var(--radius-2)",
                         borderWidth: "1px",
@@ -3906,13 +3951,13 @@ var Field = {
     Files: Files
 };
 // src/components/threads/Thread/MessageForm/index.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var MessageForm = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Root4, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(Field.Root, {
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Root4, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Field.Root, {
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Field.Control, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Submit, {})
+                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Field.Control, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Submit, {})
             ]
         })
     });
@@ -3931,25 +3976,25 @@ var Toast2 = __toESM(require("@radix-ui/react-toast"), 1);
 var Toast = __toESM(require("@radix-ui/react-toast"), 1);
 var import_themes49 = require("@radix-ui/themes");
 var import_react_icons13 = require("@radix-ui/react-icons");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var CustomToast = function(param) {
     var toast = param.toast;
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Toast.Root, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes49.Card, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Toast.Title, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_themes49.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Toast.Root, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Card, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Toast.Title, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_themes49.Flex, {
                     children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes49.Flex, {
+                        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Flex, {
                             pr: "2",
                             height: "14px",
                             align: "center",
-                            children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react_icons13.CheckCircledIcon, {
+                            children: toast.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_icons13.CheckCircledIcon, {
                                 color: "var(--accent-9)"
-                            }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react_icons13.CrossCircledIcon, {
+                            }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_icons13.CrossCircledIcon, {
                                 color: "var(--red-9)"
                             })
                         }),
-                        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_themes49.Text, {
+                        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes49.Text, {
                             weight: "medium",
                             size: "1",
                             children: toast.message
@@ -3961,7 +4006,7 @@ var CustomToast = function(param) {
     });
 };
 // src/components/toasts/ToastsProvider/index.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var ToastsProvider = function(param) {
     var children = param.children, _param_bottom = param.bottom, bottom = _param_bottom === void 0 ? 0 : _param_bottom;
     var _ref = _sliced_to_array((0, import_react46.useState)([]), 2), toasts = _ref[0], setToasts = _ref[1];
@@ -3972,20 +4017,20 @@ var ToastsProvider = function(param) {
             ]);
         });
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ToastsContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ToastsContext.Provider, {
         value: {
             toasts: toasts,
             addToast: addToast
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Toast2.Provider, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Toast2.Provider, {
             children: [
                 children,
                 Array.from(toasts).map(function(toast, index) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(CustomToast, {
+                    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CustomToast, {
                         toast: toast
                     }, index);
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Toast2.Viewport, {
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Toast2.Viewport, {
                     style: {
                         position: "absolute",
                         bottom: bottom,
@@ -4007,15 +4052,15 @@ var ToastsProvider = function(param) {
     });
 };
 // src/components/threads/Thread/Root/index.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var Root8 = function(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ToastsProvider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ToastsProvider, {
         bottom: "var(--space-9)",
-        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Provider2, _object_spread_props(_object_spread({}, rest), {
-            children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_themes50.Flex, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Provider2, _object_spread_props(_object_spread({}, rest), {
+            children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_themes50.Flex, {
                 direction: "column",
                 flexGrow: "1",
                 children: children
@@ -4024,12 +4069,12 @@ var Root8 = function(_param) {
     });
 };
 // src/components/threads/Thread/index.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var Thread = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Root8, _object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Root8, _object_spread_props(_object_spread({}, props), {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Messages, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(MessageForm, {})
+            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Messages, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(MessageForm, {})
         ]
     }));
 };
@@ -4153,12 +4198,12 @@ var useThreadDialogContext = function() {
     return (0, import_react50.useContext)(ThreadDialogContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var Provider4 = function(param) {
     var children = param.children;
     var threadDialogContext = useThreadDialogContext();
     var _ref = _sliced_to_array((0, import_react51.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ThreadDialogContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ThreadDialogContext.Provider, {
         value: {
             isOpen: isOpen,
             setIsOpen: setIsOpen
@@ -4167,10 +4212,10 @@ var Provider4 = function(param) {
     });
 };
 // src/components/threads/ThreadDialog/Root/index.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var Root9 = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Provider4, {
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Provider4, {
         children: children
     });
 };
@@ -4179,20 +4224,20 @@ var import_themes52 = require("@radix-ui/themes");
 // src/components/threads/ThreadDialog/Trigger/Button.tsx
 var import_themes51 = require("@radix-ui/themes");
 var import_react_icons14 = require("@radix-ui/react-icons");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var Button3 = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_themes51.IconButton, {
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes51.IconButton, {
         size: "4",
         radius: "full",
-        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react_icons14.ChatBubbleIcon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_icons14.ChatBubbleIcon, {})
     });
 };
 // src/components/threads/ThreadDialog/Trigger/index.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var Root10 = function(param) {
     var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_themes52.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes52.Flex, {
         display: {
             initial: isOpen ? "none" : "flex",
             sm: "flex"
@@ -4216,8 +4261,8 @@ var Root10 = function(param) {
     });
 };
 var Trigger = function(args) {
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Root10, _object_spread_props(_object_spread({}, args), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Button3, {})
+    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Root10, _object_spread_props(_object_spread({}, args), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Button3, {})
     }));
 };
 Trigger.Root = Root10;
@@ -4227,10 +4272,10 @@ var import_themes54 = require("@radix-ui/themes");
 // src/components/threads/ThreadDialog/Close/index.tsx
 var import_react_icons15 = require("@radix-ui/react-icons");
 var import_themes53 = require("@radix-ui/themes");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var Close = function() {
     var _useThreadDialogContext = useThreadDialogContext(), setIsOpen = _useThreadDialogContext.setIsOpen, isOpen = _useThreadDialogContext.isOpen;
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes53.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes53.Flex, {
         display: {
             initial: isOpen ? "flex" : "none",
             sm: "none"
@@ -4250,20 +4295,20 @@ var Close = function() {
         style: {
             zIndex: 9999999999
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes53.IconButton, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes53.IconButton, {
             size: "2",
             variant: "soft",
-            children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_icons15.Cross1Icon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_icons15.Cross1Icon, {})
         })
     });
 };
 // src/components/threads/ThreadDialog/Content/index.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var Root11 = function(param) {
     var children = param.children, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
     var isOpen = useThreadDialogContext().isOpen;
     if (!isOpen) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes54.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes54.Flex, {
         direction: "column",
         justify: "end",
         position: "fixed",
@@ -4291,7 +4336,7 @@ var Root11 = function(param) {
         style: _object_spread({
             zIndex: 9999999999
         }, style),
-        children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_themes54.Card, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_themes54.Card, {
             mb: {
                 initial: void 0,
                 sm: "3"
@@ -4302,7 +4347,7 @@ var Root11 = function(param) {
                 flexGrow: 1
             },
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes54.Inset, {
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes54.Inset, {
                     clip: "padding-box",
                     side: "all",
                     pb: "current",
@@ -4312,13 +4357,13 @@ var Root11 = function(param) {
                     },
                     children: children
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Close, {})
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Close, {})
             ]
         })
     });
 };
 var Messages2 = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Thread.Messages, {
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Thread.Messages, {
         style: {
             paddingTop: "var(--space-5)",
             paddingRight: "var(--space-5)",
@@ -4328,7 +4373,7 @@ var Messages2 = function() {
 };
 var FormContainer = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes54.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes54.Flex, {
         direction: "column",
         pl: "5",
         pr: "5",
@@ -4339,13 +4384,13 @@ var FormContainer = function(param) {
 };
 var Content5 = function(param) {
     var _param_style = param.style, style = _param_style === void 0 ? {} : _param_style;
-    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Root11, {
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Root11, {
         style: style,
-        children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Thread.Root, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Thread.Root, {
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Messages2, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(FormContainer, {
-                    children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Thread.MessageForm, {})
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Messages2, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(FormContainer, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Thread.MessageForm, {})
                 })
             ]
         })
@@ -4355,12 +4400,12 @@ Content5.Root = Root11;
 Content5.Messages = Messages2;
 Content5.FormContainer = FormContainer;
 // src/components/threads/ThreadDialog/index.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var ThreadDialog = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Root9, {
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Root9, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Content5, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Trigger, {})
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Content5, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Trigger, {})
         ]
     });
 };
@@ -4877,7 +4922,7 @@ var useMessageAudio = function(param) {
 };
 // src/components/threads/AudioThread/Root/index.tsx
 var import_react_query9 = require("@tanstack/react-query");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var Content6 = function(param) {
     var children = param.children;
     var addToast = useToasts().addToast;
@@ -4947,13 +4992,13 @@ var Content6 = function(param) {
         createMessageProps: createMessageProps,
         messageAudioProps: messageAudioProps
     }).status;
-    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(AudioThreadContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(AudioThreadContext.Provider, {
         value: {
             status: status,
             recorderProps: recorderProps,
             messageAudioProps: messageAudioProps
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes55.Flex, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_themes55.Flex, {
             direction: "column",
             flexGrow: "1",
             p: "9",
@@ -4963,8 +5008,8 @@ var Content6 = function(param) {
 };
 var Root12 = function(param) {
     var children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToastsProvider, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Content6, {
+    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ToastsProvider, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Content6, {
             children: children
         })
     });
@@ -4983,7 +5028,7 @@ var import_lodash8 = __toESM(require("lodash"), 1);
 var import_themes56 = require("@radix-ui/themes");
 var import_react59 = require("react");
 var import_radash17 = require("radash");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var barCount = 4;
 var BarsVisualizer = function(param) {
     var visualizationAnalyser = param.visualizationAnalyser, backgroundColor = param.backgroundColor, height = param.height, barWidth = param.barWidth;
@@ -5014,7 +5059,7 @@ var BarsVisualizer = function(param) {
         draw,
         visualizationAnalyser
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_themes56.Grid, {
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes56.Grid, {
         columns: "".concat(barCount),
         gap: "1",
         width: "auto",
@@ -5023,12 +5068,12 @@ var BarsVisualizer = function(param) {
             gridTemplateColumns: "repeat(4, minmax(0, 1fr))"
         },
         children: barHeights.map(function(barHeight, index) {
-            return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_themes56.Flex, {
+            return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes56.Flex, {
                 direction: "column",
                 align: "center",
                 justify: "center",
                 height: height,
-                children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_themes56.Flex, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes56.Flex, {
                     minHeight: "50%",
                     maxHeight: "100%",
                     height: "".concat(barHeight + 20, "%"),
@@ -5043,7 +5088,7 @@ var BarsVisualizer = function(param) {
     });
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var Visualization = function() {
     var audioThreadContext = useAudioThreadContext();
     var assistantNameContext = (0, import_react60.useContext)(AssistantNameContext);
@@ -5071,14 +5116,14 @@ var Visualization = function() {
         draw,
         audioThreadContext
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_themes57.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_themes57.Flex, {
         direction: "column",
         align: "center",
         justify: "center",
         mb: "3",
         flexGrow: "1",
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_themes57.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_themes57.Flex, {
                 align: "center",
                 justify: "center",
                 height: "200px",
@@ -5088,20 +5133,20 @@ var Visualization = function() {
                     borderRadius: "9999px",
                     scale: scale
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(BarsVisualizer, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(BarsVisualizer, {
                     visualizationAnalyser: audioThreadContext.messageAudioProps.visualizationAnalyser,
                     backgroundColor: audioThreadContext.status === "playing" ? "var(--accent-11)" : "var(--gray-11)",
                     height: "40px",
                     barWidth: "24px"
                 })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_themes57.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_themes57.Flex, {
                 ml: "-22.5px",
                 gap: "3",
                 pt: "5",
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(AssistantAvatar, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Name, {
+                    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(AssistantAvatar, {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Name, {
                         children: assistantNameContext
                     })
                 ]
@@ -5111,7 +5156,7 @@ var Visualization = function() {
 };
 // src/components/threads/AudioThread/Status/StatusMessages.tsx
 var import_themes58 = require("@radix-ui/themes");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var html = function(param) {
     var texts = param.texts;
     return "\n  .status-messages-texts:after {\n    content: '".concat(texts[0], "';\n    animation: texts ").concat(texts.length * 5, "s linear infinite;\n  }\n\n  @keyframes texts {\n    ").concat(texts.map(function(_10, i) {
@@ -5120,17 +5165,17 @@ var html = function(param) {
 };
 var StatusMessages = function(param) {
     var texts = param.texts;
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_themes58.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_themes58.Flex, {
         justify: "center",
         pb: "5",
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes58.Text, {
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_themes58.Text, {
                 size: "2",
                 weight: "regular",
                 color: "gray",
                 className: "status-messages-texts"
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("style", {
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("style", {
                 dangerouslySetInnerHTML: {
                     __html: html({
                         texts: texts
@@ -5141,11 +5186,11 @@ var StatusMessages = function(param) {
     });
 };
 // src/components/threads/AudioThread/Status/index.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var Status = function() {
     var audioThreadContext = useAudioThreadContext();
     if (audioThreadContext.status === "recording") {
-        return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(StatusMessages, {
+        return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(StatusMessages, {
             texts: [
                 "Start speaking",
                 "Listening",
@@ -5159,20 +5204,20 @@ var Status = function() {
         "idle",
         "playerPaused"
     ].includes(audioThreadContext.status)) {
-        return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(StatusMessages, {
+        return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(StatusMessages, {
             texts: [
                 "Click the button below to activate"
             ]
         });
     }
     if (audioThreadContext.status === "playing") {
-        return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(StatusMessages, {
+        return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(StatusMessages, {
             texts: [
                 "Click the button below to interrupt"
             ]
         });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(StatusMessages, {
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(StatusMessages, {
         texts: [
             "Thinking"
         ]
@@ -5181,9 +5226,9 @@ var Status = function() {
 // src/components/threads/AudioThread/Form/index.tsx
 var import_themes60 = require("@radix-ui/themes");
 // src/components/threads/AudioThread/Form/MicIcon.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var MicIcon = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("svg", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("svg", _object_spread_props(_object_spread({
         xmlns: "http://www.w3.org/2000/svg",
         fill: "currentColor",
         stroke: "currentColor",
@@ -5192,7 +5237,7 @@ var MicIcon = function(props) {
         height: "15",
         width: "15"
     }, props), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", {
             stroke: "none",
             d: "M192 0c-53 0-96 43-96 96v160c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM64 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h144c13.3 0 24-10.7 24-24s-10.7-24-24-24h-48v-33.6c85.8-11.7 152-85.3 152-174.4v-40c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128S64 326.7 64 256v-40z"
         })
@@ -5201,45 +5246,45 @@ var MicIcon = function(props) {
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
 var import_themes59 = require("@radix-ui/themes");
 var import_react_icons16 = require("@radix-ui/react-icons");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var ActionButton = function() {
     var audioThreadContext = useAudioThreadContext();
     var superinterfaceContext = useSuperinterfaceContext();
     if (audioThreadContext.status === "recording") {
-        return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_themes59.Flex, {
+        return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_themes59.Flex, {
             align: "center",
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.Flex, {
+                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.Flex, {
                     mr: "3",
                     ml: "-7",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.IconButton, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
                         onClick: audioThreadContext.recorderProps.pause,
                         color: "gray",
                         variant: "soft",
                         size: "1",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_icons16.PauseIcon, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_icons16.PauseIcon, {})
                     })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.IconButton, {
+                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
                     onClick: audioThreadContext.recorderProps.stop,
                     highContrast: true,
                     variant: "soft",
                     size: "4",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_icons16.ArrowUpIcon, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_icons16.ArrowUpIcon, {})
                 })
             ]
         });
     }
     if (audioThreadContext.status === "recorderPaused") {
-        return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.IconButton, {
+        return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
             onClick: audioThreadContext.recorderProps.resume,
             color: "red",
             size: "4",
-            children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_icons16.ResumeIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_icons16.ResumeIcon, {})
         });
     }
     if (audioThreadContext.status === "idle") {
-        return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.IconButton, {
+        return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
             onClick: function() {
                 return audioThreadContext.recorderProps.start();
             },
@@ -5248,7 +5293,7 @@ var ActionButton = function() {
         });
     }
     if (audioThreadContext.status === "playing") {
-        return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.IconButton, {
+        return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
             onClick: function() {
                 var _superinterfaceContext_createMessageAbortControllerRef_current;
                 audioThreadContext.messageAudioProps.stop();
@@ -5258,54 +5303,54 @@ var ActionButton = function() {
             size: "4",
             color: "gray",
             variant: "soft",
-            children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_icons16.StopIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_icons16.StopIcon, {})
         });
     }
     if (audioThreadContext.status === "playerPaused") {
-        return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.IconButton, {
+        return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
             onClick: function() {
                 return audioThreadContext.messageAudioProps.play();
             },
             size: "4",
-            children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_icons16.ResumeIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_icons16.ResumeIcon, {})
         });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes59.IconButton, {
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes59.IconButton, {
         size: "4",
         variant: "soft",
         disabled: true
     });
 };
 // src/components/threads/AudioThread/Form/index.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var Form = function() {
     var audioThreadContext = useAudioThreadContext();
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_themes60.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes60.Flex, {
         direction: "column",
         align: "center",
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_themes60.Flex, {
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes60.Flex, {
                 pb: "3",
                 align: "center",
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes60.Flex, {
+                    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_themes60.Flex, {
                         ml: "-22.5px",
                         mr: "2",
                         align: "center",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(MicIcon, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(MicIcon, {
                             style: {
                                 color: audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)"
                             }
                         })
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_themes60.Flex, {
+                    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_themes60.Flex, {
                         px: "2",
                         py: "1",
                         style: {
                             backgroundColor: audioThreadContext.status === "recording" ? "var(--accent-4)" : "var(--gray-4)",
                             borderRadius: "var(--radius-6)"
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(BarsVisualizer, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(BarsVisualizer, {
                             visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser,
                             backgroundColor: audioThreadContext.status === "recording" ? "var(--accent-11)" : "var(--gray-11)",
                             height: "20px",
@@ -5314,18 +5359,18 @@ var Form = function() {
                     })
                 ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ActionButton, {})
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ActionButton, {})
         ]
     });
 };
 // src/components/threads/AudioThread/index.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var AudioThread = function(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Root12, _object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(Root12, _object_spread_props(_object_spread({}, props), {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Visualization, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Status, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Form, {})
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Visualization, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Status, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Form, {})
         ]
     }));
 };
@@ -5334,14 +5379,14 @@ AudioThread.Visualization = Visualization;
 AudioThread.Status = Status;
 AudioThread.Form = Form;
 // src/components/threads/AudioThreadDialog/index.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var AudioThreadDialog = function() {
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Root9, {
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Root9, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Content5.Root, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(AudioThread, {})
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Content5.Root, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(AudioThread, {})
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Trigger, {})
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Trigger, {})
         ]
     });
 };
@@ -5359,7 +5404,7 @@ var import_themes62 = require("@radix-ui/themes");
 var import_react_icons17 = require("@radix-ui/react-icons");
 var import_themes61 = require("@radix-ui/themes");
 var import_react_query10 = require("@tanstack/react-query");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var Item = function(param) {
     var suggestion = param.suggestion, isDisabled = param.isDisabled;
     var addToast = useToasts().addToast;
@@ -5372,7 +5417,7 @@ var Item = function(param) {
             threadContext: threadContext
         })
     }), createMessage = _useCreateMessage.createMessage, isPending = _useCreateMessage.isPending;
-    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Content7, {
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Content7, {
         onClick: function() {
             createMessage({
                 // @ts-ignore-next-line
@@ -5386,7 +5431,7 @@ var Item = function(param) {
 };
 var Content7 = function(param) {
     var onClick = param.onClick, isDisabled = param.isDisabled, isPending = param.isPending, children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_themes61.Button, {
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_themes61.Button, {
         variant: "soft",
         onClick: onClick,
         disabled: isDisabled,
@@ -5396,14 +5441,14 @@ var Content7 = function(param) {
             flexShrink: 1
         },
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_themes61.Text, {
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes61.Text, {
                 size: "1",
                 weight: "regular",
                 children: children
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_themes61.Spinner, {
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_themes61.Spinner, {
                 loading: isPending,
-                children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_icons17.ArrowUpIcon, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_icons17.ArrowUpIcon, {
                     style: {
                         flexShrink: 0
                     }
@@ -5414,7 +5459,7 @@ var Content7 = function(param) {
 };
 Item.Content = Content7;
 // src/components/suggestions/Suggestions/Content.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var Content8 = function(param) {
     var children = param.children;
     var isMutatingMessage = useIsMutatingMessage();
@@ -5428,12 +5473,12 @@ var Content8 = function(param) {
         children
     ]);
     if ((0, import_radash18.isEmpty)(suggestions)) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes62.Flex, {
+    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes62.Flex, {
         gap: "2",
         py: "2",
         wrap: "wrap",
         children: suggestions.map(function(suggestion) {
-            return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Item, {
+            return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Item, {
                 suggestion: suggestion,
                 isDisabled: isMutatingMessage
             }, suggestion);
@@ -5441,7 +5486,7 @@ var Content8 = function(param) {
     });
 };
 // src/components/suggestions/Suggestions/index.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var Suggestions = function(param) {
     var children = param.children;
     var latestMessageProps = useLatestMessage();
@@ -5454,14 +5499,14 @@ var Suggestions = function(param) {
     ]);
     if (latestMessageProps.isLoading) return null;
     if (isDisabled) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Content8, {
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Content8, {
         children: children
     });
 };
 Suggestions.Item = Item;
 // src/components/markdown/MarkdownProvider/index.tsx
 var import_react63 = require("react");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var MarkdownProvider = function(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
@@ -5473,7 +5518,7 @@ var MarkdownProvider = function(_param) {
         rest,
         prevMarkdownContext
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(MarkdownContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(MarkdownContext.Provider, {
         value: value,
         children: children
     });
@@ -5532,11 +5577,11 @@ var optimizedSrc = function(param) {
     }));
 };
 // src/components/imageAvatars/ImageAvatar/index.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var ImageAvatar = function(param) {
     var imageAvatar = param.imageAvatar, size = param.size;
     var superinterfaceContext = useSuperinterfaceContext();
-    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_themes63.Avatar, {
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes63.Avatar, {
         fallback: "",
         src: optimizedSrc({
             imageAvatar: imageAvatar,
@@ -5554,7 +5599,7 @@ var import_react_icons18 = require("@radix-ui/react-icons");
 var _obj;
 var iconAvatarComponents = (_obj = {}, _define_property(_obj, "BACKPACK" /* BACKPACK */ , import_react_icons18.BackpackIcon), _define_property(_obj, "ROCKET" /* ROCKET */ , import_react_icons18.RocketIcon), _define_property(_obj, "MAGIC_WAND" /* MAGIC_WAND */ , import_react_icons18.MagicWandIcon), _define_property(_obj, "CUBE" /* CUBE */ , import_react_icons18.CubeIcon), _define_property(_obj, "TARGET" /* TARGET */ , import_react_icons18.TargetIcon), _define_property(_obj, "DISC" /* DISC */ , import_react_icons18.DiscIcon), _define_property(_obj, "GLOBE" /* GLOBE */ , import_react_icons18.GlobeIcon), _define_property(_obj, "STAR" /* STAR */ , import_react_icons18.StarIcon), _define_property(_obj, "LIGHTNING_BOLT" /* LIGHTNING_BOLT */ , import_react_icons18.LightningBoltIcon), _define_property(_obj, "FACE" /* FACE */ , import_react_icons18.FaceIcon), _define_property(_obj, "PERSON" /* PERSON */ , import_react_icons18.PersonIcon), _define_property(_obj, "HEART" /* HEART */ , import_react_icons18.HeartIcon), _obj);
 // src/components/iconAvatars/IconAvatar.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var IconAvatar = function(param) {
     var iconAvatar = param.iconAvatar, size = param.size;
     var Component = (0, import_react64.useMemo)(function() {
@@ -5562,30 +5607,30 @@ var IconAvatar = function(param) {
     }, [
         iconAvatar
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_themes64.Avatar, {
+    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes64.Avatar, {
         size: size,
-        fallback: Component ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Component, {}) : ""
+        fallback: Component ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Component, {}) : ""
     });
 };
 // src/components/avatars/Avatar.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var Avatar6 = function(param) {
     var avatar = param.avatar, _param_size = param.size, size = _param_size === void 0 ? "1" : _param_size;
     if (avatar) {
         if (avatar.type === "IMAGE" /* IMAGE */  && avatar.imageAvatar) {
-            return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ImageAvatar, {
+            return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ImageAvatar, {
                 imageAvatar: avatar.imageAvatar,
                 size: size
             });
         }
         if (avatar.type === "ICON" /* ICON */  && avatar.iconAvatar) {
-            return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(IconAvatar, {
+            return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(IconAvatar, {
                 iconAvatar: avatar.iconAvatar,
                 size: size
             });
         }
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes65.Avatar, {
+    return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_themes65.Avatar, {
         fallback: "",
         size: size
     });
@@ -5598,7 +5643,7 @@ var useComponents = function() {
     return (0, import_react65.useContext)(ComponentsContext);
 };
 // src/components/components/ComponentsProvider.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var ComponentsProvider = function(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
@@ -5610,7 +5655,7 @@ var ComponentsProvider = function(_param) {
         rest,
         prevComponents
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ComponentsContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ComponentsContext.Provider, {
         value: value,
         children: children
     });
@@ -5620,7 +5665,7 @@ var import_react68 = require("react");
 var import_themes66 = require("@radix-ui/themes");
 // src/components/assistants/AssistantProvider/Code.tsx
 var import_react67 = require("react");
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var Code4 = function(param) {
     var children = param.children, className = param.className, markdownContext = param.markdownContext;
     var messageContext = useMessageContext();
@@ -5636,12 +5681,12 @@ var Code4 = function(param) {
             className: className
         });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Suggestions, {
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Suggestions, {
         children: children
     });
 };
 // src/components/assistants/AssistantProvider/index.tsx
-var import_jsx_runtime96 = // @ts-ignore-next-line
+var import_jsx_runtime98 = // @ts-ignore-next-line
 require("react/jsx-runtime");
 var AssistantProvider = function(param) {
     var children = param.children;
@@ -5653,7 +5698,7 @@ var AssistantProvider = function(param) {
     var components2 = (0, import_react68.useMemo)(function() {
         return {
             code: function(props) {
-                return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Code4, _object_spread_props(_object_spread({}, props), {
+                return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Code4, _object_spread_props(_object_spread({}, props), {
                     markdownContext: markdownContext
                 }));
             }
@@ -5664,7 +5709,7 @@ var AssistantProvider = function(param) {
     if (!assistant) {
         return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_themes66.Theme, {
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_themes66.Theme, {
         accentColor: assistant.theme.accentColor,
         grayColor: assistant.theme.grayColor,
         radius: assistant.theme.radius,
@@ -5672,13 +5717,13 @@ var AssistantProvider = function(param) {
         scaling: assistant.theme.scaling,
         panelBackground: "solid",
         hasBackground: false,
-        children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(AssistantNameContext.Provider, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(AssistantNameContext.Provider, {
             value: assistant.name,
-            children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(AssistantAvatarContext.Provider, {
-                value: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Avatar6, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(AssistantAvatarContext.Provider, {
+                value: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Avatar6, {
                     avatar: assistant.avatar
                 }),
-                children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(MarkdownProvider, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(MarkdownProvider, {
                     components: components2,
                     children: children
                 })