Animate Frag Integreat "waiting for response"

[svenseeberg]

Describe the Problem

The static typing indicator seems to confuse some persons and makes them wonder if any answer is coming at all.

Describe Your Preferred Solution

To make it even more clear that this is a typing indicator, we could animate the content of the message with moving dots. The following string sequence could be used with a change every ~0,5s:

...
·..
.·.
..·

Alternatively, instead of showing 3 dots, we can show a message "Generating answer" or "Searching for answers".

This can obviously also be combined to

Generating answer ...
Generating answer ·..
Generating answer .·.
Generating answer ..·

Describe Possible Alternatives

Spinner, etc

Related Issues

digitalfabrik/integreat-chat#388

Additional Information

[bahaaTuffaha]

There is also another cool loading ascii like this:
const dotPattern = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏']
https://github.com/superjojo140/ascii-bar?tab=readme-ov-file#spinner