[Lab] Add Transaction Dashboard

docs/tools/lab/account.mdx

@@ -1,7 +1,7 @@
 ---
 title: Account
 description: Explore Stellar Lab's Account Page by creating and funding account on Stellar
-sidebar_position: 10
+sidebar_position: 20
 ---
 
 # Account

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

@@ -1,6 +1,6 @@
 ---
 title: API Explorer
-sidebar_position: 20
+sidebar_position: 40
 ---
 
 import DocCardList from "@theme/DocCardList";

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

@@ -1,6 +1,6 @@
 ---
 title: Smart Contracts
-sidebar_position: 20
+sidebar_position: 50
 ---
 
 import DocCardList from "@theme/DocCardList";

docs/tools/lab/transaction-dashboard.mdx

@@ -0,0 +1,95 @@
+---
+title: Transaction Dashboard
+description: Use Stellar Lab's Transaction Dashboard Page to get a comprehensive view of transaction details for both classic and smart contracts
+sidebar_position: 60
+---
+
+# Transaction Dashboard
+
+![Lab: Transaction Dashboard](/assets/lab/ab-tx-dashboard-01232026.png)
+
+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.
+
+![Transaction Details](/assets/lab/lab-tx-details.png)
+
+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.
+
+The dashboard automatically detects whether you're viewing a classic transaction or a smart contract transaction and displays the relevant tabs accordingly.
+
+:::note
+
+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.
+
+:::
+
+## Dashboard Tabs for Smart Contracts
+
+The Transaction Dashboard organizes transaction information into multiple tabs, each focusing on a specific aspect of the transaction:
+
+### Token Summary
+
+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.
+
+![Token Summary tab](/assets/lab/lab-token-summary.png)
+
+**What you'll see:** Tokens transferred with asset codes and amounts, sender and receiver addresses for each transfer
+
+### Contracts
+
+The Contracts tab shows detailed information about smart contracts involved in the transaction, including which contracts were invoked.
+
+![Contracts tab](/assets/lab/lab-token-contracts.png)
+
+**What you'll see:** Contract IDs for all invoked contracts and their verification status
+
+### Events
+
+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.
+
+![Contracts tab](/assets/lab/lab-events.png)
+
+**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
+
+### State Change
+
+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.
+
+![Contracts tab](/assets/lab/lab-state-change.png)
+
+**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)
+
+### Resource Profiler
+
+The Resource Profiler provides detailed metrics on resource consumption during transaction execution, helping you understand performance characteristics and optimize costs.
+
+![Contracts tab](/assets/lab/lab-resource-profiler.png)
+
+**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
+
+### Signatures
+
+The Signatures tab displays all signing and authorization information for the transaction, essential for understanding multi-signature setups and contract authorization.
+
+![Signatures tab](/assets/lab/lab-signatures.png)
+
+**What you'll see:** Required signers for the transaction, actual signatures provided, public keys of all signers.
+
+### Fee Breakdown
+
+The Fee Breakdown tab provides a detailed analysis of all costs associated with the transaction, showing exactly where XLM was spent.
+
+![Signatures tab](/assets/lab/lab-fee.png)
+
+**What you'll see:** Base network fee, resource fee, fee charged versus fee refunded, and final fee
+
+## Dashboard Tabs for Classic
+
+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.
+
+![Classic Dashboard](/assets/lab/tx-dashboard-classic.png)
+
+### Operations
+
+For more information operations, check [List of Operations](https://developers.stellar.org/docs/learn/fundamentals/transactions/list-of-operations).
+
+![Classic Dashboard Operations](/assets/lab/tx-dashboard-ops.png)

docs/tools/lab/transactions.mdx

@@ -1,3 +1,9 @@
+---
+title: Transactions
+description: Explore Stellar Lab's Build Transaction Page by creating and submitting a transaction on Stellar
+sidebar_position: 30
+---
+
 # Transactions
 
 ## [Build Transaction](https://lab.stellar.org/transaction/build)

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

@@ -1,6 +1,6 @@
 ---
 title: View XDR
-sidebar_position: 20
+sidebar_position: 10
 ---
 
 import DocCardList from "@theme/DocCardList";