#83 UI: API Keys Management Page
Description
EditCreate API Keys management page.
Component: api/ui/templates/components/admin_api_keys/
Files:
- admin_api_keys.html
- admin_api_keys.css
- admin_api_keys.js
URL: #/admin/api-keys
Features:
- Create API Key section:
- Name input (required)
- User selector (or self)
- Permission checkboxes (select which permissions)
- Expiration options
- Create button
- Key display modal (show ONCE only, never again)
- API Keys table:
- Columns: Name, Key Prefix (hw_live_xxx...), User, Permissions, Created, Expires, Last Used, Actions
- Filter by user
- Filter by status (active, expired, revoked)
- Revoke button
- Rotate button (revoke old, create new)
- Key Detail Modal:
- Full permission list
- Usage statistics
- Last 10 requests log
- Revoke confirmation
Visual:
- Key prefix display (partial key for identification)
- Permission pills/badges
- Expiration countdown
- Usage spark charts
With ultra attention to details and correctness.
Before closing: write comment summarizing implementation with screenshot.
Comments
Loading comments...
Context
Loading context...
Audit History
View AllLoading audit history...