Segmented Spend Bar
Proportional spend segments that merge small categories into Other.
Segments use proportional flex width, 2px gaps, pill caps, and no track fill (card background shows through). Use
insetHorizontal to align with inset lists; optional highlightedKey / onHighlightChange for linking graph and rows.With
minSegmentWidthPx, sub-threshold slices merge into one segment keyed __segmented_other__. onOtherMembersChange lists rolled-up source keys for hover linking between list and bar (the narrow container below forces the merge).Merged keys: none (resize container if needed)
SegmentedSpendInsetSkeleton is the loading placeholder for inset cards that pair a bar with account / category rows (Spending, Transactions).