[FE-20] Build /documents/:id/verify page — Stellar anchoring trigger with tx hash and QR code

[mftee]

Overview

After a document is uploaded and analyzed, the user needs to explicitly trigger Stellar blockchain anchoring. This page explains what blockchain verification means, lets the user initiate it, and displays the result (transaction hash, explorer link, QR code) after anchoring completes.

Background

File to create: frontend/app/(protected)/documents/[id]/verify/page.tsx

Pre-verification state:

• Explanation: "Anchoring your document on the Stellar blockchain creates a permanent, tamper-proof record of its existence."
• Document hash preview (SHA-256)
• Estimated cost note (Stellar transaction fee)
• "Anchor on Stellar" button → calls POST /api/documents/:id/verify

Processing state:

• Progress bar that updates via WebSocket (FE-06)
• Status: "Submitting to Stellar network..."

Post-verification state:

• Large green checkmark
• Stellar tx hash (copyable, links to Stellar explorer)
• Anchor timestamp and ledger number
• QR code (from BE-85)
• "Download Verification Certificate" button → prints a PDF of this page

Acceptance Criteria

• Pre-verification state shows the document hash
• Button calls POST /api/documents/:id/verify and transitions to processing state immediately
• Processing state shows real-time progress via WebSocket
• Post-verification state shows all Stellar details from GET /api/documents/:id/verification
• Returns to detail page if the document is already verified

[Gogo-Eng]

@Gogo-Eng has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

I would love to work on this issue

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

[Mayorlay]

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

Hello please This issue aligns well with my experience. I can work on it and submit a polished PR for review

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

[Ummi-001]

@Ummi-001 has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Hi, I am a full stack developer I would really like to contribute on this project, as I clearly understand what is needed to be done.

If available, please assign it to me.
ETA is in 2 hours

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

[bl4vk-0bsidi4n]

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

Hello Maintainer,
I would love to be assigned this issue to work on please.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @bl4vk-0bsidi4n to this issue.

[khaadish]

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

Interested in taking this on. I’ve worked across smart contracts, APIs, and frontend integrations, and I can start immediately.

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

[drips-wave]

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

🧑‍💻 @khaadish: 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]

🦊 GrantFox — @khaadish has been assigned to this issue as part of the Official Campaign | FWC26 campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #832)
2. Your PR will be reviewed by the CodeGirlsInc maintainers

Good luck! Track your progress on GrantFox.