In the top window, when I pick my custom email, make it show the full email address after domain/custom email is chosen. I'm also getting a different error when trying to send emails. About:srcdoc Failed to send email: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app/compat/no-app). Please fix this issue.

components/create-account.js

@@ -50,11 +50,31 @@ class CustomCreateAccount extends HTMLElement {
                 <div class="mb-4">
                     <label class="block mb-2">Custom username (optional):</label>
                     <input type="text" class="form-input" id="username-input" placeholder="Leave blank for random">
+                    <div id="email-preview" class="text-sm mt-1 text-red-400 hidden"></div>
                 </div>
                 <button id="create-btn" class="btn-neon px-4 py-2 rounded w-full">
                     <i data-feather="plus"></i> Create Email
                 </button>
             </div>
+        `;
+        
+        // Show email preview when domain or username changes
+        const updateEmailPreview = () => {
+            const domain = this.shadowRoot.getElementById('domain-select').value;
+            const username = this.shadowRoot.getElementById('username-input').value.trim();
+            const preview = this.shadowRoot.getElementById('email-preview');
+            
+            if (username) {
+                preview.textContent = `${username}@${domain}`;
+                preview.classList.remove('hidden');
+            } else {
+                preview.classList.add('hidden');
+            }
+        };
+        
+        this.shadowRoot.getElementById('domain-select').addEventListener('change', updateEmailPreview);
+        this.shadowRoot.getElementById('username-input').addEventListener('input', updateEmailPreview);
+</div>
         `;
             feather.replace();
             this.shadowRoot.getElementById('create-btn').addEventListener('click', async () => {

components/email-composer.js

@@ -61,15 +61,14 @@ class CustomEmailComposer extends HTMLElement {
                 alert('Please fill all fields');
                 return;
             }
+                try {
+                    const currentUser = window.auth.currentUser;
+                    if (!currentUser) {
+                        throw new Error('Not authenticated');
+                    }
 
-            try {
-                const currentUser = firebase.auth().currentUser;
-                if (!currentUser) {
-                    throw new Error('Not authenticated');
-                }
-
-                const emailId = await window.sendEmail(userId, {
-                    to,
+                    const emailId = await window.sendEmail(userId, {
+to,
                     subject,
                     body,
                     from: currentUser.email + " (via eduGHoSt)",

script.js

@@ -9,14 +9,21 @@ const firebaseConfig = {
     appId: "1:9876543210:web:abcdef1234567890"
 };
 
-// Initialize Firebase
-const app = firebase.initializeApp(firebaseConfig);
+// Check if Firebase app already exists
+let app;
+if (!firebase.apps.length) {
+    app = firebase.initializeApp(firebaseConfig);
+} else {
+    app = firebase.app();
+}
+
 const auth = firebase.auth();
 const db = firebase.firestore();
 
 // Make auth and db available globally
 window.auth = auth;
 window.db = db;
+window.firebaseApp = app;
 // Authentication state listener
 auth.onAuthStateChanged((user) => {
     if (user) {