lisichatbot 2.0.1 → 2.0.3

package/package.json

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

package/src/index.js

@@ -213,16 +213,21 @@ function updateEditIcons() {
                 return;
             }
             
-            if (chatState.completed) {
+            // ✅ FIX: In edit mode, keep edit icons visible even after completion
+            if (chatState.completed && chatState.chatMode !== 'edit') {
                 editIcon.style.setProperty('display', 'none', 'important');
-                console.log(`  🏁 Step ${stepNumber}: Icon HIDDEN (flow completed)`);
+                console.log(`  🏁 Step ${stepNumber}: Icon HIDDEN (flow completed in create mode)`);
                 return;
             }
             
             // ✅ NEW: Check if edit icon should be forced to show (even without input)
             const forceShowEdit = stepData && stepData.showEditIcon === true;
             
-            if ((hasInput || forceShowEdit) && stepNumber < chatState.step && isLatest) {
+            // ✅ FIX: In edit mode, show edit icons for all completed steps (not just previous)
+            const shouldShowInEditMode = chatState.chatMode === 'edit' && chatState.completed && isLatest;
+            const shouldShowNormally = stepNumber < chatState.step && isLatest;
+            
+            if ((hasInput || forceShowEdit) && (shouldShowInEditMode || shouldShowNormally)) {
                 editIcon.onclick = (e) => {
                     e.stopPropagation();
                     e.preventDefault();
@@ -575,7 +580,19 @@ function renderMultiSelectDropdown(options, field) {
     // ✅ Initial tag render if pre-filled (edit mode)
     if (selectedValues.size > 0) {
         renderTags(field, options, tagsContainer, tagTemplateClone, optionsContainer);
+        
+        // ✅ NEW: Set currentSelection for pre-filled data so user message shows
+        chatState.currentSelection = {
+            field,
+            value: existingData,
+            name: existingData.map(v => {
+                const opt = options.find(o => o.value === v);
+                return opt ? opt.name : v;
+            }).join(', ')
+        };
+        
         console.log(`  ✅ Pre-filled ${selectedValues.size} selections, Next button enabled`);
+        console.log(`  📝 Set currentSelection.name: "${chatState.currentSelection.name}"`);
     }
     
     elements.messages.appendChild(clone);
@@ -3178,6 +3195,26 @@ async function showNextStep() {
             console.log(`  ⏱️ Auto-advance delay: ${delay}ms ${nextStep.autoAdvanceDelay !== undefined ? '(step-level)' : '(global)'}`);
             
             setTimeout(() => {
+                // ✅ NEW: Add user message if there's a currentSelection (pre-filled value)
+                if (chatState.currentSelection && chatState.currentSelection.name) {
+                    const prefix = nextStep.input?.selectedInputPrefix || '';
+                    const suffix = nextStep.input?.selectedInputSuffix || '';
+                    let displayName = chatState.currentSelection.name;
+                    
+                    if (prefix) displayName = `${prefix} ${displayName}`;
+                    if (suffix) displayName = `${displayName} ${suffix}`;
+                    
+                    console.log(`📝 Adding user message for auto-advance: "${displayName}"`);
+                    addMessage(displayName, 'user', false, chatState.step);
+                    
+                    chatState.history.push({
+                        step: chatState.step,
+                        field: chatState.currentSelection.field,
+                        value: chatState.currentSelection.value,
+                        displayName: displayName
+                    });
+                }
+                
                 // ✅ NEW: Find next accessible step
                 chatState.step = findNextAccessibleStep(chatState.step);
                 updateEditIcons();