Hugging Face's logo

Spaces:
ACLASCollege
/
aegis-graph-final
Running

App Files Community
ACLASCollege commited on
Commit
88429cf
·
verified ·
1 Parent(s): ecbbc4e

chore: sync dashboard index.html

Browse files
Files changed (1) hide show
  1. dashboard/index.html +335 -0
dashboard/index.html ADDED
@@ -0,0 +1,335 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
+ <meta property="og:site_name" content="Aegis-Graph Sovereign Network">
7
+ <meta property="og:type" content="website">
8
+
9
+ <!-- Status -->
10
+ <!-- DEMO DASHBOARD: SAMPLE DATA -->
11
+ <!-- SAMPLE SNAPSHOT — NOT A LIVE LEDGER -->
12
+
13
+ <!-- Structured Data for AEO (JSON-LD) -->
14
+ <title>Institutional Dashboard | Aegis-Graph Sovereign Node</title>
15
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=JetBrains+Mono:wght@400;600&family=Outfit:wght@500;700&display=swap" rel="stylesheet">
16
+ <style>
17
+ :root {
18
+ --bg: #050505;
19
+ --card-bg: rgba(15, 15, 15, 0.8);
20
+ --border: rgba(255, 255, 255, 0.08);
21
+ --foreground: #ffffff;
22
+ --accent: #00ffaa;
23
+ --accent-dim: #008855;
24
+ --success: #00ffaa;
25
+ --warning: #ffaa00;
26
+ --danger: #ff4444;
27
+ --sidebar-width: 260px;
28
+ }
29
+
30
+ * { margin: 0; padding: 0; box-sizing: border-box; }
31
+
32
+ body {
33
+ background: var(--bg);
34
+ color: var(--foreground);
35
+ font-family: 'Inter', sans-serif;
36
+ overflow: hidden;
37
+ height: 100vh;
38
+ display: flex;
39
+ }
40
+
41
+ /* --- Sidebar --- */
42
+ aside {
43
+ width: var(--sidebar-width);
44
+ border-right: 1px solid var(--border);
45
+ background: rgba(10, 10, 10, 0.5);
46
+ display: flex;
47
+ flex-direction: column;
48
+ padding: 24px;
49
+ }
50
+
51
+ .node-info {
52
+ margin-bottom: 40px;
53
+ }
54
+
55
+ .node-info h2 {
56
+ font-family: 'Outfit', sans-serif;
57
+ font-size: 18px;
58
+ letter-spacing: -0.5px;
59
+ margin-bottom: 4px;
60
+ }
61
+
62
+ .node-tag {
63
+ font-size: 10px;
64
+ color: var(--accent);
65
+ font-family: 'JetBrains Mono', monospace;
66
+ background: rgba(0, 255, 170, 0.1);
67
+ padding: 2px 6px;
68
+ border-radius: 4px;
69
+ }
70
+
71
+ nav ul { list-style: none; }
72
+ nav li {
73
+ padding: 12px 16px;
74
+ margin-bottom: 8px;
75
+ border-radius: 8px;
76
+ font-size: 14px;
77
+ font-weight: 500;
78
+ cursor: pointer;
79
+ transition: all 0.2s;
80
+ color: #888;
81
+ display: flex;
82
+ align-items: center;
83
+ gap: 12px;
84
+ }
85
+
86
+ nav li:hover, nav li.active {
87
+ background: rgba(255, 255, 255, 0.05);
88
+ color: var(--foreground);
89
+ }
90
+
91
+ nav li.active { border: 1px solid var(--border); }
92
+
93
+ /* --- Main Content --- */
94
+ main {
95
+ flex: 1;
96
+ display: flex;
97
+ flex-direction: column;
98
+ overflow: hidden;
99
+ }
100
+
101
+ header {
102
+ height: 70px;
103
+ border-bottom: 1px solid var(--border);
104
+ display: flex;
105
+ align-items: center;
106
+ justify-content: space-between;
107
+ padding: 0 32px;
108
+ background: rgba(5, 5, 5, 0.8);
109
+ backdrop-filter: blur(20px);
110
+ }
111
+
112
+ .search-bar {
113
+ background: rgba(255, 255, 255, 0.03);
114
+ border: 1px solid var(--border);
115
+ padding: 8px 16px;
116
+ border-radius: 100px;
117
+ width: 400px;
118
+ font-size: 13px;
119
+ color: #ccc;
120
+ }
121
+
122
+ .status-pill {
123
+ display: flex;
124
+ align-items: center;
125
+ gap: 8px;
126
+ font-size: 11px;
127
+ font-weight: 600;
128
+ color: var(--accent);
129
+ text-transform: uppercase;
130
+ }
131
+
132
+ .pulse {
133
+ width: 8px;
134
+ height: 8px;
135
+ background: var(--accent);
136
+ border-radius: 50%;
137
+ box-shadow: 0 0 10px var(--accent);
138
+ animation: pulse 2s infinite;
139
+ }
140
+
141
+ @keyframes pulse {
142
+ 0% { opacity: 1; }
143
+ 50% { opacity: 0.3; }
144
+ 100% { opacity: 1; }
145
+ }
146
+
147
+ .content-area {
148
+ flex: 1;
149
+ padding: 32px;
150
+ overflow-y: auto;
151
+ }
152
+
153
+ .grid-dashboard {
154
+ display: grid;
155
+ grid-template-columns: repeat(3, 1fr);
156
+ gap: 24px;
157
+ margin-bottom: 32px;
158
+ }
159
+
160
+ .stat-card {
161
+ background: var(--card-bg);
162
+ border: 1px solid var(--border);
163
+ padding: 24px;
164
+ border-radius: 16px;
165
+ transition: transform 0.2s;
166
+ }
167
+
168
+ .stat-card:hover { transform: translateY(-2px); }
169
+
170
+ .stat-label { font-size: 12px; color: #888; margin-bottom: 8px; font-weight: 600; }
171
+ .stat-value { font-family: 'Outfit', sans-serif; font-size: 32px; font-weight: 700; }
172
+
173
+ /* --- Audit Table --- */
174
+ .section-header {
175
+ display: flex;
176
+ justify-content: space-between;
177
+ align-items: center;
178
+ margin-bottom: 24px;
179
+ }
180
+
181
+ .section-header h2 { font-family: 'Outfit', sans-serif; font-size: 20px; }
182
+
183
+ .audit-table {
184
+ width: 100%;
185
+ border-collapse: collapse;
186
+ background: var(--card-bg);
187
+ border: 1px solid var(--border);
188
+ border-radius: 16px;
189
+ overflow: hidden;
190
+ }
191
+
192
+ .audit-table th, .audit-table td {
193
+ padding: 16px 24px;
194
+ text-align: left;
195
+ border-bottom: 1px solid var(--border);
196
+ font-size: 13px;
197
+ }
198
+
199
+ .audit-table th { color: #888; font-weight: 600; text-transform: uppercase; font-size: 11px; }
200
+
201
+ .verdict-approved { color: var(--success); font-weight: 600; }
202
+ .verdict-rejected { color: var(--danger); font-weight: 600; }
203
+
204
+ /* --- Agent Swarm --- */
205
+ .swarm-container {
206
+ position: fixed;
207
+ bottom: 32px;
208
+ right: 32px;
209
+ display: flex;
210
+ gap: 16px;
211
+ }
212
+
213
+ .agent-pill {
214
+ background: rgba(0, 0, 0, 0.8);
215
+ border: 1px solid var(--border);
216
+ padding: 8px 16px;
217
+ border-radius: 100px;
218
+ font-size: 11px;
219
+ font-weight: 600;
220
+ display: flex;
221
+ align-items: center;
222
+ gap: 8px;
223
+ backdrop-filter: blur(10px);
224
+ }
225
+
226
+ .dot { width: 6px; height: 6px; border-radius: 50%; }
227
+ .dot.online { background: var(--success); box-shadow: 0 0 8px var(--success); }
228
+
229
+ </style>
230
+ </head>
231
+ <body>
232
+ <aside>
233
+ <div class="node-info">
234
+ <h2>ACLAS College</h2>
235
+ <span class="node-tag">NODE_0782_ATL</span>
236
+ </div>
237
+ <nav>
238
+ <ul>
239
+ <li class="active">Overview</li>
240
+ <li>Verification Queue</li>
241
+ <li>Institutional Nodes</li>
242
+ <li>Agent Configuration</li>
243
+ <li>System Logs</li>
244
+ <li>Security & Keys</li>
245
+ </ul>
246
+ </nav>
247
+ </aside>
248
+
249
+ <main>
250
+ <header>
251
+ <div class="search-bar">Search verification IDs, hashes or institutions...</div>
252
+ <div class="status-pill">
253
+ <div class="pulse"></div>
254
+ Sovereign Network: Online
255
+ </div>
256
+ </header>
257
+
258
+ <div class="content-area">
259
+ <div class="section-header">
260
+ <h2>Network Overview</h2>
261
+ <div style="font-size: 12px; color: #666">LAST SYNC: 2026-04-30 15:58:27</div>
262
+ </div>
263
+
264
+ <div class="grid-dashboard">
265
+ <div class="stat-card">
266
+ <div class="stat-label">TOTAL AUDITS</div>
267
+ <div class="stat-value">12,482</div>
268
+ </div>
269
+ <div class="stat-card">
270
+ <div class="stat-label">TRUST VELOCITY</div>
271
+ <div class="stat-value">98.4%</div>
272
+ </div>
273
+ <div class="stat-card">
274
+ <div class="stat-label">REJECTED (FRAUD)</div>
275
+ <div class="stat-value" style="color: var(--danger)">412</div>
276
+ </div>
277
+ </div>
278
+
279
+ <div class="section-header">
280
+ <h2>Recent Verifications</h2>
281
+ </div>
282
+
283
+ <table class="audit-table">
284
+ <thead>
285
+ <tr>
286
+ <th>Verification ID</th>
287
+ <th>Institution</th>
288
+ <th>Status</th>
289
+ <th>Agent Verdict</th>
290
+ <th>Risk</th>
291
+ </tr>
292
+ </thead>
293
+ <tbody>
294
+ <tr>
295
+ <td style="font-family: 'JetBrains Mono'">#AG-782-01</td>
296
+ <td>Harvard University</td>
297
+ <td class="verdict-approved">VERIFIED</td>
298
+ <td>Swarm Consensus</td>
299
+ <td>0.02</td>
300
+ </tr>
301
+ <tr>
302
+ <td style="font-family: 'JetBrains Mono'">#AG-782-02</td>
303
+ <td>Graham International University</td>
304
+ <td class="verdict-rejected">REJECTED</td>
305
+ <td>Step-0 Filter</td>
306
+ <td>100.0</td>
307
+ </tr>
308
+ <tr>
309
+ <td style="font-family: 'JetBrains Mono'">#AG-782-03</td>
310
+ <td>Stanford University</td>
311
+ <td class="verdict-approved">VERIFIED</td>
312
+ <td>Vision Analysis</td>
313
+ <td>0.05</td>
314
+ </tr>
315
+ </tbody>
316
+ </table>
317
+ </div>
318
+ </main>
319
+
320
+ <div class="swarm-container">
321
+ <div class="agent-pill">
322
+ <div class="dot online"></div>
323
+ VISION_FORENSICS
324
+ </div>
325
+ <div class="agent-pill">
326
+ <div class="dot online"></div>
327
+ GRAPH_NAVIGATOR
328
+ </div>
329
+ <div class="agent-pill">
330
+ <div class="dot online"></div>
331
+ LOGIC_AUDITOR
332
+ </div>
333
+ </div>
334
+ </body>
335
+ </html>