bolbol/hermes-hub
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: iframe recovery overlay, timeout detection, and new tab authentication link for cross-origin access blocks

Browse Source
This commit is contained in:
bolbol
2026-08-21 00:06:51 +01:00
parent 554a25b746
commit 8d5c409655
3 changed files with 253 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/index.html
+39
View File
@@ -167,10 +167,49 @@
<!-- 2. Embedded Iframe View (Used exclusively for DSH Dialogue and DSH Files) -->
<div id="hub-iframe-wrapper" class="hub-iframe-wrapper" style="display: none;">
<!-- Top Iframe Bar -->
<div class="hub-iframe-topbar">
<div class="hub-iframe-url-pill">
<span class="hub-status-dot online"></span>
<span id="hub-iframe-target-label">Instance DSH</span>
</div>
<div class="hub-iframe-topbar-actions">
<a id="btn-iframe-external" href="#" target="_blank" rel="noopener noreferrer" class="hub-btn-iframe-action" title="Ouvrir dans un nouvel onglet">
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>
<span>Ouvrir dans un nouvel onglet ↗</span>
</a>
<button id="btn-iframe-reload" class="hub-btn-iframe-action" type="button" title="Recharger le cadre">
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg>
<span>Recharger</span>
</button>
</div>
</div>
<div id="hub-loader" class="hub-loader-overlay">
<div class="hub-spinner"></div>
<p style="font-size: 0.85rem; color: var(--hub-text-secondary);">Connexion à l'instance...</p>
</div>
<!-- Auth Recovery Notice Banner (Appears if session is expired or frame blocked) -->
<div id="hub-iframe-auth-notice" class="hub-iframe-auth-notice" style="display: none;">
<div class="hub-auth-notice-content">
<span class="hub-auth-notice-icon">🔒</span>
<div class="hub-auth-notice-text">
<strong>Cadre bloqué ou session Cloudflare requise ?</strong>
<span>Si la connexion est refusée par votre navigateur (X-Frame-Options), connectez-vous dans un nouvel onglet puis rechargez.</span>
</div>
<div class="hub-auth-notice-buttons">
<a id="btn-auth-notice-open" href="#" target="_blank" rel="noopener noreferrer" class="hub-btn-auth-action">
S'authentifier dans un onglet ↗
</a>
<button id="btn-auth-notice-reload" type="button" class="hub-btn-auth-reload">
Recharger
</button>
<button id="btn-auth-notice-dismiss" type="button" class="hub-btn-auth-dismiss" title="Masquer">&times;</button>
</div>
</div>
</div>
<iframe
id="workspace-iframe"
class="hub-workspace-iframe"