Multichain: cross-chain views by tom2drum · Pull Request #3539 · blockscout/frontend

tom2drum · 2026-06-24T18:17:30Z

Description and Related Issue(s)

Resolves #3537

Enables cross-chain transaction views across the multichain explorer. Cross-chain data (powered by the interchain indexer) is now surfaced on the home page, transaction lists, transaction details, token transfers, and address pages, with dedicated interchain entity components for addresses, tokens, and transactions.

Proposed Changes

Add cross-chain latest transactions to the multichain home page and cross-chain txs to address/transactions/token-transfer lists and tx details (lifecycle + transfers).
Bump @blockscout/interchain-indexer-types 1.3.0 → 1.5.0-beta3.
Enable the feature for the demo deploy via .env.extra (NEXT_PUBLIC_CROSS_CHAIN_TXS_ENABLED, NEXT_PUBLIC_INTERCHAIN_INDEXER_API_HOST).
Add a gnosis_chiado dev-server preset (registry.json + synced dropdowns).

Breaking or Incompatible Changes

None.

Additional Information

The gnosis_chiado preset can be run locally with pnpm dev:preset gnosis_chiado.

Checklist for PR author

I have tested these changes locally.
I added tests to cover any new functionality, following this guide
Whenever I fix a bug, I include a regression test to ensure that the bug does not reappear silently.
If I have added a feature or functionality that is not privacy-compliant (e.g., tracking, analytics, third-party services), I have disabled it for private mode.
If I have added, changed, renamed, or removed an environment variable
- I updated the list of environment variables in the documentation
- I made the necessary changes to the validator script according to the guide
- I added "ENVs" label to this pull request

…ssue-3537

coderabbitai · 2026-06-24T18:17:37Z

Important

Review skipped

Auto reviews are disabled on this repository. To trigger a review, include @coderabbitai review in the PR description. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: e9acef44-a265-4a53-adb1-0a46aff9b694

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

🔍 Trigger review

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands.}

The entrypoint's `while IFS='=' read` loop skipped the final line of any env file without a trailing newline, silently dropping that variable (bit us with NEXT_PUBLIC_INTERCHAIN_INDEXER_API_HOST in .env.extra). Add the `|| [ -n "$name" ]` idiom so the last line is always processed. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

…ssue-3537

Copilot

Pull request overview

Enables cross-chain transaction views throughout the multichain explorer UI (home “latest”, lists, details, token transfers, and chain stats), backed by the Interchain Indexer, and updates supporting tooling/configuration for presets and review deploys.

Changes:

Adds cross-chain UI surfaces across multichain pages (home latest, tx/token-transfer/address views, tx lifecycle/transfers, charts) and refines interchain entity rendering.
Updates cross-chain indexing/types and wiring (bump @blockscout/interchain-indexer-types, new status handling, chart queries).
Updates dev/demo operational setup (new gnosis_chiado preset, review deploy tag reuse, env validation, entrypoint env parsing).

Reviewed changes

Copilot reviewed 38 out of 40 changed files in this pull request and generated 6 comments.

Show a summary per file

