fix: update message handling

[lyjeileen]

Changes

• Handle receiving and processing messages in MessageSpace
  • props.messages is used to pass unprocessed messages from the page level. props.ws.onReceive is used to receive and handle incoming messages from websocket. Original message and its update messages are combined into a single array and stored in the chatMessages ({[messageId: string]: Message[]})) for quick data retrieval.
• Make relevant changes to ElementRenderer
  • Message[] which contains original message and update messages is passed to ElementRenderer. ElementRenderer renders component with original message as well as updated data from update messages.
• Change the type for ws.onReceive from (handler: (event: MessageEvent) => void) => void to onReceive?: (handler: (message: Message) => void) => void. This enables parsing and transforming event data at the application level, reducing code repetition.
• PromptBuilder is updated since it uses elementRenderer.
• Remove ThreadableMessage
• Update tests and stories

Screenshots

Before

After

[kaseyvee]

Suggested change

	}, [props.messages])
	}, [props.messages.length])

[Shiti]

Suggested change

	if (props.ws.onReceive) {
	if (props.ws) {