@bobfrankston/mailx 1.0.374 → 1.0.376

package/client/styles/components.css

@@ -788,15 +788,14 @@ button.tb-menu-item { background: none; border: none; color: inherit; width: 100
     opacity: 0.5;
 }
 
-/* S1 slice C — pink row when a local action (move/flag/delete) is queued
-   but the server hasn't ACK'd. Visible reconciliation state: "we did your
-   thing locally, the server hasn't agreed yet." Selection still wins
-   visually so the active row is identifiable. */
-.ml-row.pending-reconcile {
-    background: oklch(0.96 0.04 350);  /* pale pink */
-}
-.ml-row.pending-reconcile.selected {
-    background: oklch(0.85 0.10 350);  /* deeper pink when selected */
+/* S1 slice C — local action (move/flag/delete) queued but server hasn't
+   ACK'd. Reuses the same date-column dot as the download indicator so
+   "still on client, not yet on server" sits in the same visual slot as
+   "body downloaded". Color, not row background — the row keeps the
+   normal/unread/selected styling so the blue accent isn't fighting pink. */
+.ml-row.pending-reconcile .ml-date::before {
+    color: oklch(0.65 0.22 350);  /* pink dot */
+    opacity: 0.9;
 }
 
 /* S51 — calendar sidebar (Thunderbird Lightning Events & Tasks pane).

package/package.json

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

package/packages/mailx-store/db.js

@@ -573,7 +573,12 @@ export class MailxDB {
         const placeholders = inboxRows.map(() => "?").join(",");
         const folderIds = inboxRows.map((r) => r.id);
         const total = this.db.prepare(`SELECT COUNT(*) as cnt FROM messages WHERE folder_id IN (${placeholders})`).get(...folderIds).cnt;
-        const rows = this.db.prepare(`SELECT * FROM messages WHERE folder_id IN (${placeholders}) ORDER BY date DESC LIMIT ? OFFSET ?`).all(...folderIds, pageSize, offset);
+        const rows = this.db.prepare(`SELECT m.*, EXISTS(
+                SELECT 1 FROM sync_actions sa
+                WHERE sa.account_id = m.account_id AND sa.uid = m.uid
+            ) AS pending
+            FROM messages m WHERE m.folder_id IN (${placeholders})
+            ORDER BY m.date DESC LIMIT ? OFFSET ?`).all(...folderIds, pageSize, offset);
         const items = rows.map(r => ({
             id: r.id,
             accountId: r.account_id,
@@ -592,7 +597,8 @@ export class MailxDB {
             size: r.size,
             hasAttachments: !!r.has_attachments,
             preview: r.preview,
-            bodyPath: r.body_path || ""
+            bodyPath: r.body_path || "",
+            pending: !!r.pending,
         }));
         return { items, total, page, pageSize };
     }