Blockchain Confirmation Block Counter Widget

[Kingsman-99]

Description

After a user signs and submits a payment transaction, the app shows no indication of how many block confirmations have been received, leaving them unsure whether the transaction is still pending or already finalized. A live confirmation block counter should display progress toward finality.

Technical Context

src/hooks/useTransactionConfirmations.ts (new) polls src/app/api/tx/[hash]/route.ts (new), which queries Horizon /transactions/<hash> and returns the ledger sequence and the current ledger sequence from /ledgers?order=desc&limit=1 to compute confirmations. A src/components/invoice/ConfirmationCounter.tsx renders a circular progress indicator (SVG arc) that fills as confirmations increase toward a FINALITY_THRESHOLD constant (e.g., 3). Polling stops when the threshold is reached.

Acceptance Criteria

• After a transaction is submitted, a confirmation counter appears showing "0 / 3 confirmations"
• The counter increments as the Horizon polling endpoint returns new ledger data
• A circular SVG progress arc fills proportionally as confirmations approach the finality threshold
• When the threshold is reached the counter displays "Confirmed" with a green checkmark and polling stops
• The polling interval is 5 seconds and pauses when the browser tab is hidden using the Page Visibility API
• All CI checks (npm test, npm run build, ESLint/TypeScript) pass and the branch has no merge conflicts

---

[GazzyLee]

gm gm boss, I'd like to take this on. I'll implement a live confirmation counter with Horizon polling, a circular progress indicator, and automatic polling stop once the finality threshold is reached. I'll also handle tab visibility for efficient polling and ensure everything is covered by tests. ETD is in4 hours tops, please assign

[kelvin1738-sys]

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

Hello, I'm interested in contributing to this issue and would appreciate the opportunity to work on it. Thank you for your consideration.

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

[Netty-kun]

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

Hi Maintainer, I'd be glad to handle this issue. I've reviewed the requirements and am confident in the implementation. I'll start immediately if assigned, provide progress updates, and submit a well-tested PR without unnecessary delay.

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

[Nuwe10]

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

I will like to work on this please

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

[gitGolf]

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

Hello Maintainer, I'd love to work on this task.
Please assign it to me, Thank you!

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

[drips-wave]

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

🧑‍💻 @Nuwe10: 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 🌊

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox as part of the Official Campaign | FWC26 campaign!

@Nuwe10's PR #546 was approved and merged by @Kingsman-99.

🏆 @Nuwe10: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (131 total points). Track your full progress on GrantFox.

👏 Great work, @Nuwe10! Keep contributing to Stellar-split.

[drips-wave]

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

😎 @Nuwe10: 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.