thetacog-mcp 1.0.0 → 1.0.2
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/alacritty-performer.html +192 -0
- package/.workflow/cursor-laboratory.html +192 -0
- package/.workflow/iterm2-builder.html +250 -0
- package/.workflow/kitty-operator.html +264 -0
- package/.workflow/messages-network.html +665 -0
- package/.workflow/terminal-voice.html +245 -0
- package/.workflow/vscode-architect.html +338 -0
- package/.workflow/wezterm-vault.html +379 -0
- package/README.md +114 -95
- package/package.json +1 -1
|
@@ -0,0 +1,192 @@
|
|
|
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>🎬 Alacritty | The Performer</title>
|
|
7
|
+
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎬</text></svg>">
|
|
8
|
+
<style>
|
|
9
|
+
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
10
|
+
body {
|
|
11
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
12
|
+
background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
|
|
13
|
+
color: #1a1a1a;
|
|
14
|
+
padding: 40px 20px;
|
|
15
|
+
min-height: 100vh;
|
|
16
|
+
}
|
|
17
|
+
.container { max-width: 1200px; margin: 0 auto; }
|
|
18
|
+
.back-button {
|
|
19
|
+
background: rgba(255, 255, 255, 0.2);
|
|
20
|
+
color: white;
|
|
21
|
+
border: 2px solid white;
|
|
22
|
+
padding: 14px 28px;
|
|
23
|
+
border-radius: 10px;
|
|
24
|
+
cursor: pointer;
|
|
25
|
+
font-size: 1.1em;
|
|
26
|
+
font-weight: bold;
|
|
27
|
+
margin-bottom: 40px;
|
|
28
|
+
text-decoration: none;
|
|
29
|
+
display: inline-block;
|
|
30
|
+
}
|
|
31
|
+
.back-button:hover { background: rgba(255, 255, 255, 0.3); transform: translateX(-5px); }
|
|
32
|
+
.header { text-align: center; margin-bottom: 50px; }
|
|
33
|
+
.header h1 { font-size: 4.5em; color: white; text-shadow: 3px 3px 6px rgba(0,0,0,0.4); margin-bottom: 15px; }
|
|
34
|
+
.subtitle { font-size: 1.5em; color: white; opacity: 0.95; margin-bottom: 10px; }
|
|
35
|
+
.command {
|
|
36
|
+
font-family: 'Monaco', 'Courier New', monospace;
|
|
37
|
+
background: rgba(0, 0, 0, 0.3);
|
|
38
|
+
color: white;
|
|
39
|
+
padding: 12px 24px;
|
|
40
|
+
border-radius: 8px;
|
|
41
|
+
display: inline-block;
|
|
42
|
+
font-size: 1.2em;
|
|
43
|
+
margin-top: 10px;
|
|
44
|
+
}
|
|
45
|
+
.memory-palace {
|
|
46
|
+
background: white;
|
|
47
|
+
color: #1a1a1a;
|
|
48
|
+
font-size: 2.2em;
|
|
49
|
+
font-style: italic;
|
|
50
|
+
text-align: center;
|
|
51
|
+
padding: 50px 40px;
|
|
52
|
+
border-radius: 20px;
|
|
53
|
+
margin-bottom: 50px;
|
|
54
|
+
box-shadow: 0 15px 50px rgba(0,0,0,0.3);
|
|
55
|
+
line-height: 1.6;
|
|
56
|
+
border-left: 10px solid #f59e0b;
|
|
57
|
+
}
|
|
58
|
+
.stakes-card {
|
|
59
|
+
background: rgba(0, 0, 0, 0.3);
|
|
60
|
+
color: white;
|
|
61
|
+
padding: 30px;
|
|
62
|
+
border-radius: 15px;
|
|
63
|
+
text-align: center;
|
|
64
|
+
margin-bottom: 50px;
|
|
65
|
+
border: 3px solid rgba(255, 255, 255, 0.4);
|
|
66
|
+
}
|
|
67
|
+
.stakes-card h2 { font-size: 2.5em; margin-bottom: 15px; }
|
|
68
|
+
.stakes-card p { font-size: 1.3em; line-height: 1.6; }
|
|
69
|
+
.content-section {
|
|
70
|
+
background: white;
|
|
71
|
+
padding: 50px 40px;
|
|
72
|
+
border-radius: 20px;
|
|
73
|
+
margin-bottom: 40px;
|
|
74
|
+
box-shadow: 0 15px 50px rgba(0,0,0,0.2);
|
|
75
|
+
}
|
|
76
|
+
.content-section h2 {
|
|
77
|
+
font-size: 2.5em;
|
|
78
|
+
color: #f59e0b;
|
|
79
|
+
margin-bottom: 30px;
|
|
80
|
+
border-bottom: 4px solid #f59e0b;
|
|
81
|
+
padding-bottom: 15px;
|
|
82
|
+
}
|
|
83
|
+
.task-list { list-style: none; padding: 0; }
|
|
84
|
+
.task-list li {
|
|
85
|
+
padding: 18px 0;
|
|
86
|
+
border-bottom: 2px solid #eee;
|
|
87
|
+
font-size: 1.2em;
|
|
88
|
+
color: #333;
|
|
89
|
+
line-height: 1.6;
|
|
90
|
+
}
|
|
91
|
+
.task-list li:last-child { border-bottom: none; }
|
|
92
|
+
.task-list li:before { content: '🎬'; margin-right: 15px; font-size: 1.3em; }
|
|
93
|
+
.identity-rules {
|
|
94
|
+
background: #fffbeb;
|
|
95
|
+
padding: 30px;
|
|
96
|
+
border-radius: 15px;
|
|
97
|
+
border-left: 6px solid #f59e0b;
|
|
98
|
+
margin-bottom: 30px;
|
|
99
|
+
}
|
|
100
|
+
.identity-rules h3 { font-size: 1.8em; color: #f59e0b; margin-bottom: 20px; }
|
|
101
|
+
.identity-rules ul { list-style: none; padding: 0; }
|
|
102
|
+
.identity-rules li { padding: 12px 0; font-size: 1.1em; color: #444; line-height: 1.6; }
|
|
103
|
+
.identity-rules li:before { content: '→'; margin-right: 12px; color: #f59e0b; font-weight: bold; font-size: 1.3em; }
|
|
104
|
+
.footer { text-align: center; color: white; margin-top: 60px; font-size: 1.1em; opacity: 0.9; }
|
|
105
|
+
|
|
106
|
+
/* Room Switcher Navigation */
|
|
107
|
+
.room-switcher {
|
|
108
|
+
display: flex;
|
|
109
|
+
flex-wrap: wrap;
|
|
110
|
+
gap: 10px;
|
|
111
|
+
margin-bottom: 30px;
|
|
112
|
+
padding: 15px;
|
|
113
|
+
background: rgba(255,255,255,0.1);
|
|
114
|
+
border-radius: 12px;
|
|
115
|
+
}
|
|
116
|
+
.room-switcher a {
|
|
117
|
+
padding: 8px 16px;
|
|
118
|
+
border-radius: 8px;
|
|
119
|
+
text-decoration: none;
|
|
120
|
+
font-weight: bold;
|
|
121
|
+
font-size: 0.95em;
|
|
122
|
+
transition: transform 0.2s, background 0.2s;
|
|
123
|
+
}
|
|
124
|
+
.room-switcher a:hover { transform: scale(1.05); }
|
|
125
|
+
.room-switcher .builder { background: #3b82f6; color: white; }
|
|
126
|
+
.room-switcher .architect { background: #4f46e5; color: white; }
|
|
127
|
+
.room-switcher .operator { background: #22c55e; color: white; }
|
|
128
|
+
.room-switcher .vault { background: #ef4444; color: white; }
|
|
129
|
+
.room-switcher .voice { background: #a855f7; color: white; }
|
|
130
|
+
.room-switcher .laboratory { background: #06b6d4; color: white; }
|
|
131
|
+
.room-switcher .performer { background: #f59e0b; color: white; }
|
|
132
|
+
.room-switcher .network { background: #6366f1; color: white; }
|
|
133
|
+
.room-switcher .current { opacity: 0.5; pointer-events: none; }
|
|
134
|
+
</style>
|
|
135
|
+
</head>
|
|
136
|
+
<body>
|
|
137
|
+
<div class="container">
|
|
138
|
+
<a href="../cognitive-dashboard.html" class="back-button">← Back to Dashboard</a>
|
|
139
|
+
|
|
140
|
+
<!-- Room Switcher: Opens in new windows for fullscreen positioning -->
|
|
141
|
+
<nav class="room-switcher">
|
|
142
|
+
<a href="iterm2-builder.html" target="_blank" class="builder">🔨 Builder</a>
|
|
143
|
+
<a href="vscode-architect.html" target="_blank" class="architect">📐 Architect</a>
|
|
144
|
+
<a href="kitty-operator.html" target="_blank" class="operator">🎩 Operator</a>
|
|
145
|
+
<a href="wezterm-vault.html" target="_blank" class="vault">🔒 Vault</a>
|
|
146
|
+
<a href="terminal-voice.html" target="_blank" class="voice">🎤 Voice</a>
|
|
147
|
+
<a href="cursor-laboratory.html" target="_blank" class="laboratory">🧪 Laboratory</a>
|
|
148
|
+
<a href="alacritty-performer.html" target="_blank" class="performer current">🎭 Performer</a>
|
|
149
|
+
<a href="messages-network.html" target="_blank" class="network">🌐 Network</a>
|
|
150
|
+
</nav>
|
|
151
|
+
|
|
152
|
+
<div class="header">
|
|
153
|
+
<h1>🎬 ALACRITTY: THE PERFORMER</h1>
|
|
154
|
+
<div class="subtitle">TIER 6: PERFORMANCE | High-stakes but prepared | Event-driven</div>
|
|
155
|
+
<div class="command">Cmd+Space → alacritty</div>
|
|
156
|
+
</div>
|
|
157
|
+
<div class="memory-palace">
|
|
158
|
+
"The green room. Mirror. Adrenaline. You've rehearsed. Now deliver. One shot to land the message."
|
|
159
|
+
</div>
|
|
160
|
+
<div class="stakes-card">
|
|
161
|
+
<h2>🎯 STAKES: REPUTATION-LEVEL</h2>
|
|
162
|
+
<p>One shot = Reputation on the line<br/>Live performance<br/>This is where preparation meets execution</p>
|
|
163
|
+
</div>
|
|
164
|
+
<div class="content-section">
|
|
165
|
+
<h2>Current Focus</h2>
|
|
166
|
+
<ul class="task-list">
|
|
167
|
+
<li><strong>de_CENTRALIZED Speaking Event:</strong> Prep script and slides</li>
|
|
168
|
+
<li><strong>Investor Pitch Deck:</strong> For advisor introductions</li>
|
|
169
|
+
<li><strong>Austin AI Salon Presentation:</strong> Rehearse the story</li>
|
|
170
|
+
<li><strong>Live IntentGuard Demo (Sunday):</strong> Practice the flow</li>
|
|
171
|
+
</ul>
|
|
172
|
+
</div>
|
|
173
|
+
<div class="content-section">
|
|
174
|
+
<div class="identity-rules">
|
|
175
|
+
<h3>The Rules of The Performer</h3>
|
|
176
|
+
<ul>
|
|
177
|
+
<li>You've already practiced in Cursor</li>
|
|
178
|
+
<li>This is the moment you deliver</li>
|
|
179
|
+
<li>One shot to land the message</li>
|
|
180
|
+
<li>Reputation is on the line</li>
|
|
181
|
+
<li>Rehearse until it's muscle memory</li>
|
|
182
|
+
<li>Alacritty is the green room. Alacritty is where preparation meets performance</li>
|
|
183
|
+
</ul>
|
|
184
|
+
</div>
|
|
185
|
+
</div>
|
|
186
|
+
<div class="footer">
|
|
187
|
+
<p><strong>Alacritty: The Performer</strong></p>
|
|
188
|
+
<p>Where Preparation Becomes Performance</p>
|
|
189
|
+
</div>
|
|
190
|
+
</div>
|
|
191
|
+
</body>
|
|
192
|
+
</html>
|
|
@@ -0,0 +1,192 @@
|
|
|
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>🔬 Cursor | The Laboratory</title>
|
|
7
|
+
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🔬</text></svg>">
|
|
8
|
+
<style>
|
|
9
|
+
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
10
|
+
body {
|
|
11
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
12
|
+
background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
|
|
13
|
+
color: #1a1a1a;
|
|
14
|
+
padding: 40px 20px;
|
|
15
|
+
min-height: 100vh;
|
|
16
|
+
}
|
|
17
|
+
.container { max-width: 1200px; margin: 0 auto; }
|
|
18
|
+
.back-button {
|
|
19
|
+
background: rgba(255, 255, 255, 0.2);
|
|
20
|
+
color: white;
|
|
21
|
+
border: 2px solid white;
|
|
22
|
+
padding: 14px 28px;
|
|
23
|
+
border-radius: 10px;
|
|
24
|
+
cursor: pointer;
|
|
25
|
+
font-size: 1.1em;
|
|
26
|
+
font-weight: bold;
|
|
27
|
+
margin-bottom: 40px;
|
|
28
|
+
text-decoration: none;
|
|
29
|
+
display: inline-block;
|
|
30
|
+
}
|
|
31
|
+
.back-button:hover { background: rgba(255, 255, 255, 0.3); transform: translateX(-5px); }
|
|
32
|
+
.header { text-align: center; margin-bottom: 50px; }
|
|
33
|
+
.header h1 { font-size: 4.5em; color: white; text-shadow: 3px 3px 6px rgba(0,0,0,0.4); margin-bottom: 15px; }
|
|
34
|
+
.subtitle { font-size: 1.5em; color: white; opacity: 0.95; margin-bottom: 10px; }
|
|
35
|
+
.command {
|
|
36
|
+
font-family: 'Monaco', 'Courier New', monospace;
|
|
37
|
+
background: rgba(0, 0, 0, 0.3);
|
|
38
|
+
color: white;
|
|
39
|
+
padding: 12px 24px;
|
|
40
|
+
border-radius: 8px;
|
|
41
|
+
display: inline-block;
|
|
42
|
+
font-size: 1.2em;
|
|
43
|
+
margin-top: 10px;
|
|
44
|
+
}
|
|
45
|
+
.memory-palace {
|
|
46
|
+
background: white;
|
|
47
|
+
color: #1a1a1a;
|
|
48
|
+
font-size: 2.2em;
|
|
49
|
+
font-style: italic;
|
|
50
|
+
text-align: center;
|
|
51
|
+
padding: 50px 40px;
|
|
52
|
+
border-radius: 20px;
|
|
53
|
+
margin-bottom: 50px;
|
|
54
|
+
box-shadow: 0 15px 50px rgba(0,0,0,0.3);
|
|
55
|
+
line-height: 1.6;
|
|
56
|
+
border-left: 10px solid #ec4899;
|
|
57
|
+
}
|
|
58
|
+
.stakes-card {
|
|
59
|
+
background: rgba(0, 0, 0, 0.3);
|
|
60
|
+
color: white;
|
|
61
|
+
padding: 30px;
|
|
62
|
+
border-radius: 15px;
|
|
63
|
+
text-align: center;
|
|
64
|
+
margin-bottom: 50px;
|
|
65
|
+
border: 3px solid rgba(255, 255, 255, 0.4);
|
|
66
|
+
}
|
|
67
|
+
.stakes-card h2 { font-size: 2.5em; margin-bottom: 15px; }
|
|
68
|
+
.stakes-card p { font-size: 1.3em; line-height: 1.6; }
|
|
69
|
+
.content-section {
|
|
70
|
+
background: white;
|
|
71
|
+
padding: 50px 40px;
|
|
72
|
+
border-radius: 20px;
|
|
73
|
+
margin-bottom: 40px;
|
|
74
|
+
box-shadow: 0 15px 50px rgba(0,0,0,0.2);
|
|
75
|
+
}
|
|
76
|
+
.content-section h2 {
|
|
77
|
+
font-size: 2.5em;
|
|
78
|
+
color: #ec4899;
|
|
79
|
+
margin-bottom: 30px;
|
|
80
|
+
border-bottom: 4px solid #ec4899;
|
|
81
|
+
padding-bottom: 15px;
|
|
82
|
+
}
|
|
83
|
+
.task-list { list-style: none; padding: 0; }
|
|
84
|
+
.task-list li {
|
|
85
|
+
padding: 18px 0;
|
|
86
|
+
border-bottom: 2px solid #eee;
|
|
87
|
+
font-size: 1.2em;
|
|
88
|
+
color: #333;
|
|
89
|
+
line-height: 1.6;
|
|
90
|
+
}
|
|
91
|
+
.task-list li:last-child { border-bottom: none; }
|
|
92
|
+
.task-list li:before { content: '🔬'; margin-right: 15px; font-size: 1.3em; }
|
|
93
|
+
.identity-rules {
|
|
94
|
+
background: #fef2f8;
|
|
95
|
+
padding: 30px;
|
|
96
|
+
border-radius: 15px;
|
|
97
|
+
border-left: 6px solid #ec4899;
|
|
98
|
+
margin-bottom: 30px;
|
|
99
|
+
}
|
|
100
|
+
.identity-rules h3 { font-size: 1.8em; color: #ec4899; margin-bottom: 20px; }
|
|
101
|
+
.identity-rules ul { list-style: none; padding: 0; }
|
|
102
|
+
.identity-rules li { padding: 12px 0; font-size: 1.1em; color: #444; line-height: 1.6; }
|
|
103
|
+
.identity-rules li:before { content: '→'; margin-right: 12px; color: #ec4899; font-weight: bold; font-size: 1.3em; }
|
|
104
|
+
.footer { text-align: center; color: white; margin-top: 60px; font-size: 1.1em; opacity: 0.9; }
|
|
105
|
+
|
|
106
|
+
/* Room Switcher Navigation */
|
|
107
|
+
.room-switcher {
|
|
108
|
+
display: flex;
|
|
109
|
+
flex-wrap: wrap;
|
|
110
|
+
gap: 10px;
|
|
111
|
+
margin-bottom: 30px;
|
|
112
|
+
padding: 15px;
|
|
113
|
+
background: rgba(255,255,255,0.1);
|
|
114
|
+
border-radius: 12px;
|
|
115
|
+
}
|
|
116
|
+
.room-switcher a {
|
|
117
|
+
padding: 8px 16px;
|
|
118
|
+
border-radius: 8px;
|
|
119
|
+
text-decoration: none;
|
|
120
|
+
font-weight: bold;
|
|
121
|
+
font-size: 0.95em;
|
|
122
|
+
transition: transform 0.2s, background 0.2s;
|
|
123
|
+
}
|
|
124
|
+
.room-switcher a:hover { transform: scale(1.05); }
|
|
125
|
+
.room-switcher .builder { background: #3b82f6; color: white; }
|
|
126
|
+
.room-switcher .architect { background: #4f46e5; color: white; }
|
|
127
|
+
.room-switcher .operator { background: #22c55e; color: white; }
|
|
128
|
+
.room-switcher .vault { background: #ef4444; color: white; }
|
|
129
|
+
.room-switcher .voice { background: #a855f7; color: white; }
|
|
130
|
+
.room-switcher .laboratory { background: #06b6d4; color: white; }
|
|
131
|
+
.room-switcher .performer { background: #f59e0b; color: white; }
|
|
132
|
+
.room-switcher .network { background: #6366f1; color: white; }
|
|
133
|
+
.room-switcher .current { opacity: 0.5; pointer-events: none; }
|
|
134
|
+
</style>
|
|
135
|
+
</head>
|
|
136
|
+
<body>
|
|
137
|
+
<div class="container">
|
|
138
|
+
<a href="../cognitive-dashboard.html" class="back-button">← Back to Dashboard</a>
|
|
139
|
+
|
|
140
|
+
<!-- Room Switcher: Opens in new windows for fullscreen positioning -->
|
|
141
|
+
<nav class="room-switcher">
|
|
142
|
+
<a href="iterm2-builder.html" target="_blank" class="builder">🔨 Builder</a>
|
|
143
|
+
<a href="vscode-architect.html" target="_blank" class="architect">📐 Architect</a>
|
|
144
|
+
<a href="kitty-operator.html" target="_blank" class="operator">🎩 Operator</a>
|
|
145
|
+
<a href="wezterm-vault.html" target="_blank" class="vault">🔒 Vault</a>
|
|
146
|
+
<a href="terminal-voice.html" target="_blank" class="voice">🎤 Voice</a>
|
|
147
|
+
<a href="cursor-laboratory.html" target="_blank" class="laboratory current">🧪 Laboratory</a>
|
|
148
|
+
<a href="alacritty-performer.html" target="_blank" class="performer">🎭 Performer</a>
|
|
149
|
+
<a href="messages-network.html" target="_blank" class="network">🌐 Network</a>
|
|
150
|
+
</nav>
|
|
151
|
+
|
|
152
|
+
<div class="header">
|
|
153
|
+
<h1>🔬 CURSOR: THE LABORATORY</h1>
|
|
154
|
+
<div class="subtitle">TIER 5: EXPERIMENTAL | Fully reversible | 1-Day Horizon</div>
|
|
155
|
+
<div class="command">Cmd+Space → cursor</div>
|
|
156
|
+
</div>
|
|
157
|
+
<div class="memory-palace">
|
|
158
|
+
"The sandbox. Pink safety goggles. Break things. Test assumptions. Learn publicly. Failure is data."
|
|
159
|
+
</div>
|
|
160
|
+
<div class="stakes-card">
|
|
161
|
+
<h2>📊 STAKES: LEARNING-LEVEL</h2>
|
|
162
|
+
<p>Failure = Data point<br/>Rapid iteration beats perfection<br/>This is where hypotheses get tested</p>
|
|
163
|
+
</div>
|
|
164
|
+
<div class="content-section">
|
|
165
|
+
<h2>Current Focus</h2>
|
|
166
|
+
<ul class="task-list">
|
|
167
|
+
<li><strong>IntentGuard Sunday Demo Materials:</strong> Live coding prep</li>
|
|
168
|
+
<li><strong>NUCLEAR Prototype Iterations:</strong> Test new architecture patterns</li>
|
|
169
|
+
<li><strong>Live Coding Prep:</strong> Practice the demo flow</li>
|
|
170
|
+
<li><strong>New Architecture Experiments:</strong> Break assumptions, find edge cases</li>
|
|
171
|
+
</ul>
|
|
172
|
+
</div>
|
|
173
|
+
<div class="content-section">
|
|
174
|
+
<div class="identity-rules">
|
|
175
|
+
<h3>The Rules of The Laboratory</h3>
|
|
176
|
+
<ul>
|
|
177
|
+
<li>Break things before they matter</li>
|
|
178
|
+
<li>Test assumptions publicly</li>
|
|
179
|
+
<li>Iterate faster than you think</li>
|
|
180
|
+
<li>Failure here is cheap</li>
|
|
181
|
+
<li>Learn the edge cases in safety</li>
|
|
182
|
+
<li>Cursor is the sandbox. Cursor is where you fail fast</li>
|
|
183
|
+
</ul>
|
|
184
|
+
</div>
|
|
185
|
+
</div>
|
|
186
|
+
<div class="footer">
|
|
187
|
+
<p><strong>Cursor: The Laboratory</strong></p>
|
|
188
|
+
<p>Where Failure Becomes Data</p>
|
|
189
|
+
</div>
|
|
190
|
+
</div>
|
|
191
|
+
</body>
|
|
192
|
+
</html>
|
|
@@ -0,0 +1,250 @@
|
|
|
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>🔨 iTerm2 | The Builder</title>
|
|
7
|
+
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🔨</text></svg>">
|
|
8
|
+
<style>
|
|
9
|
+
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
10
|
+
body {
|
|
11
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
12
|
+
background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
|
|
13
|
+
color: #1a1a1a;
|
|
14
|
+
padding: 40px 20px;
|
|
15
|
+
min-height: 100vh;
|
|
16
|
+
}
|
|
17
|
+
.container { max-width: 1200px; margin: 0 auto; }
|
|
18
|
+
.back-button {
|
|
19
|
+
background: rgba(255, 255, 255, 0.2);
|
|
20
|
+
color: white;
|
|
21
|
+
border: 2px solid white;
|
|
22
|
+
padding: 14px 28px;
|
|
23
|
+
border-radius: 10px;
|
|
24
|
+
cursor: pointer;
|
|
25
|
+
font-size: 1.1em;
|
|
26
|
+
font-weight: bold;
|
|
27
|
+
margin-bottom: 40px;
|
|
28
|
+
text-decoration: none;
|
|
29
|
+
display: inline-block;
|
|
30
|
+
}
|
|
31
|
+
.back-button:hover { background: rgba(255, 255, 255, 0.3); transform: translateX(-5px); }
|
|
32
|
+
.header { text-align: center; margin-bottom: 50px; }
|
|
33
|
+
.header h1 { font-size: 4.5em; color: white; text-shadow: 3px 3px 6px rgba(0,0,0,0.4); margin-bottom: 15px; }
|
|
34
|
+
.subtitle { font-size: 1.5em; color: white; opacity: 0.95; margin-bottom: 10px; }
|
|
35
|
+
.command {
|
|
36
|
+
font-family: 'Monaco', 'Courier New', monospace;
|
|
37
|
+
background: rgba(0, 0, 0, 0.3);
|
|
38
|
+
color: white;
|
|
39
|
+
padding: 12px 24px;
|
|
40
|
+
border-radius: 8px;
|
|
41
|
+
display: inline-block;
|
|
42
|
+
font-size: 1.2em;
|
|
43
|
+
margin-top: 10px;
|
|
44
|
+
}
|
|
45
|
+
.memory-palace {
|
|
46
|
+
background: white;
|
|
47
|
+
color: #1a1a1a;
|
|
48
|
+
font-size: 2.2em;
|
|
49
|
+
font-style: italic;
|
|
50
|
+
text-align: center;
|
|
51
|
+
padding: 50px 40px;
|
|
52
|
+
border-radius: 20px;
|
|
53
|
+
margin-bottom: 50px;
|
|
54
|
+
box-shadow: 0 15px 50px rgba(0,0,0,0.3);
|
|
55
|
+
line-height: 1.6;
|
|
56
|
+
border-left: 10px solid #3b82f6;
|
|
57
|
+
}
|
|
58
|
+
.stakes-card {
|
|
59
|
+
background: rgba(0, 0, 0, 0.3);
|
|
60
|
+
color: white;
|
|
61
|
+
padding: 30px;
|
|
62
|
+
border-radius: 15px;
|
|
63
|
+
text-align: center;
|
|
64
|
+
margin-bottom: 50px;
|
|
65
|
+
border: 3px solid rgba(255, 255, 255, 0.4);
|
|
66
|
+
}
|
|
67
|
+
.stakes-card h2 { font-size: 2.5em; margin-bottom: 15px; }
|
|
68
|
+
.stakes-card p { font-size: 1.3em; line-height: 1.6; }
|
|
69
|
+
.content-section {
|
|
70
|
+
background: white;
|
|
71
|
+
padding: 50px 40px;
|
|
72
|
+
border-radius: 20px;
|
|
73
|
+
margin-bottom: 40px;
|
|
74
|
+
box-shadow: 0 15px 50px rgba(0,0,0,0.2);
|
|
75
|
+
}
|
|
76
|
+
.content-section h2 {
|
|
77
|
+
font-size: 2.5em;
|
|
78
|
+
color: #3b82f6;
|
|
79
|
+
margin-bottom: 30px;
|
|
80
|
+
border-bottom: 4px solid #3b82f6;
|
|
81
|
+
padding-bottom: 15px;
|
|
82
|
+
}
|
|
83
|
+
.task-list { list-style: none; padding: 0; }
|
|
84
|
+
.task-list li {
|
|
85
|
+
padding: 18px 0;
|
|
86
|
+
border-bottom: 2px solid #eee;
|
|
87
|
+
font-size: 1.2em;
|
|
88
|
+
color: #333;
|
|
89
|
+
line-height: 1.6;
|
|
90
|
+
}
|
|
91
|
+
.task-list li:last-child { border-bottom: none; }
|
|
92
|
+
.task-list li:before { content: '🔨'; margin-right: 15px; font-size: 1.3em; }
|
|
93
|
+
.identity-rules {
|
|
94
|
+
background: #eff6ff;
|
|
95
|
+
padding: 30px;
|
|
96
|
+
border-radius: 15px;
|
|
97
|
+
border-left: 6px solid #3b82f6;
|
|
98
|
+
margin-bottom: 30px;
|
|
99
|
+
}
|
|
100
|
+
.identity-rules h3 { font-size: 1.8em; color: #3b82f6; margin-bottom: 20px; }
|
|
101
|
+
.identity-rules ul { list-style: none; padding: 0; }
|
|
102
|
+
.identity-rules li { padding: 12px 0; font-size: 1.1em; color: #444; line-height: 1.6; }
|
|
103
|
+
.identity-rules li:before { content: '→'; margin-right: 12px; color: #3b82f6; font-weight: bold; font-size: 1.3em; }
|
|
104
|
+
.footer { text-align: center; color: white; margin-top: 60px; font-size: 1.1em; opacity: 0.9; }
|
|
105
|
+
/* Room Switcher Navigation */
|
|
106
|
+
.room-switcher {
|
|
107
|
+
display: flex;
|
|
108
|
+
flex-wrap: wrap;
|
|
109
|
+
gap: 10px;
|
|
110
|
+
margin-bottom: 30px;
|
|
111
|
+
padding: 15px;
|
|
112
|
+
background: rgba(255,255,255,0.1);
|
|
113
|
+
border-radius: 12px;
|
|
114
|
+
}
|
|
115
|
+
.room-switcher a {
|
|
116
|
+
padding: 8px 16px;
|
|
117
|
+
border-radius: 8px;
|
|
118
|
+
text-decoration: none;
|
|
119
|
+
font-weight: bold;
|
|
120
|
+
font-size: 0.95em;
|
|
121
|
+
transition: transform 0.2s, background 0.2s;
|
|
122
|
+
}
|
|
123
|
+
.room-switcher a:hover { transform: scale(1.05); }
|
|
124
|
+
.room-switcher .builder { background: #3b82f6; color: white; }
|
|
125
|
+
.room-switcher .architect { background: #4f46e5; color: white; }
|
|
126
|
+
.room-switcher .operator { background: #22c55e; color: white; }
|
|
127
|
+
.room-switcher .vault { background: #ef4444; color: white; }
|
|
128
|
+
.room-switcher .voice { background: #a855f7; color: white; }
|
|
129
|
+
.room-switcher .laboratory { background: #06b6d4; color: white; }
|
|
130
|
+
.room-switcher .performer { background: #f59e0b; color: white; }
|
|
131
|
+
.room-switcher .network { background: #6366f1; color: white; }
|
|
132
|
+
.room-switcher .current { opacity: 0.5; pointer-events: none; }
|
|
133
|
+
</style>
|
|
134
|
+
</head>
|
|
135
|
+
<body>
|
|
136
|
+
<div class="container">
|
|
137
|
+
<a href="../cognitive-dashboard.html" class="back-button">← Back to Dashboard</a>
|
|
138
|
+
|
|
139
|
+
<!-- Room Switcher: Opens in new windows for fullscreen positioning -->
|
|
140
|
+
<nav class="room-switcher">
|
|
141
|
+
<a href="iterm2-builder.html" target="_blank" class="builder current">🔨 Builder</a>
|
|
142
|
+
<a href="vscode-architect.html" target="_blank" class="architect">📐 Architect</a>
|
|
143
|
+
<a href="kitty-operator.html" target="_blank" class="operator">🎩 Operator</a>
|
|
144
|
+
<a href="wezterm-vault.html" target="_blank" class="vault">🔒 Vault</a>
|
|
145
|
+
<a href="terminal-voice.html" target="_blank" class="voice">🎤 Voice</a>
|
|
146
|
+
<a href="cursor-laboratory.html" target="_blank" class="laboratory">🧪 Laboratory</a>
|
|
147
|
+
<a href="alacritty-performer.html" target="_blank" class="performer">🎭 Performer</a>
|
|
148
|
+
<a href="messages-network.html" target="_blank" class="network">🌐 Network</a>
|
|
149
|
+
</nav>
|
|
150
|
+
<div class="header">
|
|
151
|
+
<h1>🔨 iTERM2: THE BUILDER</h1>
|
|
152
|
+
<div class="subtitle">TIER 4: EXECUTION | Easily reversible | 1-Week Horizon</div>
|
|
153
|
+
<div class="command">Cmd+Space → iterm2</div>
|
|
154
|
+
</div>
|
|
155
|
+
<div class="memory-palace">
|
|
156
|
+
"Put on the hard hat. Descend to the factory floor. Conveyor belts carry blueprints from VS Code, bug reports from Kitty, theorems from WezTerm. The machinery is rhythmic and loud. Blue sparks fly as architecture meets reality. Grab the welding torch. On the output dock: working binaries ship to Kitty as sellable product, performance metrics rise to VS Code as strategy fuel, empirical data flows to WezTerm as research validation. Idea becomes iron. Theory becomes proof."
|
|
157
|
+
</div>
|
|
158
|
+
<div class="stakes-card">
|
|
159
|
+
<h2>🔧 STAKES: FEATURE-LEVEL</h2>
|
|
160
|
+
<p>Bug = Support ticket<br/>Shipping features<br/>Execution velocity beats perfect architecture</p>
|
|
161
|
+
</div>
|
|
162
|
+
<div class="content-section">
|
|
163
|
+
<h2>Current Focus</h2>
|
|
164
|
+
<ul class="task-list">
|
|
165
|
+
<li><strong>Stripe Integration:</strong> Commission payments for resellers</li>
|
|
166
|
+
<li><strong>IntentGuard Demo Bug Fixes:</strong> Prepare for Sunday live demo</li>
|
|
167
|
+
<li><strong>curl Install Script:</strong> Frictionless CRM setup (copy/paste/run)</li>
|
|
168
|
+
<li><strong>Book API Production:</strong> Deployment (80% complete)</li>
|
|
169
|
+
</ul>
|
|
170
|
+
</div>
|
|
171
|
+
<div class="content-section">
|
|
172
|
+
<div class="identity-rules">
|
|
173
|
+
<h3>The Manifestation Engine: How iTerm2 Powers the Flywheel</h3>
|
|
174
|
+
<ul>
|
|
175
|
+
<li><strong>INPUTS:</strong> iTerm2 receives architectural blueprints from VS Code, bug reports from Kitty's customer interactions, and theorems from WezTerm's research vault that need empirical validation</li>
|
|
176
|
+
<li><strong>TRANSFORMATION:</strong> You are the factory floor where abstractions become binaries. VS Code's strategic architecture becomes working Stripe integration. Kitty's support tickets become squashed bugs. WezTerm's mathematical proofs become running code</li>
|
|
177
|
+
<li><strong>OUTPUTS TO KITTY:</strong> iTerm2's deployments flow downstream as sellable product. The Stripe integration becomes revenue infrastructure. The curl install script becomes frictionless onboarding. The IntentGuard demo becomes closable deals</li>
|
|
178
|
+
<li><strong>OUTPUTS TO VSCODE:</strong> Performance data, deployment metrics, and production edge cases flow upstream for strategic refinement. "The Stripe API rate-limits at 100 req/sec" informs VS Code's next architecture decision</li>
|
|
179
|
+
<li><strong>OUTPUTS TO WEZTERM:</strong> Real-world empirical data validates or invalidates theoretical assumptions. "Trust Debt formula predicts 47% churn, actual production shows 43%" feeds back into research</li>
|
|
180
|
+
<li><strong>THE FLYWHEEL ACCELERATOR:</strong> Every feature shipped generates customer data for Kitty, strategic patterns for VS Code, and empirical validation for WezTerm. The faster iTerm2 builds, the faster every other terminal gets smarter</li>
|
|
181
|
+
<li>iTerm2 is the manifestation bottleneck. If blueprints pile up unbuilt, the entire system stalls. If you ship broken code, Kitty sells vaporware and WezTerm loses faith in production</li>
|
|
182
|
+
<li>Blue sparks fly because theory is colliding with reality at maximum velocity. Every compiled binary is proof that the system works</li>
|
|
183
|
+
</ul>
|
|
184
|
+
</div>
|
|
185
|
+
</div>
|
|
186
|
+
<div class="content-section">
|
|
187
|
+
<h2>🔄 COMPLETE FLYWHEEL CYCLE: One Feature's Reality Test</h2>
|
|
188
|
+
<div style="background: #eff6ff; padding: 30px; border-radius: 15px; border-left: 6px solid #3b82f6; margin-bottom: 25px;">
|
|
189
|
+
<h3 style="font-size: 1.5em; color: #3b82f6; margin-bottom: 20px;">Example: Stripe Commission Integration</h3>
|
|
190
|
+
|
|
191
|
+
<div style="margin-bottom: 20px;">
|
|
192
|
+
<h4 style="color: #2563eb; margin-bottom: 10px;">🔻 BLUEPRINT ARRIVES IN ITERM2</h4>
|
|
193
|
+
<p style="line-height: 1.7; color: #555;"><strong>From VS Code:</strong> "Strategic decision: Pivot to reseller model. iTerm2, you have 5 days to ship commission tracking." <strong>From Kitty:</strong> "Resellers need to see their earnings in real-time or they won't recruit." <strong>From WezTerm:</strong> "Trust Debt formula: If payment delay > 7 days, reseller churn = 68%." iTerm2 receives convergent directives: SHIP FAST, SHIP TRANSPARENT, SHIP ACCURATE.</p>
|
|
194
|
+
</div>
|
|
195
|
+
|
|
196
|
+
<div style="margin-bottom: 20px;">
|
|
197
|
+
<h4 style="color: #2563eb; margin-bottom: 10px;">⚗️ ITERM2 TRANSFORMS BLUEPRINTS INTO BINARIES</h4>
|
|
198
|
+
<p style="line-height: 1.7; color: #555;">Inside iTerm2, you grab the welding torch. Day 1: Stripe API integration (OAuth flow, webhook setup). Day 2: Database schema for commission tracking (reseller_id, sale_id, commission_percentage, status). Day 3: Real-time dashboard UI (shows pending/paid commissions). Day 4: Testing (edge cases: refunds, disputes, multi-currency). Day 5: Deployment to production. Blue sparks fly. Architecture meets reality. The binary ships.</p>
|
|
199
|
+
</div>
|
|
200
|
+
|
|
201
|
+
<div style="margin-bottom: 20px;">
|
|
202
|
+
<h4 style="color: #2563eb; margin-bottom: 10px;">🔺 ITERM2 SHIPS, DATA FLOWS BACK</h4>
|
|
203
|
+
<p style="line-height: 1.7; color: #555;">
|
|
204
|
+
<strong>→ Kitty (Operator):</strong> "Feature is live. First reseller onboards in 12 minutes (vs. 3 days before). Kitty uses this as proof in next sales call."<br/>
|
|
205
|
+
<strong>→ VS Code (Architect):</strong> "Performance data: Average commission calculation = 47ms. Stripe rate limit = 100 req/sec. Bottleneck identified: Need caching layer." VS Code updates roadmap.<br/>
|
|
206
|
+
<strong>→ WezTerm (Vault):</strong> "Empirical validation: Trust Debt formula predicted 68% churn for >7-day delay. Actual production shows real-time dashboard reduces churn to 11%. Formula needs refinement." WezTerm adjusts the k_E constant.<br/>
|
|
207
|
+
<strong>→ Terminal (Voice):</strong> "New talking point: 'Our resellers see earnings instantly—no waiting for month-end reports.'" Terminal adds to next LinkedIn post.
|
|
208
|
+
</p>
|
|
209
|
+
</div>
|
|
210
|
+
|
|
211
|
+
<div style="margin-bottom: 20px;">
|
|
212
|
+
<h4 style="color: #2563eb; margin-bottom: 10px;">🔁 PRODUCTION REVEALS NEW WORK</h4>
|
|
213
|
+
<p style="line-height: 1.7; color: #555;">
|
|
214
|
+
<strong>Kitty reports:</strong> "Reseller #3 had a customer refund. Commission dashboard showed 'pending' for 2 hours, causing confusion." Kitty sends bug report to iTerm2.<br/>
|
|
215
|
+
<strong>iTerm2 responds:</strong> "Edge case: Refund webhook delay from Stripe. Fix: Poll for updates every 5 minutes instead of relying solely on webhooks." iTerm2 ships hotfix within 6 hours.<br/>
|
|
216
|
+
<strong>VS Code observes:</strong> "iTerm2's rapid response prevented reseller churn. Note: Allocate 20% sprint capacity for production firefighting." Strategy adapts to reality.
|
|
217
|
+
</p>
|
|
218
|
+
</div>
|
|
219
|
+
|
|
220
|
+
<div style="background: white; padding: 20px; border-radius: 10px; margin-top: 20px;">
|
|
221
|
+
<p style="font-weight: bold; color: #3b82f6; margin-bottom: 10px;">THE ACCELERATION:</p>
|
|
222
|
+
<p style="line-height: 1.7; color: #444;">
|
|
223
|
+
One feature shipped in iTerm2 → Enabled revenue in Kitty → Validated strategy in VS Code → Refined physics in WezTerm → Created new content in Terminal. But MORE importantly: Production edge cases revealed by real users flow back to iTerm2 FASTER each cycle, because the feedback loops are now established.
|
|
224
|
+
<strong>iTerm2 is the reality engine. Theory is cheap. Deployed code is truth. The faster iTerm2 ships, the faster the entire flywheel learns what's real.</strong>
|
|
225
|
+
</p>
|
|
226
|
+
</div>
|
|
227
|
+
</div>
|
|
228
|
+
</div>
|
|
229
|
+
|
|
230
|
+
<div class="content-section">
|
|
231
|
+
<h2>Why iTerm2? The Flywheel Reality Engine</h2>
|
|
232
|
+
<p style="font-size: 1.2em; line-height: 1.8; color: #444;">
|
|
233
|
+
iTerm2 is where <strong>abstract strategy meets concrete reality</strong>. The blue sparks theme signals kinetic execution—the factory floor is loud. When you open iTerm2, you're not designing architecture in iTerm2—you're shipping binaries in iTerm2. You're not debating trade-offs in iTerm2—you're making them in iTerm2.
|
|
234
|
+
</p>
|
|
235
|
+
<p style="font-size: 1.2em; line-height: 1.8; color: #444; margin-top: 20px;">
|
|
236
|
+
<strong>iTerm2 = The Reality Engine.</strong> VS Code sends blueprints to iTerm2. Kitty sends bug reports to iTerm2. WezTerm sends theorems needing validation to iTerm2. iTerm2 transforms all three into working code. Then iTerm2 ships that code to production, and production sends REAL DATA back: "Your theory was 89% correct—here's the 11% you missed." iTerm2 sends performance metrics to VS Code (strategic refinement), empirical validation to WezTerm (theory adjustment), and sellable product to Kitty (revenue generation). <strong>iTerm2 accelerates the flywheel by being the manifestation bottleneck—the point where ideas become testable reality.</strong>
|
|
237
|
+
</p>
|
|
238
|
+
<p style="font-size: 1.2em; line-height: 1.8; color: #444; margin-top: 20px;">
|
|
239
|
+
If blueprints pile up unbuilt in iTerm2, the flywheel stalls. If broken code ships from iTerm2, Kitty sells vaporware and WezTerm loses faith. <strong>But when iTerm2 ships fast AND accurately, every other terminal gets smarter faster.</strong> Blue sparks fly in iTerm2 because theory collides with reality at maximum velocity.
|
|
240
|
+
</p>
|
|
241
|
+
</div>
|
|
242
|
+
|
|
243
|
+
<div class="footer">
|
|
244
|
+
<p><strong>iTerm2: The Builder</strong></p>
|
|
245
|
+
<p>Where Ideas Become Iron → Iron Becomes Data → Data Becomes Better Ideas</p>
|
|
246
|
+
<p style="margin-top: 15px; font-style: italic; opacity: 0.9;">The Reality Engine (Theory is Cheap. Deployed Code is Truth.)</p>
|
|
247
|
+
</div>
|
|
248
|
+
</div>
|
|
249
|
+
</body>
|
|
250
|
+
</html>
|