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.
- package/README.md +80 -4
- package/bin/nexo-brain.js +238 -12
- package/bin/nexo.js +55 -0
- package/community/skills/.gitkeep +1 -0
- package/package.json +11 -3
- package/src/auto_update.py +193 -9
- package/src/cli.py +719 -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 +700 -35
- 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 -654
- 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 +383 -578
- 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 -346
- package/src/dashboard/templates/memory.html +317 -197
- package/src/dashboard/templates/operations.html +521 -698
- 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 -182
- 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 +16 -1
- package/src/db/_sessions.py +22 -0
- package/src/db/_skills.py +980 -274
- 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/evolution_cycle.py +86 -6
- package/src/hooks/post-compact.sh +5 -1
- package/src/hooks/pre-compact.sh +1 -1
- package/src/plugins/doctor.py +36 -0
- package/src/plugins/evolution.py +11 -3
- 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 -48
- 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 +141 -54
- 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,722 +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/ops/execute/${id}`, { 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
|
-
const errMsg = data.error || data.detail || 'HTTP ' + res.status;
|
|
315
|
-
btn.innerHTML = '✗ ' + errMsg;
|
|
316
|
-
btn.title = errMsg;
|
|
317
|
-
btn.className = btn.className.replace('bg-violet-600 hover:bg-violet-500', 'bg-red-700');
|
|
318
|
-
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);
|
|
319
|
-
}
|
|
320
|
-
} catch(e) {
|
|
321
|
-
btn.innerHTML = '✗ ' + e.message;
|
|
322
|
-
setTimeout(() => { btn.innerHTML = originalHtml; btn.disabled = false; }, 3000);
|
|
323
|
-
}
|
|
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>`;
|
|
324
380
|
}
|
|
325
381
|
|
|
326
|
-
|
|
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
|
+
}
|
|
327
389
|
|
|
328
|
-
|
|
329
|
-
try {
|
|
330
|
-
const res = await fetch(`/api/calendar?year=${currentYear}&month=${currentMonth}`);
|
|
331
|
-
calendarItems = await res.json();
|
|
332
|
-
} catch(e) {
|
|
333
|
-
calendarItems = { reminders: [], followups: [] };
|
|
334
|
-
}
|
|
335
|
-
}
|
|
390
|
+
// --- Week view ---
|
|
336
391
|
|
|
337
|
-
|
|
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}`;
|
|
338
397
|
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
updateViewButtons();
|
|
342
|
-
renderView();
|
|
343
|
-
}
|
|
398
|
+
const todayStr = today();
|
|
399
|
+
const itemsByDate = buildItemsLookup(calendarItems);
|
|
344
400
|
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
}
|
|
353
|
-
});
|
|
354
|
-
}
|
|
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;
|
|
355
408
|
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
currentWeekStart = addDays(currentWeekStart, -7);
|
|
362
|
-
currentYear = currentWeekStart.getFullYear();
|
|
363
|
-
currentMonth = currentWeekStart.getMonth() + 1;
|
|
364
|
-
} else {
|
|
365
|
-
currentDay = addDays(currentDay, -1);
|
|
366
|
-
currentYear = currentDay.getFullYear();
|
|
367
|
-
currentMonth = currentDay.getMonth() + 1;
|
|
368
|
-
}
|
|
369
|
-
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>`;
|
|
370
414
|
}
|
|
415
|
+
headerHtml += `</div>`;
|
|
371
416
|
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
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('');
|
|
384
435
|
}
|
|
385
|
-
loadAndRender();
|
|
386
|
-
}
|
|
387
436
|
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
currentMonth = now.getMonth() + 1;
|
|
392
|
-
currentWeekStart = getWeekStart(now);
|
|
393
|
-
currentDay = now;
|
|
394
|
-
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>`;
|
|
395
440
|
}
|
|
441
|
+
bodyHtml += `</div>`;
|
|
396
442
|
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
renderView();
|
|
400
|
-
}
|
|
443
|
+
document.getElementById('calendar-content').innerHTML = headerHtml + bodyHtml;
|
|
444
|
+
}
|
|
401
445
|
|
|
402
|
-
|
|
403
|
-
if (currentView === 'month') renderMonth();
|
|
404
|
-
else if (currentView === 'week') renderWeek();
|
|
405
|
-
else renderDay();
|
|
406
|
-
}
|
|
446
|
+
// --- Day view ---
|
|
407
447
|
|
|
408
|
-
|
|
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;
|
|
409
452
|
|
|
410
|
-
|
|
411
|
-
|
|
453
|
+
const itemsByDate = buildItemsLookup(calendarItems);
|
|
454
|
+
const dayItems = itemsByDate[dStr];
|
|
412
455
|
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
const todayStr = today();
|
|
417
|
-
const itemsByDate = buildItemsLookup(calendarItems);
|
|
456
|
+
const dayReminders = dayItems ? dayItems.reminders : [];
|
|
457
|
+
const dayFollowups = dayItems ? dayItems.followups : [];
|
|
458
|
+
const total = dayReminders.length + dayFollowups.length;
|
|
418
459
|
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
headerHtml += `<div class="p-2 text-center text-xs uppercase tracking-wider text-slate-500 font-display font-medium">${d}</div>`;
|
|
422
|
-
});
|
|
423
|
-
headerHtml += `</div>`;
|
|
460
|
+
const todayStr = today();
|
|
461
|
+
const isToday = dStr === todayStr;
|
|
424
462
|
|
|
425
|
-
|
|
463
|
+
let html = `<div class="max-w-2xl mx-auto">`;
|
|
426
464
|
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
<div class="text-xs text-slate-500 font-display">${prevMonthLast - i}</div>
|
|
432
|
-
</div>`;
|
|
433
|
-
}
|
|
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>`;
|
|
434
469
|
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
...dayItems.reminders.map(r => ({ ...r, type: 'reminder' })),
|
|
451
|
-
...dayItems.followups.map(f => ({ ...f, type: 'followup' }))
|
|
452
|
-
];
|
|
453
|
-
const total = allItems.length;
|
|
454
|
-
|
|
455
|
-
// Count by status
|
|
456
|
-
let doneDots = [], pendingDots = [], overdueDots = [];
|
|
457
|
-
allItems.forEach(item => {
|
|
458
|
-
const st = getItemStatus(item, dateStr);
|
|
459
|
-
const color = st === 'done' ? 'bg-emerald-500' : st === 'overdue' ? 'bg-red-500' : 'bg-amber-500';
|
|
460
|
-
const dot = `<span class="w-1.5 h-1.5 rounded-full ${color} flex-shrink-0"></span>`;
|
|
461
|
-
if (st === 'done') doneDots.push(dot);
|
|
462
|
-
else if (st === 'overdue') overdueDots.push(dot);
|
|
463
|
-
else pendingDots.push(dot);
|
|
464
|
-
});
|
|
465
|
-
|
|
466
|
-
const visibleDots = [...overdueDots, ...pendingDots, ...doneDots].slice(0, 5);
|
|
467
|
-
const overflow = total > 5 ? `<span class="text-xs text-slate-500 font-mono leading-none">+${total - 5}</span>` : '';
|
|
468
|
-
dotsHtml = `<div class="flex flex-wrap gap-0.5 mt-1.5 items-center">${visibleDots.join('')}${overflow}</div>`;
|
|
469
|
-
}
|
|
470
|
-
|
|
471
|
-
cells += `<div class="${bgClass} ${ringClass} p-2 min-h-[90px]" onclick="openDayModal('${dateStr}')">
|
|
472
|
-
<div class="${dayNumClass}">${d}</div>
|
|
473
|
-
${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>
|
|
474
485
|
</div>`;
|
|
475
486
|
}
|
|
476
487
|
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
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>
|
|
483
497
|
</div>`;
|
|
484
498
|
}
|
|
485
|
-
|
|
486
|
-
document.getElementById('calendar-content').innerHTML = `
|
|
487
|
-
${headerHtml}
|
|
488
|
-
<div class="grid grid-cols-7 gap-px bg-slate-800/30 rounded-lg overflow-hidden border border-slate-800/30">
|
|
489
|
-
${cells}
|
|
490
|
-
</div>
|
|
491
|
-
`;
|
|
492
499
|
}
|
|
493
500
|
|
|
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
|
-
|
|
536
|
-
|
|
537
|
-
return order[getItemStatus(a, dStr)] - order[getItemStatus(b, dStr)];
|
|
538
|
-
});
|
|
539
|
-
itemsHtml = allItems.map(item => itemCardHtml(item, item._type, dStr, true)).join('');
|
|
540
|
-
}
|
|
541
|
-
|
|
542
|
-
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}')">
|
|
543
|
-
${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>
|
|
544
544
|
</div>`;
|
|
545
545
|
}
|
|
546
|
-
bodyHtml += `</div>`;
|
|
547
|
-
|
|
548
|
-
document.getElementById('calendar-content').innerHTML = headerHtml + bodyHtml;
|
|
549
|
-
}
|
|
550
|
-
|
|
551
|
-
// ─── Day view ──────────────────────────────────────────────────────────
|
|
552
|
-
|
|
553
|
-
function renderDay() {
|
|
554
|
-
const dStr = ymd(currentDay);
|
|
555
|
-
const label = currentDay.toLocaleDateString('en-US', { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' });
|
|
556
|
-
document.getElementById('period-label').textContent = label;
|
|
557
|
-
|
|
558
|
-
const itemsByDate = buildItemsLookup(calendarItems);
|
|
559
|
-
const dayItems = itemsByDate[dStr];
|
|
560
|
-
|
|
561
|
-
const dayReminders = dayItems ? dayItems.reminders : [];
|
|
562
|
-
const dayFollowups = dayItems ? dayItems.followups : [];
|
|
563
|
-
const total = dayReminders.length + dayFollowups.length;
|
|
564
|
-
|
|
565
|
-
const todayStr = today();
|
|
566
|
-
const isToday = dStr === todayStr;
|
|
567
|
-
|
|
568
|
-
let html = `<div class="max-w-2xl mx-auto">`;
|
|
569
546
|
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
<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>
|
|
580
556
|
</div>`;
|
|
581
|
-
} else {
|
|
582
|
-
// Reminders section
|
|
583
|
-
if (dayReminders.length > 0) {
|
|
584
|
-
html += `<div class="mb-6">
|
|
585
|
-
<div class="flex items-center gap-2 mb-3">
|
|
586
|
-
<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>
|
|
587
|
-
<span class="text-xs text-slate-600 font-mono">${dayReminders.length}</span>
|
|
588
|
-
</div>
|
|
589
|
-
<div class="space-y-2">
|
|
590
|
-
${dayReminders.map(r => itemCardHtml(r, 'reminder', dStr, false)).join('')}
|
|
591
|
-
</div>
|
|
592
|
-
</div>`;
|
|
593
|
-
}
|
|
594
|
-
|
|
595
|
-
// Followups section
|
|
596
|
-
if (dayFollowups.length > 0) {
|
|
597
|
-
html += `<div class="mb-6">
|
|
598
|
-
<div class="flex items-center gap-2 mb-3">
|
|
599
|
-
<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>
|
|
600
|
-
<span class="text-xs text-slate-600 font-mono">${dayFollowups.length}</span>
|
|
601
|
-
</div>
|
|
602
|
-
<div class="space-y-2">
|
|
603
|
-
${dayFollowups.map(f => itemCardHtml(f, 'followup', dStr, false)).join('')}
|
|
604
|
-
</div>
|
|
605
|
-
</div>`;
|
|
606
|
-
}
|
|
607
557
|
}
|
|
608
|
-
|
|
609
|
-
html += `</div>`;
|
|
610
|
-
document.getElementById('calendar-content').innerHTML = html;
|
|
611
558
|
}
|
|
612
559
|
|
|
613
|
-
|
|
560
|
+
document.getElementById('modal-body').innerHTML = bodyHtml;
|
|
614
561
|
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
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');
|
|
619
568
|
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
const dayReminders = dayItems ? dayItems.reminders : [];
|
|
624
|
-
const dayFollowups = dayItems ? dayItems.followups : [];
|
|
625
|
-
const total = dayReminders.length + dayFollowups.length;
|
|
626
|
-
|
|
627
|
-
document.getElementById('modal-title').textContent = label;
|
|
628
|
-
document.getElementById('modal-subtitle').textContent = `${total} item${total !== 1 ? 's' : ''}`;
|
|
629
|
-
|
|
630
|
-
let bodyHtml = '';
|
|
631
|
-
|
|
632
|
-
if (total === 0) {
|
|
633
|
-
bodyHtml = `<div class="text-center py-10 text-slate-600 font-display">No items for this day</div>`;
|
|
634
|
-
} else {
|
|
635
|
-
// Sort each group: overdue → pending → done
|
|
636
|
-
const sortItems = (arr, type) => {
|
|
637
|
-
const copy = arr.map(r => ({ ...r, _type: type }));
|
|
638
|
-
copy.sort((a, b) => {
|
|
639
|
-
const order = { overdue: 0, pending: 1, done: 2 };
|
|
640
|
-
return order[getItemStatus(a, dateStr)] - order[getItemStatus(b, dateStr)];
|
|
641
|
-
});
|
|
642
|
-
return copy;
|
|
643
|
-
};
|
|
644
|
-
|
|
645
|
-
if (dayReminders.length > 0) {
|
|
646
|
-
bodyHtml += `<div>
|
|
647
|
-
<div class="flex items-center gap-2 mb-2.5">
|
|
648
|
-
<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>
|
|
649
|
-
<span class="text-xs text-slate-600 font-mono">${dayReminders.length}</span>
|
|
650
|
-
</div>
|
|
651
|
-
<div class="space-y-2">
|
|
652
|
-
${sortItems(dayReminders, 'reminder').map(r => itemCardHtml(r, 'reminder', dateStr, false)).join('')}
|
|
653
|
-
</div>
|
|
654
|
-
</div>`;
|
|
655
|
-
}
|
|
656
|
-
|
|
657
|
-
if (dayFollowups.length > 0) {
|
|
658
|
-
bodyHtml += `<div>
|
|
659
|
-
<div class="flex items-center gap-2 mb-2.5">
|
|
660
|
-
<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>
|
|
661
|
-
<span class="text-xs text-slate-600 font-mono">${dayFollowups.length}</span>
|
|
662
|
-
</div>
|
|
663
|
-
<div class="space-y-2">
|
|
664
|
-
${sortItems(dayFollowups, 'followup').map(f => itemCardHtml(f, 'followup', dateStr, false)).join('')}
|
|
665
|
-
</div>
|
|
666
|
-
</div>`;
|
|
667
|
-
}
|
|
668
|
-
}
|
|
569
|
+
document._modalEscHandler = (e) => { if (e.key === 'Escape') closeModalDirect(); };
|
|
570
|
+
document.addEventListener('keydown', document._modalEscHandler);
|
|
571
|
+
}
|
|
669
572
|
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
overlay.classList.remove('hidden');
|
|
674
|
-
// Re-trigger animation
|
|
675
|
-
const box = document.getElementById('modal-box');
|
|
676
|
-
box.classList.remove('modal-animate');
|
|
677
|
-
void box.offsetWidth;
|
|
678
|
-
box.classList.add('modal-animate');
|
|
679
|
-
|
|
680
|
-
// ESC to close
|
|
681
|
-
document._modalEscHandler = (e) => { if (e.key === 'Escape') closeModalDirect(); };
|
|
682
|
-
document.addEventListener('keydown', document._modalEscHandler);
|
|
683
|
-
}
|
|
684
|
-
|
|
685
|
-
function closeModal(e) {
|
|
686
|
-
// Called on backdrop click — only close if clicking the backdrop itself
|
|
687
|
-
if (e.target === document.getElementById('modal-overlay')) {
|
|
688
|
-
closeModalDirect();
|
|
689
|
-
}
|
|
573
|
+
function closeModal(e) {
|
|
574
|
+
if (e.target === document.getElementById('modal-overlay')) {
|
|
575
|
+
closeModalDirect();
|
|
690
576
|
}
|
|
577
|
+
}
|
|
691
578
|
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
}
|
|
579
|
+
function closeModalDirect() {
|
|
580
|
+
document.getElementById('modal-overlay').classList.add('hidden');
|
|
581
|
+
if (document._modalEscHandler) {
|
|
582
|
+
document.removeEventListener('keydown', document._modalEscHandler);
|
|
697
583
|
}
|
|
584
|
+
}
|
|
698
585
|
|
|
699
|
-
|
|
586
|
+
// --- Init ---
|
|
700
587
|
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
fetch('/api/inbox?limit=100').then(r => r.json()).then(data => {
|
|
707
|
-
const notes = data.notes || [];
|
|
708
|
-
const unread = notes.filter(m => m.direction === 'to_user' && !m.read).length;
|
|
709
|
-
const badge = document.getElementById('inbox-badge');
|
|
710
|
-
if (unread > 0) {
|
|
711
|
-
badge.textContent = unread > 9 ? '9+' : unread;
|
|
712
|
-
badge.classList.remove('hidden');
|
|
713
|
-
}
|
|
714
|
-
}).catch(() => {});
|
|
715
|
-
|
|
716
|
-
// ─── Init ──────────────────────────────────────────────────────────────
|
|
717
|
-
|
|
718
|
-
updateViewButtons();
|
|
719
|
-
loadAndRender();
|
|
720
|
-
</script>
|
|
721
|
-
</body>
|
|
722
|
-
</html>
|
|
588
|
+
updateViewButtons();
|
|
589
|
+
loadAndRender();
|
|
590
|
+
</script>
|
|
591
|
+
{% endblock %}
|