@bobfrankston/rmfmail 1.2.121 → 1.2.122

package/client/app.bundle.js

@@ -8542,6 +8542,7 @@ function showComposeOverlay(title = "Compose") {
   const SVG_ATTRS = `width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"`;
   const TRASH_SVG = `<svg ${SVG_ATTRS}><path d="M3 6h18"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>`;
   const POPOUT_SVG = `<svg ${SVG_ATTRS}><path d="M15 3h6v6"/><path d="M10 14 21 3"/><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg>`;
+  const MAXIMIZE_SVG = `<svg ${SVG_ATTRS}><rect x="4" y="4" width="16" height="16" rx="2"/><path d="M4 9h16"/></svg>`;
   const RESTORE_SVG = `<svg ${SVG_ATTRS}><path d="M21 9v-6h-6"/><path d="M3 15v6h6"/><path d="M21 3l-7 7"/><path d="M3 21l7-7"/></svg>`;
   const makeIconBtn = (svg, titleStr, hoverColor) => {
     const b = document.createElement("button");
@@ -8561,7 +8562,18 @@ function showComposeOverlay(title = "Compose") {
     }
   });
   btnCluster.appendChild(discardBtn);
-  const popoutBtn = makeIconBtn(POPOUT_SVG, "Maximize", "#000");
+  if (!isSmall) {
+    const osPopoutBtn = makeIconBtn(POPOUT_SVG, "Open in separate window", "#000");
+    osPopoutBtn.addEventListener("click", () => {
+      try {
+        const win = frame.contentWindow;
+        if (win) win.dispatchEvent(new Event("compose-popout"));
+      } catch {
+      }
+    });
+    btnCluster.appendChild(osPopoutBtn);
+  }
+  const popoutBtn = makeIconBtn(MAXIMIZE_SVG, "Maximize", "#000");
   let maximized = false;
   let savedCss = "";
   popoutBtn.addEventListener("click", () => {
@@ -8573,7 +8585,7 @@ function showComposeOverlay(title = "Compose") {
       maximized = true;
     } else {
       wrapper.style.cssText = savedCss;
-      popoutBtn.innerHTML = POPOUT_SVG;
+      popoutBtn.innerHTML = MAXIMIZE_SVG;
       popoutBtn.title = "Maximize";
       maximized = false;
     }