Skip to content

Commit fb2aee4

Browse files
authored
[Lab] Add Transaction Dashboard (#2205)
1 parent 0242ac9 commit fb2aee4

20 files changed

Lines changed: 108 additions & 4 deletions

docs/tools/lab/account.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: Account
33
description: Explore Stellar Lab's Account Page by creating and funding account on Stellar
4-
sidebar_position: 10
4+
sidebar_position: 15
55
---
66

77
# Account

docs/tools/lab/api-explorer/README.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: API Explorer
3-
sidebar_position: 20
3+
sidebar_position: 40
44
---
55

66
import DocCardList from "@theme/DocCardList";

docs/tools/lab/smart-contracts/README.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: Smart Contracts
3-
sidebar_position: 20
3+
sidebar_position: 50
44
---
55

66
import DocCardList from "@theme/DocCardList";
Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
---
2+
title: Transaction Dashboard
3+
description: Use Stellar Lab's Transaction Dashboard Page to get a comprehensive view of transaction details for both classic and smart contracts
4+
sidebar_position: 60
5+
---
6+
7+
# Transaction Dashboard
8+
9+
![Lab: Transaction Dashboard](/assets/lab/ab-tx-dashboard-01232026.png)
10+
11+
The [Transaction Dashboard](https://lab.stellar.org/transaction-dashboard) provides a comprehensive view of transaction details. For classic transactions, it offers deep insights into operations. For smart contract transactions, it offers details on its interactions (token summary, contracts, events, state change), resource consumption, signatures, and fee breakdowns.
12+
13+
![Transaction Details](/assets/lab/lab-tx-details.png)
14+
15+
Transaction details for both smart contract and classic transactions include the status of the transaction, transaction hash, source account for the transaction, sequence number, the date it was processed, fee, and fee source account if applicable. In classic transactions, it includes `memo` and the number of `operations`. Whether you're debugging a failed transaction, analyzing contract behavior, or optimizing performance, the Transaction Dashboard gives you all the information you need in an organized, easy-to-understand interface.
16+
17+
The dashboard automatically detects whether you're viewing a classic transaction or a smart contract transaction and displays the relevant tabs accordingly.
18+
19+
:::note
20+
21+
This feature uses an RPC and RPC retains at maximum 7 days of historical data. Any transaction older than 7 days will be displayed as invalid.
22+
23+
See [Indexers](/docs/data/indexers) and [Block Explorers](/docs/tools/developer-tools/block-explorers#stellarexpert) for reference
24+
25+
:::
26+
27+
## Dashboard Tabs for Smart Contracts
28+
29+
The Transaction Dashboard organizes transaction information into multiple tabs, each focusing on a specific aspect of the transaction:
30+
31+
### Token Summary
32+
33+
The Token Summary tab displays information about token transfers and balance changes that occurred during the transaction. This tab is particularly useful for tracking asset movements and understanding the financial impact of a transaction.
34+
35+
![Token Summary tab](/assets/lab/lab-token-summary.png)
36+
37+
**What you'll see:** Tokens transferred with asset codes and amounts, sender and receiver addresses for each transfer
38+
39+
### Contracts
40+
41+
The Contracts tab shows detailed information about smart contracts involved in the transaction, including which contracts were invoked.
42+
43+
![Contracts tab](/assets/lab/lab-token-contracts.png)
44+
45+
**What you'll see:** Contract IDs for all invoked contracts and their verification status
46+
47+
### Events
48+
49+
The Events tab displays all events emitted during transaction execution. Events are logged outputs from smart contracts that track state changes and important occurrences, providing visibility into what happened inside contract execution.
50+
51+
![Events tab](/assets/lab/lab-events.png)
52+
53+
**What you'll see:** Event topics, event data payloads with decoded values, Contract ID that emitted each event, chronological order of all events, and token events
54+
55+
### State Change
56+
57+
The State Change tab shows how ledger entries changed before and after the transaction, giving you a complete picture of the transaction's impact on blockchain state.
58+
59+
![State change tab](/assets/lab/lab-state-change.png)
60+
61+
**What you'll see:** Contract storage modifications (data read, written, or deleted), account balance changes, trustline updates, contract instance changes, state archival and restoration information, ledger footprint details (which entries were accessed)
62+
63+
### Resource Profiler
64+
65+
The Resource Profiler provides detailed metrics on resource consumption during transaction execution, helping you understand performance characteristics and optimize costs.
66+
67+
![Resource Profiler tab](/assets/lab/lab-resource-profiler.png)
68+
69+
**What you'll see:** CPU instructions, consumed Memory (RAM) bytes used, ledger read and write bytes, transaction size metrics, resource fee calculations, and etc.
70+
71+
### Signatures
72+
73+
The Signatures tab displays all signing and authorization information for the transaction, essential for understanding multi-signature setups and contract authorization.
74+
75+
![Signatures tab](/assets/lab/lab-signatures.png)
76+
77+
**What you'll see:** Required signers for the transaction, actual signatures provided, public keys of all signers.
78+
79+
### Fee Breakdown
80+
81+
The Fee Breakdown tab provides a detailed analysis of all costs associated with the transaction, showing exactly where XLM was spent.
82+
83+
![Fee Breakdown tab](/assets/lab/lab-fee.png)
84+
85+
**What you'll see:** Base network fee, resource fee, fee charged versus fee refunded, and final fee
86+
87+
## Dashboard Tabs for Classic
88+
89+
The Transaction Dashboard for classic transactions is straightforward and focused on operations. It displays all operations that occurred in the transaction, with support for up to 100 operations per page.
90+
91+
![Classic Dashboard](/assets/lab/tx-dashboard-classic.png)
92+
93+
### Operations
94+
95+
For more information on operations, check [List of Operations](https://developers.stellar.org/docs/learn/fundamentals/transactions/list-of-operations).
96+
97+
![Classic Dashboard Operations](/assets/lab/tx-dashboard-ops.png)

docs/tools/lab/transactions.mdx

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
1+
---
2+
title: Transactions
3+
description: Explore Stellar Lab's Build Transaction Page by creating and submitting a transaction on Stellar
4+
sidebar_position: 30
5+
---
6+
17
# Transactions
28

39
## [Build Transaction](https://lab.stellar.org/transaction/build)

docs/tools/lab/view-xdr/README.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: View XDR
3-
sidebar_position: 20
3+
sidebar_position: 10
44
---
55

66
import DocCardList from "@theme/DocCardList";

routes.txt

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -766,6 +766,7 @@
766766
/docs/tools/lab/smart-contracts/contract-explorer
767767
/docs/tools/lab/smart-contracts/smart-contract-list
768768
/docs/tools/lab/smart-contracts/upload-deploy-contract
769+
/docs/tools/lab/transaction-dashboard
769770
/docs/tools/lab/transactions
770771
/docs/tools/lab/view-xdr
771772
/docs/tools/lab/view-xdr/diff-xdr
474 KB
Loading

static/assets/lab/lab-events.png

352 KB
Loading

static/assets/lab/lab-fee.png

323 KB
Loading

0 commit comments

Comments
 (0)