[FEATURE] LLM Model Management Dashboard #139
Description
Summary
Create a new dashboard page in the CARE frontend where users can manage API keys, view available models, and monitor usage.
Motivation
CARE currently has no user-facing interface for managing LLM access. Users cannot register their own API keys, see what models are available, or track how much they've used. Admins have no way to control which providers or models are allowed system-wide. This dashboard provides that self-service layer.
Requirements
- New "Model Management" page accessible from the sidebar navigation
- API Key Management: Users can register, view, and delete their API keys for external providers (OpenAI, Anthropic, etc.)
- Available Models: Display all available models (LLM APIs via LiteLLM, local models via Ollama, NLP skills via BrokerIO) in one unified list
- Usage Overview: Show basic usage statistics (request count, token usage, estimated cost) per user/key
- Admin Controls: Admins can restrict which providers and models are available system-wide
- API key values must be stored securely (masked in the UI, encrypted in the database)
Acceptance Criteria
- Dashboard page is accessible from the sidebar under the appropriate group
- Users can add and remove API keys
- Available models from all sources are listed in a single table
- Usage statistics are displayed per key
- Admins can enable/disable model providers
- API keys are never shown in plain text after registration
References
- Navigation registration pattern:
backend/db/migrations/(nav_element migrations) - Existing dashboard components:
frontend/src/components/dashboard/ - UI components:
Card.vue,Table.vue,Button.vue,Modal.vueinfrontend/src/basic/