Update ClientPortal.tsx

components/ClientPortal.tsx

@@ -444,6 +444,19 @@ export const ClientPortal: React.FC<ClientPortalProps> = ({
                    </div>
                  </div>
                ))}
+               
+               {isTyping && (
+                  <div className="flex justify-start items-center animate-pulse mt-2 ml-1">
+                     {settings.aiConfig.agentAvatar ? (
+                        <img src={settings.aiConfig.agentAvatar} className="w-6 h-6 rounded-full mr-2 opacity-70" />
+                      ) : (
+                        <div className="w-6 h-6 rounded-full bg-gray-200 flex items-center justify-center mr-2 text-gray-500 text-[10px]">...</div>
+                      )}
+                     <span className="text-xs text-gray-400 italic font-medium">
+                       {settings.aiConfig.agentName || 'AI'} sta scrivendo...
+                     </span>
+                  </div>
+               )}
                <div ref={chatEndRef} />
              </div>