@bobfrankston/mailx 1.0.286 → 1.0.288

package/bin/mailx.js

@@ -661,9 +661,17 @@ async function runTest() {
     console.log("Test complete. Check your inbox for the test message(s).");
     process.exit(0);
 }
-/** Register this client on GDrive — writes/updates clients.jsonc with device info */
+/** Register this client on GDrive — writes/updates clients.jsonc with device info.
+ *  Best-effort: silently skips when cloud isn't ready (fresh install, expired
+ *  token). The scary "No cloud configured" banner must NOT fire for this. */
 async function registerClient(settings) {
-    const { cloudRead, cloudWrite } = await import("@bobfrankston/mailx-settings");
+    const { cloudRead, cloudWrite, getStorageInfo } = await import("@bobfrankston/mailx-settings");
+    // Check if cloud is actually ready before attempting a write — cloudWrite
+    // calls setCloudError which pushes an error banner to the UI. We'd rather
+    // silently skip than show "No cloud configured" at startup.
+    const info = getStorageInfo();
+    if (info.mode === "local" || !info.provider || info.provider === "local")
+        return;
     // Device ID: stable per machine, stored locally
     const deviceIdPath = path.join(os.homedir(), ".mailx", "device-id");
     let deviceId;
@@ -1017,8 +1025,12 @@ async function main() {
     catch (e) {
         console.error(`  [name-resolve] init failed: ${e.message}`);
     }
-    // Register this client device on GDrive (fire-and-forget)
-    registerClient(settings).catch(() => { });
+    // Register this client device on GDrive (fire-and-forget).
+    // Skip when no accounts — cloud isn't configured yet on fresh installs,
+    // so the write fails with "No cloud configured" and flashes a scary banner.
+    if (settings.accounts.length > 0) {
+        registerClient(settings).catch(() => { });
+    }
     // Start sync in background — don't block. Kick off IDLE watchers once the
     // initial sync finishes so IMAP accounts get instant-push new-mail (the
     // 5-min STATUS poll is only a safety net).

package/client/components/folder-tree.js

@@ -449,20 +449,20 @@ async function loadFolderTree(container) {
                     <div id="setup-cloud-status"></div>
                     <p id="setup-form-intro">${introText}</p>
                     <form id="setup-form" style="margin-top:1rem;${formDisplay}">
-                        <label style="display:block;margin-bottom:0.5rem">
-                            Your name <span id="setup-name-hint" style="color:var(--color-text-muted);font-size:0.85rem">(optional — auto-detected from Google)</span>
-                            <input id="setup-name" type="text" placeholder="Your Name (leave blank to use Google profile)" style="display:block;width:100%;padding:0.5rem;margin-top:0.25rem;background:var(--color-bg-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px">
-                        </label>
                         <label style="display:block;margin-bottom:0.5rem">
                             Email address
                             <input id="setup-email" type="email" placeholder="you@gmail.com" required style="display:block;width:100%;padding:0.5rem;margin-top:0.25rem;background:var(--color-bg-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px">
                         </label>
-                        <label id="setup-password-row" style="display:block;margin-bottom:0.5rem">
-                            Password <span id="setup-password-hint" style="color:var(--color-text-muted);font-size:0.85rem">(not needed for Gmail/Outlook)</span>
+                        <label id="setup-name-row" style="display:none;margin-bottom:0.5rem">
+                            Your name <span style="color:var(--color-text-muted);font-size:0.85rem">(optional — auto-detected from Google)</span>
+                            <input id="setup-name" type="text" placeholder="Your Name (leave blank to use Google profile)" style="display:block;width:100%;padding:0.5rem;margin-top:0.25rem;background:var(--color-bg-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px">
+                        </label>
+                        <label id="setup-password-row" style="display:none;margin-bottom:0.5rem">
+                            Password
                             <input id="setup-password" type="password" placeholder="password" style="display:block;width:100%;padding:0.5rem;margin-top:0.25rem;background:var(--color-bg-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px">
                             <div id="setup-app-password-help" style="display:none;margin-top:0.25rem;font-size:0.8rem;color:var(--color-text-muted)"></div>
                         </label>
-                        <button type="submit" style="margin-top:1rem;padding:0.5rem 2rem;background:var(--color-accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem">Add Account</button>
+                        <button id="setup-submit" type="submit" style="display:none;margin-top:1rem;padding:0.5rem 2rem;background:var(--color-accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem">Add Account</button>
                         <div id="setup-status" style="margin-top:1rem;color:var(--color-text-muted)"></div>
                     </form>
                     <details style="margin-top:2rem;color:var(--color-text-muted)">
@@ -483,11 +483,21 @@ async function loadFolderTree(container) {
                     "icloud.com": "Use an app-specific password: appleid.apple.com → Sign-In and Security → App-Specific Passwords",
                 };
                 emailInput?.addEventListener("input", () => {
-                    const domain = emailInput.value.split("@")[1]?.toLowerCase() || "";
+                    const email = emailInput.value.trim();
+                    const domain = email.split("@")[1]?.toLowerCase() || "";
+                    const hasAt = email.includes("@") && domain.length > 0;
                     const isOAuth = ["gmail.com", "googlemail.com", "outlook.com", "hotmail.com", "live.com"].includes(domain);
+                    // Progressive reveal: email first, then name + submit,
+                    // password only for non-OAuth providers.
+                    const nameRow = document.getElementById("setup-name-row");
                     const pwRow = document.getElementById("setup-password-row");
+                    const submitBtn = document.getElementById("setup-submit");
+                    if (nameRow)
+                        nameRow.style.display = hasAt ? "block" : "none";
                     if (pwRow)
-                        pwRow.style.display = isOAuth ? "none" : "block";
+                        pwRow.style.display = hasAt && !isOAuth ? "block" : "none";
+                    if (submitBtn)
+                        submitBtn.style.display = hasAt ? "block" : "none";
                     const helpEl = document.getElementById("setup-app-password-help");
                     if (helpEl) {
                         const help = APP_PASSWORD_HELP[domain];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobfrankston/mailx",
-  "version": "1.0.286",
+  "version": "1.0.288",
   "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.7",
     "@bobfrankston/miscinfo": "^1.0.8",
     "@bobfrankston/oauthsupport": "^1.0.24",
-    "@bobfrankston/msger": "^0.1.323",
+    "@bobfrankston/msger": "^0.1.324",
     "@capacitor/android": "^8.3.0",
     "@capacitor/cli": "^8.3.0",
     "@capacitor/core": "^8.3.0",
@@ -86,7 +86,7 @@
       "@bobfrankston/iflow-node": "^0.1.7",
       "@bobfrankston/miscinfo": "^1.0.8",
       "@bobfrankston/oauthsupport": "^1.0.24",
-      "@bobfrankston/msger": "^0.1.323",
+      "@bobfrankston/msger": "^0.1.324",
       "@capacitor/android": "^8.3.0",
       "@capacitor/cli": "^8.3.0",
       "@capacitor/core": "^8.3.0",