[UX] Add "View on Explorer" button and contract address display after deployment
Labels: enhancement, ux, developer-experience, good first issue
Repo: genlayerlabs/genlayer-studio
Priority: 🟠 High
Summary
After successfully deploying a contract in GenLayer Studio, there is no prominent display of the contract address and no direct link to the transaction on the GenLayer Explorer. Developers must manually navigate to the explorer and search for their transaction — a non-obvious step that causes confusion, especially for new users.
This issue proposes a post-deployment success panel in the Studio that shows the contract address, the transaction hash, and a direct "View on Explorer" deep-link.
Current Behaviour
After a successful deployment:
- The Studio shows some confirmation output but does not prominently display the contract address
- There is no link to
explorer-asimov.genlayer.com
- Developers must know to open the explorer separately, find the search bar, and paste their transaction hash
- The contract address is not copied to clipboard automatically or highlighted for easy copying
This creates a confusing gap: the deployment was successful, but the developer has no clear "what now?" path.
Expected Behaviour
After a successful deployment, the Studio should display a prominent success panel:
╔══════════════════════════════════════════════════════╗
║ ✅ Contract Deployed Successfully ║
╠══════════════════════════════════════════════════════╣
║ Contract Address ║
║ 0x82ab8661ac61e59f4a9667301337ef3031... [📋 Copy] ║
║ ║
║ Transaction Hash ║
║ 0x7f888beee257eb7d01a91e75df3fcde84... [📋 Copy] ║
║ ║
║ [🔍 View on Explorer ↗] [⚡ Interact Now] ║
╚══════════════════════════════════════════════════════╝
The "View on Explorer" button should open:
https://explorer-asimov.genlayer.com/tx/{txHash}
in a new tab.
Detailed Requirements
Post-Deployment Success Panel
Trigger: Shown immediately when a deploy transaction reaches FINALIZED + SUCCESS status.
Must include:
- ✅ Clear success heading ("Contract Deployed Successfully")
- 📋 Contract address with one-click copy button
- 📋 Transaction hash with one-click copy button
- 🔍 "View on Explorer" button — deep-links to the transaction on
explorer-asimov.genlayer.com
- ⚡ "Interact Now" button — scrolls to the Read/Write methods panel
- ℹ️ Small note: "Save your contract address — you'll need it to interact with this contract from outside the Studio"
Should persist: The panel should remain visible (not auto-dismiss) until the developer dismisses it or navigates away. Developers should not have to rush to copy the address.
Explorer Deep-Link Format
The correct URL pattern for transaction lookup on the current explorer:
https://explorer-asimov.genlayer.com/tx/{txHash}
For contract address lookup (for future use):
https://explorer-asimov.genlayer.com/contract/{contractAddress}
Note: When a Bradbury-specific explorer becomes available, the link target should be configurable based on the connected network.
Contract Address Persistence
The contract address should also be:
- Saved to the Studio's local state so it remains visible if the developer refreshes the page
- Shown in the contract file's sidebar entry (e.g. under the filename:
0x82ab... in grey)
- Accessible from a "Contract Info" or "Details" panel at any time after deployment
Network-Aware Explorer Link
The explorer URL should resolve based on the currently connected network:
Mockup
┌─────────────────────────────────────────────────────┐
│ ✅ Contract deployed on Testnet Bradbury │
│ 18 minutes ago │
├─────────────────────────────────────────────────────┤
│ Contract Address │
│ ┌─────────────────────────────────────────────┐ │
│ │ 0x82ab8661ac61e59f4a9667301337ef3031e5d7... │📋│ │
│ └─────────────────────────────────────────────┘ │
│ │
│ Transaction Hash │
│ ┌─────────────────────────────────────────────┐ │
│ │ 0x7f888beee257eb7d01a91e75df3fcde84f507b9... │📋│ │
│ └─────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────┐ ┌────────────────────┐ │
│ │ 🔍 View on Explorer ↗│ │ ⚡ Interact Now │ │
│ └──────────────────────┘ └────────────────────┘ │
│ │
│ ℹ Save your contract address — you'll need it to │
│ call this contract from outside the Studio. │
└─────────────────────────────────────────────────────┘
Acceptance Criteria
Additional Context
This issue was identified during Testnet Bradbury community onboarding. Multiple new developers asked "where is my contract address?" and "how do I find my transaction?" immediately after a successful deployment. The information exists but requires navigating to an external explorer and knowing to search by transaction hash — neither of which is mentioned in the Studio UI.
The fix is low-complexity (the tx hash and contract address are already available in the deployment response) but has a very high impact on developer confidence and onboarding completion rate.
Related: Error Reference page issue | Plain-English error messages issue
# [UX] Add "View on Explorer" button and contract address display after deployment
Labels: enhancement, ux, developer-experience, good first issue
Repo: genlayerlabs/genlayer-studio
Priority: 🟠 High
Summary
After successfully deploying a contract in GenLayer Studio, there is no prominent display of the contract address and no direct link to the transaction on the GenLayer Explorer. Developers must manually navigate to the explorer and search for their transaction — a non-obvious step that causes confusion, especially for new users.
This issue proposes a post-deployment success panel in the Studio that shows the contract address, the transaction hash, and a direct "View on Explorer" deep-link.
Current Behaviour
After a successful deployment:
- The Studio shows some confirmation output but does not prominently display the contract address
- There is no link to
explorer-asimov.genlayer.com
- Developers must know to open the explorer separately, find the search bar, and paste their transaction hash
- The contract address is not copied to clipboard automatically or highlighted for easy copying
This creates a confusing gap: the deployment was successful, but the developer has no clear "what now?" path.
Expected Behaviour
After a successful deployment, the Studio should display a prominent success panel:
╔══════════════════════════════════════════════════════╗
║ ✅ Contract Deployed Successfully ║
╠══════════════════════════════════════════════════════╣
║ Contract Address ║
║ 0x82ab8661ac61e59f4a9667301337ef3031... [📋 Copy] ║
║ ║
║ Transaction Hash ║
║ 0x7f888beee257eb7d01a91e75df3fcde84... [📋 Copy] ║
║ ║
║ [🔍 View on Explorer ↗] [⚡ Interact Now] ║
╚══════════════════════════════════════════════════════╝
The "View on Explorer" button should open:
https://explorer-asimov.genlayer.com/tx/{txHash}
in a new tab.
Detailed Requirements
Post-Deployment Success Panel
Trigger: Shown immediately when a deploy transaction reaches FINALIZED + SUCCESS status.
Must include:
- ✅ Clear success heading ("Contract Deployed Successfully")
- 📋 Contract address with one-click copy button
- 📋 Transaction hash with one-click copy button
- 🔍 "View on Explorer" button — deep-links to the transaction on
explorer-asimov.genlayer.com
- ⚡ "Interact Now" button — scrolls to the Read/Write methods panel
- ℹ️ Small note: "Save your contract address — you'll need it to interact with this contract from outside the Studio"
Should persist: The panel should remain visible (not auto-dismiss) until the developer dismisses it or navigates away. Developers should not have to rush to copy the address.
Explorer Deep-Link Format
The correct URL pattern for transaction lookup on the current explorer:
https://explorer-asimov.genlayer.com/tx/{txHash}
For contract address lookup (for future use):
https://explorer-asimov.genlayer.com/contract/{contractAddress}
Note: When a Bradbury-specific explorer becomes available, the link target should be configurable based on the connected network.
Contract Address Persistence
The contract address should also be:
- Saved to the Studio's local state so it remains visible if the developer refreshes the page
- Shown in the contract file's sidebar entry (e.g. under the filename:
0x82ab... in grey)
- Accessible from a "Contract Info" or "Details" panel at any time after deployment
Network-Aware Explorer Link
The explorer URL should resolve based on the currently connected network:
| Network |
Explorer URL |
| Testnet Asimov |
https://explorer-asimov.genlayer.com |
| Testnet Bradbury |
https://explorer-asimov.genlayer.com (shared infrastructure) |
| Localnet / Studionet |
No explorer link (show a note: "Explorer not available for local networks") |
Mockup
┌─────────────────────────────────────────────────────┐
│ ✅ Contract deployed on Testnet Bradbury │
│ 18 minutes ago │
├─────────────────────────────────────────────────────┤
│ Contract Address │
│ ┌─────────────────────────────────────────────┐ │
│ │ 0x82ab8661ac61e59f4a9667301337ef3031e5d7... │📋│ │
│ └─────────────────────────────────────────────┘ │
│ │
│ Transaction Hash │
│ ┌─────────────────────────────────────────────┐ │
│ │ 0x7f888beee257eb7d01a91e75df3fcde84f507b9... │📋│ │
│ └─────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────┐ ┌────────────────────┐ │
│ │ 🔍 View on Explorer ↗│ │ ⚡ Interact Now │ │
│ └──────────────────────┘ └────────────────────┘ │
│ │
│ ℹ Save your contract address — you'll need it to │
│ call this contract from outside the Studio. │
└─────────────────────────────────────────────────────┘
Acceptance Criteria
Additional Context
This issue was identified during Testnet Bradbury community onboarding. Multiple new developers asked "where is my contract address?" and "how do I find my transaction?" immediately after a successful deployment. The information exists but requires navigating to an external explorer and knowing to search by transaction hash — neither of which is mentioned in the Studio UI.
The fix is low-complexity (the tx hash and contract address are already available in the deployment response) but has a very high impact on developer confidence and onboarding completion rate.
Related: [Error Reference page issue](#) | [Plain-English error messages issue](#)
[UX] Add "View on Explorer" button and contract address display after deployment
Labels:
enhancement,ux,developer-experience,good first issueRepo:
genlayerlabs/genlayer-studioPriority: 🟠 High
Summary
After successfully deploying a contract in GenLayer Studio, there is no prominent display of the contract address and no direct link to the transaction on the GenLayer Explorer. Developers must manually navigate to the explorer and search for their transaction — a non-obvious step that causes confusion, especially for new users.
This issue proposes a post-deployment success panel in the Studio that shows the contract address, the transaction hash, and a direct "View on Explorer" deep-link.
Current Behaviour
After a successful deployment:
explorer-asimov.genlayer.comThis creates a confusing gap: the deployment was successful, but the developer has no clear "what now?" path.
Expected Behaviour
After a successful deployment, the Studio should display a prominent success panel:
The "View on Explorer" button should open:
in a new tab.
Detailed Requirements
Post-Deployment Success Panel
Trigger: Shown immediately when a deploy transaction reaches
FINALIZED+SUCCESSstatus.Must include:
explorer-asimov.genlayer.comShould persist: The panel should remain visible (not auto-dismiss) until the developer dismisses it or navigates away. Developers should not have to rush to copy the address.
Explorer Deep-Link Format
The correct URL pattern for transaction lookup on the current explorer:
For contract address lookup (for future use):
Contract Address Persistence
The contract address should also be:
0x82ab...in grey)Network-Aware Explorer Link
The explorer URL should resolve based on the currently connected network:
Mockup
Acceptance Criteria
FINALIZED+SUCCESSAdditional Context
This issue was identified during Testnet Bradbury community onboarding. Multiple new developers asked "where is my contract address?" and "how do I find my transaction?" immediately after a successful deployment. The information exists but requires navigating to an external explorer and knowing to search by transaction hash — neither of which is mentioned in the Studio UI.
The fix is low-complexity (the tx hash and contract address are already available in the deployment response) but has a very high impact on developer confidence and onboarding completion rate.
Related: Error Reference page issue | Plain-English error messages issue
# [UX] Add "View on Explorer" button and contract address display after deploymentLabels:
enhancement,ux,developer-experience,good first issueRepo:
genlayerlabs/genlayer-studioPriority: 🟠 High
Summary
After successfully deploying a contract in GenLayer Studio, there is no prominent display of the contract address and no direct link to the transaction on the GenLayer Explorer. Developers must manually navigate to the explorer and search for their transaction — a non-obvious step that causes confusion, especially for new users.
This issue proposes a post-deployment success panel in the Studio that shows the contract address, the transaction hash, and a direct "View on Explorer" deep-link.
Current Behaviour
After a successful deployment:
explorer-asimov.genlayer.comThis creates a confusing gap: the deployment was successful, but the developer has no clear "what now?" path.
Expected Behaviour
After a successful deployment, the Studio should display a prominent success panel:
The "View on Explorer" button should open:
in a new tab.
Detailed Requirements
Post-Deployment Success Panel
Trigger: Shown immediately when a deploy transaction reaches
FINALIZED+SUCCESSstatus.Must include:
explorer-asimov.genlayer.comShould persist: The panel should remain visible (not auto-dismiss) until the developer dismisses it or navigates away. Developers should not have to rush to copy the address.
Explorer Deep-Link Format
The correct URL pattern for transaction lookup on the current explorer:
For contract address lookup (for future use):
Contract Address Persistence
The contract address should also be:
0x82ab...in grey)Network-Aware Explorer Link
The explorer URL should resolve based on the currently connected network:
https://explorer-asimov.genlayer.comhttps://explorer-asimov.genlayer.com(shared infrastructure)Mockup
Acceptance Criteria
FINALIZED+SUCCESSAdditional Context
This issue was identified during Testnet Bradbury community onboarding. Multiple new developers asked "where is my contract address?" and "how do I find my transaction?" immediately after a successful deployment. The information exists but requires navigating to an external explorer and knowing to search by transaction hash — neither of which is mentioned in the Studio UI.
The fix is low-complexity (the tx hash and contract address are already available in the deployment response) but has a very high impact on developer confidence and onboarding completion rate.
Related: [Error Reference page issue](#) | [Plain-English error messages issue](#)