thetacog-mcp 1.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.
- package/.workflow/bucket-builder.html +823 -0
- package/.workflow/bucket-discoverer.html +928 -0
- package/.workflow/bucket-experimenter.html +802 -0
- package/.workflow/bucket-operator.html +951 -0
- package/.workflow/bucket-strategist.html +970 -0
- package/.workflow/bucket-teacher.html +873 -0
- package/.workflow/cognitive-dashboard-enhanced.html +731 -0
- package/.workflow/cognitive-dashboard.html +296 -0
- package/CHANGELOG.md +44 -0
- package/README.md +181 -0
- package/package.json +57 -0
- package/postinstall.js +80 -0
- package/server.js +1031 -0
|
@@ -0,0 +1,731 @@
|
|
|
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>Cognitive Flow Dashboard | ThetaCoach + Claude Flow</title>
|
|
7
|
+
<style>
|
|
8
|
+
* {
|
|
9
|
+
margin: 0;
|
|
10
|
+
padding: 0;
|
|
11
|
+
box-sizing: border-box;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
body {
|
|
15
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
16
|
+
background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 100%);
|
|
17
|
+
color: white;
|
|
18
|
+
padding: 40px 20px;
|
|
19
|
+
min-height: 100vh;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.container {
|
|
23
|
+
max-width: 1600px;
|
|
24
|
+
margin: 0 auto;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.header {
|
|
28
|
+
text-align: center;
|
|
29
|
+
margin-bottom: 50px;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.header h1 {
|
|
33
|
+
font-size: 4em;
|
|
34
|
+
margin-bottom: 10px;
|
|
35
|
+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
36
|
+
-webkit-background-clip: text;
|
|
37
|
+
-webkit-text-fill-color: transparent;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.header p {
|
|
41
|
+
font-size: 1.4em;
|
|
42
|
+
opacity: 0.8;
|
|
43
|
+
margin-top: 10px;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.claude-flow-status {
|
|
47
|
+
background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%);
|
|
48
|
+
border: 2px solid #667eea;
|
|
49
|
+
border-radius: 15px;
|
|
50
|
+
padding: 25px;
|
|
51
|
+
margin-bottom: 40px;
|
|
52
|
+
display: grid;
|
|
53
|
+
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
54
|
+
gap: 20px;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.status-item {
|
|
58
|
+
text-align: center;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.status-number {
|
|
62
|
+
font-size: 2.5em;
|
|
63
|
+
font-weight: bold;
|
|
64
|
+
color: #667eea;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.status-label {
|
|
68
|
+
font-size: 0.9em;
|
|
69
|
+
opacity: 0.7;
|
|
70
|
+
margin-top: 5px;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.quick-actions {
|
|
74
|
+
display: grid;
|
|
75
|
+
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
76
|
+
gap: 15px;
|
|
77
|
+
margin-bottom: 40px;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.quick-action {
|
|
81
|
+
background: rgba(255, 255, 255, 0.05);
|
|
82
|
+
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
83
|
+
border-radius: 10px;
|
|
84
|
+
padding: 15px 20px;
|
|
85
|
+
cursor: pointer;
|
|
86
|
+
transition: all 0.3s ease;
|
|
87
|
+
display: flex;
|
|
88
|
+
align-items: center;
|
|
89
|
+
gap: 10px;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.quick-action:hover {
|
|
93
|
+
background: rgba(255, 255, 255, 0.1);
|
|
94
|
+
border-color: #667eea;
|
|
95
|
+
transform: translateX(5px);
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.quick-action-icon {
|
|
99
|
+
font-size: 1.5em;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.quick-action-text {
|
|
103
|
+
flex: 1;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.rooms {
|
|
107
|
+
display: grid;
|
|
108
|
+
grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
|
|
109
|
+
gap: 30px;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.room {
|
|
113
|
+
background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.03) 100%);
|
|
114
|
+
border-radius: 20px;
|
|
115
|
+
padding: 35px;
|
|
116
|
+
cursor: pointer;
|
|
117
|
+
transition: all 0.4s ease;
|
|
118
|
+
border: 2px solid;
|
|
119
|
+
position: relative;
|
|
120
|
+
overflow: hidden;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.room::before {
|
|
124
|
+
content: '';
|
|
125
|
+
position: absolute;
|
|
126
|
+
top: 0;
|
|
127
|
+
left: 0;
|
|
128
|
+
right: 0;
|
|
129
|
+
height: 6px;
|
|
130
|
+
background: var(--room-color);
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.room:hover {
|
|
134
|
+
transform: translateY(-10px) scale(1.02);
|
|
135
|
+
box-shadow: 0 25px 50px rgba(0,0,0,0.5);
|
|
136
|
+
border-color: var(--room-color);
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.room-header {
|
|
140
|
+
display: flex;
|
|
141
|
+
align-items: center;
|
|
142
|
+
margin-bottom: 25px;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.room-icon {
|
|
146
|
+
font-size: 3.5em;
|
|
147
|
+
margin-right: 20px;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.room-title {
|
|
151
|
+
flex: 1;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.room-title h2 {
|
|
155
|
+
font-size: 2em;
|
|
156
|
+
margin-bottom: 5px;
|
|
157
|
+
color: var(--room-color);
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
.room-app {
|
|
161
|
+
font-size: 0.95em;
|
|
162
|
+
opacity: 0.6;
|
|
163
|
+
font-family: 'Monaco', monospace;
|
|
164
|
+
background: rgba(255, 255, 255, 0.1);
|
|
165
|
+
padding: 4px 10px;
|
|
166
|
+
border-radius: 5px;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.room-identity {
|
|
170
|
+
font-size: 1.2em;
|
|
171
|
+
font-style: italic;
|
|
172
|
+
margin-bottom: 20px;
|
|
173
|
+
padding: 15px;
|
|
174
|
+
background: rgba(255, 255, 255, 0.05);
|
|
175
|
+
border-left: 4px solid var(--room-color);
|
|
176
|
+
border-radius: 5px;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
.room-stats {
|
|
180
|
+
display: grid;
|
|
181
|
+
grid-template-columns: repeat(3, 1fr);
|
|
182
|
+
gap: 15px;
|
|
183
|
+
margin: 20px 0;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.room-stat {
|
|
187
|
+
text-align: center;
|
|
188
|
+
background: rgba(255, 255, 255, 0.05);
|
|
189
|
+
padding: 15px;
|
|
190
|
+
border-radius: 10px;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
.room-stat-number {
|
|
194
|
+
font-size: 2em;
|
|
195
|
+
font-weight: bold;
|
|
196
|
+
color: var(--room-color);
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
.room-stat-label {
|
|
200
|
+
font-size: 0.8em;
|
|
201
|
+
opacity: 0.7;
|
|
202
|
+
margin-top: 5px;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
.room-actions {
|
|
206
|
+
display: grid;
|
|
207
|
+
grid-template-columns: 1fr 1fr;
|
|
208
|
+
gap: 10px;
|
|
209
|
+
margin-top: 20px;
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
.room-action-btn {
|
|
213
|
+
padding: 12px;
|
|
214
|
+
background: var(--room-color);
|
|
215
|
+
color: white;
|
|
216
|
+
border: none;
|
|
217
|
+
border-radius: 8px;
|
|
218
|
+
font-weight: bold;
|
|
219
|
+
cursor: pointer;
|
|
220
|
+
transition: opacity 0.3s ease;
|
|
221
|
+
font-size: 0.9em;
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
.room-action-btn:hover {
|
|
225
|
+
opacity: 0.8;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
.room-action-btn.secondary {
|
|
229
|
+
background: rgba(255, 255, 255, 0.1);
|
|
230
|
+
border: 1px solid var(--room-color);
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
/* Room-specific colors - Updated with Hyper instead of Alacritty */
|
|
234
|
+
.room-terminal {
|
|
235
|
+
--room-color: #f59e0b;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
.room-iterm2 {
|
|
239
|
+
--room-color: #10b981;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
.room-kitty {
|
|
243
|
+
--room-color: #a855f7;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
.room-hyper {
|
|
247
|
+
--room-color: #ef4444;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.room-cursor {
|
|
251
|
+
--room-color: #8b5cf6;
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
.room-vscode {
|
|
255
|
+
--room-color: #3b82f6;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
.flywheel-viz {
|
|
259
|
+
background: rgba(255, 255, 255, 0.05);
|
|
260
|
+
border-radius: 20px;
|
|
261
|
+
padding: 40px;
|
|
262
|
+
margin-top: 50px;
|
|
263
|
+
text-align: center;
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
.flywheel-viz h2 {
|
|
267
|
+
font-size: 2.5em;
|
|
268
|
+
margin-bottom: 30px;
|
|
269
|
+
color: #667eea;
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
.flywheel-diagram {
|
|
273
|
+
display: flex;
|
|
274
|
+
justify-content: center;
|
|
275
|
+
align-items: center;
|
|
276
|
+
flex-wrap: wrap;
|
|
277
|
+
gap: 30px;
|
|
278
|
+
margin: 40px 0;
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
.flywheel-node {
|
|
282
|
+
width: 120px;
|
|
283
|
+
height: 120px;
|
|
284
|
+
border-radius: 50%;
|
|
285
|
+
display: flex;
|
|
286
|
+
flex-direction: column;
|
|
287
|
+
align-items: center;
|
|
288
|
+
justify-content: center;
|
|
289
|
+
background: rgba(255, 255, 255, 0.1);
|
|
290
|
+
border: 3px solid;
|
|
291
|
+
cursor: pointer;
|
|
292
|
+
transition: all 0.3s ease;
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
.flywheel-node:hover {
|
|
296
|
+
transform: scale(1.15);
|
|
297
|
+
box-shadow: 0 0 30px currentColor;
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
.flywheel-arrow {
|
|
301
|
+
font-size: 2em;
|
|
302
|
+
color: #667eea;
|
|
303
|
+
}
|
|
304
|
+
|
|
305
|
+
.footer {
|
|
306
|
+
text-align: center;
|
|
307
|
+
margin-top: 60px;
|
|
308
|
+
opacity: 0.6;
|
|
309
|
+
font-size: 0.9em;
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
.copy-button {
|
|
313
|
+
background: #667eea;
|
|
314
|
+
color: white;
|
|
315
|
+
border: none;
|
|
316
|
+
padding: 8px 15px;
|
|
317
|
+
border-radius: 5px;
|
|
318
|
+
cursor: pointer;
|
|
319
|
+
font-size: 0.9em;
|
|
320
|
+
margin-left: 10px;
|
|
321
|
+
transition: background 0.3s ease;
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
.copy-button:hover {
|
|
325
|
+
background: #764ba2;
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
.copy-button.copied {
|
|
329
|
+
background: #10b981;
|
|
330
|
+
}
|
|
331
|
+
</style>
|
|
332
|
+
</head>
|
|
333
|
+
<body>
|
|
334
|
+
<div class="container">
|
|
335
|
+
<div class="header">
|
|
336
|
+
<h1>π§ Cognitive Flow Dashboard</h1>
|
|
337
|
+
<p>103 MCP Tools β’ 6 Cognitive Rooms β’ Infinite Flow States</p>
|
|
338
|
+
<p style="font-size: 0.9em; margin-top: 10px; opacity: 0.6;">
|
|
339
|
+
Claude Flow + ThetaCoach CRM + Book Revisions = Maximum Liftoff
|
|
340
|
+
</p>
|
|
341
|
+
</div>
|
|
342
|
+
|
|
343
|
+
<div class="claude-flow-status">
|
|
344
|
+
<div class="status-item">
|
|
345
|
+
<div class="status-number">103</div>
|
|
346
|
+
<div class="status-label">MCP Tools</div>
|
|
347
|
+
</div>
|
|
348
|
+
<div class="status-item">
|
|
349
|
+
<div class="status-number">6</div>
|
|
350
|
+
<div class="status-label">Cognitive Rooms</div>
|
|
351
|
+
</div>
|
|
352
|
+
<div class="status-item">
|
|
353
|
+
<div class="status-number">β</div>
|
|
354
|
+
<div class="status-label">Parallel Tracks</div>
|
|
355
|
+
</div>
|
|
356
|
+
<div class="status-item">
|
|
357
|
+
<div class="status-number">0ms</div>
|
|
358
|
+
<div class="status-label">Context Switch</div>
|
|
359
|
+
</div>
|
|
360
|
+
</div>
|
|
361
|
+
|
|
362
|
+
<div class="quick-actions">
|
|
363
|
+
<div class="quick-action" onclick="copyToClipboard('npx claude-flow@alpha swarm init --topology hierarchical')">
|
|
364
|
+
<span class="quick-action-icon">π―</span>
|
|
365
|
+
<span class="quick-action-text">Init Swarm</span>
|
|
366
|
+
<button class="copy-button" onclick="event.stopPropagation(); copyCommand(this, 'npx claude-flow@alpha swarm init --topology hierarchical')">Copy</button>
|
|
367
|
+
</div>
|
|
368
|
+
<div class="quick-action" onclick="copyToClipboard('List my CRM leads')">
|
|
369
|
+
<span class="quick-action-icon">π</span>
|
|
370
|
+
<span class="quick-action-text">List CRM Leads</span>
|
|
371
|
+
<button class="copy-button" onclick="event.stopPropagation(); copyCommand(this, 'List my CRM leads')">Copy</button>
|
|
372
|
+
</div>
|
|
373
|
+
<div class="quick-action" onclick="copyToClipboard('List book revisions')">
|
|
374
|
+
<span class="quick-action-icon">π</span>
|
|
375
|
+
<span class="quick-action-text">Book Revisions</span>
|
|
376
|
+
<button class="copy-button" onclick="event.stopPropagation(); copyCommand(this, 'List book revisions')">Copy</button>
|
|
377
|
+
</div>
|
|
378
|
+
<div class="quick-action" onclick="copyToClipboard('Generate progress report for today')">
|
|
379
|
+
<span class="quick-action-icon">π</span>
|
|
380
|
+
<span class="quick-action-text">Progress Report</span>
|
|
381
|
+
<button class="copy-button" onclick="event.stopPropagation(); copyCommand(this, 'Generate progress report for today')">Copy</button>
|
|
382
|
+
</div>
|
|
383
|
+
</div>
|
|
384
|
+
|
|
385
|
+
<div class="rooms">
|
|
386
|
+
<!-- Terminal Room - THE TEACHER -->
|
|
387
|
+
<div class="room room-terminal" onclick="openRoom('terminal')">
|
|
388
|
+
<div class="room-header">
|
|
389
|
+
<div class="room-icon">π£</div>
|
|
390
|
+
<div class="room-title">
|
|
391
|
+
<h2>The Teacher</h2>
|
|
392
|
+
<div class="room-app">Terminal (Built-in) β’ Purple Theme</div>
|
|
393
|
+
</div>
|
|
394
|
+
</div>
|
|
395
|
+
<div class="room-identity">
|
|
396
|
+
"I explain complex ideas simply. I build audience. I ship content."
|
|
397
|
+
</div>
|
|
398
|
+
<div class="room-stats">
|
|
399
|
+
<div class="room-stat">
|
|
400
|
+
<div class="room-stat-number">90</div>
|
|
401
|
+
<div class="room-stat-label">Flow Tools</div>
|
|
402
|
+
</div>
|
|
403
|
+
<div class="room-stat">
|
|
404
|
+
<div class="room-stat-number">β</div>
|
|
405
|
+
<div class="room-stat-label">Agents</div>
|
|
406
|
+
</div>
|
|
407
|
+
<div class="room-stat">
|
|
408
|
+
<div class="room-stat-number">100%</div>
|
|
409
|
+
<div class="room-stat-label">Copy Ability</div>
|
|
410
|
+
</div>
|
|
411
|
+
</div>
|
|
412
|
+
<div style="font-size: 0.9em; opacity: 0.7; margin: 15px 0; line-height: 1.6;">
|
|
413
|
+
β Blog posts and thought leadership<br/>
|
|
414
|
+
β SEO optimization and discoverability<br/>
|
|
415
|
+
β Cmd+A Cmd+C instant context transfer<br/>
|
|
416
|
+
β Tab navigation across all rooms<br/>
|
|
417
|
+
β Performance monitoring & metrics<br/>
|
|
418
|
+
β Cross-room report generation
|
|
419
|
+
</div>
|
|
420
|
+
<div class="room-actions">
|
|
421
|
+
<button class="room-action-btn" onclick="event.stopPropagation(); openRoom('terminal')">
|
|
422
|
+
Open Room β
|
|
423
|
+
</button>
|
|
424
|
+
<button class="room-action-btn secondary" onclick="event.stopPropagation(); generateReport('terminal')">
|
|
425
|
+
Generate Report
|
|
426
|
+
</button>
|
|
427
|
+
</div>
|
|
428
|
+
</div>
|
|
429
|
+
|
|
430
|
+
<!-- iTerm2 Room -->
|
|
431
|
+
<div class="room room-iterm2" onclick="openRoom('iterm2')">
|
|
432
|
+
<div class="room-header">
|
|
433
|
+
<div class="room-icon">π</div>
|
|
434
|
+
<div class="room-title">
|
|
435
|
+
<h2>The Builder</h2>
|
|
436
|
+
<div class="room-app">iTerm2</div>
|
|
437
|
+
</div>
|
|
438
|
+
</div>
|
|
439
|
+
<div class="room-identity">
|
|
440
|
+
"I am building the product infrastructure."
|
|
441
|
+
</div>
|
|
442
|
+
<div class="room-stats">
|
|
443
|
+
<div class="room-stat">
|
|
444
|
+
<div class="room-stat-number">89</div>
|
|
445
|
+
<div class="room-stat-label">Commits</div>
|
|
446
|
+
</div>
|
|
447
|
+
<div class="room-stat">
|
|
448
|
+
<div class="room-stat-number">45%</div>
|
|
449
|
+
<div class="room-stat-label">Of Work</div>
|
|
450
|
+
</div>
|
|
451
|
+
<div class="room-stat">
|
|
452
|
+
<div class="room-stat-number">8</div>
|
|
453
|
+
<div class="room-stat-label">CRM Tools</div>
|
|
454
|
+
</div>
|
|
455
|
+
</div>
|
|
456
|
+
<div style="font-size: 0.9em; opacity: 0.7; margin: 15px 0; line-height: 1.6;">
|
|
457
|
+
β CRM development & debugging<br/>
|
|
458
|
+
β Database schemas & migrations<br/>
|
|
459
|
+
β API routes & authentication<br/>
|
|
460
|
+
β ThetaCoach Account (isolated)
|
|
461
|
+
</div>
|
|
462
|
+
<div class="room-actions">
|
|
463
|
+
<button class="room-action-btn" onclick="event.stopPropagation(); openRoom('iterm2')">
|
|
464
|
+
Open Room β
|
|
465
|
+
</button>
|
|
466
|
+
<button class="room-action-btn secondary" onclick="event.stopPropagation(); generateReport('iterm2')">
|
|
467
|
+
Generate Report
|
|
468
|
+
</button>
|
|
469
|
+
</div>
|
|
470
|
+
</div>
|
|
471
|
+
|
|
472
|
+
<!-- Kitty Room -->
|
|
473
|
+
<div class="room room-kitty" onclick="openRoom('kitty')">
|
|
474
|
+
<div class="room-header">
|
|
475
|
+
<div class="room-icon">π©</div>
|
|
476
|
+
<div class="room-title">
|
|
477
|
+
<h2>The Operator</h2>
|
|
478
|
+
<div class="room-app">Kitty</div>
|
|
479
|
+
</div>
|
|
480
|
+
</div>
|
|
481
|
+
<div class="room-identity">
|
|
482
|
+
"I am running business operations and creative work."
|
|
483
|
+
</div>
|
|
484
|
+
<div class="room-stats">
|
|
485
|
+
<div class="room-stat">
|
|
486
|
+
<div class="room-stat-number">24</div>
|
|
487
|
+
<div class="room-stat-label">Commits</div>
|
|
488
|
+
</div>
|
|
489
|
+
<div class="room-stat">
|
|
490
|
+
<div class="room-stat-number">12%</div>
|
|
491
|
+
<div class="room-stat-label">Of Work</div>
|
|
492
|
+
</div>
|
|
493
|
+
<div class="room-stat">
|
|
494
|
+
<div class="room-stat-number">11%</div>
|
|
495
|
+
<div class="room-stat-label">Pattern</div>
|
|
496
|
+
</div>
|
|
497
|
+
</div>
|
|
498
|
+
<div style="font-size: 0.9em; opacity: 0.7; margin: 15px 0; line-height: 1.6;">
|
|
499
|
+
β Admin & user management<br/>
|
|
500
|
+
β Email & partnerships<br/>
|
|
501
|
+
β Chapter editing & blog posts<br/>
|
|
502
|
+
β Copy writing & storytelling
|
|
503
|
+
</div>
|
|
504
|
+
<div class="room-actions">
|
|
505
|
+
<button class="room-action-btn" onclick="event.stopPropagation(); openRoom('kitty')">
|
|
506
|
+
Open Room β
|
|
507
|
+
</button>
|
|
508
|
+
<button class="room-action-btn secondary" onclick="event.stopPropagation(); generateReport('kitty')">
|
|
509
|
+
Generate Report
|
|
510
|
+
</button>
|
|
511
|
+
</div>
|
|
512
|
+
</div>
|
|
513
|
+
|
|
514
|
+
<!-- Hyper Room (replacing Alacritty) -->
|
|
515
|
+
<div class="room room-hyper" onclick="openRoom('hyper')">
|
|
516
|
+
<div class="room-header">
|
|
517
|
+
<div class="room-icon">π¬</div>
|
|
518
|
+
<div class="room-title">
|
|
519
|
+
<h2>The Discoverer</h2>
|
|
520
|
+
<div class="room-app">Hyper Terminal</div>
|
|
521
|
+
</div>
|
|
522
|
+
</div>
|
|
523
|
+
<div class="room-identity">
|
|
524
|
+
"I am creating foundational knowledge and deep IP."
|
|
525
|
+
</div>
|
|
526
|
+
<div class="room-stats">
|
|
527
|
+
<div class="room-stat">
|
|
528
|
+
<div class="room-stat-number">58</div>
|
|
529
|
+
<div class="room-stat-label">Commits</div>
|
|
530
|
+
</div>
|
|
531
|
+
<div class="room-stat">
|
|
532
|
+
<div class="room-stat-number">29%</div>
|
|
533
|
+
<div class="room-stat-label">Of Work</div>
|
|
534
|
+
</div>
|
|
535
|
+
<div class="room-stat">
|
|
536
|
+
<div class="room-stat-number">5</div>
|
|
537
|
+
<div class="room-stat-label">Book Tools</div>
|
|
538
|
+
</div>
|
|
539
|
+
</div>
|
|
540
|
+
<div style="font-size: 0.9em; opacity: 0.7; margin: 15px 0; line-height: 1.6;">
|
|
541
|
+
β Patent writing & validation<br/>
|
|
542
|
+
β Book chapters & appendices<br/>
|
|
543
|
+
β Unity Principle theory<br/>
|
|
544
|
+
β Deep technical research
|
|
545
|
+
</div>
|
|
546
|
+
<div class="room-actions">
|
|
547
|
+
<button class="room-action-btn" onclick="event.stopPropagation(); openRoom('hyper')">
|
|
548
|
+
Open Room β
|
|
549
|
+
</button>
|
|
550
|
+
<button class="room-action-btn secondary" onclick="event.stopPropagation(); generateReport('hyper')">
|
|
551
|
+
Generate Report
|
|
552
|
+
</button>
|
|
553
|
+
</div>
|
|
554
|
+
</div>
|
|
555
|
+
|
|
556
|
+
<!-- Cursor Room -->
|
|
557
|
+
<div class="room room-cursor" onclick="openRoom('cursor')">
|
|
558
|
+
<div class="room-header">
|
|
559
|
+
<div class="room-icon">π§ͺ</div>
|
|
560
|
+
<div class="room-title">
|
|
561
|
+
<h2>The Experimenter</h2>
|
|
562
|
+
<div class="room-app">Cursor</div>
|
|
563
|
+
</div>
|
|
564
|
+
</div>
|
|
565
|
+
<div class="room-identity">
|
|
566
|
+
"I am rapidly prototyping and testing ideas in public."
|
|
567
|
+
</div>
|
|
568
|
+
<div class="room-stats">
|
|
569
|
+
<div class="room-stat">
|
|
570
|
+
<div class="room-stat-number">4</div>
|
|
571
|
+
<div class="room-stat-label">Commits</div>
|
|
572
|
+
</div>
|
|
573
|
+
<div class="room-stat">
|
|
574
|
+
<div class="room-stat-number">2%</div>
|
|
575
|
+
<div class="room-stat-label">Of Work</div>
|
|
576
|
+
</div>
|
|
577
|
+
<div class="room-stat">
|
|
578
|
+
<div class="room-stat-number">AI</div>
|
|
579
|
+
<div class="room-stat-label">Powered</div>
|
|
580
|
+
</div>
|
|
581
|
+
</div>
|
|
582
|
+
<div style="font-size: 0.9em; opacity: 0.7; margin: 15px 0; line-height: 1.6;">
|
|
583
|
+
β IntentGuard architecture<br/>
|
|
584
|
+
β NUCLEAR tracking patterns<br/>
|
|
585
|
+
β Experimental features<br/>
|
|
586
|
+
β Open-source traction
|
|
587
|
+
</div>
|
|
588
|
+
<div class="room-actions">
|
|
589
|
+
<button class="room-action-btn" onclick="event.stopPropagation(); openRoom('cursor')">
|
|
590
|
+
Open Room β
|
|
591
|
+
</button>
|
|
592
|
+
<button class="room-action-btn secondary" onclick="event.stopPropagation(); generateReport('cursor')">
|
|
593
|
+
Generate Report
|
|
594
|
+
</button>
|
|
595
|
+
</div>
|
|
596
|
+
</div>
|
|
597
|
+
|
|
598
|
+
<!-- VS Code Room -->
|
|
599
|
+
<div class="room room-vscode" onclick="openRoom('vscode')">
|
|
600
|
+
<div class="room-header">
|
|
601
|
+
<div class="room-icon">πΊοΈ</div>
|
|
602
|
+
<div class="room-title">
|
|
603
|
+
<h2>The Strategist</h2>
|
|
604
|
+
<div class="room-app">VS Code</div>
|
|
605
|
+
</div>
|
|
606
|
+
</div>
|
|
607
|
+
<div class="room-identity">
|
|
608
|
+
"I am analyzing systems and understanding patterns."
|
|
609
|
+
</div>
|
|
610
|
+
<div class="room-stats">
|
|
611
|
+
<div class="room-stat">
|
|
612
|
+
<div class="room-stat-number">7</div>
|
|
613
|
+
<div class="room-stat-label">Commits</div>
|
|
614
|
+
</div>
|
|
615
|
+
<div class="room-stat">
|
|
616
|
+
<div class="room-stat-number">3%</div>
|
|
617
|
+
<div class="room-stat-label">Of Work</div>
|
|
618
|
+
</div>
|
|
619
|
+
<div class="room-stat">
|
|
620
|
+
<div class="room-stat-number">23%</div>
|
|
621
|
+
<div class="room-stat-label">Pattern</div>
|
|
622
|
+
</div>
|
|
623
|
+
</div>
|
|
624
|
+
<div style="font-size: 0.9em; opacity: 0.7; margin: 15px 0; line-height: 1.6;">
|
|
625
|
+
β Commit history review<br/>
|
|
626
|
+
β Architecture analysis<br/>
|
|
627
|
+
β Documentation & guides<br/>
|
|
628
|
+
β System understanding
|
|
629
|
+
</div>
|
|
630
|
+
<div class="room-actions">
|
|
631
|
+
<button class="room-action-btn" onclick="event.stopPropagation(); openRoom('vscode')">
|
|
632
|
+
Open Room β
|
|
633
|
+
</button>
|
|
634
|
+
<button class="room-action-btn secondary" onclick="event.stopPropagation(); generateReport('vscode')">
|
|
635
|
+
Generate Report
|
|
636
|
+
</button>
|
|
637
|
+
</div>
|
|
638
|
+
</div>
|
|
639
|
+
</div>
|
|
640
|
+
|
|
641
|
+
<div class="flywheel-viz">
|
|
642
|
+
<h2>π The Flywheel Effect</h2>
|
|
643
|
+
<p style="opacity: 0.7; max-width: 800px; margin: 0 auto 30px;">
|
|
644
|
+
Each room produces outputs that become inputs for other rooms. Context flows between identities with zero friction.
|
|
645
|
+
</p>
|
|
646
|
+
<div class="flywheel-diagram">
|
|
647
|
+
<div class="flywheel-node" style="border-color: #ef4444;" title="Discoverer (Hyper)">
|
|
648
|
+
<div style="font-size: 2em;">π¬</div>
|
|
649
|
+
<div style="font-size: 0.8em;">Hyper</div>
|
|
650
|
+
</div>
|
|
651
|
+
<div class="flywheel-arrow">β</div>
|
|
652
|
+
<div class="flywheel-node" style="border-color: #10b981;" title="Builder (iTerm2)">
|
|
653
|
+
<div style="font-size: 2em;">π</div>
|
|
654
|
+
<div style="font-size: 0.8em;">iTerm2</div>
|
|
655
|
+
</div>
|
|
656
|
+
<div class="flywheel-arrow">β</div>
|
|
657
|
+
<div class="flywheel-node" style="border-color: #a855f7;" title="Operator (Kitty)">
|
|
658
|
+
<div style="font-size: 2em;">π©</div>
|
|
659
|
+
<div style="font-size: 0.8em;">Kitty</div>
|
|
660
|
+
</div>
|
|
661
|
+
<div class="flywheel-arrow">β</div>
|
|
662
|
+
<div class="flywheel-node" style="border-color: #3b82f6;" title="Strategist (VS Code)">
|
|
663
|
+
<div style="font-size: 2em;">πΊοΈ</div>
|
|
664
|
+
<div style="font-size: 0.8em;">VS Code</div>
|
|
665
|
+
</div>
|
|
666
|
+
<div class="flywheel-arrow">β</div>
|
|
667
|
+
<div class="flywheel-node" style="border-color: #8b5cf6;" title="Teacher (Terminal)">
|
|
668
|
+
<div style="font-size: 2em;">π£</div>
|
|
669
|
+
<div style="font-size: 0.8em;">Terminal</div>
|
|
670
|
+
</div>
|
|
671
|
+
</div>
|
|
672
|
+
<p style="opacity: 0.6; font-size: 0.9em; margin-top: 30px;">
|
|
673
|
+
Cmd+Space β Room Name β Enter = Load Complete Cognitive Context
|
|
674
|
+
</p>
|
|
675
|
+
</div>
|
|
676
|
+
|
|
677
|
+
<div class="footer">
|
|
678
|
+
<p>Generated: <span id="timestamp"></span></p>
|
|
679
|
+
<p style="margin-top: 10px;">Tool = Identity = Mindset | 103 MCP Tools Working Together</p>
|
|
680
|
+
</div>
|
|
681
|
+
</div>
|
|
682
|
+
|
|
683
|
+
<script>
|
|
684
|
+
document.getElementById('timestamp').textContent = new Date().toLocaleString();
|
|
685
|
+
|
|
686
|
+
function openRoom(roomName) {
|
|
687
|
+
const roomPages = {
|
|
688
|
+
'terminal': '.workflow/rooms/terminal-teacher.html',
|
|
689
|
+
'iterm2': '.workflow/rooms/iterm2-builder.html',
|
|
690
|
+
'kitty': '.workflow/rooms/kitty-operator.html',
|
|
691
|
+
'hyper': '.workflow/rooms/hyper-discoverer.html',
|
|
692
|
+
'cursor': '.workflow/rooms/cursor-experimenter.html',
|
|
693
|
+
'vscode': '.workflow/rooms/vscode-strategist.html'
|
|
694
|
+
};
|
|
695
|
+
window.open(roomPages[roomName], '_blank');
|
|
696
|
+
}
|
|
697
|
+
|
|
698
|
+
function copyToClipboard(text) {
|
|
699
|
+
navigator.clipboard.writeText(text).then(() => {
|
|
700
|
+
console.log('Copied:', text);
|
|
701
|
+
});
|
|
702
|
+
}
|
|
703
|
+
|
|
704
|
+
function copyCommand(button, text) {
|
|
705
|
+
navigator.clipboard.writeText(text).then(() => {
|
|
706
|
+
button.textContent = 'β Copied';
|
|
707
|
+
button.classList.add('copied');
|
|
708
|
+
setTimeout(() => {
|
|
709
|
+
button.textContent = 'Copy';
|
|
710
|
+
button.classList.remove('copied');
|
|
711
|
+
}, 2000);
|
|
712
|
+
});
|
|
713
|
+
}
|
|
714
|
+
|
|
715
|
+
function generateReport(roomName) {
|
|
716
|
+
const prompts = {
|
|
717
|
+
'terminal': 'Generate a comprehensive report of all work done in the Terminal (Teacher) room today. Include: blog posts written, content published, SEO optimization work, documentation created, teaching materials developed, audience engagement metrics, and next content priorities.',
|
|
718
|
+
'iterm2': 'Generate a comprehensive report of all work done in iTerm2 (Builder) room today. Include: CRM features built, database changes, API routes modified, authentication updates, commits made, and next development priorities.',
|
|
719
|
+
'kitty': 'Generate a comprehensive report of all work done in Kitty (Operator) room today. Include: emails sent, partnerships advanced, blog posts drafted, chapters edited, admin tasks completed, and next operational priorities.',
|
|
720
|
+
'hyper': 'Generate a comprehensive report of all work done in Hyper (Discoverer) room today. Include: patent writing progress, book chapters completed, technical validation performed, research breakthroughs, and next deep work priorities.',
|
|
721
|
+
'cursor': 'Generate a comprehensive report of all work done in Cursor (Experimenter) room today. Include: experiments conducted, IntentGuard progress, prototypes built, AI-assisted coding wins, and next experimentation priorities.',
|
|
722
|
+
'vscode': 'Generate a comprehensive report of all work done in VS Code (Strategist) room today. Include: commits analyzed, architecture insights gained, documentation reviewed, system patterns identified, and next strategic analysis priorities.'
|
|
723
|
+
};
|
|
724
|
+
|
|
725
|
+
const prompt = prompts[roomName];
|
|
726
|
+
copyToClipboard(prompt);
|
|
727
|
+
alert('Report prompt copied to clipboard! Paste it into Claude in the ' + roomName + ' room to generate your report.');
|
|
728
|
+
}
|
|
729
|
+
</script>
|
|
730
|
+
</body>
|
|
731
|
+
</html>
|