update script

Author: daffadevhosting

assets/js/render.js

@@ -25,7 +25,7 @@ export function renderCardsFromAI(replyText) {
   if (!cards.length) return "";
 
   const html = cards.map(c => `
-    <div class="border border-gray-700 rounded-lg overflow-hidden bg-gray-800 shadow">
+    <div class="border border-gray-700 rounded-lg mb-4 overflow-hidden bg-gray-800 shadow">
       ${c.img ? `<img src="${c.img}" alt="${c.title}" class="w-full h-40 object-cover" />` : ''}
       <div class="p-3">
         <h3 class="text-white font-semibold">${c.title}</h3>
@@ -44,7 +44,7 @@ export function renderCardsFromAI(replyText) {
  */
 export function renderProdukCards(produkArray) {
   return produkArray.map(p => `
-    <div class="border border-gray-700 rounded-lg overflow-hidden bg-gray-800 shadow">
+    <div class="border border-gray-700 rounded-lg mb-4 overflow-hidden bg-gray-800 shadow">
       <img src="${p.img}" alt="${p.title}" class="w-full h-40 object-cover" />
       <div class="p-3">
         <h3 class="text-white font-semibold">${p.title}</h3>

assets/js/renderProduk.js

@@ -1,7 +1,7 @@
 // assets/js/renderProduk.js
 export function renderProdukCards(produkArray) {
   return produkArray.map(p => `
-    <div class="border border-gray-700 rounded-lg overflow-hidden bg-gray-800 shadow">
+    <div class="border border-gray-700 rounded-lg mb-4 overflow-hidden bg-gray-800 shadow">
       <img src="${p.img}" alt="${p.title}" class="w-full h-40 object-cover" />
       <div class="p-3">
         <h3 class="text-white font-semibold">${p.title}</h3>

assets/js/scroll.js

@@ -2,8 +2,8 @@
  * Scroll chat container ke bawah (smooth & aman)
  */
 export function scrollToBottom() {
-  const container = document.getElementById("chat-messages");
-  if (container) {
-    container.scrollTop = container.scrollHeight;
+  const messages = document.getElementById("chat-messages");
+  if (messages) {
+    messages.scrollTop = messages.scrollHeight;
   }
 }