lisichatbot 1.1.3 → 1.1.4

package/package.json

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

package/src/index.js

@@ -92,13 +92,27 @@ 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') {
         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';
+            // Always hide first
+            editIcon.style.display = 'none';
+            
+            // 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.display = 'inline';
+                console.log(`✏️ Edit icon shown for step ${stepNumber} (has input)`);
+            } else {
+                console.log(`⚪ Edit icon hidden for step ${stepNumber} (no input)`);
+            }
+        } else {
+            console.warn('⚠️ Edit icon element not found in bot-message-wrapper');
         }
     }
 
@@ -708,6 +722,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 +776,6 @@ function injectStyles() {
 
         /* Bot edit icon styling */
         [data-chat-element="bot-edit-icon"] {
-            margin-left: 8px;
             display: none;
             cursor: pointer;
             opacity: 0.6;