# Blocks Page

<figure><img src="/files/XRv9nhEKkxyYdGGYMx9e" alt=""><figcaption></figcaption></figure>

### Purpose

Provides an at-a-glance overview of the recent blocks as well as the future block

### UI Overview

* **Info Bar:** Side bar button, network logo, current block height, RPC endpoint, language options, night mode, search button for height or transaction or account address, wallet button
* **Recent Blocks Graph**: All the recent blocks, updates every 6 seconds. Shows how many transactions have been processed every 6 seconds
* **Recent Blocks list:** A list of the recent blocks with an overview of the block. Shows the number of the block, the validator, the number of transactions inside and the time ago created
* **Future Block:** Shows a countdown to a future block, as well as the current height, the remaining blocks to reach the future block and the average block time

### Interactions

* **Info Bar:**
  * **Click Side Bar Button (only mobile)** → Opens side bar for a list of the different pages and links
  * **Click Logo/Height/URL** → Shows the API endpoint of the node, the current height and the chain id
  * **Click Language Button** → Choose a different language
  * **Click Night Mode Button** → Toggle between light or dark mode
  * **Click Search Button** → Search for height or transaction or account address
  * **Click Wallet Button** → Pick and choose a wallet to connect or link to your wallet accounts or your wallet portfolio
* **Click Future** → Changes the UI to show a future block countdown
* **Click Graph Hamburger Menu** → Gives the ability to download the graph in a SVG/PNG/CSV
* **Click on a Recent Block** → Opens a detailed description of the block. Shows the hash, the block header, the transactions inside and the last commit. Click on one of the red buttons to change to the previous or next block respectively


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.janction.ai/block-explorer/blocks-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
