| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>EE Server</title> |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> |
| <style> |
| body { background: #f8f9fa; } |
| .card { border: none; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.08); } |
| .status-dot { width: 12px; height: 12px; border-radius: 50%; display: inline-block; margin-right: 8px; } |
| .dot-green { background: #28a745; box-shadow: 0 0 6px #28a745; animation: pulse 2s infinite; } |
| .dot-gray { background: #adb5bd; } |
| @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.5} } |
| </style> |
| </head> |
| <body class="container mt-5" style="max-width:600px"> |
|
|
| <div class="text-center mb-4"> |
| <h2 class="fw-bold">Equivariant Encryption Server</h2> |
| <p class="text-muted">Secure inference endpoint</p> |
| </div> |
|
|
| |
| <div class="card p-4 mb-4"> |
| {% if server_ready %} |
| <div class="d-flex align-items-center mb-3"> |
| <span class="status-dot dot-green"></span> |
| <strong class="text-success fs-5">Server Running</strong> |
| </div> |
| <p class="mb-1 text-muted">Model loaded:</p> |
| <p class="fw-semibold mb-3">{{ model_name }}</p> |
| <p class="mb-1 text-muted">Inference endpoint:</p> |
| <a href="{{ space_url }}/generate" target="_blank" class="btn btn-outline-primary btn-sm"> |
| 🔗 {{ space_url }}/generate |
| </a> |
| {% else %} |
| <div class="d-flex align-items-center mb-3"> |
| <span class="status-dot dot-gray"></span> |
| <strong class="text-secondary fs-5">Server Not Started</strong> |
| </div> |
|
|
| <form method="POST"> |
| <input type="hidden" name="action" value="start_server"> |
| <div class="mb-3"> |
| <label class="form-label fw-semibold">EE Model from Hub</label> |
| <input class="form-control" name="ee_model_name" placeholder="org/model-name" required> |
| </div> |
| <div class="mb-3"> |
| <label class="form-label fw-semibold">HF Token</label> |
| <input type="password" class="form-control" name="hf_token" placeholder="hf_..." required> |
| </div> |
| <button class="btn btn-success w-100">▶ Load & Start Server</button> |
| </form> |
| {% endif %} |
| </div> |
|
|
| |
| {% with messages = get_flashed_messages(with_categories=true) %} |
| {% if messages %} |
| {% for category, msg in messages %} |
| <div class="alert alert-{{ category }} rounded-3">{{ msg }}</div> |
| {% endfor %} |
| {% endif %} |
| {% endwith %} |
|
|
| </body> |
| </html> |
