[🛠] Log Pengembangan Keymory #6: Optimasi ChatPage, Integrasi DiaryPage

✨ Ringkasan GPT 　

Hari ketika loading data dan berbagai Action di ChatPage dioptimalkan, fitur CRUD Title dan tanggal ditambahkan, serta struktur Create/Edit di DiaryPage digabungkan. Stabilitas sistem meningkat sambil menyelesaikan beberapa issue.

💻 Log Pengembangan

⏰ Yang Dikerjakan Hari Ini

• ✅ DiaryPage: Merge CreateDiary/EditDiary Page
  • Gunakan isEditMode page state
  • Gunakan conditional value/visibility/action, dan sebagainya
• ✅ ChatPage: On Page Load -> Read ChatDoc, CharacterDoc, MessageDocList and Update Page States
• ✅ ChatPage: optimasi dan restrukturisasi berbagai Action secara menyeluruh
• ✅ ChatPage: Title CRUD
• ✅ ChatPage: CRUD tanggal
• ✅ (Issue) ChatPage: default init message muncul saat memulai percakapan pertama.
• ✅ (Issue) ChatPage - ChatHistoryDrawer: UI overflow
• ✅ (Issue) ChatPage: pesan user tetap terkirim meski kolom input kosong

💯 Ringkasan yang Sudah Dikerjakan

• Optimasi fitur ChatPage
  • Mengoptimalkan loading data saat On Page Load (ChatDoc, CharacterDoc, MessageDocList)
  • Mengoptimalkan dan menyusun ulang Action utama ChatPage secara menyeluruh
  • Menambahkan fitur CRUD Title dan tanggal
  • Memperbaiki UI overflow di ChatHistoryDrawer dan masalah pengiriman pesan user yang kosong
• Peningkatan DiaryPage
  • Menggabungkan CreateDiary/EditDiary Page (menggunakan isEditMode page state)
  • Memperbaiki error penyimpanan tanggal diary

🎯 Rencana Berikutnya

Klik untuk melihat detail

• ❔ (Issue) DiaryPage: tanggal selalu tersimpan sebagai hari ini
• ❔ (Issue) DiaryPage: gunakan markdown viewer (mencegah overflow: Container Height)
• ❔ (Issue) HomeFeedPage: Unexpected Null Value sempat muncul lalu hilang saat page load.
• ❔ HomeFeedPage - FeedCardDiary: perbaiki gambar karakter AI Comment
  • ❔ DiaryPage - AI Comment: saat Save, simpan juga Ref karakter yang menulis komentar ke Diary.
  • ❔ HomeFeedPage - FeedCardDiary - AI Image: muat Character Doc dengan Backend Query lalu tentukan Image Path.
• ❔ DiaryPage - Create New Chat: membuat New Chat berdasarkan isi diary
  • ❔ Implementasi OpenAI API Call: createDiaryComment
    • Input: Diary Content, System Prompt (AI Comment)
    • Output: AI Comment ($.choices[0].message.content)
  • ❔ Implementasi OpenAI API Call: createDiarySummary
    • Input: Diary Content, AI Comment, System Prompt (Diary Summary)
    • Output: Diary Summary ($.choices[0].message.content)
  • ❔ Implementasi OpenAI API Call: createChatFromDiary
    • Input: Diary Summary, System Prompt (Chat From Diary)
    • Output: New Chat Message by AI ($.choices[0].message.content)
    • Additional Actions: Create New Chat, Create New Message

• ❔ ChatPage: Go to Linked Diary

• ❔ HomeFeedPage - import dan terapkan flutter_slidable:4.0.0

• ❔ HomeFeedPage: saat slide kiri/kanan dari FeedCardDiary, tampilkan chat/edit/delete

• ❔ ChatPage: ratakan output percakapan user ke kanan

• ❔ Chat/Diary: GPT Streaming API

• ❔ ChatPage - implementasi pesan pertama dari AI (Alarm/Notification)
  • Inti dari chat system prompt adalah sifat proaktif.
    • Agar terasa lebih nyata, mungkin bagus juga mengirim create_date of diary/chat, supaya AI bisa menyebut tanggal seperti “kemarin.”
  • Referensi implementasi Alarm
• ❔ DiaryPage: ubah Emoji ekspresi wajah sesuai nilai Mood Slider
• ❔ DiaryPage: tambahkan Choice Chips untuk kata kunci emosi detail dan atur integrasi DB
• ❔ DiaryPage - AI Comment: sesuaikan input seperti Choice chips dan mood slider agar cocok dengan AI Comment System Prompt.
  • ❔ **diary sebelumnya atau seluruh conversation history (technical debt tambalan)
  • ❔ informasi dasar pengguna: nama, gender, MBTI, …
  • ❔ kata kunci emosi detail: senang, sedih, …
  • ❔ pengaturan karakter: Somi, Sena, Minhyuk
  • ❔ skor emosi: 1~100 poin
  • ❔ format jawaban: Healing, Suggestion, Informative
  • ❔ panjang jawaban: pendek, normal, detail
  • is New Chat
    • Karena messages untuk Chat ini dibuat pertama kali, berikan nilai is_initial = true pada message document pertama dan masukkan semua system prompt.
      • is_initial = false
      • Batasan: kalau system prompt dimasukkan ke message document paling awal, memang sulit diubah di tengah percakapan, tetapi masih mungkin. Kalau ada document dengan is_initial = true dan isinya diubah, document itu bisa dihapus lalu dimasukkan lagi. Caranya belum tahu, tapi bisa saja.