File	Description
tools/dev-server/registry.json	Adds `gnosis_chiado` preset alias for dev-server.
tools/dev-server/CONTEXT.md	Documents `.env` parsing edge case and dotenv precedence.
src/toolkit/pages/design-system/tabs/Values.tsx	Adds (currently commented) interchain token showcase scaffolding.
src/toolkit/pages/design-system/tabs/Values.pw.tsx	Mocks token icon to stabilize screenshot test.
src/slices/tx/components/entity/TxEntityInterchain.tsx	Routes interchain tx entities through multichain chain config when available.
src/slices/token/components/entity/TokenEntityInterchain.tsx	Routes interchain token entities through multichain chain config when available.
src/slices/token/components/entity/TokenEntityExternal.tsx	Adjusts chain-badge behavior for external token entities in multichain mode.
src/slices/token-transfer/pages/tx/TxTokenTransfer.tsx	Enables cross-chain transfers tab/query based on selected chain config.
src/slices/address/components/entity/AddressEntityInterchain.tsx	Treats multichain-known chains as “local” for address entities to avoid external rendering.
src/slices/address/components/entity/AddressEntity.tsx	Adds fallback behavior for chain shield rendering in address identicon.
src/shell/navigation/useNavItems.tsx	Hides ICTT users nav item in multichain mode.
src/shared/values/entity/TokenValueInterchain.tsx	Tweaks layout to better accommodate shield spacing/overflow.
src/shared/entities/utils.ts	Adds `marginRightShield` handling for icons with shields.
src/shared/entities/components.tsx	Extends entity icon props with `marginRightShield`.
src/server/getServerSideProps/main.ts	Allows cross-chain tx SSR route without multichain guard.
src/features/multichain/pages/txs/MultichainTxs.tsx	Wires cross-chain transactions tab to real content when enabled.
src/features/multichain/pages/token-transfers/MultichainTokenTransfers.tsx	Wires cross-chain token transfers tab to real content when enabled.
src/features/multichain/pages/home/LatestTxsCrossChain.tsx	Adds cross-chain latest transactions widget for multichain home.
src/features/multichain/pages/home/LatestTxs.tsx	Enables cross-chain latest tab when feature is enabled.
src/features/multichain/pages/address/MultichainAddressTxs.tsx	Adds cross-chain address transactions tab/content and pagination behavior.
src/features/multichain/pages/address/MultichainAddressTokenTransfers.tsx	Adds cross-chain address transfers tab/content and pagination behavior.
src/features/cross-chain-txs/pages/tx/TxDetailsCrossChainTransfers.tsx	Makes tx details “cross-chain transfers” section multichain-aware.
src/features/cross-chain-txs/pages/tx/TxCrossChainDetailsLifecycle.tsx	Improves lifecycle trigger status when destination tx exists.
src/features/cross-chain-txs/pages/address/AddressTxsCrossChain.tsx	Renames component for consistency.
src/features/cross-chain-txs/hooks/useCrossChainChartQuery.ts	Adds multichain base-chain support for cross-chain chart queries.
src/features/cross-chain-txs/components/txs/TransactionsCrossChainListItem.tsx	Wraps skeleton content to avoid rendering/layout issues.
src/features/cross-chain-txs/components/CrossChainTxsStatusTag.tsx	Adds “Ready to claim” status mapping.
src/features/cross-chain-txs/components/ChartWidgetContainerCrossChain.tsx	Passes multichain-selected chain into chart query.
src/features/cross-chain-txs/components/ChainStatsDetailsCrossChainTxs.tsx	Adds multichain base-chain selector and adjusts labels for base chain.
src/features/chain-stats/pages/details/ChainStatsDetails.tsx	Adds multichain base-chain selection for cross-chain charts.
pnpm-lock.yaml	Locks dependency bump for interchain indexer types.
package.json	Bumps `@blockscout/interchain-indexer-types` to `1.5.0-beta3`.
deploy/values/review-2/values.yaml.gotmpl	Aligns review-2 image tag format with variant-independent tagging.
deploy/tools/envs-validator/schema_multichain.ts	Enables cross-chain feature env validation in multichain schema.
deploy/scripts/entrypoint.sh	Fixes `.env` export loop to keep final line without trailing newline.
.vscode/tasks.json	Adds `gnosis_chiado` to preset task list.
.github/workflows/deploy-review.yml	Adds `gnosis_chiado` and switches to variant-independent image tag.
.env.extra	Enables cross-chain feature + indexer host for demo via committed env overrides.
.agents/skills/deploy-demo/SKILL.md	Updates deploy-demo skill docs for variant-independent image tag behavior.

Files not reviewed (1)

pnpm-lock.yaml: Generated file

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

…d fallback. Co-authored-by: Cursor <cursoragent@cursor.com>

tom2drum added 5 commits June 23, 2026 19:15

add cross chain txs on home page

6b222fd

Merge branch 'main' of github.com:blockscout/frontend into tom2drum/i…

c1761a1

…ssue-3537

enable cross-chain view for txs, token transfers and address

843f8bc

add preset for chiado chain

bc4b855

bug fixes

903e9d5

tom2drum added ENVs dependencies Pull requests that update a dependency file labels Jun 24, 2026

tom2drum removed ENVs dependencies Pull requests that update a dependency file labels Jun 24, 2026

envs-validator: enable cross chain txs in multichain schema

a312836

github-actions Bot deployed to review June 24, 2026 18:31 View deployment

tom2drum and others added 2 commits June 24, 2026 20:36

add empty line to end of .env.extra file

2747114

github-actions Bot deployed to review June 24, 2026 18:44 View deployment

github-actions Bot deployed to review June 24, 2026 18:54 View deployment

tom2drum added 6 commits June 25, 2026 12:40

make demo docker image agnostic to review variant

e245abb

add cross-chain stats

d95a854

allow to change base chain on stats details page

d14c6e3

fix tests

27b8955

Merge branch 'main' of github.com:blockscout/frontend into tom2drum/i…

a0e50a3

…ssue-3537

bug fixes

02f4956

tom2drum marked this pull request as ready for review July 1, 2026 06:47

tom2drum requested a review from Copilot July 1, 2026 06:47

Copilot started reviewing on behalf of tom2drum July 1, 2026 06:48 View session

github-actions Bot deployed to review July 1, 2026 06:53 View deployment

Copilot AI reviewed Jul 1, 2026

View reviewed changes

github-actions Bot deployed to review July 1, 2026 06:55 View deployment

Address Copilot review feedback on cross-chain query gating and shiel…

e65fde3

…d fallback. Co-authored-by: Cursor <cursoragent@cursor.com>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Multichain: cross-chain views#3539

Multichain: cross-chain views#3539
tom2drum wants to merge 15 commits into
mainfrom
tom2drum/issue-3537

tom2drum commented Jun 24, 2026 •

edited

Loading

Uh oh!

coderabbitai Bot commented Jun 24, 2026 •

edited

Loading

Review skipped

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Uh oh!

Conversation

tom2drum commented Jun 24, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description and Related Issue(s)

Proposed Changes

Breaking or Incompatible Changes

Additional Information

Checklist for PR author

Uh oh!

coderabbitai Bot commented Jun 24, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

tom2drum commented Jun 24, 2026 •

edited

Loading

coderabbitai Bot commented Jun 24, 2026 •

edited

Loading