@b3dotfun/sdk 0.1.0-alpha.3 → 0.1.0-alpha.4

package/dist/cjs/global-account/react/components/AccountAssets/AccountAssets.js

@@ -21,6 +21,10 @@ function AccountAssets({ nfts, isLoading }) {
     }, {});
     const collections = Object.values(groupedNFTs || {});
     const [expandedCollections, setExpandedCollections] = (0, react_1.useState)(() => new Set(collections.map(c => c.collection_id)));
+    const [failedImages, setFailedImages] = (0, react_1.useState)(() => new Set());
+    const handleImageError = (imageId) => {
+        setFailedImages(prev => new Set(prev).add(imageId));
+    };
     if (isLoading) {
         return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-3", children: [...Array(2)].map((_, i) => ((0, jsx_runtime_1.jsxs)("div", { className: "animate-pulse", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-b3-react-muted mb-3 h-6 w-48 rounded" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-b3-react-muted h-[98px] w-[98px] shrink-0 rounded-lg" }), (0, jsx_runtime_1.jsx)("div", { className: "bg-b3-react-muted h-[98px] w-[98px] shrink-0 rounded-lg" })] })] }, i))) }));
     }
@@ -39,11 +43,11 @@ function AccountAssets({ nfts, isLoading }) {
             return next;
         });
     };
-    return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-3 px-4", children: collections.map(collection => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-3", children: collections.map(collection => {
             const isExpanded = expandedCollections.has(collection.collection_id);
-            return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3", children: [(0, jsx_runtime_1.jsxs)("button", { onClick: () => toggleCollection(collection.collection_id), className: "flex w-full items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1", children: [collection.collection_image && ((0, jsx_runtime_1.jsx)("img", { src: collection.collection_image, alt: collection.collection_name, className: "h-5 w-5 shrink-0 rounded object-cover" })), (0, jsx_runtime_1.jsxs)("p", { className: "font-neue-montreal-medium text-[14px] text-[#3f3f46]", children: [collection.collection_name, " (", collection.nfts.length, ")"] })] }), (0, jsx_runtime_1.jsx)("svg", { className: `h-[18px] w-[18px] shrink-0 transition-transform ${isExpanded ? "rotate-180" : ""}`, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M4.5 6.75L9 11.25L13.5 6.75", stroke: "#51525C", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), isExpanded && ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-3 overflow-x-auto", children: collection.nfts.map(nft => ((0, jsx_runtime_1.jsx)("div", { className: "relative h-[98px] w-[98px] shrink-0 overflow-hidden rounded-lg", children: (0, jsx_runtime_1.jsx)("img", { src: nft.previews?.image_medium_url ||
+            return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3", children: [(0, jsx_runtime_1.jsxs)("button", { onClick: () => toggleCollection(collection.collection_id), className: "flex w-full items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1", children: [collection.collection_image && !failedImages.has(`collection-${collection.collection_id}`) && ((0, jsx_runtime_1.jsx)("img", { src: collection.collection_image, alt: collection.collection_name, className: "h-5 w-5 shrink-0 rounded object-cover", onError: () => handleImageError(`collection-${collection.collection_id}`) })), (0, jsx_runtime_1.jsxs)("p", { className: "font-neue-montreal-medium text-[14px] text-[#3f3f46]", children: [collection.collection_name, " (", collection.nfts.length, ")"] })] }), (0, jsx_runtime_1.jsx)("svg", { className: `h-[18px] w-[18px] shrink-0 transition-transform ${isExpanded ? "rotate-180" : ""}`, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M4.5 6.75L9 11.25L13.5 6.75", stroke: "#51525C", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), isExpanded && ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-3 overflow-x-auto", children: collection.nfts.map(nft => ((0, jsx_runtime_1.jsx)("div", { className: "bg-b3-react-muted relative h-[98px] w-[98px] shrink-0 overflow-hidden rounded-lg", children: !failedImages.has(nft.nft_id) && ((0, jsx_runtime_1.jsx)("img", { src: nft.previews?.image_medium_url ||
                                     nft.extra_metadata?.image_original_url ||
                                     nft.collection?.image_url ||
-                                    "", alt: nft.name || "NFT", className: "h-full w-full object-cover" }) }, nft.nft_id))) }))] }, collection.collection_id));
+                                    "", alt: nft.name || "NFT", className: "h-full w-full object-cover", onError: () => handleImageError(nft.nft_id) })) }, nft.nft_id))) }))] }, collection.collection_id));
         }) }));
 }

package/dist/cjs/global-account/react/components/ManageAccount/NFTContent.js

@@ -9,7 +9,7 @@ const NFTContent = () => {
     const activeWallet = (0, react_1.useActiveWallet)();
     const activeAccount = activeWallet?.getAccount();
     const activeAddress = activeAccount?.address;
-    const { data: nfts, isLoading } = (0, hooks_1.useAccountAssets)(activeAddress);
-    return ((0, jsx_runtime_1.jsx)("div", { style: { minHeight: "100px" }, children: nfts?.nftResponse ? ((0, jsx_runtime_1.jsx)(__1.AccountAssets, { nfts: nfts.nftResponse, isLoading: isLoading })) : ((0, jsx_runtime_1.jsx)("div", { className: "py-12 text-center text-gray-500", children: "No NFTs found" })) }));
+    const { data: nfts, isLoading } = (0, hooks_1.useSimCollectibles)(activeAddress, [1, 8453], { filterSpam: true });
+    return ((0, jsx_runtime_1.jsx)("div", { style: { minHeight: "100px" }, children: nfts ? ((0, jsx_runtime_1.jsx)(__1.AccountAssets, { nfts: nfts, isLoading: isLoading })) : ((0, jsx_runtime_1.jsx)("div", { className: "py-12 text-center text-gray-500", children: "No NFTs found" })) }));
 };
 exports.default = NFTContent;

package/dist/cjs/global-account/react/hooks/index.d.ts

@@ -31,6 +31,7 @@ export { useRemoveSessionKey } from "./useRemoveSessionKey";
 export { useRouter } from "./useRouter";
 export { useSearchParamsSSR } from "./useSearchParamsSSR";
 export { useSimBalance, useSimSvmBalance, useSimTokenBalance } from "./useSimBalance";
+export { useSimCollectibles } from "./useSimCollectibles";
 export { useSiwe } from "./useSiwe";
 export { useTokenBalance } from "./useTokenBalance";
 export { useTokenBalanceDirect } from "./useTokenBalanceDirect";

package/dist/cjs/global-account/react/hooks/index.js

@@ -14,8 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useURLParams = exports.useUnifiedChainSwitchAndExecute = exports.useTurnkeyAuth = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalanceDirect = exports.useTokenBalance = exports.useSiwe = exports.useSimTokenBalance = exports.useSimSvmBalance = exports.useSimBalance = exports.useSearchParamsSSR = exports.useRouter = exports.useRemoveSessionKey = exports.useQueryBSMNT = exports.useQueryB3 = exports.useProfileSettings = exports.useProfilePreference = exports.useProfile = exports.useDisplayName = exports.useOneBalance = exports.useNotifications = exports.useNativeBalanceFromRPC = exports.useNativeBalance = exports.useMediaQuery = exports.useIsomorphicLayoutEffect = exports.useIsMobile = exports.useHasMounted = exports.useHandleConnectWithPrivy = exports.useGlobalAccount = exports.useGetGeo = exports.useGetAllTWSigners = exports.useFirstEOA = exports.useExchangeRate = exports.useConnect = exports.useClient = exports.useChainSwitchWithAction = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAuth = exports.useAnalytics = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = exports.createWagmiConfig = void 0;
-exports.useUser = void 0;
+exports.useUnifiedChainSwitchAndExecute = exports.useTurnkeyAuth = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalanceDirect = exports.useTokenBalance = exports.useSiwe = exports.useSimCollectibles = exports.useSimTokenBalance = exports.useSimSvmBalance = exports.useSimBalance = exports.useSearchParamsSSR = exports.useRouter = exports.useRemoveSessionKey = exports.useQueryBSMNT = exports.useQueryB3 = exports.useProfileSettings = exports.useProfilePreference = exports.useProfile = exports.useDisplayName = exports.useOneBalance = exports.useNotifications = exports.useNativeBalanceFromRPC = exports.useNativeBalance = exports.useMediaQuery = exports.useIsomorphicLayoutEffect = exports.useIsMobile = exports.useHasMounted = exports.useHandleConnectWithPrivy = exports.useGlobalAccount = exports.useGetGeo = exports.useGetAllTWSigners = exports.useFirstEOA = exports.useExchangeRate = exports.useConnect = exports.useClient = exports.useChainSwitchWithAction = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAuth = exports.useAnalytics = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = exports.createWagmiConfig = void 0;
+exports.useUser = exports.useURLParams = void 0;
 var createWagmiConfig_1 = require("../utils/createWagmiConfig");
 Object.defineProperty(exports, "createWagmiConfig", { enumerable: true, get: function () { return createWagmiConfig_1.createWagmiConfig; } });
 var useAccountAssets_1 = require("./useAccountAssets");
@@ -87,6 +87,8 @@ var useSimBalance_1 = require("./useSimBalance");
 Object.defineProperty(exports, "useSimBalance", { enumerable: true, get: function () { return useSimBalance_1.useSimBalance; } });
 Object.defineProperty(exports, "useSimSvmBalance", { enumerable: true, get: function () { return useSimBalance_1.useSimSvmBalance; } });
 Object.defineProperty(exports, "useSimTokenBalance", { enumerable: true, get: function () { return useSimBalance_1.useSimTokenBalance; } });
+var useSimCollectibles_1 = require("./useSimCollectibles");
+Object.defineProperty(exports, "useSimCollectibles", { enumerable: true, get: function () { return useSimCollectibles_1.useSimCollectibles; } });
 var useSiwe_1 = require("./useSiwe");
 Object.defineProperty(exports, "useSiwe", { enumerable: true, get: function () { return useSiwe_1.useSiwe; } });
 var useTokenBalance_1 = require("./useTokenBalance");

package/dist/cjs/global-account/react/hooks/useSimBalance.js

@@ -4,14 +4,16 @@ exports.useSimBalance = useSimBalance;
 exports.useSimSvmBalance = useSimSvmBalance;
 exports.useSimTokenBalance = useSimTokenBalance;
 const react_query_1 = require("@tanstack/react-query");
