pxengine 0.1.118 → 0.1.119

package/dist/index.cjs

@@ -16143,6 +16143,7 @@ function formatTemplateLabel(templateId) {
   if (!templateId) return null;
   return templateId.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
 }
+var Chip = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "inline-flex items-center px-2 h-[22px] rounded-md bg-zinc-800/70 border border-zinc-700/50 text-[11px] font-medium text-zinc-400 whitespace-nowrap", children });
 function deriveJobStatusUrl(newJobId, pollUrl, regenerateUrl) {
   const base = pollUrl?.replace(/\/api\/jobs\/[^/]+\/status.*$/, "") ?? regenerateUrl?.replace(/\/api\/presentations\/[^/]+\/regenerate.*$/, "") ?? "";
   return `${base}/api/jobs/${newJobId}/status`;
@@ -17121,12 +17122,22 @@ var PresentationJobCard = ({
           ),
           /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("h3", { className: "text-sm font-semibold text-zinc-100 truncate leading-tight", style: t.text, children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("p", { className: "text-xs text-zinc-500 mt-0.5", style: t.muted, children: [
-              slideCount ? `${slideCount} slides` : "Presentation",
-              " \xB7 Ready to export",
-              templateLabel && ` \xB7 ${templateLabel}`
+            /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5 mt-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Chip, { children: slideCount ? `${slideCount} slides` : "Presentation" }),
+              templateLabel && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Chip, { children: templateLabel })
             ] }),
-            generationMode === "template" && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "text-xs mt-1", children: isApproved ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-emerald-400/90", children: "Approved \u2014 future decks use this format" }) : reviewStatus === "pending_review" ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-amber-400/90", children: "Review this deck, then approve to lock the format" }) : null })
+            generationMode === "template" && (isApproved || reviewStatus === "pending_review") && /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("p", { className: "flex items-center gap-1.5 text-xs mt-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+                "span",
+                {
+                  className: cn(
+                    "w-1.5 h-1.5 rounded-full flex-shrink-0",
+                    isApproved ? "bg-emerald-400" : "bg-amber-400"
+                  )
+                }
+              ),
+              isApproved ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-emerald-400/90", children: "Approved \u2014 future decks use this format" }) : /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-amber-400/90", children: "Review this deck, then approve to lock the format" })
+            ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex items-center gap-1.5 flex-shrink-0 flex-wrap justify-end", children: [
             /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex items-center rounded-lg border border-zinc-700 bg-zinc-800 overflow-hidden divide-x divide-zinc-700", children: [
@@ -17411,6 +17422,102 @@ var FullscreenPreviewModal = ({ url, title, onClose }) => {
     ) })
   ] });
 };
