coding-agent-harness 1.0.8 → 1.1.0

package/templates/dashboard/assets/app-src/90-bindings.js

@@ -4,12 +4,26 @@ window.setModulePage = function(moduleKey, page) {
   app();
 };
 
+function rerenderPreservingFieldFocus(field, selector) {
+  const shouldRestore = document.activeElement === field;
+  const selectionStart = typeof field.selectionStart === "number" ? field.selectionStart : null;
+  const selectionEnd = typeof field.selectionEnd === "number" ? field.selectionEnd : selectionStart;
+  app();
+  if (!shouldRestore) return;
+  const nextField = document.querySelector(selector);
+  if (!nextField || typeof nextField.focus !== "function") return;
+  nextField.focus({ preventScroll: true });
+  if (typeof nextField.setSelectionRange === "function" && selectionStart !== null) {
+    nextField.setSelectionRange(selectionStart, selectionEnd);
+  }
+}
+
 function bind() {
   document.querySelectorAll("[data-search]").forEach((input) => input.addEventListener("input", () => {
     state.query = input.value;
     state.taskPageByGroup = {};
     state.taskGroupPage = 1;
-    app();
+    rerenderPreservingFieldFocus(input, "[data-search]");
   }));
   document.querySelectorAll("[data-state-filter]").forEach((select) => select.addEventListener("change", () => {
     state.taskState = select.value;
@@ -19,6 +33,7 @@ function bind() {
   }));
   document.querySelectorAll("[data-group-mode]").forEach((select) => select.addEventListener("change", () => {
     state.taskGroupMode = select.value;
+    localStorage.setItem("harness.taskGroupMode", state.taskGroupMode);
     state.taskPageByGroup = {};
     state.taskGroupPage = 1;
     app();
@@ -51,7 +66,7 @@ function bind() {
   }));
   document.querySelectorAll("[data-preset-search]").forEach((input) => input.addEventListener("input", () => {
     state.presetQuery = input.value;
-    app();
+    rerenderPreservingFieldFocus(input, "[data-preset-search]");
   }));
   document.querySelectorAll("[data-preset-source-filter]").forEach((button) => button.addEventListener("click", () => {
     state.presetSourceFilter = button.dataset.presetSourceFilter || "all";
@@ -114,6 +129,9 @@ function bind() {
   document.querySelectorAll("[data-review-queue-tab]").forEach((button) => button.addEventListener("click", () => {
     state.reviewQueueTab = button.dataset.reviewQueueTab || "review";
     state.reviewQueuePage = 1;
+    state.reviewBulkSelection = {};
+    state.reviewBulkResult = null;
+    state.lessonBulkResult = null;
     app();
   }));
   document.querySelectorAll("[data-review-reason-filter]").forEach((select) => select.addEventListener("change", () => {
@@ -126,6 +144,51 @@ function bind() {
     state.reviewQueuePage = 1;
     app();
   }));
+  document.querySelectorAll("[data-review-bulk-select]").forEach((input) => input.addEventListener("change", () => {
+    state.reviewBulkSelection = state.reviewBulkSelection || {};
+    state.reviewBulkSelection[input.dataset.reviewBulkSelect || ""] = input.checked;
+    state.reviewBulkResult = null;
+    app();
+  }));
+  document.querySelectorAll("[data-review-bulk-select-all]").forEach((input) => input.addEventListener("change", () => {
+    const activeTab = reviewQueueTabs().find((tab) => tab.id === state.reviewQueueTab) || reviewQueueTabs()[0];
+    const tasks = activeTab.id === "review" ? reviewFilteredTasks(reviewQueueBaseTasks(activeTab)).filter(taskCanBeHumanConfirmed) : [];
+    state.reviewBulkSelection = state.reviewBulkSelection || {};
+    tasks.forEach((task) => {
+      if (input.checked) state.reviewBulkSelection[task.id] = true;
+      else delete state.reviewBulkSelection[task.id];
+    });
+    state.reviewBulkResult = null;
+    app();
+  }));
+  document.querySelectorAll("[data-review-bulk-clear]").forEach((button) => button.addEventListener("click", () => {
+    state.reviewBulkSelection = {};
+    state.reviewBulkResult = null;
+    app();
+  }));
+  document.querySelectorAll("[data-review-bulk-confirm]").forEach((button) => button.addEventListener("click", () => confirmSelectedReviewsFromDashboard(button)));
+  document.querySelectorAll("[data-lesson-bulk-select]").forEach((input) => input.addEventListener("change", () => {
+    state.lessonBulkSelection = state.lessonBulkSelection || {};
+    state.lessonBulkSelection[input.dataset.lessonBulkSelect || ""] = input.checked;
+    state.lessonBulkResult = null;
+    app();
+  }));
+  document.querySelectorAll("[data-lesson-bulk-select-all]").forEach((input) => input.addEventListener("change", () => {
+    state.lessonBulkSelection = state.lessonBulkSelection || {};
+    lessonBulkActionableSelections().forEach((selection) => {
+      const key = lessonBulkSelectionKey(selection.taskId, selection.candidateId);
+      if (input.checked) state.lessonBulkSelection[key] = true;
+      else delete state.lessonBulkSelection[key];
+    });
+    state.lessonBulkResult = null;
+    app();
+  }));
+  document.querySelectorAll("[data-lesson-bulk-clear]").forEach((button) => button.addEventListener("click", () => {
+    state.lessonBulkSelection = {};
+    state.lessonBulkResult = null;
+    app();
+  }));
+  document.querySelectorAll("[data-lesson-bulk-create]").forEach((button) => button.addEventListener("click", () => createSelectedLessonSedimentationFromDashboard(button)));
   document.querySelectorAll("[data-page-kind]").forEach((button) => button.addEventListener("click", () => {
     const page = Math.max(1, Number(button.dataset.page) || 1);
     if (button.dataset.pageKind === "warning") state.warningPage = page;
@@ -166,6 +229,7 @@ function bind() {
     openLessonDrawer(lessonId);
   }));
   document.querySelectorAll("[data-review-complete]").forEach((button) => button.addEventListener("click", () => completeReviewFromDashboard(button.dataset.reviewComplete)));
+  document.querySelectorAll("[data-task-complete]").forEach((button) => button.addEventListener("click", () => completeTaskFromDashboard(button.dataset.taskComplete)));
   const overlay = document.getElementById("drawer-overlay");
   if (overlay) overlay.addEventListener("click", closeDrawer);
 }
@@ -240,6 +304,90 @@ async function completeReviewFromDashboard(taskId) {
   }
 }
 
+async function completeTaskFromDashboard(taskId) {
+  const result = document.querySelector(`[data-task-complete-result="${CSS.escape(taskId)}"]`);
+  if (result) result.textContent = t("taskCloseoutSubmitting");
+  try {
+    const response = await fetch("/api/tasks/task-complete", {
+      method: "POST",
+      headers: {
+        "content-type": "application/json",
+        "x-harness-csrf": state.runtime?.csrfToken || "",
+      },
+      body: JSON.stringify({
+        taskId,
+        message: "closed from dashboard workbench",
+        evidence: "dashboard:task-complete",
+      }),
+    });
+    const payload = await response.json();
+    if (!response.ok) throw new Error(payload.error || t("taskCloseoutFailed"));
+    if (result) result.textContent = t("taskCloseoutSuccess");
+    setTimeout(() => window.location.reload(), 500);
+  } catch (error) {
+    if (result) result.textContent = `${t("taskCloseoutFailed")}: ${error.message}`;
+  }
+}
+
+function dashboardActionErrorDetail(error, fallback) {
+  const direct = error?.error || error?.message;
+  if (direct) return direct;
+  const failedResults = Array.isArray(error?.results) ? error.results.filter((result) => result?.ok === false) : [];
+  if (failedResults.length > 0) {
+    const reasons = [];
+    for (const result of failedResults) {
+      const reason = result?.error || result?.message;
+      if (reason && !reasons.includes(reason)) reasons.push(reason);
+    }
+    if (reasons.length > 0) {
+      return formatMessage("bulkActionFailedWithReason", {
+        failed: error?.failed || failedResults.length,
+        reason: reasons.slice(0, 3).join("; "),
+      });
+    }
+    return formatMessage("bulkActionFailedSummary", { failed: error?.failed || failedResults.length });
+  }
+  return String(error || fallback);
+}
+
+async function confirmSelectedReviewsFromDashboard(button) {
+  const taskIds = reviewBulkSelectedIds();
+  if (!taskIds.length) {
+    state.reviewBulkResult = { ok: false, message: t("reviewBulkNone") };
+    app();
+    return;
+  }
+  button.disabled = true;
+  state.reviewBulkResult = { ok: true, message: t("reviewBulkSubmitting") };
+  app();
+  try {
+    const response = await fetch("/api/tasks/review-complete-bulk", {
+      method: "POST",
+      headers: {
+        "content-type": "application/json",
+        "x-harness-csrf": state.runtime?.csrfToken || "",
+      },
+      body: JSON.stringify({
+        taskIds,
+        reviewer: "Human Reviewer",
+        message: "bulk confirmed from dashboard workbench",
+      }),
+    });
+    const payload = await response.json();
+    if (!response.ok) throw payload;
+    state.reviewBulkSelection = {};
+    state.reviewBulkResult = {
+      ok: payload.failed === 0,
+      message: payload.failed ? formatMessage("reviewBulkPartial", { confirmed: payload.confirmed || 0, failed: payload.failed || 0 }) : formatMessage("reviewBulkSuccess", { confirmed: payload.confirmed || 0 }),
+    };
+    app();
+    if ((payload.confirmed || 0) > 0) setTimeout(() => window.location.reload(), 1500);
+  } catch (error) {
+    state.reviewBulkResult = { ok: false, message: `${t("reviewCompleteFailed")}: ${dashboardActionErrorDetail(error, t("reviewCompleteFailed"))}` };
+    app();
+  }
+}
+
 async function runPresetAction(action, body) {
   state.presetActionResult = { ok: true, title: t("presetActionRunning"), message: action };
   app();
@@ -338,6 +486,7 @@ function openDrawer(taskId) {
   bindRepairPromptButtons(drawer);
   bindLessonSedimentationButtons(drawer);
   drawer.querySelectorAll("[data-review-complete]").forEach((button) => button.addEventListener("click", () => completeReviewFromDashboard(button.dataset.reviewComplete)));
+  drawer.querySelectorAll("[data-task-complete]").forEach((button) => button.addEventListener("click", () => completeTaskFromDashboard(button.dataset.taskComplete)));
 }
 
 function bindCopyTaskNameButtons(root) {
@@ -456,6 +605,40 @@ async function createLessonSedimentationFromDashboard(button) {
   }
 }
 
+async function createSelectedLessonSedimentationFromDashboard(button) {
+  const selections = lessonBulkSelectedSelections();
+  if (!selections.length) {
+    state.lessonBulkResult = { ok: false, message: t("lessonBulkNone") };
+    app();
+    return;
+  }
+  button.disabled = true;
+  state.lessonBulkResult = { ok: true, message: t("lessonBulkSubmitting") };
+  app();
+  try {
+    const response = await fetch("/api/tasks/lesson-sedimentation-bulk", {
+      method: "POST",
+      headers: {
+        "content-type": "application/json",
+        "x-harness-csrf": state.runtime?.csrfToken || "",
+      },
+      body: JSON.stringify({ selections }),
+    });
+    const payload = await response.json();
+    if (!response.ok) throw payload;
+    state.lessonBulkSelection = {};
+    state.lessonBulkResult = {
+      ok: payload.failed === 0,
+      message: payload.failed ? formatMessage("lessonBulkPartial", { created: payload.created || 0, failed: payload.failed || 0 }) : formatMessage("lessonBulkSuccess", { candidates: payload.candidates || selections.length }),
+    };
+    app();
+    if ((payload.created || 0) > 0) setTimeout(() => window.location.reload(), 1500);
+  } catch (error) {
+    state.lessonBulkResult = { ok: false, message: `${t("lessonTaskCreateFailed")}: ${error?.error || error?.message || String(error)}` };
+    app();
+  }
+}
+
 function lessonSedimentationSuccess(payload) {
   const followUp = payload?.followUpTask || {};
   const prompt = payload?.prompt || "";