@bobfrankston/mailx 1.0.12 → 1.0.13

package/client/lib/mailxapi.js

@@ -0,0 +1,123 @@
+/**
+ * mailxapi — IPC bridge injected into WebView by the Rust launcher.
+ * Follows the msgapi pattern: callNode → Promise → _mailxapiResolve/Reject.
+ *
+ * When running in a browser (no IPC), this file is not loaded.
+ * api-client.ts auto-detects and falls back to HTTP fetch.
+ */
+
+(function() {
+    "use strict";
+
+    var _callbacks = {};
+    var _callbackId = 0;
+    var _eventHandlers = [];
+
+    function callNode(action, params) {
+        var id = String(++_callbackId);
+        return new Promise(function(resolve, reject) {
+            var timer = setTimeout(function() {
+                delete _callbacks[id];
+                reject(new Error("mailxapi timeout: " + action));
+            }, 30000);
+            _callbacks[id] = { resolve: resolve, reject: reject, timer: timer };
+            var msg = Object.assign({ _action: action, _cbid: id }, params || {});
+            if (window.ipc && window.ipc.postMessage) {
+                window.ipc.postMessage(JSON.stringify(msg));
+            } else {
+                // Fallback: should not happen in WebView
+                clearTimeout(timer);
+                delete _callbacks[id];
+                reject(new Error("No IPC channel available"));
+            }
+        });
+    }
+
+    // Called by Rust to resolve promises
+    window._mailxapiResolve = function(id, value) {
+        var cb = _callbacks[id];
+        if (!cb) return;
+        delete _callbacks[id];
+        clearTimeout(cb.timer);
+        cb.resolve(value);
+    };
+
+    // Called by Rust to reject promises
+    window._mailxapiReject = function(id, error) {
+        var cb = _callbacks[id];
+        if (!cb) return;
+        delete _callbacks[id];
+        clearTimeout(cb.timer);
+        cb.reject(new Error(error));
+    };
+
+    // Called by Rust to push events (new mail, sync progress, etc.)
+    window._mailxapiEvent = function(event) {
+        for (var i = 0; i < _eventHandlers.length; i++) {
+            try { _eventHandlers[i](event); } catch(e) { /* ignore */ }
+        }
+    };
+
+    window.mailxapi = {
+        isApp: true,
+        platform: "webview2",
+
+        // Accounts
+        getAccounts: function() { return callNode("getAccounts"); },
+        getFolders: function(accountId) { return callNode("getFolders", { accountId: accountId }); },
+
+        // Messages
+        getMessages: function(accountId, folderId, page, pageSize) {
+            return callNode("getMessages", { accountId: accountId, folderId: folderId, page: page, pageSize: pageSize });
+        },
+        getUnifiedInbox: function(page, pageSize) {
+            return callNode("getUnifiedInbox", { page: page, pageSize: pageSize });
+        },
+        getMessage: function(accountId, uid, allowRemote) {
+            return callNode("getMessage", { accountId: accountId, uid: uid, allowRemote: allowRemote });
+        },
+
+        // Actions
+        updateFlags: function(accountId, uid, flags) {
+            return callNode("updateFlags", { accountId: accountId, uid: uid, flags: flags });
+        },
+        deleteMessage: function(accountId, uid) {
+            return callNode("deleteMessage", { accountId: accountId, uid: uid });
+        },
+        undeleteMessage: function(accountId, uid, folderId) {
+            return callNode("undeleteMessage", { accountId: accountId, uid: uid, folderId: folderId });
+        },
+
+        // Compose
+        sendMessage: function(msg) { return callNode("sendMessage", msg); },
+        saveDraft: function(params) { return callNode("saveDraft", params); },
+        deleteDraft: function(accountId, draftUid) {
+            return callNode("deleteDraft", { accountId: accountId, draftUid: draftUid });
+        },
+
+        // Search
+        searchMessages: function(query, page, pageSize) {
+            return callNode("searchMessages", { query: query, page: page, pageSize: pageSize });
+        },
+        searchContacts: function(query) {
+            return callNode("searchContacts", { query: query });
+        },
+
+        // Sync
+        syncAll: function() { return callNode("syncAll"); },
+        getSyncPending: function() { return callNode("getSyncPending"); },
+
+        // Settings
+        allowRemoteContent: function(type, value) {
+            return callNode("allowRemoteContent", { type: type, value: value });
+        },
+        getSettings: function() { return callNode("getSettings"); },
+        saveSettings: function(data) { return callNode("saveSettingsData", data); },
+        getVersion: function() { return callNode("getVersion"); },
+
+        // Events
+        onEvent: function(handler) { _eventHandlers.push(handler); },
+    };
+
+    window.dispatchEvent(new CustomEvent("mailxapiready"));
+})();

