@bobfrankston/mailx 1.0.12 → 1.0.14

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;
 
@@ -68,10 +68,27 @@
 .tb-menu-item input[type="checkbox"] { accent-color: var(--color-accent); }
 .tb-sep { width: 1px; height: 1.2rem; background: var(--color-border); margin: 0 var(--gap-xs); }
 
+.search-bar {
+    display: flex;
+    align-items: center;
+    gap: 0;
+}
+
+#search-scope {
+    padding: var(--gap-xs) var(--gap-xs);
+    border: 1px solid var(--color-border);
+    border-radius: var(--radius-md) 0 0 var(--radius-md);
+    background: var(--color-bg-surface);
+    color: var(--color-text);
+    font-size: var(--font-size-sm);
+    border-right: none;
+    cursor: pointer;
+}
+
 #search-input {
     padding: var(--gap-xs) var(--gap-sm);
     border: 1px solid var(--color-border);
-    border-radius: var(--radius-md);
+    border-radius: 0 var(--radius-md) var(--radius-md) 0;
     background: var(--color-bg-surface);
     color: var(--color-text);
     font-size: var(--font-size-sm);
@@ -99,9 +116,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 +147,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 +168,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 +244,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 +276,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 +300,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 +364,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 +459,7 @@
     color: white;
     font-size: var(--font-size-sm);
     cursor: pointer;
+    font-weight: 600;
 }
 
 .mv-remote-banner button:hover {
@@ -315,7 +468,7 @@
 
 .mv-body {
     flex: 1;
-    overflow-y: auto;
+    overflow: hidden;
     background: var(--color-bg-surface);
 
     iframe {
@@ -359,3 +512,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/builder/build-config.json

@@ -0,0 +1,11 @@
+{
+    "platforms": {
+        "windows": true,
+        "wsl": true,
+        "arm64": false
+    },
+    "options": {
+        "release": true,
+        "verbose": true
+    }
+}

package/launcher/builder/postinstall.js

@@ -0,0 +1,81 @@
+#!/usr/bin/env node
+/**
+ * Post-install script to set executable permissions on Linux/Mac binaries
+ * and check for required system dependencies (webkit2gtk on Linux).
+ */
+
+import fs from "fs";
+import path from "path";
+import { execSync } from "child_process";
+
+function detectDistro() {
+    if (!fs.existsSync("/etc/os-release")) return "unknown";
+    try {
+        const osRelease = fs.readFileSync("/etc/os-release", "utf8").toLowerCase();
+        if (osRelease.includes("ubuntu") || osRelease.includes("debian")) return "debian";
+        if (osRelease.includes("fedora") || osRelease.includes("rhel") || osRelease.includes("centos")) return "fedora";
+        if (osRelease.includes("arch")) return "arch";
+        return "unknown";
+    } catch { return "unknown"; }
+}
+
+function showDependencyHelp(distro) {
+    console.warn("\n  Missing system dependencies for mailx native launcher.");
+    console.warn("  Install required libraries:\n");
+    switch (distro) {
+        case "debian": console.warn("    sudo apt install libwebkit2gtk-4.1-0 libgtk-3-0\n"); break;
+        case "fedora": console.warn("    sudo dnf install webkit2gtk4.1 gtk3\n"); break;
+        case "arch": console.warn("    sudo pacman -S webkit2gtk-4.1 gtk3\n"); break;
+        default: console.warn("    Install webkit2gtk-4.1 and gtk3 for your distribution\n");
+    }
+}
+
+function main() {
+    if (process.platform === "win32") return;
+
+    const binDir = path.join(import.meta.dirname, "..", "bin");
+    const arch = process.arch;
+
+    // Binary naming convention (matches msger pattern):
+    //   Windows:      mailx-app.exe
+    //   macOS x64:    mailx-app
+    //   macOS arm64:  mailx-app-arm64
+    //   Linux x64:    mailx-app-linux
+    //   Linux arm64:  mailx-app-linux-aarch64
+    let binaryName;
+    if (process.platform === "darwin") {
+        binaryName = arch === "arm64" ? "mailx-app-arm64" : "mailx-app";
+    } else {
+        binaryName = arch === "arm64" ? "mailx-app-linux-aarch64" : "mailx-app-linux";
+    }
+
+    const binaryPath = path.join(binDir, binaryName);
+
+    if (!fs.existsSync(binaryPath)) {
+        console.warn(`  mailx native launcher not available for ${process.platform} ${arch}`);
+        console.warn("  mailx will run in browser mode (server + open browser)");
+        return;
+    }
+
+    // Set executable permissions
+    try {
+        fs.chmodSync(binaryPath, 0o755);
+        console.log(`  Set execute permissions on ${binaryName}`);
+    } catch (e) {
+        console.warn(`  Could not chmod ${binaryPath}: ${e.message}`);
+    }
+
+    // Check system dependencies on Linux
+    if (process.platform === "linux") {
+        try {
+            const ldd = execSync(`ldd "${binaryPath}" 2>&1`, { encoding: "utf8" });
+            if (ldd.includes("not found")) {
+                showDependencyHelp(detectDistro());
+            }
+        } catch {
+            console.warn("  Could not check system dependencies");
+        }
+    }
+}
+
+main();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobfrankston/mailx",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "Local-first email client with IMAP sync and standalone native app",
   "type": "module",
   "main": "bin/mailx.js",
@@ -17,13 +17,12 @@
     "start": "node --watch packages/mailx-server/index.js",
     "start:prod": "node packages/mailx-server/index.js",
     "release": "npmglobalize",
-    "postinstall": "node bin/postinstall.js"
+    "postinstall": "node launcher/builder/postinstall.js"
   },
   "dependencies": {
     "@bobfrankston/iflow": "^1.0.2",
     "@bobfrankston/miscinfo": "^1.0.5",
     "@bobfrankston/oauthsupport": "^1.0.10",
-    "@bobfrankston/certsupport": "^1.0.35",
     "mailparser": "^3.7.2",
     "quill": "^2.0.3",
     "express": "^4.21.0",
@@ -52,7 +51,6 @@
     "@bobfrankston/iflow": "file:../MailApps/iflow",
     "@bobfrankston/miscinfo": "file:../../projects/npm/miscinfo",
     "@bobfrankston/oauthsupport": "file:../../projects/oauth/oauthsupport",
-    "@bobfrankston/certsupport": "file:../../projects/nodejs/certsupport",
     "mailparser": "^3.7.2",
     "quill": "^2.0.3",
     "express": "^4.21.0",