Clean up permission logs and UI messages

- Remove console.log statements for permission checks when successful
- Hide mic/screen permission buttons in TitleBar when permissions are granted
- Remove success messages for permissions and dual audio capture
- Update call started message to be more concise
- Only show logs and UI elements when there's a problem
- Update composer.json to use GitHub repository for nativephp/electron

Author: vijaythecoder

composer.json

@@ -21,7 +21,7 @@
         "inertiajs/inertia-laravel": "^2.0",
         "laravel/framework": "12.20.0",
         "laravel/tinker": "^2.10.1",
-        "nativephp/electron": "dev-feature/macos-permissions-enhanced",
+        "nativephp/electron": "dev-main",
         "openai-php/laravel": "^0.14.0",
         "pusher/pusher-php-server": "^7.2",
         "tightenco/ziggy": "^2.4"
@@ -89,11 +89,8 @@
     },
     "repositories": [
         {
-            "type": "path",
-            "url": "./nativephp-electron",
-            "options": {
-                "symlink": true
-            }
+            "type": "vcs",
+            "url": "https://github.com/vijaythecoder/nativephp-electron.git"
         }
     ],
     "config": {

composer.lock

@@ -48,15 +48,14 @@
             <!-- Screen Protection Toggle -->
             <ScreenProtectionToggle />
 
-            <!-- Microphone Permission Toggle -->
+            <!-- Microphone Permission Toggle (only show when not authorized) -->
             <button
+                v-if="micPermissionStatus !== 'authorized'"
                 @click="requestMicrophonePermission"
                 :disabled="micPermissionLoading"
                 class="flex items-center gap-1 rounded-md px-2 py-1 text-xs font-medium transition-colors"
                 :class="[
-                    micPermissionStatus === 'authorized' 
-                        ? 'bg-green-100 text-green-700 hover:bg-green-200 dark:bg-green-900/20 dark:text-green-400 dark:hover:bg-green-900/30' 
-                        : micPermissionStatus === 'denied'
+                    micPermissionStatus === 'denied'
                         ? 'bg-red-100 text-red-700 hover:bg-red-200 dark:bg-red-900/20 dark:text-red-400 dark:hover:bg-red-900/30'
                         : 'bg-yellow-100 text-yellow-700 hover:bg-yellow-200 dark:bg-yellow-900/20 dark:text-yellow-400 dark:hover:bg-yellow-900/30',
                     { 'opacity-50 cursor-not-allowed': micPermissionLoading }
@@ -70,15 +69,14 @@
                 {{ micPermissionText }}
             </button>
 
-            <!-- Screen Capture Permission Toggle -->
+            <!-- Screen Capture Permission Toggle (only show when not authorized) -->
             <button
+                v-if="screenPermissionStatus !== 'authorized'"
                 @click="requestScreenPermission"
                 :disabled="screenPermissionLoading"
                 class="flex items-center gap-1 rounded-md px-2 py-1 text-xs font-medium transition-colors"
                 :class="[
-                    screenPermissionStatus === 'authorized' 
-                        ? 'bg-green-100 text-green-700 hover:bg-green-200 dark:bg-green-900/20 dark:text-green-400 dark:hover:bg-green-900/30' 
-                        : screenPermissionStatus === 'denied'
+                    screenPermissionStatus === 'denied'
                         ? 'bg-red-100 text-red-700 hover:bg-red-200 dark:bg-red-900/20 dark:text-red-400 dark:hover:bg-red-900/30'
                         : 'bg-yellow-100 text-yellow-700 hover:bg-yellow-200 dark:bg-yellow-900/20 dark:text-yellow-400 dark:hover:bg-yellow-900/30',
                     { 'opacity-50 cursor-not-allowed': screenPermissionLoading }
@@ -253,7 +251,6 @@ const requestMicrophonePermission = async () => {
             const result = await (window as any).macPermissions.requestPermission('microphone');
             if (result.success) {
                 micPermissionStatus.value = result.status || 'not determined';
-                console.log('Microphone permission result:', result.status);
             } else {
                 console.error('Failed to request microphone permission:', result.error);
             }
@@ -292,7 +289,6 @@ const requestScreenPermission = async () => {
             const result = await (window as any).macPermissions.requestPermission('screen');
             if (result.success) {
                 screenPermissionStatus.value = result.status || 'not determined';
-                console.log('Screen capture permission result:', result.status);
             } else {
                 console.error('Failed to request screen capture permission:', result.error);
             }

resources/js/components/RealtimeAgent/Navigation/TitleBar.vue

@@ -66,16 +66,13 @@ export default {
 
     // Microphone permission handlers
     'check-microphone-permission': async (event) => {
-      console.log('[Extension] IPC handler check-microphone-permission called');
-      
       if (process.platform !== 'darwin') {
         return { status: 'authorized' };
       }
 
       try {
         const permissions = await import('node-mac-permissions');
         const status = permissions.default.getAuthStatus('microphone');
-        console.log('[Extension] Microphone permission status:', status);
         return { status };
       } catch (error) {
         console.error('[Extension] Error checking microphone permission:', error);
@@ -84,16 +81,13 @@ export default {
     },
 
     'request-microphone-permission': async (event) => {
-      console.log('[Extension] IPC handler request-microphone-permission called');
-      
       if (process.platform !== 'darwin') {
         return { granted: true };
       }
 
       try {
         const permissions = await import('node-mac-permissions');
         const status = await permissions.default.askForMicrophoneAccess();
-        console.log('[Extension] Microphone permission request result:', status);
         return { granted: status === 'authorized' };
       } catch (error) {
         console.error('[Extension] Error requesting microphone permission:', error);
@@ -103,16 +97,13 @@ export default {
 
     // Screen capture permission handlers
     'check-screen-capture-permission': async (event) => {
-      console.log('[Extension] IPC handler check-screen-capture-permission called');
-      
       if (process.platform !== 'darwin') {
         return { status: 'authorized' };
       }
 
       try {
         const permissions = await import('node-mac-permissions');
         const status = permissions.default.getAuthStatus('screen');
-        console.log('[Extension] Screen capture permission status:', status);
         return { status };
       } catch (error) {
         console.error('[Extension] Error checking screen capture permission:', error);
@@ -121,8 +112,6 @@ export default {
     },
 
     'request-screen-capture-permission': async (event) => {
-      console.log('[Extension] IPC handler request-screen-capture-permission called');
-      
       if (process.platform !== 'darwin') {
         return { granted: true };
       }
@@ -131,7 +120,6 @@ export default {
         const permissions = await import('node-mac-permissions');
         // askForScreenCaptureAccess returns a boolean directly
         const granted = await permissions.default.askForScreenCaptureAccess();
-        console.log('[Extension] Screen capture permission request result:', granted);
         return { granted };
       } catch (error) {
         console.error('[Extension] Error requesting screen capture permission:', error);

resources/js/nativephp-extension.js

@@ -2044,7 +2044,6 @@ const setupAudioCapture = async () => {
                 // Attach to health monitor
                 audioHealthMonitor.attach(systemAudioCapture.value);
 
-                addToTranscript('system', '✅ Dual audio capture active: Microphone (You) + System Audio (Customer)', 'success');
             } else {
                 throw new Error('System audio capture not available');
             }

resources/js/pages/RealtimeAgent/Main.vue

@@ -381,7 +381,7 @@ const startCall = async () => {
         realtimeStore.addTranscriptGroup({
             id: `system-${Date.now()}`,
             role: 'system',
-            messages: [{ text: 'Call started. Coach is ready to assist.', timestamp: Date.now() }],
+            messages: [{ text: '📞 Call started', timestamp: Date.now() }],
             startTime: Date.now(),
         });
         
@@ -793,17 +793,6 @@ const requestScreenCapturePermission = async () => {
 const checkAndRequestPermissions = async () => {
     try {
         
-        // First show a friendly message about checking permissions
-        realtimeStore.addTranscriptGroup({
-            id: `system-info-${Date.now()}`,
-            role: 'system',
-            messages: [{
-                text: '🔍 Checking system permissions...',
-                timestamp: Date.now()
-            }],
-            startTime: Date.now(),
-            systemCategory: 'info',
-        });
         
         // Check if macPermissions API is available
         if (!(window as any).macPermissions) {
@@ -892,31 +881,6 @@ const checkAndRequestPermissions = async () => {
             }
         }
         
-        if (microphoneGranted && screenGranted) {
-            // Show success message if all permissions granted
-            realtimeStore.addTranscriptGroup({
-                id: `system-success-${Date.now()}`,
-                role: 'system',
-                messages: [{
-                    text: '✅ All permissions granted. Ready to start the call!',
-                    timestamp: Date.now()
-                }],
-                startTime: Date.now(),
-                systemCategory: 'success',
-            });
-        } else if (microphoneGranted) {
-            // Show success message for microphone only
-            realtimeStore.addTranscriptGroup({
-                id: `system-success-${Date.now()}`,
-                role: 'system',
-                messages: [{
-                    text: '✅ Microphone permission granted. Ready to start the call!',
-                    timestamp: Date.now()
-                }],
-                startTime: Date.now(),
-                systemCategory: 'success',
-            });
-        }
         
         return {
             microphone: { granted: microphoneGranted },
@@ -1068,13 +1032,6 @@ const startAudioCapture = async (hasScreenCapturePermission: boolean = false) =>
                     });
                 });
                 
-                realtimeStore.addTranscriptGroup({
-                    id: `system-${Date.now()}`,
-                    role: 'system',
-                    messages: [{ text: '✅ Dual audio capture active: Microphone (You) + System Audio (Customer)', timestamp: Date.now() }],
-                    startTime: Date.now(),
-                    systemCategory: 'success',
-                });
                     
             } catch (error) {
                 realtimeStore.setSystemAudioActive(false);