diff --git a/www/ai-tv.html b/www/ai-tv.html
index f990df5..253a24b 100644
--- a/www/ai-tv.html
+++ b/www/ai-tv.html
@@ -799,7 +799,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {
diff --git a/www/ai.html b/www/ai.html
index 2afa53d..3f306d9 100644
--- a/www/ai.html
+++ b/www/ai.html
@@ -743,7 +743,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {
diff --git a/www/blobs.html b/www/blobs.html
index 6a3263d..e9e0d81 100644
--- a/www/blobs.html
+++ b/www/blobs.html
@@ -684,7 +684,7 @@
         </div>
 
         <script src="./nostr.bundle.js"></script>
-        <script src="./nostr-lite.js"></script>
+        <script src="/nostr-login-lite/nostr-lite.js"></script>
 
         <script type="module">
             //////////////////////////////////////////////////////////////////////
diff --git a/www/block.html b/www/block.html
index 7c73236..508428d 100644
--- a/www/block.html
+++ b/www/block.html
@@ -301,7 +301,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {
diff --git a/www/c-relay-pg.html b/www/c-relay-pg.html
index 43f2296..f041429 100644
--- a/www/c-relay-pg.html
+++ b/www/c-relay-pg.html
@@ -402,7 +402,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {
diff --git a/www/cal.html b/www/cal.html
index 7523c1c..a3ac832 100644
--- a/www/cal.html
+++ b/www/cal.html
@@ -466,7 +466,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import { initNDKPage, getPubkey, injectHeaderAvatar, subscribe, publishEvent, disconnect, encryptContent, decryptContent } from './js/init-ndk.mjs';
diff --git a/www/cashu.html b/www/cashu.html
index ace5b52..4c1f1de 100644
--- a/www/cashu.html
+++ b/www/cashu.html
@@ -718,7 +718,7 @@
 
   <script src="./nostr.bundle.js"></script>
   <script src="./ndk-core.bundle.js?v=wallet-hotfix-3"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
   <script type="text/javascript" src="./js/qrcode-generator.min.js"></script>
 
   <script type="module">
diff --git a/www/conway.html b/www/conway.html
index 4fb4762..7e0ec8c 100644
--- a/www/conway.html
+++ b/www/conway.html
@@ -210,7 +210,7 @@
        2. nostr-lite.js - Authentication modal (nostr-login-lite)
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================
diff --git a/www/db.html b/www/db.html
index ed347da..6276c9c 100644
--- a/www/db.html
+++ b/www/db.html
@@ -378,7 +378,7 @@
        REQUIRED SCRIPTS
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================
diff --git a/www/didactyl.html b/www/didactyl.html
index 482e134..6dd004d 100644
--- a/www/didactyl.html
+++ b/www/didactyl.html
@@ -513,7 +513,7 @@
        REQUIRED SCRIPTS
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import { initNDKPage, getPubkey, injectHeaderAvatar, disconnect, getVersion, updateVersionDisplay } from './js/init-ndk.mjs';
diff --git a/www/document.html b/www/document.html
index 2afcc0a..b93c590 100644
--- a/www/document.html
+++ b/www/document.html
@@ -915,7 +915,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {
diff --git a/www/event-management.html b/www/event-management.html
index c8fa449..a5822df 100644
--- a/www/event-management.html
+++ b/www/event-management.html
@@ -432,7 +432,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {
diff --git a/www/feed.html b/www/feed.html
index ce4d2a2..5adc199 100644
--- a/www/feed.html
+++ b/www/feed.html
@@ -139,7 +139,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {
diff --git a/www/html-tv.html b/www/html-tv.html
index 707bbf7..2613974 100644
--- a/www/html-tv.html
+++ b/www/html-tv.html
@@ -876,7 +876,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {
diff --git a/www/index.html b/www/index.html
index a56e5b0..7aaa889 100644
--- a/www/index.html
+++ b/www/index.html
@@ -363,7 +363,7 @@
        ================================================================ -->
   <script type="text/javascript" src="./js/qrcode-svg.min.js"></script>
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================
diff --git a/www/js/init-ndk.mjs b/www/js/init-ndk.mjs
index f2fc607..62eea43 100644
--- a/www/js/init-ndk.mjs
+++ b/www/js/init-ndk.mjs
@@ -274,7 +274,8 @@ async function ensureAuthenticated() {
                     extension: true,
                     local: true,
                     nip46: true,
-                    seedphrase: true
+                    seedphrase: true,
+                    nsigner: true
                 }
             });
         }
@@ -1014,7 +1015,8 @@ export async function injectHeaderLoginButton() {
                         extension: true,
                         local: true,
                         nip46: true,
-                        seedphrase: true
+                        seedphrase: true,
+                        nsigner: true
                     }
                 });
             }
diff --git a/www/js/version.json b/www/js/version.json
index 1b81c3a..756cc2e 100644
--- a/www/js/version.json
+++ b/www/js/version.json
@@ -1,5 +1,5 @@
 {
-  "VERSION": "v0.7.14",
-  "VERSION_NUMBER": "0.7.14",
-  "BUILD_DATE": "2026-05-27T19:48:34.590Z"
+  "VERSION": "v0.7.15",
+  "VERSION_NUMBER": "0.7.15",
+  "BUILD_DATE": "2026-05-28T18:44:00.780Z"
 }
diff --git a/www/keep-alive.html b/www/keep-alive.html
index 0602284..f62ae11 100644
--- a/www/keep-alive.html
+++ b/www/keep-alive.html
@@ -241,7 +241,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {
diff --git a/www/msg.html b/www/msg.html
index 3b5bf8c..6c2cfe4 100644
--- a/www/msg.html
+++ b/www/msg.html
@@ -457,7 +457,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {
diff --git a/www/music.html b/www/music.html
index ccd1726..57943d8 100644
--- a/www/music.html
+++ b/www/music.html
@@ -1333,7 +1333,7 @@
        2. nostr-lite.js - Authentication modal (nostr-login-lite)
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================
diff --git a/www/nostr-lite.js b/www/nostr-lite.js
deleted file mode 100644
index 2ee648f..0000000
--- a/www/nostr-lite.js
+++ /dev/null
@@ -1,4401 +0,0 @@
-/**
- * NOSTR_LOGIN_LITE - Authentication Library
- *
- * ⚠️  WARNING: THIS FILE IS AUTO-GENERATED - DO NOT EDIT MANUALLY!
- * ⚠️  To make changes, edit lite/build.js and run: cd lite && node build.js
- * ⚠️  Any manual edits to this file will be OVERWRITTEN when build.js runs!
- *
- * Two-file architecture:
- * 1. Load nostr.bundle.js (official nostr-tools bundle)
- * 2. Load nostr-lite.js (this file - NOSTR_LOGIN_LITE library with CSS-only themes)
- * Generated on: 2026-04-04T13:23:45.695Z
- */
-
-// Verify dependencies are loaded
-if (typeof window !== 'undefined') {
-  if (!window.NostrTools) {
-    console.error('NOSTR_LOGIN_LITE: nostr.bundle.js must be loaded first');
-    throw new Error('Missing dependency: nostr.bundle.js');
-  }
-  
-  // console.log('NOSTR_LOGIN_LITE: Dependencies verified ✓');
-  // console.log('NOSTR_LOGIN_LITE: NostrTools available with keys:', Object.keys(window.NostrTools));
-  // console.log('NOSTR_LOGIN_LITE: NIP-06 available:', !!window.NostrTools.nip06);
-  // console.log('NOSTR_LOGIN_LITE: NIP-46 available:', !!window.NostrTools.nip46);
-}
-
-// ======================================
-// NOSTR_LOGIN_LITE Components
-// ======================================
-
-// ======================================
-// CSS-Only Theme System
-// ======================================
-
-const THEME_CSS = {
-  'default': `/**
- * NOSTR_LOGIN_LITE - Default Monospace Theme
- * Black/white/red color scheme with monospace typography
- * Simplified 14-variable system (6 core + 8 floating tab)
- */
-
-:root {
-  /* Core Variables (6) */
-  --nl-primary-color: #000000;
-  --nl-secondary-color: #ffffff;
-  --nl-accent-color: #ff0000;
-  --nl-muted-color: #CCCCCC;
-  --nl-font-family: "Courier New", Courier, monospace;
-  --nl-border-radius: 15px;
-  --nl-border-width: 3px;
-  
-  /* Floating Tab Variables (8) */
-  --nl-tab-bg-logged-out: #ffffff;
-  --nl-tab-bg-logged-in: #ffffff;
-  --nl-tab-bg-opacity-logged-out: 0.9;
-  --nl-tab-bg-opacity-logged-in: 0.2;
-  --nl-tab-color-logged-out: #000000;
-  --nl-tab-color-logged-in: #ffffff;
-  --nl-tab-border-logged-out: #000000;
-  --nl-tab-border-logged-in: #ff0000;
-  --nl-tab-border-opacity-logged-out: 1.0;
-  --nl-tab-border-opacity-logged-in: 0.1;
-}
-
-/* Base component styles using simplified variables */
-.nl-component {
-  font-family: var(--nl-font-family);
-  color: var(--nl-primary-color);
-}
-
-.nl-button {
-  background: var(--nl-secondary-color);
-  color: var(--nl-primary-color);
-  border: var(--nl-border-width) solid var(--nl-primary-color);
-  border-radius: var(--nl-border-radius);
-  font-family: var(--nl-font-family);
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-
-.nl-button:hover {
-  border-color: var(--nl-accent-color);
-}
-
-.nl-button:active {
-  background: var(--nl-accent-color);
-  color: var(--nl-secondary-color);
-}
-
-.nl-input {
-  background: var(--nl-secondary-color);
-  color: var(--nl-primary-color);
-  border: var(--nl-border-width) solid var(--nl-primary-color);
-  border-radius: var(--nl-border-radius);
-  font-family: var(--nl-font-family);
-  box-sizing: border-box;
-}
-
-.nl-input:focus {
-  border-color: var(--nl-accent-color);
-  outline: none;
-}
-
-.nl-container {
-  background: var(--nl-secondary-color);
-  border: var(--nl-border-width) solid var(--nl-primary-color);
-  border-radius: var(--nl-border-radius);
-}
-
-.nl-title, .nl-heading {
-  font-family: var(--nl-font-family);
-  color: var(--nl-primary-color);
-  margin: 0;
-}
-
-.nl-text {
-  font-family: var(--nl-font-family);
-  color: var(--nl-primary-color);
-}
-
-.nl-text--muted {
-  color: var(--nl-muted-color);
-}
-
-.nl-icon {
-  font-family: var(--nl-font-family);
-  color: var(--nl-primary-color);
-}
-
-/* Floating tab styles */
-.nl-floating-tab {
-  font-family: var(--nl-font-family);
-  border-radius: var(--nl-border-radius);
-  border: var(--nl-border-width) solid;
-  transition: all 0.2s ease;
-}
-
-.nl-floating-tab--logged-out {
-  background: rgba(255, 255, 255, var(--nl-tab-bg-opacity-logged-out));
-  color: var(--nl-tab-color-logged-out);
-  border-color: rgba(0, 0, 0, var(--nl-tab-border-opacity-logged-out));
-}
-
-.nl-floating-tab--logged-in {
-  background: rgba(0, 0, 0, var(--nl-tab-bg-opacity-logged-in));
-  color: var(--nl-tab-color-logged-in);
-  border-color: rgba(255, 0, 0, var(--nl-tab-border-opacity-logged-in));
-}
-
-.nl-transition {
-  transition: all 0.2s ease;
-}`,
-  'dark': `/**
- * NOSTR_LOGIN_LITE - Dark Monospace Theme
- */
-
-:root {
-  /* Core Variables (6) */
-  --nl-primary-color: #white;
-  --nl-secondary-color: #black;
-  --nl-accent-color: #ff0000;
-  --nl-muted-color: #666666;
-  --nl-font-family: "Courier New", Courier, monospace;
-  --nl-border-radius: 15px;
-  --nl-border-width: 3px;
-  
-  /* Floating Tab Variables (8) */
-  --nl-tab-bg-logged-out: #ffffff;
-  --nl-tab-bg-logged-in: #000000;
-  --nl-tab-bg-opacity-logged-out: 0.9;
-  --nl-tab-bg-opacity-logged-in: 0.8;
-  --nl-tab-color-logged-out: #000000;
-  --nl-tab-color-logged-in: #ffffff;
-  --nl-tab-border-logged-out: #000000;
-  --nl-tab-border-logged-in: #ff0000;
-  --nl-tab-border-opacity-logged-out: 1.0;
-  --nl-tab-border-opacity-logged-in: 0.9;
-}
-
-/* Base component styles using simplified variables */
-.nl-component {
-  font-family: var(--nl-font-family);
-  color: var(--nl-primary-color);
-}
-
-.nl-button {
-  background: var(--nl-secondary-color);
-  color: var(--nl-primary-color);
-  border: var(--nl-border-width) solid var(--nl-primary-color);
-  border-radius: var(--nl-border-radius);
-  font-family: var(--nl-font-family);
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-
-.nl-button:hover {
-  border-color: var(--nl-accent-color);
-}
-
-.nl-button:active {
-  background: var(--nl-accent-color);
-  color: var(--nl-secondary-color);
-}
-
-.nl-input {
-  background: var(--nl-secondary-color);
-  color: var(--nl-primary-color);
-  border: var(--nl-border-width) solid var(--nl-primary-color);
-  border-radius: var(--nl-border-radius);
-  font-family: var(--nl-font-family);
-  box-sizing: border-box;
-}
-
-.nl-input:focus {
-  border-color: var(--nl-accent-color);
-  outline: none;
-}
-
-.nl-container {
-  background: var(--nl-secondary-color);
-  border: var(--nl-border-width) solid var(--nl-primary-color);
-  border-radius: var(--nl-border-radius);
-}
-
-.nl-title, .nl-heading {
-  font-family: var(--nl-font-family);
-  color: var(--nl-primary-color);
-  margin: 0;
-}
-
-.nl-text {
-  font-family: var(--nl-font-family);
-  color: var(--nl-primary-color);
-}
-
-.nl-text--muted {
-  color: var(--nl-muted-color);
-}
-
-.nl-icon {
-  font-family: var(--nl-font-family);
-  color: var(--nl-primary-color);
-}
-
-/* Floating tab styles */
-.nl-floating-tab {
-  font-family: var(--nl-font-family);
-  border-radius: var(--nl-border-radius);
-  border: var(--nl-border-width) solid;
-  transition: all 0.2s ease;
-}
-
-.nl-floating-tab--logged-out {
-  background: rgba(255, 255, 255, var(--nl-tab-bg-opacity-logged-out));
-  color: var(--nl-tab-color-logged-out);
-  border-color: rgba(0, 0, 0, var(--nl-tab-border-opacity-logged-out));
-}
-
-.nl-floating-tab--logged-in {
-  background: rgba(0, 0, 0, var(--nl-tab-bg-opacity-logged-in));
-  color: var(--nl-tab-color-logged-in);
-  border-color: rgba(255, 0, 0, var(--nl-tab-border-opacity-logged-in));
-}
-
-.nl-transition {
-  transition: all 0.2s ease;
-}`
-};
-
-// Theme management functions
-function injectThemeCSS(themeName = 'default') {
-  if (typeof document !== 'undefined') {
-    // Remove existing theme CSS
-    const existingStyle = document.getElementById('nl-theme-css');
-    if (existingStyle) {
-      existingStyle.remove();
-    }
-    
-    // Inject selected theme CSS
-    const themeCss = THEME_CSS[themeName] || THEME_CSS['default'];
-    const style = document.createElement('style');
-    style.id = 'nl-theme-css';
-    style.textContent = themeCss;
-    document.head.appendChild(style);
-    // console.log('NOSTR_LOGIN_LITE: ' + themeName + ' theme CSS injected');
-  }
-}
-
-// Auto-inject default theme when DOM is ready
-if (typeof document !== 'undefined') {
-  if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', () => injectThemeCSS('default'));
-  } else {
-    injectThemeCSS('default');
-  }
-}
-
-// ======================================
-// Modal UI Component
-// ======================================
-
-
-class Modal {
-  constructor(options = {}) {
-    this.options = options;
-    this.container = null;
-    this.isVisible = false;
-    this.currentScreen = null;
-    this.isEmbedded = !!options.embedded;
-    this.embeddedContainer = options.embedded;
-
-    // Initialize modal container and styles
-    this._initModal();
-  }
-
-  _initModal() {
-    // Create modal container
-    this.container = document.createElement('div');
-    this.container.id = this.isEmbedded ? 'nl-modal-embedded' : 'nl-modal';
-    
-    if (this.isEmbedded) {
-      // Embedded mode: inline positioning, no overlay
-      this.container.style.cssText = `
-        position: relative;
-        display: none;
-        font-family: var(--nl-font-family, 'Courier New', monospace);
-        width: 100%;
-      `;
-    } else {
-      // Modal mode: fixed overlay
-      this.container.style.cssText = `
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        background: rgba(0, 0, 0, 0.75);
-        display: none;
-        z-index: 10000;
-        font-family: var(--nl-font-family, 'Courier New', monospace);
-      `;
-    }
-
-    // Create modal content
-    const modalContent = document.createElement('div');
-    if (this.isEmbedded) {
-      // Embedded content: no centering margin, full width
-      modalContent.style.cssText = `
-        position: relative;
-        background: var(--nl-secondary-color);
-        color: var(--nl-primary-color);
-        width: 100%;
-        border-radius: var(--nl-border-radius, 15px);
-        border: var(--nl-border-width) solid var(--nl-primary-color);
-        overflow: hidden;
-      `;
-    } else {
-      // Modal content: centered with margin, no fixed height
-      modalContent.style.cssText = `
-        position: relative;
-        background: var(--nl-secondary-color);
-        color: var(--nl-primary-color);
-        width: 90%;
-        max-width: 400px;
-        margin: 50px auto;
-        border-radius: var(--nl-border-radius, 15px);
-        border: var(--nl-border-width) solid var(--nl-primary-color);
-        overflow: hidden;
-      `;
-    }
-
-    // Header
-    const modalHeader = document.createElement('div');
-    modalHeader.style.cssText = `
-      padding: 20px 24px 0 24px;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      background: transparent;
-      border-bottom: none;
-    `;
-
-    const modalTitle = document.createElement('h2');
-    modalTitle.textContent = 'Nostr Login';
-    modalTitle.style.cssText = `
-      margin: 0;
-      font-size: 24px;
-      font-weight: 600;
-      color: var(--nl-primary-color);
-      font-family: var(--nl-font-family, 'Courier New', monospace);
-    `;
-
-    modalHeader.appendChild(modalTitle);
-    
-    // Only add close button for non-embedded modals
-    // Embedded modals shouldn't have a close button because there's no way to reopen them
-    if (!this.isEmbedded) {
-      const closeButton = document.createElement('button');
-      closeButton.innerHTML = '×';
-      closeButton.onclick = () => this.close();
-      closeButton.style.cssText = `
-        background: var(--nl-secondary-color);
-        border: var(--nl-border-width) solid var(--nl-primary-color);
-        border-radius: 4px;
-        font-size: 28px;
-        color: var(--nl-primary-color);
-        cursor: pointer;
-        padding: 0;
-        width: 32px;
-        height: 32px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-family: var(--nl-font-family, 'Courier New', monospace);
-      `;
-      closeButton.onmouseover = () => {
-        closeButton.style.borderColor = 'var(--nl-accent-color)';
-        closeButton.style.background = 'var(--nl-secondary-color)';
-      };
-      closeButton.onmouseout = () => {
-        closeButton.style.borderColor = 'var(--nl-primary-color)';
-        closeButton.style.background = 'var(--nl-secondary-color)';
-      };
-      
-      modalHeader.appendChild(closeButton);
-    }
-
-    // Body
-    this.modalBody = document.createElement('div');
-    this.modalBody.style.cssText = `
-      padding: 24px;
-      background: transparent;
-      font-family: var(--nl-font-family, 'Courier New', monospace);
-    `;
-
-    modalContent.appendChild(modalHeader);
-    // Add version element in bottom-right corner aligned with modal body
-     const versionElement = document.createElement('div');
-     versionElement.textContent = 'v0.1.12';
-     versionElement.style.cssText = `
-       position: absolute;
-       bottom: 8px;
-       right: 24px;
-       font-size: 14px;
-       color: #666666;
-       font-family: var(--nl-font-family, 'Courier New', monospace);
-       pointer-events: none;
-       z-index: 1;
-     `;
-     modalContent.appendChild(versionElement);
-    
-    modalContent.appendChild(this.modalBody);
-    this.container.appendChild(modalContent);
-
-    // Add to appropriate parent
-    if (this.isEmbedded && this.embeddedContainer) {
-      // Append to specified container for embedding
-      if (typeof this.embeddedContainer === 'string') {
-        const targetElement = document.querySelector(this.embeddedContainer);
-        if (targetElement) {
-          targetElement.appendChild(this.container);
-        } else {
-          console.error('NOSTR_LOGIN_LITE: Embedded container not found:', this.embeddedContainer);
-          document.body.appendChild(this.container);
-        }
-      } else if (this.embeddedContainer instanceof HTMLElement) {
-        this.embeddedContainer.appendChild(this.container);
-      } else {
-        console.error('NOSTR_LOGIN_LITE: Invalid embedded container');
-        document.body.appendChild(this.container);
-      }
-    } else {
-      // Add to body for modal mode
-      document.body.appendChild(this.container);
-    }
-
-    // Click outside to close (only for modal mode)
-    if (!this.isEmbedded) {
-      this.container.onclick = (e) => {
-        if (e.target === this.container) {
-          this.close();
-        }
-      };
-    }
-
-    // Update theme
-    this.updateTheme();
-  }
-
-  updateTheme() {
-    // The theme will automatically update through CSS custom properties
-    // No manual styling needed - the CSS variables handle everything
-  }
-
-   open(opts = {}) {
-    // If a NIP-46 connect is in progress, don't overwrite the connecting UI
-    if (this._nip46Connecting) return;
-
-    this.currentScreen = opts.startScreen;
-    this.isVisible = true;
-    this.container.style.display = 'block';
-
-    // Render login options
-    this._renderLoginOptions();
-  }
-
-  close() {
-    this.isVisible = false;
-    this.container.style.display = 'none';
-    this.modalBody.innerHTML = '';
-  }
-
-  _renderLoginOptions() {
-    this.modalBody.innerHTML = '';
-
-    const options = [];
-
-    // Extension option
-    if (this.options?.methods?.extension !== false) {
-      options.push({
-        type: 'extension',
-        title: 'Browser Extension',
-        description: 'Use your browser extension',
-        icon: '🔌'
-      });
-    }
-
-    // Local key option
-    if (this.options?.methods?.local !== false) {
-      options.push({
-        type: 'local',
-        title: 'Local Key',
-        description: 'Create or import your own key',
-        icon: '🔑'
-      });
-    }
-
-    // Seed Phrase option - only show if explicitly enabled
-    if (this.options?.methods?.seedphrase === true) {
-      options.push({
-        type: 'seedphrase',
-        title: 'Seed Phrase',
-        description: 'Import from mnemonic seed phrase',
-        icon: '🌱'
-      });
-    }
-
-    // Nostr Connect option (check both 'connect' and 'remote' for compatibility)
-    if (this.options?.methods?.connect !== false && this.options?.methods?.remote !== false) {
-      options.push({
-        type: 'connect',
-        title: 'Nostr Connect',
-        description: 'Connect with external signer',
-        icon: '🌐'
-      });
-    }
-
-    // Read-only option
-    if (this.options?.methods?.readonly !== false) {
-      options.push({
-        type: 'readonly',
-        title: 'Read Only',
-        description: 'Browse without signing',
-        icon: '👁️'
-      });
-    }
-
-    // OTP/DM option
-    if (this.options?.methods?.otp !== false) {
-      options.push({
-        type: 'otp',
-        title: 'DM/OTP',
-        description: 'Receive OTP via DM',
-        icon: '📱'
-      });
-    }
-
-    // Render each option
-    options.forEach(option => {
-      const button = document.createElement('button');
-      button.onclick = () => this._handleOptionClick(option.type);
-      button.style.cssText = `
-        display: flex;
-        align-items: center;
-        width: 100%;
-        padding: 16px;
-        margin-bottom: 12px;
-        background: var(--nl-secondary-color);
-        color: var(--nl-primary-color);
-        border: var(--nl-border-width) solid var(--nl-primary-color);
-        border-radius: var(--nl-border-radius);
-        cursor: pointer;
-        transition: all 0.2s;
-        font-family: var(--nl-font-family, 'Courier New', monospace);
-      `;
-      button.onmouseover = () => {
-        button.style.borderColor = 'var(--nl-accent-color)';
-        button.style.background = 'var(--nl-secondary-color)';
-      };
-      button.onmouseout = () => {
-        button.style.borderColor = 'var(--nl-primary-color)';
-        button.style.background = 'var(--nl-secondary-color)';
-      };
-
-      const iconDiv = document.createElement('div');
-      // Remove the icon entirely - no emojis or text-based icons
-      iconDiv.textContent = '';
-      iconDiv.style.cssText = `
-        font-size: 16px;
-        font-weight: bold;
-        margin-right: 16px;
-        width: 0px;
-        text-align: center;
-        color: var(--nl-primary-color);
-        font-family: var(--nl-font-family, 'Courier New', monospace);
-      `;
-
-      const contentDiv = document.createElement('div');
-      contentDiv.style.cssText = 'flex: 1; text-align: left;';
-
-      const titleDiv = document.createElement('div');
-      titleDiv.textContent = option.title;
-      titleDiv.style.cssText = `
-        font-weight: 600;
-        margin-bottom: 4px;
-        color: var(--nl-primary-color);
-        font-family: var(--nl-font-family, 'Courier New', monospace);
-      `;
-
-      const descDiv = document.createElement('div');
-      descDiv.textContent = option.description;
-      descDiv.style.cssText = `
-        font-size: 14px;
-        color: #666666;
-        font-family: var(--nl-font-family, 'Courier New', monospace);
-      `;
-
-      contentDiv.appendChild(titleDiv);
-      contentDiv.appendChild(descDiv);
-
-      button.appendChild(iconDiv);
-      button.appendChild(contentDiv);
-      this.modalBody.appendChild(button);
-    });
-  }
-
-  _handleOptionClick(type) {
-    // console.log('Selected login type:', type);
-
-    // Handle different login types
-    switch (type) {
-      case 'extension':
-        this._handleExtension();
-        break;
-      case 'local':
-        this._showLocalKeyScreen();
-        break;
-      case 'seedphrase':
-        this._showSeedPhraseScreen();
-        break;
-      case 'connect':
-        this._showConnectScreen();
-        break;
-      case 'readonly':
-        this._handleReadonly();
-        break;
-      case 'otp':
-        this._showOtpScreen();
-        break;
-    }
-  }
-
-  _handleExtension() {
-    // SIMPLIFIED ARCHITECTURE: Check for single extension at window.nostr or preserved extension
-    let extension = null;
-    
-    // Check if NostrLite instance has a preserved extension (real extension detected at init)
-    if (window.NOSTR_LOGIN_LITE?._instance?.preservedExtension) {
-      extension = window.NOSTR_LOGIN_LITE._instance.preservedExtension;
-      // console.log('Modal: Using preserved extension:', extension.constructor?.name);
-    }
-    // Otherwise check current window.nostr
-    else if (window.nostr && this._isRealExtension(window.nostr)) {
-      extension = window.nostr;
-      // console.log('Modal: Using current window.nostr extension:', extension.constructor?.name);
-    }
-
-    if (!extension) {
-      // console.log('Modal: No extension detected yet, waiting for deferred detection...');
-      
-      // DEFERRED EXTENSION CHECK: Extensions like nos2x might load after our library
-      let attempts = 0;
-      const maxAttempts = 10; // Try for 2 seconds
-      const checkForExtension = () => {
-        attempts++;
-        
-        // Check again for preserved extension (might be set by deferred detection)
-        if (window.NOSTR_LOGIN_LITE?._instance?.preservedExtension) {
-          extension = window.NOSTR_LOGIN_LITE._instance.preservedExtension;
-          // console.log('Modal: Found preserved extension after waiting:', extension.constructor?.name);
-          this._tryExtensionLogin(extension);
-          return;
-        }
-
-        // Check current window.nostr again
-        if (window.nostr && this._isRealExtension(window.nostr)) {
-          extension = window.nostr;
-          // console.log('Modal: Found extension at window.nostr after waiting:', extension.constructor?.name);
-          this._tryExtensionLogin(extension);
-          return;
-        }
-
-        // Keep trying or give up
-        if (attempts < maxAttempts) {
-          setTimeout(checkForExtension, 200);
-        } else {
-          // console.log('Modal: No browser extension found after waiting 2 seconds');
-          this._showExtensionRequired();
-        }
-      };
-      
-      // Start checking after a brief delay
-      setTimeout(checkForExtension, 200);
-      return;
-    }
-    
-    // Use the single detected extension directly - no choice UI
-    // console.log('Modal: Single extension mode - using extension directly');
-    this._tryExtensionLogin(extension);
-  }
-
-  _detectAllExtensions() {
-    const extensions = [];
-    const seenExtensions = new Set(); // Track extensions by object reference to avoid duplicates
-    
-    // Extension locations to check (in priority order)
-    const locations = [
-      { path: 'window.navigator?.nostr', name: 'navigator.nostr', displayName: 'Standard Extension (navigator.nostr)', icon: '🌐', getter: () => window.navigator?.nostr },
-      { path: 'window.webln?.nostr', name: 'webln.nostr', displayName: 'Alby WebLN Extension', icon: '⚡', getter: () => window.webln?.nostr },
-      { path: 'window.alby?.nostr', name: 'alby.nostr', displayName: 'Alby Extension (Direct)', icon: '🐝', getter: () => window.alby?.nostr },
-      { path: 'window.nos2x', name: 'nos2x', displayName: 'nos2x Extension', icon: '🔌', getter: () => window.nos2x },
-      { path: 'window.flamingo?.nostr', name: 'flamingo.nostr', displayName: 'Flamingo Extension', icon: '🦩', getter: () => window.flamingo?.nostr },
-      { path: 'window.mutiny?.nostr', name: 'mutiny.nostr', displayName: 'Mutiny Extension', icon: '⚔️', getter: () => window.mutiny?.nostr },
-      { path: 'window.nostrich?.nostr', name: 'nostrich.nostr', displayName: 'Nostrich Extension', icon: '🐦', getter: () => window.nostrich?.nostr },
-      { path: 'window.getAlby?.nostr', name: 'getAlby.nostr', displayName: 'getAlby Extension', icon: '🔧', getter: () => window.getAlby?.nostr }
-    ];
-
-    // Check each location
-    for (const location of locations) {
-      try {
-        const obj = location.getter();
-
-        // console.log(`Modal: Checking ${location.name}:`, !!obj, obj?.constructor?.name);
-
-        if (obj && this._isRealExtension(obj) && !seenExtensions.has(obj)) {
-          extensions.push({
-            name: location.name,
-            displayName: location.displayName,
-            icon: location.icon,
-            extension: obj
-          });
-          seenExtensions.add(obj);
-          // console.log(`Modal: ✓ Detected extension at ${location.name} (${obj.constructor?.name})`);
-        } else if (obj) {
-          // console.log(`Modal: ✗ Filtered out ${location.name} (${obj.constructor?.name})`);
-        }
-      } catch (e) {
-        // Location doesn't exist or can't be accessed
-        // console.log(`Modal: ${location.name} not accessible:`, e.message);
-      }
-    }
-    
-    // Also check window.nostr but be extra careful to avoid our library
-    // console.log('Modal: Checking window.nostr:', !!window.nostr, window.nostr?.constructor?.name);
-
-    if (window.nostr) {
-      // Check if window.nostr is our WindowNostr facade with a preserved extension
-      if (window.nostr.constructor?.name === 'WindowNostr' && window.nostr.existingNostr) {
-        // console.log('Modal: Found WindowNostr facade, checking existingNostr for preserved extension');
-        const preservedExtension = window.nostr.existingNostr;
-        // console.log('Modal: Preserved extension:', !!preservedExtension, preservedExtension?.constructor?.name);
-
-        if (preservedExtension && this._isRealExtension(preservedExtension) && !seenExtensions.has(preservedExtension)) {
-          extensions.push({
-            name: 'window.nostr.existingNostr',
-            displayName: 'Extension (preserved by WindowNostr)',
-            icon: '🔑',
-            extension: preservedExtension
-          });
-          seenExtensions.add(preservedExtension);
-          // console.log(`Modal: ✓ Detected preserved extension: ${preservedExtension.constructor?.name}`);
-        }
-      }
-      // Check if window.nostr is directly a real extension (not our facade)
-      else if (this._isRealExtension(window.nostr) && !seenExtensions.has(window.nostr)) {
-        extensions.push({
-          name: 'window.nostr',
-          displayName: 'Extension (window.nostr)',
-          icon: '🔑',
-          extension: window.nostr
-        });
-        seenExtensions.add(window.nostr);
-        // console.log(`Modal: ✓ Detected extension at window.nostr: ${window.nostr.constructor?.name}`);
-      } else {
-        // console.log(`Modal: ✗ Filtered out window.nostr (${window.nostr.constructor?.name}) - not a real extension`);
-      }
-    }
-    
-    return extensions;
-  }
-
-  _isRealExtension(obj) {
-    // console.log(`Modal: EXTENSIVE DEBUG - _isRealExtension called with:`, obj);
-    // console.log(`Modal: Object type: ${typeof obj}`);
-    // console.log(`Modal: Object truthy: ${!!obj}`);
-
-    if (!obj || typeof obj !== 'object') {
-      // console.log(`Modal: REJECT - Not an object`);
-      return false;
-    }
-
-    // console.log(`Modal: getPublicKey type: ${typeof obj.getPublicKey}`);
-    // console.log(`Modal: signEvent type: ${typeof obj.signEvent}`);
-
-    // Must have required Nostr methods
-    if (typeof obj.getPublicKey !== 'function' || typeof obj.signEvent !== 'function') {
-      // console.log(`Modal: REJECT - Missing required methods`);
-      return false;
-    }
-
-    // Exclude NostrTools library object
-    if (obj === window.NostrTools) {
-      // console.log(`Modal: REJECT - Is NostrTools object`);
-      return false;
-    }
-
-    // Use the EXACT SAME logic as the comprehensive test (lines 804-809)
-    // This is the key fix - match the comprehensive test's successful detection logic
-    const constructorName = obj.constructor?.name;
-    const objectKeys = Object.keys(obj);
-
-    // console.log(`Modal: Constructor name: "${constructorName}"`);
-    // console.log(`Modal: Object keys: [${objectKeys.join(', ')}]`);
-
-    // COMPREHENSIVE TEST LOGIC - Accept anything with required methods that's not our specific library classes
-    const isRealExtension = (
-      typeof obj.getPublicKey === 'function' &&
-      typeof obj.signEvent === 'function' &&
-      constructorName !== 'WindowNostr' && // Our library class
-      constructorName !== 'NostrLite' // Our main class
-    );
-
-    // console.log(`Modal: Using comprehensive test logic:`);
-    // console.log(`  Has getPublicKey: ${typeof obj.getPublicKey === 'function'}`);
-    // console.log(`  Has signEvent: ${typeof obj.signEvent === 'function'}`);
-    // console.log(`  Not WindowNostr: ${constructorName !== 'WindowNostr'}`);
-    // console.log(`  Not NostrLite: ${constructorName !== 'NostrLite'}`);
-    // console.log(`  Constructor: "${constructorName}"`);
-
-    // Additional debugging for comparison
-    const extensionPropChecks = {
-      _isEnabled: !!obj._isEnabled,
-      enabled: !!obj.enabled,
-      kind: !!obj.kind,
-      _eventEmitter: !!obj._eventEmitter,
-      _scope: !!obj._scope,
-      _requests: !!obj._requests,
-      _pubkey: !!obj._pubkey,
-      name: !!obj.name,
-      version: !!obj.version,
-      description: !!obj.description
-    };
-
-    // console.log(`Modal: Extension property analysis:`, extensionPropChecks);
-
-    const hasExtensionProps = !!(
-      obj._isEnabled || obj.enabled || obj.kind ||
-      obj._eventEmitter || obj._scope || obj._requests || obj._pubkey ||
-      obj.name || obj.version || obj.description
-    );
-
-    const underscoreKeys = objectKeys.filter(key => key.startsWith('_'));
-    const hexToUint8Keys = objectKeys.filter(key => key.startsWith('_hex'));
-    // console.log(`Modal: Underscore keys: [${underscoreKeys.join(', ')}]`);
-    // console.log(`Modal: _hex* keys: [${hexToUint8Keys.join(', ')}]`);
-
-    // console.log(`Modal: Additional analysis:`);
-    // console.log(`  hasExtensionProps: ${hasExtensionProps}`);
-    // console.log(`  hasLibraryMethod (_hexToUint8Array): ${objectKeys.includes('_hexToUint8Array')}`);
-
-    // console.log(`Modal: COMPREHENSIVE TEST LOGIC RESULT: ${isRealExtension ? 'ACCEPT' : 'REJECT'}`);
-    // console.log(`Modal: FINAL DECISION for ${constructorName}: ${isRealExtension ? 'ACCEPT' : 'REJECT'}`);
-
-    return isRealExtension;
-  }
-
-  _showExtensionChoice(extensions) {
-    this.modalBody.innerHTML = '';
-
-    const title = document.createElement('h3');
-    title.textContent = 'Choose Browser Extension';
-    title.style.cssText = `
-      margin: 0 0 16px 0;
-      font-size: 18px;
-      font-weight: 600;
-      color: var(--nl-primary-color);
-      font-family: var(--nl-font-family, 'Courier New', monospace);
-    `;
-
-    const description = document.createElement('p');
-    description.textContent = `Found ${extensions.length} Nostr extensions. Choose which one to use:`;
-    description.style.cssText = `
-      margin-bottom: 20px;
-      color: #666666;
-      font-size: 14px;
-      font-family: var(--nl-font-family, 'Courier New', monospace);
-    `;
-
-    this.modalBody.appendChild(title);
-    this.modalBody.appendChild(description);
-
-    // Create button for each extension
-    extensions.forEach((ext, index) => {
-      const button = document.createElement('button');
-      button.onclick = () => this._tryExtensionLogin(ext.extension);
-      button.style.cssText = `
-        display: flex;
-        align-items: center;
-        width: 100%;
-        padding: 16px;
-        margin-bottom: 12px;
-        background: var(--nl-secondary-color);
-        color: var(--nl-primary-color);
-        border: var(--nl-border-width) solid var(--nl-primary-color);
-        border-radius: var(--nl-border-radius);
-        cursor: pointer;
-        transition: all 0.2s;
-        text-align: left;
-        font-family: var(--nl-font-family, 'Courier New', monospace);
-      `;
-      
-      button.onmouseover = () => {
-        button.style.borderColor = 'var(--nl-accent-color)';
-        button.style.background = 'var(--nl-secondary-color)';
-      };
-      button.onmouseout = () => {
-        button.style.borderColor = 'var(--nl-primary-color)';
-        button.style.background = 'var(--nl-secondary-color)';
-      };
-
-      const iconDiv = document.createElement('div');
-      iconDiv.textContent = ext.icon;
-      iconDiv.style.cssText = `
-        font-size: 24px;
-        margin-right: 16px;
-        width: 24px;
-        text-align: center;
-      `;
-
-      const contentDiv = document.createElement('div');
-      contentDiv.style.cssText = 'flex: 1;';
-
-      const nameDiv = document.createElement('div');
-      nameDiv.textContent = ext.displayName;
-      nameDiv.style.cssText = `
-        font-weight: 600;
-        margin-bottom: 4px;
-        color: var(--nl-primary-color);
-        font-family: var(--nl-font-family, 'Courier New', monospace);
-      `;
-
-      const pathDiv = document.createElement('div');
-      pathDiv.textContent = ext.name;
-      pathDiv.style.cssText = `
-        font-size: 12px;
-        color: #666666;
-        font-family: var(--nl-font-family, 'Courier New', monospace);
-      `;
-
-      contentDiv.appendChild(nameDiv);
-      contentDiv.appendChild(pathDiv);
-      
-      button.appendChild(iconDiv);
-      button.appendChild(contentDiv);
-      this.modalBody.appendChild(button);
-    });
-
-    // Add back button
-    const backButton = document.createElement('button');
-    backButton.textContent = 'Back to Login Options';
-    backButton.onclick = () => this._renderLoginOptions();
-    backButton.style.cssText = this._getButtonStyle('secondary') + 'margin-top: 20px;';
-    
-    this.modalBody.appendChild(backButton);
-  }
-
-  async _tryExtensionLogin(extensionObj) {
-    try {
-      // Show loading state
-      this.modalBody.innerHTML = '<div style="text-align: center; padding: 20px;">🔄 Connecting to extension...</div>';
-      
-      // Get pubkey from extension
-      const pubkey = await extensionObj.getPublicKey();
-      console.log('Extension provided pubkey:', pubkey);
-
-      // Set extension method with the extension object
-      this._setAuthMethod('extension', { pubkey, extension: extensionObj });
-      
-    } catch (error) {
-      console.error('Extension login failed:', error);
-      this._showError(`Extension login failed: ${error.message}`);
-    }
-  }
-
-  _showLocalKeyScreen() {
-    this.modalBody.innerHTML = '';
-
-    const description = document.createElement('p');
-    description.innerHTML = 'Enter your secret key in nsec or hex format, or <span id="generate-new" style="text-decoration: underline; cursor: pointer; color: var(--nl-primary-color);">generate new</span>.';
-    description.style.cssText = 'margin-bottom: 12px; color: #6b7280; font-size: 14px;';
-
-    const textarea = document.createElement('textarea');
-    textarea.placeholder = 'Enter your secret key:\n• nsec1... (bech32 format)\n• 64-character hex string';
-    textarea.style.cssText = `
-      width: 100%;
-      height: 100px;
-      padding: 12px;
-      border: 1px solid #d1d5db;
-      border-radius: 6px;
-      margin-bottom: 12px;
-      resize: none;
-      font-family: monospace;
-      font-size: 14px;
-      box-sizing: border-box;
-    `;
-
-    // Add real-time format detection
-    const formatHint = document.createElement('div');
-    formatHint.style.cssText = 'margin-bottom: 16px; font-size: 12px; color: #6b7280; min-height: 16px;';
-    
-    const importButton = document.createElement('button');
-    importButton.textContent = 'Import Key';
-    importButton.disabled = true;
-    importButton.onclick = () => {
-      if (!importButton.disabled) {
-        this._importLocalKey(textarea.value);
-      }
-    };
-    
-    // Set initial disabled state
-    importButton.style.cssText = `
-      display: block;
-      width: 100%;
-      padding: 12px;
-      border: var(--nl-border-width) solid var(--nl-muted-color);
-      border-radius: var(--nl-border-radius);
-      font-size: 16px;
-      font-weight: 500;
-      cursor: not-allowed;
-      transition: all 0.2s;
-      font-family: var(--nl-font-family, 'Courier New', monospace);
-      background: var(--nl-secondary-color);
-      color: var(--nl-muted-color);
-    `;
-    
-    textarea.oninput = () => {
-      const value = textarea.value.trim();
-      if (!value) {
-        formatHint.textContent = '';
-        // Disable button
-        importButton.disabled = true;
-        importButton.style.borderColor = 'var(--nl-muted-color)';
-        importButton.style.color = 'var(--nl-muted-color)';
-        importButton.style.cursor = 'not-allowed';
-        return;
-      }
-      
-      const format = this._detectKeyFormat(value);
-      if (format === 'nsec') {
-        formatHint.textContent = '✅ Valid nsec format detected';
-        formatHint.style.color = '#059669';
-        // Enable button
-        importButton.disabled = false;
-        importButton.style.borderColor = 'var(--nl-primary-color)';
-        importButton.style.color = 'var(--nl-primary-color)';
-        importButton.style.cursor = 'pointer';
-      } else if (format === 'hex') {
-        formatHint.textContent = '✅ Valid hex format detected';
-        formatHint.style.color = '#059669';
-        // Enable button
-        importButton.disabled = false;
-        importButton.style.borderColor = 'var(--nl-primary-color)';
-        importButton.style.color = 'var(--nl-primary-color)';
-        importButton.style.cursor = 'pointer';
-      } else {
-        formatHint.textContent = '❌ Invalid key format - must be nsec1... or 64-character hex';
-        formatHint.style.color = '#dc2626';
-        // Disable button
-        importButton.disabled = true;
-        importButton.style.borderColor = 'var(--nl-muted-color)';
-        importButton.style.color = 'var(--nl-muted-color)';
-        importButton.style.cursor = 'not-allowed';
-      }
-    };
-
-    const backButton = document.createElement('button');
-    backButton.textContent = 'Back';
-    backButton.onclick = () => this._renderLoginOptions();
-    backButton.style.cssText = this._getButtonStyle('secondary') + 'margin-top: 12px;';
-
-    this.modalBody.appendChild(description);
-    this.modalBody.appendChild(textarea);
-    this.modalBody.appendChild(formatHint);
-    this.modalBody.appendChild(importButton);
-    this.modalBody.appendChild(backButton);
-
-    // Add click handler for the "generate new" link
-    const generateLink = document.getElementById('generate-new');
-    if (generateLink) {
-      generateLink.addEventListener('mouseenter', () => {
-        generateLink.style.color = 'var(--nl-accent-color)';
-      });
-      generateLink.addEventListener('mouseleave', () => {
-        generateLink.style.color = 'var(--nl-primary-color)';
-      });
-      generateLink.addEventListener('click', () => {
-        this._generateNewLocalKey(textarea, formatHint);
-      });
-    }
-  }
-
-  _generateNewLocalKey(textarea, formatHint) {
-    try {
-      // Generate a new secret key using NostrTools
-      const sk = window.NostrTools.generateSecretKey();
-      const nsec = window.NostrTools.nip19.nsecEncode(sk);
-      
-      // Set the generated key in the textarea
-      textarea.value = nsec;
-      
-      // Trigger the oninput event to properly validate and enable the button
-      if (textarea.oninput) {
-        textarea.oninput();
-      }
-      
-      // console.log('Generated new local secret key (nsec format)');
-
-    } catch (error) {
-      console.error('Failed to generate local key:', error);
-      formatHint.textContent = '❌ Failed to generate key - NostrTools not available';
-      formatHint.style.color = '#dc2626';
-    }
-  }
-
-  _createLocalKey() {
-    try {
-      const sk = window.NostrTools.generateSecretKey();
-      const pk = window.NostrTools.getPublicKey(sk);
-      const nsec = window.NostrTools.nip19.nsecEncode(sk);
-      const npub = window.NostrTools.nip19.npubEncode(pk);
-
-      this._showKeyDisplay(pk, nsec, 'created');
-    } catch (error) {
-      this._showError('Failed to create key: ' + error.message);
-    }
-  }
-
-  
-
-  _detectKeyFormat(keyValue) {
-    const trimmed = keyValue.trim();
-    
-    // Check for nsec format
-    if (trimmed.startsWith('nsec1') && trimmed.length === 63) {
-      try {
-        window.NostrTools.nip19.decode(trimmed);
-        return 'nsec';
-      } catch {
-        return 'invalid';
-      }
-    }
-    
-    // Check for hex format (64 characters, valid hex)
-    if (trimmed.length === 64 && /^[a-fA-F0-9]{64}$/.test(trimmed)) {
-      return 'hex';
-    }
-    
-    return 'invalid';
-  }
-
-  _importLocalKey(keyValue) {
-    try {
-      const trimmed = keyValue.trim();
-      if (!trimmed) {
-        throw new Error('Please enter a secret key');
-      }
-
-      const format = this._detectKeyFormat(trimmed);
-      let sk;
-
-      if (format === 'nsec') {
-        // Decode nsec format - this returns Uint8Array
-        const decoded = window.NostrTools.nip19.decode(trimmed);
-        if (decoded.type !== 'nsec') {
-          throw new Error('Invalid nsec format');
-        }
-        sk = decoded.data; // This is already Uint8Array
-      } else if (format === 'hex') {
-        // Convert hex string to Uint8Array
-        sk = this._hexToUint8Array(trimmed);
-        // Test that it's a valid secret key by trying to get public key
-        window.NostrTools.getPublicKey(sk);
-      } else {
-        throw new Error('Invalid key format. Please enter either nsec1... or 64-character hex string');
-      }
-
-      // Generate public key and encoded formats
-      const pk = window.NostrTools.getPublicKey(sk);
-      const nsec = window.NostrTools.nip19.nsecEncode(sk);
-      const npub = window.NostrTools.nip19.npubEncode(pk);
-
-      this._showKeyDisplay(pk, nsec, 'imported');
-    } catch (error) {
-      this._showError('Invalid key: ' + error.message);
-    }
-  }
-
-  _hexToUint8Array(hex) {
-    // Convert hex string to Uint8Array
-    if (hex.length % 2 !== 0) {
-      throw new Error('Invalid hex string length');
-    }
-    const bytes = new Uint8Array(hex.length / 2);
-    for (let i = 0; i < bytes.length; i++) {
-      bytes[i] = parseInt(hex.substr(i * 2, 2), 16);
-    }
-    return bytes;
-  }
-
-  _showKeyDisplay(pubkey, nsec, action) {
-    this.modalBody.innerHTML = '';
-
-    const title = document.createElement('h3');
-    title.textContent = `Key ${action} successfully!`;
-    title.style.cssText = 'margin: 0 0 16px 0; font-size: 18px; font-weight: 600; color: #059669;';
-
-    const warningDiv = document.createElement('div');
-    warningDiv.textContent = '⚠️ Save your secret key securely!';
-    warningDiv.style.cssText = 'background: #fef3c7; color: #92400e; padding: 12px; border-radius: 6px; margin-bottom: 16px; font-size: 12px;';
-
-    // Helper function to create copy button
-    const createCopyButton = (text, label) => {
-      const copyBtn = document.createElement('button');
-      copyBtn.textContent = `Copy ${label}`;
-      copyBtn.style.cssText = `
-        margin-left: 8px;
-        padding: 4px 8px;
-        font-size: 10px;
-        background: var(--nl-secondary-color);
-        color: var(--nl-primary-color);
-        border: 1px solid var(--nl-primary-color);
-        border-radius: 4px;
-        cursor: pointer;
-        font-family: var(--nl-font-family, 'Courier New', monospace);
-      `;
-      copyBtn.onclick = async (e) => {
-        e.preventDefault();
-        try {
-          await navigator.clipboard.writeText(text);
-          const originalText = copyBtn.textContent;
-          copyBtn.textContent = '✓ Copied!';
-          copyBtn.style.color = '#059669';
-          setTimeout(() => {
-            copyBtn.textContent = originalText;
-            copyBtn.style.color = 'var(--nl-primary-color)';
-          }, 2000);
-        } catch (err) {
-          console.error('Failed to copy:', err);
-          copyBtn.textContent = '✗ Failed';
-          copyBtn.style.color = '#dc2626';
-          setTimeout(() => {
-            copyBtn.textContent = originalText;
-            copyBtn.style.color = 'var(--nl-primary-color)';
-          }, 2000);
-        }
-      };
-      return copyBtn;
-    };
-
-    // Convert pubkey to hex for verification
-    const pubkeyHex = typeof pubkey === 'string' ? pubkey : Array.from(pubkey).map(b => b.toString(16).padStart(2, '0')).join('');
-    
-    // Decode nsec to get secret key as hex
-    let secretKeyHex = '';
-    try {
-      const decoded = window.NostrTools.nip19.decode(nsec);
-      secretKeyHex = Array.from(decoded.data).map(b => b.toString(16).padStart(2, '0')).join('');
-    } catch (err) {
-      console.error('Failed to decode nsec for hex display:', err);
-    }
-
-    // Secret Key Section
-    const nsecSection = document.createElement('div');
-    nsecSection.style.cssText = 'margin-bottom: 16px;';
-    
-    const nsecLabel = document.createElement('div');
-    nsecLabel.innerHTML = '<strong>Your Secret Key (nsec):</strong>';
-    nsecLabel.style.cssText = 'margin-bottom: 4px; font-size: 12px; font-weight: 600;';
-    
-    const nsecContainer = document.createElement('div');
-    nsecContainer.style.cssText = 'margin-bottom: 8px;';
-    
-    const nsecCode = document.createElement('code');
-    nsecCode.textContent = nsec;
-    nsecCode.style.cssText = `
-      display: block;
-      word-wrap: break-word;
-      overflow-wrap: break-word;
-      background: #f3f4f6;
-      padding: 6px;
-      border-radius: 4px;
-      font-size: 10px;
-      line-height: 1.3;
-      font-family: 'Courier New', monospace;
-      margin-bottom: 4px;
-    `;
-    
-    const nsecCopyBtn = createCopyButton(nsec, 'nsec');
-    nsecCopyBtn.style.cssText += 'display: inline-block; margin-left: 0;';
-    
-    nsecContainer.appendChild(nsecCode);
-    nsecContainer.appendChild(nsecCopyBtn);
-    nsecSection.appendChild(nsecLabel);
-    nsecSection.appendChild(nsecContainer);
-
-    // Secret Key Hex Section
-    if (secretKeyHex) {
-      const secretHexLabel = document.createElement('div');
-      secretHexLabel.innerHTML = '<strong>Secret Key (hex):</strong>';
-      secretHexLabel.style.cssText = 'margin-bottom: 4px; font-size: 12px; font-weight: 600;';
-      
-      const secretHexContainer = document.createElement('div');
-      secretHexContainer.style.cssText = 'margin-bottom: 8px;';
-      
-      const secretHexCode = document.createElement('code');
-      secretHexCode.textContent = secretKeyHex;
-      secretHexCode.style.cssText = `
-        display: block;
-        word-wrap: break-word;
-        overflow-wrap: break-word;
-        background: #f3f4f6;
-        padding: 6px;
-        border-radius: 4px;
-        font-size: 10px;
-        line-height: 1.3;
-        font-family: 'Courier New', monospace;
-        margin-bottom: 4px;
-      `;
-      
-      const secretHexCopyBtn = createCopyButton(secretKeyHex, 'hex');
-      secretHexCopyBtn.style.cssText += 'display: inline-block; margin-left: 0;';
-      
-      secretHexContainer.appendChild(secretHexCode);
-      secretHexContainer.appendChild(secretHexCopyBtn);
-      nsecSection.appendChild(secretHexLabel);
-      nsecSection.appendChild(secretHexContainer);
-    }
-
-    // Public Key Section
-    const npubSection = document.createElement('div');
-    npubSection.style.cssText = 'margin-bottom: 16px;';
-    
-    const npub = window.NostrTools.nip19.npubEncode(pubkey);
-    
-    const npubLabel = document.createElement('div');
-    npubLabel.innerHTML = '<strong>Your Public Key (npub):</strong>';
-    npubLabel.style.cssText = 'margin-bottom: 4px; font-size: 12px; font-weight: 600;';
-    
-    const npubContainer = document.createElement('div');
-    npubContainer.style.cssText = 'margin-bottom: 8px;';
-    
-    const npubCode = document.createElement('code');
-    npubCode.textContent = npub;
-    npubCode.style.cssText = `
-      display: block;
-      word-wrap: break-word;
-      overflow-wrap: break-word;
-      background: #f3f4f6;
-      padding: 6px;
-      border-radius: 4px;
-      font-size: 10px;
-      line-height: 1.3;
-      font-family: 'Courier New', monospace;
-      margin-bottom: 4px;
-    `;
-    
-    const npubCopyBtn = createCopyButton(npub, 'npub');
-    npubCopyBtn.style.cssText += 'display: inline-block; margin-left: 0;';
-    
-    npubContainer.appendChild(npubCode);
-    npubContainer.appendChild(npubCopyBtn);
-    npubSection.appendChild(npubLabel);
-    npubSection.appendChild(npubContainer);
-
-    // Public Key Hex Section
-    const pubHexLabel = document.createElement('div');
-    pubHexLabel.innerHTML = '<strong>Public Key (hex):</strong>';
-    pubHexLabel.style.cssText = 'margin-bottom: 4px; font-size: 12px; font-weight: 600;';
-    
-    const pubHexContainer = document.createElement('div');
-    pubHexContainer.style.cssText = '';
-    
-    const pubHexCode = document.createElement('code');
-    pubHexCode.textContent = pubkeyHex;
-    pubHexCode.style.cssText = `
-      display: block;
-      word-wrap: break-word;
-      overflow-wrap: break-word;
-      background: #f3f4f6;
-      padding: 6px;
-      border-radius: 4px;
-      font-size: 10px;
-      line-height: 1.3;
-      font-family: 'Courier New', monospace;
-      margin-bottom: 4px;
-    `;
-    
-    const pubHexCopyBtn = createCopyButton(pubkeyHex, 'hex');
-    pubHexCopyBtn.style.cssText += 'display: inline-block; margin-left: 0;';
-    
-    pubHexContainer.appendChild(pubHexCode);
-    pubHexContainer.appendChild(pubHexCopyBtn);
-    npubSection.appendChild(pubHexLabel);
-    npubSection.appendChild(pubHexContainer);
-
-    const continueButton = document.createElement('button');
-    continueButton.textContent = 'Continue';
-    continueButton.onclick = () => this._setAuthMethod('local', { secret: nsec, pubkey });
-    continueButton.style.cssText = this._getButtonStyle();
-
-    this.modalBody.appendChild(title);
-    this.modalBody.appendChild(warningDiv);
-    this.modalBody.appendChild(nsecSection);
-    this.modalBody.appendChild(npubSection);
-    this.modalBody.appendChild(continueButton);
-  }
-
-  _setAuthMethod(method, options = {}) {
-    // console.log('Modal: _setAuthMethod called with:', method, options);
-
-    // CRITICAL: Never install facade for extension methods - leave window.nostr as the extension
-    if (method === 'extension') {
-      // console.log('Modal: Extension method - NOT installing facade, leaving window.nostr as extension');
-
-      // Save extension authentication state using global setAuthState function
-      if (typeof window.setAuthState === 'function') {
-        // console.log('Modal: Saving extension auth state to storage');
-        window.setAuthState({ method, ...options }, { isolateSession: this.options?.isolateSession });
-      }
-
-      // Emit auth method selection directly for extension
-      const event = new CustomEvent('nlMethodSelected', {
-        detail: { method, ...options }
-      });
-      window.dispatchEvent(event);
-
-      this.close();
-      return;
-    }
-
-    // FOR NON-EXTENSION METHODS: Force-install facade with resilience
-    // console.log('Modal: Non-extension method - FORCE-INSTALLING facade with resilience:', method);
-    
-    // Store the current extension if any (for potential restoration later)
-    const currentExtension = (window.nostr?.constructor?.name !== 'WindowNostr') ? window.nostr : null;
-    
-    // Get NostrLite instance for facade operations
-    const nostrLiteInstance = window.NOSTR_LOGIN_LITE?._instance;
-    if (!nostrLiteInstance || typeof nostrLiteInstance._installFacade !== 'function') {
-      console.error('Modal: Cannot access NostrLite instance or _installFacade method');
-      // Fallback: emit event anyway
-      const event = new CustomEvent('nlMethodSelected', {
-        detail: { method, ...options }
-      });
-      window.dispatchEvent(event);
-      this.close();
-      return;
-    }
-    
-    // IMMEDIATE FACADE INSTALLATION
-    // console.log('Modal: Installing WindowNostr facade immediately for method:', method);
-    const preservedExtension = nostrLiteInstance.preservedExtension || currentExtension;
-    nostrLiteInstance._installFacade(preservedExtension, true);
-    // console.log('Modal: WindowNostr facade force-installed, current window.nostr:', window.nostr?.constructor?.name);
-    
-    // DELAYED FACADE RESILIENCE - Reinstall after extension override attempts
-    const forceReinstallFacade = () => {
-      console.log('Modal: RESILIENCE CHECK - Current window.nostr after delay:', window.nostr?.constructor?.name);
-      
-      // If facade was overridden by extension, reinstall it
-      if (window.nostr?.constructor?.name !== 'WindowNostr') {
-        console.log('Modal: FACADE OVERRIDDEN! Force-reinstalling WindowNostr facade for user choice:', method);
-        nostrLiteInstance._installFacade(preservedExtension, true);
-        console.log('Modal: Resilient facade force-reinstall complete, window.nostr:', window.nostr?.constructor?.name);
-        
-        // Schedule another check in case of persistent extension override
-        setTimeout(() => {
-          if (window.nostr?.constructor?.name !== 'WindowNostr') {
-            console.log('Modal: PERSISTENT OVERRIDE! Final facade force-reinstall for method:', method);
-            nostrLiteInstance._installFacade(preservedExtension, true);
-          }
-        }, 1000);
-      } else {
-        console.log('Modal: Facade persistence verified - no override detected');
-      }
-    };
-    
-    // Schedule resilience checks at multiple intervals
-    // setTimeout(forceReinstallFacade, 100);  // Quick check
-    // setTimeout(forceReinstallFacade, 500);  // Main check
-    // setTimeout(forceReinstallFacade, 1500); // Final check
-    
-    // Emit auth method selection
-    const event = new CustomEvent('nlMethodSelected', {
-      detail: { method, ...options }
-    });
-    window.dispatchEvent(event);
-
-    this.close();
-  }
-
-  _showError(message) {
-    this.modalBody.innerHTML = '';
-
-    const errorDiv = document.createElement('div');
-    errorDiv.style.cssText = 'background: #fee2e2; color: #dc2626; padding: 16px; border-radius: 6px; margin-bottom: 16px;';
-    errorDiv.innerHTML = `<strong>Error:</strong> ${message}`;
-
-    const backButton = document.createElement('button');
-    backButton.textContent = 'Back';
-    backButton.onclick = () => this._renderLoginOptions();
-    backButton.style.cssText = this._getButtonStyle('secondary');
-
-    this.modalBody.appendChild(errorDiv);
-    this.modalBody.appendChild(backButton);
-  }
-
-  _showExtensionRequired() {
-    this.modalBody.innerHTML = '';
-
-    const title = document.createElement('h3');
-    title.textContent = 'Browser Extension Required';
-    title.style.cssText = 'margin: 0 0 16px 0; font-size: 18px; font-weight: 600;';
-
-    const message = document.createElement('p');
-    message.innerHTML = `
-      Please install a Nostr browser extension and refresh the page.<br><br>
-      <strong>Important:</strong> If you have multiple extensions installed, please disable all but one to avoid conflicts.
-      <br><br>
-      Popular extensions: Alby, nos2x, Flamingo
-    `;
-    message.style.cssText = 'margin-bottom: 20px; color: #6b7280; font-size: 14px; line-height: 1.4;';
-
-    const backButton = document.createElement('button');
-    backButton.textContent = 'Back';
-    backButton.onclick = () => this._renderLoginOptions();
-    backButton.style.cssText = this._getButtonStyle('secondary');
-
-    this.modalBody.appendChild(title);
-    this.modalBody.appendChild(message);
-    this.modalBody.appendChild(backButton);
-  }
-
-  _showConnectScreen() {
-    this.modalBody.innerHTML = '';
-
-    const description = document.createElement('p');
-    description.textContent = 'Connect to a remote signer (bunker) server to use its keys for signing.';
-    description.style.cssText = 'margin-bottom: 20px; color: #6b7280; font-size: 14px;';
-
-    const formGroup = document.createElement('div');
-    formGroup.style.cssText = 'margin-bottom: 20px;';
-
-    const label = document.createElement('label');
-    label.textContent = 'Bunker Public Key:';
-    label.style.cssText = 'display: block; margin-bottom: 8px; font-weight: 500;';
-
-    const pubkeyInput = document.createElement('input');
-    pubkeyInput.type = 'text';
-    pubkeyInput.placeholder = 'bunker://pubkey?relay=..., bunker:hex, hex, or npub...';
-    pubkeyInput.style.cssText = `
-      width: 100%;
-      padding: 12px;
-      border: 1px solid #d1d5db;
-      border-radius: 6px;
-      margin-bottom: 12px;
-      font-family: monospace;
-      box-sizing: border-box;
-    `;
-
-    // Add real-time bunker key validation
-    const formatHint = document.createElement('div');
-    formatHint.style.cssText = 'margin-bottom: 16px; font-size: 12px; color: #6b7280; min-height: 16px;';
-
-    const connectButton = document.createElement('button');
-    connectButton.textContent = 'Connect to Bunker';
-    connectButton.disabled = true;
-    connectButton.onclick = () => {
-      if (!connectButton.disabled) {
-        this._handleNip46Connect(pubkeyInput.value);
-      }
-    };
-    
-    // Set initial disabled state
-    connectButton.style.cssText = `
-      display: block;
-      width: 100%;
-      padding: 12px;
-      border: var(--nl-border-width) solid var(--nl-muted-color);
-      border-radius: var(--nl-border-radius);
-      font-size: 16px;
-      font-weight: 500;
-      cursor: not-allowed;
-      transition: all 0.2s;
-      font-family: var(--nl-font-family, 'Courier New', monospace);
-      background: var(--nl-secondary-color);
-      color: var(--nl-muted-color);
-      margin-bottom: 12px;
-    `;
-
-    pubkeyInput.oninput = () => {
-      const value = pubkeyInput.value.trim();
-      if (!value) {
-        formatHint.textContent = '';
-        // Disable button
-        connectButton.disabled = true;
-        connectButton.style.borderColor = 'var(--nl-muted-color)';
-        connectButton.style.color = 'var(--nl-muted-color)';
-        connectButton.style.cursor = 'not-allowed';
-        return;
-      }
-      
-      const isValid = this._validateBunkerKey(value);
-      if (isValid) {
-        formatHint.textContent = '✅ Valid bunker connection format detected';
-        formatHint.style.color = '#059669';
-        // Enable button
-        connectButton.disabled = false;
-        connectButton.style.borderColor = 'var(--nl-primary-color)';
-        connectButton.style.color = 'var(--nl-primary-color)';
-        connectButton.style.cursor = 'pointer';
-      } else {
-        formatHint.textContent = '❌ Invalid format - must be bunker://, npub, or 64-char hex';
-        formatHint.style.color = '#dc2626';
-        // Disable button
-        connectButton.disabled = true;
-        connectButton.style.borderColor = 'var(--nl-muted-color)';
-        connectButton.style.color = 'var(--nl-muted-color)';
-        connectButton.style.cursor = 'not-allowed';
-      }
-    };
-
-    const backButton = document.createElement('button');
-    backButton.textContent = 'Back';
-    backButton.onclick = () => this._renderLoginOptions();
-    backButton.style.cssText = this._getButtonStyle('secondary') + 'margin-top: 12px;';
-
-    formGroup.appendChild(label);
-    formGroup.appendChild(pubkeyInput);
-    formGroup.appendChild(formatHint);
-
-    this.modalBody.appendChild(description);
-    this.modalBody.appendChild(formGroup);
-    this.modalBody.appendChild(connectButton);
-    this.modalBody.appendChild(backButton);
-  }
-
-  _validateBunkerKey(bunkerKey) {
-    try {
-      const trimmed = bunkerKey.trim();
-      
-      // Check for bunker:// format
-      if (trimmed.startsWith('bunker://')) {
-        // Should have format: bunker://pubkey or bunker://pubkey?param=value
-        const match = trimmed.match(/^bunker:\/\/([0-9a-fA-F]{64})(\?.*)?$/);
-        return !!match;
-      }
-      
-      // Check for npub format
-      if (trimmed.startsWith('npub1') && trimmed.length === 63) {
-        try {
-          if (window.NostrTools?.nip19) {
-            const decoded = window.NostrTools.nip19.decode(trimmed);
-            return decoded.type === 'npub';
-          }
-        } catch {
-          return false;
-        }
-      }
-      
-      // Check for hex format (64 characters, valid hex)
-      if (trimmed.length === 64 && /^[a-fA-F0-9]{64}$/.test(trimmed)) {
-        return true;
-      }
-      
-      return false;
-    } catch (error) {
-      // console.log('Bunker key validation failed:', error.message);
-      return false;
-    }
-  }
-
-   _handleNip46Connect(bunkerPubkey) {
-    if (!bunkerPubkey || !bunkerPubkey.length) {
-      this._showError('Bunker pubkey is required');
-      return;
-    }
-
-    this._showNip46Connecting(bunkerPubkey);
-
-    // While connecting, prevent modal.open() from overwriting the "Connecting..."
-    // state (e.g. when init-ndk's auth timeout fires and calls launch() again).
-    this._nip46Connecting = true;
-    this._performNip46Connect(bunkerPubkey).finally(() => {
-      this._nip46Connecting = false;
-    });
-  }
-
-  _showNip46Connecting(bunkerPubkey) {
-    this.modalBody.innerHTML = '';
-
-    const title = document.createElement('h3');
-    title.textContent = 'Connecting to Remote Signer...';
-    title.style.cssText = 'margin: 0 0 16px 0; font-size: 18px; font-weight: 600; color: #059669;';
-
-    const description = document.createElement('p');
-    description.textContent = 'Establishing secure connection to your remote signer.';
-    description.style.cssText = 'margin-bottom: 20px; color: #6b7280;';
-
-    // Normalize bunker pubkey for display (= show original format if bunker: prefix)
-    const displayPubkey = bunkerPubkey.startsWith('bunker:') || bunkerPubkey.startsWith('npub') || bunkerPubkey.length === 64 ? bunkerPubkey : bunkerPubkey;
-
-    const bunkerInfo = document.createElement('div');
-    bunkerInfo.style.cssText = 'background: #f1f5f9; padding: 12px; border-radius: 6px; margin-bottom: 20px; font-size: 14px;';
-    bunkerInfo.innerHTML = `
-      <strong>Connecting to bunker:</strong><br>
-      Connection: <code style="word-break: break-all;">${displayPubkey}</code><br>
-      <small style="color: #6b7280;">Connection string contains all necessary relay information.</small>
-    `;
-
-    const connectingDiv = document.createElement('div');
-    connectingDiv.style.cssText = 'text-align: center; color: #6b7280;';
-    connectingDiv.innerHTML = `
-      <div style="font-size: 24px; margin-bottom: 10px;">⏳</div>
-      <div>Please wait while we establish the connection...</div>
-      <div style="font-size: 12px; margin-top: 10px;">This may take a few seconds</div>
-    `;
-
-    this.modalBody.appendChild(title);
-    this.modalBody.appendChild(description);
-    this.modalBody.appendChild(bunkerInfo);
-    this.modalBody.appendChild(connectingDiv);
-  }
-
-   async _performNip46Connect(bunkerPubkey) {
-    // Cancel any previous in-flight connect attempt
-    if (this._nip46CancelToken) this._nip46CancelToken.cancelled = true;
-    const cancelToken = { cancelled: false };
-    this._nip46CancelToken = cancelToken;
-
-    try {
-      // Check if nostr-tools NIP-46 is available
-      if (!window.NostrTools?.nip46) {
-        throw new Error('nostr-tools NIP-46 module not available');
-      }
-
-      // Use nostr-tools to parse bunker input - this handles all formats correctly
-      const bunkerPointer = await window.NostrTools.nip46.parseBunkerInput(bunkerPubkey);
-
-      if (!bunkerPointer) {
-        throw new Error('Unable to parse bunker connection string or resolve NIP-05 identifier');
-      }
-
-      // Create local client keypair for this session
-      const localSecretKey = window.NostrTools.generateSecretKey();
-
-      // Create a SimplePool with a patched subscribe that filters out stale cached
-      // NIP-46 response events. Relays like primal.net store and replay previous
-      // "unauthorized" responses before we've even sent our request.
-      // We use a shared object so the flag can be set synchronously from outside
-      // the closure at exactly the right moment.
-      const sessionStart = Math.floor(Date.now() / 1000);
-      const gate = { open: false };
-      const signerRef = { current: null }; // forward ref so the closure can access signer after it's created
-      const pool = new window.NostrTools.SimplePool();
-      const origSubscribe = pool.subscribe.bind(pool);
-      pool.subscribe = (relays, filter, subParams) => {
-        const origOnevent = subParams.onevent;
-        subParams.onevent = async (event) => {
-          if (!gate.open) return; // drop events arriving before we open the gate
-          // Also skip if we can decrypt and see it's a response to a request id
-          // that we haven't sent yet (i.e. its id doesn't match any pending listener)
-          try {
-            const s = signerRef.current;
-            if (!s) return; // signer not yet created, drop
-            const decrypted = JSON.parse(window.NostrTools.nip44.decrypt(event.content, s.conversationKey));
-            if (decrypted.id && !s.listeners[decrypted.id]) {
-              // No pending listener for this id — it's stale, drop it
-              return;
-            }
-          } catch (_) {
-            // Can't decrypt — not for us, drop it
-            return;
-          }
-          return origOnevent(event);
-        };
-        return origSubscribe(relays, { ...filter, since: sessionStart }, subParams);
-      };
-
-      // Use nostr-tools BunkerSigner factory method, passing our patched pool
-      const signer = window.NostrTools.nip46.BunkerSigner.fromBunker(localSecretKey, bunkerPointer, {
-        pool,
-        onauth: (url) => {
-          window.open(url, '_blank', 'width=600,height=800');
-        }
-      });
-      signerRef.current = signer; // allow the onevent closure to access the signer
-
-      // NIP-46 connect requires 3 params: [remotePubkey, secret, perms]
-      // The nostr-tools BunkerSigner.connect() only sends [pubkey, secret] (2 params),
-      // which causes strict bunkers to respond "unauthorized" for subsequent calls
-      // because no permissions were explicitly requested.
-      // We call sendRequest directly to include the required perms in the connect call.
-      const perms = bunkerPointer.perms && bunkerPointer.perms.length
-        ? bunkerPointer.perms
-        : ['get_public_key', 'sign_event', 'nip04_encrypt', 'nip04_decrypt', 'nip44_encrypt', 'nip44_decrypt'];
-
-      // Some signers (e.g. Amber) require the user to approve the connection on their
-      // device before responding with "ack". They respond "unauthorized" immediately
-      // and send "ack" once the user taps approve. We retry the connect request on
-      // "unauthorized" until the user approves or the overall timeout is reached.
-      const CONNECT_TIMEOUT_MS = 120000; // 2 minutes for user to approve on device
-      const RETRY_DELAY_MS = 3000;
-      const deadline = Date.now() + CONNECT_TIMEOUT_MS;
-      let connectError = null;
-      let connectDone = false;
-      while (!connectDone) {
-        try {
-          gate.open = true;
-          await signer.sendRequest('connect', [bunkerPointer.pubkey, bunkerPointer.secret || '', perms.join(',')]);
-          connectDone = true;
-        } catch (err) {
-          if (String(err) === 'unauthorized' && Date.now() < deadline && !cancelToken.cancelled) {
-            connectError = err;
-            await new Promise(r => setTimeout(r, RETRY_DELAY_MS));
-            // Only cancel during the retry wait, not after a successful connect
-            if (cancelToken.cancelled) return;
-          } else {
-            throw err;
-          }
-        }
-      }
-
-      // Get the user's public key from the bunker
-      console.log('[NIP-46] connect done, requesting getPublicKey...');
-      const userPubkey = await signer.getPublicKey();
-      console.log('[NIP-46] getPublicKey returned:', userPubkey);
-
-      // Store the NIP-46 authentication info
-      const nip46Info = {
-        pubkey: userPubkey,
-        signer: {
-          method: 'nip46',
-          remotePubkey: bunkerPointer.pubkey,
-          bunkerSigner: signer,
-          secret: bunkerPointer.secret,
-          relays: bunkerPointer.relays,
-          localSecretKey: window.NostrTools.nip19.nsecEncode(localSecretKey)
-        }
-      };
-
-      // Set as current auth method
-      console.log('[NIP-46] connect success, pubkey:', userPubkey, 'calling _setAuthMethod...');
-      this._setAuthMethod('nip46', nip46Info);
-      console.log('[NIP-46] _setAuthMethod returned, modal.isVisible:', this.isVisible);
-      return;
-
-    } catch (error) {
-      console.error('[NIP-46] connection failed:', error);
-      this._showNip46Error(error?.message || String(error));
-    }
-  }
-
-  _showNip46Error(message) {
-    this.modalBody.innerHTML = '';
-
-    const title = document.createElement('h3');
-    title.textContent = 'Connection Failed';
-    title.style.cssText = 'margin: 0 0 16px 0; font-size: 18px; font-weight: 600; color: #dc2626;';
-
-    const errorMsg = document.createElement('p');
-    errorMsg.textContent = `Unable to connect to remote signer: ${message}`;
-    errorMsg.style.cssText = 'margin-bottom: 20px; color: #6b7280;';
-
-    const retryButton = document.createElement('button');
-    retryButton.textContent = 'Try Again';
-    retryButton.onclick = () => this._showConnectScreen();
-    retryButton.style.cssText = this._getButtonStyle();
-
-    const backButton = document.createElement('button');
-    backButton.textContent = 'Back to Options';
-    backButton.onclick = () => this._renderLoginOptions();
-    backButton.style.cssText = this._getButtonStyle('secondary') + 'margin-top: 12px;';
-
-    this.modalBody.appendChild(title);
-    this.modalBody.appendChild(errorMsg);
-    this.modalBody.appendChild(retryButton);
-    this.modalBody.appendChild(backButton);
-  }
-
-  _handleReadonly() {
-    // Set read-only mode
-    this._setAuthMethod('readonly');
-  }
-
-  _showSeedPhraseScreen() {
-    this.modalBody.innerHTML = '';
-
-    const description = document.createElement('p');
-    description.innerHTML = 'Enter your 12 or 24-word mnemonic seed phrase to derive Nostr accounts, or <span id="generate-new" style="text-decoration: underline; cursor: pointer; color: var(--nl-primary-color);">generate new</span>.';
-    description.style.cssText = 'margin-bottom: 12px; color: #6b7280; font-size: 14px;';
-
-    const textarea = document.createElement('textarea');
-    // Remove default placeholder text as requested
-    textarea.placeholder = '';
-    textarea.style.cssText = `
-      width: 100%;
-      height: 100px;
-      padding: 12px;
-      border: 1px solid #d1d5db;
-      border-radius: 6px;
-      margin-bottom: 12px;
-      resize: none;
-      font-family: monospace;
-      font-size: 14px;
-      box-sizing: border-box;
-    `;
-
-    // Add real-time mnemonic validation
-    const formatHint = document.createElement('div');
-    formatHint.style.cssText = 'margin-bottom: 16px; font-size: 12px; color: #6b7280; min-height: 16px;';
-    
-    const importButton = document.createElement('button');
-    importButton.textContent = 'Import Accounts';
-    importButton.disabled = true;
-    importButton.onclick = () => {
-      if (!importButton.disabled) {
-        this._importFromSeedPhrase(textarea.value);
-      }
-    };
-    
-    // Set initial disabled state
-    importButton.style.cssText = `
-      display: block;
-      width: 100%;
-      padding: 12px;
-      border: var(--nl-border-width) solid var(--nl-muted-color);
-      border-radius: var(--nl-border-radius);
-      font-size: 16px;
-      font-weight: 500;
-      cursor: not-allowed;
-      transition: all 0.2s;
-      font-family: var(--nl-font-family, 'Courier New', monospace);
-      background: var(--nl-secondary-color);
-      color: var(--nl-muted-color);
-    `;
-    
-    textarea.oninput = () => {
-      const value = textarea.value.trim();
-      if (!value) {
-        formatHint.textContent = '';
-        // Disable button
-        importButton.disabled = true;
-        importButton.style.borderColor = 'var(--nl-muted-color)';
-        importButton.style.color = 'var(--nl-muted-color)';
-        importButton.style.cursor = 'not-allowed';
-        return;
-      }
-      
-      const isValid = this._validateMnemonic(value);
-      if (isValid) {
-        const wordCount = value.split(/\s+/).length;
-        formatHint.textContent = `✅ Valid ${wordCount}-word mnemonic detected`;
-        formatHint.style.color = '#059669';
-        // Enable button
-        importButton.disabled = false;
-        importButton.style.borderColor = 'var(--nl-primary-color)';
-        importButton.style.color = 'var(--nl-primary-color)';
-        importButton.style.cursor = 'pointer';
-      } else {
-        formatHint.textContent = '❌ Invalid mnemonic - must be 12 or 24 valid BIP-39 words';
-        formatHint.style.color = '#dc2626';
-        // Disable button
-        importButton.disabled = true;
-        importButton.style.borderColor = 'var(--nl-muted-color)';
-        importButton.style.color = 'var(--nl-muted-color)';
-        importButton.style.cursor = 'not-allowed';
-      }
-    };
-
-    const backButton = document.createElement('button');
-    backButton.textContent = 'Back';
-    backButton.onclick = () => this._renderLoginOptions();
-    backButton.style.cssText = this._getButtonStyle('secondary') + 'margin-top: 12px;';
-
-    this.modalBody.appendChild(description);
-    this.modalBody.appendChild(textarea);
-    this.modalBody.appendChild(formatHint);
-    this.modalBody.appendChild(importButton);
-    this.modalBody.appendChild(backButton);
-
-    // Add click handler for the "generate new" link
-    const generateLink = document.getElementById('generate-new');
-    if (generateLink) {
-      generateLink.addEventListener('mouseenter', () => {
-        generateLink.style.color = 'var(--nl-accent-color)';
-      });
-      generateLink.addEventListener('mouseleave', () => {
-        generateLink.style.color = 'var(--nl-primary-color)';
-      });
-      generateLink.addEventListener('click', () => {
-        this._generateNewSeedPhrase(textarea, formatHint);
-      });
-    }
-  }
-
-  _generateNewSeedPhrase(textarea, formatHint) {
-    try {
-      // Check if NIP-06 is available
-      if (!window.NostrTools?.nip06) {
-        throw new Error('NIP-06 not available in bundle');
-      }
-
-      // Generate a random 12-word mnemonic using NostrTools
-      const mnemonic = window.NostrTools.nip06.generateSeedWords();
-      
-      // Set the generated mnemonic in the textarea
-      textarea.value = mnemonic;
-      
-      // Trigger the oninput event to properly validate and enable the button
-      if (textarea.oninput) {
-        textarea.oninput();
-      }
-      
-      // console.log('Generated new seed phrase:', mnemonic.split(/\s+/).length, 'words');
-
-    } catch (error) {
-      console.error('Failed to generate seed phrase:', error);
-      formatHint.textContent = '❌ Failed to generate seed phrase - NIP-06 not available';
-      formatHint.style.color = '#dc2626';
-    }
-  }
-
-  _validateMnemonic(mnemonic) {
-    try {
-      // Check if NIP-06 is available
-      if (!window.NostrTools?.nip06) {
-        console.error('NIP-06 not available in bundle');
-        return false;
-      }
-
-      const words = mnemonic.trim().split(/\s+/);
-
-      // Must be 12 or 24 words
-      if (words.length !== 12 && words.length !== 24) {
-        return false;
-      }
-
-      // Try to validate using NostrTools nip06 - this will throw if invalid
-      window.NostrTools.nip06.privateKeyFromSeedWords(mnemonic, '', 0);
-      return true;
-    } catch (error) {
-      // console.log('Mnemonic validation failed:', error.message);
-      return false;
-    }
-  }
-
-  _importFromSeedPhrase(mnemonic) {
-    try {
-      const trimmed = mnemonic.trim();
-      if (!trimmed) {
-        throw new Error('Please enter a mnemonic seed phrase');
-      }
-
-      // Validate the mnemonic
-      if (!this._validateMnemonic(trimmed)) {
-        throw new Error('Invalid mnemonic. Please enter a valid 12 or 24-word BIP-39 seed phrase');
-      }
-
-      // Generate accounts 0-5 using NIP-06
-      const accounts = [];
-      for (let i = 0; i < 6; i++) {
-        try {
-          const privateKey = window.NostrTools.nip06.privateKeyFromSeedWords(trimmed, '', i);
-          const publicKey = window.NostrTools.getPublicKey(privateKey);
-          const nsec = window.NostrTools.nip19.nsecEncode(privateKey);
-          const npub = window.NostrTools.nip19.npubEncode(publicKey);
-
-          accounts.push({
-            index: i,
-            privateKey,
-            publicKey,
-            nsec,
-            npub
-          });
-        } catch (error) {
-          console.error(`Failed to derive account ${i}:`, error);
-        }
-      }
-
-      if (accounts.length === 0) {
-        throw new Error('Failed to derive any accounts from seed phrase');
-      }
-
-      // console.log(`Successfully derived ${accounts.length} accounts from seed phrase`);
-      this._showAccountSelection(accounts);
-
-    } catch (error) {
-      console.error('Seed phrase import failed:', error);
-      this._showError('Seed phrase import failed: ' + error.message);
-    }
-  }
-
-  _showAccountSelection(accounts) {
-    this.modalBody.innerHTML = '';
-
-    const description = document.createElement('p');
-    description.textContent = `Select which account to use (${accounts.length} accounts derived from seed phrase):`;
-    description.style.cssText = 'margin-bottom: 20px; color: #6b7280; font-size: 14px;';
-
-    this.modalBody.appendChild(description);
-
-    // Create table for account selection
-    const table = document.createElement('table');
-    table.style.cssText = `
-      width: 100%;
-      border-collapse: collapse;
-      margin-bottom: 20px;
-      font-family: var(--nl-font-family, 'Courier New', monospace);
-      font-size: 12px;
-    `;
-
-    // Table header
-    const thead = document.createElement('thead');
-    thead.innerHTML = `
-      <tr style="background: #f3f4f6;">
-        <th style="padding: 8px; text-align: center; border: 1px solid #d1d5db; font-weight: bold;">#</th>
-        <th style="padding: 8px; text-align: center; border: 1px solid #d1d5db; font-weight: bold;">Use</th>
-      </tr>
-    `;
-    table.appendChild(thead);
-
-    // Table body
-    const tbody = document.createElement('tbody');
-    accounts.forEach(account => {
-      const row = document.createElement('tr');
-      row.style.cssText = 'border: 1px solid #d1d5db;';
-      
-      const indexCell = document.createElement('td');
-      indexCell.textContent = account.index;
-      indexCell.style.cssText = 'padding: 8px; text-align: center; border: 1px solid #d1d5db; font-weight: bold;';
-
-      const actionCell = document.createElement('td');
-      actionCell.style.cssText = 'padding: 8px; border: 1px solid #d1d5db;';
-      
-      // Show truncated npub in the button
-      const truncatedNpub = `${account.npub.slice(0, 12)}...${account.npub.slice(-8)}`;
-      
-      const selectButton = document.createElement('button');
-      selectButton.textContent = truncatedNpub;
-      selectButton.onclick = () => this._selectAccount(account);
-      selectButton.style.cssText = `
-        width: 100%;
-        padding: 8px 12px;
-        font-size: 11px;
-        background: var(--nl-secondary-color);
-        color: var(--nl-primary-color);
-        border: 1px solid var(--nl-primary-color);
-        border-radius: 4px;
-        cursor: pointer;
-        font-family: 'Courier New', monospace;
-        text-align: center;
-      `;
-      selectButton.onmouseover = () => {
-        selectButton.style.borderColor = 'var(--nl-accent-color)';
-      };
-      selectButton.onmouseout = () => {
-        selectButton.style.borderColor = 'var(--nl-primary-color)';
-      };
-
-      actionCell.appendChild(selectButton);
-      
-      row.appendChild(indexCell);
-      row.appendChild(actionCell);
-      tbody.appendChild(row);
-    });
-    table.appendChild(tbody);
-
-    this.modalBody.appendChild(table);
-
-    // Back button
-    const backButton = document.createElement('button');
-    backButton.textContent = 'Back to Seed Phrase';
-    backButton.onclick = () => this._showSeedPhraseScreen();
-    backButton.style.cssText = this._getButtonStyle('secondary');
-
-    this.modalBody.appendChild(backButton);
-  }
-
-  _selectAccount(account) {
-    // console.log('Selected account:', account.index, account.npub);
-
-    // Use the same auth method as local keys, but with seedphrase identifier
-    this._setAuthMethod('local', {
-      secret: account.nsec,
-      pubkey: account.publicKey,
-      source: 'seedphrase',
-      accountIndex: account.index
-    });
-  }
-
-  _showOtpScreen() {
-    // Placeholder for OTP functionality
-    this._showError('OTP/DM not yet implemented - coming soon!');
-  }
-
-  _getButtonStyle(type = 'primary') {
-    const baseStyle = `
-      display: block;
-      width: 100%;
-      padding: 12px;
-      border: var(--nl-border-width) solid var(--nl-primary-color);
-      border-radius: var(--nl-border-radius);
-      font-size: 16px;
-      font-weight: 500;
-      cursor: pointer;
-      transition: all 0.2s;
-      font-family: var(--nl-font-family, 'Courier New', monospace);
-    `;
-
-    if (type === 'primary') {
-      return baseStyle + `
-        background: var(--nl-secondary-color);
-        color: var(--nl-primary-color);
-      `;
-    } else {
-      return baseStyle + `
-        background: #cccccc;
-        color: var(--nl-primary-color);
-      `;
-    }
-  }
-
-  // Public API
-  static init(options) {
-    if (Modal.instance) return Modal.instance;
-    Modal.instance = new Modal(options);
-    return Modal.instance;
-  }
-
-  static getInstance() {
-    return Modal.instance;
-  }
-}
-
-// Initialize global instance
-let modalInstance = null;
-
-window.addEventListener('load', () => {
-  modalInstance = new Modal();
-});
-
-
-// ======================================
-// FloatingTab Component (Recovered from git history)
-// ======================================
-
-class FloatingTab {
-  constructor(modal, options = {}) {
-    this.modal = modal;
-    this.options = {
-      enabled: true,
-      hPosition: 1.0, // 0.0 = left, 1.0 = right
-      vPosition: 0.5, // 0.0 = top, 1.0 = bottom
-      offset: { x: 0, y: 0 },
-      appearance: {
-        style: 'pill', // 'pill', 'square', 'circle'
-        theme: 'auto', // 'auto', 'light', 'dark'
-        icon: '',
-        text: 'Login',
-        iconOnly: false
-      },
-      behavior: {
-        hideWhenAuthenticated: true,
-        showUserInfo: true,
-        autoSlide: true,
-        persistent: false
-      },
-      getUserInfo: false,
-      getUserRelay: [],
-      ...options
-    };
-
-    this.userProfile = null;
-    this.container = null;
-    this.isVisible = false;
-
-    if (this.options.enabled) {
-      this._init();
-    }
-  }
-
-  _init() {
-    console.log('FloatingTab: Initializing with options:', this.options);
-    this._createContainer();
-    this._setupEventListeners();
-    this._updateAppearance();
-    this._position();
-    this.show();
-  }
-
-  // Get authentication state from authoritative source (Global Storage-Based Function)
-  _getAuthState() {
-    return window.NOSTR_LOGIN_LITE?.getAuthState?.() || null;
-  }
-
-
-  _createContainer() {
-    // Remove existing floating tab if any
-    const existingTab = document.getElementById('nl-floating-tab');
-    if (existingTab) {
-      existingTab.remove();
-    }
-
-    this.container = document.createElement('div');
-    this.container.id = 'nl-floating-tab';
-    this.container.className = 'nl-floating-tab';
-    
-    // Base styles - positioning and behavior
-    this.container.style.cssText = `
-      position: fixed;
-      z-index: 9999;
-      cursor: pointer;
-      user-select: none;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      transition: all 0.2s ease;
-      font-size: 14px;
-      font-weight: 500;
-      padding: 8px 16px;
-      min-width: 80px;
-      max-width: 200px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    `;
-
-    document.body.appendChild(this.container);
-  }
-
-  _setupEventListeners() {
-    if (!this.container) return;
-
-    // Click handler
-    this.container.addEventListener('click', (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      this._handleClick();
-    });
-
-    // Hover effects
-    this.container.addEventListener('mouseenter', () => {
-      if (this.options.behavior.autoSlide) {
-        this._slideIn();
-      }
-    });
-
-    this.container.addEventListener('mouseleave', () => {
-      if (this.options.behavior.autoSlide) {
-        this._slideOut();
-      }
-    });
-
-    // Listen for authentication events
-    window.addEventListener('nlMethodSelected', (e) => {
-      console.log('🔍 FloatingTab: Authentication method selected event received');
-      console.log('🔍 FloatingTab: Event detail:', e.detail);
-      this._handleAuth(e.detail);
-    });
-
-    window.addEventListener('nlAuthRestored', (e) => {
-      console.log('🔍 FloatingTab: ✅ Authentication restored event received');
-      console.log('🔍 FloatingTab: Event detail:', e.detail);
-      console.log('🔍 FloatingTab: Calling _handleAuth with restored data...');
-      this._handleAuth(e.detail);
-    });
-
-    window.addEventListener('nlLogout', () => {
-      console.log('🔍 FloatingTab: Logout event received');
-      this._handleLogout();
-    });
-    
-    // Check for existing authentication state on initialization
-    window.addEventListener('load', () => {
-      setTimeout(() => {
-        this._checkExistingAuth();
-      }, 1000); // Wait 1 second for all initialization to complete
-    });
-  }
-
-  // Check for existing authentication on page load
-  async _checkExistingAuth() {
-    console.log('🔍 FloatingTab: === _checkExistingAuth START ===');
-    
-    try {
-      const storageKey = 'nostr_login_lite_auth';
-      let storedAuth = null;
-      
-      // Try sessionStorage first, then localStorage
-      if (sessionStorage.getItem(storageKey)) {
-        storedAuth = JSON.parse(sessionStorage.getItem(storageKey));
-        console.log('🔍 FloatingTab: Found auth in sessionStorage:', storedAuth.method);
-      } else if (localStorage.getItem(storageKey)) {
-        storedAuth = JSON.parse(localStorage.getItem(storageKey));
-        console.log('🔍 FloatingTab: Found auth in localStorage:', storedAuth.method);
-      }
-      
-      if (storedAuth) {
-        // Check if stored auth is not expired
-        const maxAge = storedAuth.method === 'extension' ? 60 * 60 * 1000 : 24 * 60 * 60 * 1000;
-        if (Date.now() - storedAuth.timestamp <= maxAge) {
-          console.log('🔍 FloatingTab: Found valid stored auth, simulating auth event');
-          
-          // Create auth data object for FloatingTab
-          const authData = {
-            method: storedAuth.method,
-            pubkey: storedAuth.pubkey
-          };
-          
-          // For extensions, try to find the extension
-          if (storedAuth.method === 'extension') {
-            if (window.nostr && window.nostr.constructor?.name !== 'WindowNostr') {
-              authData.extension = window.nostr;
-            }
-          }
-          
-          await this._handleAuth(authData);
-        } else {
-          console.log('🔍 FloatingTab: Stored auth expired, clearing');
-          sessionStorage.removeItem(storageKey);
-          localStorage.removeItem(storageKey);
-        }
-      } else {
-        console.log('🔍 FloatingTab: No existing authentication found');
-      }
-      
-    } catch (error) {
-      console.error('🔍 FloatingTab: Error checking existing auth:', error);
-    }
-    
-    console.log('🔍 FloatingTab: === _checkExistingAuth END ===');
-  }
-
-  _handleClick() {
-    console.log('FloatingTab: Clicked');
-    
-    const authState = this._getAuthState();
-    if (authState && this.options.behavior.showUserInfo) {
-      // Show user menu or profile options
-      this._showUserMenu();
-    } else {
-      // Always open login modal (consistent with login buttons)
-      if (this.modal) {
-        this.modal.open({ startScreen: 'login' });
-      }
-    }
-  }
-
-  // Check if object is a real extension (same logic as NostrLite._isRealExtension)
-  _isRealExtension(obj) {
-    if (!obj || typeof obj !== 'object') {
-      return false;
-    }
-    
-    // Must have required Nostr methods
-    if (typeof obj.getPublicKey !== 'function' || typeof obj.signEvent !== 'function') {
-      return false;
-    }
-
-    // Exclude our own library classes
-    const constructorName = obj.constructor?.name;
-    if (constructorName === 'WindowNostr' || constructorName === 'NostrLite') {
-      return false;
-    }
-
-    // Exclude NostrTools library object
-    if (obj === window.NostrTools) {
-      return false;
-    }
-
-    // Conservative check: Look for common extension characteristics
-    const extensionIndicators = [
-      '_isEnabled', 'enabled', 'kind', '_eventEmitter', '_scope',
-      '_requests', '_pubkey', 'name', 'version', 'description'
-    ];
-    
-    const hasIndicators = extensionIndicators.some(prop => obj.hasOwnProperty(prop));
-    
-    // Additional check: Extensions often have specific constructor patterns
-    const hasExtensionConstructor = constructorName &&
-                                  constructorName !== 'Object' &&
-                                  constructorName !== 'Function';
-
-    return hasIndicators || hasExtensionConstructor;
-  }
-
-  // Try to login with extension and trigger proper persistence
-  async _tryExtensionLogin(extension) {
-    try {
-      console.log('FloatingTab: Attempting extension login');
-      
-      // Get pubkey from extension
-      const pubkey = await extension.getPublicKey();
-      console.log('FloatingTab: Extension provided pubkey:', pubkey);
-      
-      // Create extension auth data
-      const extensionAuth = {
-        method: 'extension',
-        pubkey: pubkey,
-        extension: extension
-      };
-      
-      // **CRITICAL FIX**: Dispatch nlMethodSelected event to trigger persistence
-      console.log('FloatingTab: Dispatching nlMethodSelected for persistence');
-      if (typeof window !== 'undefined') {
-        window.dispatchEvent(new CustomEvent('nlMethodSelected', {
-          detail: extensionAuth
-        }));
-      }
-      
-      // Also call our local _handleAuth for UI updates
-      await this._handleAuth(extensionAuth);
-      
-    } catch (error) {
-      console.error('FloatingTab: Extension login failed:', error);
-      // Fall back to opening modal
-      if (this.modal) {
-        this.modal.open({ startScreen: 'login' });
-      }
-    }
-  }
-
-  async _handleAuth(authData) {
-    console.log('🔍 FloatingTab: === _handleAuth START ===');
-    console.log('🔍 FloatingTab: authData received:', authData);
-    
-    // Wait a brief moment for WindowNostr to process the authentication
-    setTimeout(async () => {
-      console.log('🔍 FloatingTab: Checking authentication state from authoritative source...');
-      
-      const authState = this._getAuthState();
-      const isAuthenticated = !!authState;
-      
-      console.log('🔍 FloatingTab: Authoritative auth state:', authState);
-      console.log('🔍 FloatingTab: Is authenticated:', isAuthenticated);
-      
-      if (isAuthenticated) {
-        console.log('🔍 FloatingTab: ✅ Authentication verified from authoritative source');
-      } else {
-        console.error('🔍 FloatingTab: ❌ Authentication not found in authoritative source');
-      }
-      
-      // Fetch user profile if enabled and we have a pubkey
-      if (this.options.getUserInfo && authData.pubkey) {
-        console.log('🔍 FloatingTab: getUserInfo enabled, fetching profile for:', authData.pubkey);
-        try {
-          const profile = await this._fetchUserProfile(authData.pubkey);
-          this.userProfile = profile;
-          console.log('🔍 FloatingTab: User profile fetched:', profile);
-        } catch (error) {
-          console.warn('🔍 FloatingTab: Failed to fetch user profile:', error);
-          this.userProfile = null;
-        }
-      } else {
-        console.log('🔍 FloatingTab: getUserInfo disabled or no pubkey, skipping profile fetch');
-      }
-      
-      this._updateAppearance(); // Update UI based on authoritative state
-      
-      console.log('🔍 FloatingTab: hideWhenAuthenticated option:', this.options.behavior.hideWhenAuthenticated);
-      
-      if (this.options.behavior.hideWhenAuthenticated && isAuthenticated) {
-        console.log('🔍 FloatingTab: Hiding tab (hideWhenAuthenticated=true and authenticated)');
-        this.hide();
-      } else {
-        console.log('🔍 FloatingTab: Keeping tab visible');
-      }
-      
-    }, 500); // Wait 500ms for WindowNostr to complete authentication processing
-    
-    console.log('🔍 FloatingTab: === _handleAuth END ===');
-  }
-
-  _handleLogout() {
-    console.log('FloatingTab: Handling logout');
-    this.userProfile = null;
-    
-    if (this.options.behavior.hideWhenAuthenticated) {
-      this.show();
-    }
-    
-    this._updateAppearance();
-  }
-
-  _showUserMenu() {
-    // Simple user menu - could be expanded
-    const menu = document.createElement('div');
-    menu.style.cssText = `
-      position: fixed;
-      background: var(--nl-secondary-color);
-      border: var(--nl-border-width) solid var(--nl-primary-color);
-      border-radius: var(--nl-border-radius);
-      padding: 12px;
-      z-index: 10000;
-      font-family: var(--nl-font-family);
-      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
-    `;
-
-    // Position near the floating tab
-    const tabRect = this.container.getBoundingClientRect();
-    if (this.options.hPosition > 0.5) {
-      // Tab is on right side, show menu to the left
-      menu.style.right = (window.innerWidth - tabRect.left) + 'px';
-    } else {
-      // Tab is on left side, show menu to the right
-      menu.style.left = tabRect.right + 'px';
-    }
-    menu.style.top = tabRect.top + 'px';
-
-    // Menu content - use _getAuthState() as single source of truth
-    const authState = this._getAuthState();
-    let userDisplay;
-    
-    if (authState?.pubkey) {
-      // Use profile name if available, otherwise pubkey
-      if (this.userProfile?.name || this.userProfile?.display_name) {
-        const userName = this.userProfile.name || this.userProfile.display_name;
-        userDisplay = userName.length > 16 ? userName.slice(0, 16) + '...' : userName;
-      } else {
-        userDisplay = authState.pubkey.slice(0, 8) + '...' + authState.pubkey.slice(-4);
-      }
-    } else {
-      userDisplay = 'Authenticated';
-    }
-
-    menu.innerHTML = `
-      <div style="margin-bottom: 8px; font-weight: bold; color: var(--nl-primary-color);">${userDisplay}</div>
-      <button onclick="window.NOSTR_LOGIN_LITE.logout(); this.parentElement.remove();"
-              style="background: var(--nl-secondary-color); color: var(--nl-primary-color);
-                     border: 1px solid var(--nl-primary-color); border-radius: 4px;
-                     padding: 6px 12px; cursor: pointer; width: 100%;">
-        Logout
-      </button>
-    `;
-
-    document.body.appendChild(menu);
-
-    // Auto-remove menu after delay or on outside click
-    const removeMenu = () => menu.remove();
-    setTimeout(removeMenu, 5000);
-    
-    document.addEventListener('click', function onOutsideClick(e) {
-      if (!menu.contains(e.target) && e.target !== this.container) {
-        removeMenu();
-        document.removeEventListener('click', onOutsideClick);
-      }
-    });
-  }
-
-  _updateAppearance() {
-    if (!this.container) return;
-
-    // Query authoritative source for all state information
-    const authState = this._getAuthState();
-    const isAuthenticated = authState !== null;
-
-    // Update content
-    if (isAuthenticated && this.options.behavior.showUserInfo) {
-      let display;
-      
-      // Use profile name if available, otherwise fall back to pubkey
-      if (this.userProfile?.name || this.userProfile?.display_name) {
-        const userName = this.userProfile.name || this.userProfile.display_name;
-        display = this.options.appearance.iconOnly
-          ? userName.slice(0, 8)
-          : userName;
-      } else if (authState?.pubkey) {
-        // Fallback to pubkey display
-        display = this.options.appearance.iconOnly
-          ? authState.pubkey.slice(0, 6)
-          : authState.pubkey.slice(0, 6) + '...';
-      } else {
-        display = this.options.appearance.iconOnly ? 'User' : 'Authenticated';
-      }
-      
-      this.container.textContent = display;
-      this.container.className = 'nl-floating-tab nl-floating-tab--logged-in';
-    } else {
-      const display = this.options.appearance.iconOnly ?
-        this.options.appearance.icon :
-        (this.options.appearance.icon ? this.options.appearance.icon + ' ' + this.options.appearance.text : this.options.appearance.text);
-      
-      this.container.textContent = display;
-      this.container.className = 'nl-floating-tab nl-floating-tab--logged-out';
-    }
-
-    // Apply appearance styles based on current state
-    this._applyThemeStyles();
-  }
-
-  _applyThemeStyles() {
-    if (!this.container) return;
-
-    // The CSS classes will handle the theming through CSS custom properties
-    // Additional style customizations can be added here if needed
-    
-    // Apply style variant
-    if (this.options.appearance.style === 'circle') {
-      this.container.style.borderRadius = '50%';
-      this.container.style.width = '48px';
-      this.container.style.height = '48px';
-      this.container.style.minWidth = '48px';
-      this.container.style.padding = '0';
-    } else if (this.options.appearance.style === 'square') {
-      this.container.style.borderRadius = '4px';
-    } else {
-      // pill style (default)
-      this.container.style.borderRadius = 'var(--nl-border-radius)';
-    }
-  }
-
-  async _fetchUserProfile(pubkey) {
-    if (!this.options.getUserInfo) {
-      console.log('FloatingTab: getUserInfo disabled, skipping profile fetch');
-      return null;
-    }
-
-    // Determine which relays to use
-    const relays = this.options.getUserRelay.length > 0
-      ? this.options.getUserRelay
-      : ['wss://relay.damus.io', 'wss://nos.lol'];
-
-    console.log('FloatingTab: Fetching profile from relays:', relays);
-
-    try {
-      // Create a SimplePool instance for querying
-      const pool = new window.NostrTools.SimplePool();
-      
-      // Query for kind 0 (user metadata) events
-      const events = await pool.querySync(relays, {
-        kinds: [0],
-        authors: [pubkey],
-        limit: 1
-      }, { timeout: 5000 });
-
-      console.log('FloatingTab: Profile query returned', events.length, 'events');
-
-      if (events.length === 0) {
-        console.log('FloatingTab: No profile events found');
-        return null;
-      }
-
-      // Get the most recent event
-      const latestEvent = events.sort((a, b) => b.created_at - a.created_at)[0];
-      
-      try {
-        const profile = JSON.parse(latestEvent.content);
-        console.log('FloatingTab: Parsed profile:', profile);
-        
-        // Find the best name from any key containing "name" (case-insensitive)
-        let bestName = null;
-        const nameKeys = Object.keys(profile).filter(key =>
-          key.toLowerCase().includes('name') &&
-          typeof profile[key] === 'string' &&
-          profile[key].trim().length > 0
-        );
-        
-        if (nameKeys.length > 0) {
-          // Find the shortest name value
-          bestName = nameKeys
-            .map(key => profile[key].trim())
-            .reduce((shortest, current) =>
-              current.length < shortest.length ? current : shortest
-            );
-          console.log('FloatingTab: Found name keys:', nameKeys, 'selected:', bestName);
-        }
-        
-        // Return relevant profile fields with the best name
-        return {
-          name: bestName,
-          display_name: profile.display_name || null,
-          about: profile.about || null,
-          picture: profile.picture || null,
-          nip05: profile.nip05 || null
-        };
-      } catch (parseError) {
-        console.warn('FloatingTab: Failed to parse profile JSON:', parseError);
-        return null;
-      }
-    } catch (error) {
-      console.error('FloatingTab: Profile fetch error:', error);
-      return null;
-    }
-  }
-
-  _position() {
-    if (!this.container) return;
-
-    const padding = 16; // Distance from screen edge
-    
-    // Calculate position based on percentage
-    const x = this.options.hPosition * (window.innerWidth - this.container.offsetWidth - padding * 2) + padding + this.options.offset.x;
-    const y = this.options.vPosition * (window.innerHeight - this.container.offsetHeight - padding * 2) + padding + this.options.offset.y;
-    
-    this.container.style.left = x + 'px';
-    this.container.style.top = y + 'px';
-
-    console.log('FloatingTab: Positioned at (' + x + ', ' + y + ')');
-  }
-
-  _slideIn() {
-    if (!this.container || !this.options.behavior.autoSlide) return;
-    
-    // Slide towards center slightly
-    const currentTransform = this.container.style.transform || '';
-    if (this.options.hPosition > 0.5) {
-      this.container.style.transform = currentTransform + ' translateX(-8px)';
-    } else {
-      this.container.style.transform = currentTransform + ' translateX(8px)';
-    }
-  }
-
-  _slideOut() {
-    if (!this.container || !this.options.behavior.autoSlide) return;
-    
-    // Reset position
-    this.container.style.transform = '';
-  }
-
-  show() {
-    if (!this.container) return;
-    this.container.style.display = 'flex';
-    this.isVisible = true;
-    console.log('FloatingTab: Shown');
-  }
-
-  hide() {
-    if (!this.container) return;
-    this.container.style.display = 'none';
-    this.isVisible = false;
-    console.log('FloatingTab: Hidden');
-  }
-
-  destroy() {
-    if (this.container) {
-      this.container.remove();
-      this.container = null;
-    }
-    this.isVisible = false;
-    console.log('FloatingTab: Destroyed');
-  }
-
-  // Update options and re-apply
-  updateOptions(newOptions) {
-    this.options = { ...this.options, ...newOptions };
-    if (this.container) {
-      this._updateAppearance();
-      this._position();
-    }
-  }
-
-  // Get current state
-  getState() {
-    const authState = this._getAuthState();
-    return {
-      isVisible: this.isVisible,
-      isAuthenticated: !!authState,
-      userInfo: authState,
-      options: this.options
-    };
-  }
-}
-
-// ======================================
-// Main NOSTR_LOGIN_LITE Library
-// ======================================
-
-// Extension Bridge for managing browser extensions
-class ExtensionBridge {
-  constructor() {
-    this.extensions = new Map();
-    this.primaryExtension = null;
-    this._detectExtensions();
-  }
-  
-  _detectExtensions() {
-    // Common extension locations
-    const locations = [
-      { path: 'window.nostr', name: 'Generic' },
-      { path: 'window.alby?.nostr', name: 'Alby' },
-      { path: 'window.nos2x?.nostr', name: 'nos2x' },
-      { path: 'window.flamingo?.nostr', name: 'Flamingo' },
-      { path: 'window.getAlby?.nostr', name: 'Alby Legacy' },
-      { path: 'window.mutiny?.nostr', name: 'Mutiny' }
-    ];
-    
-    for (const location of locations) {
-      try {
-        const obj = eval(location.path);
-        if (obj && typeof obj.getPublicKey === 'function') {
-          this.extensions.set(location.name, {
-            name: location.name,
-            extension: obj,
-            constructor: obj.constructor?.name || 'Unknown'
-          });
-          
-          if (!this.primaryExtension) {
-            this.primaryExtension = this.extensions.get(location.name);
-          }
-        }
-      } catch (e) {
-        // Extension not available
-      }
-    }
-  }
-  
-  getAllExtensions() {
-    return Array.from(this.extensions.values());
-  }
-  
-  getExtensionCount() {
-    return this.extensions.size;
-  }
-}
-
-// Main NostrLite class
-class NostrLite {
-  constructor() {
-    this.options = {};
-    this.extensionBridge = new ExtensionBridge();
-    this.initialized = false;
-    this.currentTheme = 'default';
-    this.modal = null;
-    this.floatingTab = null;
-  }
-  
-  async init(options = {}) {
-    // console.log('NOSTR_LOGIN_LITE: Initializing with options:', options);
-    
-    this.options = {
-      theme: 'default',
-      persistence: true, // Enable persistent authentication by default
-      isolateSession: false, // Use localStorage by default for cross-window persistence
-      methods: {
-        extension: true,
-        local: true,
-        seedphrase: false,
-        readonly: true,
-        connect: false,
-        otp: false
-      },
-      floatingTab: {
-        enabled: false,
-        hPosition: 1.0,
-        vPosition: 0.5,
-        offset: { x: 0, y: 0 },
-        appearance: {
-          style: 'pill',
-          theme: 'auto',
-          icon: '',
-          text: 'Login',
-          iconOnly: false
-        },
-        behavior: {
-          hideWhenAuthenticated: true,
-          showUserInfo: true,
-          autoSlide: true,
-          persistent: false
-        },
-        getUserInfo: false,
-        getUserRelay: []
-      },
-      ...options
-    };
-    
-    // Apply the selected theme (CSS-only)
-    this.switchTheme(this.options.theme);
-    
-    // Always set up window.nostr facade to handle multiple extensions properly
-    console.log('🔍 NOSTR_LOGIN_LITE: Setting up facade before other initialization...');
-    await this._setupWindowNostrFacade();
-    console.log('🔍 NOSTR_LOGIN_LITE: Facade setup complete, continuing initialization...');
-    
-    // Create modal during init (matching original git architecture)
-    this.modal = new Modal(this.options);
-    // console.log('NOSTR_LOGIN_LITE: Modal created during init');
-    
-    // Initialize floating tab if enabled
-    if (this.options.floatingTab.enabled) {
-      this.floatingTab = new FloatingTab(this.modal, this.options.floatingTab);
-      // console.log('NOSTR_LOGIN_LITE: Floating tab initialized');
-    }
-    
-    // Attempt to restore authentication state if persistence is enabled (AFTER facade is ready)
-    if (this.options.persistence) {
-      console.log('🔍 NOSTR_LOGIN_LITE: Persistence enabled, attempting auth restoration...');
-      await this._attemptAuthRestore();
-    } else {
-      console.log('🔍 NOSTR_LOGIN_LITE: Persistence disabled in options');
-    }
-    
-    this.initialized = true;
-    // console.log('NOSTR_LOGIN_LITE: Initialization complete');
-    
-    return this;
-  }
-  
-  async _setupWindowNostrFacade() {
-    if (typeof window !== 'undefined') {
-      console.log('🔍 NOSTR_LOGIN_LITE: === EXTENSION-FIRST FACADE SETUP ===');
-      console.log('🔍 NOSTR_LOGIN_LITE: Current window.nostr:', window.nostr);
-      console.log('🔍 NOSTR_LOGIN_LITE: Constructor:', window.nostr?.constructor?.name);
-      
-      // EXTENSION-FIRST ARCHITECTURE: Never interfere with real extensions
-      if (this._isRealExtension(window.nostr)) {
-        console.log('🔍 NOSTR_LOGIN_LITE: ✅ REAL EXTENSION DETECTED - WILL NOT INSTALL FACADE');
-        console.log('🔍 NOSTR_LOGIN_LITE: Extension constructor:', window.nostr.constructor?.name);
-        console.log('🔍 NOSTR_LOGIN_LITE: Extensions will handle window.nostr directly');
-        
-        // Store reference for persistence verification
-        this.detectedExtension = window.nostr;
-        this.hasExtension = true;
-        this.facadeInstalled = false; // We deliberately don't install facade for extensions
-        
-        console.log('🔍 NOSTR_LOGIN_LITE: Extension mode - no facade interference');
-        return; // Don't install facade at all for extensions
-      }
-      
-      // NO EXTENSION: Install facade for local/NIP-46/readonly methods
-      console.log('🔍 NOSTR_LOGIN_LITE: ❌ No real extension detected');
-      console.log('🔍 NOSTR_LOGIN_LITE: Installing facade for non-extension authentication');
-      
-      this.hasExtension = false;
-      this._installFacade(window.nostr); // Install facade with any existing nostr object
-      
-      console.log('🔍 NOSTR_LOGIN_LITE: ✅ Facade installed for local/NIP-46/readonly methods');
-      
-      // CRITICAL FIX: Immediately attempt to restore auth state after facade installation
-      if (this.facadeInstalled && window.nostr?.restoreAuthState) {
-        console.log('🔍 NOSTR_LOGIN_LITE: 🔄 IMMEDIATELY attempting auth restoration after facade installation');
-        try {
-          const restoredAuth = await window.nostr.restoreAuthState();
-          if (restoredAuth) {
-            console.log('🔍 NOSTR_LOGIN_LITE: ✅ Auth state restored immediately during facade setup!');
-            console.log('🔍 NOSTR_LOGIN_LITE: Method:', restoredAuth.method);
-            console.log('🔍 NOSTR_LOGIN_LITE: Pubkey:', restoredAuth.pubkey);
-            
-            // Update facade's authState immediately
-            window.nostr.authState = restoredAuth;
-          } else {
-            console.log('🔍 NOSTR_LOGIN_LITE: ❌ No auth state to restore during facade setup');
-          }
-        } catch (error) {
-          console.error('🔍 NOSTR_LOGIN_LITE: ❌ Error restoring auth during facade setup:', error);
-        }
-      }
-    }
-  }
-  
-  _installFacade(existingNostr = null, forceInstall = false) {
-    if (typeof window !== 'undefined' && (!this.facadeInstalled || forceInstall)) {
-      console.log('🔍 NOSTR_LOGIN_LITE: === _installFacade CALLED ===');
-      console.log('🔍 NOSTR_LOGIN_LITE: existingNostr parameter:', existingNostr);
-      console.log('🔍 NOSTR_LOGIN_LITE: existingNostr constructor:', existingNostr?.constructor?.name);
-      console.log('🔍 NOSTR_LOGIN_LITE: window.nostr before installation:', window.nostr);
-      console.log('🔍 NOSTR_LOGIN_LITE: window.nostr constructor before:', window.nostr?.constructor?.name);
-      console.log('🔍 NOSTR_LOGIN_LITE: forceInstall flag:', forceInstall);
-      
-      const facade = new WindowNostr(this, existingNostr, { isolateSession: this.options.isolateSession });
-      window.nostr = facade;
-      this.facadeInstalled = true;
-      
-      console.log('🔍 NOSTR_LOGIN_LITE: === FACADE INSTALLED FOR PERSISTENCE ===');
-      console.log('🔍 NOSTR_LOGIN_LITE: window.nostr after installation:', window.nostr);
-      console.log('🔍 NOSTR_LOGIN_LITE: window.nostr constructor after:', window.nostr.constructor?.name);
-      console.log('🔍 NOSTR_LOGIN_LITE: facade.existingNostr:', window.nostr.existingNostr);
-    } else if (typeof window !== 'undefined') {
-      console.log('🔍 NOSTR_LOGIN_LITE: _installFacade skipped - facadeInstalled:', this.facadeInstalled, 'forceInstall:', forceInstall);
-    }
-  }
-  
-  // Conservative method to identify real browser extensions
-  _isRealExtension(obj) {
-    console.log('NOSTR_LOGIN_LITE: === _isRealExtension (Conservative) ===');
-    console.log('NOSTR_LOGIN_LITE: obj:', obj);
-    console.log('NOSTR_LOGIN_LITE: typeof obj:', typeof obj);
-    
-    if (!obj || typeof obj !== 'object') {
-      console.log('NOSTR_LOGIN_LITE: ✗ Not an object');
-      return false;
-    }
-    
-    // Must have required Nostr methods
-    if (typeof obj.getPublicKey !== 'function' || typeof obj.signEvent !== 'function') {
-      console.log('NOSTR_LOGIN_LITE: ✗ Missing required NIP-07 methods');
-      return false;
-    }
-
-    // Exclude our own library classes
-    const constructorName = obj.constructor?.name;
-    console.log('NOSTR_LOGIN_LITE: Constructor name:', constructorName);
-    
-    if (constructorName === 'WindowNostr' || constructorName === 'NostrLite') {
-      console.log('NOSTR_LOGIN_LITE: ✗ Is our library class - NOT an extension');
-      return false;
-    }
-
-    // Exclude NostrTools library object
-    if (obj === window.NostrTools) {
-      console.log('NOSTR_LOGIN_LITE: ✗ Is NostrTools object - NOT an extension');
-      return false;
-    }
-
-    // Conservative check: Look for common extension characteristics
-    // Real extensions usually have some of these internal properties
-    const extensionIndicators = [
-      '_isEnabled', 'enabled', 'kind', '_eventEmitter', '_scope',
-      '_requests', '_pubkey', 'name', 'version', 'description'
-    ];
-    
-    const hasIndicators = extensionIndicators.some(prop => obj.hasOwnProperty(prop));
-    
-    // Additional check: Extensions often have specific constructor patterns
-    const hasExtensionConstructor = constructorName &&
-                                  constructorName !== 'Object' &&
-                                  constructorName !== 'Function';
-
-    const isExtension = hasIndicators || hasExtensionConstructor;
-    
-    console.log('NOSTR_LOGIN_LITE: Extension indicators found:', hasIndicators);
-    console.log('NOSTR_LOGIN_LITE: Has extension constructor:', hasExtensionConstructor);
-    console.log('NOSTR_LOGIN_LITE: Final result for', constructorName, ':', isExtension);
-    
-    return isExtension;
-  }
-  
-  launch(startScreen = 'login') {
-    // console.log('NOSTR_LOGIN_LITE: Launching with screen:', startScreen);
-    
-    if (this.modal) {
-      this.modal.open({ startScreen });
-    } else {
-      console.error('NOSTR_LOGIN_LITE: Modal not initialized - call init() first');
-    }
-  }
-  
-  // Attempt to restore authentication state
-  async _attemptAuthRestore() {
-    try {
-
-      
-      if (this.hasExtension) {
-        // EXTENSION MODE: Use custom extension persistence logic
-
-        const restoredAuth = await this._attemptExtensionRestore();
-        
-        if (restoredAuth) {
-          return restoredAuth;
-        } else {
-          console.log('🔍 NOSTR_LOGIN_LITE: ❌ Extension auth could not be restored');
-          return null;
-        }
-      } else if (this.facadeInstalled && window.nostr?.restoreAuthState) {
-        // NON-EXTENSION MODE: Use facade persistence logic
-        console.log('🔍 NOSTR_LOGIN_LITE: Non-extension mode - using facade restore');
-        const restoredAuth = await window.nostr.restoreAuthState();
-        
-        if (restoredAuth) {
-
-          
-          // CRITICAL FIX: Activate facade resilience system for non-extension methods
-          // Extensions like nos2x can override our facade after page refresh
-          if (restoredAuth.method === 'local' || restoredAuth.method === 'nip46') {
-            this._activateResilienceProtection(restoredAuth.method);
-          }
-          
-          // Handle NIP-46 reconnection requirement
-          if (restoredAuth.requiresReconnection) {
-            console.log('🔍 NOSTR_LOGIN_LITE: NIP-46 connection requires user reconnection');
-            this._showReconnectionPrompt(restoredAuth);
-          }
-          
-          return restoredAuth;
-        } else {
-          console.log('🔍 NOSTR_LOGIN_LITE: ❌ Facade auth could not be restored');
-          return null;
-        }
-      } else {
-        console.log('🔍 NOSTR_LOGIN_LITE: ❌ No restoration method available');
-        console.log('🔍 NOSTR_LOGIN_LITE: hasExtension:', this.hasExtension);
-        console.log('🔍 NOSTR_LOGIN_LITE: facadeInstalled:', this.facadeInstalled);
-        console.log('🔍 NOSTR_LOGIN_LITE: window.nostr.restoreAuthState:', typeof window.nostr?.restoreAuthState);
-        return null;
-      }
-      
-    } catch (error) {
-      console.error('🔍 NOSTR_LOGIN_LITE: Auth restoration failed with error:', error);
-      console.error('🔍 NOSTR_LOGIN_LITE: Error stack:', error.stack);
-      return null;
-    }
-  }
-
-  // Activate facade resilience protection against extension overrides
-  _activateResilienceProtection(method) {
-    console.log('🛡️ NOSTR_LOGIN_LITE: === ACTIVATING RESILIENCE PROTECTION ===');
-    console.log('🛡️ NOSTR_LOGIN_LITE: Protecting facade for method:', method);
-    
-    // Store the current extension if any (for potential restoration later)
-    const preservedExtension = this.preservedExtension ||
-                              ((window.nostr?.constructor?.name !== 'WindowNostr') ? window.nostr : null);
-    
-    // DELAYED FACADE RESILIENCE - Reinstall after extension override attempts
-    const forceReinstallFacade = () => {
-      console.log('🛡️ NOSTR_LOGIN_LITE: RESILIENCE CHECK - Current window.nostr after delay:', window.nostr?.constructor?.name);
-      
-      // If facade was overridden by extension, reinstall it
-      if (window.nostr?.constructor?.name !== 'WindowNostr') {
-        console.log('🛡️ NOSTR_LOGIN_LITE: FACADE OVERRIDDEN! Force-reinstalling WindowNostr facade for user choice:', method);
-        this._installFacade(preservedExtension, true);
-        console.log('🛡️ NOSTR_LOGIN_LITE: Resilient facade force-reinstall complete, window.nostr:', window.nostr?.constructor?.name);
-        
-        // Schedule another check in case of persistent extension override
-        setTimeout(() => {
-          if (window.nostr?.constructor?.name !== 'WindowNostr') {
-            console.log('🛡️ NOSTR_LOGIN_LITE: PERSISTENT OVERRIDE! Final facade force-reinstall for method:', method);
-            this._installFacade(preservedExtension, true);
-          }
-        }, 1000);
-      } else {
-        console.log('🛡️ NOSTR_LOGIN_LITE: Facade persistence verified - no override detected');
-      }
-    };
-    
-    // Schedule resilience checks at multiple intervals (same as Modal)
-    setTimeout(forceReinstallFacade, 100);  // Quick check
-    setTimeout(forceReinstallFacade, 500);  // Main check
-    setTimeout(forceReinstallFacade, 1500); // Final check
-    
-    console.log('🛡️ NOSTR_LOGIN_LITE: Resilience protection scheduled for method:', method);
-  }
-
-  // Extension-specific authentication restoration
-  async _attemptExtensionRestore() {
-    try {
-      console.log('🔍 NOSTR_LOGIN_LITE: === _attemptExtensionRestore START ===');
-      
-      // Use a simple AuthManager instance for extension persistence
-      const authManager = new AuthManager({ isolateSession: this.options?.isolateSession });
-      const storedAuth = await authManager.restoreAuthState();
-      
-      if (!storedAuth || storedAuth.method !== 'extension') {
-        console.log('🔍 NOSTR_LOGIN_LITE: No extension auth state stored');
-        return null;
-      }
-      
-      // Verify the extension is still available and working
-      if (!window.nostr || !this._isRealExtension(window.nostr)) {
-        console.log('🔍 NOSTR_LOGIN_LITE: Extension no longer available');
-        authManager.clearAuthState(); // Clear invalid state
-        return null;
-      }
-      
-      try {
-        // Test that the extension still works with the same pubkey
-        const currentPubkey = await window.nostr.getPublicKey();
-        if (currentPubkey !== storedAuth.pubkey) {
-          console.log('🔍 NOSTR_LOGIN_LITE: Extension pubkey changed, clearing state');
-          authManager.clearAuthState();
-          return null;
-        }
-        
-        console.log('🔍 NOSTR_LOGIN_LITE: ✅ Extension auth verification successful');
-        
-        // Create extension auth data for UI restoration
-        const extensionAuth = {
-          method: 'extension',
-          pubkey: storedAuth.pubkey,
-          extension: window.nostr
-        };
-        
-        // Dispatch restoration event so UI can update
-        if (typeof window !== 'undefined') {
-          console.log('🔍 NOSTR_LOGIN_LITE: Dispatching nlAuthRestored event for extension');
-          window.dispatchEvent(new CustomEvent('nlAuthRestored', {
-            detail: extensionAuth
-          }));
-        }
-        
-        return extensionAuth;
-        
-      } catch (error) {
-        console.log('🔍 NOSTR_LOGIN_LITE: Extension verification failed:', error);
-        authManager.clearAuthState(); // Clear invalid state
-        return null;
-      }
-      
-    } catch (error) {
-      console.error('🔍 NOSTR_LOGIN_LITE: Extension restore failed:', error);
-      return null;
-    }
-  }
-
-  // Show prompt for NIP-46 reconnection
-  _showReconnectionPrompt(authData) {
-
-    
-    // Dispatch event that UI can listen to
-    if (typeof window !== 'undefined') {
-      window.dispatchEvent(new CustomEvent('nlReconnectionRequired', {
-        detail: {
-          method: authData.method,
-          pubkey: authData.pubkey,
-          connectionData: authData.connectionData,
-          message: 'Your NIP-46 session has expired. Please reconnect to continue.'
-        }
-      }));
-    }
-  }
-
-  logout() {
-    console.log('NOSTR_LOGIN_LITE: Logout called');
-    
-    // Clear legacy stored data
-    if (typeof localStorage !== 'undefined') {
-      localStorage.removeItem('nl_current');
-    }
-    
-    // Clear current authentication state directly from storage
-    // This works for ALL methods including extensions (fixes the bug)
-    clearAuthState();
-    
-    // Dispatch logout event for UI updates
-    if (typeof window !== 'undefined') {
-      window.dispatchEvent(new CustomEvent('nlLogout', {
-        detail: { timestamp: Date.now() }
-      }));
-    }
-  }
-  
-  // CSS-only theme switching
-  switchTheme(themeName) {
-    console.log('NOSTR_LOGIN_LITE: Switching to ' + themeName + ' theme');
-    
-    if (THEME_CSS[themeName]) {
-      injectThemeCSS(themeName);
-      this.currentTheme = themeName;
-      
-      // Dispatch theme change event
-      if (typeof window !== 'undefined') {
-        window.dispatchEvent(new CustomEvent('nlThemeChanged', {
-          detail: { theme: themeName }
-        }));
-      }
-      
-      return { theme: themeName };
-    } else {
-      console.warn("Theme '" + themeName + "' not found, using default");
-      injectThemeCSS('default');
-      this.currentTheme = 'default';
-      return { theme: 'default' };
-    }
-  }
-  
-  getCurrentTheme() {
-    return this.currentTheme;
-  }
-  
-  getAvailableThemes() {
-    return Object.keys(THEME_CSS);
-  }
-  
-  embed(container, options = {}) {
-    console.log('NOSTR_LOGIN_LITE: Creating embedded modal in container:', container);
-    
-    const embedOptions = {
-      ...this.options,
-      ...options,
-      embedded: container
-    };
-    
-    // Create new modal instance for embedding
-    const embeddedModal = new Modal(embedOptions);
-    embeddedModal.open();
-    
-    return embeddedModal;
-  }
-
-  // Floating tab management methods
-  showFloatingTab() {
-    if (this.floatingTab) {
-      this.floatingTab.show();
-    } else {
-      console.warn('NOSTR_LOGIN_LITE: Floating tab not enabled');
-    }
-  }
-
-  hideFloatingTab() {
-    if (this.floatingTab) {
-      this.floatingTab.hide();
-    }
-  }
-
-  toggleFloatingTab() {
-    if (this.floatingTab) {
-      if (this.floatingTab.isVisible) {
-        this.floatingTab.hide();
-      } else {
-        this.floatingTab.show();
-      }
-    }
-  }
-
-  updateFloatingTab(options) {
-    if (this.floatingTab) {
-      this.floatingTab.updateOptions(options);
-    }
-  }
-
-  getFloatingTabState() {
-    return this.floatingTab ? this.floatingTab.getState() : null;
-  }
-}
-
-// ======================================
-// Simplified Authentication Manager (Unified Plaintext Storage)
-// ======================================
-
-// Simple authentication state manager - plaintext storage for maximum usability
-class AuthManager {
-  constructor(options = {}) {
-    this.storageKey = 'nostr_login_lite_auth';
-    this.currentAuthState = null;
-    
-    // Configure storage type based on isolateSession option
-    if (options.isolateSession) {
-      this.storage = sessionStorage;
-      // console.log('🔐 AuthManager: Using sessionStorage for per-window isolation');
-    } else {
-      this.storage = localStorage;
-      // console.log('🔐 AuthManager: Using localStorage for cross-window persistence');
-    }
-    
-    console.warn('🔐 SECURITY: Private keys stored unencrypted in browser storage');
-    console.warn('🔐 For production apps, implement your own secure storage');
-  }
-
-  // Save authentication state using unified plaintext approach
-  async saveAuthState(authData) {
-    try {
-
-      
-      const authState = {
-        method: authData.method,
-        timestamp: Date.now(),
-        pubkey: authData.pubkey
-      };
-
-      switch (authData.method) {
-        case 'extension':
-          // For extensions, only store verification data - no secrets
-          authState.extensionVerification = {
-            constructor: authData.extension?.constructor?.name,
-            hasGetPublicKey: typeof authData.extension?.getPublicKey === 'function',
-            hasSignEvent: typeof authData.extension?.signEvent === 'function'
-          };
-
-          break;
-
-        case 'local':
-          // UNIFIED PLAINTEXT: Store secret key directly for maximum compatibility
-          if (authData.secret) {
-            authState.secret = authData.secret;
-
-          }
-          break;
-
-        case 'nip46':
-          // For NIP-46, store connection parameters including secret to allow auto-reconnect
-          if (authData.signer) {
-            authState.nip46 = {
-              remotePubkey: authData.signer.remotePubkey,
-              relays: authData.signer.relays,
-              secret: authData.signer.secret,
-              localSecretKey: authData.signer.localSecretKey // We need to store this too
-            };
-
-          }
-          break;
-
-        case 'readonly':
-          // Read-only mode has no secrets to store
-          // console.log('🔐 AuthManager: Read-only method - storing basic auth state');
-          break;
-
-        default:
-          throw new Error('Unknown auth method: ' + authData.method);
-      }
-
-      this.storage.setItem(this.storageKey, JSON.stringify(authState));
-      this.currentAuthState = authState;
-      // console.log('🔐 AuthManager: Auth state saved successfully for method:', authData.method);
-      
-    } catch (error) {
-      console.error('🔐 AuthManager: Failed to save auth state:', error);
-      throw error;
-    }
-  }
-
-  // Restore authentication state on page load
-  async restoreAuthState() {
-    try {
-
-      
-      const stored = this.storage.getItem(this.storageKey);
-
-      
-      if (!stored) {
-        console.log('🔍 AuthManager: ❌ No stored auth state found');
-        return null;
-      }
-
-      const authState = JSON.parse(stored);
-
-
-      // Check if stored state is too old (24 hours for most methods, 1 hour for extensions)
-      const maxAge = authState.method === 'extension' ? 60 * 60 * 1000 : 24 * 60 * 60 * 1000;
-      console.log('🔍 AuthManager: Max age for method:', maxAge, 'ms');
-      
-      if (Date.now() - authState.timestamp > maxAge) {
-        console.log('🔍 AuthManager: ❌ Stored auth state expired, clearing');
-        this.clearAuthState();
-        return null;
-      }
-
-
-      let result;
-      switch (authState.method) {
-        case 'extension':
-
-          result = await this._restoreExtensionAuth(authState);
-          break;
-
-        case 'local':
-
-          result = await this._restoreLocalAuth(authState);
-          break;
-
-        case 'nip46':
-
-          result = await this._restoreNip46Auth(authState);
-          break;
-
-        case 'readonly':
-
-          result = await this._restoreReadonlyAuth(authState);
-          break;
-
-        default:
-          console.warn('🔍 AuthManager: ❌ Unknown auth method in stored state:', authState.method);
-          return null;
-      }
-
-      return result;
-
-    } catch (error) {
-      console.error('🔍 AuthManager: ❌ Failed to restore auth state:', error);
-      console.error('🔍 AuthManager: Error stack:', error.stack);
-      this.clearAuthState(); // Clear corrupted state
-      return null;
-    }
-  }
-
-  async _restoreExtensionAuth(authState) {
-    console.log('🔍 AuthManager: === _restoreExtensionAuth START ===');
-    console.log('🔍 AuthManager: authState:', authState);
-    console.log('🔍 AuthManager: window.nostr available:', !!window.nostr);
-    console.log('🔍 AuthManager: window.nostr constructor:', window.nostr?.constructor?.name);
-
-    // SMART EXTENSION WAITING SYSTEM
-    // Extensions often load after our library, so we need to wait for them
-    const extension = await this._waitForExtension(authState, 3000); // Wait up to 3 seconds
-    
-    if (!extension) {
-      console.log('🔍 AuthManager: ❌ No extension found after waiting');
-      return null;
-    }
-
-
-
-    try {
-      // Verify extension still works and has same pubkey
-      const currentPubkey = await extension.getPublicKey();
-
-
-
-      return {
-        method: 'extension',
-        pubkey: authState.pubkey,
-        extension: extension
-      };
-
-    } catch (error) {
-
-      return null;
-    }
-  }
-
-  // Smart extension waiting system - polls multiple locations for extensions
-  async _waitForExtension(authState, maxWaitMs = 3000) {
-
-
-    const startTime = Date.now();
-    const pollInterval = 100; // Check every 100ms
-    
-    // Extension locations to check (in priority order)
-    const extensionLocations = [
-      { path: 'window.nostr', getter: () => window.nostr },
-      { path: 'navigator.nostr', getter: () => navigator?.nostr },
-      { path: 'window.navigator?.nostr', getter: () => window.navigator?.nostr },
-      { path: 'window.alby?.nostr', getter: () => window.alby?.nostr },
-      { path: 'window.webln?.nostr', getter: () => window.webln?.nostr },
-      { path: 'window.nos2x', getter: () => window.nos2x },
-      { path: 'window.flamingo?.nostr', getter: () => window.flamingo?.nostr },
-      { path: 'window.mutiny?.nostr', getter: () => window.mutiny?.nostr }
-    ];
-
-    while (Date.now() - startTime < maxWaitMs) {
-
-
-      // If our facade is currently installed and blocking, temporarily remove it
-      let facadeRemoved = false;
-      let originalNostr = null;
-      if (window.nostr?.constructor?.name === 'WindowNostr') {
-
-        originalNostr = window.nostr;
-        window.nostr = window.nostr.existingNostr || undefined;
-        facadeRemoved = true;
-      }
-
-      try {
-        // Check all extension locations
-        for (const location of extensionLocations) {
-          try {
-            const extension = location.getter();
-
-
-            if (this._isValidExtensionForRestore(extension, authState)) {
-
-              
-              // Restore facade if we removed it
-              if (facadeRemoved && originalNostr) {
-
-                window.nostr = originalNostr;
-              }
-              
-              return extension;
-            }
-          } catch (error) {
-
-          }
-        }
-
-        // Restore facade if we removed it and haven't found an extension yet
-        if (facadeRemoved && originalNostr) {
-          window.nostr = originalNostr;
-          facadeRemoved = false;
-        }
-
-      } catch (error) {
-        console.error('🔍 AuthManager: Error during extension polling:', error);
-        
-        // Restore facade if we removed it
-        if (facadeRemoved && originalNostr) {
-          window.nostr = originalNostr;
-        }
-      }
-
-      // Wait before next poll
-      await new Promise(resolve => setTimeout(resolve, pollInterval));
-    }
-
-    console.log('🔍 AuthManager: ❌ Extension waiting timeout after', maxWaitMs, 'ms');
-    return null;
-  }
-
-  // Check if an extension is valid for restoration
-  _isValidExtensionForRestore(extension, authState) {
-    if (!extension || typeof extension !== 'object') {
-      return false;
-    }
-
-    // Must have required Nostr methods
-    if (typeof extension.getPublicKey !== 'function' ||
-        typeof extension.signEvent !== 'function') {
-      return false;
-    }
-
-    // Must not be our own classes
-    const constructorName = extension.constructor?.name;
-    if (constructorName === 'WindowNostr' || constructorName === 'NostrLite') {
-      return false;
-    }
-
-    // Must not be NostrTools
-    if (extension === window.NostrTools) {
-      return false;
-    }
-
-    // If we have stored verification data, check constructor match
-    const verification = authState.extensionVerification;
-    if (verification && verification.constructor) {
-      if (constructorName !== verification.constructor) {
-        console.log('🔍 AuthManager: Constructor mismatch -',
-                   'expected:', verification.constructor,
-                   'got:', constructorName);
-        return false;
-      }
-    }
-
-
-    return true;
-  }
-
-  async _restoreLocalAuth(authState) {
-
-    if (authState.encrypted) {
-
-      // Try to decrypt legacy format
-      const sessionPassword = sessionStorage.getItem('nostr_session_key');
-      if (!sessionPassword) {
-
-        return null;
-      }
-
-      try {
-
-        this.clearAuthState(); // Clear legacy format
-        return null;
-      } catch (error) {
-
-        this.clearAuthState(); // Clear corrupted legacy format
-        return null;
-      }
-    }
-    
-    // NEW UNIFIED PLAINTEXT FORMAT
-    if (!authState.secret) {
-
-      return null;
-    }
-
-
-    
-    return {
-      method: 'local',
-      pubkey: authState.pubkey,
-      secret: authState.secret
-    };
-  }
-
-  async _restoreNip46Auth(authState) {
-    if (!authState.nip46) {
-
-      return null;
-    }
-
-    // If we have the local secret key and remote pubkey, we can auto-reconnect
-    if (authState.nip46.localSecretKey && authState.nip46.remotePubkey) {
-      try {
-        if (!window.NostrTools?.nip46) {
-          throw new Error('nostr-tools NIP-46 module not available');
-        }
-
-        const localSecretKey = window.NostrTools.nip19.decode(authState.nip46.localSecretKey).data;
-        
-        // Reconstruct bunker pointer
-        const bunkerPointer = {
-          pubkey: authState.nip46.remotePubkey,
-          relays: authState.nip46.relays || [],
-          secret: authState.nip46.secret
-        };
-
-        // Create a SimplePool with a patched subscribe that filters out stale cached
-        // NIP-46 response events. Relays like primal.net store and replay previous
-        // "unauthorized" responses before we've even sent our request.
-        const sessionStart = Math.floor(Date.now() / 1000);
-        const gate = { open: false };
-        const signerRef = { current: null }; // forward ref so the closure can access signer after it's created
-        const pool = new window.NostrTools.SimplePool();
-        const origSubscribe = pool.subscribe.bind(pool);
-        pool.subscribe = (relays, filter, subParams) => {
-          const origOnevent = subParams.onevent;
-          subParams.onevent = async (event) => {
-            if (!gate.open) return; // drop events arriving before we open the gate
-            // Also skip if we can decrypt and see it's a response to a request id
-            // that we haven't sent yet (i.e. its id doesn't match any pending listener)
-            try {
-              const s = signerRef.current;
-              if (!s) return; // signer not yet created, drop
-              const decrypted = JSON.parse(window.NostrTools.nip44.decrypt(event.content, s.conversationKey));
-              if (decrypted.id && !s.listeners[decrypted.id]) {
-                // No pending listener for this id — it's stale, drop it
-                return;
-              }
-            } catch (_) {
-              // Can't decrypt — not for us, drop it
-              return;
-            }
-            return origOnevent(event);
-          };
-          return origSubscribe(relays, { ...filter, since: sessionStart }, subParams);
-        };
-
-        // Use nostr-tools BunkerSigner factory method, passing our patched pool
-        const signer = window.NostrTools.nip46.BunkerSigner.fromBunker(localSecretKey, bunkerPointer, {
-          pool,
-          onauth: (url) => {
-            window.open(url, '_blank', 'width=600,height=800');
-          }
-        });
-        signerRef.current = signer; // allow the onevent closure to access the signer
-
-        // Open the gate to allow events through
-        gate.open = true;
-
-        // We don't need to call connect() again if we already have the pubkey and secret,
-        // but we do need to ensure the signer is ready to sign.
-        // The BunkerSigner will automatically subscribe to the relays when we call signEvent.
-
-        return {
-          method: 'nip46',
-          pubkey: authState.pubkey,
-          signer: {
-            method: 'nip46',
-            remotePubkey: authState.nip46.remotePubkey,
-            bunkerSigner: signer,
-            secret: authState.nip46.secret,
-            relays: authState.nip46.relays
-          }
-        };
-      } catch (error) {
-        console.error('🔍 AuthManager: Failed to auto-reconnect NIP-46:', error);
-        // Fall back to requiring reconnection
-      }
-    }
-
-    // For NIP-46, if we can't auto-reconnect, we return the connection parameters
-    // so the UI can prompt for reconnection
-    return {
-      method: 'nip46',
-      pubkey: authState.pubkey,
-      requiresReconnection: true,
-      connectionData: authState.nip46
-    };
-  }
-
-  async _restoreReadonlyAuth(authState) {
-
-    return {
-      method: 'readonly',
-      pubkey: authState.pubkey
-    };
-  }
-
-  // Clear stored authentication state
-  clearAuthState() {
-    this.storage.removeItem(this.storageKey);
-    sessionStorage.removeItem('nostr_session_key'); // Clear legacy session key
-    this.currentAuthState = null;
-
-  }
-
-  // Check if we have valid stored auth
-  hasStoredAuth() {
-    const stored = this.storage.getItem(this.storageKey);
-    return !!stored;
-  }
-
-  // Get current auth method without full restoration
-  getStoredAuthMethod() {
-    try {
-      const stored = this.storage.getItem(this.storageKey);
-      if (!stored) return null;
-      
-      const authState = JSON.parse(stored);
-      return authState.method;
-    } catch {
-      return null;
-    }
-  }
-}
-
-// ======================================
-// Global Authentication Functions (Single Source of Truth)
-// ======================================
-
-// Global authentication state (single source of truth)
-let globalAuthState = null;
-let globalAuthManager = null;
-
-// Initialize global auth manager (lazy initialization)
-function getGlobalAuthManager() {
-  if (!globalAuthManager) {
-    // Default to localStorage for persistence across browser sessions
-    globalAuthManager = new AuthManager({ isolateSession: false });
-  }
-  return globalAuthManager;
-}
-
-// **UNIFIED GLOBAL FUNCTION**: Set authentication state (works for all methods)
-function setAuthState(authData, options = {}) {
-  try {
-
-
-    
-    // Store in memory
-    globalAuthState = authData;
-    
-    // Store in browser storage using AuthManager
-    const authManager = new AuthManager(options);
-    authManager.saveAuthState(authData);
-    
-
-  } catch (error) {
-    console.error('🌐 setAuthState: Failed to save auth state:', error);
-    throw error;
-  }
-}
-
-// **UNIFIED GLOBAL FUNCTION**: Get authentication state (single source of truth)
-function getAuthState() {
-  try {
-    // Always query from storage as the authoritative source
-    const authManager = getGlobalAuthManager();
-    const storageKey = 'nostr_login_lite_auth';
-    
-    // Check both session and local storage for compatibility
-    let stored = null;
-    if (sessionStorage.getItem(storageKey)) {
-      stored = sessionStorage.getItem(storageKey);
-    } else if (localStorage.getItem(storageKey)) {
-      stored = localStorage.getItem(storageKey);
-    }
-    
-    if (!stored) {
-      // console.log('🌐 getAuthState: No auth state found in storage');
-      globalAuthState = null;
-      return null;
-    }
-
-    const authState = JSON.parse(stored);
-    // console.log('🌐 getAuthState: Retrieved auth state:', authState.method);
-    
-    // Update in-memory cache
-    globalAuthState = authState;
-    return authState;
-    
-  } catch (error) {
-    console.error('🌐 getAuthState: Failed to get auth state:', error);
-    globalAuthState = null;
-    return null;
-  }
-}
-
-// **UNIFIED GLOBAL FUNCTION**: Clear authentication state (works for all methods)
-function clearAuthState() {
-  try {
-    // console.log('🌐 clearAuthState: Clearing global auth state');
-    
-    // Clear in-memory state
-    globalAuthState = null;
-    
-    // Clear from both storage types for thorough cleanup
-    const storageKey = 'nostr_login_lite_auth';
-    localStorage.removeItem(storageKey);
-    sessionStorage.removeItem(storageKey);
-    sessionStorage.removeItem('nostr_session_key'); // Clear legacy session key
-    
-    // console.log('🌐 clearAuthState: Auth state cleared from all storage locations');
-  } catch (error) {
-    console.error('🌐 clearAuthState: Failed to clear auth state:', error);
-  }
-}
-
-// NIP-07 compliant window.nostr provider
-class WindowNostr {
-  constructor(nostrLite, existingNostr = null, options = {}) {
-    this.nostrLite = nostrLite;
-    this.authState = null;
-    this.existingNostr = existingNostr;
-    this.authenticatedExtension = null;
-    this.options = options;
-    this._setupEventListeners();
-  }
-
-  // Restore authentication state on page load
-  async restoreAuthState() {
-    console.log('🔍 WindowNostr: === restoreAuthState ===');
-    
-    try {
-      // Use simplified AuthManager for consistent restore logic
-      const authManager = new AuthManager(this.options);
-      const restoredAuth = await authManager.restoreAuthState();
-      
-      if (restoredAuth) {
-        console.log('🔍 WindowNostr: ✅ Auth state restored:', restoredAuth.method);
-        this.authState = restoredAuth;
-        
-        // Update global state
-        globalAuthState = restoredAuth;
-        
-        // Dispatch restoration event
-        if (typeof window !== 'undefined') {
-          window.dispatchEvent(new CustomEvent('nlAuthRestored', {
-            detail: restoredAuth
-          }));
-        }
-        
-        return restoredAuth;
-      } else {
-        console.log('🔍 WindowNostr: ❌ No auth state to restore');
-        return null;
-      }
-      
-    } catch (error) {
-      console.error('🔍 WindowNostr: Auth restoration failed:', error);
-      return null;
-    }
-  }
-
-  _setupEventListeners() {
-    // Listen for authentication events to store auth state
-    if (typeof window !== 'undefined') {
-      window.addEventListener('nlMethodSelected', async (event) => {
-        console.log('🔍 WindowNostr: nlMethodSelected event received:', event.detail);
-        this.authState = event.detail;
-        
-        // If extension method, capture the specific extension the user chose
-        if (event.detail.method === 'extension') {
-          this.authenticatedExtension = event.detail.extension;
-          console.log('🔍 WindowNostr: Captured authenticated extension:', this.authenticatedExtension?.constructor?.name);
-        }
-        
-        // Use unified global setAuthState function for all methods
-        try {
-          setAuthState(event.detail, this.options);
-          console.log('🔍 WindowNostr: Auth state saved via unified setAuthState');
-        } catch (error) {
-          console.error('🔍 WindowNostr: Failed to save auth state:', error);
-        }
-      });
-
-      window.addEventListener('nlLogout', () => {
-        console.log('🔍 WindowNostr: nlLogout event received');
-        this.authState = null;
-        this.authenticatedExtension = null;
-        
-        // Clear from unified storage
-        clearAuthState();
-        console.log('🔍 WindowNostr: Auth state cleared via unified clearAuthState');
-      });
-    }
-  }
-
-  async getPublicKey() {
-    if (!this.authState) {
-      throw new Error('Not authenticated - use NOSTR_LOGIN_LITE.launch()');
-    }
-
-    switch (this.authState.method) {
-      case 'extension':
-        // Use the captured authenticated extension, not current window.nostr
-        const ext = this.authenticatedExtension || this.authState.extension || this.existingNostr;
-        if (!ext) throw new Error('Extension not available');
-        return await ext.getPublicKey();
-        
-      case 'local':
-      case 'nip46':
-        return this.authState.pubkey;
-        
-      case 'readonly':
-        throw new Error('Read-only mode - cannot get public key');
-        
-      default:
-        throw new Error('Unsupported auth method: ' + this.authState.method);
-    }
-  }
-
-  async signEvent(event) {
-    if (!this.authState) {
-      throw new Error('Not authenticated - use NOSTR_LOGIN_LITE.launch()');
-    }
-
-    if (this.authState.method === 'readonly') {
-      throw new Error('Read-only mode - cannot sign events');
-    }
-
-    switch (this.authState.method) {
-      case 'extension':
-        // Use the captured authenticated extension, not current window.nostr
-        const ext = this.authenticatedExtension || this.authState.extension || this.existingNostr;
-        if (!ext) throw new Error('Extension not available');
-        return await ext.signEvent(event);
-        
-      case 'local': {
-        // Use nostr-tools to sign with local secret key
-        const { nip19, finalizeEvent } = window.NostrTools;
-        let secretKey;
-        
-        if (this.authState.secret.startsWith('nsec')) {
-          const decoded = nip19.decode(this.authState.secret);
-          secretKey = decoded.data;
-        } else {
-          // Convert hex to Uint8Array
-          secretKey = this._hexToUint8Array(this.authState.secret);
-        }
-        
-        return finalizeEvent(event, secretKey);
-      }
-      
-      case 'nip46': {
-        // Use BunkerSigner for NIP-46
-        if (!this.authState.signer?.bunkerSigner) {
-          throw new Error('NIP-46 signer not available');
-        }
-        return await this.authState.signer.bunkerSigner.signEvent(event);
-      }
-      
-      default:
-        throw new Error('Unsupported auth method: ' + this.authState.method);
-    }
-  }
-
-  async getRelays() {
-    // Return configured relays from nostr-lite options
-    return this.nostrLite.options?.relays || ['wss://relay.damus.io'];
-  }
-
-  get nip04() {
-    return {
-      encrypt: async (pubkey, plaintext) => {
-        if (!this.authState) {
-          throw new Error('Not authenticated - use NOSTR_LOGIN_LITE.launch()');
-        }
-
-        if (this.authState.method === 'readonly') {
-          throw new Error('Read-only mode - cannot encrypt');
-        }
-
-        switch (this.authState.method) {
-          case 'extension': {
-            const ext = this.authenticatedExtension || this.authState.extension || this.existingNostr;
-            if (!ext) throw new Error('Extension not available');
-            return await ext.nip04.encrypt(pubkey, plaintext);
-          }
-            
-          case 'local': {
-            const { nip04, nip19 } = window.NostrTools;
-            let secretKey;
-            
-            if (this.authState.secret.startsWith('nsec')) {
-              const decoded = nip19.decode(this.authState.secret);
-              secretKey = decoded.data;
-            } else {
-              secretKey = this._hexToUint8Array(this.authState.secret);
-            }
-            
-            return await nip04.encrypt(secretKey, pubkey, plaintext);
-          }
-          
-          case 'nip46': {
-            if (!this.authState.signer?.bunkerSigner) {
-              throw new Error('NIP-46 signer not available');
-            }
-            return await this.authState.signer.bunkerSigner.nip04Encrypt(pubkey, plaintext);
-          }
-          
-          default:
-            throw new Error('Unsupported auth method: ' + this.authState.method);
-        }
-      },
-
-      decrypt: async (pubkey, ciphertext) => {
-        if (!this.authState) {
-          throw new Error('Not authenticated - use NOSTR_LOGIN_LITE.launch()');
-        }
-
-        if (this.authState.method === 'readonly') {
-          throw new Error('Read-only mode - cannot decrypt');
-        }
-
-        switch (this.authState.method) {
-          case 'extension': {
-            const ext = this.authenticatedExtension || this.authState.extension || this.existingNostr;
-            if (!ext) throw new Error('Extension not available');
-            return await ext.nip04.decrypt(pubkey, ciphertext);
-          }
-            
-          case 'local': {
-            const { nip04, nip19 } = window.NostrTools;
-            let secretKey;
-            
-            if (this.authState.secret.startsWith('nsec')) {
-              const decoded = nip19.decode(this.authState.secret);
-              secretKey = decoded.data;
-            } else {
-              secretKey = this._hexToUint8Array(this.authState.secret);
-            }
-            
-            return await nip04.decrypt(secretKey, pubkey, ciphertext);
-          }
-          
-          case 'nip46': {
-            if (!this.authState.signer?.bunkerSigner) {
-              throw new Error('NIP-46 signer not available');
-            }
-            return await this.authState.signer.bunkerSigner.nip04Decrypt(pubkey, ciphertext);
-          }
-          
-          default:
-            throw new Error('Unsupported auth method: ' + this.authState.method);
-        }
-      }
-    };
-  }
-
-  get nip44() {
-    return {
-      encrypt: async (pubkey, plaintext) => {
-        if (!this.authState) {
-          throw new Error('Not authenticated - use NOSTR_LOGIN_LITE.launch()');
-        }
-
-        if (this.authState.method === 'readonly') {
-          throw new Error('Read-only mode - cannot encrypt');
-        }
-
-        switch (this.authState.method) {
-          case 'extension': {
-            const ext = this.authenticatedExtension || this.authState.extension || this.existingNostr;
-            if (!ext) throw new Error('Extension not available');
-            return await ext.nip44.encrypt(pubkey, plaintext);
-          }
-            
-          case 'local': {
-            const { nip44, nip19 } = window.NostrTools;
-            let secretKey;
-            
-            if (this.authState.secret.startsWith('nsec')) {
-              const decoded = nip19.decode(this.authState.secret);
-              secretKey = decoded.data;
-            } else {
-              secretKey = this._hexToUint8Array(this.authState.secret);
-            }
-            
-            return nip44.encrypt(plaintext, nip44.getConversationKey(secretKey, pubkey));
-          }
-          
-          case 'nip46': {
-            if (!this.authState.signer?.bunkerSigner) {
-              throw new Error('NIP-46 signer not available');
-            }
-            return await this.authState.signer.bunkerSigner.nip44Encrypt(pubkey, plaintext);
-          }
-          
-          default:
-            throw new Error('Unsupported auth method: ' + this.authState.method);
-        }
-      },
-
-      decrypt: async (pubkey, ciphertext) => {
-        if (!this.authState) {
-          throw new Error('Not authenticated - use NOSTR_LOGIN_LITE.launch()');
-        }
-
-        if (this.authState.method === 'readonly') {
-          throw new Error('Read-only mode - cannot decrypt');
-        }
-
-        switch (this.authState.method) {
-          case 'extension': {
-            const ext = this.authenticatedExtension || this.authState.extension || this.existingNostr;
-            if (!ext) throw new Error('Extension not available');
-            return await ext.nip44.decrypt(pubkey, ciphertext);
-          }
-            
-          case 'local': {
-            const { nip44, nip19 } = window.NostrTools;
-            let secretKey;
-            
-            if (this.authState.secret.startsWith('nsec')) {
-              const decoded = nip19.decode(this.authState.secret);
-              secretKey = decoded.data;
-            } else {
-              secretKey = this._hexToUint8Array(this.authState.secret);
-            }
-            
-            return nip44.decrypt(ciphertext, nip44.getConversationKey(secretKey, pubkey));
-          }
-          
-          case 'nip46': {
-            if (!this.authState.signer?.bunkerSigner) {
-              throw new Error('NIP-46 signer not available');
-            }
-            return await this.authState.signer.bunkerSigner.nip44Decrypt(pubkey, ciphertext);
-          }
-          
-          default:
-            throw new Error('Unsupported auth method: ' + this.authState.method);
-        }
-      }
-    };
-  }
-
-  _hexToUint8Array(hex) {
-    if (hex.length % 2 !== 0) {
-      throw new Error('Invalid hex string length');
-    }
-    const bytes = new Uint8Array(hex.length / 2);
-    for (let i = 0; i < bytes.length; i++) {
-      bytes[i] = parseInt(hex.substr(i * 2, 2), 16);
-    }
-    return bytes;
-  }
-}
-
-// Initialize and export
-if (typeof window !== 'undefined') {
-  const nostrLite = new NostrLite();
-  
-  // Export main API
-  window.NOSTR_LOGIN_LITE = {
-    init: (options) => nostrLite.init(options),
-    launch: (startScreen) => nostrLite.launch(startScreen),
-    logout: () => nostrLite.logout(),
-    
-    // Embedded modal method
-    embed: (container, options) => nostrLite.embed(container, options),
-    
-    // CSS-only theme management API
-    switchTheme: (themeName) => nostrLite.switchTheme(themeName),
-    getCurrentTheme: () => nostrLite.getCurrentTheme(),
-    getAvailableThemes: () => nostrLite.getAvailableThemes(),
-    
-    // Floating tab management API
-    showFloatingTab: () => nostrLite.showFloatingTab(),
-    hideFloatingTab: () => nostrLite.hideFloatingTab(),
-    toggleFloatingTab: () => nostrLite.toggleFloatingTab(),
-    updateFloatingTab: (options) => nostrLite.updateFloatingTab(options),
-    getFloatingTabState: () => nostrLite.getFloatingTabState(),
-    
-    // Global authentication state management (single source of truth)
-    setAuthState: setAuthState,
-    getAuthState: getAuthState,
-    clearAuthState: clearAuthState,
-    
-    // Expose for debugging
-    _extensionBridge: nostrLite.extensionBridge,
-    _instance: nostrLite
-  };
-  
-  // console.log('NOSTR_LOGIN_LITE: Library loaded and ready');
-  // console.log('NOSTR_LOGIN_LITE: Use window.NOSTR_LOGIN_LITE.init(options) to initialize');
-  // console.log('NOSTR_LOGIN_LITE: Detected', nostrLite.extensionBridge.getExtensionCount(), 'browser extensions');
-  console.warn('🔐 SECURITY: Unified plaintext storage enabled for maximum developer usability');
-} else {
-  // Node.js environment
-  module.exports = { NostrLite };
-}
-
diff --git a/www/note.html b/www/note.html
index 299308b..edd3fdf 100644
--- a/www/note.html
+++ b/www/note.html
@@ -436,7 +436,7 @@
        REQUIRED SCRIPTS
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================
diff --git a/www/notifications.html b/www/notifications.html
index 5770884..1480395 100644
--- a/www/notifications.html
+++ b/www/notifications.html
@@ -356,7 +356,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {
diff --git a/www/npub.html b/www/npub.html
index 0198df1..cf59730 100644
--- a/www/npub.html
+++ b/www/npub.html
@@ -161,7 +161,7 @@
        REQUIRED SCRIPTS
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
   <script type="text/javascript" src="./js/qrcode-svg.min.js"></script>
 
   <script type="module">
diff --git a/www/old/bunker.html b/www/old/bunker.html
index 8d52607..a2c7bc3 100644
--- a/www/old/bunker.html
+++ b/www/old/bunker.html
@@ -145,7 +145,7 @@
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
   <script src="./ndk-core.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
   <script type="text/javascript" src="./js/qrcode-generator.min.js"></script>
 
   <script type="module">
diff --git a/www/old/db_relay.html b/www/old/db_relay.html
index 19b92c1..cef6fad 100644
--- a/www/old/db_relay.html
+++ b/www/old/db_relay.html
@@ -378,7 +378,7 @@
        REQUIRED SCRIPTS
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================
diff --git a/www/old/event.html b/www/old/event.html
index d31ce10..7b1a47b 100644
--- a/www/old/event.html
+++ b/www/old/event.html
@@ -301,7 +301,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import { initNDKPage, getPubkey, injectHeaderAvatar, subscribe, publishEvent, disconnect, getRelayData, fetchEventsFromAllRelays, ndkFetchEvents, queryCache } from './js/init-ndk.mjs';
diff --git a/www/old/links.html b/www/old/links.html
index d8af51d..4f1a695 100644
--- a/www/old/links.html
+++ b/www/old/links.html
@@ -169,7 +169,7 @@
        2. nostr-lite.js - Authentication modal (nostr-login-lite)
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================
diff --git a/www/old/relay-test.html b/www/old/relay-test.html
index 1561b59..f4fcfd8 100644
--- a/www/old/relay-test.html
+++ b/www/old/relay-test.html
@@ -157,7 +157,7 @@
        2. nostr-lite.js - Authentication modal (nostr-login-lite)
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================
diff --git a/www/old/skills-demo.html b/www/old/skills-demo.html
index 85931a6..c5e0a38 100644
--- a/www/old/skills-demo.html
+++ b/www/old/skills-demo.html
@@ -1015,7 +1015,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {
diff --git a/www/old/stream-ctrl.html b/www/old/stream-ctrl.html
index 570643b..92d24f8 100644
--- a/www/old/stream-ctrl.html
+++ b/www/old/stream-ctrl.html
@@ -325,7 +325,7 @@
        2. nostr-lite.js - Authentication modal (nostr-login-lite)
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================
diff --git a/www/old/stream.html b/www/old/stream.html
index fc296c3..15ce870 100644
--- a/www/old/stream.html
+++ b/www/old/stream.html
@@ -323,7 +323,7 @@
        2. nostr-lite.js - Authentication modal (nostr-login-lite)
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================
diff --git a/www/people.html b/www/people.html
index f3382a1..35a236a 100644
--- a/www/people.html
+++ b/www/people.html
@@ -253,7 +253,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {
diff --git a/www/post.html b/www/post.html
index 64c9d64..2f32b0d 100644
--- a/www/post.html
+++ b/www/post.html
@@ -202,7 +202,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {
diff --git a/www/profile.html b/www/profile.html
index 78a90c6..52848b0 100644
--- a/www/profile.html
+++ b/www/profile.html
@@ -268,7 +268,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import { initNDKPage, getPubkey, injectHeaderAvatar, subscribe, publishEvent, disconnect, getVersion, updateVersionDisplay } from './js/init-ndk.mjs';
diff --git a/www/projects.html b/www/projects.html
new file mode 100644
index 0000000..d97c84e
--- /dev/null
+++ b/www/projects.html
@@ -0,0 +1,1394 @@
+<!DOCTYPE html>
+<?xml version="1.0" encoding="UTF-8"?>
+<html lang="en" dir="ltr">
+
+<head>
+  <meta charset="utf-8" />
+  <title>Projects</title>
+
+  <link rel="stylesheet" href="./css/client.css" />
+
+  <!-- Initialize theme BEFORE any components load -->
+  <script>
+    (function () {
+      const savedTheme = localStorage.getItem('theme');
+      if (savedTheme === 'dark') {
+        document.documentElement.classList.add('dark-mode');
+        if (document.body) {
+          document.body.classList.add('dark-mode');
+        }
+      }
+    })();
+  </script>
+  <link rel="shortcut icon" type="image/x-icon" href="./favicon/favicon-dots2.ico" />
+
+  <!-- SVG.js library (required by HamburgerMorphing) -->
+  <script src="./js/vendor/svg.min.js"></script>
+  <style>
+    #divBody {
+      flex-direction: column !important;
+      flex-wrap: nowrap !important;
+      align-items: stretch !important;
+      justify-content: flex-start !important;
+      align-content: flex-start !important;
+      gap: 12px !important;
+      padding: 12px;
+      overflow: auto;
+    }
+
+    .projectsPage {
+      width: 100%;
+      max-width: 1400px;
+      margin: 0 auto;
+      color: var(--primary-color);
+    }
+
+    .projectsTitle {
+      margin: 0 0 8px 0;
+      font-size: 1.4rem;
+    }
+
+    .projectsStatus {
+      margin: 0 0 8px 0;
+      opacity: 0.85;
+      color: var(--primary-color);
+    }
+
+    .projectsStatus.error {
+      color: #d33;
+    }
+
+    .projectsTableWrap {
+      overflow-x: auto;
+      border: var(--border);
+      background: var(--secondary-color);
+    }
+
+    .projectsTable {
+      border-collapse: collapse;
+      width: 100%;
+      min-width: 1000px;
+      font-family: var(--font-family);
+      color: var(--primary-color);
+    }
+
+    .projectsTable th,
+    .projectsTable td {
+      border: var(--border);
+      padding: 0.45rem 0.55rem;
+      text-align: left;
+      vertical-align: top;
+    }
+
+    .projectsTable th {
+      background: var(--button-background-color);
+      cursor: pointer;
+      user-select: none;
+      white-space: nowrap;
+    }
+
+    .projectsTable th.sort-asc::after {
+      content: " ▲";
+    }
+
+    .projectsTable th.sort-desc::after {
+      content: " ▼";
+    }
+
+    .projectsTable td.num,
+    .projectsTable th.num {
+      text-align: right;
+      white-space: nowrap;
+    }
+
+    .projectsHeatmapTitle {
+      margin: 14px 0 8px 0;
+      font-size: 1.05rem;
+    }
+
+    .projectsHeatmap {
+      margin: 0;
+      border: var(--border);
+      background: var(--secondary-color);
+      padding: 0.8rem;
+      overflow-x: auto;
+      white-space: pre;
+      color: var(--primary-color);
+      font-family: var(--font-family);
+    }
+
+    .projectsLink {
+      color: inherit;
+      text-decoration: underline;
+    }
+  </style>
+</head>
+
+<body>
+  <!-- ================================================================
+       HAMBURGER BUTTON (Fixed, separate from header)
+       ================================================================
+       The hamburger button is a fixed element outside the header
+       to ensure it stays visible above the sidenav (z-index: 10 > 3).
+       ================================================================ -->
+  <div id="divSvgHam" class="divHeaderButtons">
+    <!-- HamburgerMorphing will be injected here -->
+  </div>
+
+  <!-- ================================================================
+       HEADER
+       ================================================================
+       Standard header with title (center).
+       ================================================================ -->
+  <div id="divHeader">
+    <div id="divHeaderFlexLeft">
+      <!-- Hamburger is now separate fixed element -->
+    </div>
+
+    <div id="divHeaderFlexCenter">
+      <div class="divHeaderText">Projects</div>
+    </div>
+
+    <div id="divHeaderFlexRight">
+      <!-- No button in header right - logout is in sidenav footer -->
+    </div>
+  </div>
+
+  <!-- ================================================================
+       BODY
+       ================================================================
+       Main content area. Add your page-specific content here.
+       ================================================================ -->
+  <div id="divBody">
+    <div class="projectsPage">
+      <h1 class="projectsTitle">Projects of Laan Tungir</h1>
+      <p id="status" class="projectsStatus">Loading realtime data from Gitea API…</p>
+
+      <div class="projectsTableWrap">
+        <table id="projects-table" class="projectsTable">
+          <thead>
+            <tr>
+              <th data-type="text">Project</th>
+              <th data-type="date">Last Activity</th>
+              <th data-type="text">Description</th>
+              <th class="num" data-type="number">Commits (30d)</th>
+              <th class="num" data-type="number">Commits (year)</th>
+            </tr>
+          </thead>
+          <tbody id="rows"></tbody>
+        </table>
+      </div>
+
+      <h2 id="heatmap-title" class="projectsHeatmapTitle">Contribution Heatmap</h2>
+      <pre id="heatmap" class="projectsHeatmap">Loading heatmap…</pre>
+    </div>
+  </div>
+
+  <!-- ================================================================
+       FOOTER
+       ================================================================
+       Three-section footer layout:
+       - Left: Relay status animations (HamburgerMorphing instances)
+       - Center: General status information
+       - Right: Additional information
+       ================================================================ -->
+  <div id="divFooter">
+    <div id="divFooterLeft" class="divFooterBox"></div>
+    <div id="divFooterCenter" class="divFooterBox"></div>
+    <div id="divFooterRight" class="divFooterBox"></div>
+    <div id="divFooterBalance" class="divFooterBox">0 sats</div>
+  </div>
+
+  <!-- ================================================================
+       SIDENAV
+       ================================================================
+       Slide-out navigation panel. Opens from left when hamburger clicked.
+       Uses flexbox layout to pin version bar to bottom.
+       Includes a version bar footer with theme toggle and logout buttons.
+       ================================================================ -->
+  <div id="divSideNav">
+    <div id="divSideNavHeader">
+      <!-- No close button - use main hamburger to close -->
+    </div>
+
+    <div id="divSideNavBody">
+      <div id="divFiles"></div>
+    </div>
+
+    <div id="divAiSection" class="sidenavSection"> 
+      <div id="divAiSectionTitle" class="sidenavSectionTitle">AI</div>
+      <div id="divAiList" class="sidenavSectionList">
+        <div id="divAiProvidersList">No saved providers yet.</div>
+      </div>
+    </div>
+
+
+    <div id="divRelaySection">
+      <div id="divRelaySectionTitle">
+        リレー
+      </div>
+      <div id="divRelayList">
+        Loading relays...
+      </div>
+    </div>
+
+    <div id="divBlossomSection">
+
+      <div id="divBlossomSectionTitle">ブロッサム</div>
+
+      <div id="divBlossomList">Loading blossom servers...</div>
+
+    </div>
+
+
+    <div id="divVersionBar">
+      <span id="versionDisplay">v0.0.1</span>
+      <div id="divVersionBarButtons">
+        <button id="themeToggleButton" title="Toggle Dark/Light Mode">
+          <div id="themeToggleHamburgerContainer"></div>
+        </button>
+        <button id="logoutButton" title="Logout">
+          <div id="logoutHamburgerContainer"></div>
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <!-- ================================================================
+       REQUIRED SCRIPTS
+       ================================================================
+       These scripts must be loaded in this order:
+       1. nostr.bundle.js - Nostr tools library
+       2. nostr-lite.js - Authentication modal (nostr-login-lite)
+       ================================================================ -->
+  <script src="./nostr.bundle.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
+
+  <script type="module">
+    /* ================================================================
+       IMPORTS
+       ================================================================
+       Import shared NDK functionality from init-ndk.mjs:
+       - initNDKPage() - Initialize authentication and worker
+       - getPubkey() - Get current user's pubkey
+       - subscribe() - Create NDK subscriptions
+       - publishEvent() - Publish events via NDK
+       - disconnect() - Disconnect from worker
+       - getRelayData() - Get relay connection data
+       - getRelayStats() - Get relay activity statistics
+       
+       Import HamburgerMorphing for animated icons
+       ================================================================ */
+    import {
+      initNDKPage,
+      getPubkey, injectHeaderAvatar, injectHeaderLoginButton,
+      subscribe,
+      publishEvent,
+      disconnect,
+      getVersion,
+      updateVersionDisplay,
+      getUserSettings,
+      patchUserSettings,
+      onUserSettings
+    } from './js/init-ndk.mjs';
+    import { HamburgerMorphing } from "./hamburger_morphing/hamburger.mjs";
+    import { initFooterRelayStatus, updateFooterRelayStatus, initSidenavRelaySection, updateSidenavRelaySection, setRelayActivityState } from './js/relay-ui.mjs';
+
+    import { initBlossomSection, updateBlossomSection } from './js/blossom-ui.mjs';
+    
+    import { initAiSectionWithLocalConfig } from './js/ai-ui.mjs';
+// Version will be loaded asynchronously
+    const versionInfo = await getVersion();
+    const VERSION = versionInfo.VERSION;
+    console.log(`[template.html ${VERSION}] Loading...`);
+
+    /* ================================================================
+       GLOBAL VARIABLES
+       ================================================================
+       Track state for hamburger menu, relay status, and theme.
+       ================================================================ */
+    let updateIntervalId = null;
+    let currentPubkey = null;
+
+    /*
+      AUTH STATE MODEL (Template reference)
+      ------------------------------------------------------------------
+      This template now demonstrates three auth modes for standalone pages:
+
+      - required (default):
+        Behaves like existing pages: login is required immediately.
+
+      - optional:
+        Page can render public/read-only data without login, but can still
+        prompt login later for user actions (publish, settings, etc).
+
+      - none:
+        Never auto-login on load (pure public page).
+
+      URL behavior in this template:
+      - If ?auth=required|optional|none is present, it wins.
+      - Otherwise, if URL includes ?npub=... or ?pubkey=..., mode defaults
+        to optional because pages with explicit profile targets are commonly
+        public-readable.
+      - Otherwise, mode defaults to required.
+    */
+    let isAuthenticated = false;
+    let authMode = 'required';
+    let authedPageInitialized = false;
+    let relayActivityListenersBound = false;
+    
+    // Hamburger menu
+    let hamburgerInstance = null;
+    let isNavOpen = false;
+    
+    // Version bar buttons
+    let logoutHamburger = null;
+    let themeToggleHamburger = null;
+    let isDarkMode = false;
+
+    // App-wide user settings (NIP-78 kind 30078, d:user-settings)
+    let pageSettings = {};
+    let unsubscribeUserSettings = null;
+
+    /* ================================================================
+       DOM VARIABLES
+       ================================================================
+       Cache DOM element references for better performance.
+       ================================================================ */
+    const divBody = document.getElementById("divBody");
+    const divSideNav = document.getElementById("divSideNav");
+    const divSideNavBody = document.getElementById("divSideNavBody");
+    const divFooterCenter = document.getElementById("divFooterCenter");
+    const divFooterRight = document.getElementById("divFooterRight");
+
+    const statusEl = document.getElementById('status');
+    const rowsEl = document.getElementById('rows');
+    const heatmapEl = document.getElementById('heatmap');
+    const heatmapTitleEl = document.getElementById('heatmap-title');
+    const table = document.getElementById('projects-table');
+
+    /* ================================================================
+       HAMBURGER MENU
+       ================================================================
+       Initialize and control the animated hamburger menu.
+       ================================================================ */
+    function initHamburgerMenu() {
+      hamburgerInstance = new HamburgerMorphing('#divSvgHam', {
+        foreground: 'var(--primary-color)',
+        background: 'var(--secondary-color)',
+        hover: 'var(--accent-color)'
+      });
+      hamburgerInstance.animateTo('burger');
+    }
+
+    /* ================================================================
+       SIDENAV FUNCTIONS
+       ================================================================
+       Open/close sidenav with hamburger morphing animation.
+       ================================================================ */
+    function openNav() {
+      divSideNav.style.zIndex = 3;
+      divSideNav.style.width = "clamp(400px, 50vw, 600px)";
+      isNavOpen = true;
+      if (hamburgerInstance) {
+        hamburgerInstance.animateTo('arrow_left');
+      }
+
+      
+      // Initialize version bar buttons when sidenav opens (lazy load)
+      if (!logoutHamburger) {
+        logoutHamburger = new HamburgerMorphing('#logoutHamburgerContainer', {
+          size: 24,
+          foreground: 'var(--primary-color)',
+          background: 'var(--secondary-color)',
+          hover: 'var(--accent-color)'
+        });
+        logoutHamburger.animateTo('x');
+      }
+      
+      if (!themeToggleHamburger) {
+        themeToggleHamburger = new HamburgerMorphing('#themeToggleHamburgerContainer', {
+          size: 24,
+          foreground: 'var(--primary-color)',
+          background: 'var(--secondary-color)',
+          hover: 'var(--accent-color)'
+        });
+        
+        // Determine current theme
+        const savedTheme = localStorage.getItem('theme');
+        isDarkMode = savedTheme === 'dark' || document.body.classList.contains('dark-mode');
+        const initialShape = isDarkMode ? 'moon' : 'circle';
+        themeToggleHamburger.animateTo(initialShape);
+      }
+    }
+
+    function closeNav() {
+      divSideNav.style.width = "0vw";
+      divSideNav.style.zIndex = -1;
+      isNavOpen = false;
+      if (hamburgerInstance) {
+        hamburgerInstance.animateTo('burger');
+      }
+    }
+
+    function toggleNav() {
+      if (isNavOpen) {
+        closeNav();
+      } else {
+        openNav();
+      }
+    }
+
+
+    /* ================================================================
+       AUTH MODE HELPERS
+       ================================================================
+       These functions are meant as reusable guidance for future pages.
+       ================================================================ */
+    function hasTargetPubkeyInUrl() {
+      const params = new URLSearchParams(window.location.search || '');
+      const npub = String(params.get('npub') || '').trim();
+      const pubkey = String(params.get('pubkey') || '').trim();
+      return Boolean(npub || pubkey);
+    }
+
+    function resolveAuthModeFromUrl() {
+      const params = new URLSearchParams(window.location.search || '');
+      const explicitAuth = String(params.get('auth') || '').trim().toLowerCase();
+      if (explicitAuth === 'required' || explicitAuth === 'optional' || explicitAuth === 'none') {
+        return explicitAuth;
+      }
+
+      // Projects page default: public readable without login.
+      return 'none';
+    }
+
+    function isAuthRequiredError(error) {
+      const message = String(error?.message || error || '').toLowerCase();
+      return message.includes('authentication required');
+    }
+
+    async function initializeAuthentication(mode) {
+      // required: existing behavior, throw if auth fails.
+      if (mode === 'required') {
+        await initNDKPage();
+        currentPubkey = await getPubkey();
+        isAuthenticated = true;
+        return;
+      }
+
+      // none: public page, no login attempt on load.
+      if (mode === 'none') {
+        isAuthenticated = false;
+        currentPubkey = null;
+        return;
+      }
+
+      // optional: try silent/normal init; if auth required, continue public.
+      try {
+        await initNDKPage();
+        currentPubkey = await getPubkey();
+        isAuthenticated = true;
+      } catch (error) {
+        if (isAuthRequiredError(error)) {
+          console.log('[template.html] Optional auth mode: continuing unauthenticated');
+          isAuthenticated = false;
+          currentPubkey = null;
+          return;
+        }
+        throw error;
+      }
+    }
+
+    async function initializeAuthenticatedPageFeatures() {
+      if (!isAuthenticated) {
+        await injectHeaderLoginButton();
+        return;
+      }
+      if (authedPageInitialized) return;
+
+      await injectHeaderAvatar(currentPubkey);
+      console.log('[template.html] Authenticated as:', currentPubkey);
+
+      // Hydrate app-wide user settings for this page
+      try {
+        pageSettings = await getUserSettings();
+      } catch (error) {
+        console.warn('[template.html] getUserSettings failed:', error);
+        pageSettings = {};
+      }
+
+      // Subscribe to live user settings updates (cross-tab + publish echoes)
+      if (!unsubscribeUserSettings) {
+        unsubscribeUserSettings = onUserSettings((settings) => {
+          pageSettings = settings || {};
+          // TODO: Re-render page-specific UI from pageSettings here.
+        });
+      }
+
+      // Initialize relay-dependent UI only once authenticated.
+      initFooterRelayStatus();
+      initSidenavRelaySection();
+      await initBlossomSection();
+        initAiSectionWithLocalConfig();
+      await UpdateFooter();
+
+      if (!updateIntervalId) {
+        updateIntervalId = setInterval(UpdateFooter, 1000);
+      }
+
+      // Relay activity listeners only matter after worker init/auth.
+      if (!relayActivityListenersBound) {
+        window.addEventListener('ndkRelayActivity', (event) => {
+          const { relayUrl, activity, stats } = event.detail;
+          console.log(`[template.html] Relay activity: ${relayUrl} - ${activity}`, stats);
+          setRelayActivityState(relayUrl, activity);
+        });
+
+        window.addEventListener('message', (event) => {
+          if (event.data && event.data.type === 'relayActivity') {
+            const { relayUrl, activity } = event.data;
+            console.log(`[template.html] Relay activity: ${relayUrl} - ${activity}`);
+            setRelayActivityState(relayUrl, activity);
+          }
+        });
+
+        relayActivityListenersBound = true;
+      }
+
+      authedPageInitialized = true;
+    }
+
+    async function promptLoginIfNeeded() {
+      if (isAuthenticated) return true;
+
+      await initNDKPage();
+      currentPubkey = await getPubkey();
+      isAuthenticated = true;
+      await initializeAuthenticatedPageFeatures();
+      return true;
+    }
+
+    /* ================================================================
+       UPDATE FOOTER
+       ================================================================
+       Update footer sections with relay status, pubkey, and other info.
+       Called periodically by update loop.
+       ================================================================ */
+    const UpdateFooter = async () => {
+
+      try {
+        // Update relay status visuals in footer and sidenav
+        await updateFooterRelayStatus();
+        await updateSidenavRelaySection();
+        
+        await updateBlossomSection();
+        // Clear center and right sections
+        divFooterCenter.innerHTML = '';
+        divFooterRight.innerHTML = '';
+      } catch (error) {
+        console.error('[template.html] Error updating footer:', error);
+      }
+    };
+
+    /* ================================================================
+       LOGOUT
+       ================================================================
+       Complete logout process:
+       1. Stop update loop
+       2. Disconnect from NDK worker
+       3. Logout from nostr-login-lite
+       4. Clear all storage (localStorage, sessionStorage, IndexedDB)
+       5. Reload page
+       ================================================================ */
+    const Logout = async () => {
+      console.log("[template.html] Starting logout process...");
+
+      // Stop the update loop
+      if (updateIntervalId) {
+        clearInterval(updateIntervalId);
+        updateIntervalId = null;
+      }
+
+      // Disconnect from worker
+      disconnect();
+
+      // Logout from nostr-login-lite
+      if (window.NOSTR_LOGIN_LITE && window.NOSTR_LOGIN_LITE.logout) {
+        await window.NOSTR_LOGIN_LITE.logout();
+      }
+
+      // Clear all storage
+      localStorage.clear();
+      sessionStorage.clear();
+
+      // Clear IndexedDB
+      if (window.indexedDB) {
+        const databases = await window.indexedDB.databases();
+        for (const db of databases) {
+          if (db.name) {
+            window.indexedDB.deleteDatabase(db.name);
+          }
+        }
+      }
+
+      console.log("[template.html] Logged out, reloading page");
+      location.reload(true);
+    };
+
+    let projectsPageInitialized = false;
+
+    function setProjectsStatus(msg, isError = false) {
+      if (!statusEl) return;
+      statusEl.textContent = msg;
+      statusEl.classList.toggle('error', Boolean(isError));
+    }
+
+    function cleanDescriptionText(text) {
+      let out = String(text || '');
+      out = out.replace(/<[^>]+>/g, '');
+      out = out.replace(/\*\*/g, '');
+      out = out.replace(/__/g, '');
+      out = out.replace(/\*/g, '');
+      out = out.replace(/_/g, '');
+      out = out.replace(/`/g, '');
+      out = out.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '$1');
+      out = out.replace(/\s+/g, ' ').trim();
+      return out;
+    }
+
+    function formatDate(dateLike) {
+      if (!dateLike) return 'N/A';
+      const d = new Date(dateLike);
+      if (Number.isNaN(d.getTime())) return 'N/A';
+      return d.toISOString().slice(0, 10);
+    }
+
+    function heatLevelChar(count, maxCount) {
+      if (count <= 0) return '.';
+      if (maxCount <= 1) return '#';
+
+      const t1 = 1;
+      const t2 = Math.max(2, Math.ceil(maxCount * 0.33));
+      const t3 = Math.max(t2 + 1, Math.ceil(maxCount * 0.66));
+
+      if (count <= t1) return '-';
+      if (count <= t2) return '+';
+      if (count <= t3) return '*';
+      return '#';
+    }
+
+    function renderAsciiHeatmap(dayCounts, year) {
+      const jan1 = new Date(Date.UTC(year, 0, 1));
+      const dec31 = new Date(Date.UTC(year, 11, 31));
+
+      const start = new Date(jan1);
+      start.setUTCDate(start.getUTCDate() - start.getUTCDay());
+
+      const end = new Date(dec31);
+      end.setUTCDate(end.getUTCDate() + (6 - end.getUTCDay()));
+
+      const weeks = [];
+      for (let cur = new Date(start); cur <= end; cur.setUTCDate(cur.getUTCDate() + 7)) {
+        const week = [];
+        for (let i = 0; i < 7; i++) {
+          const d = new Date(cur);
+          d.setUTCDate(cur.getUTCDate() + i);
+          week.push(d);
+        }
+        weeks.push(week);
+      }
+
+      const counts = Object.values(dayCounts);
+      const maxCount = counts.length ? Math.max(...counts) : 0;
+
+      const width = weeks.length * 2;
+      const monthLine = new Array(width).fill(' ');
+      const monthPositions = {};
+
+      weeks.forEach((week, idx) => {
+        week.forEach(d => {
+          if (d.getUTCFullYear() === year && d.getUTCDate() === 1) {
+            const m = d.getUTCMonth() + 1;
+            if (!(m in monthPositions)) {
+              monthPositions[m] = idx * 2;
+            }
+          }
+        });
+      });
+
+      Object.entries(monthPositions).forEach(([monthStr, pos]) => {
+        const month = Number(monthStr);
+        const label = new Date(Date.UTC(year, month - 1, 1)).toLocaleString('en-US', { month: 'short', timeZone: 'UTC' });
+        for (let i = 0; i < label.length; i++) {
+          if (pos + i < width) {
+            monthLine[pos + i] = label[i];
+          }
+        }
+      });
+
+      const lines = [];
+      lines.push('    ' + monthLine.join('').replace(/\s+$/, ''));
+
+      const dayLabels = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+      for (let dayIdx = 0; dayIdx < dayLabels.length; dayIdx++) {
+        const rowCells = [];
+        weeks.forEach(week => {
+          const d = week[dayIdx];
+          const key = d.toISOString().slice(0, 10);
+          const count = d.getUTCFullYear() === year ? (dayCounts[key] || 0) : 0;
+          rowCells.push(heatLevelChar(count, maxCount));
+        });
+        lines.push(`${dayLabels[dayIdx]} ${rowCells.join(' ')}`);
+      }
+
+      lines.push('');
+      lines.push('Legend: . = 0, - = low, + = medium, * = high, # = very high');
+      lines.push(`Max commits/day in ${year}: ${maxCount}`);
+      return lines.join('\n');
+    }
+
+    const PROJECTS_BASE = 'https://git.laantungir.net';
+    const PROJECTS_USER = 'laantungir';
+    const CACHE_TTL_MS = 5 * 60 * 1000;
+
+    function getCache(key) {
+      try {
+        const raw = sessionStorage.getItem(key);
+        if (!raw) return null;
+        const parsed = JSON.parse(raw);
+        if (!parsed || typeof parsed !== 'object') return null;
+        if (Date.now() - parsed.ts > CACHE_TTL_MS) {
+          sessionStorage.removeItem(key);
+          return null;
+        }
+        return parsed.data;
+      } catch {
+        return null;
+      }
+    }
+
+    function setCache(key, data) {
+      try {
+        sessionStorage.setItem(key, JSON.stringify({ ts: Date.now(), data }));
+      } catch {
+        // ignore storage failures
+      }
+    }
+
+    async function fetchJson(url, cacheKey, { allow404AsEmpty = false, allow409AsEmpty = false } = {}) {
+      const cached = getCache(cacheKey);
+      if (cached) return cached;
+
+      const resp = await fetch(url, {
+        method: 'GET',
+        headers: { 'Accept': 'application/json' },
+        cache: 'no-store',
+        mode: 'cors',
+      });
+
+      if (!resp.ok) {
+        if ((allow404AsEmpty && resp.status === 404) || (allow409AsEmpty && resp.status === 409)) {
+          return [];
+        }
+        throw new Error(`HTTP ${resp.status} for ${url}`);
+      }
+
+      const data = await resp.json();
+      setCache(cacheKey, data);
+      return data;
+    }
+
+    async function fetchAllRepos() {
+      const all = [];
+      let page = 1;
+
+      while (true) {
+        const url = `${PROJECTS_BASE}/api/v1/users/${PROJECTS_USER}/repos?limit=50&page=${page}`;
+        const pageData = await fetchJson(url, `repos:${PROJECTS_USER}:${page}`);
+
+        if (!Array.isArray(pageData) || pageData.length === 0) break;
+        all.push(...pageData);
+
+        if (pageData.length < 50) break;
+        page += 1;
+      }
+
+      return all
+        .filter(r => !r.private && !r.mirror && !r.fork)
+        .map(r => ({
+          name: String(r.name || '').trim(),
+          description: cleanDescriptionText(r.description || ''),
+          updated_at: r.updated_at || '',
+          html_url: r.html_url || `${PROJECTS_BASE}/${PROJECTS_USER}/${r.name}`,
+        }))
+        .filter(r => r.name)
+        .sort((a, b) => a.name.localeCompare(b.name));
+    }
+
+    async function fetchHeatmap() {
+      const url = `${PROJECTS_BASE}/api/v1/users/${PROJECTS_USER}/heatmap`;
+      const data = await fetchJson(url, `heatmap:${PROJECTS_USER}`);
+      if (!Array.isArray(data)) return [];
+      return data;
+    }
+
+    function renderTable(rows) {
+      if (!rowsEl) return;
+      rowsEl.innerHTML = '';
+
+      for (const row of rows) {
+        const tr = document.createElement('tr');
+        tr.dataset.repo = row.name;
+
+        const tdName = document.createElement('td');
+        const link = document.createElement('a');
+        link.href = row.html_url;
+        link.textContent = row.name;
+        link.rel = 'noopener noreferrer';
+        link.target = '_blank';
+        link.className = 'projectsLink';
+        tdName.appendChild(link);
+
+        const tdLast = document.createElement('td');
+        tdLast.textContent = formatDate(row.updated_at);
+
+        const tdDesc = document.createElement('td');
+        tdDesc.textContent = row.description || 'No description available.';
+
+        const td30 = document.createElement('td');
+        td30.className = 'num commit-30';
+        td30.dataset.pending = '1';
+        td30.textContent = '⠋';
+
+        const tdYear = document.createElement('td');
+        tdYear.className = 'num commit-year';
+        tdYear.dataset.pending = '1';
+        tdYear.textContent = '⠋';
+
+        tr.appendChild(tdName);
+        tr.appendChild(tdLast);
+        tr.appendChild(tdDesc);
+        tr.appendChild(td30);
+        tr.appendChild(tdYear);
+
+        rowsEl.appendChild(tr);
+      }
+    }
+
+    function setRepoCounts(repoName, c30, cYear) {
+      if (!rowsEl) return;
+      const tr = rowsEl.querySelector(`tr[data-repo="${CSS.escape(repoName)}"]`);
+      if (!tr) return;
+      const td30 = tr.querySelector('.commit-30');
+      const tdYear = tr.querySelector('.commit-year');
+      if (td30) td30.textContent = Number.isFinite(c30) ? c30.toLocaleString('en-US') : 'ERR';
+      if (tdYear) tdYear.textContent = Number.isFinite(cYear) ? cYear.toLocaleString('en-US') : 'ERR';
+    }
+
+    function getCommitDate(commitObj) {
+      const candidate =
+        commitObj?.commit?.committer?.date ||
+        commitObj?.commit?.author?.date ||
+        commitObj?.created ||
+        null;
+      if (!candidate) return null;
+      const d = new Date(candidate);
+      return Number.isNaN(d.getTime()) ? null : d;
+    }
+
+    async function fetchRepoCommitCounts(repoName, since30, sinceYear) {
+      const perPage = 50;
+      let page = 1;
+      let yearCount = 0;
+      let day30Count = 0;
+
+      while (true) {
+        const url = `${PROJECTS_BASE}/api/v1/repos/${PROJECTS_USER}/${encodeURIComponent(repoName)}/commits?limit=${perPage}&page=${page}`;
+        const commits = await fetchJson(
+          url,
+          `commits:${PROJECTS_USER}:${repoName}:all:${page}`,
+          { allow404AsEmpty: true, allow409AsEmpty: true }
+        );
+
+        if (!Array.isArray(commits) || commits.length === 0) break;
+
+        let sawOlderThanYear = false;
+        for (const c of commits) {
+          const d = getCommitDate(c);
+          if (!d) continue;
+          if (d >= sinceYear) {
+            yearCount += 1;
+            if (d >= since30) {
+              day30Count += 1;
+            }
+          } else {
+            sawOlderThanYear = true;
+          }
+        }
+
+        if (sawOlderThanYear) break;
+        if (commits.length < perPage) break;
+
+        page += 1;
+        if (page > 500) break;
+      }
+
+      return { day30Count, yearCount };
+    }
+
+    function startBrailleSpinner() {
+      const frames = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
+      let idx = 0;
+      const timer = setInterval(() => {
+        const frame = frames[idx % frames.length];
+        idx += 1;
+
+        rowsEl?.querySelectorAll('td.commit-30, td.commit-year').forEach(td => {
+          if (td.dataset.pending === '1') {
+            td.textContent = frame;
+          }
+        });
+      }, 90);
+
+      return () => clearInterval(timer);
+    }
+
+    async function loadCommitCountsProgressively(repos, year) {
+      const since30 = new Date(Date.now() - 30 * 24 * 60 * 60 * 1000);
+      const sinceYear = new Date(Date.UTC(year, 0, 1, 0, 0, 0));
+
+      const queue = repos.map(r => r.name);
+      const total = queue.length;
+      let done = 0;
+      const concurrency = 4;
+      const stopSpinner = startBrailleSpinner();
+
+      const markPending = (repoName, pending) => {
+        const tr = rowsEl?.querySelector(`tr[data-repo="${CSS.escape(repoName)}"]`);
+        if (!tr) return;
+        const td30 = tr.querySelector('.commit-30');
+        const tdYear = tr.querySelector('.commit-year');
+        if (td30) td30.dataset.pending = pending ? '1' : '0';
+        if (tdYear) tdYear.dataset.pending = pending ? '1' : '0';
+      };
+
+      const worker = async () => {
+        while (queue.length > 0) {
+          const repoName = queue.shift();
+          if (!repoName) return;
+
+          markPending(repoName, true);
+          try {
+            const counts = await fetchRepoCommitCounts(repoName, since30, sinceYear);
+            setRepoCounts(repoName, counts.day30Count, counts.yearCount);
+          } catch {
+            setRepoCounts(repoName, NaN, NaN);
+          }
+          markPending(repoName, false);
+
+          done += 1;
+          setProjectsStatus(
+            `Updated ${new Date().toISOString().replace('T', ' ').slice(0, 19)} UTC • ` +
+            `${repos.length} public owned repositories loaded via Gitea API • ` +
+            `Commit counts: ${done}/${total}`
+          );
+        }
+      };
+
+      try {
+        await Promise.all(Array.from({ length: Math.min(concurrency, total || 1) }, () => worker()));
+      } finally {
+        stopSpinner();
+      }
+    }
+
+    function aggregateHeatmap(heatmapData, year) {
+      const dayCounts = {};
+      for (const item of heatmapData) {
+        if (!item || typeof item !== 'object') continue;
+        const ts = Number(item.timestamp);
+        const contributions = Number(item.contributions || 0);
+        if (!Number.isFinite(ts) || !Number.isFinite(contributions)) continue;
+
+        const d = new Date(ts * 1000);
+        const key = d.toISOString().slice(0, 10);
+        if (d.getUTCFullYear() !== year) continue;
+
+        dayCounts[key] = (dayCounts[key] || 0) + contributions;
+      }
+      return dayCounts;
+    }
+
+    function attachSorting() {
+      if (!table || !rowsEl) return;
+      const headers = Array.from(table.querySelectorAll('thead th'));
+
+      const getCellValue = (row, idx, type) => {
+        const text = row.children[idx].textContent.trim();
+        if (type === 'number') {
+          const n = Number(text.replace(/,/g, ''));
+          return Number.isFinite(n) ? n : -1;
+        }
+        if (type === 'date') return text === 'N/A' ? -Infinity : (Date.parse(text) || -Infinity);
+        return text.toLowerCase();
+      };
+
+      const sortRowsByColumn = (idx, asc) => {
+        const th = headers[idx];
+        if (!th) return;
+        const type = th.dataset.type || 'text';
+        const rows = Array.from(rowsEl.querySelectorAll('tr'));
+
+        rows.sort((a, b) => {
+          const va = getCellValue(a, idx, type);
+          const vb = getCellValue(b, idx, type);
+          if (va < vb) return asc ? -1 : 1;
+          if (va > vb) return asc ? 1 : -1;
+          return 0;
+        });
+
+        headers.forEach(h => h.classList.remove('sort-asc', 'sort-desc'));
+        th.classList.add(asc ? 'sort-asc' : 'sort-desc');
+        rows.forEach(row => rowsEl.appendChild(row));
+      };
+
+      headers.forEach((th, idx) => {
+        let asc = true;
+        th.addEventListener('click', () => {
+          sortRowsByColumn(idx, asc);
+          asc = !asc;
+        });
+      });
+
+      sortRowsByColumn(3, false);
+    }
+
+    async function initializeProjectsPage() {
+      if (projectsPageInitialized) return;
+      if (!statusEl || !rowsEl || !heatmapEl || !heatmapTitleEl || !table) return;
+
+      const year = new Date().getUTCFullYear();
+      heatmapTitleEl.textContent = `Contribution Heatmap (${year}, all projects)`;
+
+      try {
+        const [repos, heatmapData] = await Promise.all([fetchAllRepos(), fetchHeatmap()]);
+
+        renderTable(repos);
+
+        const dayCounts = aggregateHeatmap(heatmapData, year);
+        const ascii = renderAsciiHeatmap(dayCounts, year);
+        heatmapEl.textContent = ascii;
+
+        attachSorting();
+
+        setProjectsStatus(
+          `Updated ${new Date().toISOString().replace('T', ' ').slice(0, 19)} UTC • ` +
+          `${repos.length} public owned repositories loaded via Gitea API • Commit counts: 0/${repos.length}`
+        );
+
+        await loadCommitCountsProgressively(repos, year);
+      } catch (err) {
+        heatmapEl.textContent = 'Failed to load heatmap data.';
+        setProjectsStatus(
+          `Failed to load realtime data: ${err && err.message ? err.message : String(err)}. ` +
+          'If this page is served from a different origin, enable CORS on Gitea or serve from the same origin.',
+          true
+        );
+      }
+
+      projectsPageInitialized = true;
+    }
+
+    /* ================================================================
+       EVENT LISTENERS
+       ================================================================
+       Wire up UI interactions.
+       Main hamburger button click handler is set up in main() after initialization.
+       ================================================================ */
+
+    /* ================================================================
+       SUBSCRIPTION EXAMPLE
+       ================================================================
+       Example of how to subscribe to Nostr events:
+       
+       const sub = subscribe(
+         { kinds: [1], authors: [pubkey], limit: 10 },
+         { closeOnEose: false, cacheUsage: 'CACHE_FIRST' }
+       );
+       
+       Cache usage options:
+       - 'CACHE_FIRST' - Check cache first, then relays
+       - 'ONLY_RELAY' - Only query relays
+       - 'ONLY_CACHE' - Only query cache
+       - 'PARALLEL' - Query cache and relays simultaneously
+       
+       Listen for events via window events:
+       window.addEventListener('ndkEvent', (event) => {
+         const evt = event.detail;
+         console.log('Received event:', evt);
+       });
+       ================================================================ */
+
+    /* ================================================================
+       PUBLISH EXAMPLE
+       ================================================================
+       Example of how to publish a Nostr event:
+       
+       const event = {
+         created_at: Math.floor(Date.now() / 1000),
+         kind: 1,
+         tags: [],
+         content: "Hello, Nostr!"
+       };
+       
+       try {
+         const result = await publishEvent(event);
+         console.log("✅ Published to:", result.relayResults.successful);
+         console.log("❌ Failed:", result.relayResults.failed);
+         console.log("Total relays:", result.totalRelays);
+       } catch (error) {
+         console.error("Publish error:", error);
+       }
+       
+       Note: Events are automatically signed by the NDK worker using
+       the message-based signer (which calls window.nostr.signEvent).
+       ================================================================ */
+
+    /* ================================================================
+       USER SETTINGS EXAMPLE (NIP-78)
+       ================================================================
+       Read/subscribe/write helper pattern for all pages:
+
+       // Read latest merged settings (cache + relay hydrated by worker)
+       const settings = await getUserSettings();
+
+       // Subscribe to cross-tab updates
+       const unsubscribe = onUserSettings((nextSettings) => {
+         // Re-render page from nextSettings
+       });
+
+       // Patch only your feature namespace
+       await patchUserSettings({
+         myFeature: {
+           someFlag: true
+         }
+       });
+
+       // On page teardown (if applicable)
+       // unsubscribe();
+       ================================================================ */
+
+    /* ================================================================
+       INITIALIZATION
+       ================================================================
+       Main initialization sequence:
+       1. Initialize hamburger menu
+       2. Set up hamburger click handler
+       3. Resolve auth mode from URL/query policy
+       4. Initialize authentication based on mode
+       5. Initialize authenticated-only features (if signed in)
+       6. Set up version bar button listeners
+       7. Restore sidenav state
+       8. Update version display
+
+       Notes:
+       - required mode = existing behavior (prompt login on load)
+       - optional mode = allow public load, login later on demand
+       - none mode = no auto-login on load
+       ================================================================ */
+    (async function main() {
+      console.log("[template.html] Starting initialization...");
+      
+      try {
+        // Initialize hamburger menu first
+        initHamburgerMenu();
+        
+        // Add click handler to hamburger
+        const divSvgHam = document.getElementById('divSvgHam');
+        if (divSvgHam) {
+          divSvgHam.addEventListener('click', toggleNav);
+        }
+        
+        // Initialize version bar buttons
+        const themeToggleButton = document.getElementById('themeToggleButton');
+        const logoutButton = document.getElementById('logoutButton');
+        
+        if (themeToggleButton) {
+          themeToggleButton.addEventListener('click', () => {
+            isDarkMode = !isDarkMode;
+            localStorage.setItem('theme', isDarkMode ? 'dark' : 'light');
+            document.documentElement.classList.toggle('dark-mode', isDarkMode);
+            document.body.classList.toggle('dark-mode', isDarkMode);
+            if (themeToggleHamburger) {
+              themeToggleHamburger.animateTo(isDarkMode ? 'moon' : 'circle');
+            }
+          });
+        }
+        
+        if (logoutButton) {
+          logoutButton.addEventListener('click', async () => {
+            try {
+              // In optional/none modes this doubles as a "Sign in" entry point.
+              if (!isAuthenticated) {
+                await promptLoginIfNeeded();
+                return;
+              }
+              await Logout();
+            } catch (error) {
+              console.error('Logout/login action failed:', error);
+            }
+          });
+        }
+
+        // Resolve and initialize page auth policy.
+        authMode = resolveAuthModeFromUrl();
+        console.log('[template.html] Resolved auth mode:', authMode);
+        await initializeAuthentication(authMode);
+
+        // Initialize authenticated features only when signed in.
+        await initializeAuthenticatedPageFeatures();
+        await initializeProjectsPage();
+        
+        /* ============================================================
+           EXAMPLE: Subscribe to events
+           ============================================================
+           Uncomment to subscribe to user's notes:
+           
+           const notesSub = subscribe(
+             { kinds: [1], authors: [currentPubkey], limit: 10 },
+             { closeOnEose: false, cacheUsage: 'CACHE_FIRST' }
+           );
+           console.log("[template.html] Subscribed to kind 1");
+           ============================================================ */
+        
+        /* ============================================================
+           EXAMPLE: Listen for events from worker
+           ============================================================
+           Uncomment to handle incoming events:
+           
+           window.addEventListener('ndkEvent', (event) => {
+             const evt = event.detail;
+             console.log("[template.html] Received event:", evt.kind, evt.pubkey);
+             
+             if (evt.pubkey === currentPubkey) {
+               if (evt.kind === 1) {
+                 // Handle note event
+                 console.log("Note:", evt.content);
+               }
+             }
+           });
+           ============================================================ */
+        
+        /* ============================================================
+           EXAMPLE: Listen for cached profile
+           ============================================================
+           Uncomment to handle cached profile data:
+           
+           window.addEventListener('ndkProfile', (event) => {
+             console.log("[template.html] Cached profile:", event.detail);
+             // event.detail contains profile object (name, about, etc.)
+           });
+           ============================================================ */
+        
+
+        // Optional UX note for public mode pages.
+        if (!isAuthenticated && (authMode === 'optional' || authMode === 'none')) {
+          divFooterCenter.textContent = 'Public mode';
+          divFooterRight.textContent = 'Sign in from side menu for private features';
+        }
+
+        // Update version display
+        await updateVersionDisplay();
+        
+        console.log('[template.html] Initialization complete');
+      } catch (error) {
+        console.error('[template.html] Initialization failed:', error);
+        divBody.innerHTML = `<div style="text-align: center; padding: 50px;">
+          <div style="font-size: 24px; margin-bottom: 20px; color: red;">❌ Authentication Error</div>
+          <div style="font-size: 16px; color: #666;">${error.message}</div>
+          <div style="margin-top: 20px;">
+            <button onclick="location.reload()" style="padding: 10px 20px; font-size: 16px;">Retry</button>
+          </div>
+        </div>`;
+      }
+    })();
+
+    /* ================================================================
+       WORKER MESSAGE TYPES
+       ================================================================
+       The NDK worker can send these message types:
+       
+       1. 'response' - Response to init/subscribe/publish requests
+          - data.profile - User profile (from init)
+          - data.relays - User relays (from init)
+          - data.success - Publish success status
+          - data.relayResults - Relay publish results
+       
+       2. 'event' - Nostr event from subscription
+          - Dispatched as 'ndkEvent' window event
+          - event.detail contains the Nostr event
+       
+       3. 'eose' - End of stored events for subscription
+          - Dispatched as 'ndkEose' window event
+          - event.detail.subId contains subscription ID
+       
+       4. 'signRequest' - Request to sign event/encrypt/decrypt
+          - Handled automatically by init-ndk.mjs
+          - Calls window.nostr methods and sends response
+       
+       5. 'error' - Error from worker
+          - Logged to console automatically
+       
+       6. 'relayActivity' - Relay read/write activity notification
+          - Dispatched as 'ndkRelayActivity' window event
+          - Used to animate relay status icons in footer
+       ================================================================ */
+
+    /* ================================================================
+       DISTRIBUTED ARCHITECTURE NOTES
+       ================================================================
+       Each page is independently accessible and self-contained:
+       
+       1. Authentication persists via nostr-login-lite localStorage
+          - Login once on any page
+          - All other pages automatically authenticated
+       
+       2. NDK SharedWorker is shared across all tabs/pages
+          - Single NDK instance manages all connections
+          - Subscriptions from all pages handled by one worker
+          - Events broadcast to all connected pages
+       
+       3. Dexie cache is shared across all pages
+          - IndexedDB persists across sessions
+          - Cache-first queries are fast
+          - Reduces relay load
+       
+       4. User settings are centralized and shared
+          - Worker hydrates kind 30078 (`d:user-settings`) on init
+          - Pages read via getUserSettings()
+          - Pages patch via patchUserSettings({ featureNamespace: ... })
+          - Pages subscribe via onUserSettings() for live updates
+
+       5. Each page can be distributed independently
+          - Copy template.html and customize
+          - No dependencies on other pages
+          - Works standalone or as part of suite
+       
+       6. Message-based signer bridges worker and page
+          - Worker's NDK uses MessageBasedSigner
+          - Signer sends sign requests to page
+          - Page calls window.nostr.signEvent()
+          - Response sent back to worker
+          - NDK completes signing and publishing
+       
+       7. Relay status visualization
+          - Footer left section shows connected relays
+          - Each relay has animated icon (HamburgerMorphing)
+          - Icons morph based on activity (read/write)
+          - Temporary animations show real-time activity
+       ================================================================ */
+  </script>
+</body>
+
+</html>
diff --git a/www/relay-admin.html b/www/relay-admin.html
index 817dc76..0f2d7c5 100644
--- a/www/relay-admin.html
+++ b/www/relay-admin.html
@@ -514,7 +514,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {
diff --git a/www/relays.html b/www/relays.html
index 195cf8e..ba65c11 100644
--- a/www/relays.html
+++ b/www/relays.html
@@ -326,7 +326,7 @@
        REQUIRED SCRIPTS
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================
diff --git a/www/skills-edit.html b/www/skills-edit.html
index 97a2d05..0a897a1 100644
--- a/www/skills-edit.html
+++ b/www/skills-edit.html
@@ -639,7 +639,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {
diff --git a/www/slide-show.html b/www/slide-show.html
index 47ed8c2..2fc6225 100644
--- a/www/slide-show.html
+++ b/www/slide-show.html
@@ -331,7 +331,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {
diff --git a/www/strudel.html b/www/strudel.html
index be5a06d..2befa1c 100644
--- a/www/strudel.html
+++ b/www/strudel.html
@@ -255,7 +255,7 @@ note("<c a f e>(3,8)")
        2. nostr-lite.js - Authentication modal (nostr-login-lite)
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================
diff --git a/www/template.html b/www/template.html
index 35889dc..9bc19e1 100644
--- a/www/template.html
+++ b/www/template.html
@@ -144,7 +144,7 @@
        2. nostr-lite.js - Authentication modal (nostr-login-lite)
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================
diff --git a/www/todo.html b/www/todo.html
index 76e5836..ac3c9db 100644
--- a/www/todo.html
+++ b/www/todo.html
@@ -305,7 +305,7 @@
        REQUIRED SCRIPTS
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================
diff --git a/www/tools.html b/www/tools.html
index 517102a..644bc3d 100644
--- a/www/tools.html
+++ b/www/tools.html
@@ -508,7 +508,7 @@
        REQUIRED SCRIPTS
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================
diff --git a/www/vj-playlist.html b/www/vj-playlist.html
index ef82e7f..7e47d40 100644
--- a/www/vj-playlist.html
+++ b/www/vj-playlist.html
@@ -307,7 +307,7 @@
        2. nostr-lite.js - Authentication modal (nostr-login-lite)
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================
diff --git a/www/vj.html b/www/vj.html
index 52026e4..805c4c3 100644
--- a/www/vj.html
+++ b/www/vj.html
@@ -1906,7 +1906,7 @@
        2. nostr-lite.js - Authentication modal (nostr-login-lite)
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================