Skip to content

feat(settings): add API key management for merchant integrations - #608

Merged
kelly-musk merged 2 commits into
kellymusk:devfrom
frankrichard99:feat/498-api-key-management
Sep 4, 2026
Merged

feat(settings): add API key management for merchant integrations#608
kelly-musk merged 2 commits into
kellymusk:devfrom
frankrichard99:feat/498-api-key-management

Conversation

@frankrichard99

Copy link
Copy Markdown
Contributor

Summary

Adds a complete UI for merchants to manage programmatic API keys at /settings/api-keys.

What's included

  • List view: Displays all API keys with name, created date, last used date, and masked preview
  • Create flow: Dialog to name and create a new key; displays the full key exactly once with a copy button
  • Revoke flow: Confirmation dialog before permanently revoking a key
  • Navigation: New "Settings" link in the sidebar with sub-navigation layout
  • States: Loading, empty, error, and success states all handled

Files changed

File Action Description
lib/api.ts Modified Added ApiKey interface, listApiKeys, createApiKey, revokeApiKey
components/wallet/wallet-sidebar.tsx Modified Added Settings nav link
app/(app)/settings/layout.tsx Created Settings layout with sub-nav
app/(app)/settings/page.tsx Created Redirects to /settings/api-keys
app/(app)/settings/api-keys/page.tsx Created Full API key management page

Screenshots

(Add screenshots in the PR if possible)

Testing

  • Verified TypeScript compilation with npm run build
  • Tested create, copy, and revoke flows manually
  • Confirmed responsive layout on mobile and desktop

Closes #498

- Add /settings/api-keys page with list, create, and revoke flows
- Add ApiKey type and API methods (list, create, revoke) to lib/api.ts
- Add Settings link to wallet sidebar
- Show full key once after creation with copy-to-clipboard
- Mask key values after initial creation
- Confirm before revoking with destructive action dialog
- Handle loading, empty, and error states consistently

Closes kellymusk#498
@vercel

vercel Bot commented Aug 31, 2026

Copy link
Copy Markdown

@frankrichard99 is attempting to deploy a commit to the kelly musk's projects Team on Vercel.

A member of the Team first needs to authorize it.

@drips-wave

drips-wave Bot commented Aug 31, 2026

Copy link
Copy Markdown

@frankrichard99 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@kelly-musk
kelly-musk merged commit e529c70 into kellymusk:dev Sep 4, 2026
1 check failed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants