Panel Sankey

Money FlowPreview

O se ata tafe Sankey e fa'aali le auala e alu ai tupe mai alagaoa tupe maua e ala i se vaega ogatotonu i tupe fa'aalu, tupe teu, ma tupe teu mama. O le lautele o tafe ta'itasi e fa'atusa ma le aofa'i.

Ituaiga Ata

Meatotino	Tau
Faleaoga	Apache ECharts e ala i le `BaseChart`
Ituaiga fa'asologa	`sankey`
Itu	`horizontal`
Faila alagaoa	`src/components/panels/SankeyPanel.tsx`

O Le A Le Mea E Fa'aali

O se tafe tolu-koluma:

Alagaoa Tupe Maua  -->  Maua  -->  Tupe Fa'aalu
                                -->  Tupe Teu
                                -->  Tupe Teu Mama

Koluma agavale — alagaoa tupe maua (Totogi, Freelance, ma isi)
Node ogatotonu — vaega "Maua" (tupe maua atoa)
Koluma taumatau — vaega tupe fa'aalu (fa'avasega e ala i le aofa'i), vaega tupe teu, ma filifili "Tupe Teu Mama"

O le node "Tupe Teu Mama" e fa'aali na'o pe a sili atu le tupe maua atoa i le tupe fa'aalu atoa fa'aopoopo le tupe teu.

Mea Autu

Mea	Fa'amatalaga
Fa'atulagaga tolu-koluma	Tupe Maua -> Maua -> Tafe i fafo
Lanu node	Lanu vaega fa'apitoa mai le aotelega masina
Lanu ala	Lanu o le node alagaoa i le 50% opacity (hex `80` suffix)
Node Tupe Teu Mama	Lanu lagi (`#38bdf8`), fa'aali na'o pe a moni
Fa'amafanafana lata	`focus: 'adjacency'` i le fa'apaepae
Fa'ailoga taumatau	Mataitusi mono, 11px, lanu tusitusiga lona lua

Fa'afesoota'iga

Fa'apaepae le node — fa'ailogaina le node ma ala feso'ota'i uma (fa'amafanafana lata)
Fa'apaepae le ala — fa'ailogaina le ala tafe fa'apitoa
Fa'aoso — mousemove mo le siaki tali

Alagaoa Fa'amaumauga

Teuina	Vaega
`useFinanceStore`	`monthlySummary` (vaevaeina i INCOME, EXPENSE, ma SAVINGS ituaiga)
`useChartTheme`	Lanu accent, lanu tusitusiga, lanu panel

Tulaga Gaogao

E fa'aali "E leai se fa'amaumauga tafe" fa'anofo i le panel pe a leai ni fa'amaumauga tupe maua po o tupe fa'aalu i le aotelega masina.

Panel Sankey ​

Ituaiga Ata ​

O Le A Le Mea E Fa'aali ​

Mea Autu ​

Fa'afesoota'iga ​

Alagaoa Fa'amaumauga ​

Tulaga Gaogao ​