pxengine 0.1.82 → 0.1.83

package/dist/index.cjs

@@ -39485,94 +39485,6 @@ var ExpandIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("svg", {
   /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("line", { x1: "21", y1: "3", x2: "14", y2: "10" }),
   /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
 ] });
-var FORMATS2 = [
-  {
-    key: "pdf_url",
-    label: "PDF",
-    ext: ".pdf",
-    emoji: "\u{1F4C4}",
-    desc: "Professional formatted report \u2014 open in any PDF viewer",
-    accent: { text: "text-red-400", bg: "bg-red-500/10 border-red-500/20" }
-  },
-  {
-    key: "html_url",
-    label: "HTML",
-    ext: ".html",
-    emoji: "\u{1F310}",
-    desc: "Interactive web version \u2014 open in any browser",
-    accent: { text: "text-blue-400", bg: "bg-blue-500/10 border-blue-500/20" }
-  }
-];
-var ExportModal2 = ({ formats, title, onClose }) => {
-  const available = FORMATS2.filter((f) => formats[f.key]);
-  const filename = title.replace(/[^a-z0-9]/gi, "-").toLowerCase();
-  const [downloadingKey, setDownloadingKey] = (0, import_react76.useState)(null);
-  const handleDownload = async (fmtKey, url, ext) => {
-    if (downloadingKey) return;
-    const downloadName = `${filename}${ext}`;
-    const href = `/api/download?url=${encodeURIComponent(url)}&filename=${encodeURIComponent(downloadName)}`;
-    try {
-      setDownloadingKey(fmtKey);
-      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(href, "_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 = formats[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
-          );
-        })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "text-xs text-zinc-600 mt-4 text-center", children: "Download links expire in 7 days" })
-    ] })
-  ] });
-};
 var FullscreenPreviewModal = ({ url, title, onClose }) => {
   (0, import_react76.useEffect)(() => {
     const onKey = (e) => {
@@ -39627,7 +39539,7 @@ var ResearchReportJobCard = ({
   word_count: initialWordCount,
   executive_summary: initialSummary,
   key_findings: _initialFindings,
-  formats: initialFormats = {},
+  html_url: initialHtmlUrl,
   theme: initialTheme,
   error: initialError,
   pollUrl,
@@ -39643,10 +39555,9 @@ var ResearchReportJobCard = ({
   const [sourceCount, setSourceCount] = (0, import_react76.useState)(initialSourceCount ?? 0);
   const [wordCount, setWordCount] = (0, import_react76.useState)(initialWordCount ?? 0);
   const [summary, setSummary] = (0, import_react76.useState)(initialSummary || "");
-  const [formats, setFormats] = (0, import_react76.useState)(initialFormats);
+  const [htmlUrl, setHtmlUrl] = (0, import_react76.useState)(initialHtmlUrl || "");
   const [theme, setTheme] = (0, import_react76.useState)(initialTheme || DEFAULT_THEME);
   const [error, setError] = (0, import_react76.useState)(initialError);
-  const [showExport, setShowExport] = (0, import_react76.useState)(false);
   const [showPreview, setShowPreview] = (0, import_react76.useState)(false);
   const [previewScale, setPreviewScale] = (0, import_react76.useState)(1);
   const previewRef = (0, import_react76.useRef)(null);
@@ -39658,7 +39569,7 @@ var ResearchReportJobCard = ({
   onFailedRef.current = onFailed;
   const isTerminal = status === "complete" || status === "failed";
   const primaryColor = theme?.primary || DEFAULT_THEME.primary;
-  const hasHTML = Boolean(formats.html_url);
+  const hasHTML = Boolean(htmlUrl);
   const updateScale = (0, import_react76.useCallback)(() => {
     if (previewRef.current) {
       setPreviewScale(previewRef.current.offsetWidth / 800);
@@ -39670,7 +39581,7 @@ var ResearchReportJobCard = ({
     const ro = new ResizeObserver(updateScale);
     if (previewRef.current) ro.observe(previewRef.current);
     return () => ro.disconnect();
-  }, [updateScale, formats.html_url]);
+  }, [updateScale, htmlUrl]);
   (0, import_react76.useEffect)(() => {
     if (isTerminal || !pollUrl) return;
     const poll = async () => {
@@ -39692,7 +39603,7 @@ var ResearchReportJobCard = ({
           setSourceCount(output.source_count || 0);
           setWordCount(output.word_count || 0);
           setSummary(output.executive_summary || "");
-          setFormats(output.formats || {});
+          setHtmlUrl(output.html_url || "");
           if (output.theme) {
             setTheme(output.theme);
           }
@@ -39753,6 +39664,26 @@ var ResearchReportJobCard = ({
       ] })
     ] }) }) });
   }
+  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");
+    }
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(import_jsx_runtime148.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: cn("w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "bg-zinc-900 border border-zinc-800 rounded-2xl overflow-hidden", children: [
       /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
@@ -39806,14 +39737,15 @@ var ResearchReportJobCard = ({
             /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
               "button",
               {
-                onClick: () => setShowExport(true),
-                className: "flex items-center gap-1.5 px-2.5 h-7 text-white text-xs font-medium rounded-lg transition-colors",
+                onClick: handleDownload,
+                disabled: !hasHTML,
+                className: "flex items-center gap-1.5 px-2.5 h-7 text-white text-xs font-medium rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
                 style: { backgroundColor: primaryColor },
                 onMouseEnter: (e) => e.currentTarget.style.filter = "brightness(1.15)",
                 onMouseLeave: (e) => e.currentTarget.style.filter = "brightness(1)",
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(DownloadIcon2, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { children: "Export" })
+                  /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { children: "Download" })
                 ]
               }
             )
@@ -39831,7 +39763,7 @@ var ResearchReportJobCard = ({
               /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
                 "iframe",
                 {
-                  src: formats.html_url,
+                  src: htmlUrl,
                   title,
                   sandbox: "allow-same-origin",
                   style: {
@@ -39855,11 +39787,10 @@ var ResearchReportJobCard = ({
         !hasHTML && summary && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "mt-4 pt-4 border-t border-zinc-800/60", children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "text-sm text-zinc-400 leading-relaxed line-clamp-3", children: summary }) })
       ] })
     ] }) }),
-    showExport && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(ExportModal2, { formats, title, onClose: () => setShowExport(false) }),
     showPreview && hasHTML && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
       FullscreenPreviewModal,
       {
-        url: formats.html_url,
+        url: htmlUrl,
         title,
         onClose: () => setShowPreview(false)
       }