Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for students to access and manage their virtual machine (VM) environments efficiently. It features a login screen, onboarding instructions, a main dashboard for machine management, a repository for files, and an administrative interface, all focusing on user experience and ease of operation.

## CORE FEATURES
1. **Login Screen**: A user-friendly interface where students input their full name, SIAPE/matriculation number, and select a laboratory from a dropdown, with real-time IP detection displayed at the footer.
   
2. **Onboarding Instructions**: For first-time users, this screen provides a brief explanation of the system, a prominent download button for the connection script, and a visual step-by-step guide to prepare their machine for use.

3. **Main Dashboard**: The central management area where students can select software profiles, synchronize their machines, view a real-time progress bar, and track installation tasks through a dynamic checklist.

4. **File Repository**: A section for downloading resources directly from the VM without needing external internet access, displaying files in a table format with size and description.

5. **Status and History Screen**: Displays the last synchronization time and machine status, with a logout button that triggers cleanup scripts.

6. **Administration Dashboard**: An exclusive panel for administrative control, featuring a grid layout of machines, control buttons for batch actions, and a tool management section.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: Use a responsive grid layout for the dashboard, with cards for features, lists for repositories, and a clear hierarchy for information display.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if complex state handling is required)

## IMPLEMENTATION STEPS
1. **Set up the React environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Login Screen**: Implement input fields for name and SIAPE, a dropdown for laboratories, and a button for logging in. Include the real-time IP detection footer.
3. **Develop the Onboarding Screen**: Create an instructional card, download button, and step-by-step guide for first-time users.
4. **Build the Main Dashboard**: Develop the selector for software profiles, the synchronization button, and the dynamic checklist for installation tasks.
5. **Implement the File Repository**: Create a table to list available files for download, with size and description columns.
6. **Design the Status and History Screen**: Display synchronization details and a logout button with cleanup functionality.
7. **Create the Administration Dashboard**: Implement a grid layout for machine monitoring, including control buttons for batch actions and tool management.

## USER EXPERIENCE
The application is designed for smooth user interactions, providing instant feedback through visual cues like loading spinners and color changes upon clicks. The responsive design ensures functionality on both PCs and mobile devices, allowing users to monitor their environments conveniently. Each screen guides users through their tasks intuitively, enhancing their experience with clear instructions and real-time updates.