Merge pull request #5 from scaleapi/add-thinking

Add thinking

Author: roxannefarhad1

agentex-ui/components/agentex/task-messages.tsx

@@ -1,6 +1,6 @@
 import { Fragment, memo, useEffect, useMemo, useRef, useState } from 'react';
 
-import { AnimatePresence } from 'framer-motion';
+import { AnimatePresence, motion } from 'framer-motion';
 
 import { TaskMessageDataContentComponent } from '@/components/agentex/task-message-data-content';
 import { TaskMessageReasoning } from '@/components/agentex/task-message-reasoning-content';
@@ -16,6 +16,7 @@ import type {
   ToolRequestContent,
   ToolResponseContent,
 } from 'agentex/resources';
+import { ShimmeringText } from '../ui/shimmering-text';
 
 type TaskMessagesComponentProps = {
   taskId: string;
@@ -203,6 +204,19 @@ function MemoizedTaskMessagesComponentImpl({
                 </Fragment>
               ))}
             </AnimatePresence>
+            <AnimatePresence>
+            {pair.agentMessages.length === 0 && (
+                <motion.div
+                  initial={{ opacity: 0 , y: 10 }}
+                  animate={{ opacity: 1, y: 10 }}
+                  exit={{ opacity: 0, y: -10 }}
+                  transition={{ duration: 0.3 }}
+                  className="px-4 py-2"
+                >
+                  <ShimmeringText text='Thinking ...' enabled={true} />
+                </motion.div>
+              )}
+            </AnimatePresence>
           </TaskMessageScrollContainer>
         );
       })}