[chinoyenmose]

Closes #721
Closes #722
Closes #723
Closes #724

What changed

• app/create/page.tsx: display real-time fee preview including network base reserve and protocol bps #721: Fee breakdown widget on app/create/page.tsx showing network base fee, network base reserve, protocol bps, and estimated total cost — updates live as deposit amount and token change
• app/stream/[id]/page.tsx: add interactive linear stream chart with withdrawable balance slider #722: Withdrawable balance slider on StreamFlowChart — drag to scrub across the stream timeline with a dashed cursor line and real-time time/amount readout
• app/stream/[id]/page.tsx: implement one-click stream share modal with QR code and shortlink #723: One-click copy button with shortlink display in QrCodeModal — strips query/hash from the URL for a clean shareable link, with copy icon state feedback
• app/stream/[id]/page.tsx: add confirmation dialog for emergency cancel with refund estimate #724: Emergency cancel confirmation dialog with refund split in StreamActions — shows already-paid, recipient payout, and sender refund breakdown before wallet prompt

Why

• Users only saw fees after the wallet popup; the fee breakdown builds trust upfront
• Static chart figures didn't let users anticipate unlock milestones
• Sharing required manually copying the full browser URL
• Accidental cancellations were irreversible without seeing the refund split first

How to test

• Create page: enter a deposit amount → fee breakdown appears and updates on amount/token change
• Stream detail page: drag the slider under the flow chart → cursor line and readout track across the timeline
• Share button → QR modal shows shortlink with Copy button → click to copy
• Cancel Stream → confirmation modal shows refund split before wallet prompt
• npx vitest run — 1092 passed (identical to clean tree; 51 pre-existing failures unrelated)

[drips-wave]

@chinoyenmose Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits