dapp

# dApp — Agentic Kit Frontend All blockchain queries go through `useStellarData()`. Never write raw RPC or curl. ## Wallet Setup (one-time) ```ts // providers/wallet-provider.tsx import { WalletProvider } from "@/providers/wallet-provider"; export default function RootLayout({ children }: { children: React.ReactNode }) { return ( <WalletProvider> {children} </WalletProvider> ); } ``` ## Hooks API ### `useStellarData()` — Blockchain queries ```ts import { useStellarData } from "@/hooks/use-stellar-data"; const { getBalances, // (address: string) => { asset, balance }[] queryContract, // (id: string, method: string, args: ScVal[]) => ScVal | null getContractData, // (id: string, key: ScVal) => ScVal | null getEvents, // (id: string, limit?: number) => Event[] getTransaction, // (hash: string) => TxResponse | null loading, // boolean error, // string | null rpc, // raw RPC client (fallback only) } = useStellarData(); ``` ### `useContract(contractId)` — Contract read/write ```ts import { useContract } from "@/hooks/use-contract"; const c = useContract("CA3..."); await c.read("name"); // simulation-only, no tx await c.read("balance_of", [addressArg]); // any read method await c.write(sender, "transfer", args, signFn); // full sign+submit // c.data exposes the underlying useStellarData() ``` ### `useStellarWallet()` — Wallet connection + data ```ts impor...