@bobfrankston/rmfmail 1.1.98 → 1.1.101

package/client/app.bundle.js

@@ -2612,6 +2612,31 @@ function senderColor(seed) {
   const hue = Math.abs(h) % 12 * 30 + 15;
   return `oklch(0.62 0.14 ${hue})`;
 }
+function renderStatusIcons(host, msg) {
+  host.textContent = "";
+  if (msg.hasAttachments) {
+    const a = document.createElement("span");
+    a.className = "ml-icon ml-icon-attach";
+    a.textContent = "\u{1F4CE}";
+    a.title = "Has attachments";
+    host.appendChild(a);
+  }
+  const flags = msg.flags || [];
+  if (msg.isReplied || flags.includes("\\Answered")) {
+    const r = document.createElement("span");
+    r.className = "ml-icon ml-icon-replied";
+    r.textContent = "\u21A9";
+    r.title = "Replied";
+    host.appendChild(r);
+  }
+  if (flags.includes("$Forwarded")) {
+    const f = document.createElement("span");
+    f.className = "ml-icon ml-icon-forwarded";
+    f.textContent = "\u21AA";
+    f.title = "Forwarded";
+    host.appendChild(f);
+  }
+}
 function exitMultiSelect() {
   const body = document.getElementById("ml-body");
   if (!body?.classList.contains("multi-select-on"))
@@ -2633,6 +2658,8 @@ function selectRange(from, to) {
     return;
   const lo = Math.min(fromIdx, toIdx);
   const hi = Math.max(fromIdx, toIdx);
+  if (hi > lo)
+    body.classList.add("multi-select-on");
   for (let i = lo; i <= hi; i++)
     rows[i].classList.add("selected");
 }
@@ -3322,7 +3349,14 @@ var init_message_list = __esm({
         }
         const date = document.createElement("span");
         date.className = "ml-date";
-        date.textContent = formatDate(msg.date);
+        const icons = document.createElement("span");
+        icons.className = "ml-status-icons";
+        renderStatusIcons(icons, msg);
+        const dateText = document.createElement("span");
+        dateText.className = "ml-date-text";
+        dateText.textContent = formatDate(msg.date);
+        date.appendChild(icons);
+        date.appendChild(dateText);
         row.appendChild(avatar);
         row.appendChild(flag);
         row.appendChild(from);
@@ -3369,10 +3403,19 @@ var init_message_list = __esm({
        *  rather than waiting for the next IMAP APPEND + sync round-trip. */
       setDate(epochMs) {
         this.msg.date = epochMs;
-        const el = this.el.querySelector(".ml-date");
+        const el = this.el.querySelector(".ml-date-text");
         if (el)
           el.textContent = formatDate(epochMs);
       }
+      /** Re-render the attachment / replied / forwarded glyphs in the date
+       *  cell. Called when a flag-change event (Answered, $Forwarded) lands
+       *  for this row so the icon strip reflects current state without a
+       *  full row rebuild. */
+      refreshStatusIcons() {
+        const icons = this.el.querySelector(".ml-status-icons");
+        if (icons)
+          renderStatusIcons(icons, this.msg);
+      }
       // Visual-state accessors for flag toggles. Read the *visual* state
       // (CSS class), not `this.msg.flags`, because the flag array can lag
       // the rendered class — auto-mark-as-read removes the `unread` class