[Feature]: Display a loading indicator in the chat interface when waiting for a response from OpenDevin

[amanape]

What problem or use case are you trying to solve?
There is no indication that a response is being generated in the chat UI. The only indication is the agent status at the footer.

Describe the UX of the solution you'd like
Something like an animated 3 dots in the style of the existing chat bubble.

Do you have thoughts on the technical implementation?
Display 3 dots in the existing message component when agent is generating a response.

Describe alternatives you've considered
A banner embedded in the chat ui itself, not as a chat message.

Additional context
There are downsides to artificial streaming, and removing it can improve other small aspects (more about this discussion in #1488)

#1761 introduced an auto-scroll feature that can only be easily achieved by removing the effect (it is difficult to make it scroll as the height of the message changes).

I saw it as a good opportunity to take the step to move after confirmation from @neubig (in #1761) and @yimothysu (in #1488)

[natalyjazzviolin]

There's a mention of the three dot animation design in Figma in this comment here:
#1488 (comment)

Would it be possible to share a screengrab of that animation?

[Shimada666]

Does it look like this? After receiving the data, the three dots will be replaced with real information.

Alternatively, a simpler way is to replace the send icon with three dots.

[amanape]

@natalyjazzviolin I do not have any reference video or design that I can find to show you unfortunately. But something basic as what @Shimada666 sent would be more than enough for now.

[auleki]

This sounds like a fun way to start contributing on OpenDevin, can I take up this issue @amanape?

[amanape]

@auleki Sure, go for it.