1d4f104524
Agent-Logs-Url: https://github.com/naturallaw777/staging_alpha/sessions/e7946288-08c7-4081-85dd-6780f1eba17a Co-authored-by: naturallaw777 <99053422+naturallaw777@users.noreply.github.com>
243 lines
11 KiB
HTML
243 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Sovran_SystemsOS Hub</title>
|
||
<link rel="stylesheet" href="/static/css/base.css" />
|
||
<link rel="stylesheet" href="/static/css/buttons.css" />
|
||
<link rel="stylesheet" href="/static/css/header.css" />
|
||
<link rel="stylesheet" href="/static/css/layout.css" />
|
||
<link rel="stylesheet" href="/static/css/tiles.css" />
|
||
<link rel="stylesheet" href="/static/css/modals.css" />
|
||
<link rel="stylesheet" href="/static/css/features.css" />
|
||
<link rel="stylesheet" href="/static/css/onboarding.css" />
|
||
<link rel="stylesheet" href="/static/css/support.css" />
|
||
<link rel="stylesheet" href="/static/css/domain-setup.css" />
|
||
<link rel="stylesheet" href="/static/css/security.css" />
|
||
</head>
|
||
<body>
|
||
|
||
<!-- Header bar -->
|
||
<header class="header-bar">
|
||
<img src="/static/logo-light.svg" alt="Sovran Systems" class="header-logo" />
|
||
<span class="title">Sovran_SystemsOS Hub</span>
|
||
<div class="header-buttons">
|
||
<span class="role-badge" id="role-badge">Loading…</span>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- IP bar -->
|
||
<div class="ip-bar">
|
||
<span>
|
||
<span class="ip-label">Internal IP:</span>
|
||
<span class="ip-value" id="ip-internal">…</span>
|
||
</span>
|
||
<span class="ip-separator">|</span>
|
||
<span>
|
||
<span class="ip-label">External IP:</span>
|
||
<span class="ip-value" id="ip-external">…</span>
|
||
</span>
|
||
</div>
|
||
|
||
<!-- Service tiles -->
|
||
<main class="main-content">
|
||
<aside class="sidebar" id="sidebar">
|
||
<div id="sidebar-support"></div>
|
||
<div id="sidebar-features"></div>
|
||
</aside>
|
||
<div id="tiles-area"></div>
|
||
</main>
|
||
|
||
<!-- Update modal -->
|
||
<div class="modal-overlay" id="update-modal" role="dialog" aria-modal="true" aria-labelledby="modal-title-text">
|
||
<div class="modal-dialog">
|
||
<div class="modal-header">
|
||
<span class="modal-title" id="modal-title-text">Sovran_SystemsOS Update</span>
|
||
<div class="modal-spinner" id="modal-spinner"></div>
|
||
<span class="modal-status" id="modal-status">Updating…</span>
|
||
</div>
|
||
<div class="modal-log" id="modal-log" aria-live="polite"></div>
|
||
<div class="modal-footer">
|
||
<button class="btn btn-save" id="btn-save-report" style="display:none">Save Error Report</button>
|
||
<button class="btn btn-reboot" id="btn-reboot" style="display:none">Reboot</button>
|
||
<button class="btn btn-close-modal" id="btn-close-modal" disabled>Close</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Credentials info modal -->
|
||
<div class="modal-overlay" id="creds-modal" role="dialog" aria-modal="true" aria-labelledby="creds-modal-title">
|
||
<div class="creds-dialog">
|
||
<div class="creds-header">
|
||
<span class="creds-title" id="creds-modal-title">Service Info</span>
|
||
<button class="creds-close-btn" id="creds-close-btn" title="Close">✕</button>
|
||
</div>
|
||
<div class="creds-body" id="creds-body">
|
||
<p class="creds-loading">Loading…</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Tech Support modal -->
|
||
<div class="modal-overlay" id="support-modal" role="dialog" aria-modal="true" aria-labelledby="support-modal-title">
|
||
<div class="creds-dialog">
|
||
<div class="creds-header">
|
||
<span class="creds-title" id="support-modal-title">Tech Support</span>
|
||
<button class="creds-close-btn" id="support-close-btn" title="Close">✕</button>
|
||
</div>
|
||
<div class="creds-body" id="support-body">
|
||
<p class="creds-loading">Loading…</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Domain Setup Modal -->
|
||
<div class="modal-overlay" id="domain-setup-modal" role="dialog" aria-modal="true" aria-labelledby="domain-setup-title">
|
||
<div class="creds-dialog">
|
||
<div class="creds-header">
|
||
<span class="creds-title" id="domain-setup-title">🌐 Domain Setup</span>
|
||
<button class="creds-close-btn" id="domain-setup-close-btn" title="Close">✕</button>
|
||
</div>
|
||
<div class="creds-body" id="domain-setup-body"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- SSL Email Modal -->
|
||
<div class="modal-overlay" id="ssl-email-modal" role="dialog" aria-modal="true" aria-labelledby="ssl-email-title">
|
||
<div class="creds-dialog domain-narrow-dialog">
|
||
<div class="creds-header">
|
||
<span class="creds-title" id="ssl-email-title">📧 SSL Certificate Email</span>
|
||
<button class="creds-close-btn" id="ssl-email-close-btn" title="Close">✕</button>
|
||
</div>
|
||
<div class="creds-body">
|
||
<p class="support-desc">Let's Encrypt needs an email address for SSL certificate notifications.</p>
|
||
<div class="domain-field-group">
|
||
<label class="domain-field-label" for="ssl-email-input">Email:</label>
|
||
<input class="domain-field-input" type="email" id="ssl-email-input" placeholder="you@example.com" />
|
||
</div>
|
||
<div class="domain-field-actions">
|
||
<button class="btn btn-close-modal" id="ssl-email-cancel-btn">Cancel</button>
|
||
<button class="btn btn-primary" id="ssl-email-save-btn">Save</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Feature Confirm Modal -->
|
||
<div class="modal-overlay" id="feature-confirm-modal" role="dialog" aria-modal="true" aria-labelledby="feature-confirm-title">
|
||
<div class="creds-dialog domain-narrow-dialog">
|
||
<div class="creds-header">
|
||
<span class="creds-title" id="feature-confirm-title">Confirm Action</span>
|
||
<button class="creds-close-btn" id="feature-confirm-close-btn" title="Close">✕</button>
|
||
</div>
|
||
<div class="creds-body">
|
||
<p class="support-desc" id="feature-confirm-message"></p>
|
||
<div class="domain-field-actions">
|
||
<button class="btn btn-close-modal" id="feature-confirm-cancel-btn">Cancel</button>
|
||
<button class="btn btn-primary" id="feature-confirm-ok-btn">Continue</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Port Requirements Modal -->
|
||
<div class="modal-overlay" id="port-requirements-modal" role="dialog" aria-modal="true" aria-labelledby="port-req-title">
|
||
<div class="creds-dialog">
|
||
<div class="creds-header">
|
||
<span class="creds-title" id="port-req-title">🔌 Router / Firewall Port Requirements</span>
|
||
<button class="creds-close-btn" id="port-req-close-btn" title="Close">✕</button>
|
||
</div>
|
||
<div class="creds-body" id="port-req-body"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Rebuild Modal -->
|
||
<div class="modal-overlay" id="rebuild-modal" role="dialog" aria-modal="true" aria-labelledby="rebuild-modal-title">
|
||
<div class="modal-dialog">
|
||
<div class="modal-header">
|
||
<span class="modal-title" id="rebuild-modal-title">Sovran_SystemsOS Rebuild</span>
|
||
<div class="modal-spinner" id="rebuild-spinner"></div>
|
||
<span class="modal-status" id="rebuild-status">Rebuilding…</span>
|
||
</div>
|
||
<div class="modal-log" id="rebuild-log" aria-live="polite"></div>
|
||
<div class="modal-footer">
|
||
<button class="btn btn-save" id="rebuild-save-report" style="display:none">Save Error Report</button>
|
||
<button class="btn btn-reboot" id="rebuild-reboot-btn" style="display:none">Reboot</button>
|
||
<button class="btn btn-close-modal" id="rebuild-close-btn" disabled>Close</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Upgrade Modal (Node → Server+Desktop) -->
|
||
<div class="modal-overlay" id="upgrade-modal" role="dialog" aria-modal="true" aria-labelledby="upgrade-modal-title">
|
||
<div class="creds-dialog upgrade-dialog">
|
||
<div class="creds-header">
|
||
<span class="creds-title" id="upgrade-modal-title">🚀 Upgrade to Server + Desktop</span>
|
||
<button class="creds-close-btn" id="upgrade-close-btn" title="Close">✕</button>
|
||
</div>
|
||
<div class="creds-body">
|
||
<p class="support-desc">
|
||
Upgrading to the full <strong>Server + Desktop</strong> experience will unlock all services —
|
||
encrypted messaging, password management, cloud storage, website hosting, and more.
|
||
</p>
|
||
<div class="upgrade-info-box">
|
||
<p class="upgrade-info-title">⚠ What you should know:</p>
|
||
<ul class="upgrade-info-list">
|
||
<li>You will need to purchase domains for your services (we recommend <a href="https://njal.la" target="_blank" rel="noopener noreferrer">njal.la</a>)</li>
|
||
<li>Some services require ports to be opened on your router</li>
|
||
</ul>
|
||
</div>
|
||
<div class="upgrade-info-box">
|
||
<p class="upgrade-info-title">ℹ️ Good to know:</p>
|
||
<ul class="upgrade-info-list">
|
||
<li>Your services will be accessible via your home internet connection. Your approximate geographic area may be visible through DNS records — this is normal for all self-hosted services</li>
|
||
<li>Your Bitcoin node remains fully private over Tor</li>
|
||
</ul>
|
||
</div>
|
||
<p class="support-desc">
|
||
<strong>Don't worry</strong> — the Hub will walk you through every step after the upgrade.
|
||
Domain setup, port forwarding, and configuration are all guided.
|
||
</p>
|
||
<p class="support-desc upgrade-rebuild-note">
|
||
The system will rebuild after upgrading. This may take several minutes.
|
||
</p>
|
||
<div class="domain-field-actions">
|
||
<button class="btn btn-close-modal" id="upgrade-cancel-btn">Cancel</button>
|
||
<button class="btn btn-primary" id="upgrade-confirm-btn">Yes, Upgrade</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Reboot overlay -->
|
||
<div class="reboot-overlay" id="reboot-overlay">
|
||
<div class="reboot-card">
|
||
<div class="reboot-icon">↻</div>
|
||
<h2 class="reboot-title">System Rebooting</h2>
|
||
<p class="reboot-message">
|
||
Sovran_SystemsOS is now restarting.<br />
|
||
This page will automatically reconnect once the system is back online.
|
||
</p>
|
||
<div class="reboot-dots">
|
||
<span class="reboot-dot"></span>
|
||
<span class="reboot-dot"></span>
|
||
<span class="reboot-dot"></span>
|
||
</div>
|
||
<p class="reboot-submessage">Stay tuned…</p>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="/static/js/constants.js"></script>
|
||
<script src="/static/js/state.js"></script>
|
||
<script src="/static/js/helpers.js"></script>
|
||
<script src="/static/js/tiles.js"></script>
|
||
<script src="/static/js/service-detail.js"></script>
|
||
<script src="/static/js/support.js"></script>
|
||
<script src="/static/js/update.js"></script>
|
||
<script src="/static/js/rebuild.js"></script>
|
||
<script src="/static/js/features.js"></script>
|
||
<script src="/static/js/security.js"></script>
|
||
<script src="/static/js/events.js"></script>
|
||
</body>
|
||
</html> |