From 11fbd849638138e769366f5227221b4178cfa70c Mon Sep 17 00:00:00 2001
From: deacon <marksoccerman1@aol.com>
Date: Mon, 16 Mar 2026 10:56:58 -0400
Subject: [PATCH] Refresh abilities and adversaries dynamically in Adversary
 view

The ability picker and adversary dropdown cached their data on initial
mount, so new abilities created while editing an adversary or adversary
YAML files updated on disk were not visible until a full page reload.

- AbilitySelection: re-fetch abilities from API when the modal opens
- AdversariesView: refresh all data on KeepAlive re-activation and
  refresh the adversary list when the selection dropdown opens
---
 src/components/abilities/AbilitySelection.vue | 11 ++++++++++-
 src/views/AdversariesView.vue                 | 19 ++++++++++++++++++-
 2 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/src/components/abilities/AbilitySelection.vue b/src/components/abilities/AbilitySelection.vue
index b406867..9b94c68 100644
--- a/src/components/abilities/AbilitySelection.vue
+++ b/src/components/abilities/AbilitySelection.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, reactive, computed, inject, onMounted } from 'vue';
+import { ref, reactive, computed, inject, onMounted, watch } from 'vue';
 import { storeToRefs } from "pinia";
 
 import { useAbilityStore } from "@/stores/abilityStore";
@@ -43,6 +43,15 @@ onMounted(async () => {
     await abilityStore.getAbilities($api);
 });
 
+// Re-fetch abilities every time the modal is opened so newly created
+// abilities (e.g. from another tab or the Abilities view) appear
+// immediately without requiring a page reload.
+watch(() => props.active, async (isActive) => {
+    if (isActive) {
+        await abilityStore.getAbilities($api);
+    }
+});
+
 function clearFilters() {
     filters.searchQuery = "";
     filters.tactic = "";
diff --git a/src/views/AdversariesView.vue b/src/views/AdversariesView.vue
index 0bfc5ad..79cbc11 100644
--- a/src/views/AdversariesView.vue
+++ b/src/views/AdversariesView.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { inject, reactive, ref, onMounted, computed } from "vue";
+import { inject, reactive, ref, onMounted, onActivated, computed, watch } from "vue";
 import { storeToRefs } from "pinia";
 
 import { useAdversaryStore } from "@/stores/adversaryStore";
@@ -31,6 +31,23 @@ onMounted(async () => {
     await objectiveStore.getObjectives($api);
 });
 
+// When the view is re-activated via KeepAlive (e.g. switching tabs),
+// refresh all data so new abilities and adversaries appear immediately.
+onActivated(async () => {
+    await abilityStore.getAbilities($api);
+    await adversaryStore.getAdversaries($api);
+    await objectiveStore.getObjectives($api);
+});
+
+// Refresh the adversary list when the dropdown opens so that adversaries
+// created or modified on disk (by plugins, imports, etc.) are visible
+// without leaving and returning to the page.
+watch(isAdversaryDropdownOpen, async (isOpen) => {
+    if (isOpen) {
+        await adversaryStore.getAdversaries($api);
+    }
+});
+
 function selectAdversary(adversary) {
     selectedAdversary.value = adversary; 
     adversaryStore.updateSelectedAdversaryAbilities();