Skip to content

Commit 616c257

Browse files
committed
[Lab] Add Transaction Dashboard
1 parent bf86386 commit 616c257

19 files changed

+105
-4
lines changed

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: 20
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: 95 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,95 @@
1+
---
2+
title: Transaction Dashboard
3+
description: Explore Stellar Lab's Build Transaction Page by creating and submitting a transaction on Stellar
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 7 days will be displayed as invalid.
22+
23+
:::
24+
25+
## Dashboard Tabs for Smart Contracts
26+
27+
The Transaction Dashboard organizes transaction information into multiple tabs, each focusing on a specific aspect of the transaction:
28+
29+
### Token Summary
30+
31+
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.
32+
33+
![Token Summary tab](/assets/lab/lab-token-summary.png)
34+
35+
**What you'll see:** Tokens transferred with asset codes and amounts, sender and receiver addresses for each transfer
36+
37+
### Contracts
38+
39+
The Contracts tab shows detailed information about smart contracts involved in the transaction, including which contracts were invoked.
40+
41+
![Contracts tab](/assets/lab/lab-token-contracts.png)
42+
43+
**What you'll see:** Contract IDs for all invoked contracts and their verification status
44+
45+
### Events
46+
47+
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.
48+
49+
![Contracts tab](/assets/lab/lab-events.png)
50+
51+
**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
52+
53+
### State Change
54+
55+
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.
56+
57+
![Contracts tab](/assets/lab/lab-state-change.png)
58+
59+
**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)
60+
61+
### Resource Profiler
62+
63+
The Resource Profiler provides detailed metrics on resource consumption during transaction execution, helping you understand performance characteristics and optimize costs.
64+
65+
![Contracts tab](/assets/lab/lab-resource-profiler.png)
66+
67+
**What you'll see:** CPU instructions consumed Memory (RAM) bytes used, ledger read and write bytes, transaction size metrics, resource fee calculations, comparison against network limits
68+
69+
### Signatures
70+
71+
The Signatures tab displays all signing and authorization information for the transaction, essential for understanding multi-signature setups and contract authorization.
72+
73+
![Signatures tab](/assets/lab/lab-signatures.png)
74+
75+
**What you'll see:** Required signers for the transaction, actual signatures provided, public keys of all signers.
76+
77+
### Fee Breakdown
78+
79+
The Fee Breakdown tab provides a detailed analysis of all costs associated with the transaction, showing exactly where XLM was spent.
80+
81+
![Signatures tab](/assets/lab/lab-fee.png)
82+
83+
**What you'll see:** Base network fee, resource fee, fee charged versus fee refunded, and final fee
84+
85+
## Dashboard Tabs for Classic
86+
87+
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.
88+
89+
![Classic Dashboard](/assets/lab/tx-dashboard-classic.png)
90+
91+
### Operations
92+
93+
For more information operations, check [List of Operations](https://developers.stellar.org/docs/learn/fundamentals/transactions/list-of-operations).
94+
95+
![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";
474 KB
Loading

static/assets/lab/lab-events.png

352 KB
Loading

static/assets/lab/lab-fee.png

323 KB
Loading
316 KB
Loading

0 commit comments

Comments
 (0)