// screen-today.jsx — Alex's day, scannable in 5 seconds. function TodayScreen({ theme, dark, customers, schedule, openCustomer, setTab, onComplete, onHotDone, onOpenDeliveries, onOpenChat, todos, onAddTodo, onToggleTodo, onDeleteTodo }) { const byId = Object.fromEntries(customers.map(c => [c.id, c])); const nowD = new Date(); const today = isoDate(nowD); const nowMinutes = nowD.getHours() * 60 + nowD.getMinutes(); const dateLabel = nowD.toLocaleDateString('en-AU', { weekday: 'short', day: 'numeric', month: 'short' }); const hr = nowD.getHours(); const greeting = hr < 12 ? 'Good morning, Alex' : hr < 17 ? 'Good afternoon, Alex' : 'Good evening, Alex'; // bucket schedule by past/now/future const apptItems = schedule.filter(s => s.kind === 'appt'); const callbackItems = schedule.filter(s => s.kind === 'callback'); // "Ready now" nurturing customers (readyDate <= today) const readyNow = customers.filter(c => c.nurturing && c.readyDate && c.readyDate <= today); // Hot leads — red status, not in today's schedule, not already ticked off for today const inSchedule = new Set(schedule.map(s => s.customerId)); const hotLeads = customers.filter(c => c.status === 'red' && !inSchedule.has(c.id) && c.hotDoneOn !== today); const deliveryCount = customers.filter(c => c.stage === 'Delivery').length; return ( } /> {/* Day summary strip */} {/* TIMELINE — Today's schedule */}
{/* TO-DO — personal tasks, not tied to a customer */}
!t.done).length} kicker="TASKS" storageKey="todo">
{/* READY NOW — most important feature */} {readyNow.length > 0 && (
setTab('nurturing')} actionLabel="See all">
{readyNow.map(c => ( openCustomer(c.id)} /> ))}
)} {/* HOT LEADS */} {hotLeads.length > 0 && (
{hotLeads.map(c => ( openCustomer(c.id)} onDone={onHotDone} /> ))}
)}
); } // ─── day summary strip ───────────────────────────────────────── function DaySummary({ theme, counts }) { const items = [ { n: counts.appts, label: 'Appts', icon: 'calendar', tone: 'blue' }, { n: counts.callbacks, label: 'Callbacks', icon: 'phone', tone: 'blue' }, { n: counts.ready, label: 'Ready now', icon: 'sprout', tone: 'green' }, { n: counts.hot, label: 'Hot', icon: 'flame', tone: 'red' }, ]; const toneInk = { blue: theme.blueInk, red: theme.redInk, green: theme.greenInk }; return (
{items.map((it, i) => (
{it.n}
{it.label}
))}
); } // ─── timeline ───────────────────────────────────────────────── function Timeline({ theme, schedule, byId, nowMinutes, openCustomer, onComplete }) { // Split: timed items first (sorted), untimed at bottom. const timed = schedule.filter(s => s.time).sort((a, b) => a.time.localeCompare(b.time)); const untimed = schedule.filter(s => !s.time); if (schedule.length === 0) { return (
Nothing scheduled today.
); } return (
{/* vertical rail */}
{timed.map((s, idx) => { const c = byId[s.customerId]; const [hh, mm] = s.time.split(':').map(Number); const mins = hh * 60 + mm; const isPast = mins < nowMinutes; const isNext = !isPast && timed.slice(0, idx).every(p => { const [ph, pm] = p.time.split(':').map(Number); return ph*60+pm < nowMinutes; }); return ( openCustomer(c.id)} onComplete={onComplete} /> ); })} {untimed.map((s, idx) => { const c = byId[s.customerId]; return ( openCustomer(c.id)} onComplete={onComplete} /> ); })}
); } function TimelineRow({ theme, item, c, isPast, isNext, untimed, onClick, onComplete }) { const tint = item.kind === 'appt' ? theme.blue : item.kind === 'callback' ? theme.blue : theme.textDim; const iconName = item.kind === 'appt' ? 'calendar' : item.kind === 'callback' ? 'phone' : 'note'; return (
{/* dot — sits on the rail at x≈8 */}
{/* time label — clear of the dot, between rail and card */}
{untimed ? 'Anytime' : fmtTime(item.time)}
{c.name} {item.kind.toUpperCase()}
{item.tag && (
{item.tag}
)}
{c.car || item.label} · {c.location}
{c.notes && (
{c.notes}
)}
{/* mark done */} {onComplete && ( )}
); } // ─── ready-now nurturing card ───────────────────────────────── function ReadyNowCard({ c, theme, onClick }) { return (
{c.name} Ready now
Wants {(c.car || 'a car').toLowerCase()}
Parked {readyAgo(c)} · {c.location}
{c.notes && }
); } // shared note chip used across Today cards function NoteLine({ c, theme }) { return (
{c.notes}
); } function readyAgo(c) { // tiny mock — just return a human-friendly label from history const first = c.history?.[0]?.d || 'earlier'; return first.includes('Mar') ? '2 months ago' : first.includes('Apr') ? '5 weeks ago' : 'recently'; } // ─── hot lead card ──────────────────────────────────────────── function HotLeadCard({ c, theme, onClick, onDone }) { return (
{c.name} Hot
{c.car}
{c.source}
{c.notes && }
{/* tick off for today — reappears tomorrow */} {onDone && ( )}
); } // ─── collapsible section wrapper (remembers open/closed per device) ───────── function CollapsibleSection({ theme, title, count, kicker, action, actionLabel, storageKey, defaultOpen = true, children }) { const key = 'alexcrm_sec_' + storageKey; const [open, setOpen] = React.useState(() => { try { const v = localStorage.getItem(key); return v === null ? defaultOpen : v === '1'; } catch { return defaultOpen; } }); const toggle = () => setOpen(o => { const n = !o; try { localStorage.setItem(key, n ? '1' : '0'); } catch {} return n; }); return (
{kicker && {kicker}} {title} {count !== undefined && {count}}
{action && }
{open && children}
); } // ─── to-do list (personal tasks) ─────────────────────────────── function TodoSection({ theme, todos, onAdd, onToggle, onDelete }) { const [text, setText] = React.useState(''); const submit = () => { const t = text.trim(); if (t) { onAdd(t); setText(''); } }; const sorted = [...todos].sort((a, b) => (a.done ? 1 : 0) - (b.done ? 1 : 0)); return (
setText(e.target.value)} onKeyDown={e => { if (e.key === 'Enter') submit(); }} placeholder="Add a task…" style={{ flex: 1, border: `0.5px solid ${theme.border}`, background: theme.surface, color: theme.text, borderRadius: 12, padding: '12px 14px', fontFamily: 'inherit', fontSize: 15, outline: 'none', minHeight: 44, }} />
{sorted.length === 0 ? (
Nothing on the list. Add a task above.
) : (
{sorted.map(t => (
{t.text}
))}
)}
); } window.TodayScreen = TodayScreen;