diff --git a/admin/frontend/src/index.css b/admin/frontend/src/index.css
index b965490..d3aff2c 100644
--- a/admin/frontend/src/index.css
+++ b/admin/frontend/src/index.css
@@ -6,3 +6,16 @@ html {
 .dialog-overlay {
   z-index: 50;
 }
+
+/* Reusable pulsing dot — indicates live / in-progress state */
+.pulse-dot {
+  @apply relative inline-flex h-2 w-2;
+}
+.pulse-dot::before {
+  content: '';
+  @apply absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-400 opacity-75;
+}
+.pulse-dot::after {
+  content: '';
+  @apply relative inline-flex h-2 w-2 rounded-full bg-blue-500;
+}
diff --git a/admin/frontend/src/pages/Processes.vue b/admin/frontend/src/pages/Processes.vue
index f5c75b8..b636758 100644
--- a/admin/frontend/src/pages/Processes.vue
+++ b/admin/frontend/src/pages/Processes.vue
@@ -12,7 +12,7 @@ let countdown = 15
 let timer
 
 const router = useRouter()
-const STATUS_COLOR = { running: 'green', stopped: 'red', error: 'red', unknown: 'gray' }
+const STATUS_COLOR = { running: 'blue', stopped: 'red', error: 'red', unknown: 'gray' }
 
 function openLog(filename) {
   router.push(`/logs/${filename}`)
@@ -75,7 +75,11 @@ onUnmounted(() => clearInterval(timer))
             v-if="column.key === 'status'"
             :label="item"
             :theme="STATUS_COLOR[item] || 'gray'"
-          />
+          >
+            <template v-if="item === 'running'" #prefix>
+              <span class="pulse-dot" />
+            </template>
+          </Badge>
           <button
             v-else-if="column.key === 'log_filename' && item"
             class="text-ink-blue-2 hover:underline"
diff --git a/admin/frontend/src/pages/TaskDetail.vue b/admin/frontend/src/pages/TaskDetail.vue
index 635cbc0..e49c552 100644
--- a/admin/frontend/src/pages/TaskDetail.vue
+++ b/admin/frontend/src/pages/TaskDetail.vue
@@ -20,7 +20,7 @@ const actionError = ref('')
 let es = null
 const terminal = ref(null)
 
-const TASK_COLOR = { success: 'green', failed: 'red', running: 'blue', killed: 'gray' }
+const TASK_COLOR = { success: 'green', failed: 'red', running: 'blue', killed: 'gray', stopped: 'red' }
 
 function fmtDate(iso) {
   if (!iso) return '—'
@@ -116,8 +116,12 @@ onUnmounted(() => { if (es) { es.close(); es = null } })
       <div class="flex flex-wrap items-center gap-3">
         <Badge
           :label="streaming ? 'running…' : task.status"
-          :theme="TASK_COLOR[task.status] || 'gray'"
-        />
+          :theme="streaming ? 'blue' : (TASK_COLOR[task.status] || 'gray')"
+        >
+          <template v-if="streaming" #prefix>
+            <span class="pulse-dot" />
+          </template>
+        </Badge>
         <span class="font-mono text-sm font-medium">{{ task.command }}</span>
         <span
           v-if="Object.keys(task.args).length"
diff --git a/admin/frontend/src/pages/TaskList.vue b/admin/frontend/src/pages/TaskList.vue
index bd0dd0b..f268189 100644
--- a/admin/frontend/src/pages/TaskList.vue
+++ b/admin/frontend/src/pages/TaskList.vue
@@ -7,19 +7,22 @@ const loading = ref(true)
 const error = ref('')
 const statusFilter = ref('all')
 
-const TASK_COLOR = { success: 'green', failed: 'red', running: 'blue', killed: 'gray' }
-
 const filterButtons = ['all', 'running', 'success', 'failed', 'killed'].map(s => ({
   label: s.charAt(0).toUpperCase() + s.slice(1),
   value: s,
 }))
 
+const TASK_COLOR = { success: 'green', failed: 'red', running: 'blue', killed: 'gray', stopped: 'red' }
+
 const columns = [
   { label: 'Command', key: 'command', width: '140px' },
   { label: 'Context', key: '_args' },
   {
     label: 'Status', key: 'status', width: '90px',
-    prefix: ({ row }) => h(Badge, { label: row.status, theme: TASK_COLOR[row.status] || 'gray' }),
+    prefix: ({ row }) => h(Badge, {
+      label: row.status,
+      theme: TASK_COLOR[row.status] || 'gray',
+    }, row.status === 'running' ? { prefix: () => h('span', { class: 'pulse-dot' }) } : {}),
     getLabel: () => '',
   },
   { label: 'Started', key: '_started', width: '150px' },