Fix UI to display if step is draft or FTO

static/js/ui.js

@@ -536,8 +536,9 @@ function renderDraftTimeline(timelineContainer, currentIndex, drafts) {
     drafts.forEach((state, idx) => {
         const li = document.createElement('li');
         li.className = `step ${idx <= currentIndex ? 'step-primary' : ''}`;
-        li.textContent = `Draft #${idx + 1}`;
-        li.setAttribute('data-content', state.type == "draft" ? "D" : "F")
+        li.innerHTML = `<span class="step-icon">${state.type == "draft" ? "📝" : `🔎`}</span>${state.type == "draft" ? `Draft #${idx + 1}` : "FTO analysis "}`
+        // li.textContent = ;
+        // li.setAttribute('data-content', state.type == "draft" ? "D" : "F")
         li.onclick = () => jumpToDraft(idx);
         timelineContainer.appendChild(li);
     });
@@ -652,7 +653,7 @@ export function handleDraftRefine() {
         })
         .catch(error => {
             // Handle any errors
-            alert("An error occurred:" + error);
+            alert("An error occurred while refining a draft:" + error);
         }).finally(() => {
             hideLoadingOverlay();
         });
@@ -674,7 +675,7 @@ export function handleFTOAnalysis() {
 
     console.log("Launching FTO analysis");
 
-    showLoadingOverlay("Running FTO analysis...");
+    showLoadingOverlay("Running FTO analysis... This may take a while");
 
     runFTOAnalysis(providerUrl, providerModel, providerToken, currentState.solution, businessPortfolio)
         .then(result => {
@@ -691,6 +692,7 @@ export function handleFTOAnalysis() {
             });
 
             draftCurrentIndex++;
+            renderDraftUI();
         })
         .catch(e => alert(e))
         .finally(() => hideLoadingOverlay());