feat(explorer): add block metrics page

[telestrial]

No description provided.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 287cf03

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
explorer	Ready	Preview	Comment	Sep 24, 2025 7:03pm
explorer-zen	Ready	Preview	✅ 7 resolved	Sep 24, 2025 7:03pm

3 Skipped Deployments

Project	Deployment	Preview	Comments	Updated (UTC)
hostd	Ignored	Preview		Sep 24, 2025 7:03pm
indexd	Ignored	Preview		Sep 24, 2025 7:03pm
renterd	Ignored	Preview		Sep 24, 2025 7:03pm

[telestrial]

• feat(explorer): add block metrics page #1313 👈 (View in Graphite)
• fix(design-system): use cn in TextField to properly merge className #1328
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

[alexfreska]

Looking good! Left some feedback comments on the preview.

[Copilot]

Pull Request Overview

This PR adds a new block metrics page to the explorer application, featuring interactive charts for visualizing blockchain difficulty metrics data. The implementation includes comprehensive chart visualization with user interaction capabilities and navigation support.

• Adds new dependencies for data visualization (@visx chart libraries) and React hooks for API integration
• Creates interactive chart components with pan, zoom, and selection functionality for blockchain metrics
• Implements a complete page structure with routing, error handling, and accordion-based data display

Reviewed Changes

Copilot reviewed 7 out of 8 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
apps/explorer/package.json	Adds @visx chart libraries and explored-react dependency for visualization and API integration
apps/explorer/components/BlockMetrics/index.tsx	Main container component that renders the block metrics layout
apps/explorer/components/BlockMetrics/DifficultyMetricsChart.tsx	Complex interactive chart component with drag selection, tooltips, and navigation controls
apps/explorer/components/BlockMetrics/DifficultyMetrics.tsx	Main metrics component handling API data, state management, and chart rendering
apps/explorer/app/(main)/block-metrics/page.tsx	Next.js page component for the block metrics route
apps/explorer/app/(main)/block-metrics/not-found.tsx	404 error page for the block metrics route
apps/explorer/app/(main)/block-metrics/error.tsx	Error boundary component for the block metrics route

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}