Update index.html

index.html

@@ -214,6 +214,14 @@
                 <h3 id="totalTokens">0</h3>
                 <p>Total Tokens</p>
             </div>
+            <div class="stat-card">
+                <h3 id="autoGenerated">0</h3>
+                <p>Auto-Generated</p>
+            </div>
+            <div class="stat-card">
+                <h3 id="manualGenerated">0</h3>
+                <p>Manual</p>
+            </div>
             <div class="stat-card">
                 <h3 id="bufferedCount">0</h3>
                 <p>Buffered (Unsaved)</p>
@@ -365,6 +373,8 @@
                 if (data.success) {
                     document.getElementById('totalConversations').textContent = data.total_examples;
                     document.getElementById('totalTokens').textContent = data.total_tokens.toLocaleString();
+                    document.getElementById('autoGenerated').textContent = data.auto_generated || 0;
+                    document.getElementById('manualGenerated').textContent = data.manual_generated || 0;
                     document.getElementById('bufferedCount').textContent = data.buffered;
                     addLog('📊 Stats refreshed', 'success');
                 }
@@ -389,7 +399,11 @@
         // Initialize stats on load
         refreshStats();
         addLog('🚀 ContinuumLearner initialized', 'success');
-        addLog('💡 Select a model and start training!', 'success');
+        addLog('🤖 AUTO-TRAINING ACTIVE - Training runs every 5 minutes', 'success');
+        addLog('💡 You can also manually train by entering prompts!', 'success');
+        
+        // Auto-refresh stats every 30 seconds
+        setInterval(refreshStats, 30000);
 
         // Enter key to submit
         document.getElementById('userInput').addEventListener('keydown', function(e) {