O agendamento de {confirmDel.client} — {confirmDel.service}, dia {(confirmDel.data || '').split('-').reverse().slice(0, 2).join('/')} às {confirmDel.start} — será cancelado. Esta ação não pode ser desfeita.
}
;
return { evProps, layer };
}
// ── Skeletons (esqueleto de carregamento) — mesma estrutura/grid do conteúdo real ──
// Grade do mês: reusa .month-view/.month-grid/.month-cell, células com 1-2 barrinhas
function MonthSkeleton({ cursor = new Date() }) {
const year = cursor.getFullYear(), month = cursor.getMonth();
const startWd = new Date(year, month, 1).getDay();
const daysInMonth = new Date(year, month + 1, 0).getDate();
return (
);
}
// Lista de tarefas: reusa .eis-wrap/.eis-grid/.eis-quad com cards skeleton
function TasksSkeleton() {
const order = ['fazer', 'agendar', 'delegar', 'eliminar'];
return (
O agendamento de {confirmDel.client} — {confirmDel.service}, dia {(confirmDel.data || '').split('-').reverse().slice(0, 2).join('/')} às {confirmDel.start} — será cancelado. Esta ação não pode ser desfeita.
}
);
}
const EISENHOWER = {
fazer: { label: 'FAZER', icon: 'zap', color: 'var(--hue-rose)', tip: 'Execute imediatamente', axis: 'Importante + Urgente' },
agendar: { label: 'AGENDAR', icon: 'calendar', color: 'var(--hue-blue)', tip: 'Agende uma data e horário', axis: 'Importante + Não urgente' },
delegar: { label: 'DELEGAR', icon: 'team', color: 'var(--hue-amber)', tip: 'Delegue para a equipe', axis: 'Não importante + Urgente' },
eliminar: { label: 'ELIMINAR', icon: 'x', color: 'var(--text-faint)', tip: 'Considere remover da lista', axis: 'Não importante + Não urgente' }
};
function quadrantOf(t) {
if (t.important && t.urgent) return 'fazer';
if (t.important && !t.urgent) return 'agendar';
if (!t.important && t.urgent) return 'delegar';
return 'eliminar';
}
function MonthYearPicker({ cursor, onPick }) {
const [open, setOpen] = React.useState(false);
const wrapRef = React.useRef(null);
const [yr, setYr] = React.useState(cursor.getFullYear());
React.useEffect(() => {if (open) setYr(cursor.getFullYear());}, [open]);
React.useEffect(() => {
if (!open) return;
const onDoc = (e) => {if (wrapRef.current && !wrapRef.current.contains(e.target)) setOpen(false);};
document.addEventListener('mousedown', onDoc);
return () => document.removeEventListener('mousedown', onDoc);
}, [open]);
const pick = (m) => {onPick(new Date(yr, m, Math.min(cursor.getDate(), 28)));setOpen(false);};
return (
{open &&
{yr}
{MONTHS_PT.map((m, i) =>
)}
}
);
}
function DayStrip({ cursor, setCursor }) {
const today = new Date(2026, 4, 11);
const [anim, setAnim] = React.useState({ key: 0, dir: 'next' });
const sameDay = (a, b) => a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
const days = [];
for (let i = -4; i <= 4; i++) {
const d = new Date(cursor);
d.setDate(cursor.getDate() + i);
days.push(d);
}
const shift = (n) => {
setAnim((a) => ({ key: a.key + 1, dir: n > 0 ? 'next' : 'prev' }));
const d = new Date(cursor);
d.setDate(cursor.getDate() + n);
setCursor(d);
};
return (