@bobfrankston/mailx 1.0.391 → 1.0.392

package/bin/mailx.js

@@ -907,7 +907,9 @@ async function main() {
         fs.mkdirSync(logDir, { recursive: true });
         // Prune logs older than LOG_RETENTION_DAYS on startup. Keep it simple:
         // scan the dir, stat, delete. Cheap even with years of history.
-        const LOG_RETENTION_DAYS = 7;
+        // Bumped 7 → 30 days so "where did my letter go?" reports can still
+        // reach the `[reconcile-delete]` log entry weeks after the fact.
+        const LOG_RETENTION_DAYS = 30;
         const cutoff = Date.now() - LOG_RETENTION_DAYS * 86400000;
         try {
             for (const name of fs.readdirSync(logDir)) {

package/client/app.js

@@ -1677,6 +1677,52 @@ onWsEvent((event) => {
         case "outboxStatus":
             renderOutboxStatus(event);
             break;
+        case "calendarUpdated":
+        case "tasksUpdated":
+            // Reauth succeeded (or was never broken): clear any lingering
+            // scope banner for this feature. Handled here (not just in the
+            // sidebar) because the global fallback banner isn't tied to the
+            // sidebar's lifecycle.
+            if (alertBanner && /^scope-(calendar|tasks|google)$/.test(alertBanner.dataset.key || "")) {
+                alertBanner.hidden = true;
+                alertBanner.dataset.key = "";
+                alertBanner.querySelector(".status-action")?.remove();
+            }
+            break;
+        case "authScopeError": {
+            // Fallback banner: calendar-sidebar.ts already shows this inline
+            // when the sidebar is visible, but if the user has the sidebar
+            // off or is on a narrow tier where it's hidden, the error would
+            // otherwise be invisible. Global banner with the same button.
+            const feat = event.feature || "google";
+            const key = `scope-${feat}`;
+            const msg = event.message || `Google ${feat} access needs re-consent.`;
+            showAlert(msg, key, { sticky: true });
+            const bannerText = document.getElementById("alert-text");
+            if (bannerText && bannerText.textContent === msg) {
+                const existing = bannerText.parentElement?.querySelector(".status-action");
+                if (!existing) {
+                    const btn = document.createElement("button");
+                    btn.className = "status-action";
+                    btn.textContent = "Re-authenticate";
+                    btn.addEventListener("click", async () => {
+                        btn.disabled = true;
+                        btn.textContent = "Opening browser…";
+                        try {
+                            const { reauthGoogleScopes } = await import("./lib/api-client.js");
+                            await reauthGoogleScopes();
+                            btn.textContent = "Consent opened — finish in browser";
+                        }
+                        catch (err) {
+                            btn.disabled = false;
+                            btn.textContent = `Failed: ${err?.message || err}`;
+                        }
+                    });
+                    bannerText.parentElement?.insertBefore(btn, document.getElementById("alert-dismiss"));
+                }
+            }
+            break;
+        }
         case "accountError": {
             // Show actual error + hint in banner
             const msg = `${event.accountId}: ${event.error}`;

package/client/compose/compose.js

@@ -853,10 +853,8 @@ function formatSize(n) {
 document.getElementById("btn-attach")?.addEventListener("click", () => {
     fileInput?.click();
 });
-fileInput?.addEventListener("change", async () => {
-    if (!fileInput.files)
-        return;
-    for (const file of Array.from(fileInput.files)) {
+async function ingestFiles(files) {
+    for (const file of Array.from(files)) {
         const buf = await file.arrayBuffer();
         // base64 the whole thing — mailx-service builds the multipart/mixed
         let binary = "";
@@ -871,10 +869,61 @@ fileInput?.addEventListener("change", async () => {
             dataBase64,
         });
     }
-    fileInput.value = "";
     renderAttachmentChips();
     scheduleDraftSave();
+}
+fileInput?.addEventListener("change", async () => {
+    if (!fileInput.files)
+        return;
+    await ingestFiles(fileInput.files);
+    fileInput.value = "";
 });
+// Drag-and-drop: dropping files anywhere on the compose window attaches them.
+// Highlights a subtle overlay while dragging so the target is obvious. The
+// editor iframe swallows drag events internally so we attach to the compose
+// document root; Quill's own paste/drop handling doesn't fight us because
+// files-with-no-HTML-or-text dragover never hits Quill's clipboard module.
+(() => {
+    let dragDepth = 0;
+    const root = document.body;
+    const overlay = document.createElement("div");
+    overlay.id = "compose-drop-overlay";
+    overlay.hidden = true;
+    overlay.style.cssText = "position:fixed;inset:0;background:oklch(0.6 0.18 250 / 0.15);border:3px dashed oklch(0.55 0.2 250);z-index:9999;pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:500;color:oklch(0.35 0.2 250)";
+    overlay.textContent = "Drop files to attach";
+    root.appendChild(overlay);
+    const hasFiles = (e) => Array.from(e.dataTransfer?.types || []).includes("Files");
+    root.addEventListener("dragenter", (e) => {
+        if (!hasFiles(e))
+            return;
+        dragDepth++;
+        overlay.hidden = false;
+    });
+    root.addEventListener("dragleave", (e) => {
+        if (!hasFiles(e))
+            return;
+        dragDepth = Math.max(0, dragDepth - 1);
+        if (dragDepth === 0)
+            overlay.hidden = true;
+    });
+    root.addEventListener("dragover", (e) => {
+        if (!hasFiles(e))
+            return;
+        e.preventDefault(); // required so drop fires
+        if (e.dataTransfer)
+            e.dataTransfer.dropEffect = "copy";
+    });
+    root.addEventListener("drop", async (e) => {
+        if (!hasFiles(e))
+            return;
+        e.preventDefault();
+        dragDepth = 0;
+        overlay.hidden = true;
+        const files = e.dataTransfer?.files;
+        if (files && files.length > 0)
+            await ingestFiles(files);
+    });
+})();
 // ── Save and close (X button from parent) ──
 window.addEventListener("compose-save-and-close", () => {
     handleCloseRequest();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobfrankston/mailx",
-  "version": "1.0.391",
+  "version": "1.0.392",
   "description": "Local-first email client with IMAP sync and standalone native app",
   "type": "module",
   "main": "bin/mailx.js",