[Design] As a Developer, I want to observe Transition Lifecycle Latencies so I can debug issues and optimise performance - Githubissues

openmina / mina-frontend

mina-frontend is an Angular web application that is showing node's progress, logs and statistics.

Other

1 stars 0 forks source link

[Design] As a Developer, I want to observe Transition Lifecycle Latencies so I can debug issues and optimise performance #4

Open lukasimrich opened 1 year ago

lukasimrich commented 1 year ago

Figma UI/UX

Specs https://www.figma.com/file/SEwWpo68UI92SNSookfyTp/%F0%9F%90%A3-POC?node-id=515%3A13720 Prototype https://www.figma.com/proto/SEwWpo68UI92SNSookfyTp/%F0%9F%90%A3-POC?page-id=514%3A13256&node-id=577%3A23986&viewport=-47%2C-1121%2C0.67&scaling=min-zoom&starting-point-node-id=515%3A13720 Walkthrough video

Progress

[x] Researching Consensus - Ouroboros https://www.figma.com/file/Js4M2GSqxOO4VElSjcOVE0/Block-Production?node-id=5%3A223
[x] High-level understanding of internal flows inside a node https://www.figma.com/file/Js4M2GSqxOO4VElSjcOVE0/Block-Production?node-id=178%3A1340
[x] Concept ideas in progress https://www.figma.com/file/Js4M2GSqxOO4VElSjcOVE0/Block-Production?node-id=22%3A532
[x] UI Iteration 0 - "Table" - Simple way to understand what content we have - we can keep adding and removing checkpoints until we figure out what is the best sequence https://www.figma.com/file/SEwWpo68UI92SNSookfyTp/%F0%9F%90%A3-POC?node-id=515%3A13720

Why does this feature matter?

Identify bottlenecks, outliers, and tail latencies so we can understand the opportunities to improve

Additional Notes, Future steps

Understand why https://www.figma.com/file/Js4M2GSqxOO4VElSjcOVE0/Consensus?node-id=5%3A240
Ouroboros https://www.figma.com/file/Js4M2GSqxOO4VElSjcOVE0/Consensus?node-id=5%3A223
Detailed Processes in a Node https://www.figma.com/file/Js4M2GSqxOO4VElSjcOVE0/Block-Production?node-id=179%3A3176
Ideas to explore https://www.figma.com/file/Js4M2GSqxOO4VElSjcOVE0/Consensus?node-id=22%3A532
DataViz ideas https://www.figma.com/file/Js4M2GSqxOO4VElSjcOVE0/Block-Production?node-id=221%3A4726