Upload patient.js

static/js/patient.js

@@ -34,6 +34,7 @@
   const openHistoryBtn = document.getElementById("open-history-btn");
   const historyBackBtn = document.getElementById("history-back-btn");
   const historyFullList = document.getElementById("history-full-list");
+  const historyEmptyText = document.getElementById("history-empty-text");
   const historySearchInput = document.getElementById("history-search");
   const chatThread = document.getElementById("chat-thread");
   const waitingCard = document.getElementById("waiting-card");
@@ -56,17 +57,7 @@
 
   function showStep(stepNumber) {
     document.querySelectorAll(".step").forEach(function (section) {
-      const isActive = section.dataset.step === String(stepNumber);
-      section.classList.toggle("active", isActive);
-      // Move focus to the first heading or focusable element in the
-      // newly shown step so keyboard users don't get stranded at
-      // wherever the trigger element was.
-      if (isActive) {
-        requestAnimationFrame(function () {
-          const target = section.querySelector("h2, h3, [tabindex='0'], button, a, input");
-          if (target) target.focus({ preventScroll: false });
-        });
-      }
+      section.classList.toggle("active", section.dataset.step === String(stepNumber));
     });
   }
 
@@ -420,8 +411,6 @@
 
   // Past messages for this session.
   let cachedHistoryItems = [];
-  let historyStatusFilter = "all"; // "all" | "waiting" | "answered"
-  let historyScrollY = 0;          // remembered scroll offset for Back navigation
 
   function buildHistoryRow(item, index) {
     const row = document.createElement("div");
@@ -433,14 +422,9 @@
     const badgeClass = answered ? "answered" : "waiting";
     const badgeLabel = answered ? "Answered" : "Waiting for reply";
     const timeLabel = window.formatRelativeTime ? window.formatRelativeTime(item.timestamp) : "";
-    // Descriptive aria-label so the row is announced meaningfully,
-    // e.g. "Answered, 2 hours ago: I have a fever..." rather than
-    // a string of badge text + visual metadata read in random order.
-    const ariaLabel = [badgeLabel, timeLabel, item.input_text].filter(Boolean).join(": ");
-    row.setAttribute("aria-label", ariaLabel);
     row.innerHTML =
       '<div class="result-label">#' + escapeHtml(item.id) +
-      ' <span class="status-badge ' + badgeClass + '" aria-hidden="true">' + badgeLabel + "</span>" +
+      ' <span class="status-badge ' + badgeClass + '">' + badgeLabel + "</span>" +
       ' <span class="timestamp">' + escapeHtml(timeLabel) + "</span></div>" +
       '<div class="result-text">' + escapeHtml(item.input_text) + "</div>";
     row.addEventListener("click", function () {
@@ -481,62 +465,34 @@
       cachedHistoryItems = [];
     }
 
-    // If the full history view is currently visible (step === "history"),
-    // re-render it in place so status badges update immediately when a
-    // reply arrives via polling, without requiring the patient to close
-    // and reopen the view.
-    const historyStep = document.querySelector(".step[data-step='history']");
-    if (historyStep && historyStep.classList.contains("active")) {
-      renderFullHistoryList(historySearchInput.value);
-    } else {
-      renderFullHistoryList(historySearchInput.value);
-    }
+    renderFullHistoryList(historySearchInput.value);
   }
 
   // Dedicated history view: renders from the cache above (instant), so
   // opening it never flashes empty while a fresh fetch is in flight.
-  // Applies both the active status filter and the text search query.
   function renderFullHistoryList(filterText) {
     const query = (filterText || "").trim().toLowerCase();
-
-    let filtered = cachedHistoryItems;
-
-    if (historyStatusFilter === "waiting") {
-      filtered = filtered.filter(function (item) { return !item.translated_response; });
-    } else if (historyStatusFilter === "answered") {
-      filtered = filtered.filter(function (item) { return Boolean(item.translated_response); });
-    }
-
-    if (query) {
-      filtered = filtered.filter(function (item) {
-        return (item.input_text || "").toLowerCase().indexOf(query) !== -1;
-      });
-    }
+    const filtered = query
+      ? cachedHistoryItems.filter(function (item) {
+          return (item.input_text || "").toLowerCase().indexOf(query) !== -1;
+        })
+      : cachedHistoryItems;
 
     historyFullList.innerHTML = "";
-    const emptyState = document.getElementById("history-empty-state");
-    const emptyTitle = document.getElementById("history-empty-title");
-    const emptyBody = document.getElementById("history-empty-body");
 
     if (!cachedHistoryItems.length) {
-      emptyTitle.textContent = "No messages yet";
-      emptyBody.textContent = "Your consultations will appear here once you've sent one.";
-      emptyState.style.display = "block";
+      historyEmptyText.textContent = "You haven't sent any messages yet.";
+      historyEmptyText.style.display = "block";
       return;
     }
 
     if (!filtered.length) {
-      emptyTitle.textContent = query ? "No matches" : "Nothing here";
-      emptyBody.textContent = query
-        ? "No messages match that search."
-        : historyStatusFilter === "waiting"
-          ? "No consultations are still waiting for a reply."
-          : "No answered consultations yet.";
-      emptyState.style.display = "block";
+      historyEmptyText.textContent = "No messages match your search.";
+      historyEmptyText.style.display = "block";
       return;
     }
 
-    emptyState.style.display = "none";
+    historyEmptyText.style.display = "none";
     filtered.forEach(function (item, index) {
       historyFullList.appendChild(buildHistoryRow(item, index));
     });
@@ -590,17 +546,11 @@
 
   openHistoryBtn.addEventListener("click", function () {
     clearBanner();
-    historySearchInput.value = "";
     showStep("history");
     loadHistory();
-    // Restore scroll position from the last visit to this view
-    requestAnimationFrame(function () {
-      window.scrollTo(0, historyScrollY);
-    });
   });
 
   historyBackBtn.addEventListener("click", function () {
-    historyScrollY = window.scrollY;
     showStep(1);
   });
 
@@ -608,23 +558,6 @@
     renderFullHistoryList(historySearchInput.value);
   });
 
