@superinterface/react 4.1.0 → 4.1.1

package/dist/index.d.cts

@@ -803,6 +803,7 @@ declare const useComponents: () => {
             Content: () => react_jsx_runtime.JSX.Element;
         };
         StartingContentSkeleton: () => react_jsx_runtime.JSX.Element;
+        MessagesSkeleton: react.ForwardRefExoticComponent<react.RefAttributes<unknown>>;
     };
 };
 
@@ -860,6 +861,8 @@ declare const MessageGroup: {
     Content: ({ messageGroup, }: Args$1) => react_jsx_runtime.JSX.Element;
 };
 
+declare const MessagesSkeleton: react.ForwardRefExoticComponent<react.RefAttributes<unknown>>;
+
 type Args = {
     children?: React.ReactNode;
 };
@@ -869,6 +872,8 @@ declare const StartingSkeleton: {
     Content: () => react_jsx_runtime.JSX.Element;
 };
 
+declare const StartingContentSkeleton: () => react_jsx_runtime.JSX.Element;
+
 declare const useCreateFile: ({ onError, }?: {
     onError?: (error: unknown) => void;
 }) => {
@@ -978,4 +983,4 @@ declare const useCreateFile: ({ onError, }?: {
     }, any>;
 };
 
-export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, Gui, MarkdownContext, MarkdownProvider, MessageContent, MessageGroup, RunStep, SourceAnnotation, StartingSkeleton, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, TtsAudioRuntimeProvider, UserAvatarContext, WebrtcAudioRuntimeProvider, useAssistant, useAudioThreadContext, useComponents, useCreateFile, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext, useTtsAudioRuntime, useWebrtcAudioRuntime };
+export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, Gui, MarkdownContext, MarkdownProvider, MessageContent, MessageGroup, MessagesSkeleton, RunStep, SourceAnnotation, StartingContentSkeleton, StartingSkeleton, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, TtsAudioRuntimeProvider, UserAvatarContext, WebrtcAudioRuntimeProvider, useAssistant, useAudioThreadContext, useComponents, useCreateFile, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext, useTtsAudioRuntime, useWebrtcAudioRuntime };

package/dist/index.d.ts

@@ -803,6 +803,7 @@ declare const useComponents: () => {
             Content: () => react_jsx_runtime.JSX.Element;
         };
         StartingContentSkeleton: () => react_jsx_runtime.JSX.Element;
+        MessagesSkeleton: react.ForwardRefExoticComponent<react.RefAttributes<unknown>>;
     };
 };
 
@@ -860,6 +861,8 @@ declare const MessageGroup: {
     Content: ({ messageGroup, }: Args$1) => react_jsx_runtime.JSX.Element;
 };
 
+declare const MessagesSkeleton: react.ForwardRefExoticComponent<react.RefAttributes<unknown>>;
+
 type Args = {
     children?: React.ReactNode;
 };
@@ -869,6 +872,8 @@ declare const StartingSkeleton: {
     Content: () => react_jsx_runtime.JSX.Element;
 };
 
+declare const StartingContentSkeleton: () => react_jsx_runtime.JSX.Element;
+
 declare const useCreateFile: ({ onError, }?: {
     onError?: (error: unknown) => void;
 }) => {
@@ -978,4 +983,4 @@ declare const useCreateFile: ({ onError, }?: {
     }, any>;
 };
 
-export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, Gui, MarkdownContext, MarkdownProvider, MessageContent, MessageGroup, RunStep, SourceAnnotation, StartingSkeleton, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, TtsAudioRuntimeProvider, UserAvatarContext, WebrtcAudioRuntimeProvider, useAssistant, useAudioThreadContext, useComponents, useCreateFile, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext, useTtsAudioRuntime, useWebrtcAudioRuntime };
+export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, Gui, MarkdownContext, MarkdownProvider, MessageContent, MessageGroup, MessagesSkeleton, RunStep, SourceAnnotation, StartingContentSkeleton, StartingSkeleton, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, TtsAudioRuntimeProvider, UserAvatarContext, WebrtcAudioRuntimeProvider, useAssistant, useAudioThreadContext, useComponents, useCreateFile, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext, useTtsAudioRuntime, useWebrtcAudioRuntime };

package/dist/index.js

