ninja-terminals 2.0.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,60 @@
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>Ninja Terminals</title>
7
+ <link rel="preconnect" href="https://fonts.googleapis.com">
8
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9
+ <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@400;600;700&display=swap" rel="stylesheet">
10
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@xterm/xterm@5.5.0/css/xterm.min.css">
11
+ <link rel="stylesheet" href="style.css">
12
+ </head>
13
+ <body>
14
+ <div id="app">
15
+ <aside id="sidebar">
16
+ <div class="sidebar-header">
17
+ <div class="logo-card">
18
+ <span class="logo">NINJA TERMINALS</span>
19
+ <span class="logo-sub">Multi-Agent Orchestrator</span>
20
+ </div>
21
+ <div class="logo-stripes">
22
+ <div class="stripe s1"></div>
23
+ <div class="stripe s2"></div>
24
+ <div class="stripe s3"></div>
25
+ <div class="stripe s4"></div>
26
+ </div>
27
+ <button id="sidebar-toggle" class="sidebar-toggle" title="Toggle sidebar">&#9776;</button>
28
+ </div>
29
+ <div class="sidebar-section">
30
+ <h3 class="sidebar-title">Activity</h3>
31
+ <div id="activity-feed"></div>
32
+ </div>
33
+ <hr>
34
+ <div class="sidebar-section">
35
+ <h3 class="sidebar-title">Task Queue</h3>
36
+ <div id="task-queue"></div>
37
+ <button id="add-task-btn" class="add-task-btn">+ Add Task</button>
38
+ </div>
39
+ </aside>
40
+ <main>
41
+ <div id="grid"></div>
42
+ </main>
43
+ </div>
44
+ <footer id="status-bar">
45
+ <div id="status-counts"></div>
46
+ <div id="status-progress">Overall: 0%</div>
47
+ </footer>
48
+ <div class="status-stripes">
49
+ <div class="stripe s1"></div>
50
+ <div class="stripe s2"></div>
51
+ <div class="stripe s3"></div>
52
+ <div class="stripe s4"></div>
53
+ </div>
54
+
55
+ <script src="https://cdn.jsdelivr.net/npm/@xterm/xterm@5.5.0/lib/xterm.min.js"></script>
56
+ <script src="https://cdn.jsdelivr.net/npm/@xterm/addon-fit@0.10.0/lib/addon-fit.min.js"></script>
57
+ <script src="https://cdn.jsdelivr.net/npm/@xterm/addon-web-links@0.11.0/lib/addon-web-links.min.js"></script>
58
+ <script src="app.js"></script>
59
+ </body>
60
+ </html>