Skip to content

Comments

feat: add env format copy option in Create API Key dialog#764

Open
autumnbillinginternalapp[bot] wants to merge 1 commit intodevfrom
jj/api-key-env-format
Open

feat: add env format copy option in Create API Key dialog#764
autumnbillinginternalapp[bot] wants to merge 1 commit intodevfrom
jj/api-key-env-format

Conversation

@autumnbillinginternalapp
Copy link
Contributor

@autumnbillinginternalapp autumnbillinginternalapp bot commented Feb 19, 2026

Adds a second copyable span below the raw API key in the Create Secret API Key dialog:

AUTUMN_SECRET_KEY="am_sk_..."

Same component pattern, independent copy state, slight stagger animation.


Summary by cubic

Adds a second copyable field in the Create API Key dialog to copy the key in env var format: AUTUMN_SECRET_KEY="". Each copy button has its own feedback and resets on reopen, with a slight staggered animation for clarity.

Written for commit 48f7356. Summary will update on new commits.

Greptile Summary

Added a second copyable format in the Create Secret API Key dialog that displays the API key as an environment variable, placed below the raw API key display.

Key Changes:

  • Improvements: Added copiedEnv state and corresponding useEffect hook for independent copy state management of the environment variable format
  • Improvements: Implemented new motion.div component for the environment variable display with staggered animation (0.05s delay) to create a sequential reveal effect
  • Improvements: Environment variable format uses font-mono class for better readability and includes proper formatting with quotes around the value

Confidence Score: 5/5

  • This PR is safe to merge with minimal risk
  • The changes are well-contained, follow existing patterns in the component, and add a straightforward UX improvement without modifying any business logic or introducing breaking changes
  • No files require special attention

Important Files Changed

Filename Overview
vite/src/views/developer/api-keys/components/CreateApiKeyDialog.tsx Added environment variable format copy option for API keys with independent state management and staggered animation

Last reviewed commit: 48f7356

(4/5) You can add custom instructions or style guidelines for the agent here!

Adds a second copyable span below the API key showing:
AUTUMN_SECRET_KEY="<key>"

Uses the same component pattern with independent copy state.
@vercel
Copy link

vercel bot commented Feb 19, 2026

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

Project Deployment Actions Updated (UTC)
autumn-vite Error Error Feb 19, 2026 0:23am

Request Review

Copy link
Contributor

@cubic-dev-ai cubic-dev-ai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No issues found across 1 file

Confidence score: 5/5

  • Automated review surfaced no issues in the provided summaries.
  • No files require special attention.

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.

0 participants