@@ -37816,12 +37816,12 @@ import { c as _c75 } from "react-compiler-runtime";
 import { c as _c65 } from "react-compiler-runtime";
 import { Flex as Flex18 } from "@radix-ui/themes";
 // src/components/threads/Thread/Message/index.tsx
-import { c as _c58 } from "react-compiler-runtime";
+import { c as _c59 } from "react-compiler-runtime";
 import { useMemo as useMemo10 } from "react";
-import { Box as Box11 } from "@radix-ui/themes";
+import { Box as Box12 } from "@radix-ui/themes";
 // src/components/runSteps/RunSteps/index.tsx
-import { c as _c54 } from "react-compiler-runtime";
-import { Flex as Flex15 } from "@radix-ui/themes";
+import { c as _c55 } from "react-compiler-runtime";
+import { Flex as Flex16 } from "@radix-ui/themes";
 import { useContext as useContext14 } from "react";
 // src/contexts/components/ComponentsContext/index.tsx
 import { createContext as createContext9 } from "react";
@@ -43455,6 +43455,102 @@ var Root5 = function(t0) {
 var Content6 = StartingContentSkeleton;
 StartingSkeleton.Root = Root5;
 StartingSkeleton.Content = Content6;
+// src/components/skeletons/MessagesSkeleton/index.tsx
+import { c as _c54 } from "react-compiler-runtime";
+import { forwardRef as forwardRef3 } from "react";
+import { Flex as Flex15, Avatar as Avatar3, Box as Box11, Skeleton as Skeleton2 } from "@radix-ui/themes";
+import { jsx as _jsx56, jsxs as _jsxs17 } from "react/jsx-runtime";
+var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_props, ref) {
+    var $ = _c54(7);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ _jsx56(Skeleton2, {
+            loading: true,
+            children: /* @__PURE__ */ _jsx56(Avatar3, {
+                fallback: /* @__PURE__ */ _jsx56(Flex15, {}),
+                size: "1"
+            })
+        });
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = /* @__PURE__ */ _jsx56(MessageGroup.Name, {
+            children: /* @__PURE__ */ _jsx56(Skeleton2, {
+                loading: true,
+                style: {
+                    width: "128px"
+                }
+            })
+        });
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = /* @__PURE__ */ _jsx56(Skeleton2, {
+            loading: true,
+            style: {
+                width: "256px"
+            }
+        });
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    var t3;
+    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = /* @__PURE__ */ _jsx56(Skeleton2, {
+            loading: true,
+            style: {
+                width: "256px",
+                marginTop: "var(--space-2)"
+            }
+        });
+        $[3] = t3;
+    } else {
+        t3 = $[3];
+    }
+    var t4;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = /* @__PURE__ */ _jsxs17(Box11, {
+            pb: "3",
+            children: [
+                t1,
+                t2,
+                t3,
+                /* @__PURE__ */ _jsx56(Skeleton2, {
+                    loading: true,
+                    style: {
+                        width: "256px",
+                        marginTop: "var(--space-2)"
+                    }
+                })
+            ]
+        });
+        $[4] = t4;
+    } else {
+        t4 = $[4];
+    }
+    var t5;
+    if ($[5] !== ref) {
+        t5 = /* @__PURE__ */ _jsxs17(MessageGroup.Root, {
+            ref: ref,
+            children: [
+                t0,
+                t4
+            ]
+        });
+        $[5] = ref;
+        $[6] = t5;
+    } else {
+        t5 = $[6];
+    }
+    return t5;
+});
 // src/contexts/components/ComponentsContext/index.tsx
 var ComponentsContext = /* @__PURE__ */ createContext9({
     components: {
@@ -43469,13 +43565,14 @@ var ComponentsContext = /* @__PURE__ */ createContext9({
         MessageGroup: MessageGroup,
         MessageAttachments: MessageAttachments,
         StartingSkeleton: StartingSkeleton,
-        StartingContentSkeleton: StartingContentSkeleton
+        StartingContentSkeleton: StartingContentSkeleton,
+        MessagesSkeleton: MessagesSkeleton
     }
 });
 // src/components/runSteps/RunSteps/index.tsx
-import { jsx as _jsx56 } from "react/jsx-runtime";
+import { jsx as _jsx57 } from "react/jsx-runtime";
 var RunSteps = function(t0) {
-    var $ = _c54(7);
+    var $ = _c55(7);
     var runSteps = t0.runSteps;
     var componentsContext = useContext14(ComponentsContext);
     var Component2 = componentsContext.components.RunStep;
@@ -43484,7 +43581,7 @@ var RunSteps = function(t0) {
         var _t;
         if ($[3] !== Component2) {
             _t = function(runStep) {
-                return /* @__PURE__ */ _jsx56(Component2, {
+                return /* @__PURE__ */ _jsx57(Component2, {
                     runStep: runStep
                 }, runStep.id);
             };
@@ -43502,7 +43599,7 @@ var RunSteps = function(t0) {
     }
     var t2;
     if ($[5] !== t1) {
-        t2 = /* @__PURE__ */ _jsx56(Flex15, {
+        t2 = /* @__PURE__ */ _jsx57(Flex16, {
             direction: "column-reverse",
             children: t1
         });
@@ -43521,16 +43618,16 @@ var MessageContext = /* @__PURE__ */ createContext10({
 // src/components/threads/Thread/Message/Provider.tsx
 var Provider = MessageContext.Provider;
 // src/components/threads/Thread/Message/Attachments/index.tsx
-import { c as _c55 } from "react-compiler-runtime";
-import { jsx as _jsx57 } from "react/jsx-runtime";
+import { c as _c56 } from "react-compiler-runtime";
+import { jsx as _jsx58 } from "react/jsx-runtime";
 var Attachments = function(t0) {
-    var $ = _c55(3);
+    var $ = _c56(3);
     var message = t0.message;
     var _useComponents = useComponents(), t1 = _useComponents.components;
     var MessageAttachments2 = t1.MessageAttachments;
     var t2;
     if ($[0] !== MessageAttachments2 || $[1] !== message) {
-        t2 = /* @__PURE__ */ _jsx57(MessageAttachments2, {
+        t2 = /* @__PURE__ */ _jsx58(MessageAttachments2, {
             message: message
         });
         $[0] = MessageAttachments2;
@@ -43542,18 +43639,18 @@ var Attachments = function(t0) {
     return t2;
 };
 // src/components/messages/MessageContent/index.tsx
-import { c as _c57 } from "react-compiler-runtime";
+import { c as _c58 } from "react-compiler-runtime";
 // src/components/messages/MessageContent/ContentPart/index.tsx
-import { c as _c56 } from "react-compiler-runtime";
-import { jsx as _jsx58 } from "react/jsx-runtime";
+import { c as _c57 } from "react-compiler-runtime";
+import { jsx as _jsx59 } from "react/jsx-runtime";
 var TextContent2 = function(t0) {
-    var $ = _c56(3);
+    var $ = _c57(3);
     var content2 = t0.content;
     var _useComponents = useComponents(), t1 = _useComponents.components;
     var TextContent3 = t1.TextContent;
     var t2;
     if ($[0] !== TextContent3 || $[1] !== content2) {
-        t2 = /* @__PURE__ */ _jsx58(TextContent3, {
+        t2 = /* @__PURE__ */ _jsx59(TextContent3, {
             content: content2
         });
         $[0] = TextContent3;
@@ -43565,13 +43662,13 @@ var TextContent2 = function(t0) {
     return t2;
 };
 var ImageFileContent2 = function(t0) {
-    var $ = _c56(3);
+    var $ = _c57(3);
     var content2 = t0.content;
     var _useComponents = useComponents(), t1 = _useComponents.components;
     var ImageFileContent3 = t1.ImageFileContent;
     var t2;
     if ($[0] !== ImageFileContent3 || $[1] !== content2) {
-        t2 = /* @__PURE__ */ _jsx58(ImageFileContent3, {
+        t2 = /* @__PURE__ */ _jsx59(ImageFileContent3, {
             content: content2
         });
         $[0] = ImageFileContent3;
@@ -43583,12 +43680,12 @@ var ImageFileContent2 = function(t0) {
     return t2;
 };
 var ContentPart = function(t0) {
-    var $ = _c56(4);
+    var $ = _c57(4);
     var content2 = t0.content;
     if (content2.type === "text") {
         var t1;
         if ($[0] !== content2) {
-            t1 = /* @__PURE__ */ _jsx58(TextContent2, {
+            t1 = /* @__PURE__ */ _jsx59(TextContent2, {
                 content: content2
             });
             $[0] = content2;
@@ -43601,7 +43698,7 @@ var ContentPart = function(t0) {
     if (content2.type === "image_file") {
         var _t;
         if ($[2] !== content2) {
-            _t = /* @__PURE__ */ _jsx58(ImageFileContent2, {
+            _t = /* @__PURE__ */ _jsx59(ImageFileContent2, {
                 content: content2
             });
             $[2] = content2;
@@ -43614,9 +43711,9 @@ var ContentPart = function(t0) {
     return null;
 };
 // src/components/messages/MessageContent/index.tsx
-import { Fragment as _Fragment3, jsx as _jsx59 } from "react/jsx-runtime";
+import { Fragment as _Fragment3, jsx as _jsx60 } from "react/jsx-runtime";
 var MessageContent = function(t0) {
-    var $ = _c57(4);
+    var $ = _c58(4);
     var message = t0.message;
     var t1;
     if ($[0] !== message.content) {
@@ -43628,7 +43725,7 @@ var MessageContent = function(t0) {
     }
     var t2;
     if ($[2] !== t1) {
-        t2 = /* @__PURE__ */ _jsx59(_Fragment3, {
+        t2 = /* @__PURE__ */ _jsx60(_Fragment3, {
             children: t1
         });
         $[2] = t1;
@@ -43639,14 +43736,14 @@ var MessageContent = function(t0) {
     return t2;
 };
 function _temp2(content2, index) {
-    return /* @__PURE__ */ _jsx59(ContentPart, {
+    return /* @__PURE__ */ _jsx60(ContentPart, {
         content: content2
     }, index);
 }
 // src/components/threads/Thread/Message/index.tsx
-import { jsx as _jsx60, jsxs as _jsxs17 } from "react/jsx-runtime";
+import { jsx as _jsx61, jsxs as _jsxs18 } from "react/jsx-runtime";
 var Message = function(t0) {
-    var $ = _c58(40);
+    var $ = _c59(40);
     var message = t0.message, className = t0.className, style = t0.style;
     var t1;
     bb0: {
@@ -43776,7 +43873,7 @@ var Message = function(t0) {
     }
     var t3;
     if ($[24] !== olderRunSteps_0) {
-        t3 = /* @__PURE__ */ _jsx60(RunSteps, {
+        t3 = /* @__PURE__ */ _jsx61(RunSteps, {
             runSteps: olderRunSteps_0
         });
         $[24] = olderRunSteps_0;
@@ -43795,13 +43892,13 @@ var Message = function(t0) {
     }
     var t5;
     if ($[27] !== message) {
-        t5 = /* @__PURE__ */ _jsxs17(Box11, {
+        t5 = /* @__PURE__ */ _jsxs18(Box12, {
             style: t4,
             children: [
-                /* @__PURE__ */ _jsx60(Attachments, {
+                /* @__PURE__ */ _jsx61(Attachments, {
                     message: message
                 }),
-                /* @__PURE__ */ _jsx60(MessageContent, {
+                /* @__PURE__ */ _jsx61(MessageContent, {
                     message: message
                 })
             ]
@@ -43813,7 +43910,7 @@ var Message = function(t0) {
     }
     var t6;
     if ($[29] !== laterRunSteps_0) {
-        t6 = /* @__PURE__ */ _jsx60(RunSteps, {
+        t6 = /* @__PURE__ */ _jsx61(RunSteps, {
             runSteps: laterRunSteps_0
         });
         $[29] = laterRunSteps_0;
@@ -43823,7 +43920,7 @@ var Message = function(t0) {
     }
     var t7;
     if ($[31] !== className || $[32] !== style || $[33] !== t3 || $[34] !== t5 || $[35] !== t6) {
-        t7 = /* @__PURE__ */ _jsxs17(Box11, {
+        t7 = /* @__PURE__ */ _jsxs18(Box12, {
             className: className,
             style: style,
             children: [
@@ -43843,7 +43940,7 @@ var Message = function(t0) {
     }
     var t8;
     if ($[37] !== t2 || $[38] !== t7) {
-        t8 = /* @__PURE__ */ _jsx60(Provider, {
+        t8 = /* @__PURE__ */ _jsx61(Provider, {
             value: t2,
             children: t7
         });
@@ -43865,7 +43962,7 @@ function _temp22(runStep_1) {
 import { c as _c61 } from "react-compiler-runtime";
 import { useEffect as useEffect3 } from "react";
 // src/hooks/messageGroups/useMessageGroups/index.ts
-import { c as _c59 } from "react-compiler-runtime";
+import { c as _c60 } from "react-compiler-runtime";
 import { useMemo as useMemo11 } from "react";
 // src/hooks/messageGroups/useMessageGroups/lib/messageGroups/index.ts
 import _6 from "lodash";
@@ -43970,7 +44067,7 @@ var messageGroups = function(_ref) {
 };
 // src/hooks/messageGroups/useMessageGroups/index.ts
 var useMessageGroups = function(t0) {
-    var $ = _c59(4);
+    var $ = _c60(4);
     var messages2 = t0.messages;
     var t1;
     var t2;
@@ -43996,106 +44093,10 @@ var useMessageGroups = function(t0) {
     t1 = t3;
     return t1;
 };
-// src/components/skeletons/MessagesSkeleton/index.tsx
-import { c as _c60 } from "react-compiler-runtime";
-import { forwardRef as forwardRef3 } from "react";
-import { Flex as Flex16, Avatar as Avatar3, Box as Box12, Skeleton as Skeleton2 } from "@radix-ui/themes";
-import { jsx as _jsx61, jsxs as _jsxs18 } from "react/jsx-runtime";
-var MessagesSkeleton = /* @__PURE__ */ forwardRef3(function MessagesSkeleton2(_props, ref) {
-    var $ = _c60(7);
-    var t0;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx61(Skeleton2, {
-            loading: true,
-            children: /* @__PURE__ */ _jsx61(Avatar3, {
-                fallback: /* @__PURE__ */ _jsx61(Flex16, {}),
-                size: "1"
-            })
-        });
-        $[0] = t0;
-    } else {
-        t0 = $[0];
-    }
-    var t1;
-    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ _jsx61(MessageGroup.Name, {
-            children: /* @__PURE__ */ _jsx61(Skeleton2, {
-                loading: true,
-                style: {
-                    width: "128px"
-                }
-            })
-        });
-        $[1] = t1;
-    } else {
-        t1 = $[1];
-    }
-    var t2;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = /* @__PURE__ */ _jsx61(Skeleton2, {
-            loading: true,
-            style: {
-                width: "256px"
-            }
-        });
-        $[2] = t2;
-    } else {
-        t2 = $[2];
-    }
-    var t3;
-    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = /* @__PURE__ */ _jsx61(Skeleton2, {
-            loading: true,
-            style: {
-                width: "256px",
-                marginTop: "var(--space-2)"
-            }
-        });
-        $[3] = t3;
-    } else {
-        t3 = $[3];
-    }
-    var t4;
-    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = /* @__PURE__ */ _jsxs18(Box12, {
-            pb: "3",
-            children: [
-                t1,
-                t2,
-                t3,
-                /* @__PURE__ */ _jsx61(Skeleton2, {
-                    loading: true,
-                    style: {
-                        width: "256px",
-                        marginTop: "var(--space-2)"
-                    }
-                })
-            ]
-        });
-        $[4] = t4;
-    } else {
-        t4 = $[4];
-    }
-    var t5;
-    if ($[5] !== ref) {
-        t5 = /* @__PURE__ */ _jsxs18(MessageGroup.Root, {
-            ref: ref,
-            children: [
-                t0,
-                t4
-            ]
-        });
-        $[5] = ref;
-        $[6] = t5;
-    } else {
-        t5 = $[6];
-    }
-    return t5;
-});
 // src/components/threads/Thread/Messages/Content/index.tsx
 import { jsx as _jsx62, Fragment as _Fragment4 } from "react/jsx-runtime";
 var Content7 = function() {
-    var $ = _c61(14);
+    var $ = _c61(15);
     var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
     var addToast = useToasts().addToast;
     var t0;
@@ -44110,7 +44111,7 @@ var Content7 = function() {
     }
     var _useMessageGroups = useMessageGroups(t0), messageGroups2 = _useMessageGroups.messageGroups;
     var _useComponents = useComponents(), t1 = _useComponents.components;
-    var MessageGroup2 = t1.MessageGroup;
+    var MessageGroup2 = t1.MessageGroup, MessagesSkeleton3 = t1.MessagesSkeleton;
     var t2;
     var t3;
     if ($[2] !== addToast || $[3] !== isLoadingError) {
@@ -44137,44 +44138,45 @@ var Content7 = function() {
     useEffect3(t2, t3);
     if (isLoading || isLoadingError) {
         var _t;
-        if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-            _t = /* @__PURE__ */ _jsx62(MessagesSkeleton, {});
-            $[6] = _t;
+        if ($[6] !== MessagesSkeleton3) {
+            _t = /* @__PURE__ */ _jsx62(MessagesSkeleton3, {});
+            $[6] = MessagesSkeleton3;
+            $[7] = _t;
         } else {
-            _t = $[6];
+            _t = $[7];
         }
         return _t;
     }
     var t4;
-    if ($[7] !== MessageGroup2 || $[8] !== messageGroups2) {
+    if ($[8] !== MessageGroup2 || $[9] !== messageGroups2) {
         var _t2;
-        if ($[10] !== MessageGroup2) {
+        if ($[11] !== MessageGroup2) {
             _t2 = function(messageGroup) {
                 return /* @__PURE__ */ _jsx62(MessageGroup2, {
                     messageGroup: messageGroup
                 }, messageGroup.id);
             };
-            $[10] = MessageGroup2;
-            $[11] = _t2;
+            $[11] = MessageGroup2;
+            $[12] = _t2;
         } else {
-            _t2 = $[11];
+            _t2 = $[12];
         }
         t4 = messageGroups2.map(_t2);
-        $[7] = MessageGroup2;
-        $[8] = messageGroups2;
-        $[9] = t4;
+        $[8] = MessageGroup2;
+        $[9] = messageGroups2;
+        $[10] = t4;
     } else {
-        t4 = $[9];
+        t4 = $[10];
     }
     var t5;
-    if ($[12] !== t4) {
+    if ($[13] !== t4) {
         t5 = /* @__PURE__ */ _jsx62(_Fragment4, {
             children: t4
         });
-        $[12] = t4;
-        $[13] = t5;
+        $[13] = t4;
+        $[14] = t5;
     } else {
-        t5 = $[13];
+        t5 = $[14];
     }
     return t5;
 };
@@ -44463,19 +44465,22 @@ var Root6 = function(t0) {
 import { c as _c64 } from "react-compiler-runtime";
 import { jsx as _jsx65 } from "react/jsx-runtime";
 var NextPageSkeleton = function() {
-    var $ = _c64(1);
+    var $ = _c64(2);
     var hasNextPage = useMessages().hasNextPage;
+    var _useComponents = useComponents(), t0 = _useComponents.components;
+    var MessagesSkeleton3 = t0.MessagesSkeleton;
     if (!hasNextPage) {
         return null;
     }
-    var t0;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ _jsx65(MessagesSkeleton, {});
-        $[0] = t0;
+    var t1;
+    if ($[0] !== MessagesSkeleton3) {
+        t1 = /* @__PURE__ */ _jsx65(MessagesSkeleton3, {});
+        $[0] = MessagesSkeleton3;
+        $[1] = t1;
     } else {
-        t0 = $[0];
+        t1 = $[1];
     }
-    return t0;
+    return t1;
 };
 // src/components/threads/Thread/Messages/index.tsx
 import { jsx as _jsx66, jsxs as _jsxs21 } from "react/jsx-runtime";
@@ -51412,5 +51417,5 @@ var AssistantProvider = function(t0) {
     }
     return t6;
 };
-export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar6 as Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, Gui, MarkdownContext, MarkdownProvider, MessageContent, MessageGroup, RunStep, SourceAnnotation, StartingSkeleton, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, TtsAudioRuntimeProvider, UserAvatarContext, WebrtcAudioRuntimeProvider, useAssistant, useAudioThreadContext, useComponents, useCreateFile, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext, useTtsAudioRuntime, useWebrtcAudioRuntime };
+export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar6 as Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, Gui, MarkdownContext, MarkdownProvider, MessageContent, MessageGroup, MessagesSkeleton, RunStep, SourceAnnotation, StartingContentSkeleton, StartingSkeleton, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, TtsAudioRuntimeProvider, UserAvatarContext, WebrtcAudioRuntimeProvider, useAssistant, useAudioThreadContext, useComponents, useCreateFile, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext, useTtsAudioRuntime, useWebrtcAudioRuntime };
 //# sourceMappingURL=index.js.map