Full Invoice Payment Timeline (Multi-Cycle Scroll View) [Flutter]

[codeZe-us]

Build the complete scrollable timeline view for the Invoice payment flow. The timeline covers the full lifecycle across multiple stages: Invoice created → Awaiting confirmation → Client payment question → Client payment confirmed → Payment processed → Funds received. Each stage has a filled green circle indicator, a bold title, timestamp, and optional sub-text description. Some steps include inline action prompts . The view should be a long scrollable list rendered as a vertical stepper. Multiple payment cycles may repeat the same step sequence (showing recurring invoice cycles).

Acceptance Criteria:

• Full timeline renders as a vertical scrollable stepper
• Each step has: green filled indicator, bold title, timestamp, and optional sub-text
• Completed steps are visually distinct from pending steps
• Repeating cycle groups are separated clearly
• Timeline scrolls smoothly without clipping content
• Steps render in correct chronological order
• Layout handles varying text lengths without overflow