nexo-brain 2.4.0 → 2.5.1

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.
Files changed (81) hide show
  1. package/README.md +80 -4
  2. package/bin/nexo-brain.js +238 -12
  3. package/bin/nexo.js +55 -0
  4. package/community/skills/.gitkeep +1 -0
  5. package/package.json +11 -3
  6. package/src/auto_update.py +193 -9
  7. package/src/cli.py +719 -0
  8. package/src/cognitive/_ingest.py +1 -1
  9. package/src/cognitive/_memory.py +4 -4
  10. package/src/crons/manifest.json +8 -0
  11. package/src/dashboard/app.py +700 -35
  12. package/src/dashboard/templates/adaptive.html +112 -218
  13. package/src/dashboard/templates/artifacts.html +133 -0
  14. package/src/dashboard/templates/backups.html +136 -0
  15. package/src/dashboard/templates/base.html +413 -0
  16. package/src/dashboard/templates/calendar.html +523 -654
  17. package/src/dashboard/templates/chat.html +356 -0
  18. package/src/dashboard/templates/claims.html +259 -0
  19. package/src/dashboard/templates/cortex.html +262 -0
  20. package/src/dashboard/templates/credentials.html +128 -0
  21. package/src/dashboard/templates/crons.html +370 -0
  22. package/src/dashboard/templates/dashboard.html +383 -578
  23. package/src/dashboard/templates/dreams.html +252 -0
  24. package/src/dashboard/templates/email.html +160 -0
  25. package/src/dashboard/templates/evolution.html +189 -0
  26. package/src/dashboard/templates/feed.html +249 -0
  27. package/src/dashboard/templates/followup_health.html +170 -0
  28. package/src/dashboard/templates/graph.html +191 -269
  29. package/src/dashboard/templates/guard.html +259 -0
  30. package/src/dashboard/templates/inbox.html +220 -346
  31. package/src/dashboard/templates/memory.html +317 -197
  32. package/src/dashboard/templates/operations.html +521 -698
  33. package/src/dashboard/templates/plugins.html +185 -0
  34. package/src/dashboard/templates/rules.html +246 -0
  35. package/src/dashboard/templates/sentiment.html +247 -0
  36. package/src/dashboard/templates/sessions.html +215 -182
  37. package/src/dashboard/templates/skills.html +329 -0
  38. package/src/dashboard/templates/somatic.html +68 -172
  39. package/src/dashboard/templates/triggers.html +133 -0
  40. package/src/dashboard/templates/trust.html +360 -0
  41. package/src/db/__init__.py +5 -0
  42. package/src/db/_schema.py +16 -1
  43. package/src/db/_sessions.py +22 -0
  44. package/src/db/_skills.py +980 -274
  45. package/src/doctor/__init__.py +1 -0
  46. package/src/doctor/formatters.py +52 -0
  47. package/src/doctor/models.py +44 -0
  48. package/src/doctor/orchestrator.py +42 -0
  49. package/src/doctor/providers/__init__.py +1 -0
  50. package/src/doctor/providers/boot.py +206 -0
  51. package/src/doctor/providers/deep.py +292 -0
  52. package/src/doctor/providers/runtime.py +686 -0
  53. package/src/evolution_cycle.py +86 -6
  54. package/src/hooks/post-compact.sh +5 -1
  55. package/src/hooks/pre-compact.sh +1 -1
  56. package/src/plugins/doctor.py +36 -0
  57. package/src/plugins/evolution.py +11 -3
  58. package/src/plugins/skills.py +135 -175
  59. package/src/requirements.txt +1 -0
  60. package/src/script_registry.py +322 -0
  61. package/src/scripts/deep-sleep/apply_findings.py +63 -48
  62. package/src/scripts/deep-sleep/extract-prompt.md +14 -0
  63. package/src/scripts/deep-sleep/synthesize-prompt.md +36 -0
  64. package/src/scripts/deep-sleep/synthesize.py +37 -1
  65. package/src/scripts/nexo-dashboard.sh +29 -0
  66. package/src/scripts/nexo-day-orchestrator.sh +139 -0
  67. package/src/scripts/nexo-evolution-run.py +141 -54
  68. package/src/scripts/nexo-learning-housekeep.py +1 -1
  69. package/src/scripts/nexo-watchdog.sh +1 -1
  70. package/src/server.py +9 -5
  71. package/src/skills/run-runtime-doctor/guide.md +12 -0
  72. package/src/skills/run-runtime-doctor/script.py +21 -0
  73. package/src/skills/run-runtime-doctor/skill.json +25 -0
  74. package/src/skills_runtime.py +347 -0
  75. package/src/tools_menu.py +3 -2
  76. package/src/tools_sessions.py +126 -0
  77. package/src/user_context.py +46 -0
  78. package/templates/nexo_helper.py +45 -0
  79. package/templates/script-template.py +44 -0
  80. package/templates/skill-script-template.py +39 -0
  81. package/templates/skill-template.md +33 -0
