Feature/stealth vault UI corrected

[boalambo]

Stealth Vault Claim/Refund UI

Summary

Implements the stealth vault UI for time-locked deposits with three main flows: deposit creation, recipient claiming, and sender refunding. The UI includes form validation, status tracking with countdowns, and Playwright tests for all flows.

Changes

• New /vault page with tabbed interface (Create Deposit, Claim, Status)
• Deposit form with validation for:
  • Recipient meta-address (st:xlm: format)
  • Amount (XLM with 7 decimal precision)
  • Unlock ledger (positive integer)
  • Refund window (positive integer in ledgers)
• Claim flow with sign-to-claim mechanism for recipients
• Refund flow with button to claw back funds after refund window opens
• Status table displaying:
  • Deposit ID, amount, unlock ledger, refund deadline
  • Real-time countdown to unlock and refund window
  • State indicators (pending/claimed/refunded)
  • Current ledger display
• Playwright tests for deposit, claim, and refund flows
• Placeholder components for Solana, Horizen, and CKB chains

Technical Notes

• Uses mock data and simulated contract calls
• Contract integration blocked until wraith-protocol/contracts#48 ships
• TODO comments mark where to integrate actual stealth-vault contract
• Follows existing codebase patterns (StellarSend, StellarReceive)

Acceptance Criteria

• ✅ Page implemented with 3 flows (deposit, claim, refund)
• ✅ Test merge blocked until stealth-vault contract ships
• ✅ Playwright tests for each flow

Files Added

• src/pages/Vault.tsx
• src/components/StellarVault.tsx
• src/components/StellarVaultDeposit.tsx
• src/components/StellarVaultClaim.tsx
• src/components/VaultStatusTable.tsx
• src/components/SolanaVault.tsx
• src/components/HorizenVault.tsx
• src/components/CkbVault.tsx
• tests/vault-deposit.spec.ts
• tests/vault-claim.spec.ts
• tests/vault-refund.spec.ts
• playwright.config.ts

Files Modified

• src/App.tsx - Added vault route
• src/components/Header.tsx - Added Vault navigation link
• package.json - Added Playwright and test scripts

Closes #62

[vercel]

@boalambo is attempting to deploy a commit to the truthixify's projects Team on Vercel.

A member of the Team first needs to authorize it.

[boalambo]

Hello maintainer, kindly check and let me know if there is anything else I need to work on. thank you

[truthixify]

The Stellar vault UI (StellarVault, StellarVaultDeposit, StellarVaultClaim, VaultStatusTable) + the three e2e specs are exactly what #62 needs. Test merge into develop is clean.

Three small things before merge:

1. Drop package-lock.json (25,939 lines npm lockfile). This repo uses pnpm.
2. Drop CkbVault.tsx, HorizenVault.tsx, SolanaVault.tsx. This wave is Stellar-only for the demo; we don't want stub components for other chains landing.
3. Drop public/mockServiceWorker.js (auto-generated by MSW, usually gitignored).

rm package-lock.json public/mockServiceWorker.js
rm src/components/CkbVault.tsx src/components/HorizenVault.tsx src/components/SolanaVault.tsx
# also remove any imports/refs to those from Vault.tsx
echo "public/mockServiceWorker.js" >> .gitignore
git add -u .gitignore
git commit --amend
git push --force-with-lease

After cleanup I will merge. Nice work on the Stellar pieces.

[truthixify]

StellarVault flows (deposit/claim/refund), VaultStatusTable, and the Playwright spec look great. Two things still blocking:

1. package-lock.json (25939 lines) still in the PR. This is a pnpm repo.
2. CkbVault.tsx, HorizenVault.tsx, SolanaVault.tsx are still present. This is the Stellar wave; please drop those three stubs and just leave the Stellar files.

rm package-lock.json
rm src/components/CkbVault.tsx src/components/HorizenVault.tsx src/components/SolanaVault.tsx
# also remove any imports/routes in App.tsx that referenced them
git add -u
git commit --amend --no-edit
git push --force-with-lease

[boalambo]

StellarVault flows (deposit/claim/refund), VaultStatusTable, and the Playwright spec look great. Two things still blocking:

1. package-lock.json (25939 lines) still in the PR. This is a pnpm repo.
2. CkbVault.tsx, HorizenVault.tsx, SolanaVault.tsx are still present. This is the Stellar wave; please drop those three stubs and just leave the Stellar files.

rm package-lock.json
rm src/components/CkbVault.tsx src/components/HorizenVault.tsx src/components/SolanaVault.tsx
# also remove any imports/routes in App.tsx that referenced them
git add -u
git commit --amend --no-edit
git push --force-with-lease

Please check now, thank you

[boalambo]

The Stellar vault UI (StellarVault, StellarVaultDeposit, StellarVaultClaim, VaultStatusTable) + the three e2e specs are exactly what #62 needs. Test merge into develop is clean.

Three small things before merge:

1. Drop package-lock.json (25,939 lines npm lockfile). This repo uses pnpm.
2. Drop CkbVault.tsx, HorizenVault.tsx, SolanaVault.tsx. This wave is Stellar-only for the demo; we don't want stub components for other chains landing.
3. Drop public/mockServiceWorker.js (auto-generated by MSW, usually gitignored).

rm package-lock.json public/mockServiceWorker.js
rm src/components/CkbVault.tsx src/components/HorizenVault.tsx src/components/SolanaVault.tsx
# also remove any imports/refs to those from Vault.tsx
echo "public/mockServiceWorker.js" >> .gitignore
git add -u .gitignore
git commit --amend
git push --force-with-lease

After cleanup I will merge. Nice work on the Stellar pieces.

Cleanup requested in review has been completed:

Removed package-lock.json
Removed public/mockServiceWorker.js
Removed CkbVault.tsx, HorizenVault.tsx, and SolanaVault.tsx
Confirmed no remaining references to the removed vault components
Added public/mockServiceWorker.js to .gitignore

Force-pushed the updated branch.