The submission deadline has already passed
-To go live on ${formatDate(data.goLive)}, the brief needed to be submitted by ${formatDate(data.submitBy)}.
+The brief acceptance deadline has already passed
+To complete work by ${formatDate(data.goLive)}, the brief needed to be accepted by ${formatDate(data.briefAcceptedBy)}.
Please discuss an adjusted timeline with your project manager.
Submit your brief by ${formatDate(data.submitBy)}
-This gives us ${data.totalBizDays} business days to deliver before your go-live on ${formatDate(data.goLive)}.
- ${data.syndicationActive ? `Includes ${CONFIG.meta.syndicationBufferDays}-day syndication buffer for retailer requirements.
` : ''} +Brief must be accepted by ${formatDate(data.briefAcceptedBy)}
+Submit by ${formatDate(data.submitBy)} to allow processing time. This gives us ${data.totalBizDays} business days to complete by ${formatDate(data.goLive)}.
Brief Type: ${data.briefType.label}${manualNote}
`; - html += `Required Go-Live: ${formatDate(data.goLive)}
`; + html += `Oliver Tasks Completed By: ${formatDate(data.goLive)}
`; html += `Submit Brief By: ${formatDate(data.submitBy)}
`; + html += `Brief Accepted By: ${formatDate(data.briefAcceptedBy)}
`; html += `Estimated Completion: ${formatDate(data.estimatedCompletion)}
`; - html += `Total Business Days: ${data.totalWithBuffer}
`; - html += `Earliest Go-Live (if submitted today): ${formatDate(data.earliestGoLive)}
`; + html += `Total Business Days: ${data.totalBizDays}
`; + html += `Earliest Completion (if accepted today): ${formatDate(data.earliestCompletion)}
`; // Timeline table html += `Assumes 2-week lead time between syndication and Live Date.
`; - html += `These timings are for reference only. Please confirm final deadlines with your BCM after studio evaluation. Creative requests follow ad-hoc production timelines.
`; + html += `These timings are for reference only and assume suitable working files have been provided.
`; + html += `Please confirm final deadlines with your BCM after studio evaluation. Creative requests follow ad-hoc production timelines.
`; html += `No active stages to display.
'; + return; + } + + const DAY_W = 28; + const LABEL_W = 176; + + const minDate = data.briefAcceptedBy; + const maxDate = data.goLive; + + const gridStart = new Date(minDate); + gridStart.setHours(0, 0, 0, 0); + gridStart.setDate(gridStart.getDate() - gridStart.getDay()); + + const gridEnd = new Date(maxDate); + gridEnd.setHours(0, 0, 0, 0); + gridEnd.setDate(gridEnd.getDate() + 7); + + const days = []; + const cur = new Date(gridStart); + while (cur <= gridEnd) { + days.push(new Date(cur)); + cur.setDate(cur.getDate() + 1); + } + const timelineWidth = days.length * DAY_W; + + const toDayIdx = (date) => { + const d = new Date(date); + d.setHours(0, 0, 0, 0); + return Math.max(0, Math.round((d - gridStart) / 86400000)); + }; + + const phaseColors = { + wip: 'bg-violet-600 dark:bg-violet-700', + revision: 'bg-violet-400 dark:bg-violet-500', + feedback: 'bg-amber-400 dark:bg-amber-500', + }; + + const MONTHS = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']; + const DAY_LETTERS = ['S','M','T','W','T','F','S']; + + let weekRow = ''; + for (let i = 0; i < days.length; i += 7) { + const day = days[i]; + weekRow += `