AI EngineeringPilihanL3:mii-cowork
Revamp UI MII Cowork dan Deck Studio
MII Cowork, workspace AI agent milik MII tempat setiap percakapan berjalan di sandbox Azure Container Apps sendiri: antarmukanya dibangun ulang dengan tema terang dan gelap MII, ditambah Deck Studio untuk menyusun presentasi MII Deck di samping chat.
- Peran
- Pemimpin revamp frontend dan engineer Deck Studio (platform dan backend dipimpin rekan)
- Periode
- Sep 2026 hingga Okt 2026
Hasil
194
Commit oleh Kurniadi, di-merge dalam 10 pull request
Riwayat repositori, 23 Sep hingga 6 Okt 2026.
133 files
Diubah oleh revamp frontend, tanpa perubahan backend atau API
Catatan pull request.
57%
Baris kode frontend yang ditulis Kurniadi
Kepemilikan baris (git blame) di branch main, 15 Okt 2026.
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 di atas design system MII: MII Light sebagai default dan MII Dark, aset brand resmi MII, serta komponen dialog, sheet, menu, dan toast bersama sebagai pengganti dialog konfirmasi bawaan browser.
- Saya mendesain ulang tata letak: navigation rail dengan context panel, panel files dan tasks yang dapat menimpa chat atau berdampingan dengannya, kolom chat di tengah, dan langkah tool yang ditampilkan 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