loginBtn.setOnActionAsync(
    () -> viewModel.login(),       // En hilo secundario
    success -> {                   // Regresa al hilo UI
        if (success) {
            Platform.runLater(() -> {
                DashboardViewModel dashVM = new DashboardViewModel(viewModel.getLoggedUser());
                DashboardView dashView = new DashboardView(dashVM);
                Stage stage = (Stage) root.getScene().getWindow();
                root.getScene().setRoot(dashView.getRoot());
                stage.setMaximized(true);
            });
        }
    }
);

mvvm-citas/
├── src/main/java/com/mvvm_reactive/
│   ├── App.java                          # Punto de entrada
│   ├── database/
│   │   ├── Database.java                 # Singleton de conexión SQLite
│   │   └── DatabaseSeeder.java           # Crea tablas y datos iniciales
│   ├── model/
│   │   ├── Appointment.java              # Modelo con JavaFX Properties
│   │   ├── BusinessHour.java             # Horario laboral por día
│   │   ├── Client.java
│   │   ├── Patient.java
│   │   ├── Service.java
│   │   └── User.java
│   ├── repository/                       # Acceso a datos (SQL puro)
│   │   ├── AppointmentRepository.java
│   │   ├── BusinessHourRepository.java
│   │   ├── ClientRepository.java
│   │   └── ...
│   ├── view/                             # Vistas (solo UI, sin lógica)
│   │   ├── LoginView.java
│   │   ├── DashboardView.java
│   │   ├── HomeView.java
│   │   ├── AppointmentsView.java
│   │   ├── ClientsView.java
│   │   └── ...
│   ├── viewmodel/                        # Lógica de presentación y estado
│   │   ├── AppointmentViewModel.java
│   │   ├── DashboardViewModel.java
│   │   ├── ClientViewModel.java
│   │   └── ...
│   └── util/
│       ├── ThemeManager.java             # Persistencia del tema claro/oscuro
│       ├── CredentialsManager.java       # Guardar credenciales de login
│       └── CSSWatcher.java              # Recarga de CSS en vivo
├── src/main/resources/
│   └── css/style.css                     # Estilos locales mínimos
├── lib/                                  # dependencias (sqlite-jdbc, jjarroyo)
├── sistema_citas.db                      # Base de datos SQLite
└── run.bat                               # Script de compilación y ejecución

graph TD
    A[View] -->|llama| B[ViewModel]
    B -->|accede| C[Repository]
    C -->|SQL| D[(SQLite DB)]
    B -->|expone Properties| A
    A -->|data binding| B

public class Database {
    private static final String DB_URL = "jdbc:sqlite:sistema_citas.db";
    private static Connection connection;

    public static Connection getConnection() throws SQLException {
        if (connection == null || connection.isClosed()) {
            connection = DriverManager.getConnection(DB_URL);
            connection.createStatement().execute("PRAGMA foreign_keys = ON");
        }
        return connection;
    }

