Changelog Timeline

<!--
  A two-column release layout: version + date on the left, the change list on
  the right. The columns are a md-only grid - on a phone the version block sits
  above its changes in one column. Each change carries a worded type tag so the
  colour is never the only signal.
-->
<div class="mx-auto w-full max-w-2xl divide-y divide-gray-200 dark:divide-gray-800">
  <article class="grid gap-4 py-6 first:pt-0 last:pb-0 md:grid-cols-[8rem_1fr]">
    <header class="md:pt-0.5">
      <span class="inline-flex items-center rounded-md bg-gray-900 px-2 py-0.5 text-xs font-semibold text-white dark:bg-white dark:text-gray-900">v2.4.0</span>
      <time class="mt-2 block text-xs text-gray-500 dark:text-gray-400">Jul 12, 2026</time>
    </header>
    <ul class="space-y-2">
      <li class="flex gap-2 text-sm text-gray-600 dark:text-gray-400">
        <span class="mt-0.5 inline-flex h-5 shrink-0 items-center rounded bg-emerald-50 px-1.5 text-xs font-medium text-emerald-700 dark:bg-emerald-500/10 dark:text-emerald-300">Added</span>
        <span>Keyboard shortcuts for every toolbar action.</span>
      </li>
      <li class="flex gap-2 text-sm text-gray-600 dark:text-gray-400">
        <span class="mt-0.5 inline-flex h-5 shrink-0 items-center rounded bg-amber-50 px-1.5 text-xs font-medium text-amber-700 dark:bg-amber-500/10 dark:text-amber-300">Fixed</span>
        <span>Drag-and-drop no longer drops items on the wrong row.</span>
      </li>
    </ul>
  </article>

  <article class="grid gap-4 py-6 first:pt-0 last:pb-0 md:grid-cols-[8rem_1fr]">
    <header class="md:pt-0.5">
      <span class="inline-flex items-center rounded-md bg-gray-900 px-2 py-0.5 text-xs font-semibold text-white dark:bg-white dark:text-gray-900">v2.3.0</span>
      <time class="mt-2 block text-xs text-gray-500 dark:text-gray-400">Jun 28, 2026</time>
    </header>
    <ul class="space-y-2">
      <li class="flex gap-2 text-sm text-gray-600 dark:text-gray-400">
        <span class="mt-0.5 inline-flex h-5 shrink-0 items-center rounded bg-blue-50 px-1.5 text-xs font-medium text-blue-700 dark:bg-blue-500/10 dark:text-blue-300">Changed</span>
        <span>Faster initial load on large workspaces.</span>
      </li>
      <li class="flex gap-2 text-sm text-gray-600 dark:text-gray-400">
        <span class="mt-0.5 inline-flex h-5 shrink-0 items-center rounded bg-rose-50 px-1.5 text-xs font-medium text-rose-700 dark:bg-rose-500/10 dark:text-rose-300">Removed</span>
        <span>Retired the legacy v1 export format.</span>
      </li>
    </ul>
  </article>
</div>