UI rendering of User "Bubble" on Chat history reload

[gdwlf]

Describe the bug
When a User (role / actor = user) submits a chat message, the front end UI renders that into a bubble. Assistant messages are rendered into the left hand version (article?). On re-load of the chat screen, messages are read from the history and rendered to the UI but because they're not rendered through the submit button, they are only rendered in the same style as the Assistant messages.

The defect is therefore - live submission format of User messages can not be sustained through a UI refresh / chat history resume.

To Reproduce
Start a chat session
Input a chat message - Message is rendered right justified in bubble. Save chat message to file. "Role=user"
Receive response - Message is rendered left justified as type "Article". Save response message to file. "Role=assistant"

Refresh UI, re-read messages from history.
You'll see messages are all rendered left justified, no bubble for the User messages.

Expected behavior
Left justified assistant messages
Right justified bubbled user messages on UI refresh.

Screenshots
Note: the screenshot with the bubble message is the first step. The screenshot with the messages all similarly rendered is second.

Desktop (please complete the following information):

• OS: Mac OS Monterey 12.7.5 and onwards. Not an OS problem, is a UI rendering issue on clMessage.send
• Browser Chrome and Safari
• Version Version 131.0.6778.265 (Official Build) (x86_64)

Additional context
None.

[willydouhard]

what data layer are you using?

[gdwlf]

what data layer are you using?

For now it's just a JSON file at the simplest structure attempting to utilise Role (User | Assistant) that is then translated to Author as per the standard on_chat_start which then does the .send() per message.