lisichatbot 1.1.3 → 1.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lisichatbot",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "type": "module",
   "main": "./src/index.js",
   "exports": {

package/src/index.js

@@ -92,14 +92,40 @@ function addMessage(content, type = 'bot', hasInput = false, stepNumber = null)
         console.error(`Element with data-chat-element="${type}-message-text" not found in wrapper`);
     }
 
-    // Handle edit icon for bot messages with input
-    if (type === 'bot' && hasInput && stepNumber !== null) {
+    // Handle edit icon for bot messages
+    if (type === 'bot') {
+        console.log(`\n🔍 Processing bot message - Step ${stepNumber || 'N/A'}, hasInput: ${hasInput}`);
+        
         const editIcon = clone.querySelector('[data-chat-element="bot-edit-icon"]');
         if (editIcon) {
-            editIcon.setAttribute('data-chat-step', stepNumber);
-            editIcon.onclick = () => editStep(stepNumber);
-            editIcon.style.display = 'inline-block';
+            console.log('  ✓ Edit icon element found');
+            
+            // ALWAYS hide first with !important to override any CSS
+            editIcon.style.setProperty('display', 'none', 'important');
+            console.log('  ✓ Edit icon hidden (display: none !important)');
+            
+            // Only show if this step has input
+            if (hasInput && stepNumber !== null) {
+                editIcon.setAttribute('data-chat-step', stepNumber);
+                editIcon.onclick = (e) => {
+                    e.stopPropagation();
+                    editStep(stepNumber);
+                };
+                editIcon.style.setProperty('display', 'inline', 'important');
+                console.log(`  ✏️ Edit icon SHOWN (step ${stepNumber} has input)`);
+            } else {
+                console.log(`  ⚪ Edit icon HIDDEN (step ${stepNumber || 'N/A'} has no input)`);
+            }
+        } else {
+            console.warn('  ⚠️ Edit icon element not found in bot-message-wrapper!');
+            console.warn('  → Make sure you have: <span data-chat-element="bot-edit-icon">✏️</span>');
         }
+        
+        // Ensure wrapper has correct flex properties for spacing
+        clone.style.setProperty('display', 'inline-flex', 'important');
+        clone.style.setProperty('align-items', 'center', 'important');
+        clone.style.setProperty('gap', '8px', 'important');
+        console.log('  ✓ Wrapper flex properties set (gap: 8px)');
     }
 
     // Make clone visible
@@ -708,6 +734,8 @@ function injectStyles() {
         [data-chat-element="bot-message-wrapper"] {
             margin-bottom: 16px;
             display: inline-flex;
+            align-items: center;
+            gap: 8px;
             max-width: 70%;
             align-self: flex-start;
         }
@@ -760,7 +788,6 @@ function injectStyles() {
 
         /* Bot edit icon styling */
         [data-chat-element="bot-edit-icon"] {
-            margin-left: 8px;
             display: none;
             cursor: pointer;
             opacity: 0.6;