-  // Status filter chips — set initial aria-pressed state
-  document.querySelectorAll("#history-filter-chips .filter-chip").forEach(function (c) {
-    c.setAttribute("aria-pressed", c.classList.contains("active") ? "true" : "false");
-  });
-
-  document.getElementById("history-filter-chips").addEventListener("click", function (event) {
-    const chip = event.target.closest(".filter-chip");
-    if (!chip) return;
-    historyStatusFilter = chip.dataset.filter;
-    document.querySelectorAll("#history-filter-chips .filter-chip").forEach(function (c) {
-      const active = c === chip;
-      c.classList.toggle("active", active);
-      c.setAttribute("aria-pressed", active ? "true" : "false");
-    });
-    renderFullHistoryList(historySearchInput.value);
-  });
-
   // Start a new conversation: ends the current session server-side and
   // resets the page back to language selection.
   newConversationBtn.addEventListener("click", async function () {
@@ -639,6 +572,7 @@
     selectedLanguage = null;
     recordedBlob = null;
     currentInteractionId = null;
+    cachedHistoryItems = [];
     document.getElementById("patient-text").value = "";
     document.getElementById("response-card").style.display = "none";
     waitingCard.style.display = "block";
@@ -648,6 +582,7 @@
     transcribingPanel.style.display = "none";
     listeningPanel.style.display = "none";
     inputPanel.style.display = "block";
+    historyCard.style.display = "none";
     setSubmitLabel("Send to provider");
     languageGrid.querySelectorAll(".language-option").forEach(function (el) {
       el.setAttribute("aria-pressed", "false");
@@ -655,7 +590,9 @@
     toStep2Btn.disabled = true;
     clearBanner();
     showStep(1);
-    loadHistory();
+    // Do not call loadHistory() here. end-session clears the server-side
+    // session so a /history fetch immediately after always returns empty.
+    // History reloads naturally after the next message is submitted.
     showToast("New conversation started");
   });