@bobfrankston/rmfmail 1.1.43 → 1.1.45

package/client/app.bundle.js

@@ -2151,9 +2151,29 @@ function spawnDesktopPopout(msg, accountId) {
     wrapper.style.top = `${60 + existing * 28}px`;
     wrapper.style.right = `${20 + existing * 28}px`;
   }
-  void accountId;
+  const toolbar = document.createElement("div");
+  toolbar.style.cssText = "display:flex;gap:6px;padding:6px 12px;border-bottom:1px solid var(--color-border, #ddd);flex-shrink:0;";
+  const mkPopoutBtn = (label, title, onClick) => {
+    const b = document.createElement("button");
+    b.textContent = label;
+    b.title = title;
+    b.style.cssText = "padding:4px 10px;font-size:13px;cursor:pointer;border:1px solid var(--color-border, #ccc);border-radius:4px;background:var(--color-bg, #fff);color:var(--color-text, #000);";
+    b.addEventListener("click", onClick);
+    return b;
+  };
+  const firePopoutAction = (action) => {
+    document.dispatchEvent(new CustomEvent("mailx-popout-action", { detail: { action, msg, accountId } }));
+  };
+  toolbar.appendChild(mkPopoutBtn("Reply", "Reply", () => firePopoutAction("reply")));
+  toolbar.appendChild(mkPopoutBtn("Reply All", "Reply to all", () => firePopoutAction("replyAll")));
+  toolbar.appendChild(mkPopoutBtn("Forward", "Forward", () => firePopoutAction("forward")));
+  toolbar.appendChild(mkPopoutBtn("Delete", "Delete this message", () => {
+    firePopoutAction("delete");
+    wrapper.remove();
+  }));
   wrapper.appendChild(titleBar);
   wrapper.appendChild(headerInfo);
+  wrapper.appendChild(toolbar);
   wrapper.appendChild(bodyContainer);
   document.body.appendChild(wrapper);
 }
@@ -5076,6 +5096,135 @@ var init_alarms = __esm({
 // client/components/folder-tree.js
 init_api_client();
 init_context_menu();
+
+// client/components/tabs.js
+var STORAGE_KEY = "mailx-view-tabs";
+var tabs = [];
+var activeId = "";
+var stripEl = null;
+var applyView = () => {
+};
+var _nextId = 1;
+function newId() {
+  return `t${_nextId++}`;
+}
+function persist() {
+  try {
+    sessionStorage.setItem(STORAGE_KEY, JSON.stringify({ tabs, activeId }));
+  } catch {
+  }
+}
+function render() {
+  if (!stripEl)
+    return;
+  stripEl.innerHTML = "";
+  for (const tab of tabs) {
+    const chip = document.createElement("div");
+    chip.className = "view-tab" + (tab.id === activeId ? " active" : "");
+    chip.dataset.tabId = tab.id;
+    const label = document.createElement("span");
+    label.className = "view-tab-label";
+    label.textContent = tab.title || "(view)";
+    chip.appendChild(label);
+    if (tabs.length > 1) {
+      const close = document.createElement("button");
+      close.className = "view-tab-close";
+      close.textContent = "\xD7";
+      close.title = "Close tab";
+      close.addEventListener("click", (e) => {
+        e.stopPropagation();
+        closeTab(tab.id);
+      });
+      chip.appendChild(close);
+    }
+    chip.addEventListener("click", () => activate(tab.id));
+    stripEl.appendChild(chip);
+  }
+  const plus = document.createElement("button");
+  plus.className = "view-tab-new";
+  plus.textContent = "+";
+  plus.title = "New tab (All Inboxes)";
+  plus.addEventListener("click", () => openTab({ kind: "unified" }, "All Inboxes", true));
+  stripEl.appendChild(plus);
+  stripEl.hidden = tabs.length < 2;
+}
+function initTabs(strip, apply) {
+  stripEl = strip;
+  applyView = apply;
+  try {
+    const raw = sessionStorage.getItem(STORAGE_KEY);
+    if (raw) {
+      const parsed = JSON.parse(raw);
+      if (Array.isArray(parsed?.tabs) && parsed.tabs.length) {
+        tabs = parsed.tabs;
+        activeId = parsed.activeId || tabs[0].id;
+        for (const t of tabs) {
+          const n = Number(String(t.id).replace(/^t/, ""));
+          if (Number.isFinite(n) && n >= _nextId)
+            _nextId = n + 1;
+        }
+      }
+    }
+  } catch {
+  }
+  render();
+}
+function activeTab() {
+  return tabs.find((t) => t.id === activeId) || null;
+}
+function openTab(view, title, activateIt = true) {
+  const tab = { id: newId(), title, view };
+  tabs.push(tab);
+  if (activateIt)
+    activeId = tab.id;
+  persist();
+  render();
+  if (activateIt)
+    applyView(tab);
+}
+function activate(id) {
+  const tab = tabs.find((t) => t.id === id);
+  if (!tab || id === activeId)
+    return;
+  activeId = id;
+  persist();
+  render();
+  applyView(tab);
+}
+function closeTab(id) {
+  if (tabs.length < 2)
+    return;
+  const idx = tabs.findIndex((t) => t.id === id);
+  if (idx < 0)
+    return;
+  const wasActive = id === activeId;
+  tabs.splice(idx, 1);
+  if (wasActive) {
+    const next = tabs[Math.max(0, idx - 1)];
+    activeId = next.id;
+    persist();
+    render();
+    applyView(next);
+  } else {
+    persist();
+    render();
+  }
+}
+function setActiveView(view, title) {
+  let tab = activeTab();
+  if (!tab) {
+    tab = { id: newId(), title, view };
+    tabs.push(tab);
+    activeId = tab.id;
+  } else {
+    tab.view = view;
+    tab.title = title;
+  }
+  persist();
+  render();
+}
+
+// client/components/folder-tree.js
 var onFolderSelect;
 var onUnifiedInbox = null;
 var selectedElement;
@@ -5293,6 +5442,11 @@ function renderNode(node, container, depth) {
     const isTrash = node.specialUse === "trash" || node.path.toLowerCase().includes("trash");
     const isJunk = node.specialUse === "junk" || node.path.toLowerCase().includes("spam") || node.path.toLowerCase().includes("junk");
     const items = [
+      { label: "Open in new tab", action: () => {
+        openTab({ kind: "folder", accountId: node.accountId, folderId: node.id, specialUse: node.specialUse || "" }, node.name, true);
+      } },
+      { label: "", action: () => {
+      }, separator: true },
       { label: "Mark all read", action: async () => {
         try {
           await markFolderRead(node.accountId, node.id);
@@ -6099,135 +6253,6 @@ async function updateFolderCounts() {
 // client/app.ts
 init_message_list();
 init_mailx_types();
-
-// client/components/tabs.js
-var STORAGE_KEY = "mailx-view-tabs";
-var tabs = [];
-var activeId = "";
-var stripEl = null;
-var applyView = () => {
-};
-var _nextId = 1;
-function newId() {
-  return `t${_nextId++}`;
-}
-function persist() {
-  try {
-    sessionStorage.setItem(STORAGE_KEY, JSON.stringify({ tabs, activeId }));
-  } catch {
-  }
-}
-function render() {
-  if (!stripEl)
-    return;
-  stripEl.innerHTML = "";
-  for (const tab of tabs) {
-    const chip = document.createElement("div");
-    chip.className = "view-tab" + (tab.id === activeId ? " active" : "");
-    chip.dataset.tabId = tab.id;
-    const label = document.createElement("span");
-    label.className = "view-tab-label";
-    label.textContent = tab.title || "(view)";
-    chip.appendChild(label);
-    if (tabs.length > 1) {
-      const close = document.createElement("button");
-      close.className = "view-tab-close";
-      close.textContent = "\xD7";
-      close.title = "Close tab";
-      close.addEventListener("click", (e) => {
-        e.stopPropagation();
-        closeTab(tab.id);
-      });
-      chip.appendChild(close);
-    }
-    chip.addEventListener("click", () => activate(tab.id));
-    stripEl.appendChild(chip);
-  }
-  const plus = document.createElement("button");
-  plus.className = "view-tab-new";
-  plus.textContent = "+";
-  plus.title = "New tab (All Inboxes)";
-  plus.addEventListener("click", () => openTab({ kind: "unified" }, "All Inboxes", true));
-  stripEl.appendChild(plus);
-  stripEl.hidden = tabs.length < 2;
-}
-function initTabs(strip, apply) {
-  stripEl = strip;
-  applyView = apply;
-  try {
-    const raw = sessionStorage.getItem(STORAGE_KEY);
-    if (raw) {
-      const parsed = JSON.parse(raw);
-      if (Array.isArray(parsed?.tabs) && parsed.tabs.length) {
-        tabs = parsed.tabs;
-        activeId = parsed.activeId || tabs[0].id;
-        for (const t of tabs) {
-          const n = Number(String(t.id).replace(/^t/, ""));
-          if (Number.isFinite(n) && n >= _nextId)
-            _nextId = n + 1;
-        }
-      }
-    }
-  } catch {
-  }
-  render();
-}
-function activeTab() {
-  return tabs.find((t) => t.id === activeId) || null;
-}
-function openTab(view, title, activateIt = true) {
-  const tab = { id: newId(), title, view };
-  tabs.push(tab);
-  if (activateIt)
-    activeId = tab.id;
-  persist();
-  render();
-  if (activateIt)
-    applyView(tab);
-}
-function activate(id) {
-  const tab = tabs.find((t) => t.id === id);
-  if (!tab || id === activeId)
-    return;
-  activeId = id;
-  persist();
-  render();
-  applyView(tab);
-}
-function closeTab(id) {
-  if (tabs.length < 2)
-    return;
-  const idx = tabs.findIndex((t) => t.id === id);
-  if (idx < 0)
-    return;
-  const wasActive = id === activeId;
-  tabs.splice(idx, 1);
-  if (wasActive) {
-    const next = tabs[Math.max(0, idx - 1)];
-    activeId = next.id;
-    persist();
-    render();
-    applyView(next);
-  } else {
-    persist();
-    render();
-  }
-}
-function setActiveView(view, title) {
-  let tab = activeTab();
-  if (!tab) {
-    tab = { id: newId(), title, view };
-    tabs.push(tab);
-    activeId = tab.id;
-  } else {
-    tab.view = view;
-    tab.title = title;
-  }
-  persist();
-  render();
-}
-
-// client/app.ts
 init_message_viewer();
 init_api_client();
 init_message_state();
@@ -6763,9 +6788,9 @@ document.getElementById("btn-factory-reset")?.addEventListener("click", async ()
     location.reload();
   }
 });
-async function openCompose(mode) {
+async function openCompose(mode, overrideMsg, overrideAccountId) {
   logClientEvent("openCompose-entry", { mode });
-  const current = getCurrentMessage();
+  const current = overrideMsg ? { message: overrideMsg, accountId: overrideAccountId || currentAccountId3 } : getCurrentMessage();
   if ((mode === "reply" || mode === "replyAll" || mode === "forward") && !current) {
     console.warn(`[compose] ${mode} \u2014 no message selected`);
     return;
@@ -9656,6 +9681,15 @@ function renderDiagnosticsBadge(snapshot) {
 
 ${detail}`;
 }
+document.addEventListener("mailx-popout-action", ((e) => {
+  const { action, msg, accountId } = e.detail || {};
+  if (!msg) return;
+  if (action === "reply" || action === "replyAll" || action === "forward") {
+    openCompose(action, msg, accountId);
+  } else if (action === "delete") {
+    deleteMessage(accountId, msg.uid).catch((err) => console.error(`[popout] delete failed: ${err?.message || err}`));
+  }
+}));
 document.addEventListener("mailx-popout-message", (async (e) => {
   const { accountId, uid, folderId, subject } = e.detail || {};
   if (!accountId || !uid) return;