@superinterface/react 4.1.0 → 4.1.1

package/dist/index.cjs

@@ -37689,12 +37689,18 @@ __export(index_exports, {
     MessageGroup: function() {
         return MessageGroup;
     },
+    MessagesSkeleton: function() {
+        return MessagesSkeleton;
+    },
     RunStep: function() {
         return RunStep;
     },
     SourceAnnotation: function() {
         return SourceAnnotation;
     },
+    StartingContentSkeleton: function() {
+        return StartingContentSkeleton;
+    },
     StartingSkeleton: function() {
         return StartingSkeleton;
     },
@@ -37956,15 +37962,15 @@ var import_react_compiler_runtime75 = require("react-compiler-runtime");
 var import_react_compiler_runtime65 = require("react-compiler-runtime");
 var import_themes45 = require("@radix-ui/themes");
 // src/components/threads/Thread/Message/index.tsx
-var import_react_compiler_runtime58 = require("react-compiler-runtime");
-var import_react42 = require("react");
-var import_themes41 = require("@radix-ui/themes");
+var import_react_compiler_runtime59 = require("react-compiler-runtime");
+var import_react43 = require("react");
+var import_themes42 = require("@radix-ui/themes");
 // src/components/runSteps/RunSteps/index.tsx
-var import_react_compiler_runtime54 = require("react-compiler-runtime");
-var import_themes40 = require("@radix-ui/themes");
-var import_react40 = require("react");
+var import_react_compiler_runtime55 = require("react-compiler-runtime");
+var import_themes41 = require("@radix-ui/themes");
+var import_react41 = require("react");
 // src/contexts/components/ComponentsContext/index.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 // src/components/runSteps/RunStep/index.tsx
 var import_react_compiler_runtime7 = require("react-compiler-runtime");
 // src/components/runSteps/RunStep/ToolCalls/index.tsx
@@ -43594,8 +43600,104 @@ var Root5 = function(t0) {
 var Content6 = StartingContentSkeleton;
 StartingSkeleton.Root = Root5;
 StartingSkeleton.Content = Content6;
+// src/components/skeletons/MessagesSkeleton/index.tsx
+var import_react_compiler_runtime54 = require("react-compiler-runtime");
+var import_react39 = require("react");
+var import_themes40 = require("@radix-ui/themes");
+var import_jsx_runtime56 = require("react/jsx-runtime");
+var MessagesSkeleton = /* @__PURE__ */ (0, import_react39.forwardRef)(function MessagesSkeleton2(_props, ref) {
+    var $ = (0, import_react_compiler_runtime54.c)(7);
+    var t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes40.Skeleton, {
+            loading: true,
+            children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes40.Avatar, {
+                fallback: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes40.Flex, {}),
+                size: "1"
+            })
+        });
+        $[0] = t0;
+    } else {
+        t0 = $[0];
+    }
+    var t1;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(MessageGroup.Name, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes40.Skeleton, {
+                loading: true,
+                style: {
+                    width: "128px"
+                }
+            })
+        });
+        $[1] = t1;
+    } else {
+        t1 = $[1];
+    }
+    var t2;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes40.Skeleton, {
+            loading: true,
+            style: {
+                width: "256px"
+            }
+        });
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    var t3;
+    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes40.Skeleton, {
+            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__ */ (0, import_jsx_runtime56.jsxs)(import_themes40.Box, {
+            pb: "3",
+            children: [
+                t1,
+                t2,
+                t3,
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes40.Skeleton, {
+                    loading: true,
+                    style: {
+                        width: "256px",
+                        marginTop: "var(--space-2)"
+                    }
+                })
+            ]
+        });
+        $[4] = t4;
+    } else {
+        t4 = $[4];
+    }
+    var t5;
+    if ($[5] !== ref) {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(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__ */ (0, import_react39.createContext)({
+var ComponentsContext = /* @__PURE__ */ (0, import_react40.createContext)({
     components: {
         RunStep: RunStep,
         StartingToolCalls: StartingToolCalls2,
@@ -43608,22 +43710,23 @@ var ComponentsContext = /* @__PURE__ */ (0, import_react39.createContext)({
         MessageGroup: MessageGroup,
         MessageAttachments: MessageAttachments,
         StartingSkeleton: StartingSkeleton,
-        StartingContentSkeleton: StartingContentSkeleton
+        StartingContentSkeleton: StartingContentSkeleton,
+        MessagesSkeleton: MessagesSkeleton
     }
 });
 // src/components/runSteps/RunSteps/index.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var RunSteps = function(t0) {
-    var $ = (0, import_react_compiler_runtime54.c)(7);
+    var $ = (0, import_react_compiler_runtime55.c)(7);
     var runSteps = t0.runSteps;
-    var componentsContext = (0, import_react40.useContext)(ComponentsContext);
+    var componentsContext = (0, import_react41.useContext)(ComponentsContext);
     var Component2 = componentsContext.components.RunStep;
     var t1;
     if ($[0] !== Component2 || $[1] !== runSteps) {
         var _t;
         if ($[3] !== Component2) {
             _t = function(runStep) {
-                return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Component2, {
+                return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Component2, {
                     runStep: runStep
                 }, runStep.id);
             };
@@ -43641,7 +43744,7 @@ var RunSteps = function(t0) {
     }
     var t2;
     if ($[5] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes40.Flex, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_themes41.Flex, {
             direction: "column-reverse",
             children: t1
         });
@@ -43653,23 +43756,23 @@ var RunSteps = function(t0) {
     return t2;
 };
 // src/contexts/messages/MessageContext/index.ts
-var import_react41 = require("react");
-var MessageContext = /* @__PURE__ */ (0, import_react41.createContext)({
+var import_react42 = require("react");
+var MessageContext = /* @__PURE__ */ (0, import_react42.createContext)({
     message: null
 });
 // src/components/threads/Thread/Message/Provider.tsx
 var Provider = MessageContext.Provider;
 // src/components/threads/Thread/Message/Attachments/index.tsx
-var import_react_compiler_runtime55 = require("react-compiler-runtime");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_react_compiler_runtime56 = require("react-compiler-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var Attachments = function(t0) {
-    var $ = (0, import_react_compiler_runtime55.c)(3);
+    var $ = (0, import_react_compiler_runtime56.c)(3);
     var message = t0.message;
     var _useComponents = useComponents(), t1 = _useComponents.components;
     var MessageAttachments2 = t1.MessageAttachments;
     var t2;
     if ($[0] !== MessageAttachments2 || $[1] !== message) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(MessageAttachments2, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(MessageAttachments2, {
             message: message
         });
         $[0] = MessageAttachments2;
@@ -43681,18 +43784,18 @@ var Attachments = function(t0) {
     return t2;
 };
 // src/components/messages/MessageContent/index.tsx
-var import_react_compiler_runtime57 = require("react-compiler-runtime");
+var import_react_compiler_runtime58 = require("react-compiler-runtime");
 // src/components/messages/MessageContent/ContentPart/index.tsx
-var import_react_compiler_runtime56 = require("react-compiler-runtime");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_react_compiler_runtime57 = require("react-compiler-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var TextContent2 = function(t0) {
-    var $ = (0, import_react_compiler_runtime56.c)(3);
+    var $ = (0, import_react_compiler_runtime57.c)(3);
     var content2 = t0.content;
     var _useComponents = useComponents(), t1 = _useComponents.components;
     var TextContent3 = t1.TextContent;
     var t2;
     if ($[0] !== TextContent3 || $[1] !== content2) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TextContent3, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TextContent3, {
             content: content2
         });
         $[0] = TextContent3;
@@ -43704,13 +43807,13 @@ var TextContent2 = function(t0) {
     return t2;
 };
 var ImageFileContent2 = function(t0) {
-    var $ = (0, import_react_compiler_runtime56.c)(3);
+    var $ = (0, import_react_compiler_runtime57.c)(3);
     var content2 = t0.content;
     var _useComponents = useComponents(), t1 = _useComponents.components;
     var ImageFileContent3 = t1.ImageFileContent;
     var t2;
     if ($[0] !== ImageFileContent3 || $[1] !== content2) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ImageFileContent3, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ImageFileContent3, {
             content: content2
         });
         $[0] = ImageFileContent3;
@@ -43722,12 +43825,12 @@ var ImageFileContent2 = function(t0) {
     return t2;
 };
 var ContentPart = function(t0) {
-    var $ = (0, import_react_compiler_runtime56.c)(4);
+    var $ = (0, import_react_compiler_runtime57.c)(4);
     var content2 = t0.content;
     if (content2.type === "text") {
         var t1;
         if ($[0] !== content2) {
-            t1 = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TextContent2, {
+            t1 = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TextContent2, {
                 content: content2
             });
             $[0] = content2;
@@ -43740,7 +43843,7 @@ var ContentPart = function(t0) {
     if (content2.type === "image_file") {
         var _t;
         if ($[2] !== content2) {
-            _t = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ImageFileContent2, {
+            _t = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ImageFileContent2, {
                 content: content2
             });
             $[2] = content2;
@@ -43753,9 +43856,9 @@ var ContentPart = function(t0) {
     return null;
 };
 // src/components/messages/MessageContent/index.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var MessageContent = function(t0) {
-    var $ = (0, import_react_compiler_runtime57.c)(4);
+    var $ = (0, import_react_compiler_runtime58.c)(4);
     var message = t0.message;
     var t1;
     if ($[0] !== message.content) {
@@ -43767,7 +43870,7 @@ var MessageContent = function(t0) {
     }
     var t2;
     if ($[2] !== t1) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, {
+        t2 = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_jsx_runtime60.Fragment, {
             children: t1
         });
         $[2] = t1;
@@ -43778,14 +43881,14 @@ var MessageContent = function(t0) {
     return t2;
 };
 function _temp2(content2, index) {
-    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ContentPart, {
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ContentPart, {
         content: content2
     }, index);
 }
 // src/components/threads/Thread/Message/index.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var Message = function(t0) {
-    var $ = (0, import_react_compiler_runtime58.c)(40);
+    var $ = (0, import_react_compiler_runtime59.c)(40);
     var message = t0.message, className = t0.className, style = t0.style;
     var t1;
     bb0: {
@@ -43915,7 +44018,7 @@ var Message = function(t0) {
     }
     var t3;
     if ($[24] !== olderRunSteps_0) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(RunSteps, {
+        t3 = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(RunSteps, {
             runSteps: olderRunSteps_0
         });
         $[24] = olderRunSteps_0;
@@ -43934,13 +44037,13 @@ var Message = function(t0) {
     }
     var t5;
     if ($[27] !== message) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_themes41.Box, {
+        t5 = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes42.Box, {
             style: t4,
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Attachments, {
+                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Attachments, {
                     message: message
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(MessageContent, {
+                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(MessageContent, {
                     message: message
                 })
             ]
@@ -43952,7 +44055,7 @@ var Message = function(t0) {
     }
     var t6;
     if ($[29] !== laterRunSteps_0) {
-        t6 = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(RunSteps, {
+        t6 = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(RunSteps, {
             runSteps: laterRunSteps_0
         });
         $[29] = laterRunSteps_0;
@@ -43962,7 +44065,7 @@ var Message = function(t0) {
     }
     var t7;
     if ($[31] !== className || $[32] !== style || $[33] !== t3 || $[34] !== t5 || $[35] !== t6) {
-        t7 = /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_themes41.Box, {
+        t7 = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_themes42.Box, {
             className: className,
             style: style,
             children: [
@@ -43982,7 +44085,7 @@ var Message = function(t0) {
     }
     var t8;
     if ($[37] !== t2 || $[38] !== t7) {
-        t8 = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Provider, {
+        t8 = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Provider, {
             value: t2,
             children: t7
         });
@@ -44004,8 +44107,8 @@ function _temp22(runStep_1) {
 var import_react_compiler_runtime61 = require("react-compiler-runtime");
 var import_react45 = require("react");
 // src/hooks/messageGroups/useMessageGroups/index.ts
-var import_react_compiler_runtime59 = require("react-compiler-runtime");
-var import_react43 = require("react");
+var import_react_compiler_runtime60 = require("react-compiler-runtime");
+var import_react44 = require("react");
 // src/hooks/messageGroups/useMessageGroups/lib/messageGroups/index.ts
 var import_lodash6 = __toESM(require("lodash"), 1);
 var import_radash13 = require("radash");
@@ -44109,7 +44212,7 @@ var messageGroups = function(_ref) {
 };
 // src/hooks/messageGroups/useMessageGroups/index.ts
 var useMessageGroups = function(t0) {
-    var $ = (0, import_react_compiler_runtime59.c)(4);
+    var $ = (0, import_react_compiler_runtime60.c)(4);
     var messages2 = t0.messages;
     var t1;
     var t2;
@@ -44135,106 +44238,10 @@ var useMessageGroups = function(t0) {
     t1 = t3;
     return t1;
 };
-// src/components/skeletons/MessagesSkeleton/index.tsx
-var import_react_compiler_runtime60 = require("react-compiler-runtime");
-var import_react44 = require("react");
-var import_themes42 = require("@radix-ui/themes");
-var import_jsx_runtime61 = require("react/jsx-runtime");
-var MessagesSkeleton = /* @__PURE__ */ (0, import_react44.forwardRef)(function MessagesSkeleton2(_props, ref) {
-    var $ = (0, import_react_compiler_runtime60.c)(7);
-    var t0;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes42.Skeleton, {
-            loading: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes42.Avatar, {
-                fallback: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes42.Flex, {}),
-                size: "1"
-            })
-        });
-        $[0] = t0;
-    } else {
-        t0 = $[0];
-    }
-    var t1;
-    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(MessageGroup.Name, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes42.Skeleton, {
-                loading: true,
-                style: {
-                    width: "128px"
-                }
-            })
-        });
-        $[1] = t1;
-    } else {
-        t1 = $[1];
-    }
-    var t2;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes42.Skeleton, {
-            loading: true,
-            style: {
-                width: "256px"
-            }
-        });
-        $[2] = t2;
-    } else {
-        t2 = $[2];
-    }
-    var t3;
-    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes42.Skeleton, {
-            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__ */ (0, import_jsx_runtime61.jsxs)(import_themes42.Box, {
-            pb: "3",
-            children: [
-                t1,
-                t2,
-                t3,
-                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_themes42.Skeleton, {
-                    loading: true,
-                    style: {
-                        width: "256px",
-                        marginTop: "var(--space-2)"
-                    }
-                })
-            ]
-        });
-        $[4] = t4;
-    } else {
-        t4 = $[4];
-    }
-    var t5;
-    if ($[5] !== ref) {
-        t5 = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(MessageGroup.Root, {
-            ref: ref,
-            children: [
-                t0,
-                t4
-            ]
-        });
-        $[5] = ref;
-        $[6] = t5;
-    } else {
-        t5 = $[6];
-    }
-    return t5;
-});
 // src/components/threads/Thread/Messages/Content/index.tsx
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var Content7 = function() {
-    var $ = (0, import_react_compiler_runtime61.c)(14);
+    var $ = (0, import_react_compiler_runtime61.c)(15);
     var _useMessages = useMessages(), messages2 = _useMessages.messages, isLoading = _useMessages.isLoading, isLoadingError = _useMessages.isLoadingError;
     var addToast = useToasts().addToast;
     var t0;
@@ -44249,7 +44256,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) {
@@ -44276,44 +44283,45 @@ var Content7 = function() {
     (0, import_react45.useEffect)(t2, t3);
     if (isLoading || isLoadingError) {
         var _t;
-        if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-            _t = /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(MessagesSkeleton, {});
-            $[6] = _t;
+        if ($[6] !== MessagesSkeleton3) {
+            _t = /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(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__ */ (0, import_jsx_runtime62.jsx)(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__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, {
             children: t4
         });
-        $[12] = t4;
-        $[13] = t5;
+        $[13] = t4;
+        $[14] = t5;
     } else {
-        t5 = $[13];
+        t5 = $[14];
     }
     return t5;
 };
@@ -44602,19 +44610,22 @@ var Root6 = function(t0) {
 var import_react_compiler_runtime64 = require("react-compiler-runtime");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 var NextPageSkeleton = function() {
-    var $ = (0, import_react_compiler_runtime64.c)(1);
+    var $ = (0, import_react_compiler_runtime64.c)(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__ */ (0, import_jsx_runtime65.jsx)(MessagesSkeleton, {});
-        $[0] = t0;
+    var t1;
+    if ($[0] !== MessagesSkeleton3) {
+        t1 = /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(MessagesSkeleton3, {});
+        $[0] = MessagesSkeleton3;
+        $[1] = t1;
     } else {
-        t0 = $[0];
+        t1 = $[1];
     }
-    return t0;
+    return t1;
 };
 // src/components/threads/Thread/Messages/index.tsx
 var import_jsx_runtime66 = require("react/jsx-runtime");
@@ -51567,8 +51578,10 @@ var AssistantProvider = function(t0) {
     MarkdownProvider: MarkdownProvider,
     MessageContent: MessageContent,
     MessageGroup: MessageGroup,
+    MessagesSkeleton: MessagesSkeleton,
     RunStep: RunStep,
     SourceAnnotation: SourceAnnotation,
+    StartingContentSkeleton: StartingContentSkeleton,
     StartingSkeleton: StartingSkeleton,
     Suggestions: Suggestions,
     SuperinterfaceProvider: SuperinterfaceProvider,