From 8b7f984ac0aeca2c549a488099011a57ffb11903 Mon Sep 17 00:00:00 2001
From: Jamie Banks <jamie@jdbnet.co.uk>
Date: Fri, 17 Jul 2026 09:46:54 +0100
Subject: [PATCH] feat: implement consistent 10-second data polling across
 dashboard and inspector components

---
 frontend/src/components/Dashboard.vue         | 13 +++++++++++--
 frontend/src/components/FindingsInspector.vue | 13 +++++++++++--
 frontend/src/components/ScansHistory.vue      |  2 +-
 frontend/src/components/TargetManager.vue     | 13 +++++++++++--
 4 files changed, 34 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/Dashboard.vue b/frontend/src/components/Dashboard.vue
index b7d9c32..6ddb8a9 100644
--- a/frontend/src/components/Dashboard.vue
+++ b/frontend/src/components/Dashboard.vue
@@ -55,7 +55,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted, computed } from 'vue'
+import { ref, onMounted, onUnmounted, computed } from 'vue'
 import { Chart as ChartJS, ArcElement, Tooltip, Legend, CategoryScale, LinearScale, BarElement, Title } from 'chart.js'
 import { Pie, Bar } from 'vue-chartjs'
 
@@ -140,5 +140,14 @@ const trendOptions = {
   }
 }
 
-onMounted(loadStats)
+let pollInterval = null
+
+onMounted(() => {
+  loadStats()
+  pollInterval = setInterval(loadStats, 10000)
+})
+
+onUnmounted(() => {
+  if (pollInterval) clearInterval(pollInterval)
+})
 </script>
diff --git a/frontend/src/components/FindingsInspector.vue b/frontend/src/components/FindingsInspector.vue
index b835ea4..3b4a3d5 100644
--- a/frontend/src/components/FindingsInspector.vue
+++ b/frontend/src/components/FindingsInspector.vue
@@ -81,7 +81,7 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted } from 'vue'
+import { ref, computed, onMounted, onUnmounted } from 'vue'
 
 const props = defineProps({
   id: { type: String, required: true }
@@ -137,5 +137,14 @@ const severityClass = (sev) => {
   return map[sev] || map.info
 }
 
-onMounted(loadFindings)
+let pollInterval = null
+
+onMounted(() => {
+  loadFindings()
+  pollInterval = setInterval(loadFindings, 10000)
+})
+
+onUnmounted(() => {
+  if (pollInterval) clearInterval(pollInterval)
+})
 </script>
diff --git a/frontend/src/components/ScansHistory.vue b/frontend/src/components/ScansHistory.vue
index 734f6c6..a6ff18a 100644
--- a/frontend/src/components/ScansHistory.vue
+++ b/frontend/src/components/ScansHistory.vue
@@ -101,7 +101,7 @@ const totalFindings = (scan) => {
 
 onMounted(() => {
   loadScans()
-  interval = setInterval(loadScans, 5000)
+  interval = setInterval(loadScans, 10000)
 })
 
 onUnmounted(() => {
diff --git a/frontend/src/components/TargetManager.vue b/frontend/src/components/TargetManager.vue
index ad1720c..f57f98d 100644
--- a/frontend/src/components/TargetManager.vue
+++ b/frontend/src/components/TargetManager.vue
@@ -80,7 +80,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue'
+import { ref, onMounted, onUnmounted } from 'vue'
 
 const targets = ref([])
 const form = ref({ id: null, name: '', address: '', schedule: 'manual', customSchedule: '' })
@@ -170,5 +170,14 @@ const runScan = async (id) => {
   loadTargets()
 }
 
-onMounted(loadTargets)
+let pollInterval = null
+
+onMounted(() => {
+  loadTargets()
+  pollInterval = setInterval(loadTargets, 10000)
+})
+
+onUnmounted(() => {
+  if (pollInterval) clearInterval(pollInterval)
+})
 </script>