feat: app secrets home improvements#752
Merged
rohan-chaturvedi merged 30 commits intomainfrom Feb 28, 2026
Merged
Conversation
…egend for improved visual clarity
… secret visibility
nimish-ks
added
documentation
Contributor
There was a problem hiding this comment.
Pull request overview
This pull request implements UI improvements to the app secrets home page, focusing on visual refinement and enhanced user experience. The changes replace icon-based status indicators with CSS circles and introduce a "Reveal on hover" feature for secret values.
Changes:
- Replaced react-icons status indicators with CSS-based circular indicators for a cleaner, more consistent visual design
- Added a "Reveal on hover" toggle feature that allows users to automatically reveal secrets by hovering over them
- Enhanced hover effects on secret rows with improved background transitions and gradient overlays for action buttons
Reviewed changes
Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.
| File | Description |
|---|---|
| SecretInfoLegend.tsx | Replaced icon-based legend items with CSS circles (emerald, amber, neutral, and red ring indicators) |
| AppSecrets.tsx | Added Switch component and state management for "Reveal on hover" feature; passed prop to child components |
| AppSecretRow.tsx | Implemented hover reveal logic, updated status indicators to CSS circles, enhanced hover styling with transitions and gradients, updated memo comparisons to include revealOnHover |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Signed-off-by: rohan <rohan.chaturvedi@protonmail.com>
Signed-off-by: rohan <rohan.chaturvedi@protonmail.com>
rohan-chaturvedi
added
enhancement
…ility Signed-off-by: rohan <rohan.chaturvedi@protonmail.com>
* feat: ddd description field and migration to App model Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> * feat: add description field to AppType Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> * feat: add UpdateAppInfoMutation to update app details including name and description Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> * feat: add description field to UpdateAppInfo mutation and queries for app details Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> * chore: regenerate graphql schema and types Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> * feat: implement AppDescriptionEditor and AppDescriptionViewer components for editing and displaying app descriptions in app settings Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> * feat: add app description to app home Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> * fix: misc layout and ux improvements Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> * refactor: hoist out markdown viewer, misc improvements to styling and ux Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> * feat: misc styling tweaks Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> * feat: misc improvements to app home and description ux and styling Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> * fix: focus and overlay on markdown viewer Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> * fix: use update app info mutation for app name updates Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> * fix: misc styling and ux improvements Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> * chore: regenerate schema and types Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> * chore: update yarn lockfile Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> * feat: rework app environment cards and re-ordering ux Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> * fix: tweak app description preview overlay Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> * fix: layout padding Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> * feat: animate env card re-ordering Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> * fix: wrap text on the next line * style: pin Explore button to bottom of environment cards * feat: set example app description on new org signup --------- Signed-off-by: rohan <rohan.chaturvedi@protonmail.com> Signed-off-by: Rohan Chaturvedi <rohan.chaturvedi@protonmail.com> Co-authored-by: Nimish <85357445+nimish-ks@users.noreply.github.com> Co-authored-by: Nimish <nimish@phase.dev>
Signed-off-by: rohan <rohan.chaturvedi@protonmail.com>
Signed-off-by: rohan <rohan.chaturvedi@protonmail.com>
Signed-off-by: rohan <rohan.chaturvedi@protonmail.com>
Signed-off-by: rohan <rohan.chaturvedi@protonmail.com>
…overlap Signed-off-by: rohan <rohan.chaturvedi@protonmail.com>
…next.config.js Signed-off-by: rohan <rohan.chaturvedi@protonmail.com>
…e unused packages Signed-off-by: rohan <rohan.chaturvedi@protonmail.com>
Signed-off-by: rohan <rohan.chaturvedi@protonmail.com>
Signed-off-by: rohan <rohan.chaturvedi@protonmail.com>
Signed-off-by: rohan <rohan.chaturvedi@protonmail.com>
rohan-chaturvedi
approved these changes
Feb 28, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
🔍 Overview
This pull request implements UI improvements to the app secrets home page, focusing on visual refinement and enhanced user experience. The changes replace icon-based status indicators with CSS circles and introduce a "Reveal on hover" feature for secret values.
Additional improvements from #757
💡 Proposed Changes
🖼️ Screenshots or Demo