Files
mpc/dashboard/components/smart-wallets/deploy-wizard.tsx
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

49 lines
1.6 KiB
TypeScript

interface DeployWizardProps {
currentStep: 'type' | 'config' | 'advanced' | 'deploy'
}
const steps = [
{ key: 'type', label: 'Type' },
{ key: 'config', label: 'Config' },
{ key: 'advanced', label: 'Advanced' },
{ key: 'deploy', label: 'Deploy' },
] as const
export function DeployWizard({ currentStep }: DeployWizardProps) {
const currentIndex = steps.findIndex((s) => s.key === currentStep)
return (
<div className="flex items-center justify-between">
{steps.map((step, i) => (
<div key={step.key} className="flex items-center gap-2">
<div
className={`flex h-8 w-8 items-center justify-center rounded-full text-xs font-semibold ${
step.key === currentStep
? 'bg-primary text-primary-foreground'
: i < currentIndex
? 'bg-emerald-500/20 text-emerald-400'
: 'bg-muted text-muted-foreground'
}`}
>
{i < currentIndex ? (
<svg className="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
<path strokeLinecap="round" strokeLinejoin="round" d="M5 13l4 4L19 7" />
</svg>
) : (
i + 1
)}
</div>
<span
className={`hidden text-xs font-medium sm:inline ${
step.key === currentStep ? 'text-foreground' : 'text-muted-foreground'
}`}
>
{step.label}
</span>
{i < steps.length - 1 && <div className="mx-2 h-px w-8 bg-border sm:w-12" />}
</div>
))}
</div>
)
}