Component Architecture

Core Components

1. Main.vue

• Purpose: Application root component
• Features: Debug mode toggle, main layout management

2. Keys.vue

• Purpose: Main SSH key management interface
• Features:
  • Key list display
  • Status management
  • Error handling
  • Debug information display

3. KeyCard.vue

• Purpose: Individual key display card
• Features:
  • Key information display
  • Active status indicator
  • Action menu integration

4. KeyCardMenu.vue

• Purpose: Context menu for key actions
• Features:
  • Copy public key
  • Remove key option

5. CreateKeyModal.vue

• Purpose: SSH key creation interface
• Features:
  • Form validation
  • Key type selection
  • Passphrase input
  • Error handling

6. RemoveKeyConfirmationModal.vue

• Purpose: Key removal confirmation
• Features:
  • Key details display
  • Warning messages
  • Confirmation buttons

7. Modal.vue

• Purpose: Reusable modal system
• Features:
  • Slot-based architecture
  • Responsive design
  • Backdrop handling