fix locked withdraw flow issues

Author: rossgalloway

src/components/pages/vaults/components/widget/shared/TransactionOverlay.tsx

@@ -393,11 +393,6 @@ export const TransactionOverlay: FC<TransactionOverlayProps> = ({
 
       if (wrongNetwork && txChainId) {
         try {
-          console.info('[TransactionOverlay] Switching chain', {
-            from: currentChainId,
-            to: txChainId,
-            step: currentStep.label
-          })
           await switchChainAsync({ chainId: txChainId })
         } catch {
           console.warn('[TransactionOverlay] Chain switch rejected', { to: txChainId, step: currentStep.label })
@@ -411,11 +406,6 @@ export const TransactionOverlay: FC<TransactionOverlayProps> = ({
 
       try {
         if (isEnsoOrder) {
-          console.info('[TransactionOverlay] Executing Enso order', {
-            step: currentStep.label,
-            isCrossChain
-          })
-
           const customWriteAsync = request.writeContractAsync
           const result = await customWriteAsync()
           if (!result.hash) {

src/components/pages/vaults/components/widget/withdraw/WithdrawDetails.tsx

@@ -1,4 +1,4 @@
-import type { FC } from 'react'
+import type { ReactElement } from 'react'
 import { formatUnits } from 'viem'
 import { formatWidgetAllowance, formatWidgetValue } from '../shared/valueDisplay'
 import type { WithdrawRouteType } from './types'
@@ -32,10 +32,16 @@ interface WithdrawDetailsProps {
   allowance?: bigint
   allowanceTokenDecimals?: number
   allowanceTokenSymbol?: string
+  approvalSpenderName?: string
   onAllowanceClick?: () => void
+  onShowApprovalOverlay?: () => void
 }
 
-export const WithdrawDetails: FC<WithdrawDetailsProps> = ({
+function getApprovalLabel(approvalSpenderName?: string): string {
+  return approvalSpenderName ? `Existing Approval (${approvalSpenderName})` : 'Existing Approval'
+}
+
+export function WithdrawDetails({
   actionLabel,
   requiredShares,
   sharesDecimals,
@@ -56,11 +62,12 @@ export const WithdrawDetails: FC<WithdrawDetailsProps> = ({
   allowance,
   allowanceTokenDecimals,
   allowanceTokenSymbol,
-  onAllowanceClick
-}) => {
+  approvalSpenderName,
+  onAllowanceClick,
+  onShowApprovalOverlay
+}: WithdrawDetailsProps): ReactElement {
   const allowanceDisplay = formatWidgetAllowance(allowance, allowanceTokenDecimals)
-
-  // Calculate price impact (withdraw amount USD vs expected output USD)
+  const approvalLabel = getApprovalLabel(approvalSpenderName)
   const withdrawUsdValue = Number(formatUnits(withdrawAmountBn, assetDecimals)) * assetUsdPrice
   const expectedOutUsdValue = Number(formatUnits(expectedOut, outputDecimals)) * outputUsdPrice
   const priceImpact =
@@ -131,7 +138,17 @@ export const WithdrawDetails: FC<WithdrawDetailsProps> = ({
         {/* Approved allowance (for zap withdrawals) */}
         {allowanceDisplay && (
           <div className="flex items-center justify-between h-5">
-            <p className="text-sm text-text-secondary">Existing Approval</p>
+            {onShowApprovalOverlay ? (
+              <button
+                type="button"
+                onClick={onShowApprovalOverlay}
+                className="text-sm text-text-secondary hover:text-text-primary transition-colors yearn--link-dots"
+              >
+                {approvalLabel}
+              </button>
+            ) : (
+              <p className="text-sm text-text-secondary">{approvalLabel}</p>
+            )}
             {onAllowanceClick && allowanceDisplay !== 'Unlimited' ? (
               <button
                 type="button"