Update chat.js

chat.js

@@ -66,7 +66,7 @@ function processUserMessage(message) {
     if (state.step === 'area') {
       const area = parseFloat(message);
       if (isNaN(area) || area <= 0) {
-        return addMessage('bot', 'Please enter a valid positive number for area (e.g., 100).');
+        return addMessage('bot', '❗ Please enter a valid positive number for area (e.g., 100).');
       }
       state.area = area;
       state.step = 'tileLength';
@@ -74,7 +74,7 @@ function processUserMessage(message) {
     } else if (state.step === 'tileLength') {
       const length = parseFloat(message);
       if (isNaN(length) || length <= 0) {
-        return addMessage('bot', 'Please enter a valid positive number for tile length.');
+        return addMessage('bot', '❗ Please enter a valid positive number for tile length.');
       }
       state.tileLength = length;
       state.step = 'tileWidth';
@@ -82,7 +82,7 @@ function processUserMessage(message) {
     } else if (state.step === 'tileWidth') {
       const width = parseFloat(message);
       if (isNaN(width) || width <= 0) {
-        return addMessage('bot', 'Please enter a valid positive number for tile width.');
+        return addMessage('bot', '❗ Please enter a valid positive number for tile width.');
       }
       state.tileWidth = width;
       calculateTiles();
@@ -93,8 +93,26 @@ function processUserMessage(message) {
 function calculateTiles() {
   const { tileLength, tileWidth, area, tileType } = state;
   const tileArea = tileLength * tileWidth;
-  const numTiles = Math.ceil((area / tileArea) * 1.1); // 10% extra
-  const numBoxes = Math.ceil(numTiles / 10); // 10 tiles/box
+
+  if (tileArea <= 0) {
+    return addMessage('bot', `❗ Invalid tile dimensions. Length × width must be greater than 0.`);
+  }
+
+  if (tileArea >= area) {
+    return addMessage('bot', `⚠️ The tile size (${tileLength}×${tileWidth} = ${tileArea} sq.ft) is larger than the total area (${area} sq.ft). Please enter smaller tile dimensions.`);
+  }
+
+  if (tileArea > 50) {
+    addMessage('bot', `🔎 That’s quite a large tile (${tileArea} sq.ft). Double-check your input or continue if it's correct.`);
+  }
+
+  const aspectRatio = Math.max(tileLength / tileWidth, tileWidth / tileLength);
+  if (aspectRatio > 10) {
+    addMessage('bot', `📐 This tile has a very high aspect ratio (${aspectRatio.toFixed(1)}:1). Make sure that's intentional.`);
+  }
+
+  const numTiles = Math.ceil((area / tileArea) * 1.1); // add 10% buffer
+  const numBoxes = Math.ceil(numTiles / 10); // assume 10 tiles/box
 
   chatArea.insertAdjacentHTML('beforeend', `
     <div class="bot-message bg-gray-100 rounded-lg p-4 mb-3">