add gift cards

[gudnuf]

Gift Cards Feature

Screen.Recording.2026-01-06.at.2.31.25.PM.mov

Overview

Implements a gift cards page that displays cashu accounts from closed-loop mints as "gift cards" with a stacked card UI and expand/collapse animations.

Animations

I might have gotten a little too excited about making these animations, but I think it looks good. I tried to at least document the idea of what each piece of the animation is doing, but I don't fully understand how the details of the CSS work. High-level is something like:

When a card is clicked, it goes from an idle state to entering where it slides up and the rest of the stacked card view disappears. When the card reaches the settled state its rendering a new component that is overlaid on the collapsed view.

The flow:

• Tap card → StackView captures the card's position, hides cards, ExpandedView mounts and animates clones from that position to the top
• Collapse → ExpandedView animates clones back to the original positions (read from cardRefs), then unmounts, StackView shows cards again

Other Notable Changes

• Transaction filtering: Added accountId param to useTransactions and list_transactions RPC to show per-card transaction history
• Closed-loop detection: Added isClosedLoop getter to ExtendedCashuWallet to identify gift card mints
• Initialize specific account for send/receive: I made the send and receive inputs optionally get initialized with an accountId query param. This is used when a user clicks "Add" or "Send" from a selected card

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
agicash	Ready	Preview, Comment	Jan 30, 2026 4:11am

[jbojcic1]

opening a gift card page and clicking add, opens the receive page but then when I close it it takes me to home page instead of back to card page. that seems wrong

[gudnuf]

@jbojcic1 I addressed your comments and also removed the conditional rendering from the lazy loaded images (e1f6a6e). This way its all css and looks the same as before. The conditional rendering was making the images flash because on first render isLoaded would be false even if it was already cached (I only noticed this behavior on mobile).

Last thing I'm trying to improve is that the view transitions for selecting gift cards is a bit glitchy on mobile for some reason (looks good on desktop)

[gudnuf]

Originally claude copied my rootCa to my agicash/certs dir, so then that's what these previous docs were pointing to. I had to go through this again, and realized this is wrong because that's not where the cert actually lives

[gudnuf]

I commented on commit diff but don't see those comments here now so here it is again.

can you explain what happened here?

Claude added the translate classes, I just changed those here d48c306 because there was a bug on desktop where the cards that slide down would expand to the full width of the desktop screen. The way it was before was a way to center the cards, but I changed to center differently and apply max width of CARD_WIDTH so the width doesn't change.

The real change I was going for there was changing the absolute positioning to fixed because with the absolute positioning you could see the cards when you scrolled to the bottom of the details page. Fixed positioning keeps it off screen

and also here?

Not sure why it was absolute inset before, but the problem that I was fixing is that having inset-0 made it so that the header didn't use the padding on the Page component. So there wasn't enough padding. I could have just added more padding, but this was cleaner and doesn't seem like those other styles are needed.

[jbojcic1]

27f4499

I opened draft PR with it here so we can just merge when/if OS is ready.