[IAmJSD]

Part 5 of 7 in the bank stack, on #27.

What this adds

• Settings → Bank: each bank the server has set up, its balance, and any whose settings are wrong.
• A nibblet's settings → Spending, shown once there's a bank:
  • a limit per currency and period, and what's left of each
  • its cards, each one that isn't closed with a Kill button
  • what a card is waiting on: being made, or closing until its provider settles it
  • closed cards behind a toggle
• Cards update live from cards_changed.
• The mock server (?mock=1) has a Slash and a Bitcoin bank and a few of Pip's cards, to try it.

I checked it in the mock at desktop and phone widths: killing a card, saving a limit and the "left" amounts all update.

Setting a bank up from here comes in #31.

Screenshots

All from the mock server (?mock=1).

Settings → Bank

Pip's settings → Spending, then with closed cards shown, then after killing the Lisbon flight card (USD left goes from 17.12 to 137.12)

Phone width

Review fixes

• The Spending form resets only when the saved limits change, not on every live update to the nibblet, which wiped a half-typed limit.
• Card events no longer refetch bank status, which asks every provider for its balance.

Checks

pnpm format:check, pnpm -r typecheck, pnpm --filter @nibblet/web build and pnpm test pass.

---

Generated by Claude Code