From 271007044ad97a3cf443eeee1cbf9bb260dbf9f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Henrik=20Br=C3=BCsecke?= <henrik@deskterm.com>
Date: Sat, 5 Sep 2026 15:41:36 +0300
Subject: [PATCH] Microfrontend Integration

---
 frontend/header/css/header.css        | 8 ++++++++
 frontend/header/header.html           | 5 ++++-
 frontend/header/legacy-integration.js | 6 ++++++
 3 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 frontend/header/legacy-integration.js

diff --git a/frontend/header/css/header.css b/frontend/header/css/header.css
index 376eba5..498e946 100644
--- a/frontend/header/css/header.css
+++ b/frontend/header/css/header.css
@@ -1,8 +1,16 @@
 body {
+    display: flex;
+    flex-direction: column;
     font-family: system-ui;
+    height: 100dvh;
     margin: 0;
 }
 
+.content {
+    border: 0;
+    flex: 1;
+}
+
 .header {
     background-color: #202020;
     box-sizing: border-box;
diff --git a/frontend/header/header.html b/frontend/header/header.html
index e3c3cee..6711f8b 100644
--- a/frontend/header/header.html
+++ b/frontend/header/header.html
@@ -13,6 +13,7 @@
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
+        <script src="/legacy-integration.js" type="module"></script>
         <script src="news-ticker.js" type="module"></script>
 
         <title>Instant Workstation</title>
@@ -35,8 +36,10 @@
                     <span class="news-ticker-content" id="news-ticker-content"></span>
                 </span>
 
-                <a class="nav-link nav-link-account" href="/account">Account</a>
+                <a class="nav-link nav-link-account" href="/app/profile" target="content">Account</a>
             </nav>
         </header>
+
+        <iframe class="content" name="content" src="/app/"></iframe>
     </body>
 </html>
\ No newline at end of file
diff --git a/frontend/header/legacy-integration.js b/frontend/header/legacy-integration.js
new file mode 100644
index 0000000..25c9567
--- /dev/null
+++ b/frontend/header/legacy-integration.js
@@ -0,0 +1,6 @@
+const payment = new URLSearchParams(window.location.search).get("payment");
+
+if (payment === "success" || payment === "failure") {
+    document.querySelector(".content").src =
+        `/app/virtual-machines?payment=${payment}`;
+}
\ No newline at end of file