.

.gitignore

@@ -1 +1,3 @@
-Nostr_NIPs/
+Nostr_NIPs/
+nostr_login_lite/
+style_guide/

deploy.sh

@@ -1,3 +1,3 @@
 #!/bin/bash
 
-rsync -avz --progress web/{superball.html,thrower.html,superball-shared.css} ubuntu@laantungir.net:WWW/superball/
+rsync -avz --chmod=644 --progress web/{superball.html,thrower.html,superball-shared.css} ubuntu@laantungir.net:WWW/superball/

nostr_login_lite

@@ -1 +1 @@
-Subproject commit a7dceb115626f3cab558802a753e52b34a527c2b
+Subproject commit 3109a93163427b97067fc5e8a7377e81fad91f62

web/superball.html

@@ -101,8 +101,9 @@
             extension: true,
             local: true,
             seedphrase: true,
+            readonly: false,
             connect: true,
-            remote: false,
+            remote: true,
             otp: false
           },
           debug: true
@@ -1622,6 +1623,19 @@
         ? userNameElement.textContent
         : 'User';
 
+      // Helper function to get thrower name
+      function getThrowerName(bounce, bounceNumber) {
+        const throwerPubkey = bounce.throwerPubkey;
+        const thrower = discoveredThrowers.find(t => t.pubkey === throwerPubkey);
+        
+        if (thrower && thrower.name !== 'Unnamed Thrower') {
+          return thrower.name;
+        }
+        
+        // Fallback to generic naming
+        return `Superball ${bounceNumber}`;
+      }
+
       // Start with user sending the outermost bounce
       let currentTime = baseTime;
 
@@ -1630,6 +1644,7 @@
         const bounceNumber = index + 1;
         const isFirst = (index === 0);
         const isLast = (index === bounces.length - 1);
+        const throwerName = getThrowerName(bounce, bounceNumber);
 
         if (isFirst) {
           // User sends the outermost routing event (first bounce created)
@@ -1649,7 +1664,7 @@
           flow.push({
             time: currentTime,
             actor: `Relay (${relays.join(', ')})`,
-            action: `Event available for Superball ${bounceNumber}`,
+            action: `Event available for ${throwerName}`,
             size: routingEventSize
           });
         }
@@ -1665,12 +1680,21 @@
           // Last bounce - posts final event
           const finalEventSize = JSON.stringify(finalEvent).length + paddingAdjustment;
           const finalRelays = getRelaysForBounce(bounceNumber);
+          const delaySeconds = getDelayForBounce(bounceNumber);
+          const paddingAdded = getPaddingAdjustmentForBounce(bounceNumber);
+
+          // Create detailed final action description
+          let actionDescription = `Grabs message, waits ${delaySeconds} seconds`;
+          if (paddingAdded > 0) {
+            actionDescription += `, adds ${paddingAdded} bytes of padding`;
+          }
+          actionDescription += `, and publishes your original message to: ${finalRelays.join(', ')}`;
 
           // Step 3: Superball decrypts and sends final message
           flow.push({
             time: currentTime,
-            actor: `Superball ${bounceNumber}`,
+            actor: throwerName,
-            action: `Decrypts and publishes your original message`,
+            action: actionDescription,
             size: Math.max(finalEventSize, 0)
           });
 
@@ -1685,14 +1709,24 @@
         } else {
           // Intermediate bounce - forwards to next superball
           const nextBounce = bounces[index + 1];
+          const nextThrowerName = getThrowerName(nextBounce, bounceNumber + 1);
           const nextRoutingSize = JSON.stringify(nextBounce.routingEvent).length + paddingAdjustment;
           const nextRelays = getRelaysForBounce(bounceNumber + 1); // Next superball's relays
+          const delaySeconds = getDelayForBounce(bounceNumber);
+          const paddingAdded = getPaddingAdjustmentForBounce(bounceNumber);
+
+          // Create detailed forwarding action description
+          let actionDescription = `Grabs message, waits ${delaySeconds} seconds`;
+          if (paddingAdded > 0) {
+            actionDescription += `, adds ${paddingAdded} bytes of padding`;
+          }
+          actionDescription += `, and forwards to: ${nextRelays.join(', ')}`;
 
           // Step 3: Superball forwards to next relay
           flow.push({
             time: currentTime,
-            actor: `Superball ${bounceNumber}`,
+            actor: throwerName,
-            action: `Forwards routing event to next hop`,
+            action: actionDescription,
             size: Math.max(nextRoutingSize, 0)
           });
 
@@ -1701,7 +1735,7 @@
           flow.push({
             time: currentTime,
             actor: `Relay (${nextRelays.join(', ')})`,
-            action: `Event available for Superball ${bounceNumber + 1}`,
+            action: `Event available for ${nextThrowerName}`,
             size: Math.max(nextRoutingSize, 0)
           });
         }

web/thrower.html

@@ -12,12 +12,13 @@
 
   <div id="login-section">
     <h1>Superball Thrower</h1>
+    <h3 style="max-width: 500px; margin: 0 auto;">Login as an existing or new Thrower, not with your personal key.</h3>
     <div id="login-container"></div>
   </div>
 
   <div id="main-content" class="hidden">
     <h1>Superball Thrower</h1>
