Create app.js

public/app.js

@@ -2327,6 +2327,9 @@ class RoxAI {
                 this.sidebarOverlay?.classList.remove('show');
                 this.sidebar?.classList.remove('open');
             }
+            
+            // Toggle API button visibility based on device type
+            this._updateAPIButtonVisibility();
         }, 100)));
         
         // Keyboard shortcuts
@@ -10449,6 +10452,19 @@ class RoxAI {
 
         if (!btnGetCode || !apiOverlay || !apiContent) return;
 
+        // Hide API button on mobile devices (desktop-only feature)
+        const isMobile = window.innerWidth < 1024 || 
+                        'ontouchstart' in window || 
+                        navigator.maxTouchPoints > 0;
+        
+        if (isMobile) {
+            btnGetCode.style.display = 'none';
+            return; // Skip initialization on mobile
+        }
+
+        // Show button on desktop
+        btnGetCode.style.display = 'flex';
+
         // Store event listeners for cleanup
         this._apiModalListeners = [];
 
@@ -10499,6 +10515,23 @@ class RoxAI {
         this._apiModalDynamicListeners = [];
     }
 
+    /**
+     * Update API button visibility based on device type
+     * @private
+     */
+    _updateAPIButtonVisibility() {
+        const btnGetCode = document.getElementById('btnGetCode');
+        if (!btnGetCode) return;
+
+        // Check if device is mobile
+        const isMobile = window.innerWidth < 1024 || 
+                        'ontouchstart' in window || 
+                        navigator.maxTouchPoints > 0;
+        
+        // Hide on mobile, show on desktop
+        btnGetCode.style.display = isMobile ? 'none' : 'flex';
+    }
+
     /**
      * Show API code modal with model selector
      * @private