+const simdune_1 = require("../utils/simdune");
 async function fetchSimBalance(address, chainIdsParam) {
     if (!address)
         throw new Error("Address is required");
     const chainIds = chainIdsParam.length === 0 ? "mainnet" : chainIdsParam.join(",");
-    let url = `https://simdune-api.sean-430.workers.dev/?url=https://api.sim.dune.com/v1/evm/balances/${address}?metadata=logo&chain_ids=${chainIds}&exclude_spam_tokens=true`;
-    if (process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET) {
-        url += `&localkey=${process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET}`;
-    }
+    const queryParams = new URLSearchParams();
+    queryParams.append("metadata", "logo");
+    queryParams.append("chain_ids", chainIds);
+    queryParams.append("exclude_spam_tokens", "true");
+    const url = (0, simdune_1.buildSimduneUrl)(`/v1/evm/balances/${address}`, queryParams);
     const response = await fetch(url);
     if (!response.ok) {
         throw new Error(`Failed to fetch balance: ${response.statusText}`);
@@ -26,10 +28,9 @@ async function fetchSimTokenBalance(walletAddress, tokenAddress, chainId) {
         throw new Error("Token address is required");
     if (!chainId)
         throw new Error("Chain ID is required");
-    let url = `https://simdune-api.sean-430.workers.dev/?url=https://api.sim.dune.com/v1/evm/balances/${walletAddress}/token/${tokenAddress}?chain_ids=${chainId}`;
-    if (process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET) {
-        url += `&localkey=${process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET}`;
-    }
+    const queryParams = new URLSearchParams();
+    queryParams.append("chain_ids", chainId.toString());
+    const url = (0, simdune_1.buildSimduneUrl)(`/v1/evm/balances/${walletAddress}/token/${tokenAddress}`, queryParams);
     const response = await fetch(url);
     if (!response.ok) {
         throw new Error(`Failed to fetch token balance: ${response.statusText}`);
@@ -47,13 +48,7 @@ async function fetchSimSvmBalance(address, chains, limit) {
     if (limit) {
         queryParams.append("limit", limit.toString());
     }
-    let url = `https://simdune-api.sean-430.workers.dev/?url=https://api.sim.dune.com/beta/svm/balances/${address}`;
-    if (queryParams.toString()) {
-        url += `?${queryParams.toString()}`;
-    }
-    if (process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET) {
-        url += `${queryParams.toString() ? "&" : "?"}localkey=${process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET}`;
-    }
+    const url = (0, simdune_1.buildSimduneUrl)(`/beta/svm/balances/${address}`, queryParams.toString() ? queryParams : undefined);
     const response = await fetch(url);
     if (!response.ok) {
         throw new Error(`Failed to fetch SVM balance: ${response.statusText}`);

package/dist/cjs/global-account/react/hooks/useSimCollectibles.d.ts

@@ -0,0 +1,45 @@
+import type { SimpleHashNFTResponse } from "../../../global-account/types/simplehash.types";
+export interface SimCollectibleMetadata {
+    uri: string;
+    attributes?: Array<{
+        trait_type: string;
+        value: string;
+        display_type?: string | null;
+    }>;
+}
+export interface SimCollectibleEntry {
+    contract_address: string;
+    token_standard: "ERC721" | "ERC1155";
+    token_id: string;
+    chain: string;
+    chain_id: number;
+    name?: string;
+    description?: string;
+    symbol?: string;
+    image_url?: string;
+    last_sale_price?: string;
+    metadata?: SimCollectibleMetadata;
+    is_spam?: boolean;
+    spam_score?: number;
+    explanations?: string[];
+    balance?: string;
+    last_acquired?: string;
+}
+export interface SimCollectiblesResponse {
+    address: string;
+    entries: SimCollectibleEntry[];
+    next_offset?: string;
+    request_time: string;
+    response_time: string;
+}
+/**
+ * Hook to fetch NFT collectibles from Simdune API.
+ * Returns data in SimpleHash format for compatibility with AccountAssets component.
+ * @param address - Wallet address to fetch collectibles for
+ * @param chainIdsParam - Optional array of chain IDs to filter by
+ * @param options - Optional parameters (limit, filterSpam)
+ */
+export declare function useSimCollectibles(address?: string, chainIdsParam?: number[], options?: {
+    limit?: number;
+    filterSpam?: boolean;
+}): import("@tanstack/react-query").UseQueryResult<SimpleHashNFTResponse, Error>;

package/dist/cjs/global-account/react/hooks/useSimCollectibles.js

@@ -0,0 +1,190 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSimCollectibles = useSimCollectibles;
+const react_query_1 = require("@tanstack/react-query");
+const simdune_1 = require("../utils/simdune");
+/**
+ * Safely parse a balance string to a number, capping at MAX_SAFE_INTEGER
+ * to prevent overflow issues with large ERC1155 balances.
+ */
+function safeParseBalance(balance) {
+    if (!balance)
+        return 1;
+    const parsed = parseInt(balance, 10);
+    if (Number.isNaN(parsed))
+        return 1;
+    return Math.min(parsed, Number.MAX_SAFE_INTEGER);
+}
+async function fetchSimCollectibles(address, chainIdsParam, options) {
+    if (!address)
+        throw new Error("Address is required");
+    const queryParams = new URLSearchParams();
+    if (chainIdsParam && chainIdsParam.length > 0) {
+        queryParams.append("chain_ids", chainIdsParam.join(","));
+    }
+    if (options?.limit) {
+        queryParams.append("limit", options.limit.toString());
+    }
+    if (options?.filterSpam !== undefined) {
+        queryParams.append("filter_spam", options.filterSpam.toString());
+    }
+    const url = (0, simdune_1.buildSimduneUrl)(`/v1/evm/collectibles/${address}`, queryParams);
+    const response = await fetch(url);
+    if (!response.ok) {
+        throw new Error(`Failed to fetch collectibles: ${response.statusText}`);
+    }
+    const data = await response.json();
+    return data;
+}
+/**
+ * Transforms Simdune collectibles response to SimpleHash NFT format
+ * for compatibility with existing AccountAssets component
+ */
+function transformToSimpleHashFormat(data) {
+    const nfts = data.entries.map(entry => ({
+        nft_id: `${entry.chain}.${entry.contract_address}.${entry.token_id}`,
+        chain: entry.chain,
+        contract_address: entry.contract_address,
+        token_id: entry.token_id,
+        name: entry.name || "",
+        description: entry.description || "",
+        previews: {
+            image_small_url: entry.image_url || "",
+            image_medium_url: entry.image_url || "",
+            image_large_url: entry.image_url || "",
+            image_opengraph_url: entry.image_url || "",
+            blurhash: "",
+            predominant_color: "",
+        },
+        image_url: entry.image_url || "",
+        image_properties: {
+            width: 0,
+            height: 0,
+            size: 0,
+            mime_type: "",
+            exif_orientation: null,
+        },
+        video_url: null,
+        video_properties: null,
+        audio_url: null,
+        audio_properties: null,
+        model_url: null,
+        model_properties: null,
+        other_url: null,
+        other_properties: null,
+        background_color: null,
+        external_url: null,
+        created_date: "",
+        status: "minted",
+        token_count: 1,
+        owner_count: 1,
+        owners: [
+            {
+                owner_address: data.address,
+                quantity: safeParseBalance(entry.balance),
+                quantity_string: entry.balance || "1",
+                first_acquired_date: entry.last_acquired || "",
+                last_acquired_date: entry.last_acquired || "",
+            },
+        ],
+        contract: {
+            type: entry.token_standard,
+            name: entry.name || "",
+            symbol: entry.symbol || null,
+            deployed_by: "",
+            deployed_via_contract: "",
+            owned_by: "",
+            has_multiple_collections: false,
+        },
+        collection: {
+            collection_id: entry.contract_address,
+            name: entry.symbol || "Unknown Collection",
+            description: null,
+            image_url: entry.image_url || "",
+            image_properties: {
+                width: 0,
+                height: 0,
+                mime_type: "",
+            },
+            banner_image_url: null,
+            category: null,
+            is_nsfw: null,
+            external_url: null,
+            twitter_username: null,
+            discord_url: null,
+            instagram_username: null,
+            medium_username: null,
+            telegram_url: null,
+            marketplace_pages: [],
+            metaplex_mint: null,
+            metaplex_candy_machine: null,
+            metaplex_first_verified_creator: null,
+            floor_prices: [],
+            top_bids: [],
+            distinct_owner_count: 0,
+            distinct_nft_count: 0,
+            total_quantity: 0,
+            chains: [entry.chain],
+            top_contracts: [entry.contract_address],
+            collection_royalties: [],
+        },
+        last_sale: entry.last_sale_price
+            ? {
+                price: entry.last_sale_price,
+            }
+            : null,
+        primary_sale: null,
+        first_created: {
+            minted_to: data.address,
+            quantity: 1,
+            quantity_string: "1",
+            timestamp: "",
+            block_number: 0,
+            transaction: "",
+            transaction_initiator: "",
+        },
+        rarity: {
+            rank: null,
+            score: null,
+            unique_attributes: null,
+        },
+        royalty: [],
+        extra_metadata: {
+            attributes: (entry.metadata?.attributes || []).map(attr => ({
+                trait_type: attr.trait_type,
+                value: attr.value,
+                display_type: attr.display_type ?? null,
+            })),
+            image_original_url: entry.image_url || "",
+            animation_original_url: null,
+            metadata_original_url: entry.metadata?.uri || "",
+        },
+    }));
+    return {
+        next_cursor: data.next_offset || null,
+        next: null,
+        previous: null,
+        nfts,
+    };
+}
+/**
+ * Hook to fetch NFT collectibles from Simdune API.
+ * Returns data in SimpleHash format for compatibility with AccountAssets component.
+ * @param address - Wallet address to fetch collectibles for
+ * @param chainIdsParam - Optional array of chain IDs to filter by
+ * @param options - Optional parameters (limit, filterSpam)
+ */
+function useSimCollectibles(address, chainIdsParam, options) {
+    return (0, react_query_1.useQuery)({
+        queryKey: ["simCollectibles", address, chainIdsParam, options],
+        queryFn: async () => {
+            if (!address)
+                throw new Error("Address is required");
+            const data = await fetchSimCollectibles(address, chainIdsParam, options);
+            return transformToSimpleHashFormat(data);
+        },
+        enabled: Boolean(address),
+        staleTime: 30 * 1000,
+        gcTime: 5 * 60 * 1000,
+    });
+}

package/dist/cjs/global-account/react/utils/simdune.d.ts

@@ -0,0 +1,7 @@
+export declare const SIMDUNE_API_HOST = "https://simdune-api.sean-430.workers.dev";
+/**
+ * Builds a Simdune API URL with the proxy wrapper and optional dev mode key.
+ * @param endpoint - The Simdune API endpoint (e.g., "/v1/evm/balances/0x...")
+ * @param queryParams - Optional URLSearchParams to append
+ */
+export declare function buildSimduneUrl(endpoint: string, queryParams?: URLSearchParams): string;

package/dist/cjs/global-account/react/utils/simdune.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SIMDUNE_API_HOST = void 0;
+exports.buildSimduneUrl = buildSimduneUrl;
+exports.SIMDUNE_API_HOST = "https://simdune-api.sean-430.workers.dev";
+/**
+ * Builds a Simdune API URL with the proxy wrapper and optional dev mode key.
+ * @param endpoint - The Simdune API endpoint (e.g., "/v1/evm/balances/0x...")
+ * @param queryParams - Optional URLSearchParams to append
+ */
+function buildSimduneUrl(endpoint, queryParams) {
+    const baseUrl = `${exports.SIMDUNE_API_HOST}/?url=https://api.sim.dune.com${endpoint}`;
+    let url = baseUrl;
+    if (queryParams && queryParams.toString()) {
+        url += `?${queryParams.toString()}`;
+    }
+    if (process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET) {
+        url += `${queryParams?.toString() ? "&" : "?"}localkey=${process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET}`;
+    }
+    return url;
+}

package/dist/esm/global-account/react/components/AccountAssets/AccountAssets.js

@@ -18,6 +18,10 @@ export function AccountAssets({ nfts, isLoading }) {
     }, {});
     const collections = Object.values(groupedNFTs || {});
     const [expandedCollections, setExpandedCollections] = useState(() => new Set(collections.map(c => c.collection_id)));
+    const [failedImages, setFailedImages] = useState(() => new Set());
+    const handleImageError = (imageId) => {
+        setFailedImages(prev => new Set(prev).add(imageId));
+    };
     if (isLoading) {
         return (_jsx("div", { className: "flex flex-col gap-3", children: [...Array(2)].map((_, i) => (_jsxs("div", { className: "animate-pulse", children: [_jsx("div", { className: "bg-b3-react-muted mb-3 h-6 w-48 rounded" }), _jsxs("div", { className: "flex gap-3", children: [_jsx("div", { className: "bg-b3-react-muted h-[98px] w-[98px] shrink-0 rounded-lg" }), _jsx("div", { className: "bg-b3-react-muted h-[98px] w-[98px] shrink-0 rounded-lg" })] })] }, i))) }));
     }
@@ -36,11 +40,11 @@ export function AccountAssets({ nfts, isLoading }) {
             return next;
         });
     };
-    return (_jsx("div", { className: "flex flex-col gap-3 px-4", children: collections.map(collection => {
+    return (_jsx("div", { className: "flex flex-col gap-3", children: collections.map(collection => {
             const isExpanded = expandedCollections.has(collection.collection_id);
-            return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("button", { onClick: () => toggleCollection(collection.collection_id), className: "flex w-full items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-1", children: [collection.collection_image && (_jsx("img", { src: collection.collection_image, alt: collection.collection_name, className: "h-5 w-5 shrink-0 rounded object-cover" })), _jsxs("p", { className: "font-neue-montreal-medium text-[14px] text-[#3f3f46]", children: [collection.collection_name, " (", collection.nfts.length, ")"] })] }), _jsx("svg", { className: `h-[18px] w-[18px] shrink-0 transition-transform ${isExpanded ? "rotate-180" : ""}`, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M4.5 6.75L9 11.25L13.5 6.75", stroke: "#51525C", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), isExpanded && (_jsx("div", { className: "flex gap-3 overflow-x-auto", children: collection.nfts.map(nft => (_jsx("div", { className: "relative h-[98px] w-[98px] shrink-0 overflow-hidden rounded-lg", children: _jsx("img", { src: nft.previews?.image_medium_url ||
+            return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("button", { onClick: () => toggleCollection(collection.collection_id), className: "flex w-full items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-1", children: [collection.collection_image && !failedImages.has(`collection-${collection.collection_id}`) && (_jsx("img", { src: collection.collection_image, alt: collection.collection_name, className: "h-5 w-5 shrink-0 rounded object-cover", onError: () => handleImageError(`collection-${collection.collection_id}`) })), _jsxs("p", { className: "font-neue-montreal-medium text-[14px] text-[#3f3f46]", children: [collection.collection_name, " (", collection.nfts.length, ")"] })] }), _jsx("svg", { className: `h-[18px] w-[18px] shrink-0 transition-transform ${isExpanded ? "rotate-180" : ""}`, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M4.5 6.75L9 11.25L13.5 6.75", stroke: "#51525C", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), isExpanded && (_jsx("div", { className: "flex gap-3 overflow-x-auto", children: collection.nfts.map(nft => (_jsx("div", { className: "bg-b3-react-muted relative h-[98px] w-[98px] shrink-0 overflow-hidden rounded-lg", children: !failedImages.has(nft.nft_id) && (_jsx("img", { src: nft.previews?.image_medium_url ||
                                     nft.extra_metadata?.image_original_url ||
                                     nft.collection?.image_url ||
-                                    "", alt: nft.name || "NFT", className: "h-full w-full object-cover" }) }, nft.nft_id))) }))] }, collection.collection_id));
+                                    "", alt: nft.name || "NFT", className: "h-full w-full object-cover", onError: () => handleImageError(nft.nft_id) })) }, nft.nft_id))) }))] }, collection.collection_id));
         }) }));
 }

