Merge pull request #5 from markrai/bug/workflow-lane-add-button

bugfix: workflow lane add button introduced

Author: markrai

internal/httpapi/web/dist/views/projects.js

@@ -110,8 +110,9 @@ function renderWorkflowEditorBody(lanes, listId = "workflowModalLaneList", ghost
         </div>
       `).join("")}
     </div>
-    <div class="row">
-      <input class="input" id="${escapeHTML(ghostId)}" placeholder="Add lane..." />
+    <div class="row" style="gap:8px;align-items:center;">
+      <input class="input" id="${escapeHTML(ghostId)}" placeholder="Add lane..." style="flex:1;min-width:0;" />
+      <button type="button" class="btn btn--small" id="workflowModalGhostAdd" aria-label="Add lane">Add</button>
     </div>
   `;
 }
@@ -183,6 +184,7 @@ function createWorkflowEditorRenderer() {
                     onLanesChange();
                 });
             });
+            const ghostAddBtn = container.querySelector("#workflowModalGhostAdd");
             if (ghostInput) {
                 const commitGhostLane = () => {
                     const text = (ghostInput.value || "").trim();
@@ -191,15 +193,18 @@ function createWorkflowEditorRenderer() {
                     insertLaneBeforeDone(lanes, text);
                     ghostInput.value = "";
                     onLanesChange();
+                    requestAnimationFrame(() => {
+                        const next = container.querySelector(`#${ghostId}`);
+                        next?.focus();
+                    });
                 };
                 ghostInput.addEventListener("keydown", (e) => {
                     if (e.key === "Enter") {
                         e.preventDefault();
                         commitGhostLane();
                     }
                 });
-                ghostInput.addEventListener("input", () => { commitGhostLane(); });
-                ghostInput.addEventListener("blur", () => { commitGhostLane(); });
+                ghostAddBtn?.addEventListener("click", () => { commitGhostLane(); });
             }
             if (list && typeof Sortable !== "undefined") {
                 sortableInstance = Sortable.create(list, {

internal/httpapi/web/modules/views/projects.ts

@@ -131,8 +131,9 @@ function renderWorkflowEditorBody(
         </div>
       `).join("")}
     </div>
-    <div class="row">
-      <input class="input" id="${escapeHTML(ghostId)}" placeholder="Add lane..." />
+    <div class="row" style="gap:8px;align-items:center;">
+      <input class="input" id="${escapeHTML(ghostId)}" placeholder="Add lane..." style="flex:1;min-width:0;" />
+      <button type="button" class="btn btn--small" id="workflowModalGhostAdd" aria-label="Add lane">Add</button>
     </div>
   `;
 }
@@ -201,19 +202,23 @@ function createWorkflowEditorRenderer() {
         });
       });
 
+      const ghostAddBtn = container.querySelector("#workflowModalGhostAdd") as HTMLButtonElement | null;
       if (ghostInput) {
         const commitGhostLane = () => {
           const text = (ghostInput.value || "").trim();
           if (!text) return;
           insertLaneBeforeDone(lanes, text);
           ghostInput.value = "";
           onLanesChange();
+          requestAnimationFrame(() => {
+            const next = container.querySelector(`#${ghostId}`) as HTMLInputElement | null;
+            next?.focus();
+          });
         };
         ghostInput.addEventListener("keydown", (e) => {
           if (e.key === "Enter") { e.preventDefault(); commitGhostLane(); }
         });
-        ghostInput.addEventListener("input", () => { commitGhostLane(); });
-        ghostInput.addEventListener("blur", () => { commitGhostLane(); });
+        ghostAddBtn?.addEventListener("click", () => { commitGhostLane(); });
       }
 
       if (list && typeof Sortable !== "undefined") {

internal/version/version.go

@@ -8,7 +8,7 @@ package version
 //
 // Convention: Update when releasing (e.g., "1.0.0", "1.1.0"); match git tags
 // (e.g., tag "v1.0.0" should have Version = "1.0.0").
-const Version = "3.5.6"
+const Version = "3.5.7"
 
 // ExportFormatVersion is the version of the backup/export data format.
 // Only increment this when the ExportData structure changes in a breaking way.