    public static void initialize() {
        try {
            Class.forName("org.sqlite.JDBC");
            Connection conn = getConnection();
            DatabaseSeeder.createTables(conn);
            DatabaseSeeder.seedUsers(conn);
            DatabaseSeeder.seedSettings(conn);
            DatabaseSeeder.seedBusinessHours(conn);
            DatabaseSeeder.seedClients(conn);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

public class Appointment {
    private final IntegerProperty id = new SimpleIntegerProperty();
    private final IntegerProperty clientId = new SimpleIntegerProperty();
    private final IntegerProperty serviceId = new SimpleIntegerProperty();
    private final StringProperty date = new SimpleStringProperty();
    private final StringProperty time = new SimpleStringProperty();
    private final IntegerProperty durationMinutes = new SimpleIntegerProperty(30);
    private final StringProperty status = new SimpleStringProperty("pending");
    private final StringProperty notes = new SimpleStringProperty();

    // Campos de display (obtenidos por JOIN en SQL)
    private final StringProperty clientName = new SimpleStringProperty();
    private final StringProperty serviceName = new SimpleStringProperty();

    // Getter de estado legible para el usuario
    public String getStatusDisplay() {
        return switch (status.get()) {
            case "pending"   -> "Pendiente";
            case "confirmed" -> "Confirmada";
            case "cancelled" -> "Cancelada";
            case "completed" -> "Completada";
            default          -> status.get();
        };
    }

    // Patrón JavaFX: getter, setter y xxxProperty()
    public String getDate() { return date.get(); }
    public void setDate(String v) { date.set(v); }
    public StringProperty dateProperty() { return date; }
    // ... (repetido para todos los campos)
}

// AppointmentRepository (fragmento)
public List<Appointment> findAll() {
    List<Appointment> list = new ArrayList<>();
    String sql = """
        SELECT a.*, c.first_name || ' ' || c.last_name AS client_name,
                     s.name AS service_name
        FROM appointments a
        JOIN clients c ON a.client_id = c.id
        JOIN services s ON a.service_id = s.id
        ORDER BY a.date, a.time
        """;
    try (Connection conn = Database.getConnection();
         Statement stmt = conn.createStatement();
         ResultSet rs = stmt.executeQuery(sql)) {
        while (rs.next()) {
            Appointment apt = new Appointment(
                rs.getInt("id"),
                rs.getInt("client_id"),
                rs.getInt("service_id"),
                rs.getString("date"),
                rs.getString("time"),
                rs.getInt("duration_minutes"),
                rs.getString("status"),
                rs.getString("notes"),
                rs.getString("client_name"),
                rs.getString("service_name")
            );
            list.add(apt);
        }
    } catch (SQLException e) { e.printStackTrace(); }
    return list;
}

public List<Appointment> findByDate(String date) {
    // Similar pero con WHERE a.date = ?
}

public List<TimeSlot> generateTimeSlots(LocalDate date) {
    List<TimeSlot> slots = new ArrayList<>();
    if (date == null) return slots;

    // Obtener horario laboral del día
    int dayOfWeek = date.getDayOfWeek().getValue(); // Lun=1 ... Dom=7
    BusinessHour bh = businessHourRepo.findAll().stream()
        .filter(h -> h.getDayOfWeek() == dayOfWeek)
        .findFirst().orElse(null);

    if (bh == null || !bh.isWorkingDay()) return slots;

    List<Appointment> dayAppointments = appointmentRepo.findByDate(date.toString());
    LocalTime now = LocalTime.now();
    boolean isToday = date.equals(LocalDate.now());
    int editId = editingAppointment != null ? editingAppointment.getId() : -1;

    // Genera slots para turno mañana y tarde
    generateSlotRange(slots, bh.getMorningStart(), bh.getMorningEnd(),
                      dayAppointments, isToday, now, editId);
    generateSlotRange(slots, bh.getAfternoonStart(), bh.getAfternoonEnd(),
                      dayAppointments, isToday, now, editId);

    return slots;
}

private void generateSlotRange(List<TimeSlot> slots, String startStr, String endStr,
                               List<Appointment> dayAppts, boolean isToday,
                               LocalTime now, int editId) {
    DateTimeFormatter fmt = DateTimeFormatter.ofPattern("HH:mm");
    LocalTime current = LocalTime.parse(startStr, fmt);
    LocalTime end = LocalTime.parse(endStr, fmt);
    int interval = 30; // slots de 30 minutos

    while (current.isBefore(end)) {
        String timeStr = current.format(fmt);
        SlotStatus status = SlotStatus.FREE;
        String info = "";

        // ¿Ya pasó? (solo si es hoy)
        if (isToday && current.isBefore(now)) {
            status = SlotStatus.PAST;
        }

        // ¿Está ocupado por otra cita?
        for (Appointment apt : dayAppts) {
            if (apt.getId() == editId) continue; // No bloquear la cita que estamos editando
            LocalTime aptStart = LocalTime.parse(apt.getTime(), fmt);
            LocalTime aptEnd = aptStart.plusMinutes(apt.getDurationMinutes());
            if (!current.isBefore(aptStart) && current.isBefore(aptEnd)) {
                status = SlotStatus.BUSY;
                info = apt.getClientName();
                break;
            }
        }

        slots.add(new TimeSlot(timeStr, status, info));
        current = current.plusMinutes(interval);
    }
}

// Tipos internos del ViewModel
public enum SlotStatus { FREE, BUSY, PAST }
public record TimeSlot(String time, SlotStatus status, String info) {}

Runnable refreshSlots = () -> {
    slotsGrid.getChildren().clear();
    LocalDate date = viewModel.formDateProperty().get();
    List<TimeSlot> slots = viewModel.generateTimeSlots(date);

    for (TimeSlot slot : slots) {
        JButton slotBtn = new JButton(slot.time());
        slotBtn.getStyleClass().addAll("btn", "btn-sm");
        slotBtn.setMinWidth(65);

        switch (slot.status()) {
            case FREE -> {
                // Azul si es el seleccionado, gris si no
                if (slot.time().equals(selectedTime)) {
                    slotBtn.getStyleClass().add("btn-primary");
                } else {
                    slotBtn.getStyleClass().add("btn-secondary");
                }
                slotBtn.setOnAction(e -> {
                    viewModel.formTimeProperty().set(slot.time());
                    refreshSlots.run(); // Refrescar selección visual
                });
            }
            case BUSY -> {
                slotBtn.getStyleClass().add("btn-danger");
                slotBtn.setDisable(true);
                slotBtn.setOpacity(0.7);
                // Tooltip muestra el nombre del cliente que ocupó el slot
                Tooltip.install(slotBtn, new Tooltip(slot.info()));
            }
            case PAST -> {
                slotBtn.getStyleClass().add("btn-secondary");
                slotBtn.setDisable(true);
                slotBtn.setOpacity(0.4);
            }
        }
        slotsGrid.getChildren().add(slotBtn);
    }
};

refreshSlots.run();
datePicker.valueProperty().addListener((obs, o, n) -> refreshSlots.run());

table = new JTable<>();
table.setSearchable(true);
table.setSearchPlaceholder("Buscar citas...");
table.setEmptyText("No hay citas registradas");

// Columnas simples (por nombre de propiedad del modelo)
table.addColumn("Fecha", "date");
table.addColumn("Hora", "time");
table.addColumn("Cliente", "clientName");
table.addColumn("Servicio", "serviceName");

// Columna con celda personalizada (chip de color)
table.addColumn("Estado", "status", false, apt -> {
    JChip chip = new JChip(apt.getStatusDisplay());
    JChip.ChipColor color = switch (apt.getStatus()) {
        case "pending"   -> JChip.ChipColor.WARNING;
        case "confirmed" -> JChip.ChipColor.SUCCESS;
        case "cancelled" -> JChip.ChipColor.DANGER;
        case "completed" -> JChip.ChipColor.INFO;
        default          -> JChip.ChipColor.SLATE;
    };
    chip.setColor(color);
    chip.setChipSize(JChip.Size.SM);
    return chip;
});

// Botones de acción por fila
table.setRowActions((apt, box) -> {
    JButton confirmBtn = new JButton("", JIcon.CHECK);
    confirmBtn.getStyleClass().addAll("btn", "btn-sm", "btn-success");
    confirmBtn.setOnAction(e -> showConfirmAttendanceModal(apt));
    if (!"pending".equals(apt.getStatus())) {
        confirmBtn.setDisable(true);
        confirmBtn.setOpacity(0.5);
    }

    JButton editBtn = new JButton("", JIcon.EDIT);
    editBtn.getStyleClass().addAll("btn", "btn-sm", "btn-info");
    editBtn.setOnAction(e -> openFormModal(apt));

    JButton deleteBtn = new JButton("", JIcon.DELETE);
    deleteBtn.getStyleClass().addAll("btn", "btn-sm", "btn-danger");
    deleteBtn.setOnAction(e -> showDeleteConfirmation(apt));

    box.setSpacing(8);
    box.getChildren().addAll(confirmBtn, editBtn, deleteBtn);
});

table.setItems(viewModel.getAppointments());

public class DashboardView {

    private void buildUI() {
        rootWrapper = new StackPane();
        JJArroyo.setModalContainer(rootWrapper); // Los JModal se colocan aquí

        JSidebar sidebar = new JSidebar();
        sidebar.setBrand(JIcon.APP.view(), "Sistema de Citas");

        JHeader header = new JHeader();
        header.setUserProfile(
            viewModel.getCurrentUser().getFullName(),
            "admin",
            initials,
            () -> System.out.println("Logout...")
        );

        // Items del sidebar
        JSidebarItem homeItem        = new JSidebarItem("Inicio", JIcon.HOME.view());
        JSidebarItem appointmentsItem = new JSidebarItem("Citas", JIcon.CALENDAR.view());
        JSidebarItem clientsItem     = new JSidebarItem("Clientes", JIcon.HEART.view());
        JSidebarItem servicesItem    = new JSidebarItem("Servicios", JIcon.SEARCH.view());
        JSidebarItem scheduleItem    = new JSidebarItem("Horarios", JIcon.CALENDAR.view());
        JSidebarItem settingsItem    = new JSidebarItem("Configuración", JIcon.SETTINGS.view());

        sidebar.getItems().addAll(homeItem, appointmentsItem, clientsItem,
                                  servicesItem, scheduleItem, settingsItem);

        // Acciones de navegación
        homeItem.setAction(() -> navigateTo(homeItem, new HomeView(viewModel).getRoot()));
        appointmentsItem.setAction(() -> navigateTo(appointmentsItem, new AppointmentsView().getRoot()));
        clientsItem.setAction(() -> navigateTo(clientsItem, new ClientsView().getRoot()));
        // ...

        navigateTo(homeItem, new HomeView(viewModel).getRoot()); // Vista inicial
    }

    private void navigateTo(JSidebarItem activeItem, Node viewRoot) {
        sidebarItems.forEach(item -> item.setActive(false));
        activeItem.setActive(true);
        contentArea.getChildren().setAll(viewRoot);
    }
}

public class HomeView {

    public HomeView(DashboardViewModel viewModel) {
        // Stat Cards reactivas
        JStatCard todayCard = new JStatCard();
        todayCard.setTitle("Citas para Hoy");
        todayCard.setIcon(JIcon.CALENDAR.view(), "info");
        todayCard.setValue(viewModel.todayAppointmentsCountProperty().get());
        viewModel.todayAppointmentsCountProperty()
            .addListener((obs, o, n) -> todayCard.setValue(n.doubleValue()));

        JStatCard pendingCard = new JStatCard();
        pendingCard.setTitle("Citas Pendientes");
        pendingCard.setIcon(JIcon.CLOCK.view(), "warning");
        pendingCard.setValue(viewModel.pendingAppointmentsCountProperty().get());

        JStatCard clientsCard = new JStatCard();
        clientsCard.setTitle("Clientes Totales");
        clientsCard.setIcon(JIcon.USERS.view(), "success");
        clientsCard.setValue(viewModel.totalClientsCountProperty().get());

        // Lista de próximas citas
        List<Appointment> upcomingAppts = viewModel.getUpcomingAppointments();
        // ... construye filas con JAvatar, Labels y JBadge
    }
}

public class ThemeManager {
    private static final Preferences prefs =
        Preferences.userNodeForPackage(ThemeManager.class);

    public static boolean isDarkMode() {
        return prefs.getBoolean("darkMode", true); // oscuro por defecto
    }

    public static void saveTheme(boolean dark) {
        prefs.putBoolean("darkMode", dark);
    }
}

themeToggleBtn.setOnAction(e -> {
    boolean isDark = rootWrapper.getStyleClass().contains("dark");
    if (isDark) {
        rootWrapper.getStyleClass().remove("dark");
        themeToggleBtn.setIcon(JIcon.MOON);
        ThemeManager.saveTheme(false);
    } else {
        rootWrapper.getStyleClass().add("dark");
        themeToggleBtn.setIcon(JIcon.SUN);
        ThemeManager.saveTheme(true);
    }
});

@echo off
setlocal

set MAIN_CLASS=com.mvvm_reactive.App
set SRC_DIR=src\main\java
set OUT_DIR=bin
set LIB_DIR=lib

set CLASSPATH=%LIB_DIR%\*

echo Compilando...
javac -cp "%CLASSPATH%" -d %OUT_DIR% --module-path "%JAVAFX_PATH%" ^
  --add-modules javafx.controls,javafx.fxml,javafx.graphics ^
  -sourcepath %SRC_DIR% %SRC_DIR%\com\mvvm_reactive\App.java

echo Ejecutando...
java -cp "%OUT_DIR%;%CLASSPATH%" --module-path "%JAVAFX_PATH%" ^
  --add-modules javafx.controls,javafx.fxml,javafx.graphics ^
  %MAIN_CLASS%