@bobfrankston/rmfmail 1.1.83 → 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/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

@@ -108,3 +108,11 @@ 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.83",
+  "version": "1.1.84",
   "description": "Local-first email client with IMAP sync and standalone native app",
   "type": "module",
   "main": "bin/mailx.js",