+var Chip2 = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { className: "inline-flex items-center px-2 h-[22px] rounded-md bg-zinc-800/70 border border-zinc-700/50 text-[11px] font-medium text-zinc-400 whitespace-nowrap capitalize", children });
+var REPORT_FORMATS = [
+  {
+    key: "pdf",
+    label: "PDF",
+    ext: ".pdf",
+    emoji: "\u{1F4C4}",
+    desc: "Print-ready, fixed layout \u2014 open in any PDF viewer",
+    accent: { text: "text-red-400", bg: "bg-red-500/10 border-red-500/20" }
+  },
+  {
+    key: "html",
+    label: "HTML",
+    ext: ".html",
+    emoji: "\u{1F310}",
+    desc: "Interactive web page \u2014 download and open in a browser",
+    accent: { text: "text-sky-400", bg: "bg-sky-500/10 border-sky-500/20" }
+  }
+];
+var ReportExportModal = ({ htmlUrl, pdfUrl, title, onClose }) => {
+  const urls = { pdf: pdfUrl, html: htmlUrl };
+  const available = REPORT_FORMATS.filter((f) => urls[f.key]);
+  const filename = (title ?? "").replace(/[^a-z0-9]/gi, "-").toLowerCase();
+  const [downloadingKey, setDownloadingKey] = (0, import_react79.useState)(null);
+  (0, import_react79.useEffect)(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [onClose]);
+  const handleDownload = async (key, url, ext) => {
+    if (downloadingKey) return;
+    const downloadName = `${filename}${ext}`;
+    const href = `/api/download?url=${encodeURIComponent(url)}&filename=${encodeURIComponent(downloadName)}`;
+    try {
+      setDownloadingKey(key);
+      const response = await fetch(href);
+      if (!response.ok) throw new Error(`status ${response.status}`);
+      const blob = await response.blob();
+      const objectUrl = window.URL.createObjectURL(blob);
+      const anchor = document.createElement("a");
+      anchor.href = objectUrl;
+      anchor.download = downloadName;
+      document.body.appendChild(anchor);
+      anchor.click();
+      anchor.remove();
+      window.URL.revokeObjectURL(objectUrl);
+    } catch {
+      window.open(url, "_blank", "noopener,noreferrer");
+    } finally {
+      setDownloadingKey(null);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "absolute inset-0 bg-black/70 backdrop-blur-sm", onClick: onClose }),
+    /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "relative z-10 bg-zinc-900 border border-zinc-800 rounded-2xl w-full max-w-sm p-6 shadow-2xl", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex items-start justify-between mb-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "min-w-0 pr-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("h3", { className: "text-sm font-semibold text-zinc-100", children: "Download report" }),
+          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "text-xs text-zinc-500 mt-0.5 truncate", children: title })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("button", { onClick: onClose, className: "text-zinc-500 hover:text-zinc-200 transition-colors flex-shrink-0 mt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(CloseIcon2, {}) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "space-y-2.5", children: [
+        available.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "text-sm text-zinc-500 text-center py-6", children: "No formats available yet" }),
+        available.map((fmt) => {
+          const url = urls[fmt.key];
+          const isDownloading = downloadingKey === fmt.key;
+          return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
+            "button",
+            {
+              type: "button",
+              disabled: Boolean(downloadingKey),
+              onClick: () => handleDownload(fmt.key, url, fmt.ext),
+              className: cn(
+                "flex w-full items-center gap-3.5 p-3.5 rounded-xl border transition-all text-left",
+                "hover:brightness-110 disabled:opacity-60 disabled:cursor-not-allowed",
+                fmt.accent.bg
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { className: "text-xl flex-shrink-0", children: fmt.emoji }),
+                /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: cn("text-sm font-semibold", fmt.accent.text), children: isDownloading ? `Downloading ${fmt.label}...` : fmt.label }),
+                  /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "text-xs text-zinc-500 mt-0.5 leading-relaxed", children: isDownloading ? "Please wait while the file is being prepared." : fmt.desc })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { className: cn("flex-shrink-0", fmt.accent.text), children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(DownloadIcon2, {}) })
+              ]
+            },
+            fmt.key
+          );
+        })
+      ] })
+    ] })
+  ] });
+};
 function deriveJobStatusUrl2(newJobId, pollUrl, regenerateUrl) {
   const base = pollUrl?.replace(/\/api\/jobs\/[^/]+\/status.*$/, "") ?? regenerateUrl?.replace(/\/api\/reports\/[^/]+\/regenerate.*$/, "") ?? "";
   return `${base}/api/jobs/${newJobId}/status`;
@@ -17474,6 +17581,7 @@ var ResearchReportJobCard = (props) => {
   const [error, setError] = (0, import_react79.useState)(initialError);
   const [progress, setProgress] = (0, import_react79.useState)(initialProgress);
   const [showPreview, setShowPreview] = (0, import_react79.useState)(false);
+  const [showExport, setShowExport] = (0, import_react79.useState)(false);
   const [previewScale, setPreviewScale] = (0, import_react79.useState)(1);
   const [copied, setCopied] = (0, import_react79.useState)(false);
   const [approving, setApproving] = (0, import_react79.useState)(false);
@@ -18064,46 +18172,6 @@ var ResearchReportJobCard = (props) => {
       ] }) })
     ] }) });
   }
