@bobfrankston/rmfmail 1.2.296 → 1.2.298

package/client/app.ts

@@ -2157,7 +2157,7 @@ document.getElementById("btn-flag")?.addEventListener("click", async () => {
     try {
         await updateFlags(sel.accountId, sel.uid, sel.flags, (sel as any).folderId);
         messageState.updateMessageFlags(sel.accountId, sel.uid, sel.flags, (sel as any).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 as any).folderId);
     } catch (e: unknown) {
@@ -5537,6 +5537,27 @@ function syncFilterFlaggedButton(): void {
     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(): void {
+    const chip = document.getElementById("ml-filter-chip");
+    if (!chip) return;
+    const flagged = !!(document.getElementById("opt-flagged") as HTMLInputElement | null)?.checked;
+    const priority = !!(document.getElementById("opt-priority-only") as HTMLInputElement | null)?.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: boolean): void {
     try { logClientEvent("applyFlaggedFilter", { on, caller: new Error().stack?.split("\n").slice(2, 5).join(" | ") }); } catch { /* */ }
     if (optFlagged) optFlagged.checked = on;
@@ -5545,6 +5566,7 @@ function applyFlaggedFilter(on: boolean): void {
     else body?.classList.remove("flagged-only");
     localStorage.setItem("mailx-flagged", String(on));
     syncFilterFlaggedButton();
+    syncFilterChip();
     reloadCurrentFolder();
 }
 
@@ -5559,6 +5581,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.
@@ -5572,6 +5595,7 @@ if (optPriorityOnly) {
         if (optPriorityOnly.checked) body?.classList.add("priority-only");
         else body?.classList.remove("priority-only");
         localStorage.setItem("mailx-priority-only", String(optPriorityOnly.checked));
+        syncFilterChip();
     });
 }