Adds dev/prod runtime config and improves env docs

Exposes VITE_DEV_* and VITE_PROD_* variables in runtime config alongside legacy values for backward compatibility.
Masks secrets in runtime output by indicating only whether they are set.
Updates environment docs to use dev-specific variables and replace hardcoded client credentials with placeholders.
Adds debug logging around production configuration checks to ease troubleshooting.

Enables clearer environment switching and safer secret handling.

Author: mbertelsen

docs/technical/AZURE_ENVIRONMENT_VARIABLES.md

@@ -14,8 +14,8 @@ These are used as fallbacks and for backward compatibility:
 ```bash
 VITE_BACKEND_BASE_URL=https://dr-cloud-api-dev.trackmangolfdev.com
 VITE_LOGIN_BASE_URL=https://tm-login-dev.trackmangolfdev.com
-VITE_OAUTH_WEB_CLIENT_ID=dr-web.4633fada-3b16-490f-8de7-2aa67158a1d6
-VITE_OAUTH_WEB_CLIENT_SECRET=7c870264-3703-4ec2-add8-5f8e57251d0e
+VITE_DEV_OAUTH_WEB_CLIENT_ID=<YOUR_DEV_CLIENT_ID>
+VITE_DEV_OAUTH_WEB_CLIENT_SECRET=<YOUR_DEV_CLIENT_SECRET>
 ```
 
 ### Development Environment

server/src/index.ts

@@ -111,11 +111,25 @@ if (fs.existsSync(staticPath)) {
 
     // Build runtime config from VITE_ env vars (fall back to empty strings)
     const runtime = {
+      // Legacy environment variables (default/current environment)
       VITE_BACKEND_BASE_URL: process.env.VITE_BACKEND_BASE_URL || '',
       VITE_LOGIN_BASE_URL: process.env.VITE_LOGIN_BASE_URL || '',
       VITE_NODE_ENV: process.env.VITE_NODE_ENV || 'production',
       VITE_OAUTH_WEB_CLIENT_ID: process.env.VITE_OAUTH_WEB_CLIENT_ID || '',
       VITE_OAUTH_WEB_CLIENT_SECRET: process.env.VITE_OAUTH_WEB_CLIENT_SECRET ? 'SET' : '',
+      
+      // Development environment variables
+      VITE_DEV_BACKEND_BASE_URL: process.env.VITE_DEV_BACKEND_BASE_URL || '',
+      VITE_DEV_LOGIN_BASE_URL: process.env.VITE_DEV_LOGIN_BASE_URL || '',
+      VITE_DEV_OAUTH_WEB_CLIENT_ID: process.env.VITE_DEV_OAUTH_WEB_CLIENT_ID || '',
+      VITE_DEV_OAUTH_WEB_CLIENT_SECRET: process.env.VITE_DEV_OAUTH_WEB_CLIENT_SECRET ? 'SET' : '',
+      
+      // Production environment variables
+      VITE_PROD_BACKEND_BASE_URL: process.env.VITE_PROD_BACKEND_BASE_URL || '',
+      VITE_PROD_LOGIN_BASE_URL: process.env.VITE_PROD_LOGIN_BASE_URL || '',
+      VITE_PROD_OAUTH_WEB_CLIENT_ID: process.env.VITE_PROD_OAUTH_WEB_CLIENT_ID || '',
+      VITE_PROD_OAUTH_WEB_CLIENT_SECRET: process.env.VITE_PROD_OAUTH_WEB_CLIENT_SECRET ? 'SET' : '',
+      
       _generated: new Date().toISOString(),
     } as Record<string, any>;
 
@@ -184,11 +198,25 @@ if (fs.existsSync(staticPath)) {
   app.get('/runtime-config.js', (_req: Request, res: Response) => {
     res.type('application/javascript');
     const runtime = {
+      // Legacy environment variables (default/current environment)
       VITE_BACKEND_BASE_URL: process.env.VITE_BACKEND_BASE_URL || '',
       VITE_LOGIN_BASE_URL: process.env.VITE_LOGIN_BASE_URL || '',
       VITE_NODE_ENV: process.env.VITE_NODE_ENV || 'production',
       VITE_OAUTH_WEB_CLIENT_ID: process.env.VITE_OAUTH_WEB_CLIENT_ID || '',
       VITE_OAUTH_WEB_CLIENT_SECRET: process.env.VITE_OAUTH_WEB_CLIENT_SECRET ? 'SET' : '',
+      
+      // Development environment variables
+      VITE_DEV_BACKEND_BASE_URL: process.env.VITE_DEV_BACKEND_BASE_URL || '',
+      VITE_DEV_LOGIN_BASE_URL: process.env.VITE_DEV_LOGIN_BASE_URL || '',
+      VITE_DEV_OAUTH_WEB_CLIENT_ID: process.env.VITE_DEV_OAUTH_WEB_CLIENT_ID || '',
+      VITE_DEV_OAUTH_WEB_CLIENT_SECRET: process.env.VITE_DEV_OAUTH_WEB_CLIENT_SECRET ? 'SET' : '',
+      
+      // Production environment variables
+      VITE_PROD_BACKEND_BASE_URL: process.env.VITE_PROD_BACKEND_BASE_URL || '',
+      VITE_PROD_LOGIN_BASE_URL: process.env.VITE_PROD_LOGIN_BASE_URL || '',
+      VITE_PROD_OAUTH_WEB_CLIENT_ID: process.env.VITE_PROD_OAUTH_WEB_CLIENT_ID || '',
+      VITE_PROD_OAUTH_WEB_CLIENT_SECRET: process.env.VITE_PROD_OAUTH_WEB_CLIENT_SECRET ? 'SET' : '',
+      
       _generated: new Date().toISOString(),
     } as Record<string, any>;
     const content = `// Runtime configuration (generated)\nwindow.runtimeConfig = ${JSON.stringify(

src/lib/environment-switcher.ts

@@ -94,12 +94,23 @@ export function getEnvironmentLabel(env: Environment): string {
  */
 export function isProductionConfigured(): boolean {
   const config = getEnvironmentConfig('prod');
-  return !!(
+  console.log('🔍 [environment-switcher] isProductionConfigured() check:', {
+    backendBaseUrl: config.backendBaseUrl,
+    loginBaseUrl: config.loginBaseUrl,
+    oauthClientId: config.oauthClientId ? 'SET' : 'NOT SET',
+    oauthClientSecret: config.oauthClientSecret ? 'SET' : 'NOT SET',
+    hasPlaceholder: config.oauthClientId?.includes('PROD-CLIENT-ID-HERE') || config.oauthClientSecret?.includes('PROD-CLIENT-SECRET-HERE')
+  });
+  
+  const isConfigured = !!(
     config.backendBaseUrl &&
     config.loginBaseUrl &&
     config.oauthClientId &&
     config.oauthClientSecret &&
     !config.oauthClientId.includes('PROD-CLIENT-ID-HERE') &&
     !config.oauthClientSecret.includes('PROD-CLIENT-SECRET-HERE')
   );
+  
+  console.log('✅ [environment-switcher] isProductionConfigured():', isConfigured);
+  return isConfigured;
 }