@bobfrankston/rmfmail 1.2.210 → 1.2.213

package/client/app.bundle.js

@@ -7518,7 +7518,8 @@ async function loadFolderTree(container) {
       setTimeout(() => earlyOverlay.remove(), 400);
     }
     if (accounts.length === 0) {
-      container.innerHTML = `<div class="folder-loading">No accounts</div>`;
+      const onAndroid = window.mailxapi?.platform === "android";
+      container.innerHTML = onAndroid ? `<div class="folder-loading">Initializing\u2026</div>` : `<div class="folder-loading">No accounts</div>`;
       const mlSection = document.querySelector(".message-list");
       if (mlSection)
         mlSection.style.display = "none";
@@ -7528,12 +7529,15 @@ async function loadFolderTree(container) {
       const mvHeader = document.getElementById("mv-header");
       if (mvHeader)
         mvHeader.style.display = "none";
+      const mvSection = document.querySelector(".message-viewer");
+      if (mvSection && onAndroid)
+        mvSection.classList.add("narrow-active");
       const mainBody = document.getElementById("mv-body");
       if (mainBody) {
-        const isAndroid = window.mailxapi?.platform === "android";
+        const isAndroid = onAndroid;
         const formDisplay = isAndroid ? "display:none;" : "";
         const introText = isAndroid ? "" : "Add your email account to get started.";
-        const checkingHtml = isAndroid ? '<div style="padding:0.5rem;color:var(--color-text-muted)">Checking for accounts...</div>' : "";
+        const checkingHtml = isAndroid ? '<div id="bootstrap-narration" style="padding:0.5rem;color:var(--color-text-muted)">Initializing\u2026</div>' : "";
         const gmailNote = isAndroid ? "" : `<p style="margin-top:0.5rem;padding:0.5rem 0.75rem;background:color-mix(in oklch, var(--color-accent) 12%, var(--color-bg-surface));border:1px solid var(--color-border);border-radius:4px;font-size:0.9rem">For now, a <strong>Gmail</strong> or Google Workspace account is required. Support for other providers is coming.</p>`;
         mainBody.innerHTML = `<div style="padding:2rem;line-height:1.8;max-width:500px">
                     <h2 style="margin-bottom:1rem">Welcome to mailx</h2>
@@ -7769,6 +7773,19 @@ async function loadFolderTree(container) {
       }
       return;
     }
+    const mlPane = document.querySelector(".message-list");
+    if (mlPane?.style.display === "none")
+      mlPane.style.display = "";
+    const splitterPane = document.getElementById("splitter-h");
+    if (splitterPane?.style.display === "none")
+      splitterPane.style.display = "";
+    const mvHead = document.getElementById("mv-header");
+    if (mvHead?.style.display === "none")
+      mvHead.style.display = "";
+    const mvPane = document.querySelector(".message-viewer");
+    if (mvPane?.classList.contains("narrow-active") && document.getElementById("bootstrap-narration")) {
+      mvPane.classList.remove("narrow-active");
+    }
     const accountFolderData = await Promise.all(accounts.map(async (account) => {
       const accountKey = `account:${account.id}`;
       const accountExpanded = expandState[accountKey] !== false;
@@ -8321,8 +8338,10 @@ var alertText = document.getElementById("alert-text");
 var alertDismiss = document.getElementById("alert-dismiss");
 var dismissedAlerts = /* @__PURE__ */ new Set();
 var alertAutoDismissTimer = null;
+var dbReadOnlyLatched = false;
 function showAlert(message, key, opts) {
   if (key && dismissedAlerts.has(key)) return;
+  if (dbReadOnlyLatched && key !== "db-readonly") return;
   if (alertBanner && alertText) {
     alertText.textContent = message;
     alertBanner.hidden = false;
@@ -8355,12 +8374,8 @@ function hideAlert(opts) {
   }
 }
 alertDismiss?.addEventListener("click", () => hideAlert({ force: true }));
-function showRestartForConfigBanner() {
+function addRestartButton() {
   if (!alertBanner || !alertText) return;
-  const ts = (/* @__PURE__ */ new Date()).toLocaleTimeString([], { hour12: false });
-  alertText.textContent = `[${ts}] accounts.jsonc changed \u2014 restart to apply.`;
-  alertBanner.hidden = false;
-  alertBanner.dataset.key = "config-restart";
   const existing = alertBanner.querySelector("#alert-restart-btn");
   if (existing) return;
   const btn = document.createElement("button");
@@ -8385,6 +8400,14 @@ function showRestartForConfigBanner() {
   });
   alertText.after(btn);
 }
+function showRestartForConfigBanner() {
+  if (!alertBanner || !alertText) return;
+  const ts = (/* @__PURE__ */ new Date()).toLocaleTimeString([], { hour12: false });
+  alertText.textContent = `[${ts}] accounts.jsonc changed \u2014 restart to apply.`;
+  alertBanner.hidden = false;
+  alertBanner.dataset.key = "config-restart";
+  addRestartButton();
+}
 var folderTree = document.getElementById("folder-tree");
 var currentFolderSpecialUse = "";
 var folderTitleEl = document.getElementById("ml-folder-title");
@@ -10372,6 +10395,10 @@ onWsEvent((event) => {
         if (startupStatus) startupStatus.textContent = msg;
         const slot = document.querySelector(".folder-loading");
         if (slot) slot.textContent = msg;
+        const mlEmpty = document.querySelector("#ml-body .ml-empty");
+        if (mlEmpty) mlEmpty.textContent = msg;
+        const narrationSlot = document.getElementById("bootstrap-narration");
+        if (narrationSlot) narrationSlot.textContent = msg;
       }
       break;
     }
@@ -12484,7 +12511,12 @@ versionPromise.then((d) => {
     el.textContent = text;
     if (tip) el.title = tip;
   }
-  if (d.settingsError) {
+  if (d.dbWriteDenied) {
+    if (alertBanner) alertBanner.style.background = "oklch(0.45 0.18 25)";
+    dbReadOnlyLatched = true;
+    showAlert("Database is READ-ONLY \u2014 nothing you do is being saved (\u2605, moves, new mail). Restart rmfmail.", "db-readonly", { sticky: true });
+    addRestartButton();
+  } else if (d.settingsError) {
     showAlert(d.settingsError, "settings-error");
     const banner = document.getElementById("alert-banner");
     if (banner && !banner.querySelector(".repair-btn")) {