Reality2byte
diff --git a/‎app/components/UI/Perps/Views/PerpsCloseAllPositionsView/PerpsCloseAllPositionsView.styles.ts‎
Lines changed: 2 additions & 0 deletions b/‎app/components/UI/Perps/Views/PerpsCloseAllPositionsView/PerpsCloseAllPositionsView.styles.ts‎
Lines changed: 2 additions & 0 deletions
diff --git a/‎app/components/UI/Perps/Views/PerpsCloseAllPositionsView/PerpsCloseAllPositionsView.test.tsx‎
Lines changed: 1 addition & 0 deletions b/‎app/components/UI/Perps/Views/PerpsCloseAllPositionsView/PerpsCloseAllPositionsView.test.tsx‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎app/components/UI/Perps/Views/PerpsClosePositionView/PerpsClosePositionView.test.tsx‎
Lines changed: 93 additions & 0 deletions b/‎app/components/UI/Perps/Views/PerpsClosePositionView/PerpsClosePositionView.test.tsx‎
Lines changed: 93 additions & 0 deletions
diff --git a/‎app/components/UI/Perps/Views/PerpsClosePositionView/PerpsClosePositionView.tsx‎
Lines changed: 21 additions & 7 deletions b/‎app/components/UI/Perps/Views/PerpsClosePositionView/PerpsClosePositionView.tsx‎
Lines changed: 21 additions & 7 deletions
diff --git a/‎app/components/UI/Perps/components/PerpsCloseSummary/PerpsCloseSummary.test.tsx‎
Lines changed: 57 additions & 1 deletion b/‎app/components/UI/Perps/components/PerpsCloseSummary/PerpsCloseSummary.test.tsx‎
Lines changed: 57 additions & 1 deletion
diff --git a/‎app/components/UI/Perps/components/PerpsCloseSummary/PerpsCloseSummary.tsx‎
Lines changed: 11 additions & 9 deletions b/‎app/components/UI/Perps/components/PerpsCloseSummary/PerpsCloseSummary.tsx‎
Lines changed: 11 additions & 9 deletions
diff --git a/‎app/components/UI/Perps/controllers/types/index.ts‎
Lines changed: 3 additions & 3 deletions b/‎app/components/UI/Perps/controllers/types/index.ts‎
Lines changed: 3 additions & 3 deletions
@@ -29,6 +29,8 @@ export const createStyles = (_theme: Theme) =>
     },
     footerContainer: {
       paddingHorizontal: 16,
+      zIndex: 0, // Ensure footer stays behind modal overlays
+      elevation: 0, // Android equivalent
     },
     labelWithTooltip: {
       flexDirection: 'row',
 
@@ -151,6 +151,7 @@ describe('PerpsCloseAllPositionsView', () => {
     avgProtocolFeeRate: 0.00045,
     avgOriginalMetamaskFeeRate: 0.015,
     isLoading: false,
+    isFetchingInBackground: false,
     hasError: false,
     shouldShowRewards: true,
   };
 
@@ -1377,6 +1377,99 @@ describe('PerpsClosePositionView', () => {
         expect(getByTestId('effective-pnl').props.children).toBe(20);
       });
     });
