+ {/* Note Parameters */}
+
+
+
+
+
+
+
+ {/* Merkle Root */}
+
+
+
+
updateParam('root', e.target.value)}
+ placeholder="0x..."
+ className="w-full bg-slate-800/50 border border-slate-700 rounded-lg px-4 py-3 text-white placeholder-slate-500 focus:outline-none focus:border-accent-500"
+ />
+
+ The root must be in the contract's historical root buffer
+
+
+
+ {/* Recipient Address */}
+
+
+
+
+
+ {/* Relayer Options */}
+
+
Relayer Options (optional)
+
+
+
+ Relayer Address
+
+
+
+
+
updateParam('fee', e.target.value)}
+ placeholder="0"
+ min="0"
+ step="0.01"
+ className="w-full bg-slate-800/50 border border-slate-700 rounded-lg px-3 py-2 text-sm text-white placeholder-slate-500 focus:outline-none focus:border-accent-500"
+ />
+
+
+
+
+ {/* Validation Errors */}
+ {validationErrors.length > 0 && (
+
+
+
+
+ {validationErrors.map((error, i) => (
+ • {error}
+ ))}
+
+
+ )}
+
+ {/* Simulate Button */}
+
0}
+ className="w-full bg-gradient-to-r from-accent-500 to-accent-600 hover:from-accent-600 hover:to-accent-700 text-white font-medium py-3 px-6 rounded-lg transition-all disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2"
+ >
+ {isSimulating ? (
+ <>
+
+
+ {/* Simulation Results */}
+ {result && (
+
+ Simulation Results
+
+ {/* Verification Status */}
+
+
+
+ {/* Stats Grid */}
+
+ = 90 ? 'success' : result.successProbability >= 70 ? 'warning' : 'error'}
+ />
+
+
+ {/* Nullifier Hash */}
+
+
+ Nullifier Hash
+ copyToClipboard(result.nullifierHash)}
+ className="text-slate-400 hover:text-white transition-colors"
+ >
+
+
+
+ {result.nullifierHash}
+
+
+
+
+
+ {result.errors.map((error, i) => (
+ • {error}
+ ))}
+
+
+
+
+ {result.warnings.map((warning, i) => (
+ • {warning}
+ ))}
+
+
+
+ All checks passed. Ready to withdraw.
+
+
+ )}
+
+ )}
+