From ddbb84d8aa19b5c3bd75e2f89f6342c76320f780 Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Sun, 24 May 2026 21:08:30 -0400
Subject: [PATCH] =?UTF-8?q?fc3i(ui):=20SystemActivitySummary.vue=20?=
 =?UTF-8?q?=E2=80=94=20Overview-tab=20quick=20summary=20card=20(5s=20poll)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../settings/SystemActivitySummary.vue        | 64 +++++++++++++++++++
 1 file changed, 64 insertions(+)
 create mode 100644 frontend/src/components/settings/SystemActivitySummary.vue

diff --git a/frontend/src/components/settings/SystemActivitySummary.vue b/frontend/src/components/settings/SystemActivitySummary.vue
new file mode 100644
index 0000000..c494bbd
--- /dev/null
+++ b/frontend/src/components/settings/SystemActivitySummary.vue
@@ -0,0 +1,64 @@
+<template>
+  <v-card class="fc-activity-summary">
+    <v-card-title class="d-flex align-center" style="gap: 10px;">
+      <v-icon icon="mdi-pulse" size="small" />
+      <span>System activity (last min)</span>
+      <v-spacer />
+      <v-btn
+        variant="text" size="small" rounded="pill"
+        @click="$emit('open-activity')"
+      >
+        View activity
+        <v-icon end size="small">mdi-arrow-right</v-icon>
+      </v-btn>
+    </v-card-title>
+
+    <v-card-text>
+      <v-alert
+        v-if="store.lastError"
+        type="warning" variant="tonal" density="compact" class="mb-3"
+      >
+        {{ store.lastError }}
+      </v-alert>
+
+      <QueuesTable
+        :queues="store.queues"
+        :workers="store.workers"
+        :recent-minute="store.recentMinute"
+        compact
+      />
+    </v-card-text>
+  </v-card>
+</template>
+
+<script setup>
+import { onMounted, onUnmounted } from 'vue'
+
+import { useSystemActivityStore } from '../../stores/systemActivity.js'
+import QueuesTable from './QueuesTable.vue'
+
+defineEmits(['open-activity'])
+
+const store = useSystemActivityStore()
+
+let pollId = null
+
+function pollOnce() {
+  if (document.hidden) return
+  store.loadQueues()
+  store.loadWorkers()
+  store.loadRecentMinute()
+}
+
+onMounted(() => {
+  pollOnce()
+  pollId = setInterval(pollOnce, 5000)
+})
+onUnmounted(() => {
+  if (pollId) { clearInterval(pollId); pollId = null }
+})
+</script>
+
+<style scoped>
+.fc-activity-summary { border-radius: 8px; }
+</style>