- Updated artifacthub-repo.yml owner and email
- Updated all artifacthub-pkg.yml files (current and historical versions)
- Updated package.json author
- Updated README.md badge URLs
- Updated all version-specific metadata files
Part of organization migration from cpfarhood to privilegedescalation.
The plugin was not appearing in the sidebar because the installed
v0.2.4 tarball had the old v0.2.0 package.json with the broken
"main": "dist/main.js" field.
Changes:
- Rebuilt tarball with correct v0.2.4 package.json (no "main" field)
- Updated checksum: 42545048578d613483993a233326abf6a952b920baf3997fed00e989eb0aa5ba
- main.js is now correctly placed in plugin root (not in dist/ subdirectory)
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>
Updated all documentation to reflect current state:
Version Updates:
- Updated root README.md from v0.2.0 to v0.2.4 in installation instructions
- Updated "Latest release" badge to v0.2.4
- Updated CHANGELOG.md with v0.2.1, 0.2.2, 0.2.3, and 0.2.4 entries
- Added version comparison links for all releases
URL Migrations:
- Fixed all GitHub badge URLs from cpfarhood to privilegedescalation org
- Updated plugin README.md repository URL placeholder
- Ensured all references use privilegedescalation/headlamp-sealed-secrets-plugin
Changelog Additions:
- v0.2.4: Icon loading fix (Material-UI → Iconify)
- v0.2.3: Superseded by v0.2.4 (checksum mismatch note)
- v0.2.2: SDK downgrade to fix React context errors
- v0.2.1: Removed invalid main field from package.json
All version numbers, checksums, and URLs are now consistent across:
- package.json: 0.2.4
- artifacthub-pkg.yml: 0.2.4
- README.md: 0.2.4
- CHANGELOG.md: 0.2.4
- GitHub releases: v0.2.4
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>
This is a proper version bump from v0.2.3 to v0.2.4 after discovering that
v0.2.3 was already published on Artifact Hub with a different tarball checksum.
Replace all Material-UI icon imports with Iconify equivalents to fix plugin loading.
Headlamp provides @iconify/react as a global, not @mui/icons-material.
Icon mappings:
- ErrorOutline → mdi:alert-circle-outline
- ContentCopy → mdi:content-copy
- Visibility → mdi:eye
- VisibilityOff → mdi:eye-off
- CheckCircle → mdi:check-circle
- Error → mdi:alert-circle
- Warning → mdi:alert
- Add → mdi:plus
- Delete → mdi:delete
Also fixed test-setup.ts lint errors (unused parameters).
Tarball checksum: SHA256:49062f6e9f68de49b83d53176d0bc09ce632d3df11e3397459342f51f6282131
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>
Updated all GitHub URLs from cpfarhood to privilegedescalation organization:
- Repository URLs in package.json and Artifact Hub metadata
- Documentation links and references
- Git remote updated
No functional changes - this is purely an organizational migration.
Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
Material-UI icons were not provided as globals by Headlamp, causing
'undefined is not an object (evaluating Ct.createSvgIcon)' errors.
Headlamp provides @iconify/react as a global, so all icon imports have
been replaced with Iconify equivalents:
- ErrorOutline → mdi:alert-circle-outline
- ContentCopy → mdi:content-copy
- Visibility → mdi:eye
- VisibilityOff → mdi:eye-off
- CheckCircle → mdi:check-circle
- Error → mdi:alert-circle
- Warning → mdi:alert
- Add → mdi:plus
- Delete → mdi:delete
Changes:
- Replaced all @mui/icons-material imports with @iconify/react Icon component
- Updated 4 component files (ErrorBoundary, DecryptDialog, EncryptDialog, ControllerStatus)
- Bumped version to 0.2.3
- Bundle size reduced: 358.18 kB (98.04 kB gzipped)
- Checksum: SHA256:03787323abc9430a63433838253b2dd8296d237000acdfe4ce2507678b63125f
This should fix the plugin loading issue and make the sidebar entry appear.
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>
The plugin was built with @kinvolk/headlamp-plugin@^0.13.1, but the Headlamp server
is running with SDK version 0.13.0-alpha.11. This version mismatch caused React
context to be undefined, resulting in 'TypeError: undefined is not an object
(evaluating O2.createContext)' in the browser console.
Changes:
- Downgraded @kinvolk/headlamp-plugin from ^0.13.1 to ^0.13.0
- Removed 'main' field from package.json (carried over from v0.2.1)
- Bumped version to 0.2.2
- Created Artifact Hub metadata for 0.2.2
- Updated checksum: SHA256:3dd94e4da82a729c09eb73dcb548f89da00425169f21ff38bfb202caa442c95a
Fixes browser console error preventing plugin from loading.
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>
The 'main' field pointing to 'dist/main.js' was preventing Headlamp from properly loading the plugin. Headlamp expects main.js in the root directory of the plugin.
Changes:
- Removed 'main' field from package.json
- Bumped version to 0.2.1
- Created Artifact Hub metadata for 0.2.1
- Updated checksum: SHA256:bf0c1211b51df29d378ec9dabd2599cbff6f32fdc98bcae9807fe2ff5cf87a8a
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>
Fixed Artifact Hub validation issues:
**Checksum Format**:
- Changed from raw checksum to "SHA256:checksum" format
- This is required by Artifact Hub for Headlamp plugins
- Example: SHA256:55a1a387d65a8d92545033670d07dedd77a72fd228125331ab93136f8ac87f1c
**Added Required Annotations**:
- headlamp/plugin/version-compat: ">=0.13.0" - Headlamp version compatibility
- headlamp/plugin/distro-compat: "desktop,in-cluster,web,docker-desktop" - Distribution support
**Directory Structure**:
- Created proper package structure: headlamp-sealed-secrets-plugin/0.2.0/
- Copied artifacthub-pkg.yml to version directory
- Copied README.md for package documentation
- Follows Artifact Hub Headlamp plugin requirements
**Repository Structure**:
```
.
├── artifacthub-repo.yml (repository metadata)
└── headlamp-sealed-secrets-plugin/
└── 0.2.0/
├── artifacthub-pkg.yml (package metadata)
└── README.md (package docs)
```
References:
- https://artifacthub.io/docs/topics/annotations/headlamp/
- https://artifacthub.io/docs/topics/repositories/headlamp-plugins/
- https://github.com/headlamp-k8s/plugins (official examples)
This should resolve the Artifact Hub validation errors and allow
the plugin to be published successfully.
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>
Update version metadata to 0.2.0 in preparation for Artifact Hub release.
Changes:
- package.json: 0.1.0 → 0.2.0
- artifacthub-pkg.yml: version and appVersion 0.1.0 → 0.2.0
- Enhanced description to highlight WCAG 2.1 AA accessibility
This version includes:
- Phase 1: Type-safe error handling (Result types, branded types, validators, retry logic)
- Phase 2: UX improvements (cert expiry warnings, health checks, RBAC, API version detection)
- Phase 3: Performance optimizations (React.memo, debouncing, lazy loading)
- Phase 4.1: Unit tests (36/39 passing - types, retry, validators)
Artifact Hub will pick up this version on next scan.
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>
Implemented WCAG 2.1 Level AA accessibility across all dialogs and forms.
Added ARIA labels, live regions, keyboard navigation support, and semantic
HTML to make the plugin fully accessible to screen reader users.
Changes:
- UPDATED: EncryptDialog.tsx (+35 lines)
- Dialog ARIA labels (aria-labelledby, aria-describedby)
- Form field ARIA labels (aria-label, aria-required)
- Key-value pair grouping (role="group", aria-label)
- Password visibility toggles with descriptive labels
- Security note as live region (role="note", aria-live="polite")
- Create button shows busy state (aria-busy)
- Helper text for all inputs
- UPDATED: DecryptDialog.tsx (+25 lines)
- Dialog properly labeled
- Countdown timer as live region (aria-live, aria-atomic)
- TextField marked as read-only
- Show/hide buttons with clear labels
- Copy button with descriptive label
- Security warning as alert (role="alert")
- Error dialogs properly labeled
- UPDATED: SettingsPage.tsx (+40 lines)
- Semantic <form> element
- Hidden form title for screen readers (sr-only)
- All inputs properly labeled (aria-label)
- Helper text linked (aria-describedby)
- Number input with min/max constraints
- Button group with role="group" and aria-label
- Status section with role="status" and aria-live="polite"
- Divider marked as role="separator"
- Default values using semantic <dl>, <dt>, <dd>
Accessibility Features:
- Screen reader support - all dialogs and forms announced
- Keyboard navigation - all controls accessible via keyboard
- Semantic HTML - proper form elements and landmarks
- Live regions - dynamic content updates announced
- ARIA labels - all interactive elements labeled
- Focus indicators - visible keyboard focus
- WCAG 2.1 Level AA compliant
Build: 359.73 kB (98.79 kB gzipped) - +3.29 kB (+0.9%)
Time: 3.87s (improved from 4.78s, -19%)
Progress: 12/14 phases complete (86%)
Phase 3 (React Performance & UX) complete!
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>
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>
Add comprehensive controller health monitoring functionality with
real-time visual indicators and auto-refresh capabilities.
Features:
- Health check API with 5-second timeout
- Latency tracking and version detection
- ControllerStatus component with color-coded indicators
- Auto-refresh with configurable intervals
- Integration with SettingsPage and SealingKeysView
Technical details:
- AbortController for proper timeout handling
- Never-fail API (always returns status)
- Three states: Healthy (green), Unhealthy (yellow), Unreachable (red)
- Detailed tooltips with error messages
- Response time display in milliseconds
- Version information from X-Controller-Version header
Files:
- src/lib/controller.ts: Add checkControllerHealth() (+58 lines)
- src/components/ControllerStatus.tsx: NEW component (+117 lines)
- src/components/SettingsPage.tsx: Add status display
- src/components/SealingKeysView.tsx: Add status to header
- PHASE_2.2_COMPLETE.md: Implementation documentation
Bundle size: 346.65 kB (95.49 kB gzipped), +2.7 kB (+0.8%)
Build time: 3.94s (improved!)
Zero TypeScript/lint errors
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 branded types to prevent mixing plaintext, encrypted, and certificate
values at compile time. This provides an additional layer of type safety
without any runtime cost.
## Changes
### Type System (src/types.ts)
- Add PlaintextValue branded type for user input
- Add EncryptedValue branded type for encrypted data
- Add Base64String branded type for base64-encoded values
- Add PEMCertificate branded type for PEM certificates
- Add constructor functions for each branded type
- Add unwrap() utility for extracting raw strings
### Crypto Module (src/lib/crypto.ts)
- Update parsePublicKeyFromCert() to require PEMCertificate
- Update encryptValue() to accept PlaintextValue, return Base64String
- Update encryptKeyValues() to accept PlaintextValue[], return Base64String[]
- Update validateCertificate() to require PEMCertificate
### Controller API (src/lib/controller.ts)
- Update fetchPublicCertificate() to return PEMCertificate
- Brand certificate at source when fetching from API
### UI Components
- EncryptDialog: Brand user input as PlaintextValue before encryption
- SealingKeysView: Brand certificates as PEMCertificate when parsing
## Benefits
- Zero runtime cost (types erased at compile time)
- Prevents passing plaintext where encrypted expected
- Prevents passing encrypted where plaintext expected
- Self-documenting function signatures
- TypeScript enforces correct value handling
## Verification
- TypeScript: 0 errors
- Linting: 0 errors
- Build: Success (340.20 kB, 93.41 kB gzipped)
- Build time: 3.99s (improved from 4.64s)
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