From eb65785e3da97069c123a3840168f4f1414a92eb Mon Sep 17 00:00:00 2001
From: Nuwan <nuwanchaturanga@gmail.com>
Date: Mon, 2 Mar 2026 19:17:26 +0530
Subject: [PATCH] fix(27): restore stylesheet copying to popup windows

The stylesheet copying code was accidentally removed in aa731c96d,
causing popup windows (metronome, backing track) to render without
CSS styles. This restores the code that copies all <link> and <style>
elements from the parent window to the popup.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 jam-ui/src/components/common/WindowPortal.js | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/jam-ui/src/components/common/WindowPortal.js b/jam-ui/src/components/common/WindowPortal.js
index 8ed02f2b6..dc113ba73 100644
--- a/jam-ui/src/components/common/WindowPortal.js
+++ b/jam-ui/src/components/common/WindowPortal.js
@@ -68,6 +68,21 @@ const WindowPortal = ({
     newWindow.document.body.style.backgroundColor = '#f8f9fa';
     newWindow.document.body.style.overflow = 'hidden';
 
+    // Copy all stylesheets from parent window to popup
+    const stylesheets = Array.from(document.querySelectorAll('link[rel="stylesheet"], style'));
+    stylesheets.forEach(sheet => {
+      if (sheet.tagName === 'LINK') {
+        const newLink = newWindow.document.createElement('link');
+        newLink.rel = 'stylesheet';
+        newLink.href = sheet.href;
+        newWindow.document.head.appendChild(newLink);
+      } else if (sheet.tagName === 'STYLE') {
+        const newStyle = newWindow.document.createElement('style');
+        newStyle.textContent = sheet.textContent;
+        newWindow.document.head.appendChild(newStyle);
+      }
+    });
+
     // Add window ID for identification
     if (windowId) {
       newWindow.windowId = windowId;