From bc3ba87fd91a170b1576f1156a32f98990480ced Mon Sep 17 00:00:00 2001
From: Chris Privitere <23177737+cprivitere@users.noreply.github.com>
Date: Wed, 13 May 2026 19:50:32 -0500
Subject: [PATCH] feat: make MenuBar status dots clickable to toggle tailing

---
 src/components/MenuBar.vue | 26 ++++++++++++++++++++++----
 1 file changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/components/MenuBar.vue b/src/components/MenuBar.vue
index ad6683c..11e89c2 100644
--- a/src/components/MenuBar.vue
+++ b/src/components/MenuBar.vue
@@ -15,14 +15,16 @@
             >glogger</component>
             <div class="flex items-center gap-1.5">
               <span
-                class="w-2 h-2 rounded-full"
+                class="w-2 h-2 rounded-full cursor-pointer"
                 :class="isPlayerLogTailing ? 'bg-status-active' : 'bg-status-inactive'"
-                :title="isPlayerLogTailing ? 'Player.log: tailing' : 'Player.log: not tailing'"
+                :title="isPlayerLogTailing ? 'Player.log: tailing (click to stop)' : 'Player.log: not tailing (click to start)'"
+                @click="togglePlayerLog"
               />
               <span
-                class="w-2 h-2 rounded-full"
+                class="w-2 h-2 rounded-full cursor-pointer"
                 :class="isChatLogTailing ? 'bg-status-active' : 'bg-status-inactive'"
-                :title="isChatLogTailing ? 'Chat log: tailing' : 'Chat log: not tailing'"
+                :title="isChatLogTailing ? 'Chat log: tailing (click to stop)' : 'Chat log: not tailing (click to start)'"
+                @click="toggleChatLog"
               />
             </div>
           </div>
@@ -185,6 +187,22 @@ const dataBrowserStore = useDataBrowserStore();
 const isPlayerLogTailing = computed(() => coordinatorStore.isPlayerLogTailing);
 const isChatLogTailing = computed(() => coordinatorStore.isChatLogTailing);
 
+async function togglePlayerLog() {
+  if (isPlayerLogTailing.value) {
+    await coordinatorStore.stopPlayerTailing();
+  } else {
+    await coordinatorStore.startPlayerTailing();
+  }
+}
+
+async function toggleChatLog() {
+  if (isChatLogTailing.value) {
+    await coordinatorStore.stopChatTailing();
+  } else {
+    await coordinatorStore.startChatTailing();
+  }
+}
+
 const navItems: { view: AppView; label: string }[] = [
   { view: "dashboard", label: "Dashboard" },
   { view: "character", label: "Character" },