@superinterface/react 2.17.5 → 2.19.0

package/dist/index.cjs

@@ -397,6 +397,9 @@ __export(src_exports, {
     AudioThreadDialog: function() {
         return AudioThreadDialog;
     },
+    Avatar: function() {
+        return Avatar6;
+    },
     ComponentsProvider: function() {
         return ComponentsProvider;
     },
@@ -433,6 +436,9 @@ __export(src_exports, {
     UserAvatarContext: function() {
         return UserAvatarContext;
     },
+    useAssistant: function() {
+        return useAssistant;
+    },
     useComponents: function() {
         return useComponents;
     },
@@ -1917,7 +1923,6 @@ var useInfiniteScroll = function(param) {
         if (isFetchingNextPage) return;
         if (!inView) return;
         if (!hasNextPage) return;
-        console.log("Fetching next page");
         fetchNextPage();
     }, 500, [
         inView,
@@ -3394,25 +3399,123 @@ var import_react39 = require("react");
 var useMessageContext = function() {
     return (0, import_react39.useContext)(MessageContext);
 };
+// src/hooks/assistants/useAssistant/index.ts
+var import_react40 = require("react");
+var import_react_query8 = require("@tanstack/react-query");
+// src/hooks/assistants/useAssistant/lib/queryOptions/index.ts
+var import_react_query7 = require("@tanstack/react-query");
+// src/hooks/assistants/useAssistant/lib/queryOptions/queryFn.ts
+var queryFn = function(param) {
+    var superinterfaceContext = param.superinterfaceContext;
+    return function() {
+        var _ref = _async_to_generator(function(param) {
+            var queryKey, _queryKey, _key, assistantId, params;
+            return _ts_generator(this, function(_state) {
+                queryKey = param.queryKey;
+                _queryKey = _sliced_to_array(queryKey, 2), _key = _queryKey[0], assistantId = _queryKey[1].assistantId;
+                params = new URLSearchParams({
+                    publicApiKey: superinterfaceContext.variables.publicApiKey
+                });
+                return [
+                    2,
+                    fetch("".concat(superinterfaceContext.baseUrl, "/assistants/").concat(assistantId, "?").concat(params)).then(function() {
+                        var _ref = _async_to_generator(function(response) {
+                            var errorResponse, error;
+                            return _ts_generator(this, function(_state) {
+                                switch(_state.label){
+                                    case 0:
+                                        if (!(response.status !== 200)) return [
+                                            3,
+                                            4
+                                        ];
+                                        _state.label = 1;
+                                    case 1:
+                                        _state.trys.push([
+                                            1,
+                                            3,
+                                            ,
+                                            4
+                                        ]);
+                                        return [
+                                            4,
+                                            response.json()
+                                        ];
+                                    case 2:
+                                        errorResponse = _state.sent();
+                                        throw new Error(errorResponse.error);
+                                    case 3:
+                                        error = _state.sent();
+                                        throw new Error("Failed to fetch");
+                                    case 4:
+                                        return [
+                                            2,
+                                            response.json()
+                                        ];
+                                }
+                            });
+                        });
+                        return function(response) {
+                            return _ref.apply(this, arguments);
+                        };
+                    }())
+                ];
+            });
+        });
+        return function(_) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+};
+// src/hooks/assistants/useAssistant/lib/queryOptions/index.ts
+var queryOptions2 = function(param) {
+    var assistantId = param.assistantId, superinterfaceContext = param.superinterfaceContext;
+    return (0, import_react_query7.queryOptions)({
+        queryKey: [
+            "assistants",
+            {
+                assistantId: assistantId
+            }
+        ],
+        queryFn: queryFn({
+            superinterfaceContext: superinterfaceContext
+        })
+    });
+};
+// src/hooks/assistants/useAssistant/index.ts
+var useAssistant = function(param) {
+    var assistantId = param.assistantId;
+    var superinterfaceContext = useSuperinterfaceContext();
+    var props = (0, import_react_query8.useQuery)(queryOptions2({
+        assistantId: assistantId,
+        superinterfaceContext: superinterfaceContext
+    }));
+    return (0, import_react40.useMemo)(function() {
+        return _object_spread_props(_object_spread({}, props), {
+            assistant: props.data ? props.data.assistant : null
+        });
+    }, [
+        props
+    ]);
+};
 // src/components/threads/ThreadDialog/Provider/index.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 // src/contexts/threads/ThreadDialogContext/index.ts
-var import_react40 = require("react");
-var ThreadDialogContext = (0, import_react40.createContext)({
+var import_react41 = require("react");
+var ThreadDialogContext = (0, import_react41.createContext)({
     isOpen: false,
     setIsOpen: function() {}
 });
 // src/hooks/threads/useThreadDialogContext/index.ts
-var import_react41 = require("react");
+var import_react42 = require("react");
 var useThreadDialogContext = function() {
-    return (0, import_react41.useContext)(ThreadDialogContext);
+    return (0, import_react42.useContext)(ThreadDialogContext);
 };
 // src/components/threads/ThreadDialog/Provider/index.tsx
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var Provider3 = function(param) {
     var children = param.children;
     var threadDialogContext = useThreadDialogContext();
-    var _ref = _sliced_to_array((0, import_react42.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
+    var _ref = _sliced_to_array((0, import_react43.useState)(threadDialogContext.isOpen), 2), isOpen = _ref[0], setIsOpen = _ref[1];
     return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ThreadDialogContext.Provider, {
         value: {
             isOpen: isOpen,
@@ -3422,7 +3525,7 @@ var Provider3 = function(param) {
     });
 };
 // src/components/toasts/ToastsProvider/index.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 var Toast2 = __toESM(require("@radix-ui/react-toast"), 1);
 // src/components/toasts/ToastsProvider/CustomToast.tsx
 var Toast = __toESM(require("@radix-ui/react-toast"), 1);
@@ -3461,8 +3564,8 @@ var CustomToast = function(param) {
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var ToastsProvider = function(param) {
     var children = param.children;
-    var _ref = _sliced_to_array((0, import_react43.useState)([]), 2), toasts = _ref[0], setToasts = _ref[1];
-    var addToast = (0, import_react43.useCallback)(function(toast) {
+    var _ref = _sliced_to_array((0, import_react44.useState)([]), 2), toasts = _ref[0], setToasts = _ref[1];
+    var addToast = (0, import_react44.useCallback)(function(toast) {
         return setToasts(function(prevToasts) {
             return _to_consumable_array(prevToasts).concat([
                 toast
@@ -3709,8 +3812,8 @@ ThreadDialog.Content = Content4;
 // src/components/threads/AudioThread/Root/index.tsx
 var import_themes45 = require("@radix-ui/themes");
 // src/contexts/threads/AudioThreadContext/index.ts
-var import_react44 = require("react");
-var AudioThreadContext = (0, import_react44.createContext)({
+var import_react45 = require("react");
+var AudioThreadContext = (0, import_react45.createContext)({
     status: "idle",
     recorderProps: {
         status: "idle",
@@ -3766,7 +3869,7 @@ var AudioThreadContext = (0, import_react44.createContext)({
     }
 });
 // src/hooks/misc/usePermission/index.ts
-var import_react45 = require("react");
+var import_react46 = require("react");
 // src/hooks/misc/usePermission/util.ts
 var noop = function() {};
 function on(obj) {
@@ -3789,8 +3892,8 @@ function off(obj) {
 }
 // src/hooks/misc/usePermission/index.ts
 var usePermission = function(permissionDesc) {
-    var _ref = _sliced_to_array((0, import_react45.useState)(""), 2), state = _ref[0], setState = _ref[1];
-    (0, import_react45.useEffect)(function() {
+    var _ref = _sliced_to_array((0, import_react46.useState)(""), 2), state = _ref[0], setState = _ref[1];
+    (0, import_react46.useEffect)(function() {
         var mounted = true;
         var permissionStatus = null;
         var onChange = function() {
@@ -3828,11 +3931,11 @@ var blobToData = function(blob) {
     });
 };
 // src/hooks/audioThreads/useStatus/index.ts
-var import_react46 = require("react");
+var import_react47 = require("react");
 var useStatus = function(param) {
     var messageAudioProps = param.messageAudioProps, recorderProps = param.recorderProps, createMessageProps = param.createMessageProps;
     var latestMessageProps = useLatestMessage();
-    var status = (0, import_react46.useMemo)(function() {
+    var status = (0, import_react47.useMemo)(function() {
         var _latestMessageProps_latestMessage;
         if (recorderProps.status === "recording") return "recording";
         if (createMessageProps.isPending) return "creatingMessage";
@@ -3856,16 +3959,16 @@ var useStatus = function(param) {
 // src/hooks/audioThreads/useRecorder/index.ts
 var import_dayjs3 = __toESM(require("dayjs"), 1);
 var import_use_audio_capture = require("use-audio-capture");
-var import_react48 = require("react");
+var import_react49 = require("react");
 var import_react_use_audio_player = require("react-use-audio-player");
 // src/hooks/misc/useInterval.ts
-var import_react47 = require("react");
+var import_react48 = require("react");
 var useInterval = function(callback, delay) {
-    var savedCallback = (0, import_react47.useRef)(function() {});
-    (0, import_react47.useEffect)(function() {
+    var savedCallback = (0, import_react48.useRef)(function() {});
+    (0, import_react48.useEffect)(function() {
         savedCallback.current = callback;
     });
-    (0, import_react47.useEffect)(function() {
+    (0, import_react48.useEffect)(function() {
         if (delay !== null) {
             var interval = setInterval(function() {
                 return savedCallback.current();
@@ -3882,14 +3985,14 @@ var useInterval = function(callback, delay) {
 // src/hooks/audioThreads/useRecorder/index.ts
 var useRecorder = function(param) {
     var isStopOnSilence = param.isStopOnSilence, onStart = param.onStart, onStop = param.onStop;
-    var _ref = _sliced_to_array((0, import_react48.useState)(null), 2), silenceStart = _ref[0], setSilenceStart = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react48.useState)(null), 2), noiseStart = _ref1[0], setNoiseStart = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react48.useState)(null), 2), mediaStream = _ref2[0], setMediaStream = _ref2[1];
-    var _ref3 = _sliced_to_array((0, import_react48.useState)("idle"), 2), status = _ref3[0], setStatus = _ref3[1];
+    var _ref = _sliced_to_array((0, import_react49.useState)(null), 2), silenceStart = _ref[0], setSilenceStart = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react49.useState)(null), 2), noiseStart = _ref1[0], setNoiseStart = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react49.useState)(null), 2), mediaStream = _ref2[0], setMediaStream = _ref2[1];
+    var _ref3 = _sliced_to_array((0, import_react49.useState)("idle"), 2), status = _ref3[0], setStatus = _ref3[1];
     var startAudioPlayer = (0, import_react_use_audio_player.useAudioPlayer)();
     var endAudioPlayer = (0, import_react_use_audio_player.useAudioPlayer)();
-    var _ref4 = _sliced_to_array((0, import_react48.useState)(false), 2), isLoaded = _ref4[0], setIsLoaded = _ref4[1];
-    (0, import_react48.useEffect)(function() {
+    var _ref4 = _sliced_to_array((0, import_react49.useState)(false), 2), isLoaded = _ref4[0], setIsLoaded = _ref4[1];
+    (0, import_react49.useEffect)(function() {
         if (isLoaded) return;
         setIsLoaded(true);
     }, [
@@ -3947,9 +4050,9 @@ var useRecorder = function(param) {
             setNoiseStart(null);
         }
     });
-    var _ref5 = _sliced_to_array((0, import_react48.useState)(null), 2), audioEngine = _ref5[0], setAudioEngine = _ref5[1];
-    var isInited = (0, import_react48.useRef)(false);
-    (0, import_react48.useEffect)(function() {
+    var _ref5 = _sliced_to_array((0, import_react49.useState)(null), 2), audioEngine = _ref5[0], setAudioEngine = _ref5[1];
+    var isInited = (0, import_react49.useRef)(false);
+    (0, import_react49.useEffect)(function() {
         if (!mediaStream) return;
         if (isInited.current) return;
         isInited.current = true;
@@ -3962,7 +4065,7 @@ var useRecorder = function(param) {
         isInited,
         mediaStream
     ]);
-    var visualizationAnalyser = (0, import_react48.useMemo)(function() {
+    var visualizationAnalyser = (0, import_react49.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(result);
@@ -3970,7 +4073,7 @@ var useRecorder = function(param) {
     }, [
         audioEngine
     ]);
-    var silenceAnalyser = (0, import_react48.useMemo)(function() {
+    var silenceAnalyser = (0, import_react49.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         result.minDecibels = -60;
@@ -3979,7 +4082,7 @@ var useRecorder = function(param) {
     }, [
         audioEngine
     ]);
-    var handleSilence = (0, import_react48.useCallback)(function() {
+    var handleSilence = (0, import_react49.useCallback)(function() {
         if (!silenceAnalyser) return;
         var frequencyData = new Uint8Array(silenceAnalyser.frequencyBinCount);
         silenceAnalyser.getByteFrequencyData(frequencyData);
@@ -4002,7 +4105,7 @@ var useRecorder = function(param) {
         setNoiseStart,
         setSilenceStart
     ]);
-    (0, import_react48.useEffect)(function() {
+    (0, import_react49.useEffect)(function() {
         if (!isStopOnSilence) return;
         requestAnimationFrame(function() {
             return handleSilence();
@@ -4025,7 +4128,7 @@ var useRecorder = function(param) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_compromise = __toESM(require("compromise"), 1);
 var import_howler = require("howler");
 var import_react_use_audio_player2 = require("react-use-audio-player");
@@ -4063,15 +4166,15 @@ var getMessageSentences = function(param) {
 };
 var useMessageAudio = function(param) {
     var onEnd = param.onEnd;
-    var _ref = _sliced_to_array((0, import_react49.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react49.useState)([]), 2), stoppedMessageIds = _ref1[0], setStoppedMessageIds = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react49.useState)([]), 2), playedMessageSentences = _ref2[0], setPlayedMessageSentences = _ref2[1];
+    var _ref = _sliced_to_array((0, import_react50.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react50.useState)([]), 2), stoppedMessageIds = _ref1[0], setStoppedMessageIds = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react50.useState)([]), 2), playedMessageSentences = _ref2[0], setPlayedMessageSentences = _ref2[1];
     var audioPlayer = (0, import_react_use_audio_player2.useAudioPlayer)();
     var nextAudioPlayer = (0, import_react_use_audio_player2.useAudioPlayer)();
     var superinterfaceContext = useSuperinterfaceContext();
-    var _ref3 = _sliced_to_array((0, import_react49.useState)(false), 2), isPlaying = _ref3[0], setIsPlaying = _ref3[1];
+    var _ref3 = _sliced_to_array((0, import_react50.useState)(false), 2), isPlaying = _ref3[0], setIsPlaying = _ref3[1];
     var latestMessageProps = useLatestMessage();
-    var unplayedMessageSentences = (0, import_react49.useMemo)(function() {
+    var unplayedMessageSentences = (0, import_react50.useMemo)(function() {
         if (!latestMessageProps.latestMessage) return [];
         if (latestMessageProps.latestMessage.role !== "assistant") return [];
         if (stoppedMessageIds.includes(latestMessageProps.latestMessage.id)) return [];
@@ -4092,7 +4195,7 @@ var useMessageAudio = function(param) {
         latestMessageProps,
         playedMessageSentences
     ]);
-    (0, import_react49.useEffect)(function() {
+    (0, import_react50.useEffect)(function() {
         if (isPlaying) return;
         if (audioPlayer.playing) return;
         if (!latestMessageProps.latestMessage) return;
@@ -4160,7 +4263,7 @@ var useMessageAudio = function(param) {
         playedMessageSentences,
         onEnd
     ]);
-    (0, import_react49.useEffect)(function() {
+    (0, import_react50.useEffect)(function() {
         if (isHtmlAudioSupported) {
             var _import_howler_Howler__howls___sounds_, _import_howler_Howler__howls_, _import_howler_Howler;
             if (!((_import_howler_Howler = import_howler.Howler) === null || _import_howler_Howler === void 0 ? void 0 : (_import_howler_Howler__howls_ = _import_howler_Howler._howls[0]) === null || _import_howler_Howler__howls_ === void 0 ? void 0 : (_import_howler_Howler__howls___sounds_ = _import_howler_Howler__howls_._sounds[0]) === null || _import_howler_Howler__howls___sounds_ === void 0 ? void 0 : _import_howler_Howler__howls___sounds_._node)) return;
@@ -4169,9 +4272,9 @@ var useMessageAudio = function(param) {
     }, [
         audioPlayer
     ]);
-    var _ref4 = _sliced_to_array((0, import_react49.useState)(null), 2), audioEngine = _ref4[0], setAudioEngine = _ref4[1];
-    var isAudioEngineInited = (0, import_react49.useRef)(false);
-    (0, import_react49.useEffect)(function() {
+    var _ref4 = _sliced_to_array((0, import_react50.useState)(null), 2), audioEngine = _ref4[0], setAudioEngine = _ref4[1];
+    var isAudioEngineInited = (0, import_react50.useRef)(false);
+    (0, import_react50.useEffect)(function() {
         if (!audioPlayer.playing) return;
         if (isAudioEngineInited.current) return;
         isAudioEngineInited.current = true;
@@ -4192,7 +4295,7 @@ var useMessageAudio = function(param) {
         audioPlayer,
         isAudioEngineInited
     ]);
-    var visualizationAnalyser = (0, import_react49.useMemo)(function() {
+    var visualizationAnalyser = (0, import_react50.useMemo)(function() {
         if (!audioEngine) return null;
         var result = audioEngine.audioContext.createAnalyser();
         audioEngine.source.connect(audioEngine.audioContext.destination);
@@ -4201,7 +4304,7 @@ var useMessageAudio = function(param) {
     }, [
         audioEngine
     ]);
-    var isPending = (0, import_react49.useMemo)(function() {
+    var isPending = (0, import_react50.useMemo)(function() {
         return isPlaying || unplayedMessageSentences.length > 0;
     }, [
         isPlaying,
@@ -4288,25 +4391,25 @@ var Root12 = function(param) {
     });
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 var import_lodash9 = __toESM(require("lodash"), 1);
 var import_themes47 = require("@radix-ui/themes");
 // src/hooks/threads/useAudioThreadContext/index.ts
-var import_react50 = require("react");
+var import_react51 = require("react");
 var useAudioThreadContext = function() {
-    return (0, import_react50.useContext)(AudioThreadContext);
+    return (0, import_react51.useContext)(AudioThreadContext);
 };
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
 var import_lodash8 = __toESM(require("lodash"), 1);
 var import_themes46 = require("@radix-ui/themes");
-var import_react51 = require("react");
+var import_react52 = require("react");
 var import_radash16 = require("radash");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 var barCount = 4;
 var BarsVisualizer = function(param) {
     var visualizationAnalyser = param.visualizationAnalyser, backgroundColor = param.backgroundColor, height = param.height, barWidth = param.barWidth;
-    var _ref = _sliced_to_array((0, import_react51.useState)([]), 2), barHeights = _ref[0], setBarHeights = _ref[1];
-    var draw = (0, import_react51.useCallback)(function(param) {
+    var _ref = _sliced_to_array((0, import_react52.useState)([]), 2), barHeights = _ref[0], setBarHeights = _ref[1];
+    var draw = (0, import_react52.useCallback)(function(param) {
         var visualizationAnalyser2 = param.visualizationAnalyser;
         if (!visualizationAnalyser2) {
             setBarHeights(Array(barCount).fill(0));
@@ -4324,7 +4427,7 @@ var BarsVisualizer = function(param) {
             });
         });
     }, []);
-    (0, import_react51.useEffect)(function() {
+    (0, import_react52.useEffect)(function() {
         draw({
             visualizationAnalyser: visualizationAnalyser
         });
@@ -4364,9 +4467,9 @@ var BarsVisualizer = function(param) {
 var import_jsx_runtime68 = require("react/jsx-runtime");
 var Visualization = function() {
     var audioThreadContext = useAudioThreadContext();
-    var assistantNameContext = (0, import_react52.useContext)(AssistantNameContext);
-    var _ref = _sliced_to_array((0, import_react52.useState)(0), 2), scale = _ref[0], setScale = _ref[1];
-    var draw = (0, import_react52.useCallback)(function(param) {
+    var assistantNameContext = (0, import_react53.useContext)(AssistantNameContext);
+    var _ref = _sliced_to_array((0, import_react53.useState)(0), 2), scale = _ref[0], setScale = _ref[1];
+    var draw = (0, import_react53.useCallback)(function(param) {
         var visualizationAnalyser = param.visualizationAnalyser;
         if (!visualizationAnalyser) {
             setScale(1);
@@ -4381,7 +4484,7 @@ var Visualization = function() {
             });
         });
     }, []);
-    (0, import_react52.useEffect)(function() {
+    (0, import_react53.useEffect)(function() {
         draw({
             visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser
         });
@@ -4666,9 +4769,9 @@ AudioThreadDialog.Root = Root9;
 AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Content = Content4;
 // src/components/suggestions/Suggestions/index.tsx
-var import_react54 = require("react");
+var import_react55 = require("react");
 // src/components/suggestions/Suggestions/Content.tsx
-var import_react53 = require("react");
+var import_react54 = require("react");
 var import_radash17 = require("radash");
 var import_react_children_utilities = require("react-children-utilities");
 var import_themes52 = require("@radix-ui/themes");
@@ -4725,7 +4828,7 @@ var import_jsx_runtime77 = require("react/jsx-runtime");
 var Content6 = function(param) {
     var children = param.children;
     var isMutatingMessage = useIsMutatingMessage();
-    var suggestions = (0, import_react53.useMemo)(function() {
+    var suggestions = (0, import_react54.useMemo)(function() {
         return (0, import_react_children_utilities.onlyText)(children).split(/\r?\n/).filter(function(c) {
             return !(0, import_radash17.isEmpty)(c);
         }).map(function(c) {
@@ -4752,7 +4855,7 @@ var import_jsx_runtime78 = require("react/jsx-runtime");
 var Suggestions = function(param) {
     var children = param.children;
     var latestMessageProps = useLatestMessage();
-    var isDisabled = (0, import_react54.useMemo)(function() {
+    var isDisabled = (0, import_react55.useMemo)(function() {
         var // @ts-ignore-next-line
         _latestMessageProps_latestMessage_metadata, _latestMessageProps_latestMessage;
         return (_latestMessageProps_latestMessage = latestMessageProps.latestMessage) === null || _latestMessageProps_latestMessage === void 0 ? void 0 : (_latestMessageProps_latestMessage_metadata = _latestMessageProps_latestMessage.metadata) === null || _latestMessageProps_latestMessage_metadata === void 0 ? void 0 : _latestMessageProps_latestMessage_metadata.isBlocking;
@@ -4767,14 +4870,14 @@ var Suggestions = function(param) {
 };
 Suggestions.Item = Item;
 // src/components/markdown/MarkdownProvider/index.tsx
-var import_react55 = require("react");
+var import_react56 = require("react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 var MarkdownProvider = function(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
     ]);
     var prevMarkdownContext = useMarkdownContext();
-    var value = (0, import_react55.useMemo)(function() {
+    var value = (0, import_react56.useMemo)(function() {
         return merge(prevMarkdownContext, rest);
     }, [
         rest,
@@ -4785,27 +4888,108 @@ var MarkdownProvider = function(_param) {
         children: children
     });
 };
-// src/components/components/ComponentsProvider.tsx
+// src/components/avatars/Avatar.tsx
+var import_themes55 = require("@radix-ui/themes");
+// src/components/imageAvatars/ImageAvatar.tsx
+var import_themes53 = require("@radix-ui/themes");
+var import_jsx_runtime80 = require("react/jsx-runtime");
+var width = function(param) {
+    var size = param.size;
+    if (size === "1") {
+        return 48;
+    } else if (size === "3") {
+        return 96;
+    }
+    return 96;
+};
+var optimizedSrc = function(param) {
+    var imageAvatar = param.imageAvatar, size = param.size, superinterfaceContext = param.superinterfaceContext;
+    if (!imageAvatar.url) return "";
+    if (imageAvatar.url.endsWith(".svg")) return imageAvatar.url;
+    if (!superinterfaceContext.baseUrl) return imageAvatar.url;
+    var baseUrl2 = new URL(superinterfaceContext.baseUrl);
+    return new URL("/_next/image?url=".concat(encodeURIComponent(imageAvatar.url), "&w=").concat(width({
+        size: size
+    }), "&q=95"), "".concat(baseUrl2.origin)).toString();
+};
+var ImageAvatar = function(param) {
+    var imageAvatar = param.imageAvatar, size = param.size;
+    var superinterfaceContext = useSuperinterfaceContext();
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_themes53.Avatar, {
+        fallback: "",
+        src: optimizedSrc({
+            imageAvatar: imageAvatar,
+            size: size,
+            superinterfaceContext: superinterfaceContext
+        }),
+        size: size
+    });
+};
+// src/components/iconAvatars/IconAvatar.tsx
 var import_react57 = require("react");
+var import_themes54 = require("@radix-ui/themes");
+// src/lib/iconAvatars/iconAvatarComponents.ts
+var import_react_icons15 = require("@radix-ui/react-icons");
+var _obj;
+var iconAvatarComponents = (_obj = {}, _define_property(_obj, "BACKPACK" /* BACKPACK */ , import_react_icons15.BackpackIcon), _define_property(_obj, "ROCKET" /* ROCKET */ , import_react_icons15.RocketIcon), _define_property(_obj, "MAGIC_WAND" /* MAGIC_WAND */ , import_react_icons15.MagicWandIcon), _define_property(_obj, "CUBE" /* CUBE */ , import_react_icons15.CubeIcon), _define_property(_obj, "TARGET" /* TARGET */ , import_react_icons15.TargetIcon), _define_property(_obj, "DISC" /* DISC */ , import_react_icons15.DiscIcon), _define_property(_obj, "GLOBE" /* GLOBE */ , import_react_icons15.GlobeIcon), _define_property(_obj, "STAR" /* STAR */ , import_react_icons15.StarIcon), _define_property(_obj, "LIGHTNING_BOLT" /* LIGHTNING_BOLT */ , import_react_icons15.LightningBoltIcon), _define_property(_obj, "FACE" /* FACE */ , import_react_icons15.FaceIcon), _define_property(_obj, "PERSON" /* PERSON */ , import_react_icons15.PersonIcon), _define_property(_obj, "HEART" /* HEART */ , import_react_icons15.HeartIcon), _obj);
+// src/components/iconAvatars/IconAvatar.tsx
+var import_jsx_runtime81 = require("react/jsx-runtime");
+var IconAvatar = function(param) {
+    var iconAvatar = param.iconAvatar, size = param.size;
+    var Component = (0, import_react57.useMemo)(function() {
+        return iconAvatarComponents[iconAvatar.name];
+    }, [
+        iconAvatar
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_themes54.Avatar, {
+        size: size,
+        fallback: Component ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Component, {}) : ""
+    });
+};
+// src/components/avatars/Avatar.tsx
+var import_jsx_runtime82 = 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_runtime82.jsx)(ImageAvatar, {
+                imageAvatar: avatar.imageAvatar,
+                size: size
+            });
+        }
+        if (avatar.type === "ICON" /* ICON */  && avatar.iconAvatar) {
+            return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(IconAvatar, {
+                iconAvatar: avatar.iconAvatar,
+                size: size
+            });
+        }
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_themes55.Avatar, {
+        fallback: "",
+        size: size
+    });
+};
+// src/components/components/ComponentsProvider.tsx
+var import_react59 = require("react");
 // src/hooks/components/useComponents.ts
-var import_react56 = require("react");
+var import_react58 = require("react");
 var useComponents = function() {
-    return (0, import_react56.useContext)(ComponentsContext);
+    return (0, import_react58.useContext)(ComponentsContext);
 };
 // src/components/components/ComponentsProvider.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var ComponentsProvider = function(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
     ]);
     var prevComponents = useComponents();
-    var value = (0, import_react57.useMemo)(function() {
+    var value = (0, import_react59.useMemo)(function() {
         return merge(prevComponents, rest);
     }, [
         rest,
         prevComponents
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ComponentsContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ComponentsContext.Provider, {
         value: value,
         children: children
     });
@@ -4816,6 +5000,7 @@ var ComponentsProvider = function(_param) {
     AssistantNameContext: AssistantNameContext,
     AudioThread: AudioThread,
     AudioThreadDialog: AudioThreadDialog,
+    Avatar: Avatar,
     ComponentsProvider: ComponentsProvider,
     FunctionBase: FunctionBase,
     FunctionComponentsContext: FunctionComponentsContext,
@@ -4828,6 +5013,7 @@ var ComponentsProvider = function(_param) {
     ThreadDialog: ThreadDialog,
     ThreadDialogContext: ThreadDialogContext,
     UserAvatarContext: UserAvatarContext,
+    useAssistant: useAssistant,
     useComponents: useComponents,
     useCreateMessage: useCreateMessage,
     useLatestMessage: useLatestMessage,