package/src/dashboard/templates/sessions.html CHANGED
@@ -1,185 +1,218 @@
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>NEXO Brain — Sessions</title>
7
- <link rel="icon" type="image/svg+xml" href="/static/favicon.svg">
8
- <script src="https://cdn.tailwindcss.com"></script>
9
- <script>tailwind.config={theme:{extend:{fontFamily:{display:['Space Grotesk','system-ui','sans-serif'],mono:['JetBrains Mono','monospace']}}}}</script>
10
- <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
11
- </head>
12
- <body class="bg-gray-950 text-slate-200">
13
-
14
- <!-- Sidebar: 56px icon-only fixed left -->
15
- <aside class="fixed left-0 top-0 bottom-0 w-14 bg-slate-900 border-r border-slate-800 flex flex-col items-center py-4 z-50">
16
- <!-- Logo -->
17
- <a href="/" class="mb-6 flex items-center justify-center w-8 h-8">
18
- <img src="/static/nexo-logo.png" alt="NEXO" class="w-7 h-7" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'">
19
- <div style="display:none" class="w-7 h-7 rounded-lg bg-violet-600 items-center justify-center text-white text-xs font-bold font-display">N</div>
20
- </a>
21
-
22
- <!-- Nav icons -->
23
- <nav class="flex flex-col items-center gap-1 flex-1">
24
- <!-- Dashboard -->
25
- <a href="/" title="Dashboard" class="w-9 h-9 flex items-center justify-center rounded-lg text-slate-400 hover:text-slate-200 hover:bg-slate-800 transition-colors">
26
- <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/></svg>
27
- </a>
28
- <!-- Operations -->
29
- <a href="/ops" title="Operations" class="w-9 h-9 flex items-center justify-center rounded-lg text-slate-400 hover:text-slate-200 hover:bg-slate-800 transition-colors">
30
- <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/></svg>
31
- </a>
32
- <!-- Calendar -->
33
- <a href="/calendar" title="Calendar" class="w-9 h-9 flex items-center justify-center rounded-lg text-slate-400 hover:text-slate-200 hover:bg-slate-800 transition-colors">
34
- <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
35
- </a>
36
- <!-- Inbox -->
37
- <a href="/inbox" title="Inbox" class="w-9 h-9 flex items-center justify-center rounded-lg text-slate-400 hover:text-slate-200 hover:bg-slate-800 transition-colors">
38
- <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12"/><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"/></svg>
39
- </a>
40
-
41
- <div class="w-6 h-px bg-slate-800 my-1"></div>
42
-
43
- <!-- Memory -->
44
- <a href="/memory" title="Memory" class="w-9 h-9 flex items-center justify-center rounded-lg text-slate-400 hover:text-slate-200 hover:bg-slate-800 transition-colors">
45
- <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a7 7 0 0 1 7 7c0 2.38-1.19 4.47-3 5.74V17a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1v-2.26C6.19 13.47 5 11.38 5 9a7 7 0 0 1 7-7z"/><path d="M9 21h6"/><path d="M10 21v1a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-1"/></svg>
46
- </a>
47
- <!-- Graph -->
48
- <a href="/graph" title="Knowledge Graph" class="w-9 h-9 flex items-center justify-center rounded-lg text-slate-400 hover:text-slate-200 hover:bg-slate-800 transition-colors">
49
- <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
50
- </a>
51
- <!-- Sessions — ACTIVE -->
52
- <a href="/sessions" title="Sessions" class="w-9 h-9 flex items-center justify-center rounded-lg bg-violet-600/20 text-violet-400 transition-colors">
53
- <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
54
- </a>
55
- <!-- Somatic -->
56
- <a href="/somatic" title="Somatic" class="w-9 h-9 flex items-center justify-center rounded-lg text-slate-400 hover:text-slate-200 hover:bg-slate-800 transition-colors">
57
- <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
58
- </a>
59
- <!-- Adaptive -->
60
- <a href="/adaptive" title="Adaptive" class="w-9 h-9 flex items-center justify-center rounded-lg text-slate-400 hover:text-slate-200 hover:bg-slate-800 transition-colors">
61
- <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83"/></svg>
62
- </a>
63
- </nav>
64
-
65
- <!-- Trust score -->
66
- <div class="flex flex-col items-center gap-0.5 mt-2">
67
- <span class="text-xs font-display font-semibold text-slate-500 uppercase tracking-widest">Trust</span>
68
- <span id="trust-score" class="text-sm font-mono font-bold text-violet-400">--</span>
1
+ {% extends "base.html" %}
2
+
3
+ {% block title %}Session Replay{% endblock %}
4
+ {% block page_title %}Session Replay{% endblock %}
5
+
6
+ {% block content %}
7
+ <div class="space-y-5">
8
+ <!-- Active sessions -->
9
+ <div>
10
+ <div class="text-xs uppercase tracking-wider text-slate-400 font-medium mb-3">Active Sessions</div>
11
+ <div class="grid grid-cols-3 gap-4" id="active-sessions">
12
+ <div class="text-xs text-slate-600 py-4 text-center col-span-3">loading...</div>
13
+ </div>
14
+ </div>
15
+
16
+ <!-- Main content: Diaries + Checkpoints -->
17
+ <div class="grid grid-cols-3 gap-5">
18
+ <!-- Diary timeline -->
19
+ <div class="col-span-2 bg-slate-900/50 border border-slate-800/50 rounded-xl p-5 card">
20
+ <div class="flex items-center justify-between mb-4">
21
+ <div class="text-xs uppercase tracking-wider text-slate-400 font-medium">Session Diaries</div>
22
+ <button onclick="loadMore()" id="load-more-btn" class="text-xs px-2.5 py-1 rounded-md bg-slate-800/50 text-slate-400 hover:bg-slate-700 transition-colors hidden">Load more</button>
23
+ </div>
24
+ <div class="space-y-3" id="diaries">
25
+ <div class="text-xs text-slate-600 py-4 text-center">loading...</div>
26
+ </div>
27
+ </div>
28
+
29
+ <!-- Sidebar: Checkpoints + Mental states -->
30
+ <div class="space-y-5">
31
+ <!-- Mental State -->
32
+ <div class="bg-slate-900/50 border border-slate-800/50 rounded-xl p-5 card">
33
+ <div class="text-xs uppercase tracking-wider text-slate-400 font-medium mb-3">Mental States</div>
34
+ <div class="space-y-2" id="mental-states">
35
+ <div class="text-xs text-slate-600">loading...</div>
69
36
  </div>
