@bobfrankston/mailx 1.0.306 → 1.0.313

package/client/components/message-list.js

@@ -2,9 +2,10 @@
  * Message list component — renders paginated message rows.
  * Reads from message-state; operations mutate state, list reacts.
  */
-import { getMessages as apiGetMessages, getUnifiedInbox as apiGetUnifiedInbox, searchMessages, updateFlags, getThreadMessages } from "../lib/api-client.js";
+import { getMessages as apiGetMessages, getUnifiedInbox as apiGetUnifiedInbox, searchMessages, updateFlags, getThreadMessages, moveMessages as apiMoveMessages } from "../lib/api-client.js";
 import * as state from "../lib/message-state.js";
 import { showContextMenu } from "./context-menu.js";
+import { pickFolder } from "./folder-picker.js";
 let onMessageSelect;
 let currentAccountId;
 let currentFolderId;
@@ -620,6 +621,27 @@ function appendMessages(body, accountId, items) {
                     action: () => document.dispatchEvent(new CustomEvent("mailx-compose", { detail: { mode: "forward" } })),
                 },
                 { label: "", action: () => { }, separator: true },
+                {
+                    label: "Move to folder…",
+                    action: async () => {
+                        // Move all currently-selected rows (or just this one if it's the only selection)
+                        const selectedRows = Array.from(document.querySelectorAll(".ml-row.selected"));
+                        const uids = selectedRows.length > 0
+                            ? selectedRows.map((r) => Number(r.dataset.uid)).filter(u => !isNaN(u))
+                            : [msg.uid];
+                        const pick = await pickFolder(msgAccountId, { excludeFolderIds: [msg.folderId] });
+                        if (!pick)
+                            return;
+                        try {
+                            await apiMoveMessages(msgAccountId, uids, pick.folderId);
+                            // Remove from local state — reconciler handles server sync.
+                            state.removeMessages(uids.map(u => ({ accountId: msgAccountId, uid: u })));
+                        }
+                        catch (err) {
+                            alert(`Move failed: ${err.message}`);
+                        }
+                    },
+                },
                 {
                     label: "Delete",
                     action: () => document.dispatchEvent(new CustomEvent("mailx-delete")),

package/client/components/message-viewer.js

@@ -64,6 +64,61 @@ function setZoom(z, doc) {
 }
 /** Install preview iframe controls: key forwarding to parent, Ctrl+wheel zoom,
  *  keyboard zoom shortcuts (Ctrl+= / Ctrl+- / Ctrl+0), and the right-click menu. */
+/** Run AI translate on `text` and show result in a small modal. Disabled
+ *  by default — user enables via Settings (translateEnabled in
+ *  AutocompleteSettings). When disabled, the modal explains how to enable. */
+async function translateAndShow(text) {
+    if (!text.trim())
+        return;
+    const status = document.getElementById("status-sync");
+    if (status)
+        status.textContent = "Translating…";
+    const overlay = document.createElement("div");
+    overlay.style.cssText = "position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:10000;display:flex;align-items:center;justify-content:center;";
+    const modal = document.createElement("div");
+    modal.style.cssText = "background:var(--bg, #fff);color:var(--fg, #000);border:1px solid var(--border, #ccc);border-radius:6px;width:560px;max-width:90vw;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 4px 24px rgba(0,0,0,0.3);";
+    const header = document.createElement("div");
+    header.style.cssText = "padding:10px 14px;border-bottom:1px solid var(--border, #ddd);font-weight:600;display:flex;justify-content:space-between;align-items:center;";
+    header.innerHTML = `<span>Translation</span><button style="cursor:pointer;border:0;background:transparent;font-size:16px;" aria-label="Close">×</button>`;
+    const body = document.createElement("div");
+    body.style.cssText = "flex:1;overflow:auto;padding:12px 14px;white-space:pre-wrap;font-size:13px;line-height:1.45;";
+    body.textContent = "Working…";
+    modal.appendChild(header);
+    modal.appendChild(body);
+    overlay.appendChild(modal);
+    document.body.appendChild(overlay);
+    const close = () => overlay.remove();
+    header.querySelector("button")?.addEventListener("click", close);
+    overlay.addEventListener("click", (e) => { if (e.target === overlay)
+        close(); });
+    document.addEventListener("keydown", function onKey(e) {
+        if (e.key === "Escape") {
+            document.removeEventListener("keydown", onKey);
+            close();
+        }
+    });
+    try {
+        const { aiTransform } = await import("../lib/api-client.js");
+        const r = await aiTransform({ action: "translate", text, targetLang: "en" });
+        if (r.text) {
+            body.textContent = r.text;
+            if (status)
+                status.textContent = "";
+        }
+        else {
+            body.innerHTML = `<div style="color:var(--muted, #888);">No result.</div>` +
+                `<div style="margin-top:8px;font-size:12px;color:var(--muted, #888);">${r.reason || ""}</div>` +
+                `<div style="margin-top:14px;font-size:12px;">Enable AI translate in Settings → AI features (off by default).</div>`;
+            if (status)
+                status.textContent = `Translate: ${r.reason || "no result"}`;
+        }
+    }
+    catch (err) {
+        body.textContent = `Error: ${err?.message || String(err)}`;
+        if (status)
+            status.textContent = `Translate error: ${err?.message || ""}`;
+    }
+}
 function installPreviewControls(iframe) {
     const attach = () => {
         const doc = iframe.contentDocument;
@@ -124,18 +179,23 @@ function installPreviewControls(iframe) {
             const x = rect.left + me.clientX;
             const y = rect.top + me.clientY;
             const pct = Math.round(previewZoom * 100);
+            const sel = doc.defaultView?.getSelection();
+            const selectedText = sel?.toString().trim() || "";
             const items = [
                 { label: "Copy", action: () => doc.execCommand("copy") },
                 { label: "Select all", action: () => {
-                        const sel = doc.defaultView?.getSelection();
-                        if (!sel)
+                        const s = doc.defaultView?.getSelection();
+                        if (!s)
                             return;
                         const range = doc.createRange();
                         range.selectNodeContents(doc.body);
-                        sel.removeAllRanges();
-                        sel.addRange(range);
+                        s.removeAllRanges();
+                        s.addRange(range);
                     } },
                 { label: "", action: () => { }, separator: true },
+                { label: selectedText ? "Translate selection" : "Translate message",
+                    action: () => translateAndShow(selectedText || (doc.body?.innerText || "")) },
+                { label: "", action: () => { }, separator: true },
                 { label: "Zoom in", action: () => setZoom(previewZoom + ZOOM_STEP, doc) },
                 { label: "Zoom out", action: () => setZoom(previewZoom - ZOOM_STEP, doc) },
                 { label: `Reset zoom (${pct}%)`, action: () => setZoom(1, doc) },
@@ -243,23 +303,55 @@ export async function showMessage(accountId, uid, folderId, specialUse, isRetry
         }
         headerEl.querySelector(".mv-date").textContent = new Date(msg.date).toLocaleString(undefined, { year: "numeric", month: "short", day: "numeric", hour: "2-digit", minute: "2-digit", hour12: false });
         // Unsubscribe button (upper right of header).
-        // - mailto: URLs open a pre-filled compose window (so the unsubscribe
-        //   reply gets sent from the correct mailx account, not the OS default
-        //   mail handler)
-        // - https: URLs open a new tab
+        // Priority:
+        //   1. RFC 8058 one-click (HTTPS + List-Unsubscribe-Post header) — POST server-side
+        //   2. HTTPS URL — open in a new tab (two-click flow, usually a confirmation page)
+        //   3. mailto: URL — open a pre-filled compose window (so the unsubscribe
+        //      reply gets sent from the correct mailx account, not the OS default
+        //      mail handler)
         const unsubBtn = document.getElementById("mv-unsubscribe");
-        const unsubUrl = msg.listUnsubscribe || "";
+        const httpUrl = msg.listUnsubscribeHttp || "";
+        const mailUrl = msg.listUnsubscribeMail || "";
+        const oneClick = !!msg.listUnsubscribeOneClick;
+        const anyUrl = httpUrl || mailUrl || msg.listUnsubscribe || "";
         if (unsubBtn) {
-            if (unsubUrl) {
+            if (anyUrl) {
                 unsubBtn.hidden = false;
-                unsubBtn.textContent = "Unsubscribe";
-                unsubBtn.title = unsubUrl;
+                unsubBtn.textContent = oneClick && httpUrl ? "Unsubscribe (1-click)" : "Unsubscribe";
+                unsubBtn.title = anyUrl;
                 unsubBtn.href = "#";
-                unsubBtn.onclick = (e) => {
+                unsubBtn.onclick = async (e) => {
                     e.preventDefault();
-                    if (/^mailto:/i.test(unsubUrl)) {
-                        // Parse mailto:addr?subject=... and pre-fill compose
-                        const m = unsubUrl.match(/^mailto:([^?]*)(?:\?(.*))?$/i);
+                    const status = document.getElementById("status-sync");
+                    if (oneClick && httpUrl) {
+                        unsubBtn.textContent = "Unsubscribing…";
+                        try {
+                            const { unsubscribeOneClick } = await import("../lib/api-client.js");
+                            const r = await unsubscribeOneClick(httpUrl);
+                            if (r?.ok) {
+                                unsubBtn.textContent = "Unsubscribed";
+                                if (status)
+                                    status.textContent = `Unsubscribed (HTTP ${r.status})`;
+                            }
+                            else {
+                                unsubBtn.textContent = `Failed: HTTP ${r?.status ?? "?"}`;
+                                if (status)
+                                    status.textContent = `Unsubscribe failed: ${r?.status} ${r?.statusText || ""}`.trim();
+                            }
+                        }
+                        catch (err) {
+                            unsubBtn.textContent = "Unsubscribe failed";
+                            if (status)
+                                status.textContent = `Unsubscribe error: ${err.message}`;
+                        }
+                        return;
+                    }
+                    if (httpUrl) {
+                        window.open(httpUrl, "_blank");
+                        return;
+                    }
+                    if (mailUrl) {
+                        const m = mailUrl.match(/^mailto:([^?]*)(?:\?(.*))?$/i);
                         const to = m?.[1] ? decodeURIComponent(m[1]) : "";
                         const qs = new URLSearchParams(m?.[2] || "");
                         const subject = qs.get("subject") || "Unsubscribe";
@@ -278,9 +370,6 @@ export async function showMessage(accountId, uid, folderId, specialUse, isRetry
                         sessionStorage.setItem("composeInit", JSON.stringify(init));
                         document.dispatchEvent(new CustomEvent("mailx-compose", { detail: { mode: "new" } }));
                     }
-                    else {
-                        window.open(unsubUrl, "_blank");
-                    }
                 };
             }
             else {
@@ -620,7 +709,8 @@ function wrapHtmlBody(html, allowRemote = false) {
 <meta charset="UTF-8">
 ${csp}
 <style>
-    html { height: 100%; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
+    html, body { touch-action: pan-y pinch-zoom; }
+    html { height: 100%; overflow-y: auto; overflow-x: hidden; }
     body {
         font-family: system-ui, sans-serif;
         font-size: 17.5px;
@@ -659,15 +749,43 @@ ${csp}
         window.parent.postMessage({ type: "linkClick", url: url }, "*");
     }
     document.addEventListener("click", handleLinkTap, true);
+    // Android WebView fallback: some builds drop the synthetic click after
+    // touchend, so treat a stationary touchstart→touchend on the same link
+    // as a tap. Anything that moves more than TAP_SLOP pixels is a scroll
+    // and must NOT activate the link.
+    var TAP_SLOP = 10;
     var lastTouchTarget = null;
+    var lastTouchX = 0;
+    var lastTouchY = 0;
+    var touchMoved = false;
+    // All touch listeners are passive so Android WebView can compositor-scroll
+    // the iframe without waiting on our JS. handleLinkTap's preventDefault only
+    // matters for the "click" path (which is non-passive by default).
     document.addEventListener("touchstart", function (e) {
+        var t0 = e.touches && e.touches[0];
+        lastTouchX = t0 ? t0.clientX : 0;
+        lastTouchY = t0 ? t0.clientY : 0;
+        touchMoved = false;
         lastTouchTarget = (e.target && e.target.closest) ? e.target.closest("a[href]") || e.target : e.target;
-    }, true);
+    }, { passive: true, capture: true });
+    document.addEventListener("touchmove", function (e) {
+        if (touchMoved) return;
+        var t = e.touches && e.touches[0];
+        if (!t) return;
+        if (Math.abs(t.clientX - lastTouchX) > TAP_SLOP || Math.abs(t.clientY - lastTouchY) > TAP_SLOP) {
+            touchMoved = true;
+            lastTouchTarget = null;
+        }
+    }, { passive: true, capture: true });
     document.addEventListener("touchend", function (e) {
+        if (touchMoved) { lastTouchTarget = null; touchMoved = false; return; }
         var t = (e.target && e.target.closest) ? e.target.closest("a[href]") || e.target : e.target;
         if (lastTouchTarget && lastTouchTarget === t) handleLinkTap(e);
         lastTouchTarget = null;
-    }, true);
+    }, { passive: true, capture: true });
+    document.addEventListener("touchcancel", function () {
+        lastTouchTarget = null; touchMoved = false;
+    }, { passive: true, capture: true });
     document.addEventListener("mouseover", function (e) {
         var a = e.target && e.target.closest ? e.target.closest("a[href]") : null;
         if (a) {

package/client/compose/compose.css

@@ -1,5 +1,55 @@
 /* Compose window styles */
 
+.compose-modal-overlay {
+    position: fixed;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.4);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 9999;
+}
+
+.compose-modal {
+    background: var(--color-bg, #fff);
+    border-radius: 6px;
+    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
+    padding: 20px 24px;
+    min-width: 320px;
+    max-width: 480px;
+
+    & .compose-modal-msg {
+        margin-bottom: 18px;
+        font-size: 14px;
+        color: var(--color-text, #222);
+    }
+
+    & .compose-modal-buttons {
+        display: flex;
+        justify-content: flex-end;
+        gap: 8px;
+    }
+
+    & .compose-modal-btn {
+        padding: 6px 14px;
+        border: 1px solid var(--color-border, #ccc);
+        background: var(--color-bg-surface, #f6f6f6);
+        border-radius: 4px;
+        font: inherit;
+        cursor: pointer;
+
+        &:hover { background: var(--color-bg-hover, #ececec); }
+
+        &.primary {
+            background: #0b6bcb;
+            color: #fff;
+            border-color: #0b6bcb;
+
+            &:hover { background: #095aa8; }
+        }
+    }
+}
+
 body {
     display: flex;
     flex-direction: column;

package/client/compose/compose.js

@@ -459,7 +459,25 @@ document.getElementById("btn-send")?.addEventListener("click", async () => {
     catch (e) {
         btn.disabled = false;
         btn.textContent = "Send";
-        alert(`Send failed: ${e.message}`);
+        const msg = e?.message || String(e);
+        // Distinguish the IPC-timeout case from real send failures. The
+        // service-side send() queues the message to the local DB synchronously
+        // before attempting any IMAP/SMTP work — so if the IPC reached Node at
+        // all, the message is queued and the background worker will retry it
+        // with backoff (X-Mailx-Retry header, 60s settling delay, up to 10
+        // attempts). Treating that as a failure that demands a re-click leads
+        // to duplicate sends. Tell the user honestly: "probably queued, check
+        // Outbox before retrying."
+        if (msg.startsWith("mailxapi timeout")) {
+            alert("Send is taking longer than expected.\n\n" +
+                "The message has likely been queued and will be retried in the background. " +
+                "Check the Outbox folder before clicking Send again — clicking Send now may " +
+                "produce a duplicate.\n\n" +
+                "Your draft is preserved either way.");
+        }
+        else {
+            alert(`Send failed: ${msg}`);
+        }
     }
 });
 // ── Close handling ──
@@ -467,17 +485,55 @@ document.getElementById("btn-send")?.addEventListener("click", async () => {
 function composeHasContent() {
     return !!(editor.getText().trim() || toInput.value.trim() || ccInput.value.trim() || bccInput.value.trim() || subjectInput.value.trim());
 }
-/** Ask Save/Discard/Cancel. Returns "save" | "discard" | "cancel". */
+/** Ask Save/Discard/Cancel. Returns "save" | "discard" | "cancel".
+ *  Uses an in-page modal so all three choices are presented at once — the
+ *  native confirm() flow forced the user through two sequential dialogs and
+ *  hid Discard behind a Cancel click, which was confusing. */
 function promptSaveOrDiscard() {
-    // Three-way prompt built from two native dialogs: OK(save) / Cancel → then
-    // for Cancel, ask "Really discard?" which becomes Discard / Cancel.
-    const saveIt = confirm("Save this message as a draft?\n\nOK = Save as draft\nCancel = continue...");
-    if (saveIt)
-        return "save";
-    const discard = confirm("Discard the message without saving?\n\nOK = Discard\nCancel = Keep editing");
-    if (discard)
-        return "discard";
-    return "cancel";
+    return new Promise(resolve => {
+        const overlay = document.createElement("div");
+        overlay.className = "compose-modal-overlay";
+        const box = document.createElement("div");
+        box.className = "compose-modal";
+        const msg = document.createElement("div");
+        msg.className = "compose-modal-msg";
+        msg.textContent = "Save this message as a draft?";
+        const btnRow = document.createElement("div");
+        btnRow.className = "compose-modal-buttons";
+        const mkBtn = (label, choice, primary) => {
+            const b = document.createElement("button");
+            b.type = "button";
+            b.textContent = label;
+            b.className = primary ? "compose-modal-btn primary" : "compose-modal-btn";
+            b.addEventListener("click", () => { cleanup(); resolve(choice); });
+            return b;
+        };
+        const cleanup = () => {
+            document.removeEventListener("keydown", onKey);
+            overlay.remove();
+        };
+        const onKey = (e) => {
+            if (e.key === "Escape") {
+                e.preventDefault();
+                cleanup();
+                resolve("cancel");
+            }
+            else if (e.key === "Enter") {
+                e.preventDefault();
+                cleanup();
+                resolve("save");
+            }
+        };
+        document.addEventListener("keydown", onKey);
+        btnRow.appendChild(mkBtn("Save draft", "save", true));
+        btnRow.appendChild(mkBtn("Discard", "discard", false));
+        btnRow.appendChild(mkBtn("Cancel", "cancel", false));
+        box.appendChild(msg);
+        box.appendChild(btnRow);
+        overlay.appendChild(box);
+        document.body.appendChild(overlay);
+        btnRow.firstChild.focus();
+    });
 }
 /** Handle any "close the compose" action (Discard button, Escape, X, window close). */
 async function handleCloseRequest() {
@@ -485,7 +541,7 @@ async function handleCloseRequest() {
         closeCompose();
         return true;
     }
-    const choice = promptSaveOrDiscard();
+    const choice = await promptSaveOrDiscard();
     if (choice === "cancel")
         return false;
     // Stop auto-save so it can't race with our explicit save/discard.

package/client/compose/editor.js

@@ -230,19 +230,63 @@ function createQuillEditor(container) {
         openLinkForRange(q, q.getSelection() || { index: q.getLength() - 1, length: 0 });
     });
     // Paste handling:
-    // - If clipboard has text/html, let Quill convert it (preserves anchors).
-    // - If only text/plain and it's a URL, insert as a link (honoring any text
-    //   currently selected — the URL becomes the href of that text).
-    // - Shift+Ctrl+V (handled via contextmenu "Paste as text") or any other
-    //   plain text is inserted verbatim.
+    // - text/html clipboard with exactly one anchor (the common "copy a link
+    //   with anchor text from a webpage" case): take it over from Quill —
+    //   Quill's clipboard module was producing duplicates ("click here" as
+    //   text PLUS a separate "https://example.com" as a link tail). Insert
+    //   the anchor's text content as a single linked run.
+    // - text/html with richer content: defer to Quill (preserves formatting).
+    // - text/plain that's a URL: insert as a link, optionally wrapping any
+    //   currently-selected text.
+    // - Anything else: default Quill behavior (verbatim plain or HTML).
     q.root.addEventListener("paste", (e) => {
         const cb = e.clipboardData;
         if (!cb)
             return;
         const html = cb.getData("text/html");
         const plain = cb.getData("text/plain");
-        if (html)
-            return; // Quill handles HTML clipboard natively
+        if (html) {
+            // Detect "single anchor" clipboard — copy from a browser usually
+            // produces something like:
+            //   <meta charset='utf-8'><a href="https://example.com">click here</a>
+            // or wrapped in <html><body>. Parse and check.
+            try {
+                const tmp = document.createElement("div");
+                tmp.innerHTML = html;
+                // Strip script/style, then unwrap <html>/<body> noise.
+                const root = tmp.querySelector("body") || tmp;
+                // Walk for the only meaningful element
+                const meaningful = Array.from(root.childNodes).filter(n => {
+                    if (n.nodeType === Node.TEXT_NODE)
+                        return (n.textContent || "").trim().length > 0;
+                    if (n.nodeType === Node.ELEMENT_NODE) {
+                        const tag = n.tagName.toLowerCase();
+                        return tag !== "meta" && tag !== "style" && tag !== "script";
+                    }
+                    return false;
+                });
+                if (meaningful.length === 1 && meaningful[0].tagName?.toLowerCase() === "a") {
+                    const a = meaningful[0];
+                    const href = a.getAttribute("href") || "";
+                    const text = (a.textContent || "").trim();
+                    if (href && text) {
+                        e.preventDefault();
+                        const range = q.getSelection(true);
+                        if (!range)
+                            return;
+                        if (range.length > 0) {
+                            // Selected text exists — replace with the linked anchor text
+                            q.deleteText(range.index, range.length);
+                        }
+                        q.insertText(range.index, text, { link: href });
+                        q.setSelection(range.index + text.length, 0);
+                        return;
+                    }
+                }
+            }
+            catch { /* fall through to Quill default */ }
+            return; // Quill handles richer HTML clipboard
+        }
         if (plain && looksLikeUrl(plain)) {
             e.preventDefault();
             const range = q.getSelection(true);

package/client/index.html

@@ -38,8 +38,11 @@
                     <label class="tb-menu-item"><input type="radio" name="opt-editor" value="tiptap" id="opt-editor-tiptap"> tiptap</label>
                     <hr class="tb-menu-sep">
                     <label class="tb-menu-item"><input type="checkbox" id="opt-autocomplete"> AI autocomplete</label>
+                    <label class="tb-menu-item" title="Right-click in message body → Translate"><input type="checkbox" id="opt-ai-translate"> AI translate (off by default)</label>
+                    <label class="tb-menu-item" title="Right-click in compose editor → Proofread (when wired)"><input type="checkbox" id="opt-ai-proofread"> AI proofread (off by default)</label>
                     <hr class="tb-menu-sep">
                     <button class="tb-menu-item" id="btn-edit-jsonc" title="Edit accounts.jsonc / allowlist.jsonc">Edit config files...</button>
+                    <button class="tb-menu-item" id="btn-about" title="Show version and build info">About mailx...</button>
                 </div>
             </div>
             <span id="app-version" class="app-version">mailx</span>
@@ -68,6 +71,22 @@
         <button class="alert-dismiss" id="alert-dismiss" title="Dismiss">&times;</button>
     </div>
 
+    <aside class="icon-rail" id="icon-rail" aria-label="App rail">
+        <div class="rail-top">
+            <button class="rail-btn" id="rail-compose" title="Compose (Ctrl+N)" aria-label="Compose">✏</button>
+            <button class="rail-btn" id="rail-inbox" title="Inbox" aria-label="Inbox" data-active="true">✉</button>
+            <button class="rail-btn" id="rail-unified" title="All Inboxes" aria-label="All Inboxes">⌘</button>
+            <button class="rail-btn" id="rail-contacts" title="Contacts (coming soon)" aria-label="Contacts" disabled>👤</button>
+            <button class="rail-btn" id="rail-calendar" title="Calendar (Phase 4)" aria-label="Calendar" disabled>📅</button>
+            <button class="rail-btn" id="rail-tasks" title="Tasks (Phase 4)" aria-label="Tasks" disabled>☑</button>
+        </div>
+        <div class="rail-bottom">
+            <button class="rail-btn" id="rail-settings" title="Settings" aria-label="Settings">⚙</button>
+            <button class="rail-btn" id="rail-theme" title="Toggle theme" aria-label="Toggle theme">◐</button>
+            <button class="rail-btn" id="rail-help" title="Help / About" aria-label="Help">?</button>
+        </div>
+    </aside>
+
     <div class="folder-panel">
         <div class="ft-filter">
             <input type="text" id="ft-filter-input" placeholder="Find folder..." autocomplete="off">

package/client/lib/api-client.js

@@ -161,6 +161,18 @@ export function readJsoncFile(name) {
 export function writeJsoncFile(name, content) {
     return ipc().writeJsoncFile?.(name, content);
 }
+export function readConfigHelp(name) {
+    return ipc().readConfigHelp?.(name) ?? Promise.resolve({ content: "" });
+}
+export function unsubscribeOneClick(url) {
+    return ipc().unsubscribeOneClick?.(url);
+}
+/** Run an AI text transform (translate / proofread / summarize). Returns
+ *  empty `text` with a `reason` when the feature is disabled or the provider
+ *  errors — caller should surface `reason` in a status bar, not throw. */
+export function aiTransform(req) {
+    return ipc().aiTransform?.(req) ?? Promise.resolve({ text: "", reason: "AI not available in this host" });
+}
 export function setupAccount(name, email, password) {
     return ipc().setupAccount?.(name, email, password);
 }

package/client/lib/mailxapi.js

@@ -1,6 +1,6 @@
 /**
  * mailxapi — IPC bridge injected into WebView by the Rust launcher.
- * Follows the msgapi pattern: callNode → Promise → _mailxapiResolve/Reject.
+ * Follows the msgapi pattern: callNode → Promise → _msgapiServiceResolve/Reject.
  *
  * When running in a browser (no IPC), this file is not loaded.
  * api-client.ts auto-detects and falls back to HTTP fetch.
@@ -31,8 +31,8 @@
         });
     }
 
-    // Called by Rust to resolve promises
-    window._mailxapiResolve = function(id, value) {
+    // Called by host (msger Rust / msgview preload) to resolve service-channel promises
+    window._msgapiServiceResolve = function(id, value) {
         var cb = _callbacks[id];
         if (!cb) return;
         delete _callbacks[id];
@@ -40,8 +40,8 @@
         cb.resolve(value);
     };
 
-    // Called by Rust to reject promises
-    window._mailxapiReject = function(id, error) {
+    // Called by host to reject service-channel promises
+    window._msgapiServiceReject = function(id, error) {
         var cb = _callbacks[id];
         if (!cb) return;
         delete _callbacks[id];
@@ -49,8 +49,8 @@
         cb.reject(new Error(error));
     };
 
-    // Called by Rust to push events (new mail, sync progress, etc.)
-    window._mailxapiEvent = function(event) {
+    // Called by host to push events (new mail, sync progress, etc.)
+    window._msgapiServiceEvent = function(event) {
         for (var i = 0; i < _eventHandlers.length; i++) {
             try { _eventHandlers[i](event); } catch(e) { /* ignore */ }
         }
@@ -109,6 +109,15 @@
         writeJsoncFile: function(name, content) {
             return callNode("writeJsoncFile", { name: name, content: content });
         },
+        readConfigHelp: function(name) {
+            return callNode("readConfigHelp", { name: name });
+        },
+        unsubscribeOneClick: function(url) {
+            return callNode("unsubscribeOneClick", { url: url });
+        },
+        aiTransform: function(req) {
+            return callNode("aiTransform", req);
+        },
         searchContacts: function(query) {
             return callNode("searchContacts", { query: query });
         },