feat: show commission amount + percentage on all escrow history pages

- Escrow list items show commission in amber
- Detail view shows commission with percentage
- Manage page shows commission + beneficiary net amount
- Bump to 0.4.9

Author: ralyodio

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coinpayportal",
-  "version": "0.4.8",
+  "version": "0.4.9",
   "private": true,
   "type": "module",
   "bin": {

packages/sdk/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@profullstack/coinpay",
-  "version": "0.4.8",
+  "version": "0.4.9",
   "description": "CoinPay SDK & CLI — Accept cryptocurrency payments (BTC, ETH, SOL, POL, BCH, USDC) with wallet and swap support",
   "type": "module",
   "main": "./src/index.js",

src/app/escrow/manage/page.tsx

@@ -462,11 +462,14 @@ function EscrowManagePage() {
                     </p>
                   </div>
 
-                  {escrow.fee_amount && (
+                  {escrow.fee_amount != null && escrow.fee_amount > 0 && (
                     <div>
-                      <h3 className="text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Platform Fee</h3>
-                      <p className="text-sm text-gray-900 dark:text-white">
-                        {escrow.fee_amount} {escrow.chain}
+                      <h3 className="text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Platform Commission</h3>
+                      <p className="text-sm text-amber-600 dark:text-amber-400 font-medium">
+                        {escrow.fee_amount} {escrow.chain} ({((escrow.fee_amount / escrow.amount) * 100).toFixed(1)}%)
+                      </p>
+                      <p className="text-xs text-gray-500 dark:text-gray-400 mt-0.5">
+                        Beneficiary receives: {(escrow.amount - escrow.fee_amount).toFixed(6)} {escrow.chain}
                       </p>
                     </div>
                   )}

src/app/escrow/page.tsx

@@ -216,6 +216,11 @@ export default function EscrowDashboardPage() {
                   <span>→ {shortenAddress(escrow.beneficiary_address)}</span>
                   <span>{formatDate(escrow.created_at)}</span>
                 </div>
+                {escrow.fee_amount != null && escrow.fee_amount > 0 && (
+                  <div className="mt-1 text-xs text-amber-600 dark:text-amber-400">
+                    Commission: {escrow.fee_amount} {escrow.chain} ({escrow.amount ? ((escrow.fee_amount / escrow.amount) * 100).toFixed(1) : '?'}%)
+                  </div>
+                )}
                 {escrow.metadata && Object.keys(escrow.metadata).length > 0 && (
                   <div className="mt-2 text-xs text-gray-400">
                     {(escrow.metadata as any).job || (escrow.metadata as any).description || JSON.stringify(escrow.metadata).slice(0, 60)}
@@ -269,10 +274,10 @@ export default function EscrowDashboardPage() {
                       <dd className="text-gray-900 dark:text-white">{selectedEscrow.deposited_amount} {selectedEscrow.chain}</dd>
                     </div>
                   )}
-                  {selectedEscrow.fee_amount && (
+                  {selectedEscrow.fee_amount != null && selectedEscrow.fee_amount > 0 && (
                     <div>
-                      <dt className="text-gray-500 dark:text-gray-400">Platform Fee</dt>
-                      <dd className="text-gray-900 dark:text-white">{selectedEscrow.fee_amount} {selectedEscrow.chain}</dd>
+                      <dt className="text-gray-500 dark:text-gray-400">Platform Commission</dt>
+                      <dd className="text-amber-600 dark:text-amber-400 font-medium">{selectedEscrow.fee_amount} {selectedEscrow.chain} ({((selectedEscrow.fee_amount / selectedEscrow.amount) * 100).toFixed(1)}%)</dd>
                     </div>
                   )}
                   {selectedEscrow.deposit_tx_hash && (