@redacto.io/dpdpa-report-sdk-js 0.2.0 → 0.3.0

package/dist/dpdpa-report.js

@@ -35,7 +35,7 @@ var PATHS = {
   status: "/webhook/dpdpa/status"
 };
 var DEFAULT_POLL_INTERVAL_MS = 3e3;
-var DEFAULT_POLL_TIMEOUT_MS = 3e5;
+var DEFAULT_POLL_TIMEOUT_MS = 9e4;
 var MAX_CONSECUTIVE_ERRORS = 3;
 var REQUEST_TIMEOUT_MS = 15e3;
 var STORAGE_KEY = "redacto_dpdpa_lead";
@@ -737,6 +737,291 @@ function buildCss(brand) {
       from { transform: rotate(0deg); }
       to { transform: rotate(360deg); }
     }
+
+    /* Quick insights view */
+
+    .dpdpa-card-wide {
+      min-height: 0;
+    }
+
+    .dpdpa-qi {
+      display: flex;
+      flex-direction: column;
+      gap: 18px;
+      flex: 1;
+      animation: dpdpa-fade-in 0.35s ease-out both;
+    }
+
+    .dpdpa-qi-header {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+
+    .dpdpa-qi-title {
+      margin: 0;
+      font-size: 18px;
+      font-weight: 700;
+      color: ${brand.text};
+      line-height: 1.3;
+    }
+
+    .dpdpa-qi-subtitle {
+      margin: 0;
+      font-size: 14px;
+      color: ${brand.text};
+      opacity: 0.85;
+      line-height: 1.55;
+    }
+
+    .dpdpa-applicability {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      padding: 12px 14px;
+      border-radius: ${brand.borderRadius};
+      border: 1px solid ${brand.border};
+      background: #ffffff;
+    }
+
+    .dpdpa-applicability-level {
+      font-size: 11px;
+      font-weight: 700;
+      letter-spacing: 0.6px;
+      text-transform: uppercase;
+    }
+
+    .dpdpa-applicability-reason {
+      font-size: 13px;
+      color: ${brand.text};
+      opacity: 0.85;
+      line-height: 1.45;
+    }
+
+    .dpdpa-badge-strong { border-color: ${brand.primary}66; background: ${brand.primary}10; }
+    .dpdpa-badge-strong .dpdpa-applicability-level { color: ${brand.primary}; }
+
+    .dpdpa-badge-warn { border-color: #f59e0b66; background: #f59e0b14; }
+    .dpdpa-badge-warn .dpdpa-applicability-level { color: #b45309; }
+
+    .dpdpa-badge-soft { border-color: #94a3b866; background: #94a3b814; }
+    .dpdpa-badge-soft .dpdpa-applicability-level { color: #475569; }
+
+    .dpdpa-badge-mute { border-color: ${brand.border}; background: ${brand.background}; }
+    .dpdpa-badge-mute .dpdpa-applicability-level { color: ${brand.text}; opacity: 0.7; }
+
+    .dpdpa-badge-neutral { border-color: ${brand.border}; background: ${brand.background}; }
+    .dpdpa-badge-neutral .dpdpa-applicability-level { color: ${brand.text}; }
+
+    .dpdpa-confidence-row {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    .dpdpa-meta-label {
+      font-size: 11px;
+      font-weight: 700;
+      letter-spacing: 0.5px;
+      text-transform: uppercase;
+      color: ${brand.text};
+      opacity: 0.6;
+    }
+
+    .dpdpa-meta-value {
+      font-size: 13px;
+      color: ${brand.text};
+    }
+
+    .dpdpa-chip {
+      display: inline-flex;
+      align-items: center;
+      padding: 3px 8px;
+      font-size: 11px;
+      font-weight: 600;
+      color: ${brand.text};
+      background: ${brand.background};
+      border: 1px solid ${brand.border};
+      border-radius: 999px;
+      white-space: nowrap;
+    }
+
+    .dpdpa-chip-ref {
+      background: ${brand.primary}12;
+      border-color: ${brand.primary}33;
+      color: ${brand.primary};
+    }
+
+    .dpdpa-chip-data {
+      background: #ecfeff;
+      border-color: #67e8f933;
+      color: #0e7490;
+    }
+
+    .dpdpa-chip-touchpoint {
+      background: #f5f3ff;
+      border-color: #c4b5fd33;
+      color: #5b21b6;
+    }
+
+    .dpdpa-chip-row {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 6px;
+    }
+
+    .dpdpa-callout {
+      padding: 12px 14px;
+      background: ${brand.primary}08;
+      border: 1px solid ${brand.primary}22;
+      border-radius: ${brand.borderRadius};
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+
+    .dpdpa-callout-title {
+      font-size: 12px;
+      font-weight: 700;
+      letter-spacing: 0.3px;
+      text-transform: uppercase;
+      color: ${brand.primary};
+    }
+
+    .dpdpa-callout-message {
+      margin: 0;
+      font-size: 13px;
+      color: ${brand.text};
+      line-height: 1.5;
+      opacity: 0.85;
+    }
+
+    .dpdpa-section {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+
+    .dpdpa-section-title {
+      margin: 0;
+      font-size: 13px;
+      font-weight: 700;
+      color: ${brand.text};
+      letter-spacing: 0.2px;
+    }
+
+    .dpdpa-area-list {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+
+    .dpdpa-area-card {
+      padding: 12px 14px;
+      background: #ffffff;
+      border: 1px solid ${brand.border};
+      border-radius: ${brand.borderRadius};
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    .dpdpa-area-heading {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 10px;
+      flex-wrap: wrap;
+    }
+
+    .dpdpa-area-name {
+      margin: 0;
+      font-size: 14px;
+      font-weight: 700;
+      color: ${brand.text};
+    }
+
+    .dpdpa-product-hint {
+      font-size: 11px;
+      font-weight: 600;
+      color: ${brand.primary};
+      background: ${brand.primary}12;
+      padding: 3px 8px;
+      border-radius: 999px;
+      white-space: nowrap;
+    }
+
+    .dpdpa-area-why {
+      margin: 0;
+      font-size: 13px;
+      color: ${brand.text};
+      opacity: 0.8;
+      line-height: 1.5;
+    }
+
+    .dpdpa-cu-profile {
+      margin: 0;
+      font-size: 13px;
+      color: ${brand.text};
+      opacity: 0.85;
+      line-height: 1.5;
+    }
+
+    .dpdpa-cu-meta {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    .dpdpa-email-banner {
+      display: flex;
+      align-items: flex-start;
+      gap: 12px;
+      padding: 14px 16px;
+      background: linear-gradient(135deg, ${brand.primary}10, ${brand.accent}10);
+      border: 1px solid ${brand.primary}33;
+      border-radius: ${brand.borderRadius};
+    }
+
+    .dpdpa-email-icon {
+      flex: none;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 32px;
+      height: 32px;
+      border-radius: 50%;
+      background: ${brand.primary};
+      color: ${brand.primaryText};
+      margin-top: 2px;
+    }
+
+    .dpdpa-email-text {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+      min-width: 0;
+    }
+
+    .dpdpa-email-headline {
+      font-size: 14px;
+      font-weight: 700;
+      color: ${brand.text};
+    }
+
+    .dpdpa-email-sub {
+      margin: 0;
+      font-size: 13px;
+      color: ${brand.text};
+      opacity: 0.8;
+      line-height: 1.5;
+      word-break: break-word;
+    }
+
+    @keyframes dpdpa-fade-in {
+      from { opacity: 0; transform: translateY(6px); }
+      to   { opacity: 1; transform: translateY(0); }
+    }
   `;
 }
 function injectFormStyles(root, brand) {
@@ -974,7 +1259,7 @@ function renderIdle(brand, fields, errors, generalErrorText, handlers) {
     el(
       "p",
       { className: "dpdpa-subheading" },
-      "We'll analyse your site and deliver a compliance assessment PDF."
+      "We'll preview your DPDPA exposure here and email you the full report."
     ),
     generalError,
     nameRow.row,
@@ -1034,42 +1319,12 @@ function animatedDots() {
     el("span")
   );
 }
-function stepCheck(brand) {
-  return el(
-    "div",
-    {
-      className: "dpdpa-step-icon dpdpa-step-icon-done",
-      style: { backgroundColor: brand.successColor }
-    },
-    svg(
-      "svg",
-      { width: 12, height: 12, viewBox: "0 0 24 24", fill: "none" },
-      svg("path", {
-        d: "M5 12l5 5L20 7",
-        stroke: "#ffffff",
-        "stroke-width": 3,
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
-      })
-    )
-  );
-}
 function stepPulse(brand) {
   return el("div", {
     className: "dpdpa-step-icon dpdpa-step-icon-active",
     style: { backgroundColor: brand.primary }
   });
 }
-var STEP_ORDER = {
-  pending: 0,
-  researching: 0,
-  analysis_complete: 2
-};
-var STEPS = [
-  { label: (company) => `Researching ${company}` },
-  { label: () => "Analysing DPDPA compliance" },
-  { label: () => "Generating your report" }
-];
 function renderPolling(brand, opts) {
   const pct = Math.min(100, Math.round(opts.elapsedMs / opts.pollTimeoutMs * 100));
   const progressFill = el("div", {
@@ -1081,92 +1336,191 @@ function renderPolling(brand, opts) {
     {
       className: "dpdpa-progress",
       role: "progressbar",
-      "aria-label": "Report generation progress",
+      "aria-label": "Quick insights progress",
       "aria-valuemin": "0",
       "aria-valuemax": "100",
       "aria-valuenow": String(pct)
     },
     progressFill
   );
-  const currentIdx = STEP_ORDER[opts.subStatus];
-  const stepsList = el("div", { className: "dpdpa-steps" });
-  STEPS.forEach((step, idx) => {
-    if (idx > currentIdx) return;
-    const isActive = idx === currentIdx;
-    const row = el(
-      "div",
-      {
-        className: `dpdpa-step ${isActive ? "dpdpa-step-active" : "dpdpa-step-done"}`
-      },
-      isActive ? stepPulse(brand) : stepCheck(brand),
-      el(
-        "span",
-        {
-          className: isActive ? "dpdpa-step-label dpdpa-shimmer" : "dpdpa-step-label"
-        },
-        step.label(opts.companyName)
-      )
-    );
-    if (isActive) row.appendChild(animatedDots());
-    stepsList.appendChild(row);
-  });
+  const stepRow = el(
+    "div",
+    { className: "dpdpa-step dpdpa-step-active" },
+    stepPulse(brand),
+    el(
+      "span",
+      { className: "dpdpa-step-label dpdpa-shimmer" },
+      `Scanning ${opts.companyName}'s privacy footprint`
+    ),
+    animatedDots()
+  );
   const body = el(
     "div",
     { className: "dpdpa-polling" },
-    stepsList,
+    el("div", { className: "dpdpa-steps" }, stepRow),
     el(
       "p",
       { className: "dpdpa-polling-sub" },
-      "This usually takes 60 to 120 seconds. Keep this tab open."
+      "Generating your preliminary DPDPA scan. This usually takes 10\u201320 seconds."
     ),
     progressBar
   );
   return el("div", { className: "dpdpa-card" }, header(brand), body, footer(brand));
 }
-function checkIcon(brand) {
+function chip(text, variant) {
+  return el(
+    "span",
+    { className: `dpdpa-chip${variant ? ` dpdpa-chip-${variant}` : ""}` },
+    text
+  );
+}
+function applicabilityBadge(level, reason) {
+  const upper = (level || "").toUpperCase();
+  let cls = "dpdpa-badge-neutral";
+  if (upper.includes("VERY_LIKELY")) cls = "dpdpa-badge-strong";
+  else if (upper === "LIKELY") cls = "dpdpa-badge-warn";
+  else if (upper === "POSSIBLY") cls = "dpdpa-badge-soft";
+  else if (upper === "UNLIKELY") cls = "dpdpa-badge-mute";
   return el(
     "div",
-    {
-      className: "dpdpa-check-circle",
-      style: { backgroundColor: brand.successColor }
-    },
-    svg(
-      "svg",
-      {
-        width: 28,
-        height: 28,
-        viewBox: "0 0 24 24",
-        fill: "none"
-      },
-      svg("path", {
-        d: "M5 12l5 5L20 7",
-        stroke: "#ffffff",
-        "stroke-width": 3,
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
-      })
-    )
+    { className: `dpdpa-applicability ${cls}` },
+    el("span", { className: "dpdpa-applicability-level" }, level.replace(/_/g, " ")),
+    el("span", { className: "dpdpa-applicability-reason" }, reason)
   );
 }
-function isSafeUrl(raw) {
-  const s = (raw || "").trim();
-  if (!s) return false;
-  if (/^https?:\/\//i.test(s)) return true;
-  if (/^\/[^/]/.test(s) || s.startsWith("./") || s.startsWith("../"))
-    return true;
-  return false;
+function sectionTitle(text) {
+  return el("h4", { className: "dpdpa-section-title" }, text);
 }
-function renderComplete(brand, opts) {
-  const safeHref = isSafeUrl(opts.reportUrl) ? opts.reportUrl : "#";
-  const downloadBtn = el(
-    "a",
-    {
-      href: safeHref,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      className: "dpdpa-btn-primary dpdpa-btn-link"
-    },
-    "Download PDF"
+function areaCard(area) {
+  const refs = el(
+    "div",
+    { className: "dpdpa-chip-row" },
+    ...area.dpdpa_references.map((r) => chip(r, "ref"))
+  );
+  const hint = area.redacto_product_hint ? el(
+    "span",
+    { className: "dpdpa-product-hint" },
+    `Redacto ${area.redacto_product_hint}`
+  ) : null;
+  const heading = el(
+    "div",
+    { className: "dpdpa-area-heading" },
+    el("h5", { className: "dpdpa-area-name" }, area.area),
+    ...hint ? [hint] : []
+  );
+  return el(
+    "div",
+    { className: "dpdpa-area-card" },
+    heading,
+    refs,
+    el("p", { className: "dpdpa-area-why" }, area.why_this_is_being_checked)
+  );
+}
+function emailIcon() {
+  return svg(
+    "svg",
+    { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none" },
+    svg("path", {
+      d: "M4 6h16v12H4z",
+      stroke: "currentColor",
+      "stroke-width": 2,
+      "stroke-linejoin": "round"
+    }),
+    svg("path", {
+      d: "M4 7l8 6 8-6",
+      stroke: "currentColor",
+      "stroke-width": 2,
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    })
+  );
+}
+function renderQuickInsights(brand, opts) {
+  const ins = opts.insights;
+  const title = el(
+    "h3",
+    { className: "dpdpa-qi-title" },
+    `Preliminary DPDPA scan for ${opts.companyName}`
+  );
+  const subtitle = el(
+    "p",
+    { className: "dpdpa-qi-subtitle" },
+    ins.summary
+  );
+  const confidence = el(
+    "div",
+    { className: "dpdpa-confidence-row" },
+    el("span", { className: "dpdpa-meta-label" }, "Confidence"),
+    chip(ins.confidence)
+  );
+  const applicability = applicabilityBadge(
+    ins.dpdpa_applicability_signal.level,
+    ins.dpdpa_applicability_signal.reason
+  );
+  const eduNote = el(
+    "div",
+    { className: "dpdpa-callout" },
+    el("div", { className: "dpdpa-callout-title" }, ins.educational_note.title),
+    el("p", { className: "dpdpa-callout-message" }, ins.educational_note.message)
+  );
+  const areasSection = el(
+    "section",
+    { className: "dpdpa-section" },
+    sectionTitle("Areas under review"),
+    el(
+      "div",
+      { className: "dpdpa-area-list" },
+      ...ins.areas_under_review.map((a) => areaCard(a))
+    )
+  );
+  const cu = ins.company_understanding;
+  const companySection = el(
+    "section",
+    { className: "dpdpa-section" },
+    sectionTitle("Company understanding"),
+    el("p", { className: "dpdpa-cu-profile" }, cu.business_profile),
+    el(
+      "div",
+      { className: "dpdpa-cu-meta" },
+      el("span", { className: "dpdpa-meta-label" }, "Likely users"),
+      el("span", { className: "dpdpa-meta-value" }, cu.likely_user_relationship)
+    ),
+    el(
+      "div",
+      { className: "dpdpa-chip-row" },
+      ...cu.likely_digital_touchpoints.map((t) => chip(t, "touchpoint"))
+    )
+  );
+  const dataSection = el(
+    "section",
+    { className: "dpdpa-section" },
+    sectionTitle("Data likely to validate"),
+    el(
+      "div",
+      { className: "dpdpa-chip-row" },
+      ...ins.likely_data_to_validate.map((d) => chip(d, "data"))
+    )
+  );
+  const emailBanner = el(
+    "div",
+    { className: "dpdpa-email-banner" },
+    el("span", { className: "dpdpa-email-icon" }, emailIcon()),
+    el(
+      "div",
+      { className: "dpdpa-email-text" },
+      el(
+        "strong",
+        { className: "dpdpa-email-headline" },
+        "Your full DPDPA report is on its way."
+      ),
+      el(
+        "p",
+        { className: "dpdpa-email-sub" },
+        `We'll email it to `,
+        el("strong", null, opts.email),
+        ` once compliance validation finishes.`
+      )
+    )
   );
   const resetLink = el(
     "a",
@@ -1178,26 +1532,33 @@ function renderComplete(brand, opts) {
         opts.onReset();
       }
     },
-    "Request another report"
+    "Run another scan"
   );
   const body = el(
     "div",
-    { className: "dpdpa-success" },
-    checkIcon(brand),
-    el(
-      "h3",
-      { className: "dpdpa-success-title" },
-      `Your DPDPA report for ${opts.companyName} is ready`
-    ),
+    { className: "dpdpa-qi" },
     el(
-      "p",
-      { className: "dpdpa-success-sub" },
-      "Click below to download your compliance assessment PDF."
+      "div",
+      { className: "dpdpa-qi-header" },
+      title,
+      applicability
     ),
-    downloadBtn,
+    subtitle,
+    confidence,
+    eduNote,
+    areasSection,
+    companySection,
+    dataSection,
+    emailBanner,
     resetLink
   );
-  return el("div", { className: "dpdpa-card" }, header(brand), body, footer(brand));
+  return el(
+    "div",
+    { className: "dpdpa-card dpdpa-card-wide" },
+    header(brand),
+    body,
+    footer(brand)
+  );
 }
 function renderError(brand, opts) {
   const retryBtn = el(
@@ -1236,7 +1597,6 @@ var FormController = class {
     this.pollHiddenSince = null;
     this.pollHiddenTotalMs = 0;
     this.pollResumePending = false;
-    this.lastSubStatus = null;
     this.consecutiveErrors = 0;
     this.destroyed = false;
     this.unsubscribe = null;
@@ -1249,7 +1609,7 @@ var FormController = class {
       subStatus: "pending",
       elapsedMs: 0,
       jobId: null,
-      reportUrl: null,
+      quickInsights: null,
       errors: {},
       generalError: null,
       errorMessage: "",
@@ -1335,10 +1695,11 @@ var FormController = class {
           pollTimeoutMs: this.getPollTimeout()
         });
         break;
-      case "complete":
-        node = renderComplete(this.brand, {
+      case "quick_insights":
+        node = renderQuickInsights(this.brand, {
           companyName: this.fields.company_name,
-          reportUrl: s.reportUrl || "#",
+          email: this.fields.email,
+          insights: s.quickInsights,
           onReset: () => this.resetToIdle()
         });
         break;
@@ -1346,7 +1707,7 @@ var FormController = class {
         node = renderError(this.brand, {
           message: s.errorMessage,
           retryable: s.retryable,
-          onRetry: () => this.submit(),
+          onRetry: () => this.retry(),
           onBack: () => {
             var _a;
             return this.backToIdle((_a = s.generalError) != null ? _a : s.errorMessage);
@@ -1446,7 +1807,8 @@ var FormController = class {
         baseUrl: this.getBaseUrl(),
         body: {
           company_name: lead.company_name,
-          company_domain: lead.company_domain
+          company_domain: lead.company_domain,
+          requested_by: lead.email
         }
       });
       if (this.destroyed) return;
@@ -1479,7 +1841,6 @@ var FormController = class {
     this.pollStartedAt = Date.now();
     this.pollHiddenSince = null;
     this.pollHiddenTotalMs = 0;
-    this.lastSubStatus = null;
     this.consecutiveErrors = 0;
     this.store.setState({
       phase: "polling",
@@ -1501,18 +1862,19 @@ var FormController = class {
     this.pollTimer = setTimeout(() => this.pollTick(), interval);
   }
   getActiveElapsed() {
-    return Date.now() - this.pollStartedAt - this.pollHiddenTotalMs;
+    const hiddenInFlight = this.pollHiddenSince !== null ? Date.now() - this.pollHiddenSince : 0;
+    return Date.now() - this.pollStartedAt - this.pollHiddenTotalMs - hiddenInFlight;
   }
   async pollTick() {
-    var _a, _b, _c, _d;
+    var _a, _b;
     if (this.destroyed) return;
     const jobId = this.store.getState().jobId;
     if (!jobId) return;
     const activeElapsed = this.getActiveElapsed();
     if (activeElapsed >= this.getPollTimeout()) {
       this.showError(
-        "Report generation is taking longer than expected. Our team has been notified.",
-        false
+        "Quick insights are taking longer than expected. Please try again.",
+        true
       );
       this.emitError("Polling timed out", "timeout");
       return;
@@ -1522,33 +1884,47 @@ var FormController = class {
       if (this.destroyed) return;
       this.consecutiveErrors = 0;
       if ("status" in res && res.status === "error") {
-        this.showError(res.message || "Report generation failed.", true);
-        this.emitError(res.message || "Job errored", "poll");
+        const errShape = res;
+        this.showError(errShape.message || "Report generation failed.", true);
+        this.emitError(errShape.message || "Job errored", "poll");
         return;
       }
-      if (res.status === "complete" && "report_url" in res && res.report_url) {
+      const inProgress = res;
+      if (inProgress.quick_insights_status === "complete") {
+        const insights = inProgress.quick_insights;
+        if (!insights) {
+          this.showError(
+            "Quick insights are marked complete but the payload is missing. Please try again.",
+            true
+          );
+          this.emitError(
+            "Quick insights complete without payload",
+            "poll"
+          );
+          return;
+        }
         const acceptedLead = this.makeLead(jobId);
         saveLead(acceptedLead);
         this.store.setState({
-          phase: "complete",
-          reportUrl: res.report_url
+          phase: "quick_insights",
+          quickInsights: insights
         });
         try {
-          (_b = (_a = this.options).onComplete) == null ? void 0 : _b.call(_a, res.report_url, acceptedLead);
+          (_b = (_a = this.options).onQuickInsightsReady) == null ? void 0 : _b.call(_a, insights, acceptedLead);
         } catch (err) {
-          console.error("onComplete handler threw:", err);
+          console.error("onQuickInsightsReady handler threw:", err);
         }
         return;
       }
-      const sub = res.status;
-      if (sub !== this.lastSubStatus) {
-        this.lastSubStatus = sub;
-        try {
-          (_d = (_c = this.options).onStatusChange) == null ? void 0 : _d.call(_c, sub);
-        } catch (err) {
-          console.error("onStatusChange handler threw:", err);
-        }
+      if (inProgress.quick_insights_status === "error") {
+        this.showError(
+          "We couldn't generate quick insights. Please try again.",
+          true
+        );
+        this.emitError("Quick insights errored", "poll");
+        return;
       }
+      const sub = (inProgress.status === "complete" ? "analysis_complete" : inProgress.status) || "pending";
       this.store.setState({
         phase: "polling",
         subStatus: sub,
@@ -1582,8 +1958,13 @@ var FormController = class {
   handleVisibilityChange() {
     if (this.destroyed) return;
     if (document.hidden) {
-      if (this.store.getState().phase === "polling" && this.pollHiddenSince === null) {
-        this.pollHiddenSince = Date.now();
+      if (this.store.getState().phase === "polling") {
+        if (this.pollHiddenSince === null) this.pollHiddenSince = Date.now();
+        if (this.pollTimer) {
+          clearTimeout(this.pollTimer);
+          this.pollTimer = null;
+        }
+        this.pollResumePending = true;
       }
       return;
     }
@@ -1603,15 +1984,25 @@ var FormController = class {
       retryable
     });
   }
+  // Resume polling on the existing job_id when we already have one;
+  // otherwise re-POST. Prevents duplicate email delivery when a transient
+  // poll/timeout error is retried.
+  retry() {
+    const jobId = this.store.getState().jobId;
+    if (jobId) {
+      this.startPolling(jobId);
+    } else {
+      this.submit();
+    }
+  }
   resetToIdle() {
     this.fields = { ...EMPTY_FIELDS };
-    this.lastSubStatus = null;
     this.store.setState({
       phase: "idle",
       errors: {},
       generalError: null,
       errorMessage: "",
-      reportUrl: null,
+      quickInsights: null,
       jobId: null,
       subStatus: "pending",
       elapsedMs: 0
@@ -1653,7 +2044,7 @@ var FormController = class {
 };
 
 // src/index.ts
-var version = "0.1.0";
+var version = "0.3.0";
 var activeController = null;
 function init(options) {
   destroy();