Fix OpenAI link to open in default browser instead of mini window

- Convert OpenAI API key link from anchor to button
- Add openOpenAI function using /api/open-external endpoint
- Ensure consistent behavior for both GitHub and OpenAI links
- Both external links now open in system default browser

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

Co-Authored-By: Claude <[email protected]>

Author: vijaythecoder

resources/js/pages/Onboarding.vue

@@ -77,9 +77,9 @@
                                 <div class="rounded-lg bg-gray-50 p-3 dark:bg-gray-900/50">
                                     <p class="text-sm text-gray-600 dark:text-gray-400">
                                         Need an API key? 
-                                        <a href="https://platform.openai.com/api-keys" target="_blank" class="font-medium text-gray-900 underline hover:text-gray-700 dark:text-gray-100 dark:hover:text-gray-300">
+                                        <button @click="openOpenAI" class="font-medium text-gray-900 underline hover:text-gray-700 dark:text-gray-100 dark:hover:text-gray-300">
                                             Get one from OpenAI
-                                        </a>
+                                        </button>
                                     </p>
                                 </div>
                             </div>
@@ -238,6 +238,19 @@ const openGitHub = async () => {
     }
 }
 
+const openOpenAI = async () => {
+    try {
+        // Use NativePHP API endpoint to open in default browser
+        await axios.post('/api/open-external', {
+            url: 'https://platform.openai.com/api-keys'
+        })
+    } catch (error) {
+        console.error('Failed to open OpenAI:', error)
+        // Fallback for web browser
+        window.open('https://platform.openai.com/api-keys', '_blank')
+    }
+}
+
 const completeOnboarding = () => {
     // Navigate to realtime agent
     router.visit('/realtime-agent')