better html page

Author: treethought

oauth-callback.html

@@ -107,27 +107,41 @@ <h1>✅ Authentication Successful!</h1>
 	<script>
 		(function() {
 			try {
-				// Extract OAuth parameters from URL hash (not search string)
-				// OAuth providers redirect with params in the hash fragment
+				// extract OAuth parameters from URL hash (not search string)
 				const params = new URLSearchParams(window.location.hash.slice(1));
 
-				// Build Obsidian URI with all OAuth callback parameters
 				const obsidianUri = `obsidian://atmosphere-oauth?${params.toString()}`;
 
-				// Store the URI for manual copy
+				// store the URI for manual copy
 				document.getElementById('link-text').textContent = obsidianUri;
 
-				// Attempt automatic redirect
 				window.location.href = obsidianUri;
 
-				// Show manual instructions after a delay if redirect didn't work
 				setTimeout(function() {
-					document.getElementById('status').textContent = 'Having trouble redirecting?';
+					const spinner = document.querySelector('.spinner');
+					if (spinner) spinner.style.display = 'none';
+
+					// Show success message
+					document.querySelector('h1').textContent = '✅ Redirected!';
+					document.getElementById('status').textContent = 'Return to Obsidian to complete login.';
+
+					setTimeout(function() {
+						try {
+							window.close();
+						} catch (e) {
+							document.getElementById('status').textContent = 'You can close this window now.';
+						}
+					}, 500);
+				}, 500);
+
+				// show manual instructions after a longer delay if still open
+				setTimeout(function() {
 					document.getElementById('manual-link').classList.add('show');
-				}, 2000);
+				}, 3000);
 
 			} catch (error) {
 				console.error('Redirect error:', error);
+				document.querySelector('.spinner').style.display = 'none';
 				document.getElementById('status').textContent = 'An error occurred during redirect';
 				document.getElementById('manual-link').classList.add('show');
 			}