[feril3]

Phase 3 — Transactions + Transaction Forms

Redesign transaksi difokuskan pada workflow operasional bendahara, bukan sekadar ganti warna.

Riwayat transaksi

• desktop menggunakan TanStack React Table
• mobile tetap card/list yang mudah dipindai
• filter kata kunci, jenis, metode, kategori, dan rentang tanggal
• KPI saldo / total masuk / total keluar / hasil filter
• row actions melalui Radix DropdownMenu
• edit transaksi melalui Sheet
• hapus transaksi melalui AlertDialog, tanpa window.confirm
• attachment Google Drive tetap dapat dibuka dari tabel/card
• pagination 10 transaksi per halaman

Form Kas Masuk / Kas Keluar

• mobile-first, kontrol utama 48px
• shadcn Field + InputGroup + Select + ToggleGroup + Textarea
• nominal dengan numeric keyboard
• upload bukti/mutasi dengan state yang jelas
• validasi ukuran file 5 MB sebelum upload
• bukti wajib untuk kas keluar tetap dipertahankan
• sticky action bar pada mobile
• feedback melalui Sonner + Alert

UI foundation

• workspace components.json + jsconfig.json agar shadcn CLI bekerja benar di monorepo
• style shadcn distandarkan ke radix-nova
• primitive baru: AlertDialog, Select, Field, InputGroup, ToggleGroup, Empty, Spinner, Textarea, dan dependencies-nya

Regression

• melarang Lucide dan legacy modal/segmented-control pada halaman transaksi
• memastikan TanStack table, Sheet, AlertDialog, mobile cards, sticky action bar, dan workspace shadcn config tetap aktif

Public Display tidak disentuh.