70
- </aside>
37
+ </div>
71
38
 
72
- <!-- Main content -->
73
- <main class="ml-14 min-h-screen bg-gray-950 text-slate-200">
74
- <header class="h-12 border-b border-slate-800/50 flex items-center px-6">
75
- <h1 class="text-sm font-display font-semibold">Sessions</h1>
76
- </header>
77
-
78
- <div class="p-6 max-w-3xl">
79
- <div id="sessions" class="space-y-3"></div>
80
- <button id="load-more" onclick="loadMore()" class="mt-4 w-full py-2 text-xs text-slate-400 bg-slate-900/50 border border-slate-800/50 rounded-lg hover:bg-slate-800 transition-colors" style="display:none">Load more</button>
39
+ <!-- Checkpoints -->
40
+ <div class="bg-slate-900/50 border border-slate-800/50 rounded-xl p-5 card">
41
+ <div class="text-xs uppercase tracking-wider text-slate-400 font-medium mb-3">Checkpoints</div>
42
+ <div class="space-y-2" id="checkpoints">
43
+ <div class="text-xs text-slate-600">loading...</div>
81
44
  </div>
82
- </main>
83
-
84
- <script>
85
- let offset = 0;
86
- const PAGE_SIZE = 15;
87
- let exhausted = false;
88
-
89
- function escapeHtml(text) {
90
- const el = document.createElement('div');
91
- el.textContent = text || '';
92
- return el.innerHTML;
93
- }
94
-
95
- function renderSession(s) {
96
- const session_id = s.session_id || s.id || '';
97
- const created_at = s.created_at || '';
98
- const domain = s.domain || '';
99
- const summary = s.summary || '';
100
- const self_critique = s.self_critique || '';
101
- const mental_state = s.mental_state || '';
102
-
103
- return `<div class="bg-slate-900/50 border border-slate-800/50 rounded-lg p-4">
104
- <div class="flex items-center gap-2 mb-2 flex-wrap">
105
- <span class="text-xs font-mono text-violet-400">${escapeHtml(String(session_id))}</span>
106
- <span class="text-xs text-slate-500">${escapeHtml(created_at)}</span>
107
- ${domain ? `<span class="text-xs px-1.5 py-0.5 rounded bg-slate-800 text-slate-400">${escapeHtml(domain)}</span>` : ''}
108
- </div>
109
- ${summary ? `<p class="text-sm text-slate-200 leading-relaxed mb-3 whitespace-pre-wrap">${escapeHtml(summary)}</p>` : ''}
110
- ${self_critique ? `<div class="border-l-2 border-amber-500/30 pl-3 mb-2"><p class="text-sm text-amber-300/80 leading-relaxed whitespace-pre-wrap">${escapeHtml(self_critique)}</p></div>` : ''}
111
- ${mental_state ? `<div class="border-l-2 border-violet-500/30 pl-3"><p class="text-sm text-violet-300/80 italic leading-relaxed whitespace-pre-wrap">${escapeHtml(mental_state)}</p></div>` : ''}
112
- </div>`;
113
- }
114
-
115
- async function loadMore() {
116
- if (exhausted) return;
117
- const btn = document.getElementById('load-more');
118
- btn.textContent = 'Loading...';
119
- btn.disabled = true;
120
-
121
- try {
122
- const resp = await fetch(`/api/sessions?limit=${PAGE_SIZE}&offset=${offset}`);
123
- if (!resp.ok) {
124
- let detail = `HTTP ${resp.status}`;
125
- try { const b = await resp.json(); detail = b.error || b.detail || detail; } catch {}
126
- throw new Error(detail);
127
- }
128
- const data = await resp.json();
129
- const sessions = data.sessions || [];
130
-
131
- if (sessions.length > 0) {
132
- document.getElementById('sessions').insertAdjacentHTML('beforeend', sessions.map(renderSession).join(''));
133
- offset += sessions.length;
134
- }
135
-
136
- if (sessions.length < PAGE_SIZE) {
137
- exhausted = true;
138
- btn.style.display = 'none';
139
- } else {
140
- btn.textContent = 'Load more';
141
- btn.disabled = false;
142
- }
143
- } catch (err) {
144
- btn.textContent = 'Error: ' + err.message + ' — retry';
145
- btn.disabled = false;
146
- }
147
- }
148
-
149
- async function init() {
150
- const resp = await fetch(`/api/sessions?limit=${PAGE_SIZE}&offset=0`);
151
- if (!resp.ok) {
152
- let detail = `HTTP ${resp.status}`;
153
- try { const b = await resp.json(); detail = b.error || b.detail || detail; } catch {}
154
- document.getElementById('sessions').innerHTML = `<p class="text-sm text-red-400 text-center py-8">Error loading sessions: ${detail}</p>`;
155
- return;
156
- }
157
- const data = await resp.json();
158
- const sessions = data.sessions || [];
159
- const container = document.getElementById('sessions');
160
- const btn = document.getElementById('load-more');
161
-
162
- if (sessions.length === 0) {
163
- container.innerHTML = '<p class="text-sm text-slate-500 text-center py-8">No session diaries found</p>';
164
- return;
165
- }
166
-
167
- container.innerHTML = sessions.map(renderSession).join('');
168
- offset = sessions.length;
169
-
170
- if (sessions.length >= PAGE_SIZE) {
171
- btn.style.display = 'block';
172
- }
173
- }
174
-
175
- // Load trust score
176
- fetch('/api/stats').then(r => r.json()).then(data => {
177
- if (data.trust_score != null) {
178
- document.getElementById('trust-score').textContent = Math.round(data.trust_score);
179
- }
180
- }).catch(() => {});
181
-
182
- init();
183
- </script>
184
- </body>
185
- </html>
45
+ </div>
46
+ </div>
47
+ </div>
48
+ </div>
49
+
50
+ <style>
51
+ @keyframes livePulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(16,185,129,0.4); } 50% { box-shadow: 0 0 0 6px rgba(16,185,129,0); } }
52
+ .live-pulse { animation: livePulse 2s ease-in-out infinite; }
53
+ </style>
54
+ {% endblock %}
55
+
56
+ {% block scripts %}
57
+ <script>
58
+ let diaryOffset = 0;
59
+ const PAGE_SIZE = 15;
60
+ let exhausted = false;
61
+
62
+ const STATE_BADGES = {
63
+ focused: 'bg-violet-500/15 text-violet-400 border-violet-500/30',
64
+ energized: 'bg-emerald-500/15 text-emerald-400 border-emerald-500/30',
65
+ tired: 'bg-amber-500/15 text-amber-400 border-amber-500/30',
66
+ frustrated: 'bg-red-500/15 text-red-400 border-red-500/30',
67
+ calm: 'bg-blue-500/15 text-blue-400 border-blue-500/30',
68
+ flow: 'bg-pink-500/15 text-pink-400 border-pink-500/30',
69
+ };
70
+
71
+ function renderActiveSession(s) {
72
+ const sid = s.session_id || s.id || '';
73
+ const shortId = String(sid).substring(0, 12);
74
+ const lastHB = s.last_heartbeat || s.created_at;
75
+ const cutoff = Date.now() - 15 * 60 * 1000;
76
+ const isLive = new Date(lastHB).getTime() > cutoff;
77
+
78
+ return `<div class="bg-slate-900/50 border border-slate-800/50 rounded-xl p-4 card ${isLive ? 'live-pulse' : ''}">
79
+ <div class="flex items-center gap-2 mb-2">
80
+ <span class="relative flex h-2 w-2">
81
+ ${isLive ? `<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span>` : ''}
82
+ <span class="relative inline-flex rounded-full h-2 w-2 ${isLive ? 'bg-emerald-500' : 'bg-slate-600'}"></span>
83
+ </span>
84
+ <span class="text-xs font-mono text-violet-400">${escapeHtml(shortId)}</span>
85
+ <span class="ml-auto text-[10px] text-slate-500">${isLive ? 'LIVE' : 'idle'}</span>
86
+ </div>
87
+ <div class="text-[10px] text-slate-500">Started ${relativeTime(s.created_at)}</div>
88
+ ${lastHB ? `<div class="text-[10px] text-slate-600">Last heartbeat: ${relativeTime(lastHB)}</div>` : ''}
89
+ </div>`;
90
+ }
91
+
92
+ function renderDiary(d) {
93
+ const sid = d.session_id || d.id || '';
94
+ const state = d.mental_state || '';
95
+ const stateLower = state.toLowerCase();
96
+ const badgeClass = STATE_BADGES[stateLower] || 'bg-slate-500/15 text-slate-400 border-slate-500/30';
97
+
98
+ return `<div class="bg-slate-800/30 border border-slate-800/30 rounded-lg p-4 hover:border-slate-700/50 transition-colors">
99
+ <div class="flex items-center gap-2 mb-2 flex-wrap">
100
+ <span class="text-xs font-mono text-violet-400">${escapeHtml(String(sid).substring(0, 12))}</span>
101
+ <span class="text-[10px] text-slate-500">${escapeHtml(d.created_at || '')}</span>
102
+ ${d.domain ? `<span class="text-[10px] px-1.5 py-0.5 rounded bg-slate-800 text-slate-400">${escapeHtml(d.domain)}</span>` : ''}
103
+ ${state ? `<span class="text-[10px] px-1.5 py-0.5 rounded border ${badgeClass}">${escapeHtml(state)}</span>` : ''}
104
+ </div>
105
+ ${d.summary ? `<p class="text-sm text-slate-200 leading-relaxed mb-2 whitespace-pre-wrap">${escapeHtml(d.summary)}</p>` : ''}
106
+ ${d.self_critique ? `<div class="border-l-2 border-amber-500/30 pl-3 mb-2"><p class="text-xs text-amber-300/80 leading-relaxed whitespace-pre-wrap">${escapeHtml(d.self_critique)}</p></div>` : ''}
107
+ </div>`;
108
+ }
109
+
110
+ async function loadMore() {
111
+ if (exhausted) return;
112
+ const btn = document.getElementById('load-more-btn');
113
+ btn.textContent = 'Loading...'; btn.disabled = true;
114
+
115
+ try {
116
+ const data = await fetchJSON(`/api/sessions?limit=${PAGE_SIZE}&offset=${diaryOffset}`);
117
+ if (!data) throw new Error('No data');
118
+ const diaries = data.diaries || data.sessions || [];
119
+
120
+ if (diaries.length > 0) {
121
+ document.getElementById('diaries').insertAdjacentHTML('beforeend', diaries.map(renderDiary).join(''));
122
+ diaryOffset += diaries.length;
123
+ }
124
+ if (diaries.length < PAGE_SIZE) {
125
+ exhausted = true; btn.classList.add('hidden');
126
+ } else {
127
+ btn.textContent = 'Load more'; btn.disabled = false;
128
+ }
129
+ } catch (err) {
130
+ btn.textContent = 'Error -- retry'; btn.disabled = false;
131
+ }
132
+ }
133
+
134
+ async function loadSessions() {
135
+ const data = await fetchJSON('/api/sessions?limit=' + PAGE_SIZE);
136
+ if (!data) return;
137
+
138
+ // Active sessions
139
+ const sessions = data.sessions || [];
140
+ const activeContainer = document.getElementById('active-sessions');
141
+ const cutoff = Date.now() - 15 * 60 * 1000;
142
+ const activeSessions = sessions.filter(s => new Date(s.last_heartbeat || s.created_at || 0).getTime() > cutoff);
143
+
144
+ if (activeSessions.length > 0) {
145
+ activeContainer.innerHTML = activeSessions.map(renderActiveSession).join('');
146
+ } else {
147
+ activeContainer.innerHTML = '<div class="col-span-3 bg-slate-900/50 border border-slate-800/50 rounded-xl p-4 text-xs text-slate-500 text-center">No active sessions</div>';
148
+ }
149
+
150
+ // Diaries
151
+ const diaries = data.diaries || sessions;
152
+ const diaryContainer = document.getElementById('diaries');
153
+ if (diaries.length > 0) {
154
+ diaryContainer.innerHTML = diaries.map(renderDiary).join('');
155
+ diaryOffset = diaries.length;
156
+ if (diaries.length >= PAGE_SIZE) {
157
+ document.getElementById('load-more-btn').classList.remove('hidden');
158
+ }
159
+ } else {
160
+ diaryContainer.innerHTML = '<div class="text-xs text-slate-600 py-4 text-center">No session diaries found</div>';
161
+ }
162
+
163
+ // Mental states
164
+ const mentalContainer = document.getElementById('mental-states');
165
+ const states = {};
166
+ diaries.forEach(d => {
167
+ if (d.mental_state) {
168
+ const s = d.mental_state.toLowerCase();
169
+ states[s] = (states[s] || 0) + 1;
170
+ }
171
+ });
172
+ const stateEntries = Object.entries(states).sort((a, b) => b[1] - a[1]);
173
+ if (stateEntries.length) {
174
+ mentalContainer.innerHTML = stateEntries.map(([state, count]) => {
175
+ const badgeClass = STATE_BADGES[state] || 'bg-slate-500/15 text-slate-400 border-slate-500/30';
176
+ return `<div class="flex items-center justify-between">
177
+ <span class="text-xs px-2 py-0.5 rounded border ${badgeClass}">${escapeHtml(state)}</span>
178
+ <span class="text-xs font-mono text-slate-500">${count}</span>
179
+ </div>`;
180
+ }).join('');
181
+ } else {
182
+ mentalContainer.innerHTML = '<div class="text-xs text-slate-600">No mental state data</div>';
183
+ }
184
+
185
+ // Checkpoints
186
+ const checkpoints = data.checkpoints || [];
187
+ const cpContainer = document.getElementById('checkpoints');
188
+ if (checkpoints.length) {
189
+ cpContainer.innerHTML = checkpoints.slice(0, 10).map(cp => {
190
+ return `<div class="flex items-center gap-2 py-1.5 border-b border-slate-800/30 last:border-0">
191
+ <svg class="w-3.5 h-3.5 text-slate-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
192
+ <span class="text-xs text-slate-400 truncate flex-1">${escapeHtml(cp.label || cp.session_id || 'checkpoint')}</span>
193
+ <span class="text-[10px] text-slate-600 font-mono">${relativeTime(cp.created_at)}</span>
194
+ </div>`;
195
+ }).join('');
196
+ } else {
197
+ cpContainer.innerHTML = '<div class="text-xs text-slate-600">No checkpoints</div>';
198
+ }
199
+ }
200
+
201
+ loadSessions();
202
+ setInterval(() => {
203
+ // Refresh active sessions only
204
+ fetchJSON('/api/sessions?limit=5').then(data => {
205
+ if (!data) return;
206
+ const sessions = data.sessions || [];
207
+ const activeContainer = document.getElementById('active-sessions');
208
+ const cutoff = Date.now() - 15 * 60 * 1000;
209
+ const activeSessions = sessions.filter(s => new Date(s.last_heartbeat || s.created_at || 0).getTime() > cutoff);
210
+ if (activeSessions.length > 0) {
211
+ activeContainer.innerHTML = activeSessions.map(renderActiveSession).join('');
212
+ } else {
213
+ activeContainer.innerHTML = '<div class="col-span-3 bg-slate-900/50 border border-slate-800/50 rounded-xl p-4 text-xs text-slate-500 text-center">No active sessions</div>';
214
+ }
215
+ });
216
+ }, 60000);
217
+ </script>
218
+ {% endblock %}