package/dist/esm/global-account/react/components/ManageAccount/NFTContent.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useActiveWallet } from "thirdweb/react";
 import { AccountAssets } from "..";
-import { useAccountAssets } from "../../hooks/index.js";
+import { useSimCollectibles } from "../../hooks/index.js";
 const NFTContent = () => {
     // Get active wallet state
     const activeWallet = useActiveWallet();
     const activeAccount = activeWallet?.getAccount();
     const activeAddress = activeAccount?.address;
-    const { data: nfts, isLoading } = useAccountAssets(activeAddress);
-    return (_jsx("div", { style: { minHeight: "100px" }, children: nfts?.nftResponse ? (_jsx(AccountAssets, { nfts: nfts.nftResponse, isLoading: isLoading })) : (_jsx("div", { className: "py-12 text-center text-gray-500", children: "No NFTs found" })) }));
+    const { data: nfts, isLoading } = useSimCollectibles(activeAddress, [1, 8453], { filterSpam: true });
+    return (_jsx("div", { style: { minHeight: "100px" }, children: nfts ? (_jsx(AccountAssets, { nfts: nfts, isLoading: isLoading })) : (_jsx("div", { className: "py-12 text-center text-gray-500", children: "No NFTs found" })) }));
 };
 export default NFTContent;

package/dist/esm/global-account/react/hooks/index.d.ts

@@ -31,6 +31,7 @@ export { useRemoveSessionKey } from "./useRemoveSessionKey";
 export { useRouter } from "./useRouter";
 export { useSearchParamsSSR } from "./useSearchParamsSSR";
 export { useSimBalance, useSimSvmBalance, useSimTokenBalance } from "./useSimBalance";
+export { useSimCollectibles } from "./useSimCollectibles";
 export { useSiwe } from "./useSiwe";
 export { useTokenBalance } from "./useTokenBalance";
 export { useTokenBalanceDirect } from "./useTokenBalanceDirect";

package/dist/esm/global-account/react/hooks/index.js

@@ -31,6 +31,7 @@ export { useRemoveSessionKey } from "./useRemoveSessionKey.js";
 export { useRouter } from "./useRouter.js";
 export { useSearchParamsSSR } from "./useSearchParamsSSR.js";
 export { useSimBalance, useSimSvmBalance, useSimTokenBalance } from "./useSimBalance.js";
+export { useSimCollectibles } from "./useSimCollectibles.js";
 export { useSiwe } from "./useSiwe.js";
 export { useTokenBalance } from "./useTokenBalance.js";
 export { useTokenBalanceDirect } from "./useTokenBalanceDirect.js";

package/dist/esm/global-account/react/hooks/useSimBalance.js

@@ -1,12 +1,14 @@
 import { useQuery } from "@tanstack/react-query";
