From 18494be796f4ce2af4ec2616ec82f2e6f09adf0c Mon Sep 17 00:00:00 2001
From: Li Xin <lixin.henry@bytedance.com>
Date: Fri, 25 Apr 2025 13:20:41 +0800
Subject: [PATCH] feat: adjust animation and rewording

---
 web/src/app/_components/messages-block.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/app/_components/messages-block.tsx b/web/src/app/_components/messages-block.tsx
index 90cfb9b..e2a3a43 100644
--- a/web/src/app/_components/messages-block.tsx
+++ b/web/src/app/_components/messages-block.tsx
@@ -108,10 +108,10 @@ export function MessagesBlock({ className }: { className?: string }) {
             <Welcome />
           </div>
           <motion.div
-            className="h-42 w-full items-center justify-center transition-all duration-300"
-            initial={{ opacity: 0, y: 200 }}
+            className="h-42 w-full items-center justify-center"
+            initial={{ opacity: 0, y: "20vh" }}
             animate={{ opacity: 1, y: 0 }}
-            transition={{ duration: 0.3 }}
+            transition={{ duration: 0.5 }}
           >
             <Card
               className={cn(
@@ -124,7 +124,7 @@ export function MessagesBlock({ className }: { className?: string }) {
                   <CardHeader>
                     <CardTitle>
                       <RainbowText animated={responding}>
-                        Replay Mode
+                        {responding ? "Replaying" : "Replay Mode"}
                       </RainbowText>
                     </CardTitle>
                     <CardDescription>