From 00abd5277f316144a01120cc86d8f04679112cf4 Mon Sep 17 00:00:00 2001
From: Jose Olarte III <jose.anomalist.design@gmail.com>
Date: Wed, 3 Jun 2026 17:53:54 +0800
Subject: [PATCH] fix(dev): refresh Backend Status URL after save in debug
 panel

activeBackendUrl was a computed with no reactive deps, so it stayed stale
until the panel remounted. Use a ref and update it in syncBackendState().
---
 src/components/dev/NotificationDebugPanel.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/dev/NotificationDebugPanel.vue b/src/components/dev/NotificationDebugPanel.vue
index 98d08b72..57d96542 100644
--- a/src/components/dev/NotificationDebugPanel.vue
+++ b/src/components/dev/NotificationDebugPanel.vue
@@ -305,9 +305,7 @@ const backendUrlDraft = ref("");
 const testModeEnabled = ref(NotificationDebugService.isTestModeEnabled());
 const fcmToken = ref<string | null>(NotificationDebugService.getFcmToken());
 
-const activeBackendUrl = computed(() =>
-  NotificationDebugService.getActiveBackendUrl(),
-);
+const activeBackendUrl = ref(NotificationDebugService.getActiveBackendUrl());
 
 const truncatedFcmToken = computed(() => {
   const t = fcmToken.value?.trim() ?? "";
@@ -384,6 +382,7 @@ function syncBackendState(): void {
     NotificationDebugService.getBackendUrlOverride() ?? "";
   testModeEnabled.value = NotificationDebugService.isTestModeEnabled();
   fcmToken.value = NotificationDebugService.getFcmToken();
+  activeBackendUrl.value = NotificationDebugService.getActiveBackendUrl();
 }
 
 function onSaveBackendUrl(): void {