+import { buildSimduneUrl } from "../utils/simdune.js";
 async function fetchSimBalance(address, chainIdsParam) {
     if (!address)
         throw new Error("Address is required");
     const chainIds = chainIdsParam.length === 0 ? "mainnet" : chainIdsParam.join(",");
-    let url = `https://simdune-api.sean-430.workers.dev/?url=https://api.sim.dune.com/v1/evm/balances/${address}?metadata=logo&chain_ids=${chainIds}&exclude_spam_tokens=true`;
-    if (process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET) {
-        url += `&localkey=${process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET}`;
-    }
+    const queryParams = new URLSearchParams();
+    queryParams.append("metadata", "logo");
+    queryParams.append("chain_ids", chainIds);
+    queryParams.append("exclude_spam_tokens", "true");
+    const url = buildSimduneUrl(`/v1/evm/balances/${address}`, queryParams);
     const response = await fetch(url);
     if (!response.ok) {
         throw new Error(`Failed to fetch balance: ${response.statusText}`);
@@ -21,10 +23,9 @@ async function fetchSimTokenBalance(walletAddress, tokenAddress, chainId) {
         throw new Error("Token address is required");
     if (!chainId)
         throw new Error("Chain ID is required");
-    let url = `https://simdune-api.sean-430.workers.dev/?url=https://api.sim.dune.com/v1/evm/balances/${walletAddress}/token/${tokenAddress}?chain_ids=${chainId}`;
-    if (process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET) {
-        url += `&localkey=${process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET}`;
-    }
+    const queryParams = new URLSearchParams();
+    queryParams.append("chain_ids", chainId.toString());
+    const url = buildSimduneUrl(`/v1/evm/balances/${walletAddress}/token/${tokenAddress}`, queryParams);
     const response = await fetch(url);
     if (!response.ok) {
         throw new Error(`Failed to fetch token balance: ${response.statusText}`);
@@ -42,13 +43,7 @@ async function fetchSimSvmBalance(address, chains, limit) {
     if (limit) {
         queryParams.append("limit", limit.toString());
     }
-    let url = `https://simdune-api.sean-430.workers.dev/?url=https://api.sim.dune.com/beta/svm/balances/${address}`;
-    if (queryParams.toString()) {
-        url += `?${queryParams.toString()}`;
-    }
-    if (process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET) {
-        url += `${queryParams.toString() ? "&" : "?"}localkey=${process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET}`;
-    }
+    const url = buildSimduneUrl(`/beta/svm/balances/${address}`, queryParams.toString() ? queryParams : undefined);
     const response = await fetch(url);
     if (!response.ok) {
         throw new Error(`Failed to fetch SVM balance: ${response.statusText}`);

package/dist/esm/global-account/react/hooks/useSimCollectibles.d.ts

@@ -0,0 +1,45 @@
+import type { SimpleHashNFTResponse } from "../../../global-account/types/simplehash.types";
+export interface SimCollectibleMetadata {
+    uri: string;
+    attributes?: Array<{
+        trait_type: string;
+        value: string;
+        display_type?: string | null;
+    }>;
+}
+export interface SimCollectibleEntry {
+    contract_address: string;
+    token_standard: "ERC721" | "ERC1155";
+    token_id: string;
+    chain: string;
+    chain_id: number;
+    name?: string;
+    description?: string;
+    symbol?: string;
+    image_url?: string;
+    last_sale_price?: string;
+    metadata?: SimCollectibleMetadata;
+    is_spam?: boolean;
+    spam_score?: number;
+    explanations?: string[];
+    balance?: string;
+    last_acquired?: string;
+}
+export interface SimCollectiblesResponse {
+    address: string;
+    entries: SimCollectibleEntry[];
+    next_offset?: string;
+    request_time: string;
+    response_time: string;
+}
+/**
+ * Hook to fetch NFT collectibles from Simdune API.
+ * Returns data in SimpleHash format for compatibility with AccountAssets component.
+ * @param address - Wallet address to fetch collectibles for
+ * @param chainIdsParam - Optional array of chain IDs to filter by
+ * @param options - Optional parameters (limit, filterSpam)
+ */
+export declare function useSimCollectibles(address?: string, chainIdsParam?: number[], options?: {
+    limit?: number;
+    filterSpam?: boolean;
+}): import("@tanstack/react-query").UseQueryResult<SimpleHashNFTResponse, Error>;

package/dist/esm/global-account/react/hooks/useSimCollectibles.js

@@ -0,0 +1,187 @@
+import { useQuery } from "@tanstack/react-query";
+import { buildSimduneUrl } from "../utils/simdune.js";
+/**
+ * Safely parse a balance string to a number, capping at MAX_SAFE_INTEGER
+ * to prevent overflow issues with large ERC1155 balances.
+ */
+function safeParseBalance(balance) {
+    if (!balance)
+        return 1;
+    const parsed = parseInt(balance, 10);
+    if (Number.isNaN(parsed))
+        return 1;
+    return Math.min(parsed, Number.MAX_SAFE_INTEGER);
+}
+async function fetchSimCollectibles(address, chainIdsParam, options) {
+    if (!address)
+        throw new Error("Address is required");
+    const queryParams = new URLSearchParams();
+    if (chainIdsParam && chainIdsParam.length > 0) {
+        queryParams.append("chain_ids", chainIdsParam.join(","));
+    }
+    if (options?.limit) {
+        queryParams.append("limit", options.limit.toString());
+    }
+    if (options?.filterSpam !== undefined) {
+        queryParams.append("filter_spam", options.filterSpam.toString());
+    }
+    const url = buildSimduneUrl(`/v1/evm/collectibles/${address}`, queryParams);
+    const response = await fetch(url);
+    if (!response.ok) {
+        throw new Error(`Failed to fetch collectibles: ${response.statusText}`);
+    }
+    const data = await response.json();
+    return data;
+}
+/**
+ * Transforms Simdune collectibles response to SimpleHash NFT format
+ * for compatibility with existing AccountAssets component
+ */
+function transformToSimpleHashFormat(data) {
+    const nfts = data.entries.map(entry => ({
+        nft_id: `${entry.chain}.${entry.contract_address}.${entry.token_id}`,
+        chain: entry.chain,
+        contract_address: entry.contract_address,
+        token_id: entry.token_id,
+        name: entry.name || "",
+        description: entry.description || "",
+        previews: {
+            image_small_url: entry.image_url || "",
+            image_medium_url: entry.image_url || "",
+            image_large_url: entry.image_url || "",
+            image_opengraph_url: entry.image_url || "",
+            blurhash: "",
+            predominant_color: "",
+        },
+        image_url: entry.image_url || "",
+        image_properties: {
+            width: 0,
+            height: 0,
+            size: 0,
+            mime_type: "",
+            exif_orientation: null,
+        },
+        video_url: null,
+        video_properties: null,
+        audio_url: null,
+        audio_properties: null,
+        model_url: null,
+        model_properties: null,
+        other_url: null,
+        other_properties: null,
+        background_color: null,
+        external_url: null,
+        created_date: "",
+        status: "minted",
+        token_count: 1,
+        owner_count: 1,
+        owners: [
+            {
+                owner_address: data.address,
+                quantity: safeParseBalance(entry.balance),
+                quantity_string: entry.balance || "1",
+                first_acquired_date: entry.last_acquired || "",
+                last_acquired_date: entry.last_acquired || "",
+            },
+        ],
+        contract: {
+            type: entry.token_standard,
+            name: entry.name || "",
+            symbol: entry.symbol || null,
+            deployed_by: "",
+            deployed_via_contract: "",
+            owned_by: "",
+            has_multiple_collections: false,
+        },
+        collection: {
+            collection_id: entry.contract_address,
+            name: entry.symbol || "Unknown Collection",
+            description: null,
+            image_url: entry.image_url || "",
+            image_properties: {
+                width: 0,
+                height: 0,
+                mime_type: "",
+            },
+            banner_image_url: null,
+            category: null,
+            is_nsfw: null,
+            external_url: null,
+            twitter_username: null,
+            discord_url: null,
+            instagram_username: null,
+            medium_username: null,
+            telegram_url: null,
+            marketplace_pages: [],
+            metaplex_mint: null,
+            metaplex_candy_machine: null,
+            metaplex_first_verified_creator: null,
+            floor_prices: [],
+            top_bids: [],
+            distinct_owner_count: 0,
+            distinct_nft_count: 0,
+            total_quantity: 0,
+            chains: [entry.chain],
+            top_contracts: [entry.contract_address],
+            collection_royalties: [],
+        },
+        last_sale: entry.last_sale_price
+            ? {
+                price: entry.last_sale_price,
+            }
+            : null,
+        primary_sale: null,
+        first_created: {
+            minted_to: data.address,
+            quantity: 1,
+            quantity_string: "1",
+            timestamp: "",
+            block_number: 0,
+            transaction: "",
+            transaction_initiator: "",
+        },
+        rarity: {
+            rank: null,
+            score: null,
+            unique_attributes: null,
+        },
+        royalty: [],
+        extra_metadata: {
+            attributes: (entry.metadata?.attributes || []).map(attr => ({
+                trait_type: attr.trait_type,
+                value: attr.value,
+                display_type: attr.display_type ?? null,
+            })),
+            image_original_url: entry.image_url || "",
+            animation_original_url: null,
+            metadata_original_url: entry.metadata?.uri || "",
+        },
+    }));
+    return {
+        next_cursor: data.next_offset || null,
+        next: null,
+        previous: null,
+        nfts,
+    };
+}
+/**
+ * Hook to fetch NFT collectibles from Simdune API.
+ * Returns data in SimpleHash format for compatibility with AccountAssets component.
+ * @param address - Wallet address to fetch collectibles for
+ * @param chainIdsParam - Optional array of chain IDs to filter by
+ * @param options - Optional parameters (limit, filterSpam)
+ */
+export function useSimCollectibles(address, chainIdsParam, options) {
+    return useQuery({
+        queryKey: ["simCollectibles", address, chainIdsParam, options],
+        queryFn: async () => {
+            if (!address)
+                throw new Error("Address is required");
+            const data = await fetchSimCollectibles(address, chainIdsParam, options);
+            return transformToSimpleHashFormat(data);
+        },
+        enabled: Boolean(address),
+        staleTime: 30 * 1000,
+        gcTime: 5 * 60 * 1000,
+    });
+}

package/dist/esm/global-account/react/utils/simdune.d.ts

@@ -0,0 +1,7 @@
+export declare const SIMDUNE_API_HOST = "https://simdune-api.sean-430.workers.dev";
+/**
+ * Builds a Simdune API URL with the proxy wrapper and optional dev mode key.
+ * @param endpoint - The Simdune API endpoint (e.g., "/v1/evm/balances/0x...")
+ * @param queryParams - Optional URLSearchParams to append
+ */
+export declare function buildSimduneUrl(endpoint: string, queryParams?: URLSearchParams): string;

package/dist/esm/global-account/react/utils/simdune.js

@@ -0,0 +1,17 @@
+export const SIMDUNE_API_HOST = "https://simdune-api.sean-430.workers.dev";
+/**
+ * Builds a Simdune API URL with the proxy wrapper and optional dev mode key.
+ * @param endpoint - The Simdune API endpoint (e.g., "/v1/evm/balances/0x...")
+ * @param queryParams - Optional URLSearchParams to append
+ */
+export function buildSimduneUrl(endpoint, queryParams) {
+    const baseUrl = `${SIMDUNE_API_HOST}/?url=https://api.sim.dune.com${endpoint}`;
+    let url = baseUrl;
+    if (queryParams && queryParams.toString()) {
+        url += `?${queryParams.toString()}`;
+    }
+    if (process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET) {
+        url += `${queryParams?.toString() ? "&" : "?"}localkey=${process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET}`;
+    }
+    return url;
+}

package/dist/types/global-account/react/hooks/index.d.ts

@@ -31,6 +31,7 @@ export { useRemoveSessionKey } from "./useRemoveSessionKey";
 export { useRouter } from "./useRouter";
 export { useSearchParamsSSR } from "./useSearchParamsSSR";
 export { useSimBalance, useSimSvmBalance, useSimTokenBalance } from "./useSimBalance";
+export { useSimCollectibles } from "./useSimCollectibles";
 export { useSiwe } from "./useSiwe";
 export { useTokenBalance } from "./useTokenBalance";
 export { useTokenBalanceDirect } from "./useTokenBalanceDirect";

package/dist/types/global-account/react/hooks/useSimCollectibles.d.ts

@@ -0,0 +1,45 @@
+import type { SimpleHashNFTResponse } from "@b3dotfun/sdk/global-account/types/simplehash.types";
+export interface SimCollectibleMetadata {
+    uri: string;
+    attributes?: Array<{
+        trait_type: string;
+        value: string;
+        display_type?: string | null;
+    }>;
+}
+export interface SimCollectibleEntry {
+    contract_address: string;
+    token_standard: "ERC721" | "ERC1155";
+    token_id: string;
+    chain: string;
+    chain_id: number;
+    name?: string;
+    description?: string;
+    symbol?: string;
+    image_url?: string;
+    last_sale_price?: string;
+    metadata?: SimCollectibleMetadata;
+    is_spam?: boolean;
+    spam_score?: number;
+    explanations?: string[];
+    balance?: string;
+    last_acquired?: string;
+}
+export interface SimCollectiblesResponse {
+    address: string;
+    entries: SimCollectibleEntry[];
+    next_offset?: string;
+    request_time: string;
+    response_time: string;
+}
+/**
+ * Hook to fetch NFT collectibles from Simdune API.
+ * Returns data in SimpleHash format for compatibility with AccountAssets component.
+ * @param address - Wallet address to fetch collectibles for
+ * @param chainIdsParam - Optional array of chain IDs to filter by
+ * @param options - Optional parameters (limit, filterSpam)
+ */
+export declare function useSimCollectibles(address?: string, chainIdsParam?: number[], options?: {
+    limit?: number;
+    filterSpam?: boolean;
+}): import("@tanstack/react-query").UseQueryResult<SimpleHashNFTResponse, Error>;

package/dist/types/global-account/react/utils/simdune.d.ts

@@ -0,0 +1,7 @@
+export declare const SIMDUNE_API_HOST = "https://simdune-api.sean-430.workers.dev";
+/**
+ * Builds a Simdune API URL with the proxy wrapper and optional dev mode key.
+ * @param endpoint - The Simdune API endpoint (e.g., "/v1/evm/balances/0x...")
+ * @param queryParams - Optional URLSearchParams to append
+ */
+export declare function buildSimduneUrl(endpoint: string, queryParams?: URLSearchParams): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.1.0-alpha.3",
+  "version": "0.1.0-alpha.4",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",

package/src/global-account/react/components/AccountAssets/AccountAssets.tsx

@@ -38,6 +38,11 @@ export function AccountAssets({ nfts, isLoading }: AccountAssetsProps) {
   const [expandedCollections, setExpandedCollections] = useState<Set<string>>(
     () => new Set(collections.map(c => c.collection_id)),
   );
+  const [failedImages, setFailedImages] = useState<Set<string>>(() => new Set());
+
+  const handleImageError = (imageId: string) => {
+    setFailedImages(prev => new Set(prev).add(imageId));
+  };
 
   if (isLoading) {
     return (
@@ -72,7 +77,7 @@ export function AccountAssets({ nfts, isLoading }: AccountAssetsProps) {
   };
 
   return (
-    <div className="flex flex-col gap-3 px-4">
+    <div className="flex flex-col gap-3">
       {collections.map(collection => {
         const isExpanded = expandedCollections.has(collection.collection_id);
 
@@ -84,11 +89,12 @@ export function AccountAssets({ nfts, isLoading }: AccountAssetsProps) {
               className="flex w-full items-center justify-between"
             >
               <div className="flex items-center gap-1">
-                {collection.collection_image && (
+                {collection.collection_image && !failedImages.has(`collection-${collection.collection_id}`) && (
                   <img
                     src={collection.collection_image}
                     alt={collection.collection_name}
                     className="h-5 w-5 shrink-0 rounded object-cover"
+                    onError={() => handleImageError(`collection-${collection.collection_id}`)}
                   />
                 )}
                 <p className="font-neue-montreal-medium text-[14px] text-[#3f3f46]">
@@ -115,17 +121,23 @@ export function AccountAssets({ nfts, isLoading }: AccountAssetsProps) {
             {isExpanded && (
               <div className="flex gap-3 overflow-x-auto">
                 {collection.nfts.map(nft => (
-                  <div key={nft.nft_id} className="relative h-[98px] w-[98px] shrink-0 overflow-hidden rounded-lg">
-                    <img
-                      src={
-                        nft.previews?.image_medium_url ||
-                        nft.extra_metadata?.image_original_url ||
-                        nft.collection?.image_url ||
-                        ""
-                      }
-                      alt={nft.name || "NFT"}
-                      className="h-full w-full object-cover"
-                    />
+                  <div
+                    key={nft.nft_id}
+                    className="bg-b3-react-muted relative h-[98px] w-[98px] shrink-0 overflow-hidden rounded-lg"
+                  >
+                    {!failedImages.has(nft.nft_id) && (
+                      <img
+                        src={
+                          nft.previews?.image_medium_url ||
+                          nft.extra_metadata?.image_original_url ||
+                          nft.collection?.image_url ||
+                          ""
+                        }
+                        alt={nft.name || "NFT"}
+                        className="h-full w-full object-cover"
+                        onError={() => handleImageError(nft.nft_id)}
+                      />
+                    )}
                   </div>
                 ))}
               </div>

package/src/global-account/react/components/ManageAccount/NFTContent.tsx

@@ -1,6 +1,6 @@
 import { useActiveWallet } from "thirdweb/react";
 import { AccountAssets } from "..";
-import { useAccountAssets } from "../../hooks";
+import { useSimCollectibles } from "../../hooks";
 
 const NFTContent = () => {
   // Get active wallet state
@@ -8,12 +8,12 @@ const NFTContent = () => {
   const activeAccount = activeWallet?.getAccount();
   const activeAddress = activeAccount?.address;
 
-  const { data: nfts, isLoading } = useAccountAssets(activeAddress);
+  const { data: nfts, isLoading } = useSimCollectibles(activeAddress, [1, 8453], { filterSpam: true });
 
   return (
     <div style={{ minHeight: "100px" }}>
-      {nfts?.nftResponse ? (
-        <AccountAssets nfts={nfts.nftResponse} isLoading={isLoading} />
+      {nfts ? (
+        <AccountAssets nfts={nfts} isLoading={isLoading} />
       ) : (
         <div className="py-12 text-center text-gray-500">No NFTs found</div>
       )}

package/src/global-account/react/hooks/index.ts

@@ -40,6 +40,7 @@ export { useRemoveSessionKey } from "./useRemoveSessionKey";
 export { useRouter } from "./useRouter";
 export { useSearchParamsSSR } from "./useSearchParamsSSR";
 export { useSimBalance, useSimSvmBalance, useSimTokenBalance } from "./useSimBalance";
+export { useSimCollectibles } from "./useSimCollectibles";
 export { useSiwe } from "./useSiwe";
 export { useTokenBalance } from "./useTokenBalance";
 export { useTokenBalanceDirect } from "./useTokenBalanceDirect";

package/src/global-account/react/hooks/useSimBalance.ts

@@ -1,4 +1,5 @@
 import { useQuery } from "@tanstack/react-query";
+import { buildSimduneUrl } from "../utils/simdune";
 
 export interface SimTokenMetadata {
   logo?: string;
@@ -60,11 +61,12 @@ async function fetchSimBalance(address: string, chainIdsParam: number[]): Promis
   if (!address) throw new Error("Address is required");
 
   const chainIds = chainIdsParam.length === 0 ? "mainnet" : chainIdsParam.join(",");
-  let url = `https://simdune-api.sean-430.workers.dev/?url=https://api.sim.dune.com/v1/evm/balances/${address}?metadata=logo&chain_ids=${chainIds}&exclude_spam_tokens=true`;
-  if (process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET) {
-    url += `&localkey=${process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET}`;
-  }
+  const queryParams = new URLSearchParams();
+  queryParams.append("metadata", "logo");
+  queryParams.append("chain_ids", chainIds);
+  queryParams.append("exclude_spam_tokens", "true");
 
+  const url = buildSimduneUrl(`/v1/evm/balances/${address}`, queryParams);
   const response = await fetch(url);
 
   if (!response.ok) {
@@ -84,11 +86,10 @@ async function fetchSimTokenBalance(
   if (!tokenAddress) throw new Error("Token address is required");
   if (!chainId) throw new Error("Chain ID is required");
 
-  let url = `https://simdune-api.sean-430.workers.dev/?url=https://api.sim.dune.com/v1/evm/balances/${walletAddress}/token/${tokenAddress}?chain_ids=${chainId}`;
-  if (process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET) {
-    url += `&localkey=${process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET}`;
-  }
+  const queryParams = new URLSearchParams();
+  queryParams.append("chain_ids", chainId.toString());
 
+  const url = buildSimduneUrl(`/v1/evm/balances/${walletAddress}/token/${tokenAddress}`, queryParams);
   const response = await fetch(url);
 
   if (!response.ok) {
@@ -110,14 +111,7 @@ async function fetchSimSvmBalance(address: string, chains?: string[], limit?: nu
     queryParams.append("limit", limit.toString());
   }
 
-  let url = `https://simdune-api.sean-430.workers.dev/?url=https://api.sim.dune.com/beta/svm/balances/${address}`;
-  if (queryParams.toString()) {
-    url += `?${queryParams.toString()}`;
-  }
-  if (process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET) {
-    url += `${queryParams.toString() ? "&" : "?"}localkey=${process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET}`;
-  }
-
+  const url = buildSimduneUrl(`/beta/svm/balances/${address}`, queryParams.toString() ? queryParams : undefined);
   const response = await fetch(url);
 
   if (!response.ok) {

package/src/global-account/react/hooks/useSimCollectibles.ts

@@ -0,0 +1,238 @@
+import type { NFT, SimpleHashNFTResponse } from "@b3dotfun/sdk/global-account/types/simplehash.types";
+import { useQuery } from "@tanstack/react-query";
+import { buildSimduneUrl } from "../utils/simdune";
+
+/**
+ * Safely parse a balance string to a number, capping at MAX_SAFE_INTEGER
+ * to prevent overflow issues with large ERC1155 balances.
+ */
+function safeParseBalance(balance: string | undefined): number {
+  if (!balance) return 1;
+  const parsed = parseInt(balance, 10);
+  if (Number.isNaN(parsed)) return 1;
+  return Math.min(parsed, Number.MAX_SAFE_INTEGER);
+}
+
+// Simdune Collectibles types
+export interface SimCollectibleMetadata {
+  uri: string;
+  attributes?: Array<{
+    trait_type: string;
+    value: string;
+    display_type?: string | null;
+  }>;
+}
+
+export interface SimCollectibleEntry {
+  contract_address: string;
+  token_standard: "ERC721" | "ERC1155";
+  token_id: string;
+  chain: string;
+  chain_id: number;
+  name?: string;
+  description?: string;
+  symbol?: string;
+  image_url?: string;
+  last_sale_price?: string;
+  metadata?: SimCollectibleMetadata;
+  is_spam?: boolean;
+  spam_score?: number;
+  explanations?: string[];
+  balance?: string;
+  last_acquired?: string;
+}
+
+export interface SimCollectiblesResponse {
+  address: string;
+  entries: SimCollectibleEntry[];
+  next_offset?: string;
+  request_time: string;
+  response_time: string;
+}
+
+async function fetchSimCollectibles(
+  address: string,
+  chainIdsParam?: number[],
+  options?: { limit?: number; filterSpam?: boolean },
+): Promise<SimCollectiblesResponse> {
+  if (!address) throw new Error("Address is required");
+
+  const queryParams = new URLSearchParams();
+  if (chainIdsParam && chainIdsParam.length > 0) {
+    queryParams.append("chain_ids", chainIdsParam.join(","));
+  }
+  if (options?.limit) {
+    queryParams.append("limit", options.limit.toString());
+  }
+  if (options?.filterSpam !== undefined) {
+    queryParams.append("filter_spam", options.filterSpam.toString());
+  }
+
+  const url = buildSimduneUrl(`/v1/evm/collectibles/${address}`, queryParams);
+  const response = await fetch(url);
+
+  if (!response.ok) {
+    throw new Error(`Failed to fetch collectibles: ${response.statusText}`);
+  }
+
+  const data: SimCollectiblesResponse = await response.json();
+  return data;
+}
+
+/**
+ * Transforms Simdune collectibles response to SimpleHash NFT format
+ * for compatibility with existing AccountAssets component
+ */
+function transformToSimpleHashFormat(data: SimCollectiblesResponse): SimpleHashNFTResponse {
+  const nfts: NFT[] = data.entries.map(entry => ({
+    nft_id: `${entry.chain}.${entry.contract_address}.${entry.token_id}`,
+    chain: entry.chain,
+    contract_address: entry.contract_address,
+    token_id: entry.token_id,
+    name: entry.name || "",
+    description: entry.description || "",
+    previews: {
+      image_small_url: entry.image_url || "",
+      image_medium_url: entry.image_url || "",
+      image_large_url: entry.image_url || "",
+      image_opengraph_url: entry.image_url || "",
+      blurhash: "",
+      predominant_color: "",
+    },
+    image_url: entry.image_url || "",
+    image_properties: {
+      width: 0,
+      height: 0,
+      size: 0,
+      mime_type: "",
+      exif_orientation: null,
+    },
+    video_url: null,
+    video_properties: null,
+    audio_url: null,
+    audio_properties: null,
+    model_url: null,
+    model_properties: null,
+    other_url: null,
+    other_properties: null,
+    background_color: null,
+    external_url: null,
+    created_date: "",
+    status: "minted",
+    token_count: 1,
+    owner_count: 1,
+    owners: [
+      {
+        owner_address: data.address,
+        quantity: safeParseBalance(entry.balance),
+        quantity_string: entry.balance || "1",
+        first_acquired_date: entry.last_acquired || "",
+        last_acquired_date: entry.last_acquired || "",
+      },
+    ],
+    contract: {
+      type: entry.token_standard,
+      name: entry.name || "",
+      symbol: entry.symbol || null,
+      deployed_by: "",
+      deployed_via_contract: "",
+      owned_by: "",
+      has_multiple_collections: false,
+    },
+    collection: {
+      collection_id: entry.contract_address,
+      name: entry.symbol || "Unknown Collection",
+      description: null,
+      image_url: entry.image_url || "",
+      image_properties: {
+        width: 0,
+        height: 0,
+        mime_type: "",
+      },
+      banner_image_url: null,
+      category: null,
+      is_nsfw: null,
+      external_url: null,
+      twitter_username: null,
+      discord_url: null,
+      instagram_username: null,
+      medium_username: null,
+      telegram_url: null,
+      marketplace_pages: [],
+      metaplex_mint: null,
+      metaplex_candy_machine: null,
+      metaplex_first_verified_creator: null,
+      floor_prices: [],
+      top_bids: [],
+      distinct_owner_count: 0,
+      distinct_nft_count: 0,
+      total_quantity: 0,
+      chains: [entry.chain],
+      top_contracts: [entry.contract_address],
+      collection_royalties: [],
+    },
+    last_sale: entry.last_sale_price
+      ? {
+          price: entry.last_sale_price,
+        }
+      : null,
+    primary_sale: null,
+    first_created: {
+      minted_to: data.address,
+      quantity: 1,
+      quantity_string: "1",
+      timestamp: "",
+      block_number: 0,
+      transaction: "",
+      transaction_initiator: "",
+    },
+    rarity: {
+      rank: null,
+      score: null,
+      unique_attributes: null,
+    },
+    royalty: [],
+    extra_metadata: {
+      attributes: (entry.metadata?.attributes || []).map(attr => ({
+        trait_type: attr.trait_type,
+        value: attr.value,
+        display_type: attr.display_type ?? null,
+      })),
+      image_original_url: entry.image_url || "",
+      animation_original_url: null,
+      metadata_original_url: entry.metadata?.uri || "",
+    },
+  }));
+
+  return {
+    next_cursor: data.next_offset || null,
+    next: null,
+    previous: null,
+    nfts,
+  };
+}
+
+/**
+ * Hook to fetch NFT collectibles from Simdune API.
+ * Returns data in SimpleHash format for compatibility with AccountAssets component.
+ * @param address - Wallet address to fetch collectibles for
+ * @param chainIdsParam - Optional array of chain IDs to filter by
+ * @param options - Optional parameters (limit, filterSpam)
+ */
+export function useSimCollectibles(
+  address?: string,
+  chainIdsParam?: number[],
+  options?: { limit?: number; filterSpam?: boolean },
+) {
+  return useQuery({
+    queryKey: ["simCollectibles", address, chainIdsParam, options],
+    queryFn: async () => {
+      if (!address) throw new Error("Address is required");
+      const data = await fetchSimCollectibles(address, chainIdsParam, options);
+      return transformToSimpleHashFormat(data);
+    },
+    enabled: Boolean(address),
+    staleTime: 30 * 1000,
+    gcTime: 5 * 60 * 1000,
+  });
+}

package/src/global-account/react/utils/simdune.ts

@@ -0,0 +1,20 @@
+export const SIMDUNE_API_HOST = "https://simdune-api.sean-430.workers.dev";
+
+/**
+ * Builds a Simdune API URL with the proxy wrapper and optional dev mode key.
+ * @param endpoint - The Simdune API endpoint (e.g., "/v1/evm/balances/0x...")
+ * @param queryParams - Optional URLSearchParams to append
+ */
+export function buildSimduneUrl(endpoint: string, queryParams?: URLSearchParams): string {
+  const baseUrl = `${SIMDUNE_API_HOST}/?url=https://api.sim.dune.com${endpoint}`;
+
+  let url = baseUrl;
+  if (queryParams && queryParams.toString()) {
+    url += `?${queryParams.toString()}`;
+  }
+  if (process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET) {
+    url += `${queryParams?.toString() ? "&" : "?"}localkey=${process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET}`;
+  }
+
+  return url;
+}