-    
+
     <!-- Profile Section - matching superball.html presentation -->
     <img id="profile-picture">
     <div id="profile-name"></div>
@@ -26,7 +27,7 @@
     <!-- Start Thrower Button (moved above main section) -->
     <div style="margin: 20px 0 5px 0; width: 100%;">
       <button id="daemon-toggle" class="button-primary" onclick="toggleDaemon()"
-              style="width: 100%; font-size: 16px; font-weight: bold; margin-bottom: 0;">
+        style="width: 100%; font-size: 16px; font-weight: bold; margin-bottom: 0;">
         <span id="daemon-button-text">Start Thrower</span>
       </button>
     </div>
@@ -228,8 +229,9 @@
             extension: true,
             local: true,
             seedphrase: true,
+            readonly: false,
             connect: true,
-            remote: false,
+            remote: true,
             otp: false
           },
           debug: true
@@ -693,14 +695,14 @@
           });
 
           const results = await Promise.allSettled(publishPromises);
-          
+
           let successCount = 0;
           let failureCount = 0;
-          
+
           results.forEach((promiseResult) => {
             if (promiseResult.status === 'fulfilled') {
               const { relayUrl, success, error } = promiseResult.value;
-              
+
               if (success) {
                 successCount++;
                 console.log('SUCCESS', `✅ Relay list published successfully to ${relayUrl}`);
@@ -716,7 +718,7 @@
           if (successCount > 0) {
             showStatus('relay-status', 'Relay configuration saved successfully!', 'success');
             console.log('SUCCESS', `Relay list published to ${successCount} out of ${relaysToUse.length} relays`);
-            
+
             // Return to display mode after successful save
             cancelRelayEdit();
           } else {
@@ -869,7 +871,7 @@
           try {
             const message = JSON.parse(event.data);
             console.log('INFO', `Received from ${relayUrl}:`, message);
-            
+
             // Log ALL responses from relay in processing log
             addLogEntry('info', `📥 Response from ${relayUrl}: ${JSON.stringify(message)}`);
 
@@ -1003,7 +1005,7 @@
 
         const results = await Promise.allSettled(publishPromises);
         let successCount = 0;
-        
+
         results.forEach((promiseResult) => {
           if (promiseResult.status === 'fulfilled' && promiseResult.value.success) {
             successCount++;
@@ -1220,11 +1222,11 @@
           const results = await Promise.allSettled(publishPromises);
           let successCount = 0;
           let failureCount = 0;
-          
+
           results.forEach((promiseResult) => {
             if (promiseResult.status === 'fulfilled') {
               const { relayUrl, success, error } = promiseResult.value;
-              
+
               if (success) {
                 successCount++;
                 console.log('SUCCESS', `✅ Thrower info published successfully to ${relayUrl}`);
@@ -1361,11 +1363,11 @@
 
         const results = await Promise.allSettled(publishPromises);
         let successCount = 0;
-        
+
         results.forEach((promiseResult) => {
           if (promiseResult.status === 'fulfilled') {
             const { relayUrl, success, error } = promiseResult.value;
-            
+
             if (success) {
               successCount++;
               console.log('SUCCESS', `✅ Thrower info auto-republished to ${relayUrl}`);
@@ -1584,7 +1586,7 @@
 
       // Mark this event ID as processed
       processedEventIds.add(event.id);
-      
+
       addLogEntry('info', `Received routing event: ${event.id.substring(0, 16)}...`);
 
       try {
@@ -1686,15 +1688,15 @@
 
         // DEBUG: Check authentication state before attempting decryption
         addLogEntry('info', `DEBUG AUTHENTICATION STATE CHECK:`);
-        
+
         // Check if window.nostr exists
         addLogEntry('info', `  window.nostr exists: ${!!window.nostr}`);
         addLogEntry('info', `  window.nostr constructor: ${window.nostr?.constructor?.name}`);
-        
+
         // Check if NOSTR_LOGIN_LITE exists and getAuthState function
         addLogEntry('info', `  window.NOSTR_LOGIN_LITE exists: ${!!window.NOSTR_LOGIN_LITE}`);
         addLogEntry('info', `  getAuthState function exists: ${!!window.NOSTR_LOGIN_LITE?.getAuthState}`);
-        
+
         // Get current auth state
         let authState = null;
         try {
@@ -1951,7 +1953,7 @@
       try {
         // Wait for all publishing attempts to complete
         const results = await Promise.allSettled(publishPromises);
-        
+
         let successCount = 0;
         let failureCount = 0;
         const successfulRelays = [];
@@ -1961,7 +1963,7 @@
         results.forEach((promiseResult, index) => {
           if (promiseResult.status === 'fulfilled') {
             const { relayUrl, success, result, error } = promiseResult.value;
-            
+
             if (success) {
               successCount++;
               successfulRelays.push(relayUrl);
@@ -1985,7 +1987,7 @@
 
         if (successCount > 0) {
           addLogEntry('success', `Successfully published to: ${successfulRelays.join(', ')}`);
-          
+
           // Log full published event (only once for successful publications)
           addLogEntry('info', `Full published event:\n${JSON.stringify(event, null, 2)}`);
         }