Update page1.py

page1.py

@@ -9,27 +9,40 @@ from streamlit_chat import message
 import time
 import random 
 def text():
-    if 'messages' not in st.session_state:
-        st.session_state['messages'] = []
-    with st.chat_message("assistant"):
-        message_placeholder = st.empty()
-        full_response = ""
-        assistant_response = random.choice(
-            [
-                "Hello👋 there! How can I assist you today?",
-                "Hi , human! Is there anything I can help you with?",
-                
-            ]
-        )
-        # Simulate stream of response with milliseconds delay
-        for chunk in assistant_response.split():
-            full_response += chunk + " "
-            time.sleep(0.5)
-            # Add a blinking cursor to simulate typing
-            message_placeholder.markdown(full_response + "▌")
-        #message_placeholder.markdown(full_response)
-    # Add assistant response to chat history
-    st.session_state.messages.append({"role": "assistant", "content": full_response})
+    st.markdown("""
+                <style>
+                    .anim-typewriter {
+                        animation: typewriter 3s steps(40) 1s 1 normal both, blinkTextCursor 800ms steps(40) infinite normal;
+                        overflow: hidden;
+                        white-space: nowrap;
+                        border-right: 3px solid;
+                        font-family: serif;
+                        font-size: 0.9em;
+                    }
+                    @keyframes typewriter {
+                        from {
+                            width: 0;
+                        }
+                        to {
+                            width: 100%;
+                            height: 100%
+                        }
+                    }
+                    @keyframes blinkTextCursor {
+                        from {
+                            border-right-color: rgba(255, 255, 255, 0.75);
+                        }
+                        to {
+                            border-right-color: transparent;
+                        }
+                    }
+                </style>
+            """, unsafe_allow_html=True)
+    text ="Hello 👋, how may I assist you today?"
+    animated_output = f'<div class="line-1 anim-typewriter">{text}</div>'
+
+    with st.chat_message("assistant").markdown(animated_output,unsafe_allow_html=True ):
+        st.markdown(animated_output,unsafe_allow_html=True)
     apiKey = "AIzaSyAXkkcrrUBjPEgj93tZ9azy7zcS1wI1jUA"
     msgs = StreamlitChatMessageHistory(key="special_app_key")