AI Credits Widget

import { AiCreditsWidget } from '@goodwidget/ai-credits-widget'

<AiCreditsWidget provider={provider} backendUrl="https://your-ai-credits-backend.example" />

For a Custom Element, import @goodwidget/ai-credits-widget/register. This import is safe during Node.js and Next.js server evaluation; it registers <ai-credits-widget> only in a browser. Set the injected EIP-1193 provider and optional themeOverrides as element properties.

Production requires backendUrl. The widget keeps its Celo and Base RPC and contract defaults internally and fails closed with a backend-unavailable state when the production backend is absent. Only the development environment may use the built-in mock backend and chain clients.

EIP-1193 capabilities

Grant only these EIP-1193 methods to the injected provider:

• eth_accounts and eth_chainId to read the connected wallet.
• eth_requestAccounts when the user selects Connect Wallet.
• wallet_switchEthereumChain when the user selects the Celo network switch action.
• personal_sign when the user generates the buyer key.
• eth_sendTransaction when the user confirms a Celo payment.