+
+    it('prevents confirm when limit price is missing for limit orders', () => {
+      const mockHandleClosePosition = jest.fn();
+
+      const TestComponent = () => {
+        const [orderType] = React.useState<'market' | 'limit'>('limit');
+        const [limitPrice] = React.useState<string>('');
+
+        const handleConfirm = () => {
+          if (orderType === 'limit' && !limitPrice) {
+            return;
+          }
+          mockHandleClosePosition();
+        };
+
+        return (
+          <View>
+            <TouchableOpacity testID="confirm-button" onPress={handleConfirm}>
+              <Text>Confirm</Text>
+            </TouchableOpacity>
+            <Text testID="order-type">{orderType}</Text>
+            <Text testID="limit-price">{limitPrice}</Text>
+          </View>
+        );
+      };
+
+      const { getByTestId } = render(<TestComponent />);
+
+      fireEvent.press(getByTestId('confirm-button'));
+
+      expect(mockHandleClosePosition).not.toHaveBeenCalled();
+    });
+
+    it('validates invalid limit price values before using as effective price', () => {
+      const TestComponent = () => {
+        const [limitPrice, setLimitPrice] = React.useState<string>('invalid');
+        const orderType = 'limit';
+        const currentPrice = 50000;
+
+        const effectivePrice = () => {
+          if (orderType === 'limit' && limitPrice) {
+            const parsed = parseFloat(limitPrice);
+            if (!isNaN(parsed) && parsed > 0) {
+              return parsed;
+            }
+          }
+          return currentPrice;
+        };
+
+        return (
+          <View>
+            <TouchableOpacity
+              testID="set-invalid"
+              onPress={() => setLimitPrice('invalid')}
+            >
+              <Text>Set Invalid</Text>
+            </TouchableOpacity>
+            <TouchableOpacity
+              testID="set-negative"
+              onPress={() => setLimitPrice('-100')}
+            >
+              <Text>Set Negative</Text>
+            </TouchableOpacity>
+            <TouchableOpacity
+              testID="set-zero"
+              onPress={() => setLimitPrice('0')}
+            >
+              <Text>Set Zero</Text>
+            </TouchableOpacity>
+            <TouchableOpacity
+              testID="set-valid"
+              onPress={() => setLimitPrice('51000')}
+            >
+              <Text>Set Valid</Text>
+            </TouchableOpacity>
+            <Text testID="effective-price">{effectivePrice()}</Text>
+          </View>
+        );
+      };
+
+      const { getByTestId } = render(<TestComponent />);
+
+      expect(getByTestId('effective-price').props.children).toBe(50000);
+
+      fireEvent.press(getByTestId('set-negative'));
+      expect(getByTestId('effective-price').props.children).toBe(50000);
+
+      fireEvent.press(getByTestId('set-zero'));
+      expect(getByTestId('effective-price').props.children).toBe(50000);
+
+      fireEvent.press(getByTestId('set-valid'));
+      expect(getByTestId('effective-price').props.children).toBe(51000);
+    });
   });
 
   describe('Input Handling', () => {
 
@@ -115,6 +115,11 @@ const PerpsClosePositionView: React.FC = () => {
     ? parseFloat(priceData[position.coin].price)
     : parseFloat(position.entryPrice);
 
+  // Use ref to access latest price without triggering fee recalculations
+  // This prevents continuous recalculations on every WebSocket price update
+  const currentPriceRef = useRef(currentPrice);
+  currentPriceRef.current = currentPrice;
+
   // Get top of book data for maker/taker fee determination
   const currentTopOfBook = usePerpsTopOfBook({
     symbol: position.coin,
@@ -157,22 +162,31 @@ const PerpsClosePositionView: React.FC = () => {
 
   // Calculate position value and effective margin
   // For limit orders, use limit price for display calculations
-  const positionValue = useMemo(
-    () => absSize * effectivePrice,
-    [absSize, effectivePrice], // Round to 2 decimal places
-  );
+  // Use ref for market price to prevent recalculation on every WebSocket update
+  const positionValue = useMemo(() => {
+    const priceToUse =
+      orderType === 'limit' && limitPrice
+        ? parseFloat(limitPrice)
+        : currentPriceRef.current;
+    return absSize * priceToUse;
+  }, [absSize, orderType, limitPrice]); // Exclude currentPrice from deps to prevent recalculation
 
   // Calculate P&L based on effective price (limit price for limit orders)
+  // Use ref for market price to prevent recalculation on every WebSocket update
   const entryPrice = parseFloat(position.entryPrice);
   const effectivePnL = useMemo(() => {
     // Calculate P&L based on the effective price (limit price for limit orders)
     // For long positions: (effectivePrice - entryPrice) * absSize
     // For short positions: (entryPrice - effectivePrice) * absSize
+    const priceToUse =
+      orderType === 'limit' && limitPrice
+        ? parseFloat(limitPrice)
+        : currentPriceRef.current;
     const priceDiff = isLong
-      ? effectivePrice - entryPrice
-      : entryPrice - effectivePrice;
+      ? priceToUse - entryPrice
+      : entryPrice - priceToUse;
     return priceDiff * absSize;
-  }, [effectivePrice, entryPrice, absSize, isLong]);
+  }, [entryPrice, absSize, isLong, orderType, limitPrice]); // Exclude effectivePrice from deps
 
   // Use the actual initial margin from the position
   const initialMargin = parseFloat(position.marginUsed);
 
@@ -1,5 +1,5 @@
 import React from 'react';
-import { render } from '@testing-library/react-native';
+import { render, fireEvent } from '@testing-library/react-native';
 import PerpsCloseSummary from './PerpsCloseSummary';
 import { strings } from '../../../../../../locales/i18n';
 
@@ -205,4 +205,60 @@ describe('PerpsCloseSummary', () => {
     // Assert - rewards section still renders with error state
     expect(getByText('perps.estimated_points')).toBeTruthy();
   });
+
+  it('handles tooltip press to open fees tooltip', () => {
+    const props = {
+      ...defaultProps,
+      enableTooltips: true,
+      testIDs: { feesTooltip: 'fees-tooltip' },
+    };
+
+    const { getByTestId } = render(<PerpsCloseSummary {...props} />);
+
+    fireEvent.press(getByTestId('fees-tooltip'));
+
+    expect(getByTestId('fees-tooltip')).toBeTruthy();
+  });
+
+  it('handles tooltip press to open receive amount tooltip', () => {
+    const props = {
+      ...defaultProps,
+      enableTooltips: true,
+      testIDs: { receiveTooltip: 'receive-tooltip' },
+    };
+
+    const { getByTestId } = render(<PerpsCloseSummary {...props} />);
+
+    fireEvent.press(getByTestId('receive-tooltip'));
+
+    expect(getByTestId('receive-tooltip')).toBeTruthy();
+  });
+
+  it('handles tooltip press to open points tooltip when rewards enabled', () => {
+    const props = {
+      ...defaultProps,
+      shouldShowRewards: true,
+      enableTooltips: true,
+      estimatedPoints: 100,
+      testIDs: { pointsTooltip: 'points-tooltip' },
+    };
+
+    const { getByTestId } = render(<PerpsCloseSummary {...props} />);
+
+    fireEvent.press(getByTestId('points-tooltip'));
+
+    expect(getByTestId('points-tooltip')).toBeTruthy();
+  });
+
+  it('does not trigger tooltip callback when tooltips are disabled', () => {
+    const props = {
+      ...defaultProps,
+      enableTooltips: false,
+      testIDs: { feesTooltip: 'fees-tooltip' },
+    };
+
+    const { queryByTestId } = render(<PerpsCloseSummary {...props} />);
+
+    expect(queryByTestId('fees-tooltip')).toBeNull();
+  });
 });
@@ -34,15 +34,15 @@ export interface PerpsCloseSummaryProps {
   /** Total unrealized P&L (for "includes P&L" breakdown) */
   totalPnl: number;
 
-  /** Total fees for closing */
-  totalFees: number;
-  /** Fee discount percentage (0-100) */
+  /** Total fees for closing (undefined when unavailable) */
+  totalFees?: number;
+  /** Fee discount percentage (0-100, undefined when unavailable) */
   feeDiscountPercentage?: number;
-  /** MetaMask fee rate (as decimal, e.g. 0.01 for 1%) */
-  metamaskFeeRate: number;
-  /** Protocol fee rate (as decimal, e.g. 0.00045 for 0.045%) */
-  protocolFeeRate: number;
-  /** Original MetaMask fee rate before discounts */
+  /** MetaMask fee rate (as decimal, e.g. 0.01 for 1%) - undefined means unavailable/error state */
+  metamaskFeeRate?: number;
+  /** Protocol fee rate (as decimal, e.g. 0.00045 for 0.045%) - undefined means unavailable/error state */
+  protocolFeeRate?: number;
+  /** Original MetaMask fee rate before discounts - undefined means unavailable/error state */
   originalMetamaskFeeRate?: number;
 
   /** Amount user will receive after closing */
@@ -213,14 +213,16 @@ const PerpsCloseSummary: React.FC<PerpsCloseSummaryProps> = ({
                   color={theme.colors.icon.alternative}
                 />
               </View>
-            ) : (
+            ) : totalFees !== undefined ? (
               <PerpsFeesDisplay
                 feeDiscountPercentage={feeDiscountPercentage}
                 formatFeeText={`-${formatPerpsFiat(totalFees, {
                   ranges: PRICE_RANGES_MINIMAL_VIEW,
                 })}`}
                 variant={TextVariant.BodyMD}
               />
+            ) : (
+              <Text variant={TextVariant.BodyMD}>--</Text>
             )}
           </View>
         </View>
 
@@ -622,15 +622,15 @@ export interface FeeCalculationParams {
 
 export interface FeeCalculationResult {
   // Total fees (protocol + MetaMask)
-  feeRate: number; // Total fee rate as decimal (e.g., 0.00145 for 0.145%)
+  feeRate?: number; // Total fee rate as decimal (e.g., 0.00145 for 0.145%), undefined when unavailable
   feeAmount?: number; // Total fee amount in USD (when amount is provided)
 
   // Protocol-specific base fees
-  protocolFeeRate: number; // Protocol fee rate (e.g., 0.00045 for HyperLiquid taker)
+  protocolFeeRate?: number; // Protocol fee rate (e.g., 0.00045 for HyperLiquid taker), undefined when unavailable
   protocolFeeAmount?: number; // Protocol fee amount in USD
 
   // MetaMask builder/revenue fee
-  metamaskFeeRate: number; // MetaMask fee rate (e.g., 0.001 for 0.1%)
+  metamaskFeeRate?: number; // MetaMask fee rate (e.g., 0.001 for 0.1%), undefined when unavailable
   metamaskFeeAmount?: number; // MetaMask fee amount in USD
 
   // Optional detailed breakdown for transparency