API Keys Panel

zyeon/api-keys-panel

PaidBlock

A four-state API key manager built around show-the-secret-once — a forced acknowledgement before the reveal can be closed, a name-repeating revoke confirmation, and lifecycle plus never-used called out per key.

See it running

Open the demo on zyeon

ui.zyeon.ai/r/api-keys-panel

Open

This registry sends X-Frame-Options, so its page cannot be embedded here. The link is the same page the frame would have shown.

Install it

npx shadcn@latest add https://ui.zyeon.ai/r/api-keys-panel.json

This registry’s item endpoint answers 401 — the command needs credentials from zyeon.

What it pulls in

npm packages

zod
lucide-react

Other registry items

utils
button
dialog
https://ui.zyeon.ai/r/confirm-dialog.json
https://ui.zyeon.ai/r/use-copy-to-clipboard.json

Files it writes

src/registry/blocks/api-keys-panel.tsx
src/registry/blocks/api-keys-panel.contract.ts

More from zyeon

All 517 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Agent Dashboardagent-dashboard	zyeon	Blocks	Free	2 deps · 2 files
AI Answerai-answer	zyeon	Blocks	Free	2 deps · 2 files
Assistant Welcomeassistant-welcome	zyeon	Blocks	Free	1 dep
Auth Cardauth-card	zyeon	Blocks	Paid	2 deps
Billing Historybilling-history	zyeon	Blocks	Free	2 deps · 2 files
Blog Card Gridblog-card-grid	zyeon	Blocks	Free	2 deps · 2 files
Case Study Gridcase-study-grid	zyeon	Blocks	Free	2 deps · 2 files
Chatbot Widgetchatbot-widget	zyeon	Blocks	Free	2 deps · 2 files