mining

public/assets/desktop/desktop.css

@@ -240,6 +240,7 @@ h1 {
     position: absolute;
     display: flex;
     flex-direction: column;
+    min-height: 240px;
     border-radius: 20px;
     overflow: hidden;
     background: var(--window-bg);
@@ -383,25 +384,57 @@ h1 {
 }
 
 .window-content {
+    flex: 1 1 auto;
+    min-height: 0;
     padding: 18px;
     font-size: 15px;
     line-height: 1.5;
+    overflow: auto;
 }
 
 .window-content--embedded {
-    flex: 1;
+    position: relative;
+    display: block;
+    flex: 1 1 auto;
+    min-height: 0;
     padding: 0;
     overflow: hidden;
 }
 
 .window-app-frame {
-    display: block;
+    position: absolute;
+    inset: 0;
     width: 100%;
     height: 100%;
     border: 0;
     background: #ffffff;
 }
 
+.window-embed-fallback {
+    position: absolute;
+    inset: auto 16px 16px 16px;
+    z-index: 1;
+    padding: 12px 14px;
+    border-radius: 14px;
+    background: rgba(255, 255, 255, 0.92);
+    color: #0f172a;
+    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
+    font-size: 13px;
+    line-height: 1.45;
+}
+
+.window-embed-fallback p {
+    margin: 0;
+}
+
+.window-embed-fallback p + p {
+    margin-top: 6px;
+}
+
+.window-embed-fallback a {
+    color: #2563eb;
+}
+
 .taskbar {
     position: fixed;
     left: var(--taskbar-left);

public/assets/desktop/desktop.js

@@ -115,6 +115,10 @@ if (payloadNode) {
             return `
                 <div class="window-content window-content--embedded">
                     <iframe class="window-app-frame" src="${src}" title="${title}" loading="lazy"></iframe>
+                    <div class="window-embed-fallback">
+                        <p><strong>${title}</strong> wird geladen.</p>
+                        <p>Falls die Einbettung leer bleibt, direkt oeffnen: <a href="${src}" target="_blank" rel="noopener noreferrer">${src}</a></p>
+                    </div>
                 </div>
             `;
         }