| 123456789101112131415161718192021222324252627282930313233 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Remote Access Agent</title>
- <style>
- body { font-family: system-ui, sans-serif; background: #0f172a; color: #e2e8f0; margin: 0; padding: 1.5rem; }
- h1 { font-size: 1.1rem; }
- .status { background: #1e293b; padding: 0.7rem 1rem; border-radius: 8px; margin: 0.8rem 0; font-size: 0.9rem; }
- .status.on { background: #14532d; }
- .status.warn { background: #7c2d12; }
- .consent { background: #1e293b; border: 1px solid #3b82f6; border-radius: 10px; padding: 1.2rem; margin-top: 1rem; }
- .consent h2 { font-size: 1rem; margin: 0 0 0.5rem; }
- button { padding: 0.6rem 1.2rem; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; }
- .grant { background: #22c55e; color: #052e16; }
- .deny { background: #ef4444; color: #fff; margin-left: 0.5rem; }
- .muted { color: #94a3b8; font-size: 0.82rem; }
- .indicator { position: fixed; bottom: 0; left: 0; right: 0; background: #b91c1c; color: #fff; text-align: center; padding: 0.4rem; font-size: 0.85rem; display: none; }
- .indicator.show { display: block; }
- #log { font-family: monospace; font-size: 0.72rem; color: #64748b; height: 120px; overflow-y: auto; margin-top: 1rem; }
- </style>
- </head>
- <body>
- <h1>🛡️ Remote Access Agent</h1>
- <div id="status" class="status">Starting…</div>
- <div id="consentBox"></div>
- <p class="muted">This machine accepts remote support sessions. You'll be asked to approve each connection unless an unattended-access policy is set.</p>
- <div id="log"></div>
- <div id="indicator" class="indicator">● A technician is currently viewing/controlling this screen</div>
-
- <script src="agent.js"></script>
- </body>
- </html>
|
