Revamp UI MII Cowork dan Deck Studio
Pembaruan frontend MII Cowork, workspace AI dengan sandbox tersendiri untuk setiap percakapan, serta Deck Studio untuk menyusun presentasi MII Deck di samping chat.
Hasil utama
194
Commit oleh Kurniadi, di-merge dalam 10 pull request
133 files
Diubah oleh revamp frontend, tanpa perubahan backend atau API
57%
Baris kode frontend yang ditulis Kurniadi
- Pemimpin revamp frontend dan engineer Deck Studio (platform dan backend dipimpin rekan)
- Sep 2026 hingga Okt 2026
- Pilihan
- L3:mii-cowork
Hasil
194
Commit oleh Kurniadi, di-merge dalam 10 pull request
133 files
Diubah oleh revamp frontend, tanpa perubahan backend atau API
57%
Baris kode frontend yang ditulis Kurniadi
Masalah
MII Cowork sudah menjalankan agent di sandbox per percakapan, tetapi antarmukanya masih memakai dialog konfirmasi bawaan browser dan set ikon yang bercampur, dan belum ada jalur dari percakapan ke presentasi MII yang siap pakai.
Kontribusi
- Saya membangun ulang frontend dengan design system MII: tema MII Light sebagai default dan MII Dark, aset brand resmi MII, serta komponen bersama untuk dialog, sheet, menu, dan toast sebagai pengganti dialog konfirmasi bawaan browser.
- Saya mendesain ulang tata letak: navigasi samping dengan panel konteks, panel file dan tugas yang dapat tampil di atas chat atau berdampingan dengannya, kolom chat di tengah, serta langkah tool sebagai baris aktivitas.
- Saya mengintegrasikan MII Deck sebagai Deck Studio: hub Decks dan mode Deck di halaman utama, panel studio di samping chat, serta publikasi melalui pipeline MII Deck.
- Saya memeriksa kontras AA di setiap tema, focus trap, fokus keyboard, dan reduced motion, lalu menguji revamp di 1440, 1100, 768, dan 390 px tanpa mengubah file backend atau kontrak API.
Galeri
Tech stack
Next.js
TypeScript
Tailwind CSS
Python
Microsoft Agent FrameworkAzure Container Apps
Proyek AI Engineering lainnya
Technical Consultant, Software & AI, Metrodata (PT Mitra Integrasi Informatika)