package/client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobfrankston/mailx-client",
-  "version": "1.0.1",
+  "version": "1.0.7",
   "private": true,
   "type": "module",
   "dependencies": {

package/client/styles/components.css

@@ -7,7 +7,7 @@
     align-items: center;
     justify-content: space-between;
     padding: 0 var(--gap-sm);
-    background: oklch(0.82 0.06 240); /* DEBUG: light blue toolbar */
+    background: var(--color-brand);
     border-bottom: 1px solid var(--color-border);
     gap: var(--gap-sm);
 
@@ -26,9 +26,9 @@
     border: none;
     border-radius: var(--radius-sm);
     background: transparent;
-    color: var(--color-text);
+    color: var(--color-brand-dark);
     font-size: var(--font-size-sm);
-    font-weight: 600;
+    font-weight: 700;
     cursor: pointer;
     white-space: nowrap;
 
@@ -99,9 +99,9 @@
     align-items: center;
     gap: var(--gap-xs);
     padding: var(--gap-xs) var(--gap-sm);
-    font-weight: 600;
-    font-size: var(--font-size-sm);
-    color: var(--color-text-muted);
+    font-weight: 700;
+    font-size: var(--font-size-base);
+    color: var(--color-brand-dark);
     text-transform: uppercase;
     letter-spacing: 0.05em;
     cursor: pointer;
@@ -130,7 +130,8 @@
     padding: var(--gap-xs) var(--gap-sm) var(--gap-xs) var(--gap-lg);
     cursor: pointer;
     font-size: var(--font-size-base);
-    color: var(--color-text);
+    font-weight: 600;
+    color: var(--color-brand-dark);
     border-radius: 0;
 
     &:hover { background: var(--color-bg-hover); }
@@ -150,18 +151,57 @@
     text-align: center;
 }
 
+.ft-badge-outbox {
+    background: oklch(0.55 0.18 25);
+}
+
+.ft-filter {
+    padding: 2px var(--gap-xs);
+    border-bottom: 1px solid var(--color-border);
+    background: var(--color-bg-surface);
+    flex-shrink: 0;
+}
+
+.ft-filter input {
+    width: 100%;
+    padding: 2px var(--gap-sm);
+    border: 1px solid var(--color-border);
+    border-radius: var(--radius-sm);
+    background: var(--color-bg);
+    color: var(--color-text);
+    font-size: var(--font-size-sm);
+    outline: none;
+}
+
+.ft-filter input:focus { border-color: var(--color-accent); }
+
+.ft-folder.ft-filter-hidden,
+.ft-account.ft-filter-hidden,
+.ft-account-header.ft-filter-hidden { display: none; }
+
 .folder-loading {
     padding: var(--gap-lg);
     color: var(--color-text-muted);
     font-size: var(--font-size-sm);
 }
 
+.ft-folder.drop-target {
+    background: var(--color-accent);
+    color: white;
+    outline: 2px solid var(--color-brand-dark);
+    outline-offset: -2px;
+}
+
+.ml-row.dragging {
+    opacity: 0.5;
+}
+
 /* ── Message List ── */
 
 .message-list {
     display: grid;
     grid-template-columns: 1.2em minmax(120px, 200px) auto 1fr;
-    grid-template-rows: auto 1fr;
+    grid-template-rows: auto auto 1fr;
     column-gap: var(--gap-sm);
     overflow: hidden;
     border-right: 1px solid var(--color-border);
@@ -187,6 +227,30 @@
     font-size: var(--font-size-sm);
 }
 
