Hugging Face's logo

Spaces:
amaljoe88
/
vision-coder-openenv
Running

App Files Community
vision-coder-openenv
File size: 4,588 Bytes
cf6c0e0
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Dashboard</title></head>
<body style="margin:0;font-family:sans-serif;background:#0f172a;color:#e2e8f0;display:flex;min-height:100vh;">
  <aside style="width:200px;background:#1e293b;padding:24px 0;flex-shrink:0;">
    <div style="padding:0 20px 24px;font-size:18px;font-weight:700;color:#fff;border-bottom:1px solid #334155;">⚡ Pulsar</div>
    <nav style="padding:16px 0;">
      <a style="display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;color:#fff;background:#334155;text-decoration:none;margin-bottom:2px;">📊 Overview</a>
      <a style="display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;color:#94a3b8;text-decoration:none;margin-bottom:2px;">🚀 Deployments</a>
      <a style="display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;color:#94a3b8;text-decoration:none;margin-bottom:2px;">📁 Projects</a>
      <a style="display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;color:#94a3b8;text-decoration:none;margin-bottom:2px;">👥 Team</a>
      <a style="display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;color:#94a3b8;text-decoration:none;">⚙️ Settings</a>
    </nav>
  </aside>
  <main style="flex:1;padding:32px;">
    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;">
      <h1 style="margin:0;font-size:22px;">Overview</h1>
      <button style="padding:9px 18px;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;">+ New Project</button>
    </div>
    <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;">
      <div style="background:#1e293b;border-radius:10px;padding:20px;"><p style="margin:0 0 8px;font-size:12px;color:#94a3b8;">DEPLOYMENTS</p><p style="margin:0;font-size:28px;font-weight:700;">1,284</p><p style="margin:4px 0 0;font-size:12px;color:#34d399;">↑ 12% this week</p></div>
      <div style="background:#1e293b;border-radius:10px;padding:20px;"><p style="margin:0 0 8px;font-size:12px;color:#94a3b8;">SUCCESS RATE</p><p style="margin:0;font-size:28px;font-weight:700;">99.2%</p><p style="margin:4px 0 0;font-size:12px;color:#34d399;">↑ 0.3% this week</p></div>
      <div style="background:#1e293b;border-radius:10px;padding:20px;"><p style="margin:0 0 8px;font-size:12px;color:#94a3b8;">AVG BUILD TIME</p><p style="margin:0;font-size:28px;font-weight:700;">28s</p><p style="margin:4px 0 0;font-size:12px;color:#fb923c;">↓ 3s slower</p></div>
      <div style="background:#1e293b;border-radius:10px;padding:20px;"><p style="margin:0 0 8px;font-size:12px;color:#94a3b8;">ACTIVE PROJECTS</p><p style="margin:0;font-size:28px;font-weight:700;">47</p><p style="margin:4px 0 0;font-size:12px;color:#34d399;">↑ 3 new</p></div>
    </div>
    <div style="background:#1e293b;border-radius:10px;padding:24px;">
      <h2 style="margin:0 0 20px;font-size:16px;">Recent Deployments</h2>
      <table style="width:100%;border-collapse:collapse;font-size:13px;">
        <thead><tr style="color:#64748b;border-bottom:1px solid #334155;"><th style="text-align:left;padding:8px 0;">Project</th><th style="text-align:left;padding:8px 0;">Branch</th><th style="text-align:left;padding:8px 0;">Status</th><th style="text-align:left;padding:8px 0;">Time</th></tr></thead>
        <tbody>
          <tr style="border-bottom:1px solid #1e293b;"><td style="padding:12px 0;color:#e2e8f0;">api-service</td><td style="padding:12px 0;color:#94a3b8;">main</td><td style="padding:12px 0;"><span style="background:#dcfce7;color:#16a34a;padding:3px 10px;border-radius:20px;font-size:11px;">✓ Success</span></td><td style="padding:12px 0;color:#94a3b8;">2 min ago</td></tr>
          <tr style="border-bottom:1px solid #1e293b;"><td style="padding:12px 0;color:#e2e8f0;">web-frontend</td><td style="padding:12px 0;color:#94a3b8;">feat/auth</td><td style="padding:12px 0;"><span style="background:#fef3c7;color:#d97706;padding:3px 10px;border-radius:20px;font-size:11px;">⟳ Building</span></td><td style="padding:12px 0;color:#94a3b8;">5 min ago</td></tr>
          <tr><td style="padding:12px 0;color:#e2e8f0;">ml-pipeline</td><td style="padding:12px 0;color:#94a3b8;">main</td><td style="padding:12px 0;"><span style="background:#fee2e2;color:#dc2626;padding:3px 10px;border-radius:20px;font-size:11px;">✗ Failed</span></td><td style="padding:12px 0;color:#94a3b8;">18 min ago</td></tr>
        </tbody>
      </table>
    </div>
  </main>
</body>
</html>