@bobfrankston/rmfmail 1.2.209 → 1.2.211

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;
@@ -10372,6 +10389,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;
     }