react

Label RINGKAS bocor ke gelembung chat AI. Solusinya bukan prompt lebih ketat, tapi sanitasi input dan output di dua ujung pipeline.

TL;DR: Label prompt seperti RINGKAS: bocor ke UI karena model nggak patuh format, dan larangan tambahan malah bikin pelanggarannya makin kreatif. Solusinya dua lapis: sanitasi teks knowledge base sebelum masuk prompt, plus rendering output via react-markdown dan rehype-sanitize yang hanya ngizinkan elemen dari allowlist. Pelajarannya: prompt cukup untuk arah kasar, kontrol andal ada di input dan output, bukan daftar larangan.

Jawaban AI di search dialog butuh dua versi: ringkasan cepat dan penjelasan lengkap. Satu SSE stream dari LLM, tapi UI perlu split — caranya pakai marker-based parsing.

Pencarian AI di blog ini sekarang ingat pertanyaan kemarin. Triknya: localStorage, cap 30 turn, dan try/catch yang diam-diam menyerah saat browser menolak.

Chat dan daftar sumber rebutan ruang di satu overlay. Solusinya dua panel z-index beda plus visibilitas popup yang dihitung saat render.

Jawaban AI pertama lenyap tiap nanya lagi. Perbaikannya cuma satu array ThreadEntry plus functional update, bukan library state management.

Related articles nyambung tag doang sering ngawur. Ganti cosine semantic, tambah box TLDR, dan bikin search dialog live, semua tetap tahan API lama.

Section blog homepage yang dulu diisi manual lewat blog-posts.json sekarang fetch live dari API, plus helper formatDateWIB yang pin timezone Asia/Jakarta.

Commit 70a43a9 menambahkan artikel terkait, fetch paralel, timeline CSS, dan TOC file-tree ke halaman detail blog Next.js.

Ikon stack di list blog saya telat muncul karena fetch runtime. Saya ganti dengan SVG server-side dan fallback icon set.