@teamlens/web 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,83 @@
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>TeamLens Dashboard</title>
7
+ <link rel="stylesheet" href="/styles.css" />
8
+ </head>
9
+ <body>
10
+ <div class="layout">
11
+ <!-- Sidebar -->
12
+ <aside class="sidebar">
13
+ <div class="sidebar-header">
14
+ <div class="logo">
15
+ <svg width="28" height="28" viewBox="0 0 28 28" fill="none">
16
+ <rect width="28" height="28" rx="6" fill="#6366f1"/>
17
+ <path d="M8 14C8 10.686 10.686 8 14 8C17.314 8 20 10.686 20 14" stroke="white" stroke-width="2" stroke-linecap="round"/>
18
+ <path d="M6 18C6 13.582 9.582 10 14 10C18.418 10 22 13.582 22 18" stroke="white" stroke-width="2" stroke-linecap="round" opacity="0.5"/>
19
+ <circle cx="14" cy="14" r="2" fill="white"/>
20
+ </svg>
21
+ <span class="logo-text">TeamLens</span>
22
+ </div>
23
+ <span class="version-badge">v0.1.0</span>
24
+ </div>
25
+
26
+ <nav class="nav">
27
+ <a href="#overview" class="nav-item active" data-page="overview">
28
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none"><rect x="1" y="1" width="7" height="7" rx="1.5" stroke="currentColor" stroke-width="1.5"/><rect x="10" y="1" width="7" height="7" rx="1.5" stroke="currentColor" stroke-width="1.5"/><rect x="1" y="10" width="7" height="7" rx="1.5" stroke="currentColor" stroke-width="1.5"/><rect x="10" y="10" width="7" height="7" rx="1.5" stroke="currentColor" stroke-width="1.5"/></svg>
29
+ Overview
30
+ </a>
31
+ <a href="#sessions" class="nav-item" data-page="sessions">
32
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M3 4.5h12M3 9h12M3 13.5h8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
33
+ Sessions
34
+ </a>
35
+ <a href="#insights" class="nav-item" data-page="insights">
36
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none"><circle cx="9" cy="7" r="4" stroke="currentColor" stroke-width="1.5"/><path d="M7.5 11v3.5a1.5 1.5 0 003 0V11" stroke="currentColor" stroke-width="1.5"/></svg>
37
+ Insights
38
+ </a>
39
+ <a href="#contributors" class="nav-item" data-page="contributors">
40
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none"><circle cx="9" cy="5.5" r="3" stroke="currentColor" stroke-width="1.5"/><path d="M3 16c0-3.314 2.686-6 6-6s6 2.686 6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
41
+ Contributors
42
+ </a>
43
+ <a href="#analytics" class="nav-item" data-page="analytics">
44
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M3 15V8M7 15V5M11 15V9M15 15V3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
45
+ Analytics
46
+ </a>
47
+ </nav>
48
+
49
+ <div class="sidebar-footer">
50
+ <div class="refresh-indicator">
51
+ <span class="pulse-dot"></span>
52
+ <span class="refresh-text">Auto-refresh: <strong>30s</strong></span>
53
+ </div>
54
+ </div>
55
+ </aside>
56
+
57
+ <!-- Main Content -->
58
+ <main class="main">
59
+ <header class="topbar">
60
+ <h1 class="page-title" id="page-title">Overview</h1>
61
+ <div class="topbar-actions">
62
+ <button class="btn btn-ghost mobile-menu-btn" id="mobile-menu-btn" title="Menu">
63
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M2 4h12M2 8h12M2 12h12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
64
+ </button>
65
+ <button class="btn btn-ghost" id="refresh-btn" title="Refresh now">
66
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M13.65 2.35A8 8 0 103.34 13.66" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><path d="M14 1v4h-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
67
+ Refresh
68
+ </button>
69
+ </div>
70
+ </header>
71
+
72
+ <div class="content" id="content">
73
+ <div class="loading-state">
74
+ <div class="spinner"></div>
75
+ <p>Loading dashboard...</p>
76
+ </div>
77
+ </div>
78
+ </main>
79
+ </div>
80
+
81
+ <script src="/app.js"></script>
82
+ </body>
83
+ </html>