Chatlog component - loading chat bubble

[neztEx]

Does the Chat Composser and Chatlog component have the ability to render a loading chat bubble as we await for user response?

[dosubot[bot]]

🤖

Hey there, @neztEx! 🚀 I'm Dosu, a friendly bot here to offer a helping hand with bugs, questions, and guiding you through contributing. While we wait for a human maintainer, I'll be your go-to for support. I'm diving into your issue about the Chat Composer and Chatlog component now, and I'll get back to you with a full answer in a bit!

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Sorry, I don't know how to help with that.

I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• Loading state for chat messages (updated: 09/12/2023, similarity score: 84%)
• Loading state for chat messages - Answer (updated: 09/12/2023, similarity score: 83%)
• requesting "Chat log" component revision for chat bubbles to hug content (updated: 10/06/2022, similarity score: 83%)

[dosubot[bot]]

🤖

Based on the context provided, the Paste design system does indeed have the capability to render a loading chat bubble while waiting for a user response. This is achieved through the use of a LoadingMessage component, which utilizes the ChatMessage, ChatBubble, and SkeletonLoader components from the Paste design system to create a loading message. The SkeletonLoader is given a dynamic width, creating the appearance of a chat bubble that is loading. You can find the relevant code in the LoadingMessage.tsx file.

As for the Chat Composer component, it is a text input component specifically designed for chat applications. It provides a text input field for users to type their messages and supports various configurations and customizations. Some of its functionalities include basic text input, disabled state, long placeholder text, onChange event, initial value, and max height. You can find more details in the Chat Composer stories.

The Chatlog component, on the other hand, is a container for chat messages. It provides a consistent layout and style for chat logs in applications. It accepts children, allows for customization of the element name via the element prop, and uses the Box component from Paste for layout and styling. The relevant code can be found in the ChatLog.tsx file.

I hope this information helps! If you have any more questions or need further clarification, feel free to ask.

Sources

• packages/paste-website/src/components/assistant/LoadingMessage.tsx
• packages/paste-core/components/chat-composer/stories/index.stories.tsx
• packages/paste-core/components/chat-log/src/ChatLog.tsx

About Dosu

This response is meant to be useful and save you time. It is not meant to be a precise solution, but rather a starting point for your own research.

Help me be more useful! Please leave a 👍 if this is helpful and 👎 if it is irrelevant.

If you want to continue the conversation, start your reply with @dosu-bot.

[SiTaggart]

Hi there

Creating a loading variant of the chat message is something we're designing right now. It will look almost identical to the one we created for the assistant, which Dosu is pointing out as reference code.

The release will happen sometime in April. If you need it sooner, you can try and get your engineering team to copy our implementation in the meantime whilst waiting for the official one to land.

Hope that helps