window.onload = () => setTimeout(async () => await load());

async function load() {
  chrome.windows.getCurrent({}, thisWindow => {
    chrome.windows.update(thisWindow.id, { focused: true });
  });

  let phase = await BackgroundClient.getPhase();
  let settings = await BackgroundClient.getSettings();

  let start = document.getElementById('start-session');
  start.onclick = () => BackgroundClient.startSession();

  let title = document.getElementById('session-title');
  let subtitle = document.getElementById('session-subtitle');
  let action = document.getElementById('session-action');

  if (phase === 'focus') {
    title.innerText = 'Break finished';
    subtitle.innerText = `Start your ${settings.focus.duration} minute focus session when you're ready`;
    action.innerText = 'Start Focusing';
  } else if (phase == 'short-break') {
    title.innerText = 'Take a short break!';
    subtitle.innerText = `Start your ${settings.shortBreak.duration} minute break when you're ready`;
    action.innerText = 'Start Short Break';
  } else if (phase == 'long-break') {
    title.innerText = 'Take a long break!';
    subtitle.innerText = `Start your ${settings.longBreak.duration} minute break when you're ready`;
    action.innerText = 'Start Long Break';
  }

  start.className += ' ' + phase;
};

window.onload = () => setTimeout(async () => await load());

async function load() {
  chrome.windows.getCurrent({}, thisWindow => {
    chrome.windows.update(thisWindow.id, { focused: true });
  });

  let phase = await BackgroundClient.getPhase();
  let settings = await BackgroundClient.getSettings();

  let start = document.getElementById('start-session');
  start.onclick = () => BackgroundClient.startSession();

  let title = document.getElementById('session-title');
  let subtitle = document.getElementById('session-subtitle');
  let action = document.getElementById('session-action');

  if (phase === 'focus') {
    title.innerText = 'Break finished';
    subtitle.innerText = `Start your ${settings.focus.duration} minute focus session when you're ready`;
    action.innerText = 'Start Focusing';
  } else if (phase == 'short-break') {
    title.innerText = 'Take a short break!';
    subtitle.innerText = `Start your ${settings.shortBreak.duration} minute short break when you're ready`;
    action.innerText = 'Start Short Break';
  } else if (phase == 'long-break') {
    title.innerText = 'Take a long break!';
    subtitle.innerText = `Start your ${settings.longBreak.duration} minute long break when you're ready`;
    action.innerText = 'Start Long Break';
  }

  start.className += ' ' + phase;
};

Add short/long designation to expiration page subtitle.
Add short/long designation to expiration page subtitle.
