.legal-docs-container { width: 100%; height: 100vh; display: flex; } #documentHistory { width: 250px; border-right: 1px solid #ccc; } #workflowEditor { flex: 1; } const LegalDocsApp = { init: function() { this.setupEventListeners(); }, setupEventListeners: function() { document.dispatchEvent(new Event('legalDocsAppReady')); }, createNewWorkflow: function() { document.dispatchEvent(new Event('createNewWorkflow')); }, loadDocument: function(docId) { document.dispatchEvent(new CustomEvent('loadDocument', { detail: { docId: docId } })); }, saveDocument: function(docData) { document.dispatchEvent(new CustomEvent('saveDocument', { detail: { docData: docData } })); } }; document.addEventListener('DOMContentLoaded', () => { LegalDocsApp.init(); });