Merge branch 'develop' into tests/redis-adapter

Author: shakkernerd

.github/workflows/smoke-tests.yml

@@ -10,17 +10,26 @@ on:
 jobs:
     smoke-tests:
         runs-on: ubuntu-latest
+        container:
+            image: node:23-bullseye
+        env:
+            OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }}
         steps:
             - uses: actions/checkout@v4
 
-            - uses: pnpm/action-setup@v3
+            - name: Cache pnpm
+              uses: actions/cache@v4
               with:
-                  version: 9.15.0
+                  path: |
+                      ~/.pnpm-store
+                      **/node_modules
+                  key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
+                  restore-keys: ${{ runner.os }}-pnpm-
 
-            - uses: actions/setup-node@v4
+            - name: Setup pnpm
+              uses: pnpm/action-setup@v3
               with:
-                  node-version: "23.3.0"
-                  cache: "pnpm"
+                  version: 9.15.0
 
             - name: Run smoke tests
               run: pnpm run smokeTests

client/src/components/chat.tsx

@@ -6,7 +6,7 @@ import {
 } from "@/components/ui/chat/chat-bubble";
 import { ChatInput } from "@/components/ui/chat/chat-input";
 import { ChatMessageList } from "@/components/ui/chat/chat-message-list";
-import { useTransition, animated } from "@react-spring/web";
+import { useTransition, animated, AnimatedProps } from "@react-spring/web";
 import { Paperclip, Send, X } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import { Content, UUID } from "@elizaos/core";
@@ -23,14 +23,18 @@ import { IAttachment } from "@/types";
 import { AudioRecorder } from "./audio-recorder";
 import { Badge } from "./ui/badge";
 
-interface ExtraContentFields {
+type ExtraContentFields = {
     user: string;
     createdAt: number;
     isLoading?: boolean;
-}
+};
 
 type ContentWithUser = Content & ExtraContentFields;
 
+type AnimatedDivProps = AnimatedProps<{ style: React.CSSProperties }> & {
+    children?: React.ReactNode;
+};
+
 export default function Page({ agentId }: { agentId: UUID }) {
     const { toast } = useToast();
     const [selectedFile, setSelectedFile] = useState<File | null>(null);
@@ -67,7 +71,6 @@ export default function Page({ agentId }: { agentId: UUID }) {
         }
     };
 
-
     const handleSendMessage = (e: React.FormEvent<HTMLFormElement>) => {
         e.preventDefault();
         if (!input) return;
@@ -167,17 +170,23 @@ export default function Page({ agentId }: { agentId: UUID }) {
         leave: { opacity: 0, transform: "translateY(10px)" },
     });
 
+    const CustomAnimatedDiv = animated.div as React.FC<AnimatedDivProps>;
+
     return (
         <div className="flex flex-col w-full h-[calc(100dvh)] p-4">
             <div className="flex-1 overflow-y-auto">
                 <ChatMessageList ref={messagesContainerRef}>
                     {transitions((styles, message) => {
                         const variant = getMessageVariant(message?.user);
                         return (
-                            // @ts-expect-error
-                            <animated.div
-                                style={styles}
-                                className="flex flex-col gap-2 p-4"
+                            <CustomAnimatedDiv
+                                style={{
+                                    ...styles,
+                                    display: "flex",
+                                    flexDirection: "column",
+                                    gap: "0.5rem",
+                                    padding: "1rem",
+                                }}
                             >
                                 <ChatBubble
                                     variant={variant}
@@ -266,7 +275,7 @@ export default function Page({ agentId }: { agentId: UUID }) {
                                         </div>
                                     </div>
                                 </ChatBubble>
-                            </animated.div>
+                            </CustomAnimatedDiv>
                         );
                     })}
                 </ChatMessageList>