pixelcrew 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.
- package/LICENSE +190 -0
- package/README.md +341 -0
- package/bin/pixel-agents.js +372 -0
- package/package.json +47 -0
- package/src/dashboard/app.js +1047 -0
- package/src/dashboard/index.html +232 -0
- package/src/dashboard/styles.css +892 -0
- package/src/index.js +3 -0
- package/src/orchestrator/engine.js +652 -0
- package/src/scaffold/analyzer.js +398 -0
- package/src/scaffold/init.js +155 -0
- package/src/scaffold/templates.js +384 -0
- package/src/server/server.js +232 -0
|
@@ -0,0 +1,232 @@
|
|
|
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>PIXEL CORPS โ Autonomous AI Startup Office HQ</title>
|
|
7
|
+
<meta name="description" content="Local multi-agent orchestration framework with an interactive pixel-art corporate tech startup office dashboard.">
|
|
8
|
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
9
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
10
|
+
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Silkscreen:wght@400;700&family=VT323&display=swap" rel="stylesheet">
|
|
11
|
+
<link rel="stylesheet" href="styles.css">
|
|
12
|
+
</head>
|
|
13
|
+
<body class="crt-active">
|
|
14
|
+
<!-- CRT Screen Scanline Overlay -->
|
|
15
|
+
<div class="crt-scanlines" id="crtOverlay"></div>
|
|
16
|
+
<div class="crt-vignette"></div>
|
|
17
|
+
|
|
18
|
+
<div class="pixel-app">
|
|
19
|
+
<!-- STARTUP OFFICE HEADER -->
|
|
20
|
+
<header class="arcade-header">
|
|
21
|
+
<div class="header-left">
|
|
22
|
+
<div class="logo-box">
|
|
23
|
+
<span class="pixel-icon">๐ข</span>
|
|
24
|
+
<div>
|
|
25
|
+
<h1 class="logo-title" id="logoTitle">PIXELCREW HQ</h1>
|
|
26
|
+
<span class="logo-subtitle" id="logoSubtitle">FLOOR 42 // AUTONOMOUS TECH STARTUP</span>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
<div class="project-badge" id="projectBadge">
|
|
30
|
+
<span class="badge-label">PRODUCT:</span>
|
|
31
|
+
<span class="badge-value" id="projectName">my-orchestrated-app</span>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
|
|
35
|
+
<div class="header-center">
|
|
36
|
+
<div class="office-meters">
|
|
37
|
+
<div class="meter-item">
|
|
38
|
+
<span class="meter-label">โ COFFEE:</span>
|
|
39
|
+
<div class="pixel-meter"><div class="pixel-meter-fill" id="coffeeFill" style="width: 88%;"></div></div>
|
|
40
|
+
</div>
|
|
41
|
+
<div class="meter-item">
|
|
42
|
+
<span class="meter-label">โก VELOCITY:</span>
|
|
43
|
+
<div class="pixel-meter"><div class="pixel-meter-fill velocity" id="velocityFill" style="width: 95%;"></div></div>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
<div class="status-indicator" id="swarmStatusBadge">
|
|
47
|
+
<span class="status-dot" id="statusDot"></span>
|
|
48
|
+
<span class="status-text" id="swarmStatusText">STANDBY</span>
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
51
|
+
|
|
52
|
+
<div class="header-right">
|
|
53
|
+
<button class="pixel-btn btn-sm" id="btnAudioToggle" title="Toggle 8-bit Audio SFX">
|
|
54
|
+
<span id="audioIcon">๐</span> SFX
|
|
55
|
+
</button>
|
|
56
|
+
<button class="pixel-btn btn-sm" id="btnCrtToggle" title="Toggle CRT Scanline Effect">
|
|
57
|
+
<span>๐บ</span> CRT
|
|
58
|
+
</button>
|
|
59
|
+
<button class="pixel-btn btn-sm" id="btnNightToggle" title="Toggle Night Shift / Cyberpunk Neon">
|
|
60
|
+
<span id="nightIcon">๐</span> NIGHT
|
|
61
|
+
</button>
|
|
62
|
+
<button class="pixel-btn btn-sm btn-warn" id="btnReset" title="Call All-Hands Reset">
|
|
63
|
+
<span>๐</span> RESET
|
|
64
|
+
</button>
|
|
65
|
+
<button class="pixel-btn btn-sm btn-primary" id="btnDemo" title="Launch Startup Sprint Demo">
|
|
66
|
+
<span>๐</span> SPRINT DEMO
|
|
67
|
+
</button>
|
|
68
|
+
</div>
|
|
69
|
+
</header>
|
|
70
|
+
|
|
71
|
+
<!-- SPRINT OBJECTIVE & TASK BAR -->
|
|
72
|
+
<section class="task-dispatch-section">
|
|
73
|
+
<form class="task-form" id="taskForm">
|
|
74
|
+
<div class="prompt-input-wrapper">
|
|
75
|
+
<span class="prompt-prefix">SPRINT GOAL ></span>
|
|
76
|
+
<input
|
|
77
|
+
type="text"
|
|
78
|
+
class="pixel-input"
|
|
79
|
+
id="taskInput"
|
|
80
|
+
placeholder="Assign product milestone to the engineering team (e.g. 'Optimize Prisma queries & deploy CRM search bar')..."
|
|
81
|
+
autocomplete="off"
|
|
82
|
+
/>
|
|
83
|
+
<button type="submit" class="pixel-btn btn-primary" id="btnSubmitTask">
|
|
84
|
+
<span>๐ป</span> ASSIGN SPRINT
|
|
85
|
+
</button>
|
|
86
|
+
</div>
|
|
87
|
+
</form>
|
|
88
|
+
<div class="quick-prompts">
|
|
89
|
+
<span class="quick-title">QUICK TICKETS:</span>
|
|
90
|
+
<button class="quick-tag" data-prompt="Find slow Prisma queries and create optimized database index">โ DB: Optimize Indexes</button>
|
|
91
|
+
<button class="quick-tag" data-prompt="Build customer CRM dashboard with React and API endpoints">๐จ FE/BE: Build CRM Module</button>
|
|
92
|
+
<button class="quick-tag" data-prompt="Audit security authentication and profile Core Web Vitals">๐ก๏ธ SEC/PERF: Audit & Speed</button>
|
|
93
|
+
<button class="quick-tag" data-prompt="Run full end-to-end regression and Playwright integration suite">๐งช QA: Green Test Suite</button>
|
|
94
|
+
</div>
|
|
95
|
+
</section>
|
|
96
|
+
|
|
97
|
+
<!-- MAIN OFFICE FLOOR PLAN & WORKSTATIONS -->
|
|
98
|
+
<main class="orchestration-layout">
|
|
99
|
+
|
|
100
|
+
<!-- PIXEL ART STARTUP OFFICE FLOOR PLAN (CANVAS) -->
|
|
101
|
+
<section class="office-floor-section pixel-panel">
|
|
102
|
+
<div class="panel-header">
|
|
103
|
+
<div class="office-tab-title">
|
|
104
|
+
<span class="office-status-pill">โ LIVE WORKSPACE</span>
|
|
105
|
+
<span class="panel-title" id="officeFloorTitle">PIXELCREW OPEN-PLAN OFFICE FLOOR</span>
|
|
106
|
+
</div>
|
|
107
|
+
<div class="office-legend">
|
|
108
|
+
<span class="legend-item"><span class="legend-dot fe"></span> FE</span>
|
|
109
|
+
<span class="legend-item"><span class="legend-dot be"></span> BE</span>
|
|
110
|
+
<span class="legend-item"><span class="legend-dot db"></span> DB</span>
|
|
111
|
+
<span class="legend-item"><span class="legend-dot sec"></span> SEC</span>
|
|
112
|
+
<span class="legend-item"><span class="legend-dot perf"></span> PERF</span>
|
|
113
|
+
<span class="legend-item"><span class="legend-dot qa"></span> QA</span>
|
|
114
|
+
<span class="legend-item"><span class="legend-dot lead"></span> LEAD</span>
|
|
115
|
+
</div>
|
|
116
|
+
</div>
|
|
117
|
+
|
|
118
|
+
<div class="office-canvas-container">
|
|
119
|
+
<canvas id="officeCanvas" width="960" height="420" class="office-canvas"></canvas>
|
|
120
|
+
|
|
121
|
+
<!-- Hover Workstation Tooltip -->
|
|
122
|
+
<div class="desk-tooltip" id="deskTooltip" style="display: none;">
|
|
123
|
+
<div class="tooltip-name" id="tooltipName">Frontend Desk</div>
|
|
124
|
+
<div class="tooltip-status" id="tooltipStatus">WORKING</div>
|
|
125
|
+
<div class="tooltip-task" id="tooltipTask">Building React components...</div>
|
|
126
|
+
</div>
|
|
127
|
+
</div>
|
|
128
|
+
|
|
129
|
+
<div class="office-footer-bar">
|
|
130
|
+
<div class="office-metrics">
|
|
131
|
+
<span>TEAM MEMBERS: <strong id="activeAgentCount">0/6 WORKING</strong></span>
|
|
132
|
+
<span>SPRINT PROGRESS: <strong id="orchProgressText">0%</strong></span>
|
|
133
|
+
<span>SPRINT TIME: <strong id="missionElapsed">00:00</strong></span>
|
|
134
|
+
</div>
|
|
135
|
+
<div class="office-hints">
|
|
136
|
+
<span>๐ฑ๏ธ CLICK ANY EMPLOYEE DESK TO INSPECT TICKETS & PERMISSIONS</span>
|
|
137
|
+
</div>
|
|
138
|
+
</div>
|
|
139
|
+
</section>
|
|
140
|
+
|
|
141
|
+
<!-- EMPLOYEE WORKSTATIONS CARDS GRID -->
|
|
142
|
+
<section class="agents-roster-section">
|
|
143
|
+
<div class="section-title-bar">
|
|
144
|
+
<span class="section-title">ENGINEERING SQUADS & WORKSTATIONS</span>
|
|
145
|
+
<span class="section-subtitle">CLICK CARD TO OPEN EMPLOYEE DRAWER</span>
|
|
146
|
+
</div>
|
|
147
|
+
|
|
148
|
+
<div class="agents-grid" id="agentsGrid">
|
|
149
|
+
<!-- Populated dynamically by app.js -->
|
|
150
|
+
</div>
|
|
151
|
+
</section>
|
|
152
|
+
|
|
153
|
+
<!-- BOTTOM SPLIT: SLACK / TERMINAL & JIRA SKILLS -->
|
|
154
|
+
<div class="bottom-split-section">
|
|
155
|
+
<!-- STARTUP SLACK CHAT & LIVE TERMINAL -->
|
|
156
|
+
<section class="activity-panel pixel-panel">
|
|
157
|
+
<div class="panel-header">
|
|
158
|
+
<div class="terminal-controls">
|
|
159
|
+
<span class="term-btn term-red"></span>
|
|
160
|
+
<span class="term-btn term-yellow"></span>
|
|
161
|
+
<span class="term-btn term-green"></span>
|
|
162
|
+
<span class="panel-title">#engineering-feed // SLACK STREAM</span>
|
|
163
|
+
</div>
|
|
164
|
+
<div class="activity-actions">
|
|
165
|
+
<div class="filter-group" id="agentFilters">
|
|
166
|
+
<button class="filter-chip active" data-filter="all">#ALL</button>
|
|
167
|
+
<button class="filter-chip" data-filter="orchestrator">#LEAD</button>
|
|
168
|
+
<button class="filter-chip" data-filter="frontend">#FE</button>
|
|
169
|
+
<button class="filter-chip" data-filter="backend">#BE</button>
|
|
170
|
+
<button class="filter-chip" data-filter="database">#DB</button>
|
|
171
|
+
<button class="filter-chip" data-filter="security">#SEC</button>
|
|
172
|
+
<button class="filter-chip" data-filter="performance">#PERF</button>
|
|
173
|
+
<button class="filter-chip" data-filter="qa">#QA</button>
|
|
174
|
+
</div>
|
|
175
|
+
<button class="pixel-btn btn-xs" id="btnClearLogs">CLEAR</button>
|
|
176
|
+
</div>
|
|
177
|
+
</div>
|
|
178
|
+
<div class="terminal-logs" id="terminalLogs">
|
|
179
|
+
<div class="log-entry log-system">
|
|
180
|
+
<span class="log-time">[09:00:00]</span>
|
|
181
|
+
<span class="log-agent log-agent-orchestrator">SLACKBOT</span>
|
|
182
|
+
<span class="log-msg">๐ข Team logged in to Pixel Corps HQ. All workstations ready for sprint tasks.</span>
|
|
183
|
+
</div>
|
|
184
|
+
</div>
|
|
185
|
+
</section>
|
|
186
|
+
|
|
187
|
+
<!-- SPRINT SKILLS & JIRA CAPABILITY MATRIX -->
|
|
188
|
+
<section class="skills-panel pixel-panel">
|
|
189
|
+
<div class="panel-header">
|
|
190
|
+
<span class="panel-title">SPRINT SKILL MATRIX</span>
|
|
191
|
+
<span class="skill-stats-badge" id="skillStatsBadge">0/18 READY</span>
|
|
192
|
+
</div>
|
|
193
|
+
<div class="skills-list" id="skillsList">
|
|
194
|
+
<!-- Populated dynamically -->
|
|
195
|
+
</div>
|
|
196
|
+
</section>
|
|
197
|
+
</div>
|
|
198
|
+
</main>
|
|
199
|
+
|
|
200
|
+
<!-- EMPLOYEE INSPECTION MODAL / DRAWER -->
|
|
201
|
+
<div class="pixel-modal-backdrop" id="agentModal">
|
|
202
|
+
<div class="pixel-modal-card">
|
|
203
|
+
<div class="modal-header">
|
|
204
|
+
<div class="modal-title-box">
|
|
205
|
+
<span class="modal-agent-icon" id="modalAgentIcon">๐ผ</span>
|
|
206
|
+
<h2 class="modal-agent-name" id="modalAgentName">Employee Workstation</h2>
|
|
207
|
+
</div>
|
|
208
|
+
<button class="pixel-btn btn-sm btn-warn" id="btnCloseModal">โ</button>
|
|
209
|
+
</div>
|
|
210
|
+
<div class="modal-body" id="modalAgentBody">
|
|
211
|
+
<!-- Dynamic Content -->
|
|
212
|
+
</div>
|
|
213
|
+
</div>
|
|
214
|
+
</div>
|
|
215
|
+
|
|
216
|
+
<!-- ARCADE / OFFICE FOOTER -->
|
|
217
|
+
<footer class="arcade-footer">
|
|
218
|
+
<div class="footer-left">
|
|
219
|
+
<span>PRESS [1..6] TO OPEN EMPLOYEE PROFILE</span>
|
|
220
|
+
<span>โข</span>
|
|
221
|
+
<span>[SPACE] SPRINT DEMO</span>
|
|
222
|
+
</div>
|
|
223
|
+
<div class="footer-right">
|
|
224
|
+
<span class="heartbeat-indicator">โ OFFICE WIFI CONNECTED</span>
|
|
225
|
+
<span>PIXEL CORPS TECH DAEMON</span>
|
|
226
|
+
</div>
|
|
227
|
+
</footer>
|
|
228
|
+
</div>
|
|
229
|
+
|
|
230
|
+
<script src="app.js"></script>
|
|
231
|
+
</body>
|
|
232
|
+
</html>
|