Files
zeekay 6b38df60a4 feat: MPC wallet dashboard - full-stack implementation
Complete MPC wallet management platform rivaling Fireblocks/Utila/Fordefi:

Backend (Go):
- REST API with 60+ endpoints on chi router (pkg/api/)
- PostgreSQL schema with 13 tables (pkg/db/)
- JWT + MFA auth, bcrypt passwords, API key management
- Policy engine (deny/approve/require_approval)
- Transaction signing flow with approval workflow
- Subscription scheduler for recurring payments
- Payment requests with public pay pages
- Safe + ERC-4337 smart wallet integration (pkg/smart/)
- Rate limiting, webhook delivery (HMAC-SHA256), audit logging
- 27 passing tests (auth, policy engine, middleware)

Frontend (Next.js 14):
- 27 routes with monochrome dark theme (Tailwind + Geist fonts)
- Full API client with JWT auto-refresh
- React Query hooks for all resources
- Pages: dashboard, vaults, wallets, transactions, policies,
  whitelist, team, settings, API keys, webhooks, audit,
  subscriptions, payments, smart wallets

Infrastructure:
- Dockerfiles for API (Go) and dashboard (Next.js standalone)
- compose.yml for local development (PostgreSQL + API + dashboard)
- K8s manifests for mpc.lux.network + cloud.lux.network
- GitHub Actions deploy workflow (build → push GHCR → kubectl apply)
- TLS via cert-manager, Traefik IngressRoute for both domains
2025-12-27 13:11:38 -08:00

45 lines
1.3 KiB
TypeScript

import Link from 'next/link'
import { StatusBadge } from '@/components/common/status-badge'
interface SmartWallet {
id: string
type: 'safe' | 'erc4337'
chain: string
chainId: number
contractAddress: string
threshold: number
owners: string[]
status: 'deployed' | 'pending' | 'failed'
}
interface SmartWalletCardProps {
wallet: SmartWallet
}
export function SmartWalletCard({ wallet }: SmartWalletCardProps) {
return (
<Link
href={`/smart-wallets/${wallet.id}`}
className="group rounded-lg border border-border bg-card p-6 transition-colors hover:border-foreground/20"
>
<div className="flex items-center justify-between">
<span className="text-sm font-semibold">
{wallet.type === 'safe' ? 'Safe' : 'ERC-4337'}
</span>
<StatusBadge status={wallet.status === 'deployed' ? 'active' : wallet.status} />
</div>
<p className="mt-2 truncate font-mono text-xs text-muted-foreground">
{wallet.contractAddress}
</p>
<div className="mt-4 flex items-center justify-between text-xs text-muted-foreground">
<span>
{wallet.chain} ({wallet.chainId})
</span>
<span className="font-mono">
{wallet.threshold}-of-{wallet.owners.length}
</span>
</div>
</Link>
)
}