CSAI chat panel feedback

The prompts and responses are currently styled the same which makes it a little harder to differentiate responses from prompts. Perhaps the chats can be styled more like a chat app, with prompts and responses appearing as chat bubbles with responses having a distinct background color?

2 Likes

Hey @JvP,

Thank you for the feedback. We’ll forward this on our channel. In the meantime, you can add your own builder styles in the Dev Toolkit > Tools > Preferences > Edit UI CSS field.

Example:

.tco-ai-chat-responses .tco-ai-chat-response.is-ai {
    background: #275d5578;
}

.tco-ai-chat-responses .tco-ai-chat-response.is-ai .tco-btn-row .tco-ai-btn-circle {
    border-color: #275d5578;
}

Result:

This should also help: https://www.youtube.com/watch?v=VDHViO16v0M

Best regards,

2 Likes

We’re going to discuss how we want to do this today. Overall we like the idea. Thanks for the feedback.

2 Likes

Hey @Ismael and @charlie,

Thanks for the UI CSS suggestion. That is indeed something I can play around with in the meantime. However something official that works for everyone out of the box would be better.

The screenshot you posted on X today looks good!

1 Like

Glad you liked the screenshot. Should release another beta this week.

1 Like