@bobfrankston/rmfmail 1.1.82 → 1.1.84

package/client/app.ts

@@ -1393,11 +1393,24 @@ document.getElementById("btn-tb-delete")?.addEventListener("click", deleteSelect
 document.getElementById("btn-tb-spam")?.addEventListener("click", spamSelectedMessages);
 
 // ── Flag toggle ──
+/** Sync the toolbar Flag button (glyph + gold colour) to the viewed
+ *  message's flagged state, so it mirrors the message-list row star. */
+function updateFlagButton(): void {
+    const btn = document.getElementById("btn-flag");
+    if (!btn) return;
+    const sel = getCurrentFocused();
+    const yes = !!sel && flaggedOf(sel);
+    btn.classList.toggle("flagged", yes);
+    btn.textContent = yes ? "\u2605" : "\u2606";
+}
+document.addEventListener("mailx-message-shown", updateFlagButton);
+
 document.getElementById("btn-flag")?.addEventListener("click", async () => {
     const sel = getCurrentFocused();
     if (!sel) return;
     const wasFlagged = flaggedOf(sel);
     setFlagged(sel, !wasFlagged);
+    updateFlagButton();
     try {
         await updateFlags(sel.accountId, sel.uid, sel.flags);
         messageState.updateMessageFlags(sel.accountId, sel.uid, sel.flags);
@@ -1407,6 +1420,7 @@ document.getElementById("btn-flag")?.addEventListener("click", async () => {
     } catch (e: unknown) {
         // Revert local state on failure so visual + data stay consistent.
         setFlagged(sel, wasFlagged);
+        updateFlagButton();
         console.error(`Flag toggle failed: ${(e as Error).message}`);
     }
 });

package/client/index.html

@@ -864,7 +864,7 @@
                     <button class="tb-btn" id="btn-delete" title="Delete (Del)">🗑</button>
                     <button class="tb-btn" id="btn-spam" title="Mark as spam — move to configured spam folder" hidden>⚠</button>
                     <button class="tb-btn" id="btn-spam-report" title="Report as spam (append to ~/.rmfmail/spam.csv for later analysis)">🚫</button>
-                    <button class="tb-btn" id="btn-flag" title="Flag">⚑</button>
+                    <button class="tb-btn" id="btn-flag" title="Flag">★</button>
                     <button class="tb-btn" id="btn-mark-unread" title="Mark unread (R)">◉</button>
                     <button class="tb-btn" id="mv-view-thread" title="View thread (conversation)" hidden>💬</button>
                     <span style="flex:1"></span>

package/client/styles/components.css

@@ -78,6 +78,9 @@
 .tb-icon { font-size: 1.1em; }
 .tb-btn.syncing .tb-icon { animation: spin 1s linear infinite; }
 @keyframes spin { to { transform: rotate(360deg); } }
+/* Viewer Flag button tracks the viewed message's flagged state — same
+   gold as the message-list row star (.ml-row.flagged .ml-flag). */
+#btn-flag.flagged { color: oklch(0.70 0.18 60); }
 .app-version { font-size: var(--font-size-sm); color: var(--color-text); opacity: 0.7; }
 
 .tb-menu { position: relative; display: inline-block; }

package/npmchanges.md

@@ -96,3 +96,23 @@ actually opened in Acrobat:
    stopped. Replaced with a non-blocking banner via a mailx-alert
    CustomEvent handled by app.ts showAlert().
 
+## v1.1.82 — 2026-05-18
+
+UX: larger viewer action icons + bigger, bolder flag star
+
+Message-viewer toolbar glyphs (reply / reply-all / forward / delete /
+flag / mark-unread) bumped to 1.4rem with more padding for an easier
+target; the "← Inbox" text label stays normal-sized.
+
+Message-list flag star enlarged from 0.9em to 1.45em, vertically
+centered, with a gold hover preview and a stronger solid-gold colour
+when flagged. Flag grid column widened 1.2em -> 1.7em to fit it.
+
+## v1.1.83 — 2026-05-18
+
+Viewer flag button: use a star glyph, matching the list star
+
+The toolbar Flag button showed a ⚑ while the message-list row uses
+★/☆ for the same flag state. Changed the toolbar glyph to ★ so the
+two are visibly the same action.
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobfrankston/rmfmail",
-  "version": "1.1.82",
+  "version": "1.1.84",
   "description": "Local-first email client with IMAP sync and standalone native app",
   "type": "module",
   "main": "bin/mailx.js",
@@ -45,7 +45,7 @@
     "@bobfrankston/miscinfo": "^1.0.12",
     "@bobfrankston/msger": "^0.1.381",
     "@bobfrankston/node-tcp-transport": "^0.1.8",
-    "@bobfrankston/oauthsupport": "^1.0.26",
+    "@bobfrankston/oauthsupport": "^1.0.27",
     "@bobfrankston/rmf-tiny": "^0.1.11",
     "@bobfrankston/smtp-direct": "^0.1.8",
     "@bobfrankston/tcp-transport": "^0.1.6",
@@ -125,7 +125,7 @@
       "@bobfrankston/miscinfo": "^1.0.12",
       "@bobfrankston/msger": "^0.1.381",
       "@bobfrankston/node-tcp-transport": "^0.1.8",
-      "@bobfrankston/oauthsupport": "^1.0.26",
+      "@bobfrankston/oauthsupport": "^1.0.27",
       "@bobfrankston/rmf-tiny": "^0.1.11",
       "@bobfrankston/smtp-direct": "^0.1.8",
       "@bobfrankston/tcp-transport": "^0.1.6",