Highlevel Integration, Streaming, and Cost Tracking Demo

video1.0<iframe src="https://www.loom.com/embed/7af776bf596c4a14824270543d8a56dd" frameborder="0" width="1660" height="1245" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>12451660Loomhttps://www.loom.com12451660https://cdn.loom.com/os/loom-media-content/loom/ccc51580-69e2-4114-b4a2-0dc999a1fb10/0b0a3858-af89-405d-8c14-31375e39055a/sessions-thumbnails-7af776bf596c4a14824270543d8a56dd-81801a142c4512f5.gif/binary?authToken=eyJraWQiOiJtaWNyb3MtZ3JvdXAvdGRwLW9zLWFyY2hldHlwZS9yYjVnOGJkdXJoZzQ4cDFmIiwiYWxnIjoiUlMyNTYifQ.eyJicyI6Imxvb20tbWVkaWEtY29udGVudCIsImF1ZCI6InRkcC1vcy1hcmNoZXR5cGUiLCJuYmYiOjE3OTEzNzU4NzEsInRpIjoiYWIxZmU2OWUtZmEzMS00NzZjLTgwYzQtMTBlZjE0NmQ3YTc1IiwiYWRpIjoibG9vbS9sb29tIiwiaXNzIjoibWljcm9zLWdyb3VwL3RkcC1vcy1hcmNoZXR5cGUiLCJwaWQiOiI0ZmJlNmFkMC0xNDczLTRjNWMtOWY4Yy1mM2QzM2I5NWZmN2MiLCJ3YSI6ImZhbHNlIiwib2lkIjoic2Vzc2lvbnMtdGh1bWJuYWlscy03YWY3NzZiZjU5NmM0YTE0ODI0MjcwNTQzZDhhNTZkZC04MTgwMWExNDJjNDUxMmY1LmdpZiIsImV4cCI6MTc5MTM3NjQ3MSwiaWF0IjoxNzkxMzc1ODcxLCJqdGkiOiI0MTVjODUzOS0xZWYzLTRkZGEtODUxMi1lMzFlOGM1YWYwMTcifQ.Lqf4DOVT55wVW_eaDhJKygHuQIsyFSsnyVKa-g_e4F4EqV0LxhL0hLzB1Cn68rsG8n1aIIb2H2I_PzUu8GSBcH0O2T-PfBA4J4oqrIRpp9TdCtl2N_KreevqGT-KGmWtnDy6OJyGFtIZdd1NYYetNbnC6Wt9AmQO3akx-Evxayj-wQYxARnPx2BtUWuLTbAZzoa8oz6WTfEP_No0FVQoKCjy9bvBCNu8YNI6ARosLT-91uLaMB642eF6N2AFHOAwoMLucA5S0QC9k-rpxsHEnjq1lc8bA55fnUooxaWQoqJojkRLaN5Fl1k0raXtw6snpIbEGI_0GRrAJCeQgp4gFw&Expires=1791376471&Signature=B037M8vI%7EFMFncVcYAKCmQVoIkt%7E%7EV%7EUOo2Y-LwrrP2k2juZaXn6tcbjPXIOsUFNoLlF%7EedMsa8FXIFddgGKhh5yV7NlGEJaaqq0A5lvP5%7Eq-ZwBQ2lVOphNrxphGY7pIl0KI-KQxOUZdjlcgcgB9XIn-uobtXvZugW18MAiGGxUfFQOkaAlexbTcSCsfjJ3PvT9PnXAVT3Z9nX-0cicYD7UhN5dDbAwhI5vZzyocTSahn3WAOGjXvEY8%7EC0tPhHNWVUAYI7fhJMrYk2Ejh4biAOIwzUgTbl3gvKokaZ8rj-scvtmXo4pBpBz1lKnsX6W9XWFU76aTtAGd4cYUv-Kg__&Key-Pair-Id=KQOSYIR44AIC0920.669Highlevel Integration, Streaming, and Cost Tracking DemoThis Loom demonstrates a login and HighLevel integration flow that feeds real-time calendar, appointments, and contacts data into a local AppGenesis project. The speaker signs up and logs in with email and password, then creates a local project boundary and requests HighLevel read-only access, initially showing data as unavailable until the HighLevel account is connected via an OAuth consent flow for a New York sub-account. After connecting, the app uses an Anthropic SDK on Firebase to generate HTML, CSS, and index files rendered in an isolated iframe preview, with streaming enabled by directly calling generate functions. They also show iteration and refinement using Claude, including a cost example where a previous refinement used 1.7k tokens in and produced 6.2k tokens out for about 6 cents (and another refinement for about 0.17 cents), plus snapshot history and code isolation for security.