# Operations Database UI (ops-db-ui)

The Operations Database UI is a Vue.js-based web frontend for the CCAT Operations
Database. It provides an intuitive interface for astronomers and operators to manage
observations, monitor data transfers, and interact with the observation scheduling
system.

## Features

- **User Authentication**: GitHub OAuth integration with role-based access control
- **Dashboard**: Real-time overview of recent observations and system statistics
- **Unified Search**: Search and filter observations with sky-map visualization
- **Data Transfer Monitoring**: Track data packages through the transfer pipeline
- **Token Management**: API token administration interface

## Technology Stack

The frontend is built with:

- **Vue.js 3**: Progressive JavaScript framework (Composition API ready)
- **Vuetify 3**: Material Design component framework
- **Vite**: Next-generation frontend build tool
- **Vuex 4**: State management
- **Vue Router 4**: Client-side routing
- **D3.js 7**: Data visualization (sky maps)
- **Axios**: HTTP client for API communication

## Development & Deployment

The UI is containerized with Docker and can be deployed in development, staging,
or production environments. Runtime configuration (API URL) is injected at container
startup via `envsubst`, allowing the same image to be used across environments.