@bobfrankston/mailx 1.0.208 → 1.0.209

package/client/app.js

@@ -352,7 +352,14 @@ async function openCompose(mode) {
 function showComposeOverlay() {
     const wrapper = document.createElement("div");
     wrapper.className = "compose-overlay";
-    wrapper.style.cssText = "position:fixed;bottom:0;right:16px;width:min(900px,55vw);height:min(700px,70vh);z-index:1000;border-radius:8px 8px 0 0;box-shadow:0 -4px 24px rgba(0,0,0,0.3);display:flex;flex-direction:column;resize:both;overflow:hidden;";
+    // Full-screen on small/short screens, floating on larger
+    const isSmall = window.innerWidth <= 768 || window.innerHeight <= 600;
+    if (isSmall) {
+        wrapper.style.cssText = "position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:#fff;";
+    }
+    else {
+        wrapper.style.cssText = "position:fixed;bottom:0;right:16px;width:min(900px,55vw);height:min(700px,70vh);z-index:1000;border-radius:8px 8px 0 0;box-shadow:0 -4px 24px rgba(0,0,0,0.3);display:flex;flex-direction:column;resize:both;overflow:hidden;";
+    }
     // Title bar — drag to move, close button
     const titleBar = document.createElement("div");
     titleBar.style.cssText = "display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:#e8ecf0;border-radius:8px 8px 0 0;cursor:move;user-select:none;flex-shrink:0;";

package/client/components/message-list.js

@@ -311,6 +311,8 @@ function appendMessages(body, accountId, items) {
             row.classList.add("unread");
         if (msg.flags.includes("\\Flagged"))
             row.classList.add("flagged");
+        if (!msg.bodyPath)
+            row.classList.add("not-downloaded");
         row.dataset.uid = String(msg.uid);
         row.dataset.accountId = msgAccountId;
         row.dataset.folderId = String(msg.folderId);

package/client/styles/components.css

@@ -398,6 +398,17 @@ button.tb-menu-item { background: none; border: none; color: inherit; width: 100
 }
 .no-snippets .ml-preview { display: none; }
 .ml-date { white-space: nowrap; text-align: right; color: var(--color-text-muted); font-family: var(--font-mono); font-size: var(--font-size-sm); }
+/* Not-downloaded indicator: small dot before the date */
+.ml-row.not-downloaded .ml-date::before {
+    content: "○ ";
+    color: var(--color-text-muted);
+    opacity: 0.7;
+}
+.ml-row:not(.not-downloaded) .ml-date::before {
+    content: "● ";
+    color: #4a9;
+    opacity: 0.5;
+}
 
 .ml-empty {
     grid-column: 1 / -1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobfrankston/mailx",
-  "version": "1.0.208",
+  "version": "1.0.209",
   "description": "Local-first email client with IMAP sync and standalone native app",
   "type": "module",
   "main": "bin/mailx.js",
@@ -24,7 +24,7 @@
     "@bobfrankston/iflow-node": "^0.1.2",
     "@bobfrankston/miscinfo": "^1.0.8",
     "@bobfrankston/oauthsupport": "^1.0.22",
-    "@bobfrankston/msger": "^0.1.269",
+    "@bobfrankston/msger": "^0.1.270",
     "@capacitor/android": "^8.3.0",
     "@capacitor/cli": "^8.3.0",
     "@capacitor/core": "^8.3.0",

package/packages/mailx-store/db.js

@@ -248,7 +248,8 @@ export class MailxDB {
             flags: JSON.parse(r.flags_json),
             size: r.size,
             hasAttachments: !!r.has_attachments,
-            preview: r.preview
+            preview: r.preview,
+            bodyPath: r.body_path || ""
         }));
         return { items, total, page, pageSize };
     }
@@ -279,7 +280,8 @@ export class MailxDB {
             flags: JSON.parse(r.flags_json),
             size: r.size,
             hasAttachments: !!r.has_attachments,
-            preview: r.preview
+            preview: r.preview,
+            bodyPath: r.body_path || ""
         }));
         return { items, total, page, pageSize };
     }