Implement Wallet Balance and Asset Management Page

[0xdevcollins]

Feature: Implement Wallet Balance and Asset Management Page

Overview

The wallet page (app/wallet/) exists but uses mock data. It needs real integration with the Stellar smart wallet to show live balances, asset management, and transaction history.

Depends on: #148 (Passkey auth), #139 (Contract bindings)

---

Goals

• Display real XLM, USDC, EURC balances from smart wallet
• Show transaction history from Stellar network
• Enable asset trustline management
• Show escrow-locked funds across active bounties

---

Implementation Details

1. Live Balance Fetching

Modify: app/wallet/page.tsx

• Replace mock data with real fetchSacTokenBalance() and fetchNativeBalance() calls
• USD conversion via price feed
• Auto-refresh on interval

2. Transaction History

• Fetch from Stellar Horizon API
• Filter by payment operations
• Show: amount, asset, counterparty, timestamp, tx hash (linked to explorer)

3. Escrow Summary

• Aggregate locked funds across all active bounties
• Show per-bounty escrow amounts
• Link to bounty detail pages

4. Asset Management

• List current trustlines
• Add new trustlines (USDC, EURC, etc.)
• Show supported assets from config

---

Acceptance Criteria

• Real balances displayed from smart wallet
• Transaction history from Stellar network
• Escrow-locked funds aggregated and displayed
• Trustline management functional
• USD conversion shown

[linear]

BOU-161

[coderabbitai]

⚠️ Possible Duplicate Issue(s)

• Implement Full Wallet Page with Balance, Assets, Activity History, and Fiat Off-Ramping #69

🔗 Related PRs

#17 - feat: Built BountyCard component with shadcn composition [merged]
#71 - feat: Implement User Wallet Sheet with Balance, Assets, and Activity … [merged]
#89 - feat: add public transparency page (#86) [merged]
#110 - feat: Implement Earnings & Payout Tracking [merged]
#111 - Feat: implementation logic for single claim model [merged]

---

📝 Issue Planner

_{Check the box below or use the @coderabbitai plan command to generate an implementation plan and prompts that you can use with your favorite coding assistant.}

• Create Plan

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!

[Delightech28]

@Delightech28 has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

I'd like to work on this

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

[zhaog100]

/attempt

[zhaog100]

/attempt

[DioChuks]

@DioChuks has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

Hi, i'm a web3 engineer & can tackle this by ensuring the real integration with the Stellar smart wallet to show live balances, asset management, and transaction history. I'll also ensure to meet the criteria acceptance.

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

[SimpleX-T]

@SimpleX-T has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

Hi Collins,
I'd love to take on this issue. I know what problem to solve, and how to solve it. Kindly assign this to me

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

[zhaog100]

/attempt

[limitlxx]

@limitlxx has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

Can you assign me this issue?

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