Major UX improvements:
- Changed detail view from full page to drawer (slides from right)
- Moved plugin settings from sidebar to Settings → Plugins (proper pattern)
- Fixed React error #310 by adding defensive String() wrappers
- Fixed syncMessage getter to always return string
- Added safety checks for encryptedData access
- Added error handling for useGet failures
The drawer approach keeps the list visible while viewing details,
matching Headlamp's design patterns. Settings are now properly
located in the global Settings → Plugins section instead of
cluttering the plugin's sidebar navigation.
Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)
Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
Created comprehensive skeleton components providing visual feedback during
data loading. This improves perceived performance and provides a better
user experience with consistent loading states across all views.
Changes:
- NEW: src/components/LoadingSkeletons.tsx (+105 lines)
- SealedSecretListSkeleton - 5 placeholder rows
- SealedSecretDetailSkeleton - title + sections + actions
- SealingKeysListSkeleton - 2 certificate placeholders
- CertificateInfoSkeleton - metadata lines
- ControllerHealthSkeleton - chip + info layout
- All use wave animation and realistic layouts
- UPDATED: SealedSecretList.tsx
- Use loading state from useList() hook
- Show skeleton during data fetch
- Smooth transition to real data
- UPDATED: SealedSecretDetail.tsx
- Replace Headlamp Loader with custom skeleton
- Better layout matching
- No layout shift
- UPDATED: SealingKeysView.tsx
- Add loading state detection
- Show skeleton for certificates
- Professional loading UX
- UPDATED: ControllerStatus.tsx
- Replace CircularProgress with skeleton
- Match chip + info layout
- Consistent with other components
Benefits:
- Improved perceived performance
- Reduced layout shift (skeletons match real components)
- Consistent loading experience (wave animation)
- Better user feedback during data loading
Build: 356.44 kB (98.01 kB gzipped) - +1.52 kB (+0.4%)
Time: 4.78s
Progress: 11/14 phases complete (79%)
Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
Add automatic detection of SealedSecrets CRD API version from cluster.
The plugin now adapts to installed versions (v1alpha1, v1, etc.) and
provides warnings when CRD is missing or non-default versions are used.
Changes:
- Add detectApiVersion() to SealedSecretCRD class
- Queries CRD definition from Kubernetes API
- Uses storage version (canonical version for etcd)
- Caches result to avoid repeated API calls
- Falls back to v1alpha1 if detection fails
- Create VersionWarning component
- Auto-detects version on mount
- Shows error alert for missing CRD (with install instructions)
- Shows info alert for non-default versions
- Provides retry button for failed detections
- Configurable detail level (showDetails prop)
- Integrate version warnings into UI
- SealedSecretList: minimal warnings (errors only)
- SettingsPage: detailed version info always shown
- Add version management methods
- getApiEndpoint(): auto-versioned endpoint
- getDetectedVersion(): get cached version
- clearVersionCache(): force re-detection
Benefits:
- Future-proof: automatically supports new API versions
- Better UX: clear error messages with installation help
- Performance: version detected once and cached
- Version awareness: users see which API version is active
Build: 351.34 kB (96.75 kB gzipped), +2.88 kB (+0.8%)
Phase 2.4 complete. 7 of 14 phases done (50% milestone).
Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
Features:
- Complete SealedSecret CRD integration with Headlamp
- Client-side encryption using controller's public key
- Support for all three scoping modes (strict, namespace-wide, cluster-wide)
- List and detail views for SealedSecrets
- Encryption dialog for creating new SealedSecrets
- Decryption support with RBAC awareness
- Sealing keys management
- Settings page for controller configuration
- Integration with Secret detail view
Technical:
- Full TypeScript with strict mode
- ~1,345 lines of code
- Build size: 339.42 kB (93.21 kB gzipped)
- Compatible with Headlamp v0.13.0+
- Apache 2.0 license
Security:
- All encryption performed client-side
- RSA-OAEP + AES-256-GCM (kubeseal-compatible)
- Auto-hide decrypted values after 30 seconds
Closes: Initial implementation
Chris Farhood