Split Totals Summary Card with Per-Recipient Breakdown

[Kingsman-99]

Description

The invoice detail page shows the total amount but does not clearly summarize each recipient's absolute payment obligation alongside their percentage, forcing users to do mental arithmetic. A summary card with a per-recipient breakdown table of amounts and statuses is needed.

Technical Context

src/components/invoice/SplitSummaryCard.tsx (new) renders a card containing a <table> with columns for Recipient (truncated address), Percentage, Amount (in XLM), and Payment Status. src/hooks/useSplitCalculator.ts derives the per-recipient XLM amounts from percentage and invoice total. The card appears on both src/app/invoice/[id]/page.tsx and the public status page. Amounts are formatted with src/lib/formatters.ts's formatXLM utility.

Acceptance Criteria

• The summary card renders one row per recipient showing their share percentage, absolute XLM amount, and payment status
• XLM amounts are formatted to 7 decimal places (stroop precision)
• A totals row at the bottom of the table confirms the sum equals the invoice total
• The card is visible on both the private detail page and the public invoice status page
• Amounts in the table update dynamically if invoice data is refreshed while the page is open
• All CI checks (npm test, npm run build, ESLint/TypeScript) pass and the branch has no merge conflicts

---

[Tobi-8]

Hey maintainer, I have experience in handling this issue
Kindly assign

[Tobi-8]

Please maintainer assign me to this issue
I have the knowledge and skill to complete this task

[AbuJulaybeeb]

@AbuJulaybeeb has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

hi maintainer, i am a Full-Stack and web3 Developer, with 4+ years of experience. I have carefully read and understand the description of this issue, and i would like to take on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @AbuJulaybeeb to this issue.

[felladaniel36-hash]

@felladaniel36-hash has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I'd like to claim this issue. I have reviewed the details and can begin working on a fix right away. Please assign it to me if it's still available. Thanks!

ℹ️ Repo Maintainers: To accept this application, review their application or assign @felladaniel36-hash to this issue.

[Okorie2000-code]

@Okorie2000-code has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I’d love the opportunity to resolve this issue. Kindly assign it to me.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Okorie2000-code to this issue.

[Oryke]

@Oryke has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

please assign me this

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Oryke to this issue.

[drips-wave]

Congratulations, @Oryke! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on July 30, 2026.

🧑‍💻 @Oryke: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[drips-wave]

This issue has been completed by @Oryke as part of the Stellar Wave Program's 7th Wave 🥳

😎 @Oryke: You earned 200 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.