ActionTimeline

<div class="at-timeline" role="list">
  <div class="at-item at-done">
    <div class="at-marker" aria-hidden="true">✓</div>
    <div class="at-body">
      <div class="at-label">Plan task</div>
      <div class="at-time">09:41:02</div>
    </div>
  </div>
  <div class="at-item at-done">
    <div class="at-marker" aria-hidden="true">✓</div>
    <div class="at-body">
      <div class="at-label">Fetch context</div>
      <div class="at-time">09:41:04</div>
    </div>
  </div>
  <div class="at-item at-active">
    <div class="at-marker" aria-hidden="true">●</div>
    <div class="at-body">
      <div class="at-label">Run tool: read_file</div>
      <div class="at-time">09:41:06</div>
    </div>
  </div>
  <div class="at-item at-pending">
    <div class="at-marker" aria-hidden="true">○</div>
    <div class="at-body">
      <div class="at-label">Summarize results</div>
      <div class="at-time">—</div>
    </div>
  </div>
</div>