ui fixes

Author: kevinfaveri

packages/backend/src/services/jupiter-swap-builder.ts

@@ -136,10 +136,11 @@ export async function buildSwapTransaction(
   // Default slippage: 50 bps (0.5%)
   const slippageBps = params.slippageBps || 50;
 
-  console.log('Getting Jupiter Ultra order...', {
+  console.log('[JUPITER-SWAP] Getting Jupiter Ultra order...', {
     inputMint: params.inputMint,
     outputMint: params.outputMint,
     amount: params.amount,
+    amountType: typeof params.amount,
     taker: params.sourceWallet,
     slippageBps,
   });

packages/backend/src/services/swap-transaction-queue-processor.ts

@@ -257,6 +257,17 @@ export class SwapQueueProcessor {
       const txBuffer = Buffer.from(signedTransactionBase64, 'base64');
 
       console.log('[SWAP-QUEUE] Submitting swap transaction to Solana...');
+      console.log('[SWAP-QUEUE] Transaction buffer length:', txBuffer.length);
+      console.log('[SWAP-QUEUE] First 32 bytes of buffer:', txBuffer.slice(0, 32).toString('hex'));
+
+      // Deserialize to inspect transaction
+      try {
+        const tx = VersionedTransaction.deserialize(txBuffer);
+        console.log('[SWAP-QUEUE] Transaction signatures count:', tx.signatures.length);
+        console.log('[SWAP-QUEUE] First signature:', tx.signatures[0] ? Buffer.from(tx.signatures[0]).toString('base64') : 'none');
+      } catch (deserializeError) {
+        console.error('[SWAP-QUEUE] Failed to deserialize transaction for inspection:', deserializeError);
+      }
 
       // Send with retry and skipPreflight
       const signature = await this.connection.sendRawTransaction(txBuffer, {
@@ -266,11 +277,20 @@ export class SwapQueueProcessor {
       });
 
       console.log('[SWAP-QUEUE] ✅ Swap transaction submitted with signature:', signature);
+      console.log('[SWAP-QUEUE] Signature type:', typeof signature);
+      console.log('[SWAP-QUEUE] Signature length:', signature.length);
+
+      // Validate signature is not a dummy/placeholder
+      if (signature === '1111111111111111111111111111111111111111111111111111111111111111' ||
+          signature.length < 64) {
+        console.error('[SWAP-QUEUE] ❌ Invalid signature received:', signature);
+        throw new Error('Invalid transaction signature received from Solana');
+      }
 
       return signature;
     } catch (error) {
       console.error('[SWAP-QUEUE] Error submitting swap transaction:', error);
-      return null;
+      throw error; // Re-throw to trigger retry logic
     }
   }
 

packages/frontend/src/components/BridgeUINew.tsx

@@ -206,8 +206,13 @@ export function BridgeUINew() {
       }
     }
 
-    // Check if user has enough balance to cover receive amount + fee
-    if (feeInfo.totalNeeded > userBalance) {
+    // Check if user has enough balance to cover amount + fee
+    // Convert balance to USDC value for comparison
+    const userBalanceInUsdc = sourceToken.symbol !== 'USDC' && sourcePriceInUsdc
+      ? userBalance * sourcePriceInUsdc
+      : userBalance;
+
+    if (feeInfo.totalNeeded > userBalanceInUsdc) {
       return {
         isValid: false,
         error: `You must have $${feeInfo.fee.toFixed(2)} spare USDC to pay for the rail ticket fee.`
@@ -690,6 +695,7 @@ export function BridgeUINew() {
                       selectedToken={destToken}
                       onTokenChange={setDestToken}
                       sourceAmount={sourceAmount}
+                      sourceTokenSymbol={sourceToken.symbol}
                     />
                   )}
                 </div>

packages/frontend/src/components/ToTokenSelector.tsx

@@ -29,13 +29,15 @@ interface ToTokenSelectorProps {
   selectedToken: ToTokenOption;
   onTokenChange: (token: ToTokenOption) => void;
   sourceAmount?: string;
+  sourceTokenSymbol?: string;
 }
 
 export function ToTokenSelector({
   chain,
   selectedToken,
   onTokenChange,
   sourceAmount,
+  sourceTokenSymbol = 'USDC',
 }: ToTokenSelectorProps) {
   const tokens = chain === 'solana' ? SOLANA_TOKENS : EVM_TOKENS;
 
@@ -56,8 +58,8 @@ export function ToTokenSelector({
         {/* Spacer */}
         <div className="flex-1" />
 
-        {/* "USDC worth of:" text aligned to right */}
-        <span className="text-sm text-slate-400 whitespace-nowrap">USDC worth of</span>
+        {/* Dynamic "X worth of:" text aligned to right */}
+        <span className="text-sm text-slate-400 whitespace-nowrap">{sourceTokenSymbol} worth of</span>
 
         {/* Token Selector with Icon */}
         <Popover.Root>