The main difference between the two pages is the method of sending messages. Recieving messages is the same in both.
Send messages to iframe using iframeEl.contentWindow.postMessage
Recieve messages using window.addEventListener('message')
Conversation with ChatGPT Model-4
Overview of the various options, with a deep dive into the implementation using AWS Amplify with the GraphQL API capabilities. Finished with real-time feedback considerations.