nexo-brain 2.3.2 → 2.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +77 -8
- package/bin/nexo-brain.js +230 -22
- package/bin/nexo.js +55 -0
- package/community/skills/.gitkeep +1 -0
- package/package.json +5 -2
- package/src/auto_update.py +158 -8
- package/src/cli.py +605 -0
- package/src/cognitive/_ingest.py +1 -1
- package/src/cognitive/_memory.py +4 -4
- package/src/crons/manifest.json +8 -0
- package/src/dashboard/app.py +709 -37
- package/src/dashboard/templates/adaptive.html +112 -218
- package/src/dashboard/templates/artifacts.html +133 -0
- package/src/dashboard/templates/backups.html +136 -0
- package/src/dashboard/templates/base.html +413 -0
- package/src/dashboard/templates/calendar.html +523 -652
- package/src/dashboard/templates/chat.html +356 -0
- package/src/dashboard/templates/claims.html +259 -0
- package/src/dashboard/templates/cortex.html +262 -0
- package/src/dashboard/templates/credentials.html +128 -0
- package/src/dashboard/templates/crons.html +370 -0
- package/src/dashboard/templates/dashboard.html +384 -572
- package/src/dashboard/templates/dreams.html +252 -0
- package/src/dashboard/templates/email.html +160 -0
- package/src/dashboard/templates/evolution.html +189 -0
- package/src/dashboard/templates/feed.html +249 -0
- package/src/dashboard/templates/followup_health.html +170 -0
- package/src/dashboard/templates/graph.html +191 -269
- package/src/dashboard/templates/guard.html +259 -0
- package/src/dashboard/templates/inbox.html +220 -336
- package/src/dashboard/templates/memory.html +317 -197
- package/src/dashboard/templates/operations.html +498 -652
- package/src/dashboard/templates/plugins.html +185 -0
- package/src/dashboard/templates/rules.html +246 -0
- package/src/dashboard/templates/sentiment.html +247 -0
- package/src/dashboard/templates/sessions.html +215 -171
- package/src/dashboard/templates/skills.html +329 -0
- package/src/dashboard/templates/somatic.html +68 -172
- package/src/dashboard/templates/triggers.html +133 -0
- package/src/dashboard/templates/trust.html +360 -0
- package/src/db/__init__.py +5 -0
- package/src/db/_schema.py +25 -1
- package/src/db/_sessions.py +22 -0
- package/src/db/_skills.py +983 -252
- package/src/doctor/__init__.py +1 -0
- package/src/doctor/formatters.py +52 -0
- package/src/doctor/models.py +44 -0
- package/src/doctor/orchestrator.py +42 -0
- package/src/doctor/providers/__init__.py +1 -0
- package/src/doctor/providers/boot.py +206 -0
- package/src/doctor/providers/deep.py +292 -0
- package/src/doctor/providers/runtime.py +686 -0
- package/src/hooks/capture-tool-logs.sh +18 -4
- package/src/hooks/post-compact.sh +5 -1
- package/src/hooks/pre-compact.sh +1 -1
- package/src/plugin_loader.py +14 -0
- package/src/plugins/doctor.py +36 -0
- package/src/plugins/evolution.py +2 -1
- package/src/plugins/skills.py +135 -175
- package/src/requirements.txt +1 -0
- package/src/script_registry.py +322 -0
- package/src/scripts/deep-sleep/apply_findings.py +63 -33
- package/src/scripts/deep-sleep/collect.py +38 -9
- package/src/scripts/deep-sleep/extract-prompt.md +14 -0
- package/src/scripts/deep-sleep/synthesize-prompt.md +36 -0
- package/src/scripts/deep-sleep/synthesize.py +37 -1
- package/src/scripts/nexo-dashboard.sh +29 -0
- package/src/scripts/nexo-day-orchestrator.sh +139 -0
- package/src/scripts/nexo-evolution-run.py +2 -1
- package/src/scripts/nexo-learning-housekeep.py +1 -1
- package/src/scripts/nexo-watchdog.sh +1 -1
- package/src/server.py +9 -5
- package/src/skills/run-runtime-doctor/guide.md +12 -0
- package/src/skills/run-runtime-doctor/script.py +21 -0
- package/src/skills/run-runtime-doctor/skill.json +25 -0
- package/src/skills_runtime.py +347 -0
- package/src/tools_menu.py +3 -2
- package/src/tools_sessions.py +126 -0
- package/src/user_context.py +46 -0
- package/templates/nexo_helper.py +45 -0
- package/templates/script-template.py +44 -0
- package/templates/skill-script-template.py +39 -0
- package/templates/skill-template.md +33 -0
|
@@ -1,720 +1,591 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
<
|
|
11
|
-
<
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
<
|
|
44
|
-
|
|
45
|
-
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
|
|
46
|
-
</svg>
|
|
47
|
-
</a>
|
|
48
|
-
<!-- Calendar — ACTIVE -->
|
|
49
|
-
<a href="/calendar" title="Calendar" class="w-9 h-9 rounded-lg flex items-center justify-center bg-violet-500/10 text-violet-400 transition-colors">
|
|
50
|
-
<svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
|
|
51
|
-
<path stroke-linecap="round" stroke-linejoin="round" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
|
|
52
|
-
</svg>
|
|
53
|
-
</a>
|
|
54
|
-
<!-- Inbox -->
|
|
55
|
-
<a href="/inbox" title="Inbox" class="w-9 h-9 rounded-lg flex items-center justify-center text-slate-400 hover:bg-slate-800 hover:text-slate-200 transition-colors relative">
|
|
56
|
-
<svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
|
|
57
|
-
<path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
|
|
58
|
-
</svg>
|
|
59
|
-
<span id="inbox-badge" class="absolute -top-0.5 -right-0.5 w-4 h-4 bg-pink-500 rounded-full text-white text-xs font-bold flex items-center justify-center hidden"></span>
|
|
60
|
-
</a>
|
|
61
|
-
|
|
62
|
-
<div class="w-6 h-px bg-slate-800 my-1"></div>
|
|
63
|
-
|
|
64
|
-
<!-- Memory -->
|
|
65
|
-
<a href="/memory" title="Memory" class="w-9 h-9 rounded-lg flex items-center justify-center text-slate-400 hover:bg-slate-800 hover:text-slate-200 transition-colors">
|
|
66
|
-
<svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
|
|
67
|
-
<path stroke-linecap="round" stroke-linejoin="round" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
|
|
68
|
-
</svg>
|
|
69
|
-
</a>
|
|
70
|
-
<!-- Graph -->
|
|
71
|
-
<a href="/graph" title="Graph" class="w-9 h-9 rounded-lg flex items-center justify-center text-slate-400 hover:bg-slate-800 hover:text-slate-200 transition-colors">
|
|
72
|
-
<svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
|
|
73
|
-
<path stroke-linecap="round" stroke-linejoin="round" d="M7 20l4-16m2 16l4-16M6 9h14M4 15h14" />
|
|
74
|
-
</svg>
|
|
75
|
-
</a>
|
|
76
|
-
<!-- Sessions -->
|
|
77
|
-
<a href="/sessions" title="Sessions" class="w-9 h-9 rounded-lg flex items-center justify-center text-slate-400 hover:bg-slate-800 hover:text-slate-200 transition-colors">
|
|
78
|
-
<svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
|
|
79
|
-
<path stroke-linecap="round" stroke-linejoin="round" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
|
|
80
|
-
</svg>
|
|
81
|
-
</a>
|
|
82
|
-
<!-- Somatic -->
|
|
83
|
-
<a href="/somatic" title="Somatic" class="w-9 h-9 rounded-lg flex items-center justify-center text-slate-400 hover:bg-slate-800 hover:text-slate-200 transition-colors">
|
|
84
|
-
<svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
|
|
85
|
-
<path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
|
|
86
|
-
</svg>
|
|
87
|
-
</a>
|
|
88
|
-
<!-- Adaptive -->
|
|
89
|
-
<a href="/adaptive" title="Adaptive" class="w-9 h-9 rounded-lg flex items-center justify-center text-slate-400 hover:bg-slate-800 hover:text-slate-200 transition-colors">
|
|
90
|
-
<svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
|
|
91
|
-
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" />
|
|
92
|
-
</svg>
|
|
93
|
-
</a>
|
|
94
|
-
</nav>
|
|
95
|
-
|
|
96
|
-
<!-- Trust score at bottom -->
|
|
97
|
-
<div class="mt-auto flex flex-col items-center gap-0.5">
|
|
98
|
-
<span class="text-xs uppercase tracking-widest text-slate-500 font-mono">trust</span>
|
|
99
|
-
<span id="trust-score" class="text-xs font-mono font-medium text-violet-400">--</span>
|
|
1
|
+
{% extends "base.html" %}
|
|
2
|
+
|
|
3
|
+
{% block title %}Calendar{% endblock %}
|
|
4
|
+
|
|
5
|
+
{% block page_title %}Calendar{% endblock %}
|
|
6
|
+
|
|
7
|
+
{% block header_actions %}
|
|
8
|
+
<!-- View toggle -->
|
|
9
|
+
<div class="flex items-center gap-0.5 bg-slate-800/60 rounded-lg p-0.5 mr-3">
|
|
10
|
+
<button id="btn-month" onclick="setView('month')" class="text-xs px-3 py-1 rounded-md font-display font-medium transition-all">Month</button>
|
|
11
|
+
<button id="btn-week" onclick="setView('week')" class="text-xs px-3 py-1 rounded-md font-display font-medium transition-all">Week</button>
|
|
12
|
+
<button id="btn-day" onclick="setView('day')" class="text-xs px-3 py-1 rounded-md font-display font-medium transition-all">Day</button>
|
|
13
|
+
</div>
|
|
14
|
+
<!-- Navigation -->
|
|
15
|
+
<button onclick="navigatePrev()" class="text-slate-400 hover:text-white px-2 py-1 transition-colors text-lg leading-none">←</button>
|
|
16
|
+
<span id="period-label" class="text-sm font-display font-medium min-w-[200px] text-center"></span>
|
|
17
|
+
<button onclick="navigateNext()" class="text-slate-400 hover:text-white px-2 py-1 transition-colors text-lg leading-none">→</button>
|
|
18
|
+
<button onclick="goToday()" class="text-xs px-2.5 py-1 rounded-md bg-slate-800 text-slate-400 hover:bg-slate-700 transition-colors">Today</button>
|
|
19
|
+
{% endblock %}
|
|
20
|
+
|
|
21
|
+
{% block head %}
|
|
22
|
+
<style>
|
|
23
|
+
.modal-backdrop { backdrop-filter: blur(4px); }
|
|
24
|
+
.status-done { opacity: 0.6; }
|
|
25
|
+
.status-done .item-text { text-decoration: line-through; }
|
|
26
|
+
@keyframes calFadeIn { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } }
|
|
27
|
+
.modal-animate { animation: calFadeIn 0.15s ease-out; }
|
|
28
|
+
@keyframes spin { to { transform: rotate(360deg); } }
|
|
29
|
+
.spin { animation: spin 0.6s linear infinite; }
|
|
30
|
+
</style>
|
|
31
|
+
{% endblock %}
|
|
32
|
+
|
|
33
|
+
{% block content %}
|
|
34
|
+
<!-- Calendar content area -->
|
|
35
|
+
<div id="calendar-content" class="flex-1 overflow-auto"></div>
|
|
36
|
+
|
|
37
|
+
<!-- Modal -->
|
|
38
|
+
<div id="modal-overlay" class="hidden fixed inset-0 z-[100] flex items-center justify-center modal-backdrop bg-gray-950/70" onclick="closeModal(event)">
|
|
39
|
+
<div id="modal-box" class="modal-animate bg-slate-900 border border-slate-700/60 rounded-xl shadow-2xl w-full max-w-lg mx-4 max-h-[85vh] flex flex-col" onclick="event.stopPropagation()">
|
|
40
|
+
<!-- Modal header -->
|
|
41
|
+
<div class="flex items-center justify-between px-5 py-4 border-b border-slate-800/60 flex-shrink-0">
|
|
42
|
+
<div>
|
|
43
|
+
<h2 id="modal-title" class="text-base font-display font-semibold text-slate-100"></h2>
|
|
44
|
+
<p id="modal-subtitle" class="text-xs text-slate-500 font-mono mt-0.5"></p>
|
|
100
45
|
</div>
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
<!-- Main: offset by sidebar width -->
|
|
104
|
-
<main class="ml-14 min-h-screen bg-gray-950 text-slate-200 w-full flex flex-col">
|
|
105
|
-
|
|
106
|
-
<!-- Header -->
|
|
107
|
-
<header class="h-12 border-b border-slate-800/50 flex items-center justify-between px-6 flex-shrink-0">
|
|
108
|
-
<div class="flex items-center gap-3">
|
|
109
|
-
<h1 class="text-sm font-display font-semibold">Calendar</h1>
|
|
110
|
-
<!-- View toggle -->
|
|
111
|
-
<div class="flex items-center gap-0.5 bg-slate-800/60 rounded-lg p-0.5">
|
|
112
|
-
<button id="btn-month" onclick="setView('month')" class="text-xs px-3 py-1 rounded-md font-display font-medium transition-all">Month</button>
|
|
113
|
-
<button id="btn-week" onclick="setView('week')" class="text-xs px-3 py-1 rounded-md font-display font-medium transition-all">Week</button>
|
|
114
|
-
<button id="btn-day" onclick="setView('day')" class="text-xs px-3 py-1 rounded-md font-display font-medium transition-all">Day</button>
|
|
115
|
-
</div>
|
|
116
|
-
</div>
|
|
117
|
-
<div class="flex items-center gap-3">
|
|
118
|
-
<button onclick="navigatePrev()" class="text-slate-400 hover:text-white px-2 py-1 transition-colors text-lg leading-none">←</button>
|
|
119
|
-
<span id="period-label" class="text-sm font-display font-medium min-w-[200px] text-center"></span>
|
|
120
|
-
<button onclick="navigateNext()" class="text-slate-400 hover:text-white px-2 py-1 transition-colors text-lg leading-none">→</button>
|
|
121
|
-
<button onclick="goToday()" class="text-xs px-2.5 py-1 rounded-md bg-slate-800 text-slate-400 hover:bg-slate-700 transition-colors">Today</button>
|
|
122
|
-
</div>
|
|
123
|
-
</header>
|
|
124
|
-
|
|
125
|
-
<!-- Content area -->
|
|
126
|
-
<div id="calendar-content" class="flex-1 p-6 overflow-auto"></div>
|
|
127
|
-
|
|
128
|
-
</main>
|
|
129
|
-
</div>
|
|
130
|
-
|
|
131
|
-
<!-- Modal -->
|
|
132
|
-
<div id="modal-overlay" class="hidden fixed inset-0 z-[100] flex items-center justify-center modal-backdrop bg-gray-950/70" onclick="closeModal(event)">
|
|
133
|
-
<div id="modal-box" class="modal-animate bg-slate-900 border border-slate-700/60 rounded-xl shadow-2xl w-full max-w-lg mx-4 max-h-[85vh] flex flex-col" onclick="event.stopPropagation()">
|
|
134
|
-
<!-- Modal header -->
|
|
135
|
-
<div class="flex items-center justify-between px-5 py-4 border-b border-slate-800/60 flex-shrink-0">
|
|
136
|
-
<div>
|
|
137
|
-
<h2 id="modal-title" class="text-base font-display font-semibold text-slate-100"></h2>
|
|
138
|
-
<p id="modal-subtitle" class="text-xs text-slate-500 font-mono mt-0.5"></p>
|
|
139
|
-
</div>
|
|
140
|
-
<button onclick="closeModalDirect()" class="w-7 h-7 flex items-center justify-center rounded-lg text-slate-500 hover:text-slate-200 hover:bg-slate-800 transition-colors text-xl leading-none">×</button>
|
|
141
|
-
</div>
|
|
142
|
-
<!-- Modal body -->
|
|
143
|
-
<div id="modal-body" class="overflow-y-auto flex-1 px-5 py-4 space-y-5"></div>
|
|
46
|
+
<button onclick="closeModalDirect()" class="w-7 h-7 flex items-center justify-center rounded-lg text-slate-500 hover:text-slate-200 hover:bg-slate-800 transition-colors text-xl leading-none">×</button>
|
|
144
47
|
</div>
|
|
48
|
+
<!-- Modal body -->
|
|
49
|
+
<div id="modal-body" class="overflow-y-auto flex-1 px-5 py-4 space-y-5"></div>
|
|
145
50
|
</div>
|
|
51
|
+
</div>
|
|
52
|
+
{% endblock %}
|
|
53
|
+
|
|
54
|
+
{% block scripts %}
|
|
55
|
+
<script>
|
|
56
|
+
const MONTHS = ['January','February','March','April','May','June','July','August','September','October','November','December'];
|
|
57
|
+
const DAYS_SHORT = ['Mon','Tue','Wed','Thu','Fri','Sat','Sun'];
|
|
58
|
+
const DAYS_LONG = ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'];
|
|
59
|
+
|
|
60
|
+
let currentView = 'month';
|
|
61
|
+
let currentYear = new Date().getFullYear();
|
|
62
|
+
let currentMonth = new Date().getMonth() + 1;
|
|
63
|
+
let currentWeekStart = getWeekStart(new Date());
|
|
64
|
+
let currentDay = new Date();
|
|
65
|
+
let calendarItems = { reminders: [], followups: [] };
|
|
66
|
+
|
|
67
|
+
// --- Helpers ---
|
|
68
|
+
|
|
69
|
+
function today() {
|
|
70
|
+
const d = new Date();
|
|
71
|
+
return ymd(d);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
function ymd(date) {
|
|
75
|
+
return `${date.getFullYear()}-${String(date.getMonth()+1).padStart(2,'0')}-${String(date.getDate()).padStart(2,'0')}`;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
function parseDate(str) {
|
|
79
|
+
const parts = str.slice(0,10).split('-');
|
|
80
|
+
return new Date(parseInt(parts[0]), parseInt(parts[1])-1, parseInt(parts[2]));
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
function getWeekStart(date) {
|
|
84
|
+
const d = new Date(date);
|
|
85
|
+
const dow = (d.getDay() + 6) % 7;
|
|
86
|
+
d.setDate(d.getDate() - dow);
|
|
87
|
+
return d;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
function addDays(date, n) {
|
|
91
|
+
const d = new Date(date);
|
|
92
|
+
d.setDate(d.getDate() + n);
|
|
93
|
+
return d;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
function getItemDate(item) {
|
|
97
|
+
return (item.due_date || item.date || '').slice(0, 10);
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
function getItemStatus(item, dateStr) {
|
|
101
|
+
const status = (item.status || 'pending').toLowerCase();
|
|
102
|
+
if (status === 'completed' || status === 'done') return 'done';
|
|
103
|
+
const todayStr = today();
|
|
104
|
+
if (dateStr && dateStr < todayStr) return 'overdue';
|
|
105
|
+
return 'pending';
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
function buildItemsLookup(items) {
|
|
109
|
+
const map = {};
|
|
110
|
+
(items.reminders || []).forEach(r => {
|
|
111
|
+
const d = getItemDate(r);
|
|
112
|
+
if (d) {
|
|
113
|
+
if (!map[d]) map[d] = { reminders: [], followups: [] };
|
|
114
|
+
map[d].reminders.push(r);
|
|
115
|
+
}
|
|
116
|
+
});
|
|
117
|
+
(items.followups || []).forEach(f => {
|
|
118
|
+
const d = getItemDate(f);
|
|
119
|
+
if (d) {
|
|
120
|
+
if (!map[d]) map[d] = { reminders: [], followups: [] };
|
|
121
|
+
map[d].followups.push(f);
|
|
122
|
+
}
|
|
123
|
+
});
|
|
124
|
+
return map;
|
|
125
|
+
}
|
|
146
126
|
|
|
147
|
-
|
|
148
|
-
const MONTHS = ['January','February','March','April','May','June','July','August','September','October','November','December'];
|
|
149
|
-
const DAYS_SHORT = ['Mon','Tue','Wed','Thu','Fri','Sat','Sun'];
|
|
150
|
-
const DAYS_LONG = ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'];
|
|
151
|
-
|
|
152
|
-
let currentView = 'month';
|
|
153
|
-
let currentYear = new Date().getFullYear();
|
|
154
|
-
let currentMonth = new Date().getMonth() + 1;
|
|
155
|
-
let currentWeekStart = getWeekStart(new Date()); // Monday of current week
|
|
156
|
-
let currentDay = new Date();
|
|
157
|
-
let calendarItems = { reminders: [], followups: [] };
|
|
158
|
-
|
|
159
|
-
// ─── Helpers ───────────────────────────────────────────────────────────
|
|
127
|
+
// --- Status badge HTML ---
|
|
160
128
|
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
return
|
|
129
|
+
function statusBadgeHtml(status) {
|
|
130
|
+
if (status === 'done') {
|
|
131
|
+
return `<span class="inline-flex items-center gap-1 text-xs font-mono font-semibold px-1.5 py-0.5 rounded bg-emerald-500/15 text-emerald-400 uppercase tracking-wide">
|
|
132
|
+
<span class="w-1.5 h-1.5 rounded-full bg-emerald-500 inline-block"></span>DONE
|
|
133
|
+
</span>`;
|
|
164
134
|
}
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
135
|
+
if (status === 'overdue') {
|
|
136
|
+
return `<span class="inline-flex items-center gap-1 text-xs font-mono font-semibold px-1.5 py-0.5 rounded bg-red-500/15 text-red-400 uppercase tracking-wide">
|
|
137
|
+
<span class="w-1.5 h-1.5 rounded-full bg-red-500 inline-block"></span>OVERDUE
|
|
138
|
+
</span>`;
|
|
168
139
|
}
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
140
|
+
return `<span class="inline-flex items-center gap-1 text-xs font-mono font-semibold px-1.5 py-0.5 rounded bg-amber-500/15 text-amber-400 uppercase tracking-wide">
|
|
141
|
+
<span class="w-1.5 h-1.5 rounded-full bg-amber-500 inline-block"></span>PENDING
|
|
142
|
+
</span>`;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
function statusDotHtml(status) {
|
|
146
|
+
if (status === 'done') return '<span class="w-1.5 h-1.5 rounded-full bg-emerald-500 flex-shrink-0 inline-block"></span>';
|
|
147
|
+
if (status === 'overdue') return '<span class="w-1.5 h-1.5 rounded-full bg-red-500 flex-shrink-0 inline-block"></span>';
|
|
148
|
+
return '<span class="w-1.5 h-1.5 rounded-full bg-amber-500 flex-shrink-0 inline-block"></span>';
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
// --- Item card HTML ---
|
|
152
|
+
|
|
153
|
+
function itemCardHtml(item, type, dateStr, compact) {
|
|
154
|
+
const status = getItemStatus(item, dateStr);
|
|
155
|
+
const desc = escapeHtml(item.description || item.content || item.title || '—');
|
|
156
|
+
const category = item.category ? escapeHtml(item.category) : null;
|
|
157
|
+
const id = item.id;
|
|
158
|
+
const isReminder = type === 'reminder';
|
|
159
|
+
const isDone = status === 'done';
|
|
160
|
+
|
|
161
|
+
const typeTag = isReminder
|
|
162
|
+
? `<span class="text-xs font-mono font-semibold px-1.5 py-0.5 rounded bg-violet-500/15 text-violet-400 uppercase tracking-wide">Reminder</span>`
|
|
163
|
+
: `<span class="text-xs font-mono font-semibold px-1.5 py-0.5 rounded bg-pink-500/15 text-pink-400 uppercase tracking-wide">Followup</span>`;
|
|
164
|
+
|
|
165
|
+
const catTag = category
|
|
166
|
+
? `<span class="text-xs font-mono px-1.5 py-0.5 rounded bg-slate-700/50 text-slate-400">${category}</span>`
|
|
167
|
+
: '';
|
|
168
|
+
|
|
169
|
+
const executeBtn = (!isReminder && !isDone)
|
|
170
|
+
? `<button onclick="executeFollowup(${id}, this)" class="ml-auto text-xs px-2.5 py-1 rounded-md bg-violet-600 hover:bg-violet-500 text-white font-display font-medium transition-colors flex-shrink-0 flex items-center gap-1">
|
|
171
|
+
<svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M5 3l14 9-14 9V3z"/></svg>
|
|
172
|
+
Execute
|
|
173
|
+
</button>`
|
|
174
|
+
: '';
|
|
175
|
+
|
|
176
|
+
const idTag = `<span class="text-xs font-mono text-slate-600">#${id}</span>`;
|
|
177
|
+
|
|
178
|
+
if (compact) {
|
|
179
|
+
return `<div class="flex items-start gap-1.5 py-1 ${isDone ? 'opacity-60' : ''}">
|
|
180
|
+
${statusDotHtml(status)}
|
|
181
|
+
<span class="text-xs text-slate-300 leading-snug ${isDone ? 'line-through text-slate-500' : ''} flex-1 min-w-0 truncate">${desc}</span>
|
|
182
|
+
</div>`;
|
|
174
183
|
}
|
|
175
184
|
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
185
|
+
return `<div class="bg-slate-800/40 border border-slate-700/40 rounded-lg p-3.5 ${isDone ? 'status-done' : ''}">
|
|
186
|
+
<div class="flex items-center gap-2 flex-wrap mb-2">
|
|
187
|
+
${typeTag}
|
|
188
|
+
${statusBadgeHtml(status)}
|
|
189
|
+
${catTag}
|
|
190
|
+
${idTag}
|
|
191
|
+
${executeBtn}
|
|
192
|
+
</div>
|
|
193
|
+
<div class="text-sm text-slate-200 leading-relaxed item-text">${desc}</div>
|
|
194
|
+
</div>`;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
// --- Execute followup ---
|
|
198
|
+
|
|
199
|
+
async function executeFollowup(id, btn) {
|
|
200
|
+
const originalHtml = btn.innerHTML;
|
|
201
|
+
btn.innerHTML = `<svg class="w-3 h-3 spin" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/></svg> Running`;
|
|
202
|
+
btn.disabled = true;
|
|
203
|
+
try {
|
|
204
|
+
const res = await fetch(`/api/ops/execute/${id}`, { method: 'POST' });
|
|
205
|
+
const data = await res.json();
|
|
206
|
+
if (res.ok) {
|
|
207
|
+
btn.innerHTML = `<svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg> Done`;
|
|
208
|
+
btn.className = btn.className.replace('bg-violet-600 hover:bg-violet-500', 'bg-emerald-700 cursor-default');
|
|
209
|
+
await loadCalendarData();
|
|
210
|
+
} else {
|
|
211
|
+
const errMsg = data.error || data.detail || 'HTTP ' + res.status;
|
|
212
|
+
btn.innerHTML = '\u2717 ' + errMsg;
|
|
213
|
+
btn.title = errMsg;
|
|
214
|
+
btn.className = btn.className.replace('bg-violet-600 hover:bg-violet-500', 'bg-red-700');
|
|
215
|
+
setTimeout(() => { btn.innerHTML = originalHtml; btn.title = ''; btn.disabled = false; btn.className = btn.className.replace('bg-red-700', 'bg-violet-600 hover:bg-violet-500'); }, 3000);
|
|
216
|
+
}
|
|
217
|
+
} catch(e) {
|
|
218
|
+
btn.innerHTML = '\u2717 ' + e.message;
|
|
219
|
+
setTimeout(() => { btn.innerHTML = originalHtml; btn.disabled = false; }, 3000);
|
|
181
220
|
}
|
|
221
|
+
}
|
|
182
222
|
|
|
183
|
-
|
|
184
|
-
const d = new Date(date);
|
|
185
|
-
d.setDate(d.getDate() + n);
|
|
186
|
-
return d;
|
|
187
|
-
}
|
|
223
|
+
// --- Data loading ---
|
|
188
224
|
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
225
|
+
async function loadCalendarData() {
|
|
226
|
+
try {
|
|
227
|
+
const res = await fetch(`/api/calendar?year=${currentYear}&month=${currentMonth}`);
|
|
228
|
+
calendarItems = await res.json();
|
|
229
|
+
} catch(e) {
|
|
230
|
+
calendarItems = { reminders: [], followups: [] };
|
|
195
231
|
}
|
|
232
|
+
}
|
|
196
233
|
|
|
197
|
-
|
|
198
|
-
return (item.due_date || item.date || '').slice(0, 10);
|
|
199
|
-
}
|
|
234
|
+
// --- View management ---
|
|
200
235
|
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
236
|
+
function setView(view) {
|
|
237
|
+
currentView = view;
|
|
238
|
+
updateViewButtons();
|
|
239
|
+
renderView();
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
function updateViewButtons() {
|
|
243
|
+
['month','week','day'].forEach(v => {
|
|
244
|
+
const btn = document.getElementById(`btn-${v}`);
|
|
245
|
+
if (v === currentView) {
|
|
246
|
+
btn.className = 'text-xs px-3 py-1 rounded-md font-display font-medium transition-all bg-violet-600 text-white';
|
|
247
|
+
} else {
|
|
248
|
+
btn.className = 'text-xs px-3 py-1 rounded-md font-display font-medium transition-all text-slate-400 hover:text-slate-200';
|
|
249
|
+
}
|
|
250
|
+
});
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
function navigatePrev() {
|
|
254
|
+
if (currentView === 'month') {
|
|
255
|
+
currentMonth--;
|
|
256
|
+
if (currentMonth < 1) { currentMonth = 12; currentYear--; }
|
|
257
|
+
} else if (currentView === 'week') {
|
|
258
|
+
currentWeekStart = addDays(currentWeekStart, -7);
|
|
259
|
+
currentYear = currentWeekStart.getFullYear();
|
|
260
|
+
currentMonth = currentWeekStart.getMonth() + 1;
|
|
261
|
+
} else {
|
|
262
|
+
currentDay = addDays(currentDay, -1);
|
|
263
|
+
currentYear = currentDay.getFullYear();
|
|
264
|
+
currentMonth = currentDay.getMonth() + 1;
|
|
207
265
|
}
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
}
|
|
224
|
-
});
|
|
225
|
-
return map;
|
|
266
|
+
loadAndRender();
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
function navigateNext() {
|
|
270
|
+
if (currentView === 'month') {
|
|
271
|
+
currentMonth++;
|
|
272
|
+
if (currentMonth > 12) { currentMonth = 1; currentYear++; }
|
|
273
|
+
} else if (currentView === 'week') {
|
|
274
|
+
currentWeekStart = addDays(currentWeekStart, 7);
|
|
275
|
+
currentYear = currentWeekStart.getFullYear();
|
|
276
|
+
currentMonth = currentWeekStart.getMonth() + 1;
|
|
277
|
+
} else {
|
|
278
|
+
currentDay = addDays(currentDay, 1);
|
|
279
|
+
currentYear = currentDay.getFullYear();
|
|
280
|
+
currentMonth = currentDay.getMonth() + 1;
|
|
226
281
|
}
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
282
|
+
loadAndRender();
|
|
283
|
+
}
|
|
284
|
+
|
|
285
|
+
function goToday() {
|
|
286
|
+
const now = new Date();
|
|
287
|
+
currentYear = now.getFullYear();
|
|
288
|
+
currentMonth = now.getMonth() + 1;
|
|
289
|
+
currentWeekStart = getWeekStart(now);
|
|
290
|
+
currentDay = now;
|
|
291
|
+
loadAndRender();
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
async function loadAndRender() {
|
|
295
|
+
await loadCalendarData();
|
|
296
|
+
renderView();
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
function renderView() {
|
|
300
|
+
if (currentView === 'month') renderMonth();
|
|
301
|
+
else if (currentView === 'week') renderWeek();
|
|
302
|
+
else renderDay();
|
|
303
|
+
}
|
|
304
|
+
|
|
305
|
+
// --- Month view ---
|
|
306
|
+
|
|
307
|
+
function renderMonth() {
|
|
308
|
+
document.getElementById('period-label').textContent = `${MONTHS[currentMonth - 1]} ${currentYear}`;
|
|
309
|
+
|
|
310
|
+
const firstDay = new Date(currentYear, currentMonth - 1, 1);
|
|
311
|
+
const daysInMonth = new Date(currentYear, currentMonth, 0).getDate();
|
|
312
|
+
const startDow = (firstDay.getDay() + 6) % 7;
|
|
313
|
+
const todayStr = today();
|
|
314
|
+
const itemsByDate = buildItemsLookup(calendarItems);
|
|
315
|
+
|
|
316
|
+
let headerHtml = `<div class="grid grid-cols-7 mb-1">`;
|
|
317
|
+
DAYS_SHORT.forEach(d => {
|
|
318
|
+
headerHtml += `<div class="p-2 text-center text-xs uppercase tracking-wider text-slate-500 font-display font-medium">${d}</div>`;
|
|
319
|
+
});
|
|
320
|
+
headerHtml += `</div>`;
|
|
321
|
+
|
|
322
|
+
let cells = '';
|
|
323
|
+
|
|
324
|
+
// Previous month padding
|
|
325
|
+
const prevMonthLast = new Date(currentYear, currentMonth - 1, 0).getDate();
|
|
326
|
+
for (let i = startDow - 1; i >= 0; i--) {
|
|
327
|
+
cells += `<div class="bg-gray-950 p-2 min-h-[90px] opacity-25">
|
|
328
|
+
<div class="text-xs text-slate-500 font-display">${prevMonthLast - i}</div>
|
|
329
|
+
</div>`;
|
|
244
330
|
}
|
|
245
331
|
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
332
|
+
// Current month days
|
|
333
|
+
for (let d = 1; d <= daysInMonth; d++) {
|
|
334
|
+
const dateStr = `${currentYear}-${String(currentMonth).padStart(2,'0')}-${String(d).padStart(2,'0')}`;
|
|
335
|
+
const isToday = dateStr === todayStr;
|
|
336
|
+
const dayItems = itemsByDate[dateStr];
|
|
251
337
|
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
if (compact) {
|
|
280
|
-
// Compact: used in week view cells
|
|
281
|
-
return `<div class="flex items-start gap-1.5 py-1 ${isDone ? 'opacity-60' : ''}">
|
|
282
|
-
${statusDotHtml(status)}
|
|
283
|
-
<span class="text-xs text-slate-300 leading-snug ${isDone ? 'line-through text-slate-500' : ''} flex-1 min-w-0 truncate">${desc}</span>
|
|
284
|
-
</div>`;
|
|
338
|
+
const bgClass = `bg-gray-950 hover:bg-slate-900/60 cursor-pointer transition-colors`;
|
|
339
|
+
const ringClass = isToday ? 'ring-1 ring-inset ring-violet-500/50' : '';
|
|
340
|
+
const dayNumClass = isToday
|
|
341
|
+
? 'w-6 h-6 flex items-center justify-center rounded-full bg-violet-600 text-white font-semibold text-xs'
|
|
342
|
+
: 'text-xs text-slate-400 font-display';
|
|
343
|
+
|
|
344
|
+
let dotsHtml = '';
|
|
345
|
+
if (dayItems) {
|
|
346
|
+
const allItems = [
|
|
347
|
+
...dayItems.reminders.map(r => ({ ...r, type: 'reminder' })),
|
|
348
|
+
...dayItems.followups.map(f => ({ ...f, type: 'followup' }))
|
|
349
|
+
];
|
|
350
|
+
const total = allItems.length;
|
|
351
|
+
|
|
352
|
+
let doneDots = [], pendingDots = [], overdueDots = [];
|
|
353
|
+
allItems.forEach(item => {
|
|
354
|
+
const st = getItemStatus(item, dateStr);
|
|
355
|
+
const color = st === 'done' ? 'bg-emerald-500' : st === 'overdue' ? 'bg-red-500' : 'bg-amber-500';
|
|
356
|
+
const dot = `<span class="w-1.5 h-1.5 rounded-full ${color} flex-shrink-0"></span>`;
|
|
357
|
+
if (st === 'done') doneDots.push(dot);
|
|
358
|
+
else if (st === 'overdue') overdueDots.push(dot);
|
|
359
|
+
else pendingDots.push(dot);
|
|
360
|
+
});
|
|
361
|
+
|
|
362
|
+
const visibleDots = [...overdueDots, ...pendingDots, ...doneDots].slice(0, 5);
|
|
363
|
+
const overflow = total > 5 ? `<span class="text-xs text-slate-500 font-mono leading-none">+${total - 5}</span>` : '';
|
|
364
|
+
dotsHtml = `<div class="flex flex-wrap gap-0.5 mt-1.5 items-center">${visibleDots.join('')}${overflow}</div>`;
|
|
285
365
|
}
|
|
286
366
|
|
|
287
|
-
|
|
288
|
-
<div class="
|
|
289
|
-
|
|
290
|
-
${statusBadgeHtml(status)}
|
|
291
|
-
${catTag}
|
|
292
|
-
${idTag}
|
|
293
|
-
${executeBtn}
|
|
294
|
-
</div>
|
|
295
|
-
<div class="text-sm text-slate-200 leading-relaxed item-text">${desc}</div>
|
|
367
|
+
cells += `<div class="${bgClass} ${ringClass} p-2 min-h-[90px]" onclick="openDayModal('${dateStr}')">
|
|
368
|
+
<div class="${dayNumClass}">${d}</div>
|
|
369
|
+
${dotsHtml}
|
|
296
370
|
</div>`;
|
|
297
371
|
}
|
|
298
372
|
|
|
299
|
-
//
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
const res = await fetch(`/api/followups/${id}/execute`, { method: 'POST' });
|
|
307
|
-
const data = await res.json();
|
|
308
|
-
if (res.ok) {
|
|
309
|
-
btn.innerHTML = `<svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg> Done`;
|
|
310
|
-
btn.className = btn.className.replace('bg-violet-600 hover:bg-violet-500', 'bg-emerald-700 cursor-default');
|
|
311
|
-
// Reload items in background
|
|
312
|
-
await loadCalendarData();
|
|
313
|
-
} else {
|
|
314
|
-
btn.innerHTML = '✗ Failed';
|
|
315
|
-
btn.className = btn.className.replace('bg-violet-600 hover:bg-violet-500', 'bg-red-700');
|
|
316
|
-
setTimeout(() => { btn.innerHTML = originalHtml; btn.disabled = false; btn.className = btn.className.replace('bg-red-700', 'bg-violet-600 hover:bg-violet-500'); }, 2000);
|
|
317
|
-
}
|
|
318
|
-
} catch(e) {
|
|
319
|
-
btn.innerHTML = '✗ Error';
|
|
320
|
-
setTimeout(() => { btn.innerHTML = originalHtml; btn.disabled = false; }, 2000);
|
|
321
|
-
}
|
|
373
|
+
// Next month padding
|
|
374
|
+
const totalCells = startDow + daysInMonth;
|
|
375
|
+
const remaining = totalCells % 7 === 0 ? 0 : 7 - (totalCells % 7);
|
|
376
|
+
for (let d = 1; d <= remaining; d++) {
|
|
377
|
+
cells += `<div class="bg-gray-950 p-2 min-h-[90px] opacity-25">
|
|
378
|
+
<div class="text-xs text-slate-500 font-display">${d}</div>
|
|
379
|
+
</div>`;
|
|
322
380
|
}
|
|
323
381
|
|
|
324
|
-
|
|
382
|
+
document.getElementById('calendar-content').innerHTML = `
|
|
383
|
+
${headerHtml}
|
|
384
|
+
<div class="grid grid-cols-7 gap-px bg-slate-800/30 rounded-lg overflow-hidden border border-slate-800/30">
|
|
385
|
+
${cells}
|
|
386
|
+
</div>
|
|
387
|
+
`;
|
|
388
|
+
}
|
|
325
389
|
|
|
326
|
-
|
|
327
|
-
try {
|
|
328
|
-
const res = await fetch(`/api/calendar?year=${currentYear}&month=${currentMonth}`);
|
|
329
|
-
calendarItems = await res.json();
|
|
330
|
-
} catch(e) {
|
|
331
|
-
calendarItems = { reminders: [], followups: [] };
|
|
332
|
-
}
|
|
333
|
-
}
|
|
390
|
+
// --- Week view ---
|
|
334
391
|
|
|
335
|
-
|
|
392
|
+
function renderWeek() {
|
|
393
|
+
const weekEnd = addDays(currentWeekStart, 6);
|
|
394
|
+
const startLabel = currentWeekStart.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
|
|
395
|
+
const endLabel = weekEnd.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
|
|
396
|
+
document.getElementById('period-label').textContent = `${startLabel} \u2013 ${endLabel}`;
|
|
336
397
|
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
updateViewButtons();
|
|
340
|
-
renderView();
|
|
341
|
-
}
|
|
398
|
+
const todayStr = today();
|
|
399
|
+
const itemsByDate = buildItemsLookup(calendarItems);
|
|
342
400
|
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
}
|
|
351
|
-
});
|
|
352
|
-
}
|
|
401
|
+
let headerHtml = `<div class="grid grid-cols-7 gap-px mb-0.5">`;
|
|
402
|
+
for (let i = 0; i < 7; i++) {
|
|
403
|
+
const d = addDays(currentWeekStart, i);
|
|
404
|
+
const dStr = ymd(d);
|
|
405
|
+
const isToday = dStr === todayStr;
|
|
406
|
+
const dayItems = itemsByDate[dStr];
|
|
407
|
+
const count = dayItems ? (dayItems.reminders.length + dayItems.followups.length) : 0;
|
|
353
408
|
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
currentWeekStart = addDays(currentWeekStart, -7);
|
|
360
|
-
currentYear = currentWeekStart.getFullYear();
|
|
361
|
-
currentMonth = currentWeekStart.getMonth() + 1;
|
|
362
|
-
} else {
|
|
363
|
-
currentDay = addDays(currentDay, -1);
|
|
364
|
-
currentYear = currentDay.getFullYear();
|
|
365
|
-
currentMonth = currentDay.getMonth() + 1;
|
|
366
|
-
}
|
|
367
|
-
loadAndRender();
|
|
409
|
+
headerHtml += `<div class="p-3 text-center ${isToday ? 'bg-violet-500/10' : 'bg-slate-900/30'} rounded-t-lg cursor-pointer hover:bg-slate-800/50 transition-colors" onclick="openDayModal('${dStr}')">
|
|
410
|
+
<div class="text-xs uppercase tracking-wider text-slate-500 font-display">${DAYS_SHORT[i]}</div>
|
|
411
|
+
<div class="text-lg font-display font-semibold mt-0.5 ${isToday ? 'text-violet-400' : 'text-slate-200'}">${d.getDate()}</div>
|
|
412
|
+
${count > 0 ? `<div class="text-xs font-mono text-slate-500 mt-0.5">${count} item${count !== 1 ? 's' : ''}</div>` : ''}
|
|
413
|
+
</div>`;
|
|
368
414
|
}
|
|
415
|
+
headerHtml += `</div>`;
|
|
369
416
|
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
417
|
+
let bodyHtml = `<div class="grid grid-cols-7 gap-px bg-slate-800/20 rounded-b-lg overflow-hidden border border-slate-800/30 border-t-0">`;
|
|
418
|
+
for (let i = 0; i < 7; i++) {
|
|
419
|
+
const d = addDays(currentWeekStart, i);
|
|
420
|
+
const dStr = ymd(d);
|
|
421
|
+
const isToday = dStr === todayStr;
|
|
422
|
+
const dayItems = itemsByDate[dStr];
|
|
423
|
+
|
|
424
|
+
let itemsHtml = '';
|
|
425
|
+
if (dayItems) {
|
|
426
|
+
const allItems = [
|
|
427
|
+
...dayItems.reminders.map(r => ({ ...r, _type: 'reminder' })),
|
|
428
|
+
...dayItems.followups.map(f => ({ ...f, _type: 'followup' }))
|
|
429
|
+
];
|
|
430
|
+
allItems.sort((a, b) => {
|
|
431
|
+
const order = { overdue: 0, pending: 1, done: 2 };
|
|
432
|
+
return order[getItemStatus(a, dStr)] - order[getItemStatus(b, dStr)];
|
|
433
|
+
});
|
|
434
|
+
itemsHtml = allItems.map(item => itemCardHtml(item, item._type, dStr, true)).join('');
|
|
382
435
|
}
|
|
383
|
-
loadAndRender();
|
|
384
|
-
}
|
|
385
436
|
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
currentMonth = now.getMonth() + 1;
|
|
390
|
-
currentWeekStart = getWeekStart(now);
|
|
391
|
-
currentDay = now;
|
|
392
|
-
loadAndRender();
|
|
437
|
+
bodyHtml += `<div class="${isToday ? 'bg-violet-500/5' : 'bg-gray-950'} p-2 min-h-[160px] cursor-pointer hover:bg-slate-900/40 transition-colors" onclick="openDayModal('${dStr}')">
|
|
438
|
+
${itemsHtml || `<div class="text-xs text-slate-700 text-center mt-4">\u2014</div>`}
|
|
439
|
+
</div>`;
|
|
393
440
|
}
|
|
441
|
+
bodyHtml += `</div>`;
|
|
394
442
|
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
renderView();
|
|
398
|
-
}
|
|
443
|
+
document.getElementById('calendar-content').innerHTML = headerHtml + bodyHtml;
|
|
444
|
+
}
|
|
399
445
|
|
|
400
|
-
|
|
401
|
-
if (currentView === 'month') renderMonth();
|
|
402
|
-
else if (currentView === 'week') renderWeek();
|
|
403
|
-
else renderDay();
|
|
404
|
-
}
|
|
446
|
+
// --- Day view ---
|
|
405
447
|
|
|
406
|
-
|
|
448
|
+
function renderDay() {
|
|
449
|
+
const dStr = ymd(currentDay);
|
|
450
|
+
const label = currentDay.toLocaleDateString('en-US', { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' });
|
|
451
|
+
document.getElementById('period-label').textContent = label;
|
|
407
452
|
|
|
408
|
-
|
|
409
|
-
|
|
453
|
+
const itemsByDate = buildItemsLookup(calendarItems);
|
|
454
|
+
const dayItems = itemsByDate[dStr];
|
|
410
455
|
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
const todayStr = today();
|
|
415
|
-
const itemsByDate = buildItemsLookup(calendarItems);
|
|
456
|
+
const dayReminders = dayItems ? dayItems.reminders : [];
|
|
457
|
+
const dayFollowups = dayItems ? dayItems.followups : [];
|
|
458
|
+
const total = dayReminders.length + dayFollowups.length;
|
|
416
459
|
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
headerHtml += `<div class="p-2 text-center text-xs uppercase tracking-wider text-slate-500 font-display font-medium">${d}</div>`;
|
|
420
|
-
});
|
|
421
|
-
headerHtml += `</div>`;
|
|
460
|
+
const todayStr = today();
|
|
461
|
+
const isToday = dStr === todayStr;
|
|
422
462
|
|
|
423
|
-
|
|
463
|
+
let html = `<div class="max-w-2xl mx-auto">`;
|
|
424
464
|
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
<div class="text-xs text-slate-500 font-display">${prevMonthLast - i}</div>
|
|
430
|
-
</div>`;
|
|
431
|
-
}
|
|
465
|
+
html += `<div class="flex items-center gap-3 mb-6">
|
|
466
|
+
<div class="text-2xl font-display font-bold ${isToday ? 'text-violet-400' : 'text-slate-100'}">${label}</div>
|
|
467
|
+
<span class="text-sm font-mono text-slate-500">${total} item${total !== 1 ? 's' : ''}</span>
|
|
468
|
+
</div>`;
|
|
432
469
|
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
...dayItems.reminders.map(r => ({ ...r, type: 'reminder' })),
|
|
449
|
-
...dayItems.followups.map(f => ({ ...f, type: 'followup' }))
|
|
450
|
-
];
|
|
451
|
-
const total = allItems.length;
|
|
452
|
-
|
|
453
|
-
// Count by status
|
|
454
|
-
let doneDots = [], pendingDots = [], overdueDots = [];
|
|
455
|
-
allItems.forEach(item => {
|
|
456
|
-
const st = getItemStatus(item, dateStr);
|
|
457
|
-
const color = st === 'done' ? 'bg-emerald-500' : st === 'overdue' ? 'bg-red-500' : 'bg-amber-500';
|
|
458
|
-
const dot = `<span class="w-1.5 h-1.5 rounded-full ${color} flex-shrink-0"></span>`;
|
|
459
|
-
if (st === 'done') doneDots.push(dot);
|
|
460
|
-
else if (st === 'overdue') overdueDots.push(dot);
|
|
461
|
-
else pendingDots.push(dot);
|
|
462
|
-
});
|
|
463
|
-
|
|
464
|
-
const visibleDots = [...overdueDots, ...pendingDots, ...doneDots].slice(0, 5);
|
|
465
|
-
const overflow = total > 5 ? `<span class="text-xs text-slate-500 font-mono leading-none">+${total - 5}</span>` : '';
|
|
466
|
-
dotsHtml = `<div class="flex flex-wrap gap-0.5 mt-1.5 items-center">${visibleDots.join('')}${overflow}</div>`;
|
|
467
|
-
}
|
|
468
|
-
|
|
469
|
-
cells += `<div class="${bgClass} ${ringClass} p-2 min-h-[90px]" onclick="openDayModal('${dateStr}')">
|
|
470
|
-
<div class="${dayNumClass}">${d}</div>
|
|
471
|
-
${dotsHtml}
|
|
470
|
+
if (total === 0) {
|
|
471
|
+
html += `<div class="text-center py-16 text-slate-600 font-display">
|
|
472
|
+
<div class="text-4xl mb-3">\u2014</div>
|
|
473
|
+
<div>No items for this day</div>
|
|
474
|
+
</div>`;
|
|
475
|
+
} else {
|
|
476
|
+
if (dayReminders.length > 0) {
|
|
477
|
+
html += `<div class="mb-6">
|
|
478
|
+
<div class="flex items-center gap-2 mb-3">
|
|
479
|
+
<span class="text-xs font-mono font-semibold px-2 py-0.5 rounded bg-violet-500/15 text-violet-400 uppercase tracking-wide">Reminders (User)</span>
|
|
480
|
+
<span class="text-xs text-slate-600 font-mono">${dayReminders.length}</span>
|
|
481
|
+
</div>
|
|
482
|
+
<div class="space-y-2">
|
|
483
|
+
${dayReminders.map(r => itemCardHtml(r, 'reminder', dStr, false)).join('')}
|
|
484
|
+
</div>
|
|
472
485
|
</div>`;
|
|
473
486
|
}
|
|
474
487
|
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
488
|
+
if (dayFollowups.length > 0) {
|
|
489
|
+
html += `<div class="mb-6">
|
|
490
|
+
<div class="flex items-center gap-2 mb-3">
|
|
491
|
+
<span class="text-xs font-mono font-semibold px-2 py-0.5 rounded bg-pink-500/15 text-pink-400 uppercase tracking-wide">Followups (NEXO)</span>
|
|
492
|
+
<span class="text-xs text-slate-600 font-mono">${dayFollowups.length}</span>
|
|
493
|
+
</div>
|
|
494
|
+
<div class="space-y-2">
|
|
495
|
+
${dayFollowups.map(f => itemCardHtml(f, 'followup', dStr, false)).join('')}
|
|
496
|
+
</div>
|
|
481
497
|
</div>`;
|
|
482
498
|
}
|
|
483
|
-
|
|
484
|
-
document.getElementById('calendar-content').innerHTML = `
|
|
485
|
-
${headerHtml}
|
|
486
|
-
<div class="grid grid-cols-7 gap-px bg-slate-800/30 rounded-lg overflow-hidden border border-slate-800/30">
|
|
487
|
-
${cells}
|
|
488
|
-
</div>
|
|
489
|
-
`;
|
|
490
499
|
}
|
|
491
500
|
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
return order[getItemStatus(a, dStr)] - order[getItemStatus(b, dStr)];
|
|
536
|
-
});
|
|
537
|
-
itemsHtml = allItems.map(item => itemCardHtml(item, item._type, dStr, true)).join('');
|
|
538
|
-
}
|
|
539
|
-
|
|
540
|
-
bodyHtml += `<div class="${isToday ? 'bg-violet-500/5' : 'bg-gray-950'} p-2 min-h-[160px] cursor-pointer hover:bg-slate-900/40 transition-colors" onclick="openDayModal('${dStr}')">
|
|
541
|
-
${itemsHtml || `<div class="text-xs text-slate-700 text-center mt-4">—</div>`}
|
|
501
|
+
html += `</div>`;
|
|
502
|
+
document.getElementById('calendar-content').innerHTML = html;
|
|
503
|
+
}
|
|
504
|
+
|
|
505
|
+
// --- Modal ---
|
|
506
|
+
|
|
507
|
+
function openDayModal(dateStr) {
|
|
508
|
+
const date = parseDate(dateStr);
|
|
509
|
+
const label = date.toLocaleDateString('en-US', { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' });
|
|
510
|
+
|
|
511
|
+
const itemsByDate = buildItemsLookup(calendarItems);
|
|
512
|
+
const dayItems = itemsByDate[dateStr];
|
|
513
|
+
|
|
514
|
+
const dayReminders = dayItems ? dayItems.reminders : [];
|
|
515
|
+
const dayFollowups = dayItems ? dayItems.followups : [];
|
|
516
|
+
const total = dayReminders.length + dayFollowups.length;
|
|
517
|
+
|
|
518
|
+
document.getElementById('modal-title').textContent = label;
|
|
519
|
+
document.getElementById('modal-subtitle').textContent = `${total} item${total !== 1 ? 's' : ''}`;
|
|
520
|
+
|
|
521
|
+
let bodyHtml = '';
|
|
522
|
+
|
|
523
|
+
if (total === 0) {
|
|
524
|
+
bodyHtml = `<div class="text-center py-10 text-slate-600 font-display">No items for this day</div>`;
|
|
525
|
+
} else {
|
|
526
|
+
const sortItems = (arr, type) => {
|
|
527
|
+
const copy = arr.map(r => ({ ...r, _type: type }));
|
|
528
|
+
copy.sort((a, b) => {
|
|
529
|
+
const order = { overdue: 0, pending: 1, done: 2 };
|
|
530
|
+
return order[getItemStatus(a, dateStr)] - order[getItemStatus(b, dateStr)];
|
|
531
|
+
});
|
|
532
|
+
return copy;
|
|
533
|
+
};
|
|
534
|
+
|
|
535
|
+
if (dayReminders.length > 0) {
|
|
536
|
+
bodyHtml += `<div>
|
|
537
|
+
<div class="flex items-center gap-2 mb-2.5">
|
|
538
|
+
<span class="text-xs font-mono font-semibold px-2 py-0.5 rounded bg-violet-500/15 text-violet-400 uppercase tracking-wide">Reminders (User)</span>
|
|
539
|
+
<span class="text-xs text-slate-600 font-mono">${dayReminders.length}</span>
|
|
540
|
+
</div>
|
|
541
|
+
<div class="space-y-2">
|
|
542
|
+
${sortItems(dayReminders, 'reminder').map(r => itemCardHtml(r, 'reminder', dateStr, false)).join('')}
|
|
543
|
+
</div>
|
|
542
544
|
</div>`;
|
|
543
545
|
}
|
|
544
|
-
bodyHtml += `</div>`;
|
|
545
|
-
|
|
546
|
-
document.getElementById('calendar-content').innerHTML = headerHtml + bodyHtml;
|
|
547
|
-
}
|
|
548
|
-
|
|
549
|
-
// ─── Day view ──────────────────────────────────────────────────────────
|
|
550
|
-
|
|
551
|
-
function renderDay() {
|
|
552
|
-
const dStr = ymd(currentDay);
|
|
553
|
-
const label = currentDay.toLocaleDateString('en-US', { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' });
|
|
554
|
-
document.getElementById('period-label').textContent = label;
|
|
555
|
-
|
|
556
|
-
const itemsByDate = buildItemsLookup(calendarItems);
|
|
557
|
-
const dayItems = itemsByDate[dStr];
|
|
558
|
-
|
|
559
|
-
const dayReminders = dayItems ? dayItems.reminders : [];
|
|
560
|
-
const dayFollowups = dayItems ? dayItems.followups : [];
|
|
561
|
-
const total = dayReminders.length + dayFollowups.length;
|
|
562
|
-
|
|
563
|
-
const todayStr = today();
|
|
564
|
-
const isToday = dStr === todayStr;
|
|
565
|
-
|
|
566
|
-
let html = `<div class="max-w-2xl mx-auto">`;
|
|
567
546
|
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
<div>No items for this day</div>
|
|
547
|
+
if (dayFollowups.length > 0) {
|
|
548
|
+
bodyHtml += `<div>
|
|
549
|
+
<div class="flex items-center gap-2 mb-2.5">
|
|
550
|
+
<span class="text-xs font-mono font-semibold px-2 py-0.5 rounded bg-pink-500/15 text-pink-400 uppercase tracking-wide">Followups (NEXO)</span>
|
|
551
|
+
<span class="text-xs text-slate-600 font-mono">${dayFollowups.length}</span>
|
|
552
|
+
</div>
|
|
553
|
+
<div class="space-y-2">
|
|
554
|
+
${sortItems(dayFollowups, 'followup').map(f => itemCardHtml(f, 'followup', dateStr, false)).join('')}
|
|
555
|
+
</div>
|
|
578
556
|
</div>`;
|
|
579
|
-
} else {
|
|
580
|
-
// Reminders section
|
|
581
|
-
if (dayReminders.length > 0) {
|
|
582
|
-
html += `<div class="mb-6">
|
|
583
|
-
<div class="flex items-center gap-2 mb-3">
|
|
584
|
-
<span class="text-xs font-mono font-semibold px-2 py-0.5 rounded bg-violet-500/15 text-violet-400 uppercase tracking-wide">Reminders (User)</span>
|
|
585
|
-
<span class="text-xs text-slate-600 font-mono">${dayReminders.length}</span>
|
|
586
|
-
</div>
|
|
587
|
-
<div class="space-y-2">
|
|
588
|
-
${dayReminders.map(r => itemCardHtml(r, 'reminder', dStr, false)).join('')}
|
|
589
|
-
</div>
|
|
590
|
-
</div>`;
|
|
591
|
-
}
|
|
592
|
-
|
|
593
|
-
// Followups section
|
|
594
|
-
if (dayFollowups.length > 0) {
|
|
595
|
-
html += `<div class="mb-6">
|
|
596
|
-
<div class="flex items-center gap-2 mb-3">
|
|
597
|
-
<span class="text-xs font-mono font-semibold px-2 py-0.5 rounded bg-pink-500/15 text-pink-400 uppercase tracking-wide">Followups (NEXO)</span>
|
|
598
|
-
<span class="text-xs text-slate-600 font-mono">${dayFollowups.length}</span>
|
|
599
|
-
</div>
|
|
600
|
-
<div class="space-y-2">
|
|
601
|
-
${dayFollowups.map(f => itemCardHtml(f, 'followup', dStr, false)).join('')}
|
|
602
|
-
</div>
|
|
603
|
-
</div>`;
|
|
604
|
-
}
|
|
605
557
|
}
|
|
606
|
-
|
|
607
|
-
html += `</div>`;
|
|
608
|
-
document.getElementById('calendar-content').innerHTML = html;
|
|
609
558
|
}
|
|
610
559
|
|
|
611
|
-
|
|
560
|
+
document.getElementById('modal-body').innerHTML = bodyHtml;
|
|
612
561
|
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
562
|
+
const overlay = document.getElementById('modal-overlay');
|
|
563
|
+
overlay.classList.remove('hidden');
|
|
564
|
+
const box = document.getElementById('modal-box');
|
|
565
|
+
box.classList.remove('modal-animate');
|
|
566
|
+
void box.offsetWidth;
|
|
567
|
+
box.classList.add('modal-animate');
|
|
617
568
|
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
const dayReminders = dayItems ? dayItems.reminders : [];
|
|
622
|
-
const dayFollowups = dayItems ? dayItems.followups : [];
|
|
623
|
-
const total = dayReminders.length + dayFollowups.length;
|
|
624
|
-
|
|
625
|
-
document.getElementById('modal-title').textContent = label;
|
|
626
|
-
document.getElementById('modal-subtitle').textContent = `${total} item${total !== 1 ? 's' : ''}`;
|
|
627
|
-
|
|
628
|
-
let bodyHtml = '';
|
|
629
|
-
|
|
630
|
-
if (total === 0) {
|
|
631
|
-
bodyHtml = `<div class="text-center py-10 text-slate-600 font-display">No items for this day</div>`;
|
|
632
|
-
} else {
|
|
633
|
-
// Sort each group: overdue → pending → done
|
|
634
|
-
const sortItems = (arr, type) => {
|
|
635
|
-
const copy = arr.map(r => ({ ...r, _type: type }));
|
|
636
|
-
copy.sort((a, b) => {
|
|
637
|
-
const order = { overdue: 0, pending: 1, done: 2 };
|
|
638
|
-
return order[getItemStatus(a, dateStr)] - order[getItemStatus(b, dateStr)];
|
|
639
|
-
});
|
|
640
|
-
return copy;
|
|
641
|
-
};
|
|
642
|
-
|
|
643
|
-
if (dayReminders.length > 0) {
|
|
644
|
-
bodyHtml += `<div>
|
|
645
|
-
<div class="flex items-center gap-2 mb-2.5">
|
|
646
|
-
<span class="text-xs font-mono font-semibold px-2 py-0.5 rounded bg-violet-500/15 text-violet-400 uppercase tracking-wide">Reminders (User)</span>
|
|
647
|
-
<span class="text-xs text-slate-600 font-mono">${dayReminders.length}</span>
|
|
648
|
-
</div>
|
|
649
|
-
<div class="space-y-2">
|
|
650
|
-
${sortItems(dayReminders, 'reminder').map(r => itemCardHtml(r, 'reminder', dateStr, false)).join('')}
|
|
651
|
-
</div>
|
|
652
|
-
</div>`;
|
|
653
|
-
}
|
|
654
|
-
|
|
655
|
-
if (dayFollowups.length > 0) {
|
|
656
|
-
bodyHtml += `<div>
|
|
657
|
-
<div class="flex items-center gap-2 mb-2.5">
|
|
658
|
-
<span class="text-xs font-mono font-semibold px-2 py-0.5 rounded bg-pink-500/15 text-pink-400 uppercase tracking-wide">Followups (NEXO)</span>
|
|
659
|
-
<span class="text-xs text-slate-600 font-mono">${dayFollowups.length}</span>
|
|
660
|
-
</div>
|
|
661
|
-
<div class="space-y-2">
|
|
662
|
-
${sortItems(dayFollowups, 'followup').map(f => itemCardHtml(f, 'followup', dateStr, false)).join('')}
|
|
663
|
-
</div>
|
|
664
|
-
</div>`;
|
|
665
|
-
}
|
|
666
|
-
}
|
|
569
|
+
document._modalEscHandler = (e) => { if (e.key === 'Escape') closeModalDirect(); };
|
|
570
|
+
document.addEventListener('keydown', document._modalEscHandler);
|
|
571
|
+
}
|
|
667
572
|
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
overlay.classList.remove('hidden');
|
|
672
|
-
// Re-trigger animation
|
|
673
|
-
const box = document.getElementById('modal-box');
|
|
674
|
-
box.classList.remove('modal-animate');
|
|
675
|
-
void box.offsetWidth;
|
|
676
|
-
box.classList.add('modal-animate');
|
|
677
|
-
|
|
678
|
-
// ESC to close
|
|
679
|
-
document._modalEscHandler = (e) => { if (e.key === 'Escape') closeModalDirect(); };
|
|
680
|
-
document.addEventListener('keydown', document._modalEscHandler);
|
|
681
|
-
}
|
|
682
|
-
|
|
683
|
-
function closeModal(e) {
|
|
684
|
-
// Called on backdrop click — only close if clicking the backdrop itself
|
|
685
|
-
if (e.target === document.getElementById('modal-overlay')) {
|
|
686
|
-
closeModalDirect();
|
|
687
|
-
}
|
|
573
|
+
function closeModal(e) {
|
|
574
|
+
if (e.target === document.getElementById('modal-overlay')) {
|
|
575
|
+
closeModalDirect();
|
|
688
576
|
}
|
|
577
|
+
}
|
|
689
578
|
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
}
|
|
579
|
+
function closeModalDirect() {
|
|
580
|
+
document.getElementById('modal-overlay').classList.add('hidden');
|
|
581
|
+
if (document._modalEscHandler) {
|
|
582
|
+
document.removeEventListener('keydown', document._modalEscHandler);
|
|
695
583
|
}
|
|
584
|
+
}
|
|
696
585
|
|
|
697
|
-
|
|
586
|
+
// --- Init ---
|
|
698
587
|
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
fetch('/api/inbox?limit=100').then(r => r.json()).then(data => {
|
|
705
|
-
const notes = data.notes || [];
|
|
706
|
-
const unread = notes.filter(m => m.direction === 'to_user' && !m.read).length;
|
|
707
|
-
const badge = document.getElementById('inbox-badge');
|
|
708
|
-
if (unread > 0) {
|
|
709
|
-
badge.textContent = unread > 9 ? '9+' : unread;
|
|
710
|
-
badge.classList.remove('hidden');
|
|
711
|
-
}
|
|
712
|
-
}).catch(() => {});
|
|
713
|
-
|
|
714
|
-
// ─── Init ──────────────────────────────────────────────────────────────
|
|
715
|
-
|
|
716
|
-
updateViewButtons();
|
|
717
|
-
loadAndRender();
|
|
718
|
-
</script>
|
|
719
|
-
</body>
|
|
720
|
-
</html>
|
|
588
|
+
updateViewButtons();
|
|
589
|
+
loadAndRender();
|
|
590
|
+
</script>
|
|
591
|
+
{% endblock %}
|