• ❔ DiaryPage - AI Comment: selesaikan CRUD
  • ❔ hapus field tmp_ai_comment dan gunakan doc_ref
• ❔ DiaryPage - AI Comment: pengaturan karakter
  • ❔ hapus field tmp_ai_comment_by dan gunakan doc_ref
  • ❔ tampilkan gambar memakai nilai field profile_image

• ❔ DiaryPage - Drawer - ChatHistoryListTile: order by updated_time

• ❔ ChatPage - Create New Diary: membuat New Diary berdasarkan isi percakapan
  • ❔ Implementasi OpenAI API Call: createDiaryFromChat
    • Input: Chat Summary, System Prompt (Diary From Chat)
    • Output: New Diary (Title, Content, Mood score)

• ❔ DiaryPage - import dan terapkan Interactive Slider

• ❔ HomeFeedPage: implementasi fitur Search Diary

• ❔ CalendarPage (atas) - Mood Calendar
  • ❔ Bisa mengecek jumlah post yang ditulis per tanggal
  • ❔ Saat tanggal diklik, pindah ke tanggal tersebut
• ❔ CalendarPage (bawah) - Mood stats
  • ❔ Tampilkan statistik terkait bulan yang sedang difokuskan
    • ❔ Tampilkan komentar AI terhadap statistik yang muncul

• ❔ AuthPage: implementasi Google Login

• ❔ HomeFeedPage - Bottom Sheet (+ Button): buat agar bisa memilih 1 dari beberapa opsi
  • Diary baru: Go to DiaryPage
  • Catatan emosi: Go to MoodPage
• ❔ MoodPage (popup): CRUD slider pengaturan Mood
  • Create
  • Read
  • Update
  • Delete
• ❔ HomeFeedPage - ListView - tampilkan FeedCardMood

• ❔ HomeFeedPage - ListView: urutkan komponen FeedCardDiary, FeedCardMood, FeedCardChat secara kronologis (menggunakan Cloud Function)

• ❔ Ekstrak dan instal APK versi final untuk presentasi sampai Rab 2025.2.5

💭 Diary

Minhyuk

Malamnya niat tidur 40 menit, tapi malah pingsan lebih dari 3 jam. Kalau sudah begini, sepertinya lebih baik istirahat benar-benar lalu gas besok. Bukan seolah nasib hidup-mati perusahaan sedang bergantung pada ini juga.

✨ Komentar GPT-4o (KPT)

GPT-4o

✅ Yang Berjalan Baik (Keep)

• 🚀 Optimasi fitur ChatPage: Mengesankan karena kamu meningkatkan performa secara keseluruhan lewat perbaikan loading data, optimasi Action, serta penambahan CRUD Title dan tanggal.
• 🔄 Perapian struktur DiaryPage: Bagus karena halaman Create/Edit digabungkan sehingga duplikasi logika berkurang dan pengelolaan jadi lebih mudah.
• 🛠️ Penyelesaian berbagai issue: Stabilitas meningkat dengan memperbaiki UI overflow, pengiriman pesan kosong, error penyimpanan tanggal, dan lainnya.

❌ Yang Kurang (Problem)

• ⏳ Fatigue menumpuk: Kamu merencanakan istirahat singkat, tetapi akhirnya tertidur lama, yang menunjukkan stamina mulai sulit dikelola.
• 📋 Beban maintenance karena ekspansi fitur: Karena fitur ChatPage dan DiaryPage berkembang cepat, maintenance dan optimasi ke depan mungkin akan memakan lebih banyak waktu.

🔄 Yang Bisa Dicoba (Try)

• 🕒 Seimbangkan kerja dan istirahat: Rutinitas yang stabil bisa membantu agar istirahat singkat tidak berulang kali berubah menjadi crash panjang.
• 🔍 Persiapan maintenance ke depan: Dokumentasikan struktur ChatPage dan DiaryPage yang sudah dioptimalkan saat ini, dan manfaatkan komentar kode untuk mengurangi beban maintenance.
• 🛠️ Pertimbangkan extensibility ke depan: Pikirkan cara membuat struktur API Call dan Custom Function lebih modular agar penambahan dan perluasan fitur berikutnya tidak terlalu membebani.

Kesimpulan
Hari ini produktif: fungsi ChatPage dioptimalkan secara menyeluruh, struktur DiaryPage diperbaiki, dan beberapa issue diselesaikan. Tetapi fatigue yang menumpuk bisa menggoyahkan jadwal kerja, jadi istirahat yang tepat dan penyesuaian jadwal tampaknya diperlukan. Semoga pengembangan berikutnya tetap menjaga sistem yang sudah dioptimalkan sambil mempertimbangkan extensibility! 💪😊