@bobfrankston/rmfmail 1.2.100 → 1.2.101

package/client/app.ts

@@ -3900,6 +3900,7 @@ function openShortcutsDialog(): void {
 const viewBtn = document.getElementById("btn-view");
 const viewDropdown = document.getElementById("view-dropdown");
 const optTwoLine = document.getElementById("opt-two-line") as HTMLInputElement;
+const optEleanor = document.getElementById("opt-eleanor") as HTMLInputElement;
 const optPreview = document.getElementById("opt-preview") as HTMLInputElement;
 const optSnippet = document.getElementById("opt-snippet") as HTMLInputElement;
 const optFlagStars = document.getElementById("opt-flag-stars") as HTMLInputElement;
@@ -4065,6 +4066,7 @@ document.addEventListener("keydown", (e) => {
 
 // Restore saved view settings
 const savedTwoLine = localStorage.getItem("mailx-two-line") === "true";
+const savedEleanor = localStorage.getItem("mailx-eleanor-view") === "true";
 const savedPreview = localStorage.getItem("mailx-preview") !== "false"; // default true
 const savedSnippet = localStorage.getItem("mailx-snippet") !== "false"; // default true
 const savedFlagStars = localStorage.getItem("mailx-flag-stars") !== "false"; // default true (show)
@@ -4078,6 +4080,7 @@ const savedFlagged = false;
 try { localStorage.removeItem("mailx-flagged"); } catch { /* private mode */ }
 const savedFolderCounts = localStorage.getItem("mailx-folder-counts") === "true";
 if (optTwoLine) optTwoLine.checked = savedTwoLine;
+if (optEleanor) optEleanor.checked = savedEleanor;
 if (optPreview) optPreview.checked = savedPreview;
 if (optSnippet) optSnippet.checked = savedSnippet;
 if (optFlagStars) optFlagStars.checked = savedFlagStars;
@@ -4085,6 +4088,7 @@ if (optThreaded) optThreaded.checked = savedThreaded;
 if (optFlagged) optFlagged.checked = savedFlagged;
 if (optFolderCounts) optFolderCounts.checked = savedFolderCounts;
 if (savedTwoLine) document.getElementById("message-list")?.classList.add("two-line");
+if (savedEleanor) document.getElementById("message-list")?.classList.add("eleanor-view");
 if (!savedPreview) document.querySelector(".main-area")?.classList.add("no-preview");
 if (!savedSnippet) document.getElementById("message-list")?.classList.add("no-snippets");
 if (!savedFlagStars) document.getElementById("message-list")?.classList.add("no-empty-stars");
@@ -4282,6 +4286,35 @@ optTwoLine?.addEventListener("change", () => {
     localStorage.setItem("mailx-two-line", String(optTwoLine.checked));
 });
 
+// Eleanor view toggle — Thunderbird-classic one-line summary list
+// (★ | Subject | From | Date, whitespace, monochrome). Pure CSS class;
+// the row markup is unchanged. TODO.md: generalize into per-column view
+// control instead of a named preset.
+function applyEleanorView(on: boolean): void {
+    document.getElementById("message-list")?.classList.toggle("eleanor-view", on);
+    if (optEleanor) optEleanor.checked = on;
+    try { localStorage.setItem("mailx-eleanor-view", String(on)); } catch { /* private mode */ }
+}
+optEleanor?.addEventListener("change", () => {
+    applyEleanorView(optEleanor.checked);
+    // Mirror to preferences.jsonc (ui.eleanorView) so the choice follows the
+    // shared config across machines; localStorage stays the synchronous
+    // first-paint cache, same split as the editor setting.
+    getSettings().then((settings: any) => {
+        settings.ui = { ...settings.ui, eleanorView: optEleanor.checked };
+        saveSettings(settings);
+    }).catch(() => {});
+});
+// A ui.eleanorView value in preferences.jsonc wins over the local cache once
+// it arrives — so the view can be enabled by editing the shared config file
+// directly, without touching the View menu on that machine.
+getSettings().then((s: any) => {
+    const pref = s.ui?.eleanorView;
+    if (typeof pref === "boolean" && pref !== (localStorage.getItem("mailx-eleanor-view") === "true")) {
+        applyEleanorView(pref);
+    }
+}).catch(() => { /* offline boot — keep the localStorage value */ });
+
 // Preview pane toggle
 optPreview?.addEventListener("change", () => {
     const main = document.querySelector(".main-area");

package/client/index.html

@@ -717,6 +717,7 @@
                 <button class="tb-btn" id="btn-view">View</button>
                 <div class="tb-menu-dropdown" id="view-dropdown" hidden>
                     <label class="tb-menu-item" title="Stack From + Subject on two lines per row, date to the right — denser on narrow windows"><input type="checkbox" id="opt-two-line"> Two-line view</label>
+                    <label class="tb-menu-item" title="Thunderbird-classic summary list: one line per message — ★, Subject, From, Date — extra whitespace, no row tinting"><input type="checkbox" id="opt-eleanor"> Eleanor view</label>
                     <label class="tb-menu-item" title="Show the reading pane to the right of the message list"><input type="checkbox" id="opt-preview" checked> Preview pane</label>
                     <label class="tb-menu-item" title="Show a short body-text preview (first ~80 chars) beneath each row's subject"><input type="checkbox" id="opt-snippet" checked> Preview snippets</label>
                     <label class="tb-menu-item" title="Show the grey ☆ on every row. Uncheck to hide empty stars — flagged ★ rows keep their gold star, and a row's ☆ reappears on hover so you can still click to flag."><input type="checkbox" id="opt-flag-stars" checked> Flag stars</label>

package/client/styles/components.css

@@ -538,6 +538,56 @@ button.tb-menu-item { background: none; border: none; color: inherit; width: 100
     font-size: var(--font-size-sm);
 }
 
+/* ── Eleanor view ──────────────────────────────────────────────────────
+   Thunderbird-classic summary list: one line per message in table order
+   ★ | Subject | From | Date — no avatar, no snippet, no row tinting,
+   generous row padding. Named for its first user; TODO.md tracks
+   generalizing it into proper per-column view control.
+   :not(.two-line) — below 600px the ResizeObserver forces two-line,
+   which must keep winning there; a one-line table is unusable that
+   narrow anyway. The monochrome rules below apply in both cases. */
+.message-list.eleanor-view:not(.two-line) {
+    /* flag | subject | from | date */
+    grid-template-columns: 1.7em minmax(0, 1fr) minmax(140px, 220px) auto;
+    column-gap: var(--gap-md);
+}
+.message-list.eleanor-view:not(.two-line) .ml-row {
+    grid-template-rows: auto;
+    padding-top: 9px;
+    padding-bottom: 9px;
+    line-height: 1.5;
+}
+.message-list.eleanor-view:not(.two-line) .ml-avatar { display: none; }
+.message-list.eleanor-view:not(.two-line) .ml-flag { grid-column: 1; grid-row: 1; font-size: 1.15em; }
+.message-list.eleanor-view:not(.two-line) .ml-subject {
+    grid-column: 2; grid-row: 1;
+    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
+.message-list.eleanor-view:not(.two-line) .ml-from { grid-column: 3; grid-row: 1; }
+.message-list.eleanor-view:not(.two-line) .ml-date { grid-column: 4; grid-row: 1; padding-right: var(--gap-md); }
+/* Sortable header follows the remapped column order. */
+.message-list.eleanor-view:not(.two-line) .ml-col-avatar { display: none; }
+.message-list.eleanor-view:not(.two-line) .ml-col-flag { grid-column: 1; }
+.message-list.eleanor-view:not(.two-line) .ml-col-subject { grid-column: 2; grid-row: 1; }
+.message-list.eleanor-view:not(.two-line) .ml-col-from { grid-column: 3; grid-row: 1; }
+.message-list.eleanor-view:not(.two-line) .ml-col-date { grid-column: 4; grid-row: 1; }
+/* Single clean line: no body snippet after the subject. */
+.message-list.eleanor-view .ml-preview { display: none; }
+/* Monochrome: unread speaks through weight alone; flagged rows keep the
+   gold ★ glyph but lose the row wash; priority loses bar + tint. The
+   selected-row background stays — that's selection, not decoration. */
+.message-list.eleanor-view .ml-row.unread { color: var(--color-text); }
+.message-list.eleanor-view .ml-row.flagged:not(.selected) { background: transparent; }
+.message-list.eleanor-view .ml-row.priority:not(.selected) {
+    border-left: none;
+    padding-left: var(--gap-sm);
+    background: transparent;
+}
+.message-list.eleanor-view .ml-row.priority.unread .ml-from { color: inherit; }
+/* The teal downloaded / hollow not-downloaded dot before the date is
+   coloring too — off in this view. */
+.message-list.eleanor-view .ml-row .ml-date::before { display: none; }
+
 .ml-row.filter-hidden { display: none; }
 
 .ml-header {

package/docs/preferences.md

@@ -13,6 +13,7 @@
   "ui": {
     "theme": "system",            // "system" | "light" | "dark"
     "twoLine": false,             // two-line message-list rows
+    "eleanorView": false,         // one-line ★|Subject|From|Date list (Thunderbird-classic)
     "previewPane": true,
     "previewSnippets": true,
     "threaded": false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobfrankston/rmfmail",
-  "version": "1.2.100",
+  "version": "1.2.101",
   "description": "Local-first email client with IMAP sync and standalone native app",
   "type": "module",
   "main": "bin/mailx.js",
@@ -35,8 +35,8 @@
   "dependencies": {
     "@bobfrankston/iflow-direct": "^0.1.56",
     "@bobfrankston/mailx-host": "^0.1.13",
-    "@bobfrankston/mailx-imap": "^0.1.111",
-    "@bobfrankston/mailx-store-web": "^0.1.34",
+    "@bobfrankston/mailx-imap": "^0.1.112",
+    "@bobfrankston/mailx-store-web": "^0.1.35",
     "@bobfrankston/mailx-sync": "^0.1.27",
     "@bobfrankston/miscinfo": "^1.0.13",
     "@bobfrankston/msger": "^0.1.388",
@@ -113,8 +113,8 @@
     "dependencies": {
       "@bobfrankston/iflow-direct": "^0.1.56",
       "@bobfrankston/mailx-host": "^0.1.13",
-      "@bobfrankston/mailx-imap": "^0.1.111",
-      "@bobfrankston/mailx-store-web": "^0.1.34",
+      "@bobfrankston/mailx-imap": "^0.1.112",
+      "@bobfrankston/mailx-store-web": "^0.1.35",
       "@bobfrankston/mailx-sync": "^0.1.27",
       "@bobfrankston/miscinfo": "^1.0.13",
       "@bobfrankston/msger": "^0.1.388",

package/packages/mailx-settings/docs/preferences.md

@@ -13,6 +13,7 @@
   "ui": {
     "theme": "system",            // "system" | "light" | "dark"
     "twoLine": false,             // two-line message-list rows
+    "eleanorView": false,         // one-line ★|Subject|From|Date list (Thunderbird-classic)
     "previewPane": true,
     "previewSnippets": true,
     "threaded": false,