Summarize transaction inputs and outputs

[n8maninger]

The transaction inputs and outputs column may be confusing and not very useful. It'd be nice if the transaction page summarized the effects on each participant in the transaction. I'd also suggest removing the UTXO source. It's interesting, but not all that relevant.

e.g. (https://siascan.com/tx/c242921332ddb9b6d815d2c5e4f5f02855d9523211e01db217f3e5e05e77d342)

There are two participants and 49 inputs. The 49 inputs push the more important relevant events way to the bottom.

Address eec8160897cf7058332040675d120c008dc32d96925e9b32a812b646e31676d7d52c118cad2c's balance changed by -1.9 KS

Address f4d6ad187b9613aabf50aa8e2da3267a7b2fd1e5a95bda150606137ca6663459ca991ee948af's balance changed by +2.2 KS

The Sia Central wallet does something similar with a Summary/Detail tab

[telestrial]

I've been playing around with different ways to express this and, just thinking about layout:

I think something like this is where we need to go--"packing in" the individual inputs in a tight list under the umbrella address and overall monetary effect of that address. I initially thought this should be an accordion-like element but I'm coming around to having only this expanded view. It confers a nice hierarchy, imo.

[n8maninger]

Most users care about the results of the transaction, not exact semantics. An accordion or separate detail view is preferable to trying to show everything at once. Try to avoid tons of identifiers and focus on how to easily digest the information that is most important to users:

• How much SC/SF was spent/received by each address?
• Were there any host announcements? What is their public key and netaddress?
• Was a file contract formed? What is the file size? When does it end?
• Was a file contract revised? What is the new file size? How much did the renter pay?
• Is there a storage proof that resolves a contract? What was the final payout?

I would also consider dropping the prefixes for Siacoin values, there's plenty of space to show 10 or more digits and it makes it easier to skim.