@pear-protocol/hyperliquid-sdk 0.0.49-hip3-alpha → 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) {
@@ -232,6 +298,7 @@ const useHyperliquidData = create((set, get) => ({
     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
@@ -274,7 +341,8 @@ const useHyperliquidData = create((set, get) => ({
     setFinalAssetContexts: (value) => set({ finalAssetContexts: value }),
     setFinalAtOICaps: (value) => set({ finalAtOICaps: value }),
     setAggregatedClearingHouseState: (value) => set({ aggregatedClearingHouseState: value }),
-    setPerpMetaAssets: (value) => set({ perpMetaAssets: value })
+    setPerpMetaAssets: (value) => set({ perpMetaAssets: value }),
+    setHip3DisplayToFull: (value) => set({ hip3DisplayToFull: value })
 }));
 
 const DEFAULT_STATE = {
@@ -414,7 +482,7 @@ const useUserSelection$1 = create((set, get) => ({
     resetToDefaults: () => set((prev) => ({ ...prev, ...DEFAULT_STATE })),
 }));
 
-const useHyperliquidNativeWebSocket = ({ address, }) => {
+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);
@@ -488,15 +556,29 @@ const useHyperliquidNativeWebSocket = ({ address, }) => {
                         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}`);
@@ -510,7 +592,15 @@ const useHyperliquidNativeWebSocket = ({ address, }) => {
         }
     }, [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');
@@ -539,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 () => {
@@ -4634,121 +4724,6 @@ 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
  */
@@ -4759,54 +4734,40 @@ class AccountSummaryCalculator {
     /**
      * Calculate account summary from real-time clearinghouse state and platform orders
      */
-    calculateAccountSummary(platformAccountSummary, platformOpenOrders, agentWalletAddress, agentWalletStatus) {
+    calculateAccountSummary(platformAccountSummary, registeredAgentWallets) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        // If we don't have real-time state, return platform data as-is
         if (!this.clearinghouseState) {
-            return platformAccountSummary;
+            return null;
         }
         const clearinghouseState = this.clearinghouseState;
-        // Calculate total limit order value from platform orders
-        const totalLimitOrderValue = this.calculateTotalLimitOrderValue(platformOpenOrders || []);
-        // Use real-time data from 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: ((_a = clearinghouseState.crossMarginSummary) === null || _a === void 0 ? void 0 : _a.accountValue) || '0',
-                    totalMarginUsed: ((_b = clearinghouseState.crossMarginSummary) === null || _b === void 0 ? void 0 : _b.totalMarginUsed) || '0',
-                    totalNtlPos: ((_c = clearinghouseState.crossMarginSummary) === null || _c === void 0 ? void 0 : _c.totalNtlPos) || '0',
-                    totalRawUsd: ((_d = clearinghouseState.crossMarginSummary) === null || _d === void 0 ? void 0 : _d.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: ((_e = clearinghouseState.marginSummary) === null || _e === void 0 ? void 0 : _e.accountValue) || '0',
-                    totalMarginUsed: ((_f = clearinghouseState.marginSummary) === null || _f === void 0 ? void 0 : _f.totalMarginUsed) || '0',
-                    totalNtlPos: ((_g = clearinghouseState.marginSummary) === null || _g === void 0 ? void 0 : _g.totalNtlPos) || '0',
-                    totalRawUsd: ((_h = clearinghouseState.marginSummary) === null || _h === void 0 ? void 0 : _h.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 || ((_j = platformAccountSummary === null || platformAccountSummary === void 0 ? void 0 : platformAccountSummary.agentWallet) === null || _j === void 0 ? void 0 : _j.address) || '',
-                status: agentWalletStatus || ((_k = platformAccountSummary === null || platformAccountSummary === void 0 ? void 0 : platformAccountSummary.agentWallet) === null || _k === void 0 ? void 0 : _k.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;
     }
     getClearinghouseState() {
         return this.clearinghouseState || null;
@@ -4819,6 +4780,23 @@ class AccountSummaryCalculator {
     }
 }
 
+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) {
@@ -4844,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 aggregatedClearingHouseState = useHyperliquidData((state) => state.aggregatedClearingHouseState);
-    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(aggregatedClearingHouseState);
-    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();
 };
@@ -4883,6 +4839,7 @@ const useWebData = () => {
     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 (finalAssetContexts && perpMetaAssets && finalAssetContexts.length === perpMetaAssets.length) {
         const result = {};
@@ -4896,6 +4853,7 @@ const useWebData = () => {
         marketDataBySymbol = result;
     }
     return {
+        hip3Assets,
         clearinghouseState: aggregatedClearinghouseState,
         perpsAtOpenInterestCap: finalAtOICaps,
         marketDataBySymbol,
@@ -5350,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 {
@@ -5397,6 +5356,23 @@ const fetchAllPerpMetas = async () => {
         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);
@@ -5477,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 };
                 }
@@ -5967,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)
  */
@@ -5986,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;
@@ -6024,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; };
@@ -6035,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);
@@ -6060,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;
@@ -6166,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}`,
@@ -6329,7 +6360,7 @@ const buildPositionValue = (rawPositions, clearinghouseState, allMids) => {
         mappedPosition.longAssets = position.longAssets.map(longAsset => {
             var _a, _b, _c;
             const currentPrice = parseFloat(allMids.mids[longAsset.coin]);
-            const assetState = (_a = 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;
@@ -6343,7 +6374,7 @@ const buildPositionValue = (rawPositions, clearinghouseState, allMids) => {
         mappedPosition.shortAssets = position.shortAssets.map(shortAsset => {
             var _a, _b, _c;
             const currentPrice = parseFloat(allMids.mids[shortAsset.coin]);
-            const assetState = (_a = 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;
@@ -6376,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) => {
@@ -6478,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 {
@@ -6487,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]);
@@ -6571,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);
@@ -6668,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) {
@@ -6684,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;
     };
@@ -6716,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);
@@ -6760,17 +6791,21 @@ 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,
     });
-    const perpsMetaAssets = useHyperliquidData((state) => state.perpMetaAssets);
-    const setPerpMetaAssets = useHyperliquidData((state) => state.setPerpMetaAssets);
     // Auth hook
     const [authStatus, setAuthStatus] = useState(AuthStatus.Idle);
     const [user, setUser] = useState(null);
@@ -6781,11 +6816,26 @@ const PearHyperliquidProvider = ({ children, apiBaseUrl = 'https://hl-v2.pearpro
         if (perpsMetaAssets === null) {
             fetchAllPerpMetas().then(res => {
                 const aggregatedPerpMetas = res.data.flatMap(item => item.universe);
-                setPerpMetaAssets(aggregatedPerpMetas);
-            });
+                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]);
-    // Hydrate from existing token
+    }, [perpsMetaAssets, setPerpMetaAssets, setHip3DisplayToFull]);
     useEffect(() => {
         const access = localStorage.getItem('accessToken');
         if (access) {
@@ -6876,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 || '',
@@ -6911,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 }));
 };
@@ -6959,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
@@ -7062,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 };