@bobfrankston/rmfmail 1.2.296 → 1.2.297

package/client/app.js

@@ -2217,7 +2217,7 @@ document.getElementById("btn-flag")?.addEventListener("click", async () => {
     try {
         await updateFlags(sel.accountId, sel.uid, sel.flags, sel.folderId);
         messageState.updateMessageFlags(sel.accountId, sel.uid, sel.flags, sel.folderId);
-        // Row owns its own DOM \u2014 go through the row object so class + star
+        // Row owns its own DOM — go through the row object so class + star
         // update atomically and the list/preview stay in sync.
         setRowFlagged(sel.accountId, sel.uid, !wasFlagged, sel.folderId);
     }
@@ -5895,6 +5895,29 @@ function syncFilterFlaggedButton() {
     btn.classList.toggle("active", !!optFlagged?.checked);
     btn.setAttribute("aria-pressed", optFlagged?.checked ? "true" : "false");
 }
+/** Name the active list filter above the list, and make the name the way out
+ *  of it. The filter used to announce itself by tinting every row — which is
+ *  how the list says "selected", so a filtered list read as a selected one
+ *  (Bob 2026-08-29: "if I press * on search it shouldn't automatically select
+ *  those letters, just show them"). Names which filter, not "a filter is on". */
+function syncFilterChip() {
+    const chip = document.getElementById("ml-filter-chip");
+    if (!chip)
+        return;
+    const flagged = !!document.getElementById("opt-flagged")?.checked;
+    const priority = !!document.getElementById("opt-priority-only")?.checked;
+    const names = [flagged ? "flagged (★) messages" : "", priority ? "priority senders" : ""].filter(Boolean);
+    if (!names.length) {
+        chip.hidden = true;
+        return;
+    }
+    chip.hidden = false;
+    chip.textContent = "Showing " + names.join(" and ") + " only — click to show everything";
+    chip.title = "Clear the list filter";
+}
+document.getElementById("ml-filter-chip")?.addEventListener("click", () => {
+    document.dispatchEvent(new CustomEvent("mailx-clear-list-filters"));
+});
 function applyFlaggedFilter(on) {
     try {
         logClientEvent("applyFlaggedFilter", { on, caller: new Error().stack?.split("\n").slice(2, 5).join(" | ") });
@@ -5909,6 +5932,7 @@ function applyFlaggedFilter(on) {
         body?.classList.remove("flagged-only");
     localStorage.setItem("mailx-flagged", String(on));
     syncFilterFlaggedButton();
+    syncFilterChip();
     reloadCurrentFolder();
 }
 optFlagged?.addEventListener("change", () => {
@@ -5920,6 +5944,7 @@ document.getElementById("btn-filter-flagged")?.addEventListener("click", () => {
 // Initial paint of the button's pressed state (covers the localStorage-restored
 // value loaded earlier in this file).
 syncFilterFlaggedButton();
+syncFilterChip();
 // Priority-senders-only filter — same pattern as flagged-only. Adds
 // .priority-only to the list body; CSS hides any row without .priority.
 const optPriorityOnly = document.getElementById("opt-priority-only");
@@ -5935,6 +5960,7 @@ if (optPriorityOnly) {
         else
             body?.classList.remove("priority-only");
         localStorage.setItem("mailx-priority-only", String(optPriorityOnly.checked));
+        syncFilterChip();
     });
 }
 // "Show all messages" escape from a list that's empty only because a