Feature #4048
Implementasi Popup Minova AI (Assistant Panel)
0%
Description
Dear Tim Developer,
Mohon bantuannya untuk Implementasi popup Minova AI Assistant yang muncul sebagai panel mengambang (floating modal) di atas halaman utama sistem. Popup ini memungkinkan user untuk berinteraksi dengan AI, mengakses riwayat chat, project, library, dan menjalankan perintah cepat.
UI Components
1. Modal popup full-screen overlay dengan rounded edges.
2. Layout 2 kolom:
o Left Panel (Navigation)
Logo Minova.AI
Menu:
o New Chat
o Search Chat
o Library
o Project
Activity list dengan kategori:
o Today
o Last week
Right Panel (Chat Interface)
o Greeting: “Hello”
o Input chat bar + icons: attachment, image upload, emoji.
o Send button.
• Tambahkan close button (❌) di kanan atas popup.
Behaviour / Interaction
• Popup muncul dengan transition fade-in + scale.
• Close button menutup popup dengan fade-out.
• Left panel scrollable bila item melebihi tinggi layar.
• Chat input:
Menangani multiline input.
Enter → send message.
• Riwayat aktivitas bersifat static untuk sekarang (dummy).
Validasi & Acceptance Criteria
• Popup muncul dan menutup dengan animasi halus.
• Tidak menutupi top navigation (overlay full tetapi non-intrusive).
• Semua tombol dapat diklik dan mengarah ke fungsi placeholder.
• Layout tidak rusak pada resolusi:
1366 × 768
1920 × 1080
2560 × 1440
Port: https://demo.minovais.com/
DB: MinovaES_Demo (di 89)

Files