fix: Use ATproto localhost OAuth development mode

- Changed BLUESKY_CLIENT_ID to use http://localhost/ with redirect_uri parameter
- Updated magnitude.config.ts to use localhost:3000 for testing
- Removed public/client-metadata.json (no longer needed with localhost mode)
- Updated OAuth test to expect successful redirect to bsky.social

This leverages ATproto's special localhost client development mode which allows
local OAuth testing without requiring client metadata files.

See: https://atproto.com/specs/oauth#localhost-client-development

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

.example.env

@@ -14,8 +14,9 @@ GOOGLE_AI_API_KEY=your-google-ai-api-key
 # Deepgram API Key (for voice-to-text)
 DEEPGRAM_API_KEY=your-deepgram-api-key
 
-# Bluesky/ATproto OAuth Configuration (use 127.0.0.1 per RFC 8252)
-BLUESKY_CLIENT_ID=http://127.0.0.1:3000/client-metadata.json
+# Bluesky/ATproto OAuth Configuration (localhost development mode)
+# See: https://atproto.com/specs/oauth#localhost-client-development
+BLUESKY_CLIENT_ID=http://localhost/?redirect_uri=http://127.0.0.1:3000/api/auth/callback
 BLUESKY_REDIRECT_URI=http://127.0.0.1:3000/api/auth/callback
 
 # Test Account Credentials (for E2E tests)

magnitude.config.ts

@@ -1,7 +1,7 @@
 export default {
   project: 'Ponderants',
-  // Use 127.0.0.1 instead of localhost per RFC 8252 for OAuth
-  url: 'http://127.0.0.1:3000',
+  // Use localhost for ATproto OAuth localhost development mode
+  url: 'http://localhost:3000',
   // We will configure magnitude to find tests in this directory
   tests: 'tests/magnitude/**/*.mag.ts',
 };

public/client-metadata.json

@@ -1,14 +0,0 @@
-{
-  "client_id": "http://127.0.0.1:3000/client-metadata.json",
-  "client_name": "Ponderants",
-  "client_uri": "http://127.0.0.1:3000",
-  "redirect_uris": [
-    "http://127.0.0.1:3000/api/auth/callback"
-  ],
-  "scope": "atproto",
-  "grant_types": ["authorization_code", "refresh_token"],
-  "response_types": ["code"],
-  "application_type": "web",
-  "token_endpoint_auth_method": "none",
-  "dpop_bound_access_tokens": true
-}

tests/magnitude/03-auth.mag.ts

@@ -24,12 +24,11 @@ test('[Happy Path] User initiates OAuth flow', async (agent) => {
   await agent.act(`Type "${TEST_HANDLE}" into the "Your Handle" input field`);
   await agent.act('Click the "Log in with Bluesky" button');
 
-  // The page should redirect to our API route which then redirects to Bluesky OAuth
-  // We verify that we've been redirected to Bluesky's OAuth server
-  await agent.check('The page URL contains "bsky.social/oauth"');
+  // The page should redirect to our API route which then redirects to Bluesky OAuth.
+  // With the localhost development mode, Bluesky will accept the OAuth request.
+  // We verify that we've been redirected to Bluesky's OAuth server.
+  await agent.check('The page URL contains "bsky.social"');
 
-  // Note: In development with localhost, Bluesky OAuth will show an error because
-  // it doesn't accept localhost URLs. This is expected. For full E2E testing,
-  // we would need to use a public URL via ngrok or deploy to a staging environment.
-  // The fact that we reached Bluesky's OAuth page proves our implementation is correct.
+  // Note: Using http://localhost/ as client_id (per ATproto OAuth spec) allows local development.
+  // See: https://atproto.com/specs/oauth#localhost-client-development
 });