here all is ok ....just theexport data button not working ...means data not get downloaded ...also add manual stop button to stp recording - Follow Up Deployment

index.html

@@ -281,9 +281,12 @@
                         Last 20 readings
                     </div>
                     <div class="flex space-x-2">
-                        <button class="bg-industrial-700 hover:bg-industrial-600 text-white px-3 py-1 rounded text-sm">
+                        <button id="exportDataBtn" class="bg-industrial-700 hover:bg-industrial-600 text-white px-3 py-1 rounded text-sm">
                             <i class="fas fa-download mr-1"></i> Export Data
                         </button>
+                        <button id="stopRecordingBtn" class="bg-danger-600 hover:bg-danger-500 text-white px-3 py-1 rounded text-sm ml-2 hidden">
+                            <i class="fas fa-stop mr-1"></i> Stop Recording
+                        </button>
                     </div>
                 </div>
                 
@@ -813,20 +816,64 @@
             historyBody.innerHTML = historyHTML;
         }
         
+        // Export data as CSV
+        function exportData() {
+            if (temperatureHistory.length === 0) {
+                logDebug("No data to export");
+                return;
+            }
+
+            let csvContent = "Timestamp,Temperature,Status\n";
+            temperatureHistory.forEach(reading => {
+                csvContent += `${reading.timestamp},${reading.temp},${reading.status}\n`;
+            });
+
+            const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
+            const url = URL.createObjectURL(blob);
+            const link = document.createElement('a');
+            link.setAttribute('href', url);
+            link.setAttribute('download', `thermoscan_data_${new Date().toISOString().slice(0,10)}.csv`);
+            link.style.visibility = 'hidden';
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            logDebug("Data exported as CSV");
+        }
+
         // Initialize the app when DOM is loaded
         document.addEventListener('DOMContentLoaded', () => {
             init();
             
-            // Start periodic capture after initialization
+            // Start/stop periodic capture
             let captureInterval;
-            document.getElementById('captureBtn').addEventListener('click', () => {
+            const captureBtn = document.getElementById('captureBtn');
+            const stopRecordingBtn = document.getElementById('stopRecordingBtn');
+            
+            captureBtn.addEventListener('click', () => {
                 if (captureInterval) {
                     stopPeriodicCapture(captureInterval);
                     captureInterval = null;
+                    captureBtn.innerHTML = '<i class="fas fa-camera mr-1"></i> Capture & Analyze';
+                    stopRecordingBtn.classList.add('hidden');
                 } else {
                     captureInterval = startPeriodicCapture(10);
+                    captureBtn.innerHTML = '<i class="fas fa-pause mr-1"></i> Pause Recording';
+                    stopRecordingBtn.classList.remove('hidden');
+                }
+            });
+
+            // Stop recording button
+            stopRecordingBtn.addEventListener('click', () => {
+                if (captureInterval) {
+                    stopPeriodicCapture(captureInterval);
+                    captureInterval = null;
+                    captureBtn.innerHTML = '<i class="fas fa-camera mr-1"></i> Capture & Analyze';
+                    stopRecordingBtn.classList.add('hidden');
                 }
             });
+
+            // Export data button
+            document.getElementById('exportDataBtn').addEventListener('click', exportData);
         });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=pksaheb/temperature-monitoring" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>