Function CronWeeklyTimeline

src/components/CronWeeklyTimeline.tsx:90–417

({ jobs }: CronWeeklyTimelineProps)

}

export function CronWeeklyTimeline({ jobs }: CronWeeklyTimelineProps) {
  const now = useMemo(() => new Date(), []);
  const sevenDaysOut = useMemo(
    () => new Date(now.getTime() + 7 * 24 * 60 * 60 * 1000),
    [now]
  );

  const days = useMemo<DayColumn[]>(() => {
    const enabledJobs = jobs.filter((j) => j.enabled);

    // Compute all events for next 7 days
    const allEvents: ScheduledEvent[] = [];
    const intervalJobMap = new Map<
      string,
      { job: CronJob; color: string; intervalLabel: string }
    >();

    enabledJobs.forEach((job, idx) => {
      const color = getJobColor(idx);
      const expr = getScheduleExpr(job.schedule);
      const intervalMs = getIntervalMs(job.schedule);
      const atTime = getAtTime(job.schedule);

      if (expr && isValidCron(expr)) {
        // Cron: compute next N runs
        const runs = getNextRuns(expr, 50, now);
        runs
          .filter((r) => r >= startOfDay(now) && r <= sevenDaysOut)
          .forEach((time) => {
            allEvents.push({ job, time, color, isInterval: false });
          });
      } else if (intervalMs) {
        // Interval job: show in each day but don't enumerate every tick
        // Just mark the days it's "active"
        const label = formatIntervalLabel(intervalMs);
        if (!intervalJobMap.has(job.id)) {
          intervalJobMap.set(job.id, { job, color, intervalLabel: label });
        }
        // If interval >= 24h, show individual occurrences
        if (intervalMs >= 86400000) {
          let next = job.nextRun ? new Date(job.nextRun) : now;
          while (next <= sevenDaysOut) {
            if (next >= startOfDay(now)) {
              allEvents.push({ job, time: new Date(next), color, isInterval: true });
            }
            next = new Date(next.getTime() + intervalMs);
          }
        }
      } else if (atTime && atTime > now && atTime <= sevenDaysOut) {
        // One-time job
        allEvents.push({ job, time: atTime, color, isInterval: false });
      }
    });

    // Build day columns
    const columns: DayColumn[] = [];
    for (let i = 0; i < 7; i++) {
      const date = addDays(startOfDay(now), i);