feat(frontend): typing chat feature | for #187

[808vita]

for #187 Print terminal and chat output character by character

changes:

• created hook - useTypingEffect
• modified chatInterface - created a new jsx typing chat
• chatSlice - exported Message type

preview (using mock server):

typing chat preview .webm

[rbren]

This looks awesome!

LGTM but I will let frontend folks look

[huybery]

@rbren In the future, should we make the typewriter effect available on the backend? For example using SSE (Server-Sent Events) implementation?

[rbren]

IMO it's something for the frontend to handle as it wants--the backend shouldn't concern itself with how data gets displayed.

That said, many of the LLMs offer a "streaming" response, since response generation is slow. So we could stream data to the frontend as it becomes available, rather than waiting for the entire response to buffer and then typing it out.

So I guess the answer is "we should do both"

[808vita]

I have resolved the merge conflicts .

oof I tried it out

probably because break words css class.webm

[808vita]

actually its w-4/5 thats causing this

[808vita]

new typing.webm

[huybery]

LGTM. Thank you!