// Tasks — AI-detected commitments + manual to-dos.
// Richer than a flat list: each task carries an action-items checklist with live
// progress, a due date, AI provenance, and a one-tap suggested action. The editor
// is a slide-in drawer (not a generic centered modal).
const TASK_TYPES = [['Follow Up','purple'],['Commitment','blue'],['Reminder','gold'],['To-do','teal']];
const PRIO_TINT = { High:'red', Medium:'gold', Low:'green' };
const TODAY_ISO = new Date().toISOString().slice(0, 10);
const MONTHS = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
function fmtDue(d) { return `${MONTHS[d.getMonth()]} ${d.getDate()}`; }
function isoFrom(d) { return d.toISOString().slice(0, 10); }
function relDue(days) { const d = new Date(); d.setDate(d.getDate() + days); return { dueISO: isoFrom(d), due: fmtDue(d) }; }
const subPct = t => { const s = t.subtasks || []; return s.length ? Math.round(s.filter(x => x.done).length / s.length * 100) : 0; };
// ---- reply helpers ----
const isEmailTask = t => !!(t && t.source && /email/i.test(t.source));
const cap = s => s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
const lcFirst = s => s ? s.charAt(0).toLowerCase() + s.slice(1) : s;
// The person/thread the task came from -> a plausible address to reply to.
function senderFrom(source) {
const name = (String(source || '').split('·')[0] || 'Sender').trim() || 'Sender';
const slug = name.toLowerCase().replace(/[^a-z0-9]+/g, '.').replace(/^\.|\.$/g, '') || 'sender';
return { name, addr: `${slug}@email.com` };
}
// Subject derived from the task title.
function subjectFrom(t) {
const title = String(t.title || '');
const m = /about (.+)/i.exec(title) || /(?:reply to|re:)\s*(.+)/i.exec(title);
return cap(m ? m[1] : title);
}
// Zeranda's drafted reply body — contextual, editable once generated.
function aiDraft(t) {
const first = senderFrom(t.source).name.split(' ')[0];
const subj = lcFirst(subjectFrom(t));
const when = t.due ? `I'll have everything wrapped up ahead of ${t.due}` : 'I\u2019m getting on it right away';
return (
`Hi ${first},
Thanks for your email about ${subj}. I wanted to confirm I\u2019ve received it and I\u2019m taking care of it \u2014 ${when}.
Please let me know if there\u2019s anything else you need from me in the meantime.
Best regards,
Alex`);
}
// ---- progress ring ----
function Ring({ pct, size = 18, stroke = 3, color = 'var(--green-500)' }) {
const r = (size - stroke) / 2, c = 2 * Math.PI * r;
return (
);
}
// ---- list card ----
function TaskItem({ t, done, onToggle, onOpen, onReply }) {
const subs = t.subtasks || [];
const total = subs.length, dn = subs.filter(s => s.done).length;
const pct = done ? 100 : subPct(t);
const overdue = !done && t.dueISO && t.dueISO < TODAY_ISO;
// Surface the single most important actionable thing on the row: the next
// unchecked step, falling back to Zeranda's suggested action, then a note peek.
const nextStep = subs.find(s => !s.done);
const nextLabel = nextStep ? nextStep.label : (t.action || '');
const allDone = total > 0 && dn === total;
return (