From 4ccaaf153e516cafb957dee144823a5fdc89b234 Mon Sep 17 00:00:00 2001
From: Brian Krabach <brkrabac@microsoft.com>
Date: Wed, 1 Apr 2026 16:57:15 -0700
Subject: [PATCH] fix: parse JSON response in federation generate-key handler

api() returns a Response object; chain .then(res => res.json()) before
accessing data.key so the returned key is displayed in #federation-key-display
and settings-key-display--visible is applied.
---
 muxplex/frontend/app.js | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/muxplex/frontend/app.js b/muxplex/frontend/app.js
index 94a1d26..64172db 100644
--- a/muxplex/frontend/app.js
+++ b/muxplex/frontend/app.js
@@ -2348,16 +2348,18 @@ function bindStaticEventListeners() {
 
   // Multi-Device tab — federation generate key button
   on($('federation-generate-btn'), 'click', function() {
-    api('POST', '/api/federation/generate-key').then(function(data) {
-      var displayEl = $('federation-key-display');
-      if (displayEl && data && data.key) {
-        displayEl.textContent = data.key;
-        displayEl.classList.add('settings-key-display--visible');
-      }
-      showToast('Federation key generated');
-    }).catch(function() {
-      showToast('Failed to generate federation key');
-    });
+    api('POST', '/api/federation/generate-key')
+      .then(function(res) { return res.json(); })
+      .then(function(data) {
+        var displayEl = $('federation-key-display');
+        if (displayEl && data && data.key) {
+          displayEl.textContent = data.key;
+          displayEl.classList.add('settings-key-display--visible');
+        }
+        showToast('Federation key generated');
+      }).catch(function() {
+        showToast('Failed to generate federation key');
+      });
   });
 
   // Multi-Device tab — add remote instance button