thetacog-mcp 1.0.3 → 1.0.6
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 +12 -11
- package/.workflow/bucket-builder.html +1 -1
- package/.workflow/bucket-discoverer.html +1 -1
- package/.workflow/bucket-experimenter.html +1 -1
- package/.workflow/bucket-operator.html +1 -1
- package/.workflow/bucket-strategist.html +1 -1
- package/.workflow/bucket-teacher.html +1 -1
- package/.workflow/cognitive-dashboard.html +1 -0
- package/.workflow/cursor-laboratory.html +12 -11
- package/.workflow/getting-started.html +443 -0
- package/.workflow/iterm2-builder.html +14 -12
- package/.workflow/kitty-operator.html +14 -12
- package/.workflow/messages-network.html +12 -11
- package/.workflow/terminal-voice.html +12 -11
- package/.workflow/vscode-architect.html +12 -11
- package/.workflow/wezterm-vault.html +12 -11
- package/README.md +69 -24
- package/package.json +1 -1
- package/postinstall.js +89 -17
|
@@ -129,24 +129,25 @@
|
|
|
129
129
|
.room-switcher .voice { background: #a855f7; color: white; }
|
|
130
130
|
.room-switcher .laboratory { background: #06b6d4; color: white; }
|
|
131
131
|
.room-switcher .performer { background: #f59e0b; color: white; }
|
|
132
|
-
.room-switcher .network { background: #
|
|
132
|
+
.room-switcher .network { background: #14b8a6; color: white; }
|
|
133
|
+
.room-switcher .home { background: #a78bfa; color: white; }
|
|
133
134
|
.room-switcher .current { opacity: 0.5; pointer-events: none; }
|
|
134
135
|
</style>
|
|
135
136
|
</head>
|
|
136
137
|
<body>
|
|
137
138
|
<div class="container">
|
|
138
|
-
<a href="
|
|
139
|
+
<a href="getting-started.html" class="back-button">← Getting Started</a>
|
|
139
140
|
|
|
140
|
-
<!-- Room Switcher:
|
|
141
|
+
<!-- Room Switcher: Navigate between cognitive rooms -->
|
|
141
142
|
<nav class="room-switcher">
|
|
142
|
-
<a href="
|
|
143
|
-
<a href="
|
|
144
|
-
<a href="kitty-operator.html"
|
|
145
|
-
<a href="wezterm-vault.html"
|
|
146
|
-
<a href="terminal-voice.html"
|
|
147
|
-
<a href="
|
|
148
|
-
<a href="
|
|
149
|
-
<a href="messages-network.html"
|
|
143
|
+
<a href="getting-started.html" class="home">🧠 Home</a>
|
|
144
|
+
<a href="iterm2-builder.html" class="builder">🔨 Builder</a>
|
|
145
|
+
<a href="kitty-operator.html" class="operator">🎩 Operator</a>
|
|
146
|
+
<a href="wezterm-vault.html" class="vault">🔬 Discoverer</a>
|
|
147
|
+
<a href="terminal-voice.html" class="voice">🎤 Teacher</a>
|
|
148
|
+
<a href="vscode-architect.html" class="architect">📐 Strategist</a>
|
|
149
|
+
<a href="cursor-laboratory.html" class="laboratory">🧪 Experimenter</a>
|
|
150
|
+
<a href="messages-network.html" class="network">💬 Communicator</a>
|
|
150
151
|
</nav>
|
|
151
152
|
|
|
152
153
|
<div class="header">
|
|
@@ -132,7 +132,7 @@
|
|
|
132
132
|
</div>
|
|
133
133
|
|
|
134
134
|
<div class="header">
|
|
135
|
-
<a href="
|
|
135
|
+
<a href="getting-started.html" class="back-link">← Getting Started</a>
|
|
136
136
|
|
|
137
137
|
<!-- Cognitive Loading Prompt -->
|
|
138
138
|
<div style="background: #f0f7ff; border: 2px solid #3b82f6; border-radius: 12px; padding: 25px; margin-bottom: 30px;">
|
|
@@ -472,7 +472,7 @@ Ready to discover. What truth are we uncovering?</div>
|
|
|
472
472
|
</div>
|
|
473
473
|
</div>
|
|
474
474
|
|
|
475
|
-
<a href="
|
|
475
|
+
<a href="getting-started.html" class="back-link">← Getting Started</a>
|
|
476
476
|
</div>
|
|
477
477
|
|
|
478
478
|
<script>
|
|
@@ -410,7 +410,7 @@ Ready to experiment. What are we testing today?</div>
|
|
|
410
410
|
</div>
|
|
411
411
|
</div>
|
|
412
412
|
|
|
413
|
-
<a href="
|
|
413
|
+
<a href="getting-started.html" class="back-link">← Getting Started</a>
|
|
414
414
|
</div>
|
|
415
415
|
|
|
416
416
|
<script>
|
|
@@ -495,7 +495,7 @@ Ready to operate. Who are we talking to?</div>
|
|
|
495
495
|
</div>
|
|
496
496
|
</div>
|
|
497
497
|
|
|
498
|
-
<a href="
|
|
498
|
+
<a href="getting-started.html" class="back-link">← Getting Started</a>
|
|
499
499
|
</div>
|
|
500
500
|
|
|
501
501
|
<script>
|
|
@@ -477,7 +477,7 @@ Ready to strategize. What patterns are we mapping?</div>
|
|
|
477
477
|
</div>
|
|
478
478
|
</div>
|
|
479
479
|
|
|
480
|
-
<a href="
|
|
480
|
+
<a href="getting-started.html" class="back-link">← Getting Started</a>
|
|
481
481
|
</div>
|
|
482
482
|
|
|
483
483
|
<script>
|
|
@@ -425,7 +425,7 @@ Ready to teach. What needs to be explained?</div>
|
|
|
425
425
|
</div>
|
|
426
426
|
</div>
|
|
427
427
|
|
|
428
|
-
<a href="
|
|
428
|
+
<a href="getting-started.html" class="back-link">← Getting Started</a>
|
|
429
429
|
</div>
|
|
430
430
|
|
|
431
431
|
<script>
|
|
@@ -130,6 +130,7 @@
|
|
|
130
130
|
<div class="header">
|
|
131
131
|
<h1>🧠 Cognitive Workflow Dashboard</h1>
|
|
132
132
|
<p class="subtitle">Tool = Identity = Mindset</p>
|
|
133
|
+
<p style="margin-top: 15px;"><a href="getting-started.html" style="color: #a78bfa; text-decoration: none; font-weight: bold;">← Back to Getting Started</a></p>
|
|
133
134
|
</div>
|
|
134
135
|
|
|
135
136
|
<div class="stats-overview">
|
|
@@ -129,24 +129,25 @@
|
|
|
129
129
|
.room-switcher .voice { background: #a855f7; color: white; }
|
|
130
130
|
.room-switcher .laboratory { background: #06b6d4; color: white; }
|
|
131
131
|
.room-switcher .performer { background: #f59e0b; color: white; }
|
|
132
|
-
.room-switcher .network { background: #
|
|
132
|
+
.room-switcher .network { background: #14b8a6; color: white; }
|
|
133
|
+
.room-switcher .home { background: #a78bfa; color: white; }
|
|
133
134
|
.room-switcher .current { opacity: 0.5; pointer-events: none; }
|
|
134
135
|
</style>
|
|
135
136
|
</head>
|
|
136
137
|
<body>
|
|
137
138
|
<div class="container">
|
|
138
|
-
<a href="
|
|
139
|
+
<a href="getting-started.html" class="back-button">← Getting Started</a>
|
|
139
140
|
|
|
140
|
-
<!-- Room Switcher:
|
|
141
|
+
<!-- Room Switcher: Navigate between cognitive rooms -->
|
|
141
142
|
<nav class="room-switcher">
|
|
142
|
-
<a href="
|
|
143
|
-
<a href="
|
|
144
|
-
<a href="kitty-operator.html"
|
|
145
|
-
<a href="wezterm-vault.html"
|
|
146
|
-
<a href="terminal-voice.html"
|
|
147
|
-
<a href="
|
|
148
|
-
<a href="
|
|
149
|
-
<a href="messages-network.html"
|
|
143
|
+
<a href="getting-started.html" class="home">🧠 Home</a>
|
|
144
|
+
<a href="iterm2-builder.html" class="builder">🔨 Builder</a>
|
|
145
|
+
<a href="kitty-operator.html" class="operator">🎩 Operator</a>
|
|
146
|
+
<a href="wezterm-vault.html" class="vault">🔬 Discoverer</a>
|
|
147
|
+
<a href="terminal-voice.html" class="voice">🎤 Teacher</a>
|
|
148
|
+
<a href="vscode-architect.html" class="architect">📐 Strategist</a>
|
|
149
|
+
<a href="cursor-laboratory.html" class="laboratory current">🧪 Experimenter</a>
|
|
150
|
+
<a href="messages-network.html" class="network">💬 Communicator</a>
|
|
150
151
|
</nav>
|
|
151
152
|
|
|
152
153
|
<div class="header">
|
|
@@ -0,0 +1,443 @@
|
|
|
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>🧠 ThetaCog - Getting Started</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, #0f172a 0%, #1e293b 100%);
|
|
13
|
+
color: #e2e8f0;
|
|
14
|
+
min-height: 100vh;
|
|
15
|
+
padding: 40px 20px;
|
|
16
|
+
line-height: 1.7;
|
|
17
|
+
}
|
|
18
|
+
.container { max-width: 1000px; margin: 0 auto; }
|
|
19
|
+
.header {
|
|
20
|
+
text-align: center;
|
|
21
|
+
margin-bottom: 50px;
|
|
22
|
+
}
|
|
23
|
+
.header h1 {
|
|
24
|
+
font-size: 3em;
|
|
25
|
+
color: #a78bfa;
|
|
26
|
+
margin-bottom: 15px;
|
|
27
|
+
}
|
|
28
|
+
.tagline {
|
|
29
|
+
font-size: 1.4em;
|
|
30
|
+
color: #94a3b8;
|
|
31
|
+
margin-bottom: 10px;
|
|
32
|
+
}
|
|
33
|
+
.hook {
|
|
34
|
+
font-size: 1.1em;
|
|
35
|
+
color: #f59e0b;
|
|
36
|
+
font-weight: bold;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
/* Flywheel Section */
|
|
40
|
+
.flywheel-section {
|
|
41
|
+
background: linear-gradient(135deg, rgba(167, 139, 250, 0.15) 0%, rgba(139, 92, 246, 0.1) 100%);
|
|
42
|
+
border: 2px solid #a78bfa;
|
|
43
|
+
border-radius: 20px;
|
|
44
|
+
padding: 40px;
|
|
45
|
+
margin-bottom: 40px;
|
|
46
|
+
text-align: center;
|
|
47
|
+
}
|
|
48
|
+
.flywheel-section h2 {
|
|
49
|
+
font-size: 2em;
|
|
50
|
+
color: #a78bfa;
|
|
51
|
+
margin-bottom: 20px;
|
|
52
|
+
}
|
|
53
|
+
.flywheel-equation {
|
|
54
|
+
font-size: 1.8em;
|
|
55
|
+
color: #22c55e;
|
|
56
|
+
font-weight: bold;
|
|
57
|
+
margin: 20px 0;
|
|
58
|
+
font-family: 'SF Mono', Monaco, monospace;
|
|
59
|
+
}
|
|
60
|
+
.flywheel-text {
|
|
61
|
+
font-size: 1.15em;
|
|
62
|
+
color: #cbd5e1;
|
|
63
|
+
max-width: 700px;
|
|
64
|
+
margin: 0 auto;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
/* The Model */
|
|
68
|
+
.model-section {
|
|
69
|
+
background: rgba(30, 41, 59, 0.8);
|
|
70
|
+
border-radius: 15px;
|
|
71
|
+
padding: 35px;
|
|
72
|
+
margin-bottom: 40px;
|
|
73
|
+
border-left: 5px solid #22c55e;
|
|
74
|
+
}
|
|
75
|
+
.model-section h2 {
|
|
76
|
+
color: #22c55e;
|
|
77
|
+
font-size: 1.6em;
|
|
78
|
+
margin-bottom: 20px;
|
|
79
|
+
}
|
|
80
|
+
.model-code {
|
|
81
|
+
background: rgba(0, 0, 0, 0.4);
|
|
82
|
+
padding: 25px;
|
|
83
|
+
border-radius: 10px;
|
|
84
|
+
font-family: 'SF Mono', Monaco, monospace;
|
|
85
|
+
font-size: 1.05em;
|
|
86
|
+
line-height: 1.8;
|
|
87
|
+
color: #a5f3fc;
|
|
88
|
+
}
|
|
89
|
+
.model-code .comment { color: #6b7280; }
|
|
90
|
+
.model-code .key { color: #f59e0b; }
|
|
91
|
+
|
|
92
|
+
/* Room Grid */
|
|
93
|
+
.rooms-section {
|
|
94
|
+
margin-bottom: 40px;
|
|
95
|
+
}
|
|
96
|
+
.rooms-section h2 {
|
|
97
|
+
color: #60a5fa;
|
|
98
|
+
font-size: 1.6em;
|
|
99
|
+
margin-bottom: 25px;
|
|
100
|
+
text-align: center;
|
|
101
|
+
}
|
|
102
|
+
.room-grid {
|
|
103
|
+
display: grid;
|
|
104
|
+
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
|
105
|
+
gap: 20px;
|
|
106
|
+
}
|
|
107
|
+
.room-card {
|
|
108
|
+
background: rgba(30, 41, 59, 0.8);
|
|
109
|
+
border-radius: 12px;
|
|
110
|
+
padding: 25px;
|
|
111
|
+
text-decoration: none;
|
|
112
|
+
color: inherit;
|
|
113
|
+
transition: all 0.3s ease;
|
|
114
|
+
border: 2px solid transparent;
|
|
115
|
+
}
|
|
116
|
+
.room-card:hover {
|
|
117
|
+
transform: translateY(-5px);
|
|
118
|
+
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
|
|
119
|
+
}
|
|
120
|
+
.room-card.builder { border-color: #3b82f6; }
|
|
121
|
+
.room-card.builder:hover { background: rgba(59, 130, 246, 0.15); }
|
|
122
|
+
.room-card.operator { border-color: #22c55e; }
|
|
123
|
+
.room-card.operator:hover { background: rgba(34, 197, 94, 0.15); }
|
|
124
|
+
.room-card.discoverer { border-color: #ef4444; }
|
|
125
|
+
.room-card.discoverer:hover { background: rgba(239, 68, 68, 0.15); }
|
|
126
|
+
.room-card.teacher { border-color: #a855f7; }
|
|
127
|
+
.room-card.teacher:hover { background: rgba(168, 85, 247, 0.15); }
|
|
128
|
+
.room-card.strategist { border-color: #4f46e5; }
|
|
129
|
+
.room-card.strategist:hover { background: rgba(79, 70, 229, 0.15); }
|
|
130
|
+
.room-card.experimenter { border-color: #06b6d4; }
|
|
131
|
+
.room-card.experimenter:hover { background: rgba(6, 182, 212, 0.15); }
|
|
132
|
+
.room-card.communicator { border-color: #14b8a6; }
|
|
133
|
+
.room-card.communicator:hover { background: rgba(20, 184, 166, 0.15); }
|
|
134
|
+
|
|
135
|
+
.room-header {
|
|
136
|
+
display: flex;
|
|
137
|
+
align-items: center;
|
|
138
|
+
gap: 12px;
|
|
139
|
+
margin-bottom: 12px;
|
|
140
|
+
}
|
|
141
|
+
.room-emoji { font-size: 2em; }
|
|
142
|
+
.room-name { font-size: 1.4em; font-weight: bold; }
|
|
143
|
+
.room-terminal {
|
|
144
|
+
font-family: 'SF Mono', Monaco, monospace;
|
|
145
|
+
font-size: 0.9em;
|
|
146
|
+
color: #94a3b8;
|
|
147
|
+
margin-bottom: 8px;
|
|
148
|
+
}
|
|
149
|
+
.room-tabs {
|
|
150
|
+
font-size: 0.95em;
|
|
151
|
+
color: #cbd5e1;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
/* How It Works */
|
|
155
|
+
.how-section {
|
|
156
|
+
background: rgba(30, 41, 59, 0.6);
|
|
157
|
+
border-radius: 15px;
|
|
158
|
+
padding: 35px;
|
|
159
|
+
margin-bottom: 40px;
|
|
160
|
+
}
|
|
161
|
+
.how-section h2 {
|
|
162
|
+
color: #f59e0b;
|
|
163
|
+
font-size: 1.6em;
|
|
164
|
+
margin-bottom: 25px;
|
|
165
|
+
}
|
|
166
|
+
.step {
|
|
167
|
+
display: flex;
|
|
168
|
+
gap: 20px;
|
|
169
|
+
margin-bottom: 25px;
|
|
170
|
+
align-items: flex-start;
|
|
171
|
+
}
|
|
172
|
+
.step-number {
|
|
173
|
+
background: #f59e0b;
|
|
174
|
+
color: #0f172a;
|
|
175
|
+
width: 40px;
|
|
176
|
+
height: 40px;
|
|
177
|
+
border-radius: 50%;
|
|
178
|
+
display: flex;
|
|
179
|
+
align-items: center;
|
|
180
|
+
justify-content: center;
|
|
181
|
+
font-weight: bold;
|
|
182
|
+
font-size: 1.2em;
|
|
183
|
+
flex-shrink: 0;
|
|
184
|
+
}
|
|
185
|
+
.step-content h3 {
|
|
186
|
+
color: #f59e0b;
|
|
187
|
+
margin-bottom: 8px;
|
|
188
|
+
}
|
|
189
|
+
.step-content p {
|
|
190
|
+
color: #cbd5e1;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
/* Quick Links */
|
|
194
|
+
.quick-links {
|
|
195
|
+
display: flex;
|
|
196
|
+
flex-wrap: wrap;
|
|
197
|
+
gap: 15px;
|
|
198
|
+
justify-content: center;
|
|
199
|
+
margin-bottom: 40px;
|
|
200
|
+
}
|
|
201
|
+
.quick-link {
|
|
202
|
+
background: rgba(30, 41, 59, 0.8);
|
|
203
|
+
color: #60a5fa;
|
|
204
|
+
padding: 12px 24px;
|
|
205
|
+
border-radius: 8px;
|
|
206
|
+
text-decoration: none;
|
|
207
|
+
font-weight: bold;
|
|
208
|
+
transition: all 0.2s;
|
|
209
|
+
border: 1px solid #334155;
|
|
210
|
+
}
|
|
211
|
+
.quick-link:hover {
|
|
212
|
+
background: #60a5fa;
|
|
213
|
+
color: #0f172a;
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
/* Footer */
|
|
217
|
+
.footer {
|
|
218
|
+
text-align: center;
|
|
219
|
+
color: #64748b;
|
|
220
|
+
margin-top: 50px;
|
|
221
|
+
padding-top: 30px;
|
|
222
|
+
border-top: 1px solid #334155;
|
|
223
|
+
}
|
|
224
|
+
.footer a {
|
|
225
|
+
color: #a78bfa;
|
|
226
|
+
text-decoration: none;
|
|
227
|
+
}
|
|
228
|
+
.footer a:hover { text-decoration: underline; }
|
|
229
|
+
</style>
|
|
230
|
+
</head>
|
|
231
|
+
<body>
|
|
232
|
+
<div class="container">
|
|
233
|
+
<div class="header">
|
|
234
|
+
<h1>🧠 ThetaCog</h1>
|
|
235
|
+
<p class="tagline">Tabs + Terminals = Themes</p>
|
|
236
|
+
<p class="hook">You have 47 browser tabs open. Give your brain a break.</p>
|
|
237
|
+
</div>
|
|
238
|
+
|
|
239
|
+
<div class="flywheel-section">
|
|
240
|
+
<h2>⚡ The Flywheel Effect</h2>
|
|
241
|
+
<div class="flywheel-equation">
|
|
242
|
+
Low Context Switch Cost → More Energy IN Than OUT → Themes Lift Off
|
|
243
|
+
</div>
|
|
244
|
+
<p class="flywheel-text">
|
|
245
|
+
When switching terminals is cheap, you <strong>add more energy to the flywheel than you drain</strong>.
|
|
246
|
+
Your tab bunches + AI in that terminal = compound momentum. <code>Cmd+Space</code> to the terminal name is instant context loading.
|
|
247
|
+
After a week of repetition, switching to Kitty is not a context switch—it's context <em>loading</em>.
|
|
248
|
+
</p>
|
|
249
|
+
</div>
|
|
250
|
+
|
|
251
|
+
<div class="model-section">
|
|
252
|
+
<h2>🎯 The Model</h2>
|
|
253
|
+
<div class="model-code">
|
|
254
|
+
<span class="key">Cmd+Space "kitty" →</span><br>
|
|
255
|
+
1. Kitty terminal opens — <span class="comment">Operator room</span><br>
|
|
256
|
+
2. Revenue tabs bunched: Stripe, CRM, analytics, tickets<br>
|
|
257
|
+
3. Your AI in Kitty = ops/business flow (Claude, Cursor, Cline)<br>
|
|
258
|
+
4. <strong>Cheap context switch — brain already knows what Kitty means</strong>
|
|
259
|
+
</div>
|
|
260
|
+
</div>
|
|
261
|
+
|
|
262
|
+
<div class="rooms-section">
|
|
263
|
+
<h2>🚪 The 7 Cognitive Rooms</h2>
|
|
264
|
+
<p style="text-align: center; color: #94a3b8; margin-bottom: 15px;">Click any room to open its dashboard. Keep one tab per room in your browser.</p>
|
|
265
|
+
<p style="text-align: center; color: #22c55e; margin-bottom: 25px; font-weight: bold;">These are starting points. Customize them later - edit the HTML, change the links, make them yours.</p>
|
|
266
|
+
|
|
267
|
+
<div class="room-grid">
|
|
268
|
+
<a href="iterm2-builder.html" class="room-card builder">
|
|
269
|
+
<div class="room-header">
|
|
270
|
+
<span class="room-emoji">🔨</span>
|
|
271
|
+
<span class="room-name">Builder</span>
|
|
272
|
+
</div>
|
|
273
|
+
<div class="room-terminal">iTerm2</div>
|
|
274
|
+
<div class="room-tabs">GitHub PRs, CI/CD, API docs</div>
|
|
275
|
+
</a>
|
|
276
|
+
|
|
277
|
+
<a href="kitty-operator.html" class="room-card operator">
|
|
278
|
+
<div class="room-header">
|
|
279
|
+
<span class="room-emoji">🎩</span>
|
|
280
|
+
<span class="room-name">Operator</span>
|
|
281
|
+
</div>
|
|
282
|
+
<div class="room-terminal">Kitty</div>
|
|
283
|
+
<div class="room-tabs">Stripe, CRM, analytics, tickets</div>
|
|
284
|
+
</a>
|
|
285
|
+
|
|
286
|
+
<a href="wezterm-vault.html" class="room-card discoverer">
|
|
287
|
+
<div class="room-header">
|
|
288
|
+
<span class="room-emoji">🔬</span>
|
|
289
|
+
<span class="room-name">Discoverer</span>
|
|
290
|
+
</div>
|
|
291
|
+
<div class="room-terminal">WezTerm</div>
|
|
292
|
+
<div class="room-tabs">Research, Stack Overflow, docs</div>
|
|
293
|
+
</a>
|
|
294
|
+
|
|
295
|
+
<a href="terminal-voice.html" class="room-card teacher">
|
|
296
|
+
<div class="room-header">
|
|
297
|
+
<span class="room-emoji">🎤</span>
|
|
298
|
+
<span class="room-name">Teacher</span>
|
|
299
|
+
</div>
|
|
300
|
+
<div class="room-terminal">Terminal</div>
|
|
301
|
+
<div class="room-tabs">Blog drafts, content calendar</div>
|
|
302
|
+
</a>
|
|
303
|
+
|
|
304
|
+
<a href="vscode-architect.html" class="room-card strategist">
|
|
305
|
+
<div class="room-header">
|
|
306
|
+
<span class="room-emoji">📐</span>
|
|
307
|
+
<span class="room-name">Strategist</span>
|
|
308
|
+
</div>
|
|
309
|
+
<div class="room-terminal">VS Code</div>
|
|
310
|
+
<div class="room-tabs">Planning docs, competitor analysis</div>
|
|
311
|
+
</a>
|
|
312
|
+
|
|
313
|
+
<a href="cursor-laboratory.html" class="room-card experimenter">
|
|
314
|
+
<div class="room-header">
|
|
315
|
+
<span class="room-emoji">🧪</span>
|
|
316
|
+
<span class="room-name">Experimenter</span>
|
|
317
|
+
</div>
|
|
318
|
+
<div class="room-terminal">Cursor</div>
|
|
319
|
+
<div class="room-tabs">Prototypes, scratch files, POCs</div>
|
|
320
|
+
</a>
|
|
321
|
+
|
|
322
|
+
<a href="messages-network.html" class="room-card communicator">
|
|
323
|
+
<div class="room-header">
|
|
324
|
+
<span class="room-emoji">💬</span>
|
|
325
|
+
<span class="room-name">Communicator</span>
|
|
326
|
+
</div>
|
|
327
|
+
<div class="room-terminal">Messages</div>
|
|
328
|
+
<div class="room-tabs">Slack, email, LinkedIn, texts</div>
|
|
329
|
+
</a>
|
|
330
|
+
</div>
|
|
331
|
+
</div>
|
|
332
|
+
|
|
333
|
+
<div class="how-section">
|
|
334
|
+
<h2>📋 Setup Instructions</h2>
|
|
335
|
+
|
|
336
|
+
<div class="step">
|
|
337
|
+
<div class="step-number">1</div>
|
|
338
|
+
<div class="step-content">
|
|
339
|
+
<h3>Install ThetaCog (You Already Did This)</h3>
|
|
340
|
+
<p><code style="background: rgba(0,0,0,0.3); padding: 4px 8px; border-radius: 4px;">npm install -g thetacog-mcp</code><br>
|
|
341
|
+
This page opened automatically. Your dashboards are now at <code style="background: rgba(0,0,0,0.3); padding: 2px 6px; border-radius: 4px;">~/.thetacog/</code></p>
|
|
342
|
+
</div>
|
|
343
|
+
</div>
|
|
344
|
+
|
|
345
|
+
<div class="step">
|
|
346
|
+
<div class="step-number">2</div>
|
|
347
|
+
<div class="step-content">
|
|
348
|
+
<h3>Install Your Terminals</h3>
|
|
349
|
+
<p>Pick 2-3 terminals from the list above. Don't have them? <strong>Ask Claude:</strong><br>
|
|
350
|
+
<code style="background: rgba(0,0,0,0.3); padding: 4px 8px; border-radius: 4px; display: inline-block; margin-top: 8px;">"Install Kitty and iTerm2 on my Mac"</code><br>
|
|
351
|
+
Or install manually: <a href="https://sw.kovidgoyal.net/kitty/" target="_blank" style="color: #60a5fa;">Kitty</a> · <a href="https://iterm2.com/" target="_blank" style="color: #60a5fa;">iTerm2</a> · <a href="https://wezfurlong.org/wezterm/" target="_blank" style="color: #60a5fa;">WezTerm</a> · <a href="https://www.cursor.com/" target="_blank" style="color: #60a5fa;">Cursor</a></p>
|
|
352
|
+
</div>
|
|
353
|
+
</div>
|
|
354
|
+
|
|
355
|
+
<div class="step">
|
|
356
|
+
<div class="step-number">3</div>
|
|
357
|
+
<div class="step-content">
|
|
358
|
+
<h3>Bunch Your Browser Tabs by Theme</h3>
|
|
359
|
+
<p>Group your tabs by what mode they serve:<br>
|
|
360
|
+
• <strong>Revenue tabs:</strong> Stripe, CRM, analytics → keep near Kitty<br>
|
|
361
|
+
• <strong>Code tabs:</strong> GitHub, CI/CD, API docs → keep near iTerm2<br>
|
|
362
|
+
• <strong>Research tabs:</strong> Stack Overflow, papers → keep near WezTerm</p>
|
|
363
|
+
</div>
|
|
364
|
+
</div>
|
|
365
|
+
|
|
366
|
+
<div class="step">
|
|
367
|
+
<div class="step-number">4</div>
|
|
368
|
+
<div class="step-content">
|
|
369
|
+
<h3>Keep These Dashboards as Tabs</h3>
|
|
370
|
+
<p>Open the room dashboards above and keep them as browser tabs:<br>
|
|
371
|
+
• Operator dashboard tab → next to your Stripe tab<br>
|
|
372
|
+
• Builder dashboard tab → next to your GitHub tab<br>
|
|
373
|
+
<strong>Tip:</strong> Bookmark this folder: <code style="background: rgba(0,0,0,0.3); padding: 2px 6px; border-radius: 4px;">~/.thetacog/</code></p>
|
|
374
|
+
</div>
|
|
375
|
+
</div>
|
|
376
|
+
|
|
377
|
+
<div class="step">
|
|
378
|
+
<div class="step-number">5</div>
|
|
379
|
+
<div class="step-content">
|
|
380
|
+
<h3>Split Screen: Terminal Left, Browser Right</h3>
|
|
381
|
+
<p><strong>macOS:</strong> Hover over the green maximize button → "Tile Window to Left" → Select browser for right side<br>
|
|
382
|
+
<strong>Windows:</strong> Drag terminal to left edge until it snaps → Drag browser to right<br>
|
|
383
|
+
<strong>Linux:</strong> Super+Left for terminal, Super+Right for browser</p>
|
|
384
|
+
<div style="background: rgba(0,0,0,0.3); padding: 15px; border-radius: 8px; margin-top: 12px;">
|
|
385
|
+
<strong style="color: #22c55e;">The Layout (always this pattern):</strong><br>
|
|
386
|
+
<code style="color: #a5f3fc;">┌─────────────────┬─────────────────┐</code><br>
|
|
387
|
+
<code style="color: #a5f3fc;">│ LEFT │ RIGHT │</code><br>
|
|
388
|
+
<code style="color: #a5f3fc;">│─────────────────│─────────────────│</code><br>
|
|
389
|
+
<code style="color: #a5f3fc;">│ TERMINAL │ BROWSER TABS │</code><br>
|
|
390
|
+
<code style="color: #a5f3fc;">│ + Claude │ │</code><br>
|
|
391
|
+
<code style="color: #a5f3fc;">│─────────────────│─────────────────│</code><br>
|
|
392
|
+
<code style="color: #a5f3fc;">│ Kitty terminal │ Stripe.com │</code><br>
|
|
393
|
+
<code style="color: #a5f3fc;">│ $ your-ai │ CRM dashboard │</code><br>
|
|
394
|
+
<code style="color: #a5f3fc;">│ │ Analytics │</code><br>
|
|
395
|
+
<code style="color: #a5f3fc;">│ │ This dashboard │</code><br>
|
|
396
|
+
<code style="color: #a5f3fc;">└─────────────────┴─────────────────┘</code>
|
|
397
|
+
</div>
|
|
398
|
+
</div>
|
|
399
|
+
</div>
|
|
400
|
+
|
|
401
|
+
<div class="step">
|
|
402
|
+
<div class="step-number">6</div>
|
|
403
|
+
<div class="step-content">
|
|
404
|
+
<h3>Run Your AI in Each Terminal</h3>
|
|
405
|
+
<p>Each terminal gets its own AI session for that stack's work. Any MCP-compatible client works (Claude Code, Cursor, Cline):<br>
|
|
406
|
+
<code style="background: rgba(0,0,0,0.3); padding: 4px 8px; border-radius: 4px; display: inline-block; margin-top: 8px;">Cmd+Space "kitty"</code> → AI for ops/business<br>
|
|
407
|
+
<code style="background: rgba(0,0,0,0.3); padding: 4px 8px; border-radius: 4px; display: inline-block; margin-top: 4px;">Cmd+Space "iterm"</code> → AI for building/coding<br>
|
|
408
|
+
<strong style="color: #22c55e;">The jump is the insight.</strong> Instant context load.</p>
|
|
409
|
+
</div>
|
|
410
|
+
</div>
|
|
411
|
+
|
|
412
|
+
<div class="step">
|
|
413
|
+
<div class="step-number">7</div>
|
|
414
|
+
<div class="step-content">
|
|
415
|
+
<h3>Let Repetition Wire the Circuits</h3>
|
|
416
|
+
<p><strong>Hebbian learning:</strong> neurons that fire together, wire together. After a week, <code style="background: rgba(0,0,0,0.3); padding: 2px 6px; border-radius: 4px;">Cmd+Space "kitty"</code> is instant context loading — not context switching. <strong>The jump is the insight.</strong></p>
|
|
417
|
+
</div>
|
|
418
|
+
</div>
|
|
419
|
+
</div>
|
|
420
|
+
|
|
421
|
+
<div class="quick-links">
|
|
422
|
+
<a href="cognitive-dashboard.html" class="quick-link">📊 Full Dashboard</a>
|
|
423
|
+
<a href="https://thetacoach.biz/thetacog" class="quick-link" target="_blank">🌐 Web Setup</a>
|
|
424
|
+
<a href="https://www.npmjs.com/package/thetacog-mcp" class="quick-link" target="_blank">📦 npm Package</a>
|
|
425
|
+
</div>
|
|
426
|
+
|
|
427
|
+
<div class="footer">
|
|
428
|
+
<p><strong>ThetaCog</strong> — Mode management, not task management</p>
|
|
429
|
+
<p style="margin-top: 15px; color: #22c55e; font-weight: bold;">
|
|
430
|
+
All dashboards are yours to customize. Edit the HTML, add your links, make them match YOUR workflow.
|
|
431
|
+
</p>
|
|
432
|
+
<p style="margin-top: 10px;">
|
|
433
|
+
<a href="https://thetacoach.biz/blog/cognitive-rooms-flow-architecture">Methodology</a> ·
|
|
434
|
+
<a href="https://thetacoach.biz/blog/cognitive-workspace-adhd-flywheel">The Neuroscience</a> ·
|
|
435
|
+
<a href="https://github.com/wiber/thetadrivencoach">GitHub</a>
|
|
436
|
+
</p>
|
|
437
|
+
<p style="margin-top: 20px; font-style: italic; color: #64748b;">
|
|
438
|
+
For people who think in parallel. You know who you are.
|
|
439
|
+
</p>
|
|
440
|
+
</div>
|
|
441
|
+
</div>
|
|
442
|
+
</body>
|
|
443
|
+
</html>
|
|
@@ -128,24 +128,25 @@
|
|
|
128
128
|
.room-switcher .voice { background: #a855f7; color: white; }
|
|
129
129
|
.room-switcher .laboratory { background: #06b6d4; color: white; }
|
|
130
130
|
.room-switcher .performer { background: #f59e0b; color: white; }
|
|
131
|
-
.room-switcher .network { background: #
|
|
131
|
+
.room-switcher .network { background: #14b8a6; color: white; }
|
|
132
|
+
.room-switcher .home { background: #a78bfa; color: white; }
|
|
132
133
|
.room-switcher .current { opacity: 0.5; pointer-events: none; }
|
|
133
134
|
</style>
|
|
134
135
|
</head>
|
|
135
136
|
<body>
|
|
136
137
|
<div class="container">
|
|
137
|
-
<a href="
|
|
138
|
+
<a href="getting-started.html" class="back-button">← Getting Started</a>
|
|
138
139
|
|
|
139
|
-
<!-- Room Switcher:
|
|
140
|
+
<!-- Room Switcher: Navigate between cognitive rooms -->
|
|
140
141
|
<nav class="room-switcher">
|
|
141
|
-
<a href="
|
|
142
|
-
<a href="
|
|
143
|
-
<a href="kitty-operator.html"
|
|
144
|
-
<a href="wezterm-vault.html"
|
|
145
|
-
<a href="terminal-voice.html"
|
|
146
|
-
<a href="
|
|
147
|
-
<a href="
|
|
148
|
-
<a href="messages-network.html"
|
|
142
|
+
<a href="getting-started.html" class="home">🧠 Home</a>
|
|
143
|
+
<a href="iterm2-builder.html" class="builder current">🔨 Builder</a>
|
|
144
|
+
<a href="kitty-operator.html" class="operator">🎩 Operator</a>
|
|
145
|
+
<a href="wezterm-vault.html" class="vault">🔬 Discoverer</a>
|
|
146
|
+
<a href="terminal-voice.html" class="voice">🎤 Teacher</a>
|
|
147
|
+
<a href="vscode-architect.html" class="architect">📐 Strategist</a>
|
|
148
|
+
<a href="cursor-laboratory.html" class="laboratory">🧪 Experimenter</a>
|
|
149
|
+
<a href="messages-network.html" class="network">💬 Communicator</a>
|
|
149
150
|
</nav>
|
|
150
151
|
<div class="header">
|
|
151
152
|
<h1>🔨 iTERM2: THE BUILDER</h1>
|
|
@@ -243,7 +244,8 @@
|
|
|
243
244
|
<div class="footer">
|
|
244
245
|
<p><strong>iTerm2: The Builder</strong></p>
|
|
245
246
|
<p>Where Ideas Become Iron → Iron Becomes Data → Data Becomes Better Ideas</p>
|
|
246
|
-
<p style="margin-top: 15px; font-
|
|
247
|
+
<p style="margin-top: 15px; font-weight: bold; color: #fff;">This is YOUR dashboard. Edit the HTML, change the tasks, make it match your workflow.</p>
|
|
248
|
+
<p style="margin-top: 10px; font-style: italic; opacity: 0.9;">The Reality Engine (Theory is Cheap. Deployed Code is Truth.)</p>
|
|
247
249
|
</div>
|
|
248
250
|
</div>
|
|
249
251
|
</body>
|
|
@@ -129,24 +129,25 @@
|
|
|
129
129
|
.room-switcher .voice { background: #a855f7; color: white; }
|
|
130
130
|
.room-switcher .laboratory { background: #06b6d4; color: white; }
|
|
131
131
|
.room-switcher .performer { background: #f59e0b; color: white; }
|
|
132
|
-
.room-switcher .network { background: #
|
|
132
|
+
.room-switcher .network { background: #14b8a6; color: white; }
|
|
133
|
+
.room-switcher .home { background: #a78bfa; color: white; }
|
|
133
134
|
.room-switcher .current { opacity: 0.5; pointer-events: none; }
|
|
134
135
|
</style>
|
|
135
136
|
</head>
|
|
136
137
|
<body>
|
|
137
138
|
<div class="container">
|
|
138
|
-
<a href="
|
|
139
|
+
<a href="getting-started.html" class="back-button">← Getting Started</a>
|
|
139
140
|
|
|
140
|
-
<!-- Room Switcher:
|
|
141
|
+
<!-- Room Switcher: Navigate between cognitive rooms -->
|
|
141
142
|
<nav class="room-switcher">
|
|
142
|
-
<a href="
|
|
143
|
-
<a href="
|
|
144
|
-
<a href="kitty-operator.html"
|
|
145
|
-
<a href="wezterm-vault.html"
|
|
146
|
-
<a href="terminal-voice.html"
|
|
147
|
-
<a href="
|
|
148
|
-
<a href="
|
|
149
|
-
<a href="messages-network.html"
|
|
143
|
+
<a href="getting-started.html" class="home">🧠 Home</a>
|
|
144
|
+
<a href="iterm2-builder.html" class="builder">🔨 Builder</a>
|
|
145
|
+
<a href="kitty-operator.html" class="operator current">🎩 Operator</a>
|
|
146
|
+
<a href="wezterm-vault.html" class="vault">🔬 Discoverer</a>
|
|
147
|
+
<a href="terminal-voice.html" class="voice">🎤 Teacher</a>
|
|
148
|
+
<a href="vscode-architect.html" class="architect">📐 Strategist</a>
|
|
149
|
+
<a href="cursor-laboratory.html" class="laboratory">🧪 Experimenter</a>
|
|
150
|
+
<a href="messages-network.html" class="network">💬 Communicator</a>
|
|
150
151
|
</nav>
|
|
151
152
|
|
|
152
153
|
<div class="header">
|
|
@@ -257,7 +258,8 @@
|
|
|
257
258
|
<div class="footer">
|
|
258
259
|
<p><strong>Kitty: The Operator</strong></p>
|
|
259
260
|
<p>Where Attention Becomes Revenue → Revenue Becomes Intelligence → Intelligence Becomes Better Product</p>
|
|
260
|
-
<p style="margin-top: 15px; font-
|
|
261
|
+
<p style="margin-top: 15px; font-weight: bold; color: #fff;">This is YOUR dashboard. Edit the HTML, change the tasks, make it match your workflow.</p>
|
|
262
|
+
<p style="margin-top: 10px; font-style: italic; opacity: 0.9;">The Market Sensor Array (Every Conversation is Research)</p>
|
|
261
263
|
</div>
|
|
262
264
|
</div>
|
|
263
265
|
</body>
|
|
@@ -143,7 +143,8 @@
|
|
|
143
143
|
.room-switcher .voice { background: #a855f7; color: white; }
|
|
144
144
|
.room-switcher .laboratory { background: #06b6d4; color: white; }
|
|
145
145
|
.room-switcher .performer { background: #f59e0b; color: white; }
|
|
146
|
-
.room-switcher .network { background: #
|
|
146
|
+
.room-switcher .network { background: #14b8a6; color: white; }
|
|
147
|
+
.room-switcher .home { background: #a78bfa; color: white; }
|
|
147
148
|
.room-switcher .current { opacity: 0.5; pointer-events: none; }
|
|
148
149
|
|
|
149
150
|
.back-button {
|
|
@@ -168,18 +169,18 @@
|
|
|
168
169
|
</head>
|
|
169
170
|
<body>
|
|
170
171
|
<div class="container">
|
|
171
|
-
<a href="
|
|
172
|
+
<a href="getting-started.html" class="back-button">← Getting Started</a>
|
|
172
173
|
|
|
173
|
-
<!-- Room Switcher:
|
|
174
|
+
<!-- Room Switcher: Navigate between cognitive rooms -->
|
|
174
175
|
<nav class="room-switcher">
|
|
175
|
-
<a href="
|
|
176
|
-
<a href="
|
|
177
|
-
<a href="kitty-operator.html"
|
|
178
|
-
<a href="wezterm-vault.html"
|
|
179
|
-
<a href="terminal-voice.html"
|
|
180
|
-
<a href="
|
|
181
|
-
<a href="
|
|
182
|
-
<a href="messages-network.html"
|
|
176
|
+
<a href="getting-started.html" class="home">🧠 Home</a>
|
|
177
|
+
<a href="iterm2-builder.html" class="builder">🔨 Builder</a>
|
|
178
|
+
<a href="kitty-operator.html" class="operator">🎩 Operator</a>
|
|
179
|
+
<a href="wezterm-vault.html" class="vault">🔬 Discoverer</a>
|
|
180
|
+
<a href="terminal-voice.html" class="voice">🎤 Teacher</a>
|
|
181
|
+
<a href="vscode-architect.html" class="architect">📐 Strategist</a>
|
|
182
|
+
<a href="cursor-laboratory.html" class="laboratory">🧪 Experimenter</a>
|
|
183
|
+
<a href="messages-network.html" class="network current">💬 Communicator</a>
|
|
183
184
|
</nav>
|
|
184
185
|
|
|
185
186
|
<h1>☕ Messages: The Network</h1>
|
|
@@ -129,24 +129,25 @@
|
|
|
129
129
|
.room-switcher .voice { background: #a855f7; color: white; }
|
|
130
130
|
.room-switcher .laboratory { background: #06b6d4; color: white; }
|
|
131
131
|
.room-switcher .performer { background: #f59e0b; color: white; }
|
|
132
|
-
.room-switcher .network { background: #
|
|
132
|
+
.room-switcher .network { background: #14b8a6; color: white; }
|
|
133
|
+
.room-switcher .home { background: #a78bfa; color: white; }
|
|
133
134
|
.room-switcher .current { opacity: 0.5; pointer-events: none; }
|
|
134
135
|
</style>
|
|
135
136
|
</head>
|
|
136
137
|
<body>
|
|
137
138
|
<div class="container">
|
|
138
|
-
<a href="
|
|
139
|
+
<a href="getting-started.html" class="back-button">← Getting Started</a>
|
|
139
140
|
|
|
140
|
-
<!-- Room Switcher:
|
|
141
|
+
<!-- Room Switcher: Navigate between cognitive rooms -->
|
|
141
142
|
<nav class="room-switcher">
|
|
142
|
-
<a href="
|
|
143
|
-
<a href="
|
|
144
|
-
<a href="kitty-operator.html"
|
|
145
|
-
<a href="wezterm-vault.html"
|
|
146
|
-
<a href="terminal-voice.html"
|
|
147
|
-
<a href="
|
|
148
|
-
<a href="
|
|
149
|
-
<a href="messages-network.html"
|
|
143
|
+
<a href="getting-started.html" class="home">🧠 Home</a>
|
|
144
|
+
<a href="iterm2-builder.html" class="builder">🔨 Builder</a>
|
|
145
|
+
<a href="kitty-operator.html" class="operator">🎩 Operator</a>
|
|
146
|
+
<a href="wezterm-vault.html" class="vault">🔬 Discoverer</a>
|
|
147
|
+
<a href="terminal-voice.html" class="voice current">🎤 Teacher</a>
|
|
148
|
+
<a href="vscode-architect.html" class="architect">📐 Strategist</a>
|
|
149
|
+
<a href="cursor-laboratory.html" class="laboratory">🧪 Experimenter</a>
|
|
150
|
+
<a href="messages-network.html" class="network">💬 Communicator</a>
|
|
150
151
|
</nav>
|
|
151
152
|
|
|
152
153
|
<div class="header">
|
|
@@ -129,24 +129,25 @@
|
|
|
129
129
|
.room-switcher .voice { background: #a855f7; color: white; }
|
|
130
130
|
.room-switcher .laboratory { background: #06b6d4; color: white; }
|
|
131
131
|
.room-switcher .performer { background: #f59e0b; color: white; }
|
|
132
|
-
.room-switcher .network { background: #
|
|
132
|
+
.room-switcher .network { background: #14b8a6; color: white; }
|
|
133
|
+
.room-switcher .home { background: #a78bfa; color: white; }
|
|
133
134
|
.room-switcher .current { opacity: 0.5; pointer-events: none; }
|
|
134
135
|
</style>
|
|
135
136
|
</head>
|
|
136
137
|
<body>
|
|
137
138
|
<div class="container">
|
|
138
|
-
<a href="
|
|
139
|
+
<a href="getting-started.html" class="back-button">← Getting Started</a>
|
|
139
140
|
|
|
140
|
-
<!-- Room Switcher:
|
|
141
|
+
<!-- Room Switcher: Navigate between cognitive rooms -->
|
|
141
142
|
<nav class="room-switcher">
|
|
142
|
-
<a href="
|
|
143
|
-
<a href="
|
|
144
|
-
<a href="kitty-operator.html"
|
|
145
|
-
<a href="wezterm-vault.html"
|
|
146
|
-
<a href="terminal-voice.html"
|
|
147
|
-
<a href="
|
|
148
|
-
<a href="
|
|
149
|
-
<a href="messages-network.html"
|
|
143
|
+
<a href="getting-started.html" class="home">🧠 Home</a>
|
|
144
|
+
<a href="iterm2-builder.html" class="builder">🔨 Builder</a>
|
|
145
|
+
<a href="kitty-operator.html" class="operator">🎩 Operator</a>
|
|
146
|
+
<a href="wezterm-vault.html" class="vault">🔬 Discoverer</a>
|
|
147
|
+
<a href="terminal-voice.html" class="voice">🎤 Teacher</a>
|
|
148
|
+
<a href="vscode-architect.html" class="architect current">📐 Strategist</a>
|
|
149
|
+
<a href="cursor-laboratory.html" class="laboratory">🧪 Experimenter</a>
|
|
150
|
+
<a href="messages-network.html" class="network">💬 Communicator</a>
|
|
150
151
|
</nav>
|
|
151
152
|
|
|
152
153
|
<div class="header">
|
|
@@ -212,24 +212,25 @@
|
|
|
212
212
|
.room-switcher .voice { background: #a855f7; color: white; }
|
|
213
213
|
.room-switcher .laboratory { background: #06b6d4; color: white; }
|
|
214
214
|
.room-switcher .performer { background: #f59e0b; color: white; }
|
|
215
|
-
.room-switcher .network { background: #
|
|
215
|
+
.room-switcher .network { background: #14b8a6; color: white; }
|
|
216
|
+
.room-switcher .home { background: #a78bfa; color: white; }
|
|
216
217
|
.room-switcher .current { opacity: 0.5; pointer-events: none; }
|
|
217
218
|
</style>
|
|
218
219
|
</head>
|
|
219
220
|
<body>
|
|
220
221
|
<div class="container">
|
|
221
|
-
<a href="
|
|
222
|
+
<a href="getting-started.html" class="back-button">← Getting Started</a>
|
|
222
223
|
|
|
223
|
-
<!-- Room Switcher:
|
|
224
|
+
<!-- Room Switcher: Navigate between cognitive rooms -->
|
|
224
225
|
<nav class="room-switcher">
|
|
225
|
-
<a href="
|
|
226
|
-
<a href="
|
|
227
|
-
<a href="kitty-operator.html"
|
|
228
|
-
<a href="wezterm-vault.html"
|
|
229
|
-
<a href="terminal-voice.html"
|
|
230
|
-
<a href="
|
|
231
|
-
<a href="
|
|
232
|
-
<a href="messages-network.html"
|
|
226
|
+
<a href="getting-started.html" class="home">🧠 Home</a>
|
|
227
|
+
<a href="iterm2-builder.html" class="builder">🔨 Builder</a>
|
|
228
|
+
<a href="kitty-operator.html" class="operator">🎩 Operator</a>
|
|
229
|
+
<a href="wezterm-vault.html" class="vault current">🔬 Discoverer</a>
|
|
230
|
+
<a href="terminal-voice.html" class="voice">🎤 Teacher</a>
|
|
231
|
+
<a href="vscode-architect.html" class="architect">📐 Strategist</a>
|
|
232
|
+
<a href="cursor-laboratory.html" class="laboratory">🧪 Experimenter</a>
|
|
233
|
+
<a href="messages-network.html" class="network">💬 Communicator</a>
|
|
233
234
|
</nav>
|
|
234
235
|
|
|
235
236
|
<div class="header">
|
package/README.md
CHANGED
|
@@ -8,13 +8,15 @@ The million tabs problem is not a discipline problem. It is an architecture prob
|
|
|
8
8
|
|
|
9
9
|
```
|
|
10
10
|
Cmd+Space "kitty" →
|
|
11
|
-
1. Kitty terminal opens
|
|
12
|
-
2.
|
|
13
|
-
3.
|
|
14
|
-
4.
|
|
11
|
+
1. Kitty terminal opens — Operator room
|
|
12
|
+
2. Revenue tabs bunched: Stripe, CRM, analytics, customer tickets
|
|
13
|
+
3. Your AI (Claude, Cursor, Cline) in Kitty = ops/business flow
|
|
14
|
+
4. Cheap context switch — brain already knows what Kitty means
|
|
15
15
|
```
|
|
16
16
|
|
|
17
|
-
**
|
|
17
|
+
**The insight:** `Cmd+Space` to a terminal name is instant context loading. That's the cheap switch. Any MCP-compatible AI in that terminal inherits the room's context.
|
|
18
|
+
|
|
19
|
+
**Tabs + Terminals = Themes.** Each terminal app is a cognitive room. Each room has its browser tabs bunched by theme. You prune them to match the stack. When you switch terminals, the context switches with you — that's cheap cognitive switching.
|
|
18
20
|
|
|
19
21
|
## Install
|
|
20
22
|
|
|
@@ -22,38 +24,81 @@ Cmd+Space "kitty" →
|
|
|
22
24
|
|
|
23
25
|
```bash
|
|
24
26
|
npm install -g thetacog-mcp
|
|
27
|
+
```
|
|
25
28
|
|
|
26
|
-
|
|
27
|
-
|
|
29
|
+
**What happens:**
|
|
30
|
+
1. HTML dashboards are copied to `~/.thetacog/`
|
|
31
|
+
2. Getting Started guide opens in your browser
|
|
32
|
+
3. Your installed terminals are detected
|
|
28
33
|
|
|
29
|
-
|
|
30
|
-
|
|
34
|
+
**Then register with Claude Code:**
|
|
35
|
+
```bash
|
|
36
|
+
claude mcp add thetacog "npx thetacog-mcp"
|
|
31
37
|
```
|
|
32
38
|
|
|
33
|
-
|
|
39
|
+
**Need terminals?** Ask Claude: `"Install Kitty and iTerm2 on my Mac"`
|
|
40
|
+
|
|
41
|
+
Or install manually:
|
|
42
|
+
- [Kitty](https://sw.kovidgoyal.net/kitty/) (Operator room)
|
|
43
|
+
- [iTerm2](https://iterm2.com/) (Builder room)
|
|
44
|
+
- [WezTerm](https://wezfurlong.org/wezterm/) (Discoverer room)
|
|
45
|
+
- [Cursor](https://www.cursor.com/) (Experimenter room)
|
|
34
46
|
|
|
35
|
-
|
|
47
|
+
## The 7 Cognitive Rooms
|
|
48
|
+
|
|
49
|
+
| Room | Terminal/App | Browser Tabs | Identity |
|
|
36
50
|
|------|----------|--------------|----------|
|
|
37
51
|
| **Builder** | iTerm2 | GitHub PRs, CI/CD, API docs | "I am shipping" |
|
|
38
|
-
| **Operator** | Kitty |
|
|
52
|
+
| **Operator** | Kitty | Stripe, CRM, analytics, tickets | "I am executing" |
|
|
39
53
|
| **Discoverer** | WezTerm | Research, Stack Overflow, docs | "I am exploring" |
|
|
40
|
-
| **Teacher** | Terminal | Blog drafts, content calendar, voice
|
|
54
|
+
| **Teacher** | Terminal | Blog drafts, content calendar, voice | "I am writing" |
|
|
41
55
|
| **Strategist** | VS Code | Planning docs, competitor analysis | "I am positioning" |
|
|
42
56
|
| **Experimenter** | Cursor | Prototypes, scratch files, POCs | "I am testing" |
|
|
57
|
+
| **Communicator** | Messages | Slack, email, LinkedIn, texts | "I am connecting" |
|
|
58
|
+
|
|
59
|
+
**Your dashboards are at:** `~/.thetacog/`
|
|
60
|
+
- Open `getting-started.html` to see all rooms
|
|
61
|
+
- Keep each room's dashboard as a browser tab next to related tabs
|
|
62
|
+
- Bookmark the folder for quick access
|
|
63
|
+
|
|
64
|
+
**These are starting points.** Customize them later. Edit the HTML, change the links, add your own tabs. The dashboards are yours - make them match YOUR workflow.
|
|
43
65
|
|
|
44
66
|
**Tips:**
|
|
45
|
-
- Place each room's HTML dashboard tab next to your related apps (
|
|
46
|
-
- **Chrome eating your RAM?** Ask Claude: "kill my Chrome tabs that are using more than 500MB"
|
|
67
|
+
- Place each room's HTML dashboard tab next to your related apps (Operator next to Stripe, Builder next to GitHub)
|
|
68
|
+
- **Chrome eating your RAM?** Ask Claude: "kill my Chrome tabs that are using more than 500MB"
|
|
69
|
+
|
|
70
|
+
## Split Screen Setup
|
|
71
|
+
|
|
72
|
+
**Terminal left, browser right.** This is the physical layout.
|
|
73
|
+
|
|
74
|
+
```
|
|
75
|
+
┌─────────────────┬─────────────────┐
|
|
76
|
+
│ LEFT │ RIGHT │
|
|
77
|
+
│─────────────────│─────────────────│
|
|
78
|
+
│ TERMINAL │ BROWSER TABS │
|
|
79
|
+
│ + Claude │ │
|
|
80
|
+
│─────────────────│─────────────────│
|
|
81
|
+
│ Kitty terminal │ Stripe.com │
|
|
82
|
+
│ $ your-ai │ CRM dashboard │
|
|
83
|
+
│ │ Analytics │
|
|
84
|
+
│ │ This dashboard │
|
|
85
|
+
└─────────────────┴─────────────────┘
|
|
86
|
+
```
|
|
87
|
+
|
|
88
|
+
**macOS:** Hover green maximize button → "Tile Window to Left" → Select browser for right
|
|
89
|
+
**Windows:** Drag terminal to left edge until snap → Drag browser to right
|
|
90
|
+
**Linux:** Super+Left for terminal, Super+Right for browser
|
|
47
91
|
|
|
48
92
|
## How It Works
|
|
49
93
|
|
|
50
94
|
1. **Tabs + Terminals = Themes** - Group your 47 tabs by what mode they serve
|
|
51
95
|
2. **Each terminal is a room** - iTerm2 = Builder, Kitty = Operator, etc.
|
|
52
|
-
3. **
|
|
53
|
-
4. **
|
|
54
|
-
5. **
|
|
96
|
+
3. **Split screen** - Terminal on left, browser tabs on right
|
|
97
|
+
4. **Each room has its browser tabs** - Prune them to match the room's stack
|
|
98
|
+
5. **Bundled HTML dashboards** - Starting points for your tab clusters (customize them)
|
|
99
|
+
6. **AI in that terminal** - Your MCP-compatible AI (Claude, Cursor, Cline) inherits the room's context
|
|
55
100
|
|
|
56
|
-
**The link is symbolic.** You train yourself by repetition. Kitty +
|
|
101
|
+
**The link is symbolic.** You train yourself by repetition. Kitty + revenue tabs = Operator mindset. This is Hebbian learning: neurons that fire together, wire together. After a week, `Cmd+Space "kitty"` is instant context loading — your brain already knows what the terminal means. That's the cheap switch.
|
|
57
102
|
|
|
58
103
|
## Tools (8 total)
|
|
59
104
|
|
|
@@ -127,7 +172,7 @@ AI: [calls thetacog-terminal]
|
|
|
127
172
|
├── iterm2-builder.html # Builder room dashboard
|
|
128
173
|
├── messages-network.html # Messaging/communication hub
|
|
129
174
|
├── terminal-voice.html # Teacher/writing room
|
|
130
|
-
└── ... # Starting points
|
|
175
|
+
└── ... # Starting points - customize later!
|
|
131
176
|
```
|
|
132
177
|
|
|
133
178
|
**Data flow:**
|
|
@@ -138,15 +183,15 @@ AI: [calls thetacog-terminal]
|
|
|
138
183
|
|
|
139
184
|
## The Key Insight
|
|
140
185
|
|
|
141
|
-
|
|
186
|
+
**`Cmd+Space` to a terminal name is instant context loading — not context switching.**
|
|
142
187
|
|
|
143
188
|
When you `Cmd+Space kitty`:
|
|
144
189
|
- Kitty opens (Operator terminal)
|
|
145
190
|
- Your Operator browser tabs are right there (you keep them pruned)
|
|
191
|
+
- Any MCP-compatible AI in that terminal inherits the room's context
|
|
146
192
|
- The bundled HTML dashboard is one of those tabs
|
|
147
|
-
- All rooms are interlinked - minimized tabs for other terminals
|
|
148
193
|
|
|
149
|
-
This is Hebbian learning: "Neurons that fire together, wire together."
|
|
194
|
+
This is Hebbian learning: "Neurons that fire together, wire together." After a week, the jump IS the context. That's cheap switching.
|
|
150
195
|
|
|
151
196
|
## Cloud Sync (Coming Soon)
|
|
152
197
|
|
|
@@ -190,7 +235,7 @@ The rooms are not about avoiding discipline. They are about making discipline po
|
|
|
190
235
|
|
|
191
236
|
Context switching has a cost. But context switching within a well-designed system has almost no cost.
|
|
192
237
|
|
|
193
|
-
When you `Cmd+Space` to a terminal name, you are not losing context. You are loading context.
|
|
238
|
+
When you `Cmd+Space` to a terminal name, you are not losing context. You are loading context. Any MCP-compatible AI in that terminal inherits the room. The browser tabs match the work. The room remembers what you were doing. **The jump is the insight.**
|
|
194
239
|
|
|
195
240
|
**Tool = Identity = Mindset.**
|
|
196
241
|
|
package/package.json
CHANGED
package/postinstall.js
CHANGED
|
@@ -3,13 +3,17 @@
|
|
|
3
3
|
/**
|
|
4
4
|
* ThetaCog MCP - Post-install script
|
|
5
5
|
*
|
|
6
|
-
* Detects available terminals
|
|
7
|
-
*
|
|
6
|
+
* 1. Detects available terminals
|
|
7
|
+
* 2. Copies HTML dashboards to ~/.thetacog/
|
|
8
|
+
* 3. Opens getting-started.html in browser
|
|
9
|
+
*
|
|
10
|
+
* The flywheel effect: low context switching cost = more energy IN than OUT
|
|
8
11
|
*/
|
|
9
12
|
|
|
10
13
|
import fs from 'fs';
|
|
11
14
|
import path from 'path';
|
|
12
15
|
import { fileURLToPath } from 'url';
|
|
16
|
+
import { exec } from 'child_process';
|
|
13
17
|
|
|
14
18
|
const __filename = fileURLToPath(import.meta.url);
|
|
15
19
|
const __dirname = path.dirname(__filename);
|
|
@@ -17,25 +21,63 @@ const __dirname = path.dirname(__filename);
|
|
|
17
21
|
// Terminal to room mapping (macOS)
|
|
18
22
|
const TERMINALS_MAC = {
|
|
19
23
|
'iTerm.app': { name: 'iTerm', room: 'builder', emoji: '🔨', color: '#3b82f6' },
|
|
20
|
-
'Visual Studio Code.app': { name: 'VS Code', room: '
|
|
24
|
+
'Visual Studio Code.app': { name: 'VS Code', room: 'strategist', emoji: '📐', color: '#4f46e5' },
|
|
21
25
|
'kitty.app': { name: 'Kitty', room: 'operator', emoji: '🎩', color: '#22c55e' },
|
|
22
|
-
'WezTerm.app': { name: 'WezTerm', room: '
|
|
23
|
-
'Terminal.app': { name: 'Terminal', room: '
|
|
24
|
-
'Cursor.app': { name: 'Cursor', room: '
|
|
26
|
+
'WezTerm.app': { name: 'WezTerm', room: 'discoverer', emoji: '🔬', color: '#ef4444' },
|
|
27
|
+
'Terminal.app': { name: 'Terminal', room: 'teacher', emoji: '🎤', color: '#a855f7' },
|
|
28
|
+
'Cursor.app': { name: 'Cursor', room: 'experimenter', emoji: '🧪', color: '#06b6d4' },
|
|
25
29
|
'Alacritty.app': { name: 'Alacritty', room: 'performer', emoji: '🎭', color: '#f59e0b' }
|
|
26
30
|
};
|
|
27
31
|
|
|
28
32
|
console.log('');
|
|
29
33
|
console.log('🧠 ThetaCog MCP - Post-install');
|
|
30
|
-
console.log('
|
|
34
|
+
console.log(' Tabs + Terminals = Themes. Let the themes carry the context.');
|
|
35
|
+
console.log('');
|
|
36
|
+
|
|
37
|
+
// Get home directory
|
|
38
|
+
const homeDir = process.env.HOME || process.env.USERPROFILE;
|
|
39
|
+
const thetacogDir = path.join(homeDir, '.thetacog');
|
|
40
|
+
|
|
41
|
+
// Step 1: Create ~/.thetacog/ directory
|
|
42
|
+
console.log('📁 Setting up ~/.thetacog/ directory...');
|
|
43
|
+
if (!fs.existsSync(thetacogDir)) {
|
|
44
|
+
fs.mkdirSync(thetacogDir, { recursive: true });
|
|
45
|
+
console.log(' ✅ Created ~/.thetacog/');
|
|
46
|
+
} else {
|
|
47
|
+
console.log(' ✅ ~/.thetacog/ exists');
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
// Step 2: Copy HTML dashboards
|
|
51
|
+
const workflowDir = path.join(__dirname, '.workflow');
|
|
31
52
|
console.log('');
|
|
53
|
+
console.log('📋 Copying HTML dashboards...');
|
|
54
|
+
|
|
55
|
+
if (fs.existsSync(workflowDir)) {
|
|
56
|
+
const htmlFiles = fs.readdirSync(workflowDir).filter(f => f.endsWith('.html'));
|
|
57
|
+
let copied = 0;
|
|
58
|
+
|
|
59
|
+
for (const file of htmlFiles) {
|
|
60
|
+
const src = path.join(workflowDir, file);
|
|
61
|
+
const dest = path.join(thetacogDir, file);
|
|
62
|
+
try {
|
|
63
|
+
fs.copyFileSync(src, dest);
|
|
64
|
+
copied++;
|
|
65
|
+
} catch (err) {
|
|
66
|
+
console.log(` ⚠️ Failed to copy ${file}: ${err.message}`);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
console.log(` ✅ Copied ${copied} HTML files to ~/.thetacog/`);
|
|
71
|
+
} else {
|
|
72
|
+
console.log(' ⚠️ No .workflow/ directory found');
|
|
73
|
+
}
|
|
32
74
|
|
|
33
|
-
// Detect platform
|
|
75
|
+
// Step 3: Detect platform and terminals
|
|
34
76
|
const platform = process.platform;
|
|
77
|
+
console.log('');
|
|
35
78
|
console.log(`📍 Platform: ${platform}`);
|
|
36
79
|
|
|
37
80
|
if (platform === 'darwin') {
|
|
38
|
-
// macOS: Check /Applications for installed terminals
|
|
39
81
|
console.log('🔍 Detecting installed terminals...');
|
|
40
82
|
console.log('');
|
|
41
83
|
|
|
@@ -67,14 +109,44 @@ if (platform === 'darwin') {
|
|
|
67
109
|
console.log(' Currently supports: macOS');
|
|
68
110
|
}
|
|
69
111
|
|
|
112
|
+
// Step 4: Open getting-started.html in browser
|
|
113
|
+
const gettingStartedPath = path.join(thetacogDir, 'getting-started.html');
|
|
114
|
+
|
|
115
|
+
console.log('');
|
|
116
|
+
console.log('🚀 Opening Getting Started guide...');
|
|
117
|
+
|
|
118
|
+
if (fs.existsSync(gettingStartedPath)) {
|
|
119
|
+
// Platform-specific open command
|
|
120
|
+
let openCmd;
|
|
121
|
+
if (platform === 'darwin') {
|
|
122
|
+
openCmd = `open "${gettingStartedPath}"`;
|
|
123
|
+
} else if (platform === 'win32') {
|
|
124
|
+
openCmd = `start "" "${gettingStartedPath}"`;
|
|
125
|
+
} else {
|
|
126
|
+
openCmd = `xdg-open "${gettingStartedPath}"`;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
exec(openCmd, (err) => {
|
|
130
|
+
if (err) {
|
|
131
|
+
console.log(` ⚠️ Could not open browser automatically`);
|
|
132
|
+
console.log(` 📄 Open manually: ${gettingStartedPath}`);
|
|
133
|
+
} else {
|
|
134
|
+
console.log(` ✅ Opened in browser`);
|
|
135
|
+
}
|
|
136
|
+
});
|
|
137
|
+
} else {
|
|
138
|
+
console.log(` ⚠️ getting-started.html not found`);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
console.log('');
|
|
142
|
+
console.log('⚡ The Flywheel Effect:');
|
|
143
|
+
console.log(' Low context switch cost → More energy IN than OUT → Themes lift off');
|
|
70
144
|
console.log('');
|
|
71
|
-
console.log('📋
|
|
72
|
-
console.log(
|
|
73
|
-
console.log(' 2. Restart Claude Code');
|
|
74
|
-
console.log(' 3. Say: "What room should I be in?"');
|
|
145
|
+
console.log('📋 Your dashboards are now at:');
|
|
146
|
+
console.log(` ${thetacogDir}/`);
|
|
75
147
|
console.log('');
|
|
76
|
-
console.log('📖
|
|
77
|
-
console.log('
|
|
78
|
-
console.log('
|
|
79
|
-
console.log('
|
|
148
|
+
console.log('📖 Next steps:');
|
|
149
|
+
console.log(' 1. Bunch your browser tabs by theme (revenue, research, content...)');
|
|
150
|
+
console.log(' 2. Keep each room dashboard as a tab in that bunch');
|
|
151
|
+
console.log(' 3. Cmd+Space to terminal = instant context load (any MCP-compatible AI)');
|
|
80
152
|
console.log('');
|