it

static/css/main.css

@@ -272,8 +272,24 @@ input[type="text"]:focus, select:focus {
     text-shadow: 0 0 3px rgba(0, 255, 65, 0.3);
 }
 
+.progress-container {
+    padding: 0 1.5rem 1.5rem;
+}
+
+.progress-info {
+    display: flex;
+    justify-content: space-between;
+    font-size: 0.8rem;
+    color: #999;
+    margin-bottom: 0.5rem;
+}
+
+#progress-compact {
+    color: #00ff41;
+    font-weight: 500;
+}
+
 .progress-bar {
-    margin: 1rem 1.5rem;
     height: 8px;
     background-color: #1a1a1a;
     border: 1px solid #444;

static/js/graph.js

@@ -216,12 +216,8 @@ class GraphManager {
             }
         });
 
-        // FIX: Comment out the problematic context menu handler
         this.network.on('oncontext', (params) => {
             params.event.preventDefault();
-            // if (params.nodes.length > 0) {
-            //     this.showNodeContextMenu(params.pointer.DOM, params.nodes[0]);
-            // }
         });
 
         // Stabilization events with progress

static/js/main.js

@@ -1,7 +1,6 @@
 /**
  * Main application logic for DNSRecon web interface
  * Handles UI interactions, API communication, and data flow
- * DEBUG VERSION WITH EXTRA LOGGING
  */
 
 class DNSReconApp {
@@ -61,12 +60,8 @@ class DNSReconApp {
             scanStatus: document.getElementById('scan-status'),
             targetDisplay: document.getElementById('target-display'),
             depthDisplay: document.getElementById('depth-display'),
-            progressDisplay: document.getElementById('progress-display'),
-            indicatorsDisplay: document.getElementById('indicators-display'),
             relationshipsDisplay: document.getElementById('relationships-display'),
-            taskQueueDisplay: document.getElementById('task-queue-display'),
-            tasksCompletedDisplay: document.getElementById('tasks-completed-display'),
-            tasksReEnqueuedDisplay: document.getElementById('tasks-re-enqueued-display'),
+            progressCompact: document.getElementById('progress-compact'),
             progressFill: document.getElementById('progress-fill'),
             
             // Provider elements
@@ -545,26 +540,19 @@ class DNSReconApp {
             if (this.elements.depthDisplay) {
                 this.elements.depthDisplay.textContent = `${status.current_depth}/${status.max_depth}`;
             }
-            if (this.elements.progressDisplay) {
-                this.elements.progressDisplay.textContent = `${status.progress_percentage.toFixed(1)}%`;
-            }
-            if (this.elements.indicatorsDisplay) {
-                this.elements.indicatorsDisplay.textContent = status.indicators_processed || 0;
-            }
-            if (this.elements.taskQueueDisplay) {
-                this.elements.taskQueueDisplay.textContent = status.task_queue_size || 0;
-            }
-            if (this.elements.tasksCompletedDisplay) {
-                this.elements.tasksCompletedDisplay.textContent = status.indicators_completed || 0;
-            }
-            if (this.elements.tasksReEnqueuedDisplay) {
-                this.elements.tasksReEnqueuedDisplay.textContent = status.tasks_re_enqueued || 0;
-            }
             
-            // Update progress bar with smooth animation
+            // Update progress bar and compact display
             if (this.elements.progressFill) {
-                this.elements.progressFill.style.width = `${status.progress_percentage}%`;
-                
+                const completed = status.indicators_completed || 0;
+                const enqueued = status.task_queue_size || 0;
+                const totalTasks = completed + enqueued;
+                const progressPercentage = totalTasks > 0 ? (completed / totalTasks) * 100 : 0;
+
+                this.elements.progressFill.style.width = `${progressPercentage}%`;
+                if (this.elements.progressCompact) {
+                    this.elements.progressCompact.textContent = `${completed}/${totalTasks} - ${Math.round(progressPercentage)}%`;
+                }
+
                 // Add pulsing animation for active scans
                 if (status.status === 'running') {
                     this.elements.progressFill.parentElement.classList.add('scanning');
@@ -802,20 +790,6 @@ class DNSReconApp {
                         <span class="provider-stat-value">${info.rate_limit}/min</span>
                     </div>
                 </div>
-                <div class="provider-task-stats">
-                    <div class="provider-stat">
-                        <span class="provider-stat-label">Task Queue:</span>
-                        <span class="provider-stat-value">${info.task_queue_size || 0}</span>
-                    </div>
-                    <div class="provider-stat">
-                        <span class="provider-stat-label">Tasks Completed:</span>
-                        <span class="provider-stat-value">${info.tasks_completed || 0}</span>
-                    </div>
-                     <div class="provider-stat">
-                        <span class="provider-stat-label">Tasks Re-enqueued:</span>
-                        <span class="provider-stat-value">${info.tasks_re_enqueued || 0}</span>
-                    </div>
-                </div>
             `;
             
             this.elements.providerList.appendChild(providerItem);