@pear-protocol/hyperliquid-sdk 0.0.49 → 0.0.50

package/dist/index.js

@@ -26,6 +26,7 @@ const useUserData = create((set) => ({
     accountSummary: null,
     twapDetails: null,
     notifications: null,
+    userExtraAgents: null,
     setTradeHistories: (value) => set({ tradeHistories: value }),
     setRawOpenPositions: (value) => set({ rawOpenPositions: value }),
     setOpenOrders: (value) => set({ openOrders: value }),
@@ -40,6 +41,7 @@ const useUserData = create((set) => ({
         twapDetails: null,
         notifications: null,
     }),
+    setUserExtraAgents: (value) => set({ userExtraAgents: value }),
 }));
 
 const useMarketData = create((set) => ({
@@ -50,9 +52,28 @@ const useMarketData = create((set) => ({
     clean: () => set({ marketData: null, marketDataAll: null }),
 }));
 
-const useHyperliquidWebSocket = ({ wsUrl, address }) => {
+// Utilities for translating between display symbols and backend (prefixed) symbols
+/**
+ * Convert a full/prefixed symbol (e.g., "xyz:XYZ100") to a display symbol (e.g., "XYZ100").
+ */
+function toDisplaySymbol(symbol) {
+    const parts = symbol.split(":");
+    return parts.length > 1 ? parts.slice(-1)[0] : symbol;
+}
+/**
+ * Convert a display symbol back to backend form using a provided map.
+ * If mapping is missing, returns the original symbol.
+ * @param displaySymbol e.g., "XYZ100"
+ * @param displayToFull map of display -> full (e.g., "XYZ100" -> "xyz:XYZ100")
+ */
+function toBackendSymbol(displaySymbol, displayToFull) {
+    var _a;
+    return (_a = displayToFull.get(displaySymbol)) !== null && _a !== void 0 ? _a : displaySymbol;
+}
+
+const useHyperliquidWebSocket = ({ wsUrl, address, enabled = true, }) => {
     const { setTradeHistories, setRawOpenPositions, setOpenOrders, setAccountSummary, setTwapDetails, setNotifications, clean, } = useUserData();
-    const { setMarketData, setMarketDataAll } = useMarketData();
+    const { setMarketData } = useMarketData();
     const [lastError, setLastError] = useState(null);
     const [lastSubscribedAddress, setLastSubscribedAddress] = useState(null);
     // Native WebSocket connection with basic reconnection
@@ -82,30 +103,69 @@ const useHyperliquidWebSocket = ({ wsUrl, address }) => {
                 }
                 switch (dataMessage.channel) {
                     case 'trade-histories':
-                        setTradeHistories(dataMessage.data);
+                        {
+                            const list = dataMessage.data.map((item) => ({
+                                ...item,
+                                longAssets: item.longAssets.map((a) => ({ ...a, coin: toDisplaySymbol(a.coin) })),
+                                shortAssets: item.shortAssets.map((a) => ({ ...a, coin: toDisplaySymbol(a.coin) })),
+                            }));
+                            setTradeHistories(list);
+                        }
                         break;
                     case 'open-positions':
-                        setRawOpenPositions(dataMessage.data);
+                        {
+                            const list = dataMessage.data.map((pos) => ({
+                                ...pos,
+                                longAssets: pos.longAssets.map((a) => ({ ...a, coin: toDisplaySymbol(a.coin) })),
+                                shortAssets: pos.shortAssets.map((a) => ({ ...a, coin: toDisplaySymbol(a.coin) })),
+                            }));
+                            setRawOpenPositions(list);
+                        }
                         break;
                     case 'open-orders':
-                        setOpenOrders(dataMessage.data);
+                        {
+                            const list = dataMessage.data.map((order) => ({
+                                ...order,
+                                longAssets: order.longAssets.map((a) => ({ ...a, asset: toDisplaySymbol(a.asset) })),
+                                shortAssets: order.shortAssets.map((a) => ({ ...a, asset: toDisplaySymbol(a.asset) })),
+                            }));
+                            setOpenOrders(list);
+                        }
                         break;
                     case 'account-summary':
                         setAccountSummary(dataMessage.data);
                         break;
                     case 'twap-details':
-                        setTwapDetails(dataMessage.data);
+                        {
+                            const list = dataMessage.data.map((twap) => ({
+                                ...twap,
+                                longAssets: twap.longAssets.map((a) => ({ ...a, asset: toDisplaySymbol(a.asset) })),
+                                shortAssets: twap.shortAssets.map((a) => ({ ...a, asset: toDisplaySymbol(a.asset) })),
+                            }));
+                            setTwapDetails(list);
+                        }
                         break;
                     case 'notifications':
                         setNotifications(dataMessage.data);
                         break;
                     case 'market-data':
-                        setMarketData(dataMessage.data);
-                        break;
-                    case 'market-data-all':
-                        setMarketDataAll(dataMessage.data);
+                        {
+                            const md = dataMessage.data;
+                            const mapGroup = (g) => ({
+                                ...g,
+                                longAssets: g.longAssets.map((a) => ({ ...a, asset: toDisplaySymbol(a.asset) })),
+                                shortAssets: g.shortAssets.map((a) => ({ ...a, asset: toDisplaySymbol(a.asset) })),
+                            });
+                            const mapped = {
+                                active: md.active.map(mapGroup),
+                                topGainers: md.topGainers.map(mapGroup),
+                                topLosers: md.topLosers.map(mapGroup),
+                                highlighted: md.highlighted.map(mapGroup),
+                                watchlist: md.watchlist.map(mapGroup),
+                            };
+                            setMarketData(mapped);
+                        }
                         break;
-                    // 'fills-checkpoint' is intentionally ignored here
                 }
             }
         }
@@ -114,9 +174,15 @@ const useHyperliquidWebSocket = ({ wsUrl, address }) => {
         }
     }, [setTradeHistories, setRawOpenPositions, setOpenOrders, setAccountSummary, setTwapDetails, setNotifications, setMarketData]);
     const connect = useCallback(() => {
-        if (!wsUrl)
+        if (!enabled || !wsUrl)
             return;
         try {
+            // Avoid opening multiple sockets if one is already active or connecting
+            if (wsRef.current &&
+                (wsRef.current.readyState === WebSocket.OPEN ||
+                    wsRef.current.readyState === WebSocket.CONNECTING)) {
+                return;
+            }
             manualCloseRef.current = false;
             setReadyState(ReadyState.CONNECTING);
             const ws = new WebSocket(wsUrl);
@@ -141,7 +207,7 @@ const useHyperliquidWebSocket = ({ wsUrl, address }) => {
         catch (e) {
             setLastError(`WebSocket connection failed: ${e instanceof Error ? e.message : String(e)}`);
         }
-    }, [wsUrl, handleMessage]);
+    }, [wsUrl, handleMessage, enabled]);
     useEffect(() => {
         connect();
         return () => {
@@ -175,7 +241,7 @@ const useHyperliquidWebSocket = ({ wsUrl, address }) => {
             'fills-checkpoint',
             'notifications'
         ];
-        const globalChannels = ['market-data', 'market-data-all'];
+        const globalChannels = ['market-data'];
         if (address && address !== lastSubscribedAddress) {
             // Unsubscribe from previous address-specific channels if exists
             if (lastSubscribedAddress) {
@@ -225,11 +291,14 @@ const useHyperliquidWebSocket = ({ wsUrl, address }) => {
 };
 
 const useHyperliquidData = create((set, get) => ({
-    webData2: null,
     allMids: null,
     activeAssetData: null,
     candleData: null,
-    setWebData2: (value) => set({ webData2: value }),
+    finalAssetContexts: null,
+    finalAtOICaps: null,
+    aggregatedClearingHouseState: null,
+    perpMetaAssets: null,
+    hip3DisplayToFull: new Map(),
     setAllMids: (value) => set({ allMids: value }),
     setActiveAssetData: (value) => set((state) => ({
         activeAssetData: typeof value === 'function' ? value(state.activeAssetData) : value
@@ -268,7 +337,12 @@ const useHyperliquidData = create((set, get) => ({
             ...state.activeAssetData,
             [key]: value,
         }
-    }))
+    })),
+    setFinalAssetContexts: (value) => set({ finalAssetContexts: value }),
+    setFinalAtOICaps: (value) => set({ finalAtOICaps: value }),
+    setAggregatedClearingHouseState: (value) => set({ aggregatedClearingHouseState: value }),
+    setPerpMetaAssets: (value) => set({ perpMetaAssets: value }),
+    setHip3DisplayToFull: (value) => set({ hip3DisplayToFull: value })
 }));
 
 const DEFAULT_STATE = {
@@ -408,8 +482,8 @@ const useUserSelection$1 = create((set, get) => ({
     resetToDefaults: () => set((prev) => ({ ...prev, ...DEFAULT_STATE })),
 }));
 
-const useHyperliquidNativeWebSocket = ({ address, }) => {
-    const { setWebData2, setAllMids, setActiveAssetData, upsertActiveAssetData, setCandleData, deleteCandleSymbol, deleteActiveAssetData, addCandleData } = useHyperliquidData();
+const useHyperliquidNativeWebSocket = ({ address, enabled = true, }) => {
+    const { setAllMids, setActiveAssetData, upsertActiveAssetData, setCandleData, deleteCandleSymbol, deleteActiveAssetData, addCandleData, setFinalAssetContexts, setFinalAtOICaps, setAggregatedClearingHouseState } = useHyperliquidData();
     const { candleInterval } = useUserSelection$1();
     const longTokens = useUserSelection$1((s) => s.longTokens);
     const shortTokens = useUserSelection$1((s) => s.shortTokens);
@@ -442,19 +516,69 @@ const useHyperliquidNativeWebSocket = ({ address, }) => {
             if ('channel' in message && 'data' in message) {
                 const response = message;
                 switch (response.channel) {
-                    case 'webData2':
-                        setWebData2(response.data);
+                    case 'webData3':
+                        const webData3 = response.data;
+                        const finalAssetContexts = webData3.perpDexStates.flatMap((dex) => dex.assetCtxs);
+                        const finalAtOICaps = webData3.perpDexStates.flatMap((dex) => dex.perpsAtOpenInterestCap);
+                        const aggregatedClearingHouseState = (() => {
+                            const states = webData3.perpDexStates
+                                .map((dex) => dex.clearinghouseState)
+                                .filter(Boolean);
+                            const sum = (values) => values.reduce((acc, v) => acc + (parseFloat(v || '0') || 0), 0);
+                            const toStr = (n) => (Number.isFinite(n) ? n.toString() : '0');
+                            const assetPositions = states.flatMap((s) => s.assetPositions || []);
+                            const crossMaintenanceMarginUsed = toStr(sum(states.map((s) => s.crossMaintenanceMarginUsed)));
+                            const crossMarginSummary = {
+                                accountValue: toStr(sum(states.map((s) => { var _a; return (_a = s.crossMarginSummary) === null || _a === void 0 ? void 0 : _a.accountValue; }))),
+                                totalMarginUsed: toStr(sum(states.map((s) => { var _a; return (_a = s.crossMarginSummary) === null || _a === void 0 ? void 0 : _a.totalMarginUsed; }))),
+                                totalNtlPos: toStr(sum(states.map((s) => { var _a; return (_a = s.crossMarginSummary) === null || _a === void 0 ? void 0 : _a.totalNtlPos; }))),
+                                totalRawUsd: toStr(sum(states.map((s) => { var _a; return (_a = s.crossMarginSummary) === null || _a === void 0 ? void 0 : _a.totalRawUsd; }))),
+                            };
+                            const marginSummary = {
+                                accountValue: toStr(sum(states.map((s) => { var _a; return (_a = s.marginSummary) === null || _a === void 0 ? void 0 : _a.accountValue; }))),
+                                totalMarginUsed: toStr(sum(states.map((s) => { var _a; return (_a = s.marginSummary) === null || _a === void 0 ? void 0 : _a.totalMarginUsed; }))),
+                                totalNtlPos: toStr(sum(states.map((s) => { var _a; return (_a = s.marginSummary) === null || _a === void 0 ? void 0 : _a.totalNtlPos; }))),
+                                totalRawUsd: toStr(sum(states.map((s) => { var _a; return (_a = s.marginSummary) === null || _a === void 0 ? void 0 : _a.totalRawUsd; }))),
+                            };
+                            const withdrawable = toStr(sum(states.map((s) => s.withdrawable)));
+                            const time = Math.max(0, ...states.map((s) => s.time || 0));
+                            return {
+                                assetPositions,
+                                crossMaintenanceMarginUsed,
+                                crossMarginSummary,
+                                marginSummary,
+                                time,
+                                withdrawable,
+                            };
+                        })();
+                        setFinalAssetContexts(finalAssetContexts);
+                        setFinalAtOICaps(finalAtOICaps);
+                        setAggregatedClearingHouseState(aggregatedClearingHouseState);
                         break;
                     case 'allMids':
-                        setAllMids(response.data);
+                        {
+                            const data = response.data;
+                            const remapped = {
+                                mids: Object.fromEntries(Object.entries(data.mids || {}).map(([k, v]) => [toDisplaySymbol(k), v]))
+                            };
+                            setAllMids(remapped);
+                        }
                         break;
                     case 'activeAssetData':
-                        const assetData = response.data;
-                        upsertActiveAssetData(assetData.coin, assetData);
+                        {
+                            const assetData = response.data;
+                            const symbol = toDisplaySymbol(assetData.coin);
+                            const normalized = { ...assetData, coin: symbol };
+                            upsertActiveAssetData(symbol, normalized);
+                        }
                         break;
                     case 'candle':
-                        const candleDataItem = response.data;
-                        addCandleData(candleDataItem.s, candleDataItem);
+                        {
+                            const candleDataItem = response.data;
+                            const symbol = toDisplaySymbol(candleDataItem.s || '');
+                            const normalized = { ...candleDataItem, s: symbol };
+                            addCandleData(symbol, normalized);
+                        }
                         break;
                     default:
                         console.warn(`[HyperLiquid WS] Unknown channel: ${response.channel}`);
@@ -466,9 +590,17 @@ const useHyperliquidNativeWebSocket = ({ address, }) => {
             console.error('[HyperLiquid WS] Parse error:', errorMessage, 'Raw message:', event.data);
             setLastError(errorMessage);
         }
-    }, [setWebData2, setAllMids, upsertActiveAssetData, addCandleData]);
+    }, [setAllMids, upsertActiveAssetData, addCandleData, setFinalAssetContexts, setFinalAtOICaps, setAggregatedClearingHouseState]);
     const connect = useCallback(() => {
+        if (!enabled)
+            return;
         try {
+            // Avoid opening multiple sockets if one is already active or connecting
+            if (wsRef.current &&
+                (wsRef.current.readyState === WebSocket.OPEN ||
+                    wsRef.current.readyState === WebSocket.CONNECTING)) {
+                return;
+            }
             manualCloseRef.current = false;
             setReadyState(ReadyState.CONNECTING);
             const ws = new WebSocket('wss://api.hyperliquid.xyz/ws');
@@ -497,7 +629,7 @@ const useHyperliquidNativeWebSocket = ({ address, }) => {
         catch (e) {
             setLastError(`WebSocket connection failed: ${e instanceof Error ? e.message : String(e)}`);
         }
-    }, [handleMessage]);
+    }, [handleMessage, enabled]);
     useEffect(() => {
         connect();
         return () => {
@@ -551,17 +683,17 @@ const useHyperliquidNativeWebSocket = ({ address, }) => {
             const unsubscribeMessage = {
                 method: 'unsubscribe',
                 subscription: {
-                    type: 'webData2',
+                    type: 'webData3',
                     user: subscribedAddress,
                 },
             };
             sendJsonMessage(unsubscribeMessage);
         }
-        // Subscribe to webData2 with new address
-        const subscribeWebData2 = {
+        // Subscribe to webData3 with new address
+        const subscribeWebData3 = {
             method: 'subscribe',
             subscription: {
-                type: 'webData2',
+                type: 'webData3',
                 user: userAddress,
             },
         };
@@ -570,16 +702,18 @@ const useHyperliquidNativeWebSocket = ({ address, }) => {
             method: 'subscribe',
             subscription: {
                 type: 'allMids',
+                dex: 'ALL_DEXS',
             },
         };
-        sendJsonMessage(subscribeWebData2);
+        sendJsonMessage(subscribeWebData3);
         sendJsonMessage(subscribeAllMids);
         setSubscribedAddress(userAddress);
         // Clear previous data when address changes
         if (subscribedAddress && subscribedAddress !== userAddress) {
-            setWebData2(null);
+            // clear aggregatedClearingHouseState
+            setAggregatedClearingHouseState(null);
         }
-    }, [isConnected, address, subscribedAddress, sendJsonMessage, setWebData2]);
+    }, [isConnected, address, subscribedAddress, sendJsonMessage, setAggregatedClearingHouseState]);
     // Handle token subscriptions for activeAssetData
     useEffect(() => {
         if (!isConnected || !address)
@@ -4590,196 +4724,79 @@ async function logout(baseUrl, refreshTokenVal) {
     }
 }
 
-async function getAgentWallet(baseUrl, accessToken) {
-    const url = joinUrl(baseUrl, '/agentWallet');
-    try {
-        const resp = await axios$1.get(url, { headers: { Authorization: `Bearer ${accessToken}` }, timeout: 30000 });
-        return { data: resp.data, status: resp.status, headers: resp.headers };
-    }
-    catch (error) {
-        throw toApiError(error);
-    }
-}
-async function createAgentWallet(baseUrl, accessToken) {
-    const url = joinUrl(baseUrl, '/agentWallet');
-    try {
-        const resp = await axios$1.post(url, undefined, { headers: { Authorization: `Bearer ${accessToken}` }, timeout: 30000 });
-        return { data: resp.data, status: resp.status, headers: resp.headers };
-    }
-    catch (error) {
-        throw toApiError(error);
-    }
-}
-
-function useAgentWallet({ baseUrl }) {
-    var _a, _b, _c;
-    const accountSummary = useUserData((state) => state.accountSummary);
-    const setAccountSummary = useUserData((state) => state.setAccountSummary);
-    const agentWallet = {
-        address: ((_a = accountSummary === null || accountSummary === void 0 ? void 0 : accountSummary.agentWallet) === null || _a === void 0 ? void 0 : _a.address) || null,
-        name: 'Pear Protocol',
-        status: ((_b = accountSummary === null || accountSummary === void 0 ? void 0 : accountSummary.agentWallet) === null || _b === void 0 ? void 0 : _b.status) || null,
-        isActive: ((_c = accountSummary === null || accountSummary === void 0 ? void 0 : accountSummary.agentWallet) === null || _c === void 0 ? void 0 : _c.status) === 'ACTIVE',
-    };
-    // Derive loading/error locally for now
-    let error = null;
-    let loading = false;
-    const getAuthHeader = () => {
-        const token = localStorage.getItem('accessToken');
-        if (!token)
-            throw new Error('Not authenticated');
-        return token;
-    };
-    const refreshAgentWalletStatus = useCallback(async () => {
-        loading = true;
-        error = null;
-        try {
-            const token = getAuthHeader();
-            const { data } = await getAgentWallet(baseUrl, token);
-            // Update store account summary's agentWallet
-            const current = useUserData.getState().accountSummary;
-            const updated = current
-                ? { ...current, agentWallet: { address: data.agentWalletAddress || '', status: data.status } }
-                : { balanceSummary: { crossMaintenanceMarginUsed: '0', crossMarginSummary: { accountValue: '0', totalMarginUsed: '0', totalNtlPos: '0', totalRawUsd: '0' }, marginSummary: { accountValue: '0', totalMarginUsed: '0', totalNtlPos: '0', totalRawUsd: '0' }, time: Date.now(), withdrawable: '0' }, agentWallet: { address: data.agentWalletAddress || '', status: data.status } };
-            setAccountSummary(updated);
-            return data;
-        }
-        catch (e) {
-            error = (e === null || e === void 0 ? void 0 : e.message) || 'Failed to fetch agent wallet';
-            throw e;
-        }
-        finally {
-            loading = false;
-        }
-    }, [baseUrl]);
-    const createAgentWallet$1 = useCallback(async () => {
-        loading = true;
-        error = null;
-        try {
-            const token = getAuthHeader();
-            const { data } = await createAgentWallet(baseUrl, token);
-            // Update store account summary's agentWallet to reflect newly created address
-            const current = useUserData.getState().accountSummary;
-            const updated = current
-                ? { ...current, agentWallet: { address: data.agentWalletAddress, status: 'ACTIVE' } }
-                : { balanceSummary: { crossMaintenanceMarginUsed: '0', crossMarginSummary: { accountValue: '0', totalMarginUsed: '0', totalNtlPos: '0', totalRawUsd: '0' }, marginSummary: { accountValue: '0', totalMarginUsed: '0', totalNtlPos: '0', totalRawUsd: '0' }, time: Date.now(), withdrawable: '0' }, agentWallet: { address: data.agentWalletAddress, status: 'ACTIVE' } };
-            setAccountSummary(updated);
-            return data;
-        }
-        catch (e) {
-            error = (e === null || e === void 0 ? void 0 : e.message) || 'Failed to create agent wallet';
-            throw e;
-        }
-        finally {
-            loading = false;
-        }
-    }, [baseUrl]);
-    // For user to notify that approvals are done; we re-check status
-    const notifyAgentWalletApproved = useCallback(async () => {
-        return refreshAgentWalletStatus();
-    }, [refreshAgentWalletStatus]);
-    return {
-        agentWallet,
-        isReady: agentWallet.isActive,
-        loading,
-        error,
-        refreshAgentWalletStatus,
-        createAgentWallet: createAgentWallet$1,
-        notifyAgentWalletApproved,
-    };
-}
-
-/**
- * Hook to manage address (login/logout functionality)
- */
-const useAddress = () => {
-    const context = useContext(PearHyperliquidContext);
-    if (!context) {
-        throw new Error('useAddress must be used within a PearHyperliquidProvider');
-    }
-    return {
-        address: context.address,
-        setAddress: context.setAddress,
-        clearAddress: () => context.setAddress(null),
-        isLoggedIn: !!context.address,
-    };
-};
-
 /**
  * Account summary calculation utility class
  */
 class AccountSummaryCalculator {
-    constructor(webData2) {
-        this.webData2 = webData2;
+    constructor(clearinghouseState) {
+        this.clearinghouseState = clearinghouseState;
     }
     /**
-     * Calculate account summary from webData2 and platform orders
+     * Calculate account summary from real-time clearinghouse state and platform orders
      */
-    calculateAccountSummary(platformAccountSummary, platformOpenOrders, agentWalletAddress, agentWalletStatus) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        // If we don't have webData2, return platform data as-is
-        if (!((_a = this.webData2) === null || _a === void 0 ? void 0 : _a.clearinghouseState)) {
-            return platformAccountSummary;
+    calculateAccountSummary(platformAccountSummary, registeredAgentWallets) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        if (!this.clearinghouseState) {
+            return null;
         }
-        const clearinghouseState = this.webData2.clearinghouseState;
-        // Calculate total limit order value from platform orders
-        const totalLimitOrderValue = this.calculateTotalLimitOrderValue(platformOpenOrders || []);
-        // Use real-time data from webData2 clearinghouseState
+        const clearinghouseState = this.clearinghouseState;
         const withdrawableAmount = parseFloat(clearinghouseState.withdrawable || '0');
-        const adjustedWithdrawable = Math.max(0, withdrawableAmount - totalLimitOrderValue);
+        const adjustedWithdrawable = Math.max(0, withdrawableAmount - ((_a = platformAccountSummary === null || platformAccountSummary === void 0 ? void 0 : platformAccountSummary.totalTwapChunkUsdValue) !== null && _a !== void 0 ? _a : 0) - ((_b = platformAccountSummary === null || platformAccountSummary === void 0 ? void 0 : platformAccountSummary.totalLimitOrderUsdValue) !== null && _b !== void 0 ? _b : 0));
         const accountSummary = {
             balanceSummary: {
                 crossMaintenanceMarginUsed: clearinghouseState.crossMaintenanceMarginUsed || '0',
                 crossMarginSummary: {
-                    accountValue: ((_b = clearinghouseState.crossMarginSummary) === null || _b === void 0 ? void 0 : _b.accountValue) || '0',
-                    totalMarginUsed: ((_c = clearinghouseState.crossMarginSummary) === null || _c === void 0 ? void 0 : _c.totalMarginUsed) || '0',
-                    totalNtlPos: ((_d = clearinghouseState.crossMarginSummary) === null || _d === void 0 ? void 0 : _d.totalNtlPos) || '0',
-                    totalRawUsd: ((_e = clearinghouseState.crossMarginSummary) === null || _e === void 0 ? void 0 : _e.totalRawUsd) || '0'
+                    accountValue: ((_c = clearinghouseState.crossMarginSummary) === null || _c === void 0 ? void 0 : _c.accountValue) || '0',
+                    totalMarginUsed: ((_d = clearinghouseState.crossMarginSummary) === null || _d === void 0 ? void 0 : _d.totalMarginUsed) || '0',
+                    totalNtlPos: ((_e = clearinghouseState.crossMarginSummary) === null || _e === void 0 ? void 0 : _e.totalNtlPos) || '0',
+                    totalRawUsd: ((_f = clearinghouseState.crossMarginSummary) === null || _f === void 0 ? void 0 : _f.totalRawUsd) || '0'
                 },
                 marginSummary: {
-                    accountValue: ((_f = clearinghouseState.marginSummary) === null || _f === void 0 ? void 0 : _f.accountValue) || '0',
-                    totalMarginUsed: ((_g = clearinghouseState.marginSummary) === null || _g === void 0 ? void 0 : _g.totalMarginUsed) || '0',
-                    totalNtlPos: ((_h = clearinghouseState.marginSummary) === null || _h === void 0 ? void 0 : _h.totalNtlPos) || '0',
-                    totalRawUsd: ((_j = clearinghouseState.marginSummary) === null || _j === void 0 ? void 0 : _j.totalRawUsd) || '0'
+                    accountValue: ((_g = clearinghouseState.marginSummary) === null || _g === void 0 ? void 0 : _g.accountValue) || '0',
+                    totalMarginUsed: ((_h = clearinghouseState.marginSummary) === null || _h === void 0 ? void 0 : _h.totalMarginUsed) || '0',
+                    totalNtlPos: ((_j = clearinghouseState.marginSummary) === null || _j === void 0 ? void 0 : _j.totalNtlPos) || '0',
+                    totalRawUsd: ((_k = clearinghouseState.marginSummary) === null || _k === void 0 ? void 0 : _k.totalRawUsd) || '0'
                 },
                 time: clearinghouseState.time || Date.now(),
                 withdrawable: adjustedWithdrawable.toString()
-            },
-            agentWallet: {
-                address: agentWalletAddress || ((_k = platformAccountSummary === null || platformAccountSummary === void 0 ? void 0 : platformAccountSummary.agentWallet) === null || _k === void 0 ? void 0 : _k.address) || '',
-                status: agentWalletStatus || ((_l = platformAccountSummary === null || platformAccountSummary === void 0 ? void 0 : platformAccountSummary.agentWallet) === null || _l === void 0 ? void 0 : _l.status) || 'UNKNOWN'
             }
         };
-        return accountSummary;
-    }
-    /**
-     * Calculate total USD value of open limit orders
-     */
-    calculateTotalLimitOrderValue(openOrders) {
-        if (!(openOrders === null || openOrders === void 0 ? void 0 : openOrders.length)) {
-            return 0;
+        if (platformAccountSummary === null || platformAccountSummary === void 0 ? void 0 : platformAccountSummary.agentWalletAddress) {
+            accountSummary.agentWallet = {
+                address: platformAccountSummary.agentWalletAddress,
+                status: registeredAgentWallets.find((agent) => { var _a; return agent.address.toLowerCase() === ((_a = platformAccountSummary.agentWalletAddress) === null || _a === void 0 ? void 0 : _a.toLowerCase()); }) ? 'ACTIVE' : 'EXPIRED'
+            };
         }
-        const totalValue = openOrders
-            .filter(order => order.status === 'OPEN' || order.status === 'PROCESSING')
-            .reduce((sum, order) => sum + order.usdValue / order.leverage, 0);
-        return totalValue;
+        return accountSummary;
     }
-    /**
-     * Get real-time clearinghouse state from webData2
-     */
     getClearinghouseState() {
-        var _a;
-        return ((_a = this.webData2) === null || _a === void 0 ? void 0 : _a.clearinghouseState) || null;
+        return this.clearinghouseState || null;
     }
     /**
      * Check if real-time data is available
      */
     hasRealTimeData() {
-        var _a;
-        return !!((_a = this.webData2) === null || _a === void 0 ? void 0 : _a.clearinghouseState);
+        return !!this.clearinghouseState;
     }
 }
 
+const useAccountSummary = () => {
+    const context = useContext(PearHyperliquidContext);
+    if (!context) {
+        throw new Error('useAccountSummary must be used within a PearHyperliquidProvider');
+    }
+    const platformAccountSummary = useUserData((state) => state.accountSummary);
+    const aggregatedClearingHouseState = useHyperliquidData((state) => state.aggregatedClearingHouseState);
+    const registeredAgentWallets = useUserData((state) => state.userExtraAgents);
+    const isLoading = useMemo(() => {
+        return platformAccountSummary === null && context.isConnected && registeredAgentWallets === null && aggregatedClearingHouseState === null;
+    }, [platformAccountSummary, context.isConnected, registeredAgentWallets, aggregatedClearingHouseState]);
+    // Create calculator and compute account summary
+    const calculator = new AccountSummaryCalculator(aggregatedClearingHouseState);
+    const calculated = calculator.calculateAccountSummary(platformAccountSummary, registeredAgentWallets || []);
+    return { data: calculated, isLoading };
+};
+
 const useTradeHistories = () => {
     const context = useContext(PearHyperliquidContext);
     if (!context) {
@@ -4805,29 +4822,7 @@ const useOpenOrders = () => {
     }, [openOrders, context.isConnected]);
     return { data: openOrders, isLoading };
 };
-/**
- * Hook to access account summary with real-time calculations and loading state
- */
-const useAccountSummary = () => {
-    var _a, _b;
-    const context = useContext(PearHyperliquidContext);
-    if (!context) {
-        throw new Error('useAccountSummary must be used within a PearHyperliquidProvider');
-    }
-    const openOrders = useUserData((state) => state.openOrders);
-    const accountSummary = useUserData((state) => state.accountSummary);
-    const webData2 = useHyperliquidData((state) => state.webData2);
-    const isLoading = useMemo(() => {
-        // Loading is true initially and becomes false once we get the first data
-        return accountSummary === null && context.isConnected;
-    }, [accountSummary, context.isConnected]);
-    // Create calculator and compute account summary
-    const calculator = new AccountSummaryCalculator(webData2);
-    const calculated = calculator.calculateAccountSummary(accountSummary, openOrders, (_a = accountSummary === null || accountSummary === void 0 ? void 0 : accountSummary.agentWallet) === null || _a === void 0 ? void 0 : _a.address, (_b = accountSummary === null || accountSummary === void 0 ? void 0 : accountSummary.agentWallet) === null || _b === void 0 ? void 0 : _b.status);
-    return { data: calculated, isLoading };
-};
 
-// Re-expose as a React hook without Zustand's selector signature
 const useUserSelection = () => {
     return useUserSelection$1();
 };
@@ -4836,28 +4831,31 @@ const useUserSelection = () => {
  * Hook to access webData and native WebSocket state
  */
 const useWebData = () => {
-    var _a;
     const context = useContext(PearHyperliquidContext);
     if (!context) {
         throw new Error('useWebData must be used within a PearHyperliquidProvider');
     }
-    const webData2 = useHyperliquidData((state) => state.webData2);
+    const finalAssetContexts = useHyperliquidData((state) => state.finalAssetContexts);
+    const perpMetaAssets = useHyperliquidData((state) => state.perpMetaAssets);
+    const aggregatedClearinghouseState = useHyperliquidData((state) => state.aggregatedClearingHouseState);
+    const finalAtOICaps = useHyperliquidData((state) => state.finalAtOICaps);
+    const hip3Assets = useHyperliquidData((state) => state.hip3DisplayToFull);
     let marketDataBySymbol = {};
-    if ((webData2 === null || webData2 === void 0 ? void 0 : webData2.assetCtxs) && ((_a = webData2 === null || webData2 === void 0 ? void 0 : webData2.meta) === null || _a === void 0 ? void 0 : _a.universe)) {
-        const { assetCtxs, meta: { universe } } = webData2;
+    if (finalAssetContexts && perpMetaAssets && finalAssetContexts.length === perpMetaAssets.length) {
         const result = {};
-        for (let index = 0; index < universe.length; index++) {
-            const name = universe[index].name;
+        for (let index = 0; index < perpMetaAssets.length; index++) {
+            const name = perpMetaAssets[index].name;
             result[name] = {
-                asset: assetCtxs[index],
-                universe: universe[index],
+                asset: finalAssetContexts[index],
+                universe: perpMetaAssets[index],
             };
         }
         marketDataBySymbol = result;
     }
     return {
-        clearinghouseState: webData2 === null || webData2 === void 0 ? void 0 : webData2.clearinghouseState,
-        perpsAtOpenInterestCap: webData2 === null || webData2 === void 0 ? void 0 : webData2.perpsAtOpenInterestCap,
+        hip3Assets,
+        clearinghouseState: aggregatedClearinghouseState,
+        perpsAtOpenInterestCap: finalAtOICaps,
         marketDataBySymbol,
         isConnected: context.nativeIsConnected,
         error: context.nativeLastError,
@@ -4865,28 +4863,29 @@ const useWebData = () => {
 };
 
 /**
- * Extracts token metadata from WebData2 and AllMids data
+ * Extracts token metadata from aggregated WebData3 contexts and AllMids data
  */
 class TokenMetadataExtractor {
     /**
      * Extracts comprehensive token metadata
      * @param symbol - Token symbol
-     * @param webData2 - WebData2 response containing asset context and universe data
+     * @param perpMetaAssets - Aggregated universe assets (flattened across dexes)
+     * @param finalAssetContexts - Aggregated asset contexts (flattened across dexes)
      * @param allMids - AllMids data containing current prices
      * @param activeAssetData - Optional active asset data containing leverage information
      * @returns TokenMetadata or null if token not found
      */
-    static extractTokenMetadata(symbol, webData2, allMids, activeAssetData) {
-        if (!webData2 || !allMids) {
+    static extractTokenMetadata(symbol, perpMetaAssets, finalAssetContexts, allMids, activeAssetData) {
+        if (!perpMetaAssets || !finalAssetContexts || !allMids) {
             return null;
         }
-        // Find token index in universe
-        const universeIndex = webData2.meta.universe.findIndex(asset => asset.name === symbol);
+        // Find token index in aggregated universe
+        const universeIndex = perpMetaAssets.findIndex(asset => asset.name === symbol);
         if (universeIndex === -1) {
             return null;
         }
-        const universeAsset = webData2.meta.universe[universeIndex];
-        const assetCtx = webData2.assetCtxs[universeIndex];
+        const universeAsset = perpMetaAssets[universeIndex];
+        const assetCtx = finalAssetContexts[universeIndex];
         if (!assetCtx) {
             return null;
         }
@@ -4926,28 +4925,29 @@ class TokenMetadataExtractor {
     /**
      * Extracts metadata for multiple tokens
      * @param symbols - Array of token symbols
-     * @param webData2 - WebData2 response
+     * @param perpMetaAssets - Aggregated universe assets
+     * @param finalAssetContexts - Aggregated asset contexts
      * @param allMids - AllMids data
      * @param activeAssetData - Optional active asset data containing leverage information
      * @returns Record of symbol to TokenMetadata
      */
-    static extractMultipleTokensMetadata(symbols, webData2, allMids, activeAssetData) {
+    static extractMultipleTokensMetadata(symbols, perpMetaAssets, finalAssetContexts, allMids, activeAssetData) {
         const result = {};
         for (const symbol of symbols) {
-            result[symbol] = this.extractTokenMetadata(symbol, webData2, allMids, activeAssetData);
+            result[symbol] = this.extractTokenMetadata(symbol, perpMetaAssets, finalAssetContexts, allMids, activeAssetData);
         }
         return result;
     }
     /**
-     * Checks if token data is available in WebData2
+     * Checks if token data is available in aggregated universe assets
      * @param symbol - Token symbol
-     * @param webData2 - WebData2 response
+     * @param perpMetaAssets - Aggregated universe assets
      * @returns boolean indicating if token exists in universe
      */
-    static isTokenAvailable(symbol, webData2) {
-        if (!webData2)
+    static isTokenAvailable(symbol, perpMetaAssets) {
+        if (!perpMetaAssets)
             return false;
-        return webData2.meta.universe.some(asset => asset.name === symbol);
+        return perpMetaAssets.some(asset => asset.name === symbol);
     }
 }
 
@@ -4966,16 +4966,16 @@ const useTokenSelectionMetadataStore = create((set) => ({
     maxLeverage: 0,
     minMargin: 0,
     leverageMatched: true,
-    recompute: ({ webData2, allMids, activeAssetData, marketData, longTokens, shortTokens }) => {
-        const isPriceDataReady = !!(webData2 && allMids);
+    recompute: ({ perpMetaAssets, finalAssetContexts, allMids, activeAssetData, marketData, longTokens, shortTokens }) => {
+        const isPriceDataReady = !!(perpMetaAssets && finalAssetContexts && allMids);
         // Compute metadata when ready
         const longSymbols = longTokens.map((t) => t.symbol);
         const shortSymbols = shortTokens.map((t) => t.symbol);
         const longTokensMetadata = isPriceDataReady
-            ? TokenMetadataExtractor.extractMultipleTokensMetadata(longSymbols, webData2, allMids, activeAssetData)
+            ? TokenMetadataExtractor.extractMultipleTokensMetadata(longSymbols, perpMetaAssets, finalAssetContexts, allMids, activeAssetData)
             : {};
         const shortTokensMetadata = isPriceDataReady
-            ? TokenMetadataExtractor.extractMultipleTokensMetadata(shortSymbols, webData2, allMids, activeAssetData)
+            ? TokenMetadataExtractor.extractMultipleTokensMetadata(shortSymbols, perpMetaAssets, finalAssetContexts, allMids, activeAssetData)
             : {};
         // Determine loading state
         const allTokens = [...longTokens, ...shortTokens];
@@ -5084,15 +5084,14 @@ const useTokenSelectionMetadataStore = create((set) => ({
         })();
         // Max leverage (minimum across all tokens)
         const maxLeverage = (() => {
-            var _a;
-            if (!((_a = webData2 === null || webData2 === void 0 ? void 0 : webData2.meta) === null || _a === void 0 ? void 0 : _a.universe))
+            if (!perpMetaAssets)
                 return 0;
             const allTokenSymbols = [...longTokens, ...shortTokens].map((t) => t.symbol);
             if (allTokenSymbols.length === 0)
                 return 0;
             let minLev = Infinity;
             allTokenSymbols.forEach((symbol) => {
-                const tokenUniverse = webData2.meta.universe.find((u) => u.name === symbol);
+                const tokenUniverse = perpMetaAssets.find((u) => u.name === symbol);
                 if (tokenUniverse === null || tokenUniverse === void 0 ? void 0 : tokenUniverse.maxLeverage)
                     minLev = Math.min(minLev, tokenUniverse.maxLeverage);
             });
@@ -5144,7 +5143,8 @@ const useTokenSelectionMetadata = () => {
     if (!context) {
         throw new Error('useTokenSelection must be used within PearHyperliquidProvider');
     }
-    const webData2 = useHyperliquidData((state) => state.webData2);
+    const perpMetaAssets = useHyperliquidData((state) => state.perpMetaAssets);
+    const finalAssetContexts = useHyperliquidData((state) => state.finalAssetContexts);
     const allMids = useHyperliquidData((state) => state.allMids);
     const activeAssetData = useHyperliquidData((state) => state.activeAssetData);
     const marketData = useMarketData((state) => state.marketData);
@@ -5153,7 +5153,8 @@ const useTokenSelectionMetadata = () => {
     // Recompute derived metadata when inputs change
     useEffect(() => {
         recompute({
-            webData2,
+            perpMetaAssets,
+            finalAssetContexts,
             allMids,
             activeAssetData: activeAssetData || null,
             marketData: marketData || null,
@@ -5162,7 +5163,7 @@ const useTokenSelectionMetadata = () => {
         });
         // We want to recompute when token lists or upstream data change
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [webData2, allMids, activeAssetData, JSON.stringify(longTokens), JSON.stringify(shortTokens)]);
+    }, [perpMetaAssets, finalAssetContexts, allMids, activeAssetData, JSON.stringify(longTokens), JSON.stringify(shortTokens)]);
     return {
         // Loading states
         isLoading,
@@ -5307,9 +5308,10 @@ const useHistoricalPriceDataStore = create((set, get) => ({
 /**
  * Fetch historical candle data from HyperLiquid API
  */
-const fetchHistoricalCandles = async (coin, startTime, endTime, interval) => {
+const fetchHistoricalCandles = async (coin, startTime, endTime, interval, displayToFull) => {
+    const backendCoin = toBackendSymbol(coin, displayToFull);
     const request = {
-        req: { coin, startTime, endTime, interval },
+        req: { coin: backendCoin, startTime, endTime, interval },
         type: 'candleSnapshot',
     };
     try {
@@ -5337,6 +5339,40 @@ const fetchUserFillsFromHyperliquid = async (user, startTime, aggregateByTime =
         throw toApiError(error);
     }
 };
+/**
+ * Fetch all perp metas from HyperLiquid API
+ * Endpoint: https://api.hyperliquid.xyz/info
+ * Payload: { "type": "allPerpMetas" }
+ */
+const fetchAllPerpMetas = async () => {
+    const request = { type: 'allPerpMetas' };
+    try {
+        const response = await axios$1.post('https://api.hyperliquid.xyz/info', request, {
+            headers: { 'Content-Type': 'application/json' },
+        });
+        return { data: response.data, status: response.status, headers: response.headers };
+    }
+    catch (error) {
+        throw toApiError(error);
+    }
+};
+/**
+ * Fetch extra agent approvals for a given user from HyperLiquid API
+ * Endpoint: https://api.hyperliquid.xyz/info
+ * Payload: { "type": "extraAgents", "user": "0x..." }
+ */
+const fetchExtraAgents = async (user) => {
+    const request = { type: 'extraAgents', user };
+    try {
+        const response = await axios$1.post('https://api.hyperliquid.xyz/info', request, {
+            headers: { 'Content-Type': 'application/json' },
+        });
+        return { data: response.data, status: response.status, headers: response.headers };
+    }
+    catch (error) {
+        throw toApiError(error);
+    }
+};
 
 const useHistoricalPriceData = () => {
     const context = useContext(PearHyperliquidContext);
@@ -5417,9 +5453,10 @@ const useHistoricalPriceData = () => {
             setTokenLoading(token.symbol, true);
         });
         try {
+            const displayToFull = useHyperliquidData.getState().hip3DisplayToFull;
             const fetchPromises = tokensToFetch.map(async (token) => {
                 try {
-                    const response = await fetchHistoricalCandles(token.symbol, startTime, endTime, interval);
+                    const response = await fetchHistoricalCandles(token.symbol, startTime, endTime, interval, displayToFull);
                     addHistoricalPriceData(token.symbol, interval, response.data, { start: startTime, end: endTime });
                     return { symbol: token.symbol, candles: response.data, success: true };
                 }
@@ -5907,6 +5944,50 @@ const usePerformanceOverlays = () => {
     };
 };
 
+async function createAgentWallet(baseUrl, accessToken) {
+    const url = joinUrl(baseUrl, '/agentWallet');
+    try {
+        const resp = await axios$1.post(url, undefined, { headers: { Authorization: `Bearer ${accessToken}` }, timeout: 30000 });
+        return { data: resp.data, status: resp.status, headers: resp.headers };
+    }
+    catch (error) {
+        throw toApiError(error);
+    }
+}
+
+function useAgentWallet() {
+    const context = useContext(PearHyperliquidContext);
+    if (!context) {
+        throw new Error('usePortfolio must be used within a PearHyperliquidProvider');
+    }
+    const { apiBaseUrl, address, accessToken, isAuthenticated } = context;
+    const setAgentWallets = useUserData((state) => state.setUserExtraAgents);
+    const refreshAgentWalletStatus = useCallback(async () => {
+        const hlAgentWallets = await fetchExtraAgents(address);
+        setAgentWallets((hlAgentWallets === null || hlAgentWallets === void 0 ? void 0 : hlAgentWallets.data) || []);
+    }, [address]);
+    useEffect(() => {
+        if (!address)
+            return;
+        refreshAgentWalletStatus();
+    }, [address, refreshAgentWalletStatus]);
+    const createAgentWallet$1 = useCallback(async () => {
+        if (!isAuthenticated || !accessToken) {
+            throw new Error('Not authenticated');
+        }
+        const response = await createAgentWallet(apiBaseUrl, accessToken);
+        return response.data;
+    }, [apiBaseUrl, accessToken, isAuthenticated]);
+    const notifyAgentWalletApproved = useCallback(async () => {
+        return refreshAgentWalletStatus();
+    }, [refreshAgentWalletStatus]);
+    return {
+        refreshAgentWalletStatus,
+        createAgentWallet: createAgentWallet$1,
+        notifyAgentWalletApproved,
+    };
+}
+
 /**
  * Sync external fills into Pear Hyperliquid service (POST /sync/fills)
  */
@@ -5926,8 +6007,8 @@ const syncFills = async (baseUrl, accessToken, payload) => {
 /**
  * Convenience: fetch user fills from HyperLiquid, then sync them to Pear backend
  */
-const syncUserFillsFromHyperliquid = async (baseUrl, accessToken, user, aggregateByTime = true) => {
-    const firstStartTime = 1735660800000; // 1 January 2025
+const syncUserFillsFromHyperliquid = async (baseUrl, accessToken, user, aggregateByTime = true, lastSyncAt = null) => {
+    const firstStartTime = lastSyncAt ? Number(lastSyncAt) : 1735660800000;
     const allFills = [];
     const seenTids = new Set();
     let startTime = firstStartTime;
@@ -5964,6 +6045,7 @@ function useAutoSyncFills(options) {
     const [isSyncing, setIsSyncing] = useState(false);
     const mountedRef = useRef(true);
     const runningRef = useRef(null);
+    const lastSyncedAt = useUserData((state) => { var _a; return (_a = state.accountSummary) === null || _a === void 0 ? void 0 : _a.lastSyncedAt; });
     useEffect(() => {
         mountedRef.current = true;
         return () => { mountedRef.current = false; };
@@ -5975,13 +6057,15 @@ function useAutoSyncFills(options) {
         if (!canRun)
             return;
         if (runningRef.current)
-            return; // avoid overlap
+            return;
+        if (!useUserData.getState().accountSummary)
+            return;
         setIsSyncing(true);
         setError(null);
         const promise = (async () => {
             var _a;
             try {
-                const { data } = await syncUserFillsFromHyperliquid(baseUrl, accessToken, address, aggregateByTime);
+                const { data } = await syncUserFillsFromHyperliquid(baseUrl, accessToken, address, aggregateByTime, lastSyncedAt);
                 if (!mountedRef.current)
                     return;
                 setLastResult(data);
@@ -6000,7 +6084,7 @@ function useAutoSyncFills(options) {
         })();
         runningRef.current = promise;
         await promise;
-    }, [canRun, baseUrl, accessToken, address, aggregateByTime]);
+    }, [canRun, baseUrl, accessToken, address, aggregateByTime, lastSyncedAt]);
     useEffect(() => {
         if (!canRun)
             return;
@@ -6106,12 +6190,19 @@ function validatePositionSize(usdValue, longAssets, shortAssets) {
  * Caller should supply an accessToken from localStorage.getItem('accessToken')
  * @throws MinimumPositionSizeError if any asset has less than $11 USD value
  */
-async function createPosition(baseUrl, accessToken, payload) {
+async function createPosition(baseUrl, accessToken, payload, displayToFull) {
     // Validate minimum asset size before creating position
     validateMinimumAssetSize(payload.usdValue, payload.longAssets, payload.shortAssets);
     const url = joinUrl(baseUrl, "/positions");
+    // Translate display symbols to backend format
+    const mapAssets = (arr) => arr === null || arr === void 0 ? void 0 : arr.map((a) => ({ ...a, asset: toBackendSymbol(a.asset, displayToFull) }));
+    const translatedPayload = {
+        ...payload,
+        longAssets: mapAssets(payload.longAssets),
+        shortAssets: mapAssets(payload.shortAssets),
+    };
     try {
-        const resp = await axios$1.post(url, payload, {
+        const resp = await axios$1.post(url, translatedPayload, {
             headers: {
                 "Content-Type": "application/json",
                 Authorization: `Bearer ${accessToken}`,
@@ -6250,7 +6341,7 @@ const calculatePositionAsset = (asset, currentPrice, totalInitialPositionSize, l
         initialWeight: totalInitialPositionSize > 0 ? entryNotional / totalInitialPositionSize : 0,
     };
 };
-const buildPositionValue = (rawPositions, webData2, allMids) => {
+const buildPositionValue = (rawPositions, clearinghouseState, allMids) => {
     return rawPositions.map((position) => {
         let mappedPosition = {
             positionId: position.positionId,
@@ -6269,7 +6360,7 @@ const buildPositionValue = (rawPositions, webData2, allMids) => {
         mappedPosition.longAssets = position.longAssets.map(longAsset => {
             var _a, _b, _c;
             const currentPrice = parseFloat(allMids.mids[longAsset.coin]);
-            const assetState = (_a = webData2.clearinghouseState.assetPositions.find(ap => ap.position.coin === longAsset.coin)) === null || _a === void 0 ? void 0 : _a.position;
+            const assetState = (_a = clearinghouseState.assetPositions.find(ap => toDisplaySymbol(ap.position.coin) === longAsset.coin)) === null || _a === void 0 ? void 0 : _a.position;
             const leverage = (_c = (_b = assetState === null || assetState === void 0 ? void 0 : assetState.leverage) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : 0;
             const mappedPositionAssets = calculatePositionAsset(longAsset, currentPrice, totalInitialPositionSize, leverage, true);
             mappedPosition.entryPositionValue += mappedPositionAssets.entryPositionValue;
@@ -6283,7 +6374,7 @@ const buildPositionValue = (rawPositions, webData2, allMids) => {
         mappedPosition.shortAssets = position.shortAssets.map(shortAsset => {
             var _a, _b, _c;
             const currentPrice = parseFloat(allMids.mids[shortAsset.coin]);
-            const assetState = (_a = webData2.clearinghouseState.assetPositions.find(ap => ap.position.coin === shortAsset.coin)) === null || _a === void 0 ? void 0 : _a.position;
+            const assetState = (_a = clearinghouseState.assetPositions.find(ap => toDisplaySymbol(ap.position.coin) === shortAsset.coin)) === null || _a === void 0 ? void 0 : _a.position;
             const leverage = (_c = (_b = assetState === null || assetState === void 0 ? void 0 : assetState.leverage) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : 0;
             const mappedPositionAssets = calculatePositionAsset(shortAsset, currentPrice, totalInitialPositionSize, leverage, false);
             mappedPosition.entryPositionValue += mappedPositionAssets.entryPositionValue;
@@ -6316,11 +6407,12 @@ function usePosition() {
         throw new Error('usePosition must be used within a PearHyperliquidProvider');
     }
     const { apiBaseUrl, accessToken, isConnected } = context;
+    const displayToFull = useHyperliquidData((s) => s.hip3DisplayToFull);
     // Create position API action
     const createPosition$1 = async (payload) => {
         if (!accessToken)
             throw new Error('Not authenticated');
-        return createPosition(apiBaseUrl, accessToken, payload);
+        return createPosition(apiBaseUrl, accessToken, payload, displayToFull);
     };
     // Update TP/SL risk parameters for a position
     const updateRiskParameters$1 = async (positionId, payload) => {
@@ -6348,16 +6440,16 @@ function usePosition() {
     };
     // Open positions using WS data, with derived values
     const userOpenPositions = useUserData((state) => state.rawOpenPositions);
-    const webData2 = useHyperliquidData((state) => state.webData2);
+    const aggregatedClearingHouseState = useHyperliquidData((state) => state.aggregatedClearingHouseState);
     const allMids = useHyperliquidData((state) => state.allMids);
     const isLoading = useMemo(() => {
         return userOpenPositions === null && isConnected;
     }, [userOpenPositions, isConnected]);
     const openPositions = useMemo(() => {
-        if (!userOpenPositions || !webData2 || !allMids)
+        if (!userOpenPositions || !aggregatedClearingHouseState || !allMids)
             return null;
-        return buildPositionValue(userOpenPositions, webData2, allMids);
-    }, [userOpenPositions, webData2, allMids]);
+        return buildPositionValue(userOpenPositions, aggregatedClearingHouseState, allMids);
+    }, [userOpenPositions, aggregatedClearingHouseState, allMids]);
     return { createPosition: createPosition$1, updateRiskParameters: updateRiskParameters$1, closePosition: closePosition$1, closeAllPositions: closeAllPositions$1, adjustPosition: adjustPosition$1, openPositions, isLoading };
 }
 
@@ -6418,7 +6510,6 @@ function useOrders() {
             const pos = positionsById.get((_e = ord.positionId) !== null && _e !== void 0 ? _e : '');
             if (!isTpSl || !pos)
                 return ord;
-            // Build order assets from position weights when TP/SL has no assets
             const mapAssets = (arr) => arr.map((a) => ({ asset: a.coin, weight: a.initialWeight }));
             if (!hasAssets) {
                 return {
@@ -6427,7 +6518,6 @@ function useOrders() {
                     shortAssets: mapAssets(pos.shortAssets),
                 };
             }
-            // Leverage is now tracked per-asset in positions; keep order leverage as-is
             return ord;
         });
     }, [openOrders, positionsById]);
@@ -6511,7 +6601,6 @@ function useNotifications() {
             if (!isAuthenticated || !accessToken)
                 throw new Error('Not authenticated');
             const { data } = await markNotificationsRead(apiBaseUrl, accessToken, timestampMs);
-            // Optimistic local update for immediate UI feedback
             if (notifications) {
                 const updated = notifications.map((n) => {
                     const created = Date.parse(n.created_at);
@@ -6608,10 +6697,11 @@ const useFindBasket = (longs, shorts) => {
     }, [data, longs, shorts]);
 };
 
-async function toggleWatchlist(baseUrl, accessToken, longAssets, shortAssets) {
+async function toggleWatchlist(baseUrl, accessToken, longAssets, shortAssets, displayToFull) {
     const url = joinUrl(baseUrl, '/watchlist');
+    const mapAssets = (arr) => arr.map(a => ({ ...a, asset: toBackendSymbol(a.asset, displayToFull) }));
     try {
-        const response = await axios$1.post(url, { longAssets, shortAssets }, { headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${accessToken}` } });
+        const response = await axios$1.post(url, { longAssets: mapAssets(longAssets), shortAssets: mapAssets(shortAssets) }, { headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${accessToken}` } });
         return { data: response.data, status: response.status, headers: response.headers };
     }
     catch (error) {
@@ -6624,12 +6714,13 @@ function useWatchlist() {
     if (!context)
         throw new Error('useWatchlist must be used within a PearHyperliquidProvider');
     const { apiBaseUrl, accessToken, isConnected } = context;
+    const displayToFull = useHyperliquidData((s) => s.hip3DisplayToFull);
     const marketData = useMarketDataPayload();
     const isLoading = useMemo(() => !marketData && isConnected, [marketData, isConnected]);
     const toggle = async (longAssets, shortAssets) => {
         if (!accessToken)
             throw new Error('Not authenticated');
-        const resp = await toggleWatchlist(apiBaseUrl, accessToken, longAssets, shortAssets);
+        const resp = await toggleWatchlist(apiBaseUrl, accessToken, longAssets, shortAssets, displayToFull);
         // Server will push updated market-data over WS; nothing to set here
         return resp;
     };
@@ -6656,7 +6747,7 @@ async function getPortfolio(baseUrl, accessToken) {
 /**
  * Hook to fetch and manage portfolio data
  * Returns bucketed volume, open interest snapshot, win/loss trade counts,
- * and overall metrics filtered to PEAR fills (cloid LIKE 0x50454152%)
+ * and overall metrics
  */
 function usePortfolio() {
     const context = useContext(PearHyperliquidContext);
@@ -6700,23 +6791,51 @@ const PearHyperliquidContext = createContext(undefined);
  */
 const PearHyperliquidProvider = ({ children, apiBaseUrl = 'https://hl-v2.pearprotocol.io', clientId = 'PEARPROTOCOLUI', wsUrl = 'wss://hl-v2.pearprotocol.io/ws', }) => {
     const [address, setAddress] = useState(null);
+    const perpsMetaAssets = useHyperliquidData((state) => state.perpMetaAssets);
+    const setPerpMetaAssets = useHyperliquidData((state) => state.setPerpMetaAssets);
+    const setHip3DisplayToFull = useHyperliquidData((state) => state.setHip3DisplayToFull);
+    const websocketsEnabled = useMemo(() => Array.isArray(perpsMetaAssets) && perpsMetaAssets.length > 0, [perpsMetaAssets]);
     // WebSocket connection and data (Pear API)
     const { isConnected, lastError } = useHyperliquidWebSocket({
         wsUrl,
         address,
+        enabled: websocketsEnabled,
     });
     // HyperLiquid native WebSocket connection
     const { isConnected: nativeIsConnected, lastError: nativeLastError } = useHyperliquidNativeWebSocket({
         address,
+        enabled: websocketsEnabled,
     });
     // Auth hook
-    // Auth state inside provider (replaces useAuth internal state)
     const [authStatus, setAuthStatus] = useState(AuthStatus.Idle);
     const [user, setUser] = useState(null);
     const [authError, setAuthError] = useState(null);
     const [accessToken, setAccessToken] = useState(null);
     const isAuthenticated = useMemo(() => !!accessToken, [accessToken]);
-    // Hydrate from existing token
+    useEffect(() => {
+        if (perpsMetaAssets === null) {
+            fetchAllPerpMetas().then(res => {
+                const aggregatedPerpMetas = res.data.flatMap(item => item.universe);
+                const hip3Map = new Map();
+                const displayToFull = new Map();
+                const cleanedPerpMetas = aggregatedPerpMetas.map((asset) => {
+                    var _a;
+                    const [maybePrefix, maybeMarket] = asset.name.split(":");
+                    if (maybeMarket) {
+                        const prefix = maybePrefix.toLowerCase();
+                        const market = maybeMarket;
+                        const existing = (_a = hip3Map.get(prefix)) !== null && _a !== void 0 ? _a : [];
+                        hip3Map.set(prefix, [...existing, market]);
+                        displayToFull.set(market, `${prefix}:${market}`);
+                        return { ...asset, name: market };
+                    }
+                    return asset;
+                });
+                setHip3DisplayToFull(displayToFull);
+                setPerpMetaAssets(cleanedPerpMetas);
+            }).catch(() => { });
+        }
+    }, [perpsMetaAssets, setPerpMetaAssets, setHip3DisplayToFull]);
     useEffect(() => {
         const access = localStorage.getItem('accessToken');
         if (access) {
@@ -6807,8 +6926,6 @@ const PearHyperliquidProvider = ({ children, apiBaseUrl = 'https://hl-v2.pearpro
         setAuthError(null);
         setAddress(null);
     }, [apiBaseUrl]);
-    // Agent wallet hook
-    const { agentWallet, isReady: isAgentWalletReady, loading: agentWalletLoading, error: agentWalletError, refreshAgentWalletStatus, createAgentWallet, notifyAgentWalletApproved, } = useAgentWallet({ baseUrl: apiBaseUrl });
     useAutoSyncFills({
         baseUrl: apiBaseUrl,
         accessToken: accessToken || '',
@@ -6842,23 +6959,13 @@ const PearHyperliquidProvider = ({ children, apiBaseUrl = 'https://hl-v2.pearpro
         loginWithPrivyToken,
         refreshTokens,
         logout: logout$1,
-        // Agent wallet
-        agentWallet,
-        isAgentWalletReady,
-        agentWalletError,
-        agentWalletLoading,
-        refreshAgentWalletStatus,
-        createAgentWallet,
-        notifyAgentWalletApproved,
     }), [
         apiBaseUrl, wsUrl,
         address, setAddress,
         isConnected, lastError,
         nativeIsConnected, nativeLastError,
         authStatus, isAuthenticated, user, authError,
-        agentWallet, isAgentWalletReady, agentWalletError, agentWalletLoading,
         getEip712, loginWithSignedMessage, refreshTokens, logout$1,
-        refreshAgentWalletStatus, createAgentWallet, notifyAgentWalletApproved,
     ]);
     return (jsx(PearHyperliquidContext.Provider, { value: contextValue, children: children }));
 };
@@ -6890,21 +6997,6 @@ function usePearAuth() {
         logout: ctx.logout,
     };
 }
-/**
- * Provider-aware Agent Wallet hook. Uses agent wallet state/actions provided by PearHyperliquidProvider.
- */
-function usePearAgentWallet() {
-    const ctx = usePearHyperliquid();
-    return {
-        agentWallet: ctx.agentWallet,
-        isReady: ctx.isAgentWalletReady,
-        loading: ctx.agentWalletLoading,
-        error: ctx.agentWalletError,
-        refreshAgentWalletStatus: ctx.refreshAgentWalletStatus,
-        createAgentWallet: ctx.createAgentWallet,
-        notifyAgentWalletApproved: ctx.notifyAgentWalletApproved,
-    };
-}
 
 /**
  * Detects conflicts between selected tokens and existing positions
@@ -6993,4 +7085,4 @@ function mapCandleIntervalToTradingViewInterval(interval) {
     }
 }
 
-export { AccountSummaryCalculator, AuthStatus, ConflictDetector, MINIMUM_ASSET_USD_VALUE, MinimumPositionSizeError, PearHyperliquidProvider, TokenMetadataExtractor, adjustOrder, adjustPosition, calculateMinimumPositionValue, calculateWeightedRatio, cancelOrder, cancelTwap, cancelTwapOrder, closeAllPositions, closePosition, computeBasketCandles, createCandleLookups, createPosition, getCompleteTimestamps, getPortfolio, mapCandleIntervalToTradingViewInterval, mapTradingViewIntervalToCandleInterval, markNotificationReadById, markNotificationsRead, toggleWatchlist, updateRiskParameters, useAccountSummary, useActiveBaskets, useAddress, useAgentWallet, useAllBaskets, useAutoSyncFills, useBasketCandles, useFindBasket, useHighlightedBaskets, useHistoricalPriceData, useHistoricalPriceDataStore, useHyperliquidNativeWebSocket, useHyperliquidWebSocket, useMarketData, useMarketDataAllPayload, useMarketDataPayload, useNotifications, useOpenOrders, useOrders, usePearAgentWallet, usePearAuth, usePearHyperliquid, usePerformanceOverlays, usePortfolio, usePosition, useTokenSelectionMetadata, useTopGainers, useTopLosers, useTradeHistories, useTwap, useUserSelection, useWatchlist, useWatchlistBaskets, useWebData, validateMinimumAssetSize, validatePositionSize };
+export { AccountSummaryCalculator, AuthStatus, ConflictDetector, MINIMUM_ASSET_USD_VALUE, MinimumPositionSizeError, PearHyperliquidProvider, TokenMetadataExtractor, adjustOrder, adjustPosition, calculateMinimumPositionValue, calculateWeightedRatio, cancelOrder, cancelTwap, cancelTwapOrder, closeAllPositions, closePosition, computeBasketCandles, createCandleLookups, createPosition, getCompleteTimestamps, getPortfolio, mapCandleIntervalToTradingViewInterval, mapTradingViewIntervalToCandleInterval, markNotificationReadById, markNotificationsRead, toggleWatchlist, updateRiskParameters, useAccountSummary, useActiveBaskets, useAgentWallet, useAllBaskets, useAutoSyncFills, useBasketCandles, useFindBasket, useHighlightedBaskets, useHistoricalPriceData, useHistoricalPriceDataStore, useHyperliquidNativeWebSocket, useHyperliquidWebSocket, useMarketData, useMarketDataAllPayload, useMarketDataPayload, useNotifications, useOpenOrders, useOrders, usePearAuth, usePearHyperliquid, usePerformanceOverlays, usePortfolio, usePosition, useTokenSelectionMetadata, useTopGainers, useTopLosers, useTradeHistories, useTwap, useUserSelection, useWatchlist, useWatchlistBaskets, useWebData, validateMinimumAssetSize, validatePositionSize };