+.ml-filter {
+    grid-column: 1 / -1;
+    padding: 2px var(--gap-xs);
+    border-bottom: 1px solid var(--color-border);
+    background: var(--color-bg-surface);
+}
+
+.ml-filter input {
+    width: 100%;
+    padding: 2px var(--gap-sm);
+    border: 1px solid var(--color-border);
+    border-radius: var(--radius-sm);
+    background: var(--color-bg);
+    color: var(--color-text);
+    font-size: var(--font-size-sm);
+    outline: none;
+}
+
+.ml-filter input:focus {
+    border-color: var(--color-accent);
+}
+
+.ml-row.filter-hidden { display: none; }
+
 .ml-header {
     display: grid;
     grid-template-columns: subgrid;
@@ -195,8 +259,8 @@
     border-bottom: 1px solid var(--color-border);
     background: var(--color-bg-toolbar);
     font-size: var(--font-size-sm);
-    font-weight: 600;
-    color: var(--color-text-muted);
+    font-weight: 700;
+    color: var(--color-brand-dark);
     user-select: none;
 
     .ml-col { cursor: pointer; &:hover { color: var(--color-text); } }
@@ -219,10 +283,11 @@
     border-bottom: 1px solid color-mix(in oklch, var(--color-border) 50%, transparent);
     cursor: pointer;
     font-size: var(--font-size-base);
+    color: var(--color-text);
     align-items: baseline;
 
     &:hover { background: var(--color-bg-hover); }
-    &.selected { background: var(--color-bg-selected); color: var(--color-unread); }
+    &.selected { background: var(--color-brand); color: var(--color-brand-dark); font-weight: 600; }
     &.unread {
         font-weight: 600;
         color: var(--color-unread);
@@ -282,21 +347,91 @@
     font-size: var(--font-size-sm);
     line-height: 1.5;
 
+    .mv-header-top { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--gap-sm); }
+    .mv-header-info { flex: 1; min-width: 0; }
+    .mv-header-actions { display: flex; align-items: center; gap: var(--gap-xs); flex-shrink: 0; }
     .mv-from { font-weight: 600; }
     .mv-to { color: var(--color-text-muted); }
     .mv-subject { font-size: var(--font-size-lg); font-weight: 600; margin-top: var(--gap-xs); }
     .mv-date { color: var(--color-text-muted); font-size: var(--font-size-sm); }
+    .mv-unsubscribe {
+        font-size: var(--font-size-sm);
+        color: var(--color-danger);
+        cursor: pointer;
+        text-decoration: underline;
+        white-space: nowrap;
+    }
+    .mv-action {
+        font-size: var(--font-size-sm);
+        padding: 2px 6px;
+        border: 1px solid var(--color-border);
+        border-radius: var(--radius-sm);
+        background: transparent;
+        color: var(--color-text-muted);
+        cursor: pointer;
+        white-space: nowrap;
+    }
+    .mv-action:hover { background: var(--color-bg-hover); color: var(--color-text); }
+    .mv-action-primary {
+        background: var(--color-brand-dark) !important;
+        color: white !important;
+        border-color: var(--color-brand-dark) !important;
+    }
+    .mv-action-primary:hover { opacity: 0.85; }
 }
 
 .mv-remote-banner {
+    background: oklch(0.45 0.12 60);
+    color: white;
+    font-size: var(--font-size-sm);
+    font-weight: 600;
+}
+
+.mv-rb-summary {
     display: flex;
     align-items: center;
     gap: var(--gap-sm);
     padding: var(--gap-xs) var(--gap-md);
-    background: oklch(0.45 0.12 60);
-    color: white;
-    font-size: var(--font-size-sm);
+    cursor: pointer;
+    flex-wrap: wrap;
+}
+
+.mv-rb-toggle {
+    font-size: 0.8em;
+    width: 1em;
+    display: inline-block;
+    flex-shrink: 0;
+}
+
+.mv-rb-buttons {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--gap-xs);
+    margin-left: auto;
+}
+
+.mv-rb-details {
+    padding: var(--gap-xs) var(--gap-md) var(--gap-sm);
+    border-top: 1px solid rgba(255,255,255,0.2);
+}
+
+.mv-rb-info {
+    font-weight: 400;
+    line-height: 1.6;
+    margin-bottom: var(--gap-sm);
+}
+
+.mv-rb-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--gap-xs);
+}
+
+.mv-rb-label {
+    color: rgba(255,255,255,0.7);
     font-weight: 600;
+    display: inline-block;
+    min-width: 6em;
 }
 
 .mv-remote-banner button {
@@ -307,6 +442,7 @@
     color: white;
     font-size: var(--font-size-sm);
     cursor: pointer;
+    font-weight: 600;
 }
 
 .mv-remote-banner button:hover {
@@ -315,7 +451,7 @@
 
 .mv-body {
     flex: 1;
-    overflow-y: auto;
+    overflow: hidden;
     background: var(--color-bg-surface);
 
     iframe {
@@ -359,3 +495,40 @@
     font-size: var(--font-size-sm);
     color: var(--color-text-muted);
 }
+
+/* ── Startup Overlay ── */
+
+.startup-overlay {
+    position: fixed;
+    inset: var(--toolbar-height) 0 var(--statusbar-height) 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: var(--color-bg);
+    z-index: 100;
+    transition: opacity 0.3s ease;
+}
+
+.startup-overlay.hidden {
+    opacity: 0;
+    pointer-events: none;
+}
+
+.startup-content {
+    text-align: center;
+    color: var(--color-text);
+}
+
+.startup-spinner {
+    width: 32px;
+    height: 32px;
+    margin: 0 auto var(--gap-md);
+    border: 3px solid var(--color-border);
+    border-top-color: var(--color-brand-dark);
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+}
+
+#startup-status {
+    font-size: var(--font-size-lg);
+}

package/client/styles/layout.css

@@ -24,7 +24,8 @@ body {
 }
 
 .toolbar { grid-area: toolbar; }
-.folder-tree { grid-area: folders; }
+.folder-panel { grid-area: folders; display: flex; flex-direction: column; overflow: hidden; }
+.folder-tree { flex: 1; overflow-y: auto; }
 .main-area { grid-area: main; }
 .status-bar { grid-area: status; }
 

package/killmail.cmd

@@ -0,0 +1,6 @@
+@echo off
+REM Kill mailx server (port 9333) and launcher window
+REM Safe: only kills mailx processes, never all node.exe
+
+taskkill /F /IM mailx-app.exe >nul 2>&1 && echo Killed mailx-app.exe || echo mailx-app.exe not running
+killport 9333

package/launch.ps1

@@ -1,20 +1,62 @@
 # Launch mailx email client
 #
-# Usage: launch.ps1 [-dev] [-prod] [-restart]
+# Usage: launch.ps1 [-dev] [-prod] [-restart] [-clear]
 #   -dev      (default) Start server with --watch for auto-restart on file changes
 #   -prod     Start server without --watch
 #   -restart  Kill existing server on port 9333 before starting
+#   -clear    Clear WebView2 cache before launching (fixes blank window issues)
 #
 # The launcher starts the Node server (if not running) and opens a WebView2 window.
 # Server: http://localhost:9333
 # Log: mailx.log
 # Data: ~/.mailx/ (DB, store, settings pointer)
 
-# Try pre-built binary first, then dev build
-$exe = "$PSScriptRoot\launcher\bin\mailx-app.exe"
-if (-not (Test-Path $exe)) {
-    $exe = "$PSScriptRoot\launcher\target\debug\mailx-app.exe"
+# Clear WebView2 cache if requested
+if ("-clear" -in $args) {
+    $wv2dir = "$PSScriptRoot\launcher\bin\mailx-app.exe.WebView2"
+    if (Test-Path $wv2dir) {
+        Write-Host "Clearing WebView2 cache..."
+        Remove-Item -Recurse -Force $wv2dir
+    }
+    # Remove -clear from args passed to exe
+    $args = $args | Where-Object { $_ -ne "-clear" }
+}
+
+# Check if mailx-app is already running
+$existing = Get-Process -Name "mailx-app" -ErrorAction SilentlyContinue
+if ($existing -and ("-restart" -notin $args)) {
+    Write-Host "mailx is already running (PID $($existing.Id)). Use -restart to force."
+    # Try to bring the existing window to front
+    Add-Type @"
+    using System;
+    using System.Runtime.InteropServices;
+    public class Win32 {
+        [DllImport("user32.dll")] public static extern bool SetForegroundWindow(IntPtr hWnd);
+        [DllImport("user32.dll")] public static extern bool ShowWindow(IntPtr hWnd, int nCmdShow);
+    }
+"@
+    $hwnd = $existing.MainWindowHandle
+    if ($hwnd -ne [IntPtr]::Zero) {
+        [Win32]::ShowWindow($hwnd, 9) | Out-Null  # SW_RESTORE
+        [Win32]::SetForegroundWindow($hwnd) | Out-Null
+    }
+    exit 0
 }
+
+# Copy latest release build to bin/ if newer
+$release = "$PSScriptRoot\launcher\target\release\mailx-app.exe"
+$bin = "$PSScriptRoot\launcher\bin\mailx-app.exe"
+if ((Test-Path $release) -and (Test-Path $bin)) {
+    if ((Get-Item $release).LastWriteTime -gt (Get-Item $bin).LastWriteTime) {
+        Write-Host "Updating launcher binary..."
+        Copy-Item $release $bin -Force -ErrorAction SilentlyContinue
+    }
+}
+
+# Try pre-built binary first, then release, then debug
+$exe = $bin
+if (-not (Test-Path $exe)) { $exe = $release }
+if (-not (Test-Path $exe)) { $exe = "$PSScriptRoot\launcher\target\debug\mailx-app.exe" }
 if (-not (Test-Path $exe)) {
     Write-Host "Launcher not found. Run: launcher\build.cmd"
     exit 1

package/launcher/bin/mailx-app.exe.WebView2/EBWebView/Crashpad/throttle_store.dat

@@ -0,0 +1 @@
+level=none expiry=0

package/launcher/bin/mailx-app.exe.WebView2/EBWebView/Default/Cache/No_Vary_Search/journal.baj

@@ -0,0 +1 @@
+$F~

package/launcher/bin/mailx-app.exe.WebView2/EBWebView/Default/Extension Rules/LOG

@@ -0,0 +1,3 @@
+2026/03/30-12:46:48.817 6494 Reusing MANIFEST Y:\dev\email\mailx\launcher\bin\mailx-app.exe.WebView2\EBWebView\Default\Extension Rules/MANIFEST-000001
+2026/03/30-12:46:48.821 6494 Recovering log #3
+2026/03/30-12:46:48.823 6494 Reusing old log Y:\dev\email\mailx\launcher\bin\mailx-app.exe.WebView2\EBWebView\Default\Extension Rules/000003.log 

package/launcher/bin/mailx-app.exe.WebView2/EBWebView/Default/Extension Scripts/LOG

@@ -0,0 +1,3 @@
+2026/03/30-12:46:49.347 6494 Reusing MANIFEST Y:\dev\email\mailx\launcher\bin\mailx-app.exe.WebView2\EBWebView\Default\Extension Scripts/MANIFEST-000001
+2026/03/30-12:46:49.351 6494 Recovering log #3
+2026/03/30-12:46:49.353 6494 Reusing old log Y:\dev\email\mailx\launcher\bin\mailx-app.exe.WebView2\EBWebView\Default\Extension Scripts/000003.log 

package/launcher/bin/mailx-app.exe.WebView2/EBWebView/Default/Extension State/LOG

@@ -0,0 +1,3 @@
+2026/03/30-12:46:49.520 6494 Reusing MANIFEST Y:\dev\email\mailx\launcher\bin\mailx-app.exe.WebView2\EBWebView\Default\Extension State/MANIFEST-000001
+2026/03/30-12:46:49.525 6494 Recovering log #3
+2026/03/30-12:46:49.529 6494 Reusing old log Y:\dev\email\mailx\launcher\bin\mailx-app.exe.WebView2\EBWebView\Default\Extension State/000003.log 

package/launcher/bin/mailx-app.exe.WebView2/EBWebView/Default/IndexedDB/devtools_devtools_0.indexeddb.leveldb/LOG

@@ -0,0 +1,3 @@
+2026/03/30-13:02:28.120 1a28 Reusing MANIFEST Y:\dev\email\mailx\launcher\bin\mailx-app.exe.WebView2\EBWebView\Default\IndexedDB\devtools_devtools_0.indexeddb.leveldb/MANIFEST-000001
+2026/03/30-13:02:28.168 1a28 Recovering log #3
+2026/03/30-13:02:28.190 1a28 Reusing old log Y:\dev\email\mailx\launcher\bin\mailx-app.exe.WebView2\EBWebView\Default\IndexedDB\devtools_devtools_0.indexeddb.leveldb/000003.log 

package/launcher/bin/mailx-app.exe.WebView2/EBWebView/Default/Local Storage/leveldb/LOG

@@ -0,0 +1,3 @@
+2026/03/30-12:46:49.225 c2c Reusing MANIFEST Y:\dev\email\mailx\launcher\bin\mailx-app.exe.WebView2\EBWebView\Default\Local Storage\leveldb/MANIFEST-000001
+2026/03/30-12:46:49.311 c2c Recovering log #3
+2026/03/30-12:46:49.348 c2c Reusing old log Y:\dev\email\mailx\launcher\bin\mailx-app.exe.WebView2\EBWebView\Default\Local Storage\leveldb/000003.log