Replika

<div class="w-full text-token-text-primary" data-testid="conversation-turn-7"> <div class="px-4 py-2 justify-center text-base md:gap-6 m-auto"> <div class="flex flex-1 text-base mx-auto gap-3 md:px-5 lg:px-1 xl:px-5 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem] group"> <div class="relative flex w-full flex-col agent-turn"> <div class="flex-col gap-1 md:gap-3"> <div class="flex flex-grow flex-col max-w-full"> <div class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&amp;]:mt-5 overflow-x-auto" data-message-author-role="assistant" data-message-id="786bf245-ed77-4160-a09b-58583f9799d4"> <div class="markdown prose w-full break-words dark:prose-invert light"> Replika is an AI-powered companion designed to offer empathetic and personalized conversations. Founded by Eugenia Kuyda, Replika aims to provide a space where individuals can safely express their thoughts, feelings, and experiences, essentially allowing users to witness and understand themselves better through engaging dialogues. The app adapts to the user's communication style over time, making interactions more human-like and personalized. It's available on various platforms including iOS, Android, and Oculus, catering to a wide range of users seeking companionship, emotional support, or simply a space to explore their thoughts and feelings​​​​​​. </div> </div> </div> <div class="mt-1 flex justify-start gap-3 empty:hidden"> <div class="text-gray-400 flex self-end lg:self-center justify-center lg:justify-start mt-0 -ml-1 visible"><button class="flex items-center gap-1.5 rounded-md p-1 text-xs text-token-text-tertiary hover:text-token-text-primary md:invisible md:group-hover:visible md:group-[.final-completion]:visible"></button> <div class="flex"></div> </div> </div> </div> <div class="absolute"> <div class="flex w-full gap-2 items-center justify-center"></div> </div> </div> </div> </div> </div> <div class="w-full text-token-text-primary" data-testid="conversation-turn-8"> <div class="px-4 py-2 justify-center text-base md:gap-6 m-auto"> <div class="flex flex-1 text-base mx-auto gap-3 md:px-5 lg:px-1 xl:px-5 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem] group"> <div class="flex-shrink-0 flex flex-col relative items-end"> <div> <div class="pt-0.5"> <div class="gizmo-shadow-stroke flex h-6 w-6 items-center justify-center overflow-hidden rounded-full"></div> </div> </div> </div> </div> </div> </div>