ai

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.

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

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

Gara-gara border kiri TOC kerasa kaku, gue ganti jadi spine gradient Tailwind yang memudar ke bawah. Teknik murni CSS utility, plus catatan soal rename bg-gradient-to-* di v4.

Accent oranye cakep di dark mode tapi pudar di light. Ganti ke mint CodeRabbit dengan emerald-600 untuk light mode agar lolos uji kontras WCAG.

Chip tag abu flat di sidebar semua semelek bobot. Ganti ke tint primary 10% plus hairline ring inset bikin tag terasa hidup dan bisa diklik.

Heading sidebar 11px uppercase warna redup ternyata paling susah dibaca. Ganti ke 13px bold normal-case plus ikon, kontrasnya naik sesuai WCAG.

Ganti state chip dari border ke background bikin baris goyang 1px. Solusinya: ring inset, karena box-shadow tidak pernah memengaruhi layout.

Panduan lengkap embed YouTube, Mermaid, dan Recharts di blog Next.js tanpa plugin. Tingkatkan engagement +52% dengan styling konsisten dan dark mode.