iblai-credit
/iblai-credit
Add the SDK CreditBalance widget — a navbar dropdown that shows the
user's current plan (Free / Trial / Premium), remaining and consumed
credits, the next reset date, the auto-recharge configuration, and a
plan-aware action button (Upgrade Plan / Manage Usage + Add Credits /
Manage Billing).
The widget is shipped by @iblai/iblai-js (SDK 1.6.0+) from
@iblai/iblai-js/web-containers. It is rendered as an icon button with
an unread/low-credits status dot and a dropdown panel on click.
Do NOT add custom styles to the SDK component — it ships with its own styling. Do NOT implement dark mode unless asked.
Follow the component hierarchy: use ibl.ai SDK components
(@iblai/iblai-js) first, then shadcn/ui (npx shadcn@latest add <name>).
More from iblai/vibe
iblai-chat
Add AI chat widget to your Next.js app
55iblai-account
Add account and organization settings page to your Next.js app
54iblai-auth
Add ibl.ai SSO authentication to a vanilla Next.js app
53iblai-analytics
Add analytics dashboard page to your Next.js app
53iblai-profile
Add profile dropdown and settings page to your Next.js app
52iblai-invite
Add user invitation dialogs to your Next.js app
45