feat: perp whole (#3269)

* feat: base perps and name space

* feat: add close position and edit marin tp sl modal

* feat: toast show center & liq.price update

* fix: update deposit amount limit

* fix: revert no use change in swap

* fix: update margin and edit tp sl tag

* feat: update edit tp sl tag and init value

* fix： loading skeleton in perp

* fix: some ui update

* fix: singe coin hover hot area and tp sl price

* fix: loading center in perp home and text

* feat: perps slider update when price change

* fix: update ui

Author: jinming0618

_raw/locales/en/messages.json

@@ -764,8 +764,14 @@
       "deposit": "Deposit",
       "withdraw": "Withdraw",
       "positions": "Positions",
+      "closeAll": "Close All",
+      "closeAllPopup": {
+        "title": "Confirm Close All Positions",
+        "description": "All your open positions will be closed at market price."
+      },
       "toast": {
-        "setAutoCloseSuccess": "Auto close position set successfully",
+        "takeProfitSuccess": "Take profit set successfully",
+        "stopLossSuccess": "Stop loss set successfully",
         "closePositionSuccess": "Closed {{direction}} {{coin}}-USD: Size {{size}} at Price ${{price}}",
         "openPositionSuccess": "Opened {{direction}} {{coin}}-USD: Size {{size}} at Price ${{price}}"
       },
@@ -859,6 +865,7 @@
       "lastUsed": "Last used",
       "selectTokenToDeposit": "Select Token to Deposit",
       "tradePerps": "Trade Perps",
+      "position": "Position",
       "yourPosition": "Your Position",
       "pnl": "PNL",
       "size": "Size",
@@ -927,6 +934,115 @@
         "hyperliquidBalance": "Perps Balance",
         "notActivatedAddress": "Not Activated",
         "noPosition": "No Position"
+      },
+      "riskLevel": {
+        "title": "Risk Level",
+        "subTitle": "Real-time liquidation distance (%)",
+        "liquidationDistance": "Liquidation Distance",
+        "currentPrice": "Current Price",
+        "liquidationPrice": "Liquidation Price",
+        "liquidationDistanceTips": "Liquidation Distance (%) shows how far the current price is from your liquidation price. A larger distance indicates a safer position, while a smaller distance means higher liquidation risk.",
+        "danger": {
+          "title": "Danger",
+          "description": "Your position is at high risk of liquidation. The distance to liquidation price is ≤3%. Consider adding margin or closing your position to avoid liquidation."
+        },
+        "warning": {
+          "title": "Warning",
+          "description": "Your position is approaching liquidation risk. The distance to liquidation price is between 3% and 8%. Monitor your position carefully and consider adding margin."
+        },
+        "safe": {
+          "title": "Safe",
+          "description": "Your position is at a safe level. The distance to liquidation price is >8%. Continue to monitor market conditions."
+        },
+        "gotIt": "Got it"
+      },
+      "searchPerpsPopup": {
+        "openPosition": "Open Position",
+        "searchPerps": "Search Perps",
+        "onePosition": "1 Position",
+        "searchPosition": "Search position",
+        "searchPlaceholder": "Search perps",
+        "empty": "No markets found",
+        "hasPosition": "Position"
+      }
+    },
+    "perpsDetail": {
+      "PerpsOpenPositionPopup": {
+        "newPosition": "Open Position",
+        "margin": "Margin",
+        "long": "Long",
+        "short": "Short",
+        "available": "Available",
+        "leverage": "Leverage",
+        "size": "Size",
+        "sizeTips": "The total value or quantity of your trade, set by margin and leverage.",
+        "takeProfitWhenPriceAbove": "Take Profit When Price Above",
+        "takeProfitWhenPriceBelow": "Take Profit When Price Below",
+        "stopLossWhenPriceAbove": "Stop Loss When Price Above",
+        "stopLossWhenPriceBelow": "Stop Loss When Price Below",
+        "invalidNumber": "Invalid number",
+        "insufficientBalance": "Insufficient balance",
+        "free": "Free",
+        "rabbyFee": "Rabby Fee",
+        "providerFee": "Hyperliquid Fee",
+        "minimumOrderSize": "The minimum order size is $10",
+        "maximumOrderSize": "The maximum order size is {{amount}}"
+      },
+      "PerpsEditMarginPopup": {
+        "margin": "Margin",
+        "title": "Adjust Margin",
+        "addMargin": "Add Margin",
+        "reduceMargin": "Reduce Margin",
+        "currentPrice": "Current Price",
+        "amountToAdd": "Amount to Add",
+        "amountToReduce": "Amount to Reduce",
+        "perpsBalance": "Perps Balance",
+        "available": "Available",
+        "liqPrice": "Liq. Price:",
+        "reduceMarginTooltip": "Insufficient margin to reduce position.",
+        "confirm": "Confirm",
+        "insufficientBalance": "Insufficient balance",
+        "exceedMaxReduction": "Exceeds maximum reduction",
+        "addMarginSuccess": "Margin added successfully",
+        "reduceMarginSuccess": "Margin reduced successfully"
+      },
+      "PerpsClosePositionPopup": {
+        "title": "Close Position",
+        "amount": "Amount",
+        "total": "Total",
+        "minimumWarning": "Minimum close amount is {{percent}}%",
+        "receive": "Receive",
+        "closedPnl": "Closed PNL",
+        "fee": "Fee",
+        "confirm": "Confirm"
+      },
+      "PerpsAutoCloseModal": {
+        "title": "Auto Close Position",
+        "takeProfitWhen": "Take Profit When",
+        "takeProfitWhenPriceAbove": "Take Profit When Price Above",
+        "takeProfitWhenPriceBelow": "Take Profit When Price Below",
+        "stopLossWhen": "Stop Loss When",
+        "stopLossWhenPriceAbove": "Stop Loss When Price Above",
+        "stopLossWhenPriceBelow": "Stop Loss When Price Below",
+        "currentPrice": "Current Price: ",
+        "EntryAndCurrentPrice": "Entry: ${{entryPrice}} Current: ${{currentPrice}}",
+        "priceAbove": "Price above",
+        "priceBelow": "Price below",
+        "youGain": "You gain",
+        "youLoss": "You lose",
+        "takeProfitExpectedPNL": "Take Profit Expected PNL",
+        "stopLossExpectedPNL": "Stop Loss Expected PNL",
+        "confirm": "Confirm",
+        "takeProfit": "Take Profit",
+        "stopLoss": "Stop Loss",
+        "noPosition": "You must input margin first",
+        "takeProfitTipsLong": "Take profit price must be higher than current price",
+        "takeProfitTipsShort": "Take profit price must be lower than current price",
+        "stopLossTipsLong": "Stop loss price must be lower than current price",
+        "stopLossTipsShort": "Stop loss price must be higher than current price",
+        "stopLossTipsLongLiquidation": "Price is lower than the liq.price ({{price}})",
+        "stopLossTipsShortLiquidation": "Price is higher than the liq.price ({{price}})",
+        "cancel": "Cancel"
       }
     },
     "sendPoly": {

package.json

@@ -63,7 +63,7 @@
     "@rabby-wallet/eth-walletconnect-keyring": "2.1.7",
     "@rabby-wallet/eth-watch-keyring": "1.0.0",
     "@rabby-wallet/gnosis-sdk": "1.4.5",
-    "@rabby-wallet/hyperliquid-sdk": "1.0.9",
+    "@rabby-wallet/hyperliquid-sdk": "1.0.10",
     "@rabby-wallet/page-provider": "0.4.10",
     "@rabby-wallet/rabby-action": "0.1.14",
     "@rabby-wallet/rabby-api": "0.9.47",