-  const handleDownload = async () => {
-    if (!htmlUrl) return;
-    const filename = `${(title ?? "").replace(/[^a-z0-9]/gi, "-").toLowerCase()}.html`;
-    const href = `/api/download?url=${encodeURIComponent(htmlUrl)}&filename=${encodeURIComponent(filename)}`;
-    try {
-      const response = await fetch(href);
-      if (!response.ok) throw new Error(`status ${response.status}`);
-      const blob = await response.blob();
-      const objectUrl = window.URL.createObjectURL(blob);
-      const anchor = document.createElement("a");
-      anchor.href = objectUrl;
-      anchor.download = filename;
-      document.body.appendChild(anchor);
-      anchor.click();
-      anchor.remove();
-      window.URL.revokeObjectURL(objectUrl);
-    } catch {
-      window.open(htmlUrl, "_blank", "noopener,noreferrer");
-    }
-  };
-  const handleDownloadPdf = async () => {
-    if (!pdfUrl) return;
-    const filename = `${(title ?? "").replace(/[^a-z0-9]/gi, "-").toLowerCase()}.pdf`;
-    const href = `/api/download?url=${encodeURIComponent(pdfUrl)}&filename=${encodeURIComponent(filename)}`;
-    try {
-      const response = await fetch(href);
-      if (!response.ok) throw new Error(`status ${response.status}`);
-      const blob = await response.blob();
-      const objectUrl = window.URL.createObjectURL(blob);
-      const anchor = document.createElement("a");
-      anchor.href = objectUrl;
-      anchor.download = filename;
-      document.body.appendChild(anchor);
-      anchor.click();
-      anchor.remove();
-      window.URL.revokeObjectURL(objectUrl);
-    } catch {
-      window.open(pdfUrl, "_blank", "noopener,noreferrer");
-    }
-  };
   const resolveShareLink = () => {
     if (shareUrl) return shareUrl;
     if (typeof window !== "undefined" && job_id) {
@@ -18229,15 +18297,34 @@ var ResearchReportJobCard = (props) => {
           ),
           /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("h3", { className: "text-sm font-semibold text-zinc-100 truncate leading-tight", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("p", { className: "text-xs text-zinc-500 mt-0.5", children: [
-              depth && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { className: "capitalize", children: depth }),
-              depth && sectionCount > 0 && " \xB7 ",
-              sectionCount > 0 && `${sectionCount} sections`,
-              sourceCount > 0 && ` \xB7 ${sourceCount} sources`,
-              wordCount > 0 && ` \xB7 ${formatWordCount(wordCount)} words`,
-              templateLabel && ` \xB7 ${templateLabel}`
+            (depth || sectionCount > 0 || sourceCount > 0 || wordCount > 0 || templateLabel) && /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5 mt-1.5", children: [
+              depth && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(Chip2, { children: depth }),
+              sectionCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(Chip2, { children: [
+                sectionCount,
+                " sections"
+              ] }),
+              sourceCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(Chip2, { children: [
+                sourceCount,
+                " sources"
+              ] }),
+              wordCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(Chip2, { children: [
+                formatWordCount(wordCount),
+                " words"
+              ] }),
+              templateLabel && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(Chip2, { children: templateLabel })
             ] }),
-            generationMode === "template" && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "text-xs mt-1", children: isApproved ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { className: "text-emerald-400/90", children: "Approved \u2014 future reports use this format" }) : reviewStatus === "pending_review" ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { className: "text-amber-400/90", children: "Review this report, then approve to lock the layout" }) : null })
+            generationMode === "template" && (isApproved || reviewStatus === "pending_review") && /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("p", { className: "flex items-center gap-1.5 text-xs mt-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+                "span",
+                {
+                  className: cn(
+                    "w-1.5 h-1.5 rounded-full flex-shrink-0",
+                    isApproved ? "bg-emerald-400" : "bg-amber-400"
+                  )
+                }
+              ),
+              isApproved ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { className: "text-emerald-400/90", children: "Approved \u2014 future reports use this format" }) : /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { className: "text-amber-400/90", children: "Review this report, then approve to lock the layout" })
+            ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex items-center gap-1.5 flex-shrink-0 flex-wrap justify-end", children: [
             /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex items-center rounded-lg border border-zinc-700 bg-zinc-800 overflow-hidden divide-x divide-zinc-700", children: [
@@ -18295,18 +18382,6 @@ var ResearchReportJobCard = (props) => {
                   ),
                   children: copied ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(CheckIcon2, {}) : /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(ShareIcon2, {})
                 }
-              ),
-              pdfUrl && /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
-                "button",
-                {
-                  onClick: handleDownloadPdf,
-                  title: "Download PDF",
-                  className: "flex items-center gap-1.5 px-2.5 h-7 text-xs font-medium text-zinc-300 hover:text-zinc-100 hover:bg-zinc-700/60 transition-colors",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(DownloadIcon2, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { children: "PDF" })
-                  ]
-                }
               )
             ] }),
             canApprove && /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
@@ -18326,8 +18401,9 @@ var ResearchReportJobCard = (props) => {
             /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
               "button",
               {
-                onClick: handleDownload,
-                disabled: !hasHTML,
+                onClick: () => setShowExport(true),
+                disabled: !hasHTML && !pdfUrl,
+                title: "Download this report (PDF or HTML)",
                 className: "flex items-center gap-1.5 px-3 h-7 text-xs font-semibold rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
                 style: { backgroundImage: GOLD_GRADIENT, color: readableOn(primaryColor) },
                 onMouseEnter: (e) => e.currentTarget.style.filter = "brightness(1.1)",
@@ -18384,6 +18460,15 @@ var ResearchReportJobCard = (props) => {
         title,
         onClose: () => setShowPreview(false)
       }
+    ),
+    showExport && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+      ReportExportModal,
+      {
+        htmlUrl,
+        pdfUrl,
+        title,
+        onClose: () => setShowExport(false)
+      }
     )
   ] });
 };