Hugging Face's logo

Spaces:
pharma-IA
/
MCP_Public_Server
Sleeping

App Files Community
geronimo-pericoli commited on
Commit
8da8f49
·
verified ·
1 Parent(s): 4fba57e

Upload dashboard.html

Browse files
Files changed (1) hide show
  1. templates/dashboard.html +122 -0
templates/dashboard.html ADDED
@@ -0,0 +1,122 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>{{ title }}</title>
7
+ <style>
8
+ :root {
9
+ --primary: #4f46e5;
10
+ --secondary: #10b981;
11
+ --dark: #1e293b;
12
+ --light: #f8fafc;
13
+ }
14
+ body {
15
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
16
+ line-height: 1.6;
17
+ color: var(--dark);
18
+ background-color: #f1f5f9;
19
+ margin: 0;
20
+ padding: 0;
21
+ }
22
+ .container {
23
+ max-width: 1200px;
24
+ margin: 0 auto;
25
+ padding: 2rem;
26
+ }
27
+ header {
28
+ background-color: var(--primary);
29
+ color: white;
30
+ padding: 1rem 2rem;
31
+ border-radius: 0.5rem;
32
+ margin-bottom: 2rem;
33
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
34
+ }
35
+ .card {
36
+ background: white;
37
+ border-radius: 0.5rem;
38
+ padding: 1.5rem;
39
+ margin-bottom: 1.5rem;
40
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
41
+ }
42
+ .card h2 {
43
+ color: var(--primary);
44
+ margin-top: 0;
45
+ border-bottom: 2px solid #e2e8f0;
46
+ padding-bottom: 0.5rem;
47
+ }
48
+ .grid {
49
+ display: grid;
50
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
51
+ gap: 1.5rem;
52
+ }
53
+ .status-badge {
54
+ display: inline-block;
55
+ padding: 0.25rem 0.5rem;
56
+ border-radius: 9999px;
57
+ background-color: var(--secondary);
58
+ color: white;
59
+ font-weight: bold;
60
+ font-size: 0.875rem;
61
+ }
62
+ .endpoint-list {
63
+ list-style: none;
64
+ padding: 0;
65
+ }
66
+ .endpoint-list li {
67
+ padding: 0.5rem 0;
68
+ border-bottom: 1px solid #e2e8f0;
69
+ }
70
+ .endpoint-list li:last-child {
71
+ border-bottom: none;
72
+ }
73
+ footer {
74
+ text-align: center;
75
+ margin-top: 2rem;
76
+ color: #64748b;
77
+ font-size: 0.875rem;
78
+ }
79
+ </style>
80
+ </head>
81
+ <body>
82
+ <div class="container">
83
+ <header>
84
+ <h1>{{ mcp_info.server_name }}</h1>
85
+ <span class="status-badge">{{ mcp_info.status }}</span>
86
+ </header>
87
+
88
+ <div class="grid">
89
+ <div class="card">
90
+ <h2>System Information</h2>
91
+ <p><strong>Hostname:</strong> {{ system_info.hostname }}</p>
92
+ <p><strong>IP:</strong> {{ system_info.ip }}</p>
93
+ <p><strong>Python Version:</strong> {{ system_info.python_version }}</p>
94
+ <p><strong>OS:</strong> {{ system_info.system }}</p>
95
+ <p><strong>CPU Cores:</strong> {{ system_info.cpu_count }}</p>
96
+ <p><strong>Memory:</strong> {{ "%.2f"|format(system_info.memory) }} GB</p>
97
+ <p><strong>Current Time:</strong> {{ system_info.current_time }}</p>
98
+ </div>
99
+
100
+ <div class="card">
101
+ <h2>MCP Server Info</h2>
102
+ <p><strong>Status:</strong> <span class="status-badge">{{ mcp_info.status }}</span></p>
103
+ <p><strong>Port:</strong> {{ mcp_info.port }}</p>
104
+
105
+ <h3>Available Endpoints:</h3>
106
+ <ul class="endpoint-list">
107
+ {% for endpoint in mcp_info.endpoints %}
108
+ <li>
109
+ <strong>{{ endpoint.name }}:</strong>
110
+ <a href="/api{{ endpoint.path }}" target="_blank">/api{{ endpoint.path }}</a>
111
+ </li>
112
+ {% endfor %}
113
+ </ul>
114
+ </div>
115
+ </div>
116
+
117
+ <footer>
118
+ <p>MCP Server running on Hugging Face Spaces | {{ system_info.current_time }}</p>
119
+ </footer>
120
+ </div>
121
+ </body>
122
+ </html>