rails-profiler 0.21.0 → 0.22.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 80a34504e3cb67a077d5f46265cbc265cbf7704f89ad06f90e5ab5df22651a70
-  data.tar.gz: d23a6d0d9f107611d66dfe34987447efde5f74f2562efd146d43d910fe431c6a
+  metadata.gz: 87931b523c1fcf03710fe558f619591bc2a953aa50ad76ccf414357964515a5d
+  data.tar.gz: c07a2ae3e5104529f72d4ce04caf67aa04647946c4ba5e98fc68ca1c7b10c320
 SHA512:
-  metadata.gz: 668d228ede43471fc71a5d65d6498bfd00606865f7cad69dd23e03f79a4e84a2ba5f34dbc2d9e07809df4319946055464b7b8e615ee29e14c8cfafdef10ffc4a
-  data.tar.gz: 16926d1a141c64cc72110698cd21e4d5c26d6e9022cd17ad6ba5ba3112aa98ce1917db9d005c112fac62190790433c06b24f1d9a85648edabf679664eb89b30d
+  metadata.gz: ffb96a532e285ff59fe55059a2a0615c397ff82838479da8804709e14e7ec1802a0b759ffdd32ed64bb9166ea185efd8da06956cab3078c43bf4e6120b8d7c56
+  data.tar.gz: 22de884813f0d456a53c2388bb3849ff343bbd4349951419ab2f04f3c1977ce0e1681ba5c8c5349fff3cb894d6f2a8b34de9cf13f92acce08921ec3298fe816c

data/app/assets/builds/profiler-toolbar.js

@@ -1010,6 +1010,60 @@
     ] });
   }
 
+  // app/assets/typescript/profiler/components/toolbar/panels/MailerPanel.tsx
+  function MailerPanel({ mailerData }) {
+    const hasErrors = mailerData.failed > 0 || mailerData.loop_warnings.length > 0;
+    return /* @__PURE__ */ u3(k, { children: [
+      /* @__PURE__ */ u3("div", { class: "profiler-toolbar-panel-header", children: [
+        "Mailers",
+        /* @__PURE__ */ u3("span", { class: "profiler-float-right", children: [
+          mailerData.total,
+          " email",
+          mailerData.total !== 1 ? "s" : ""
+        ] })
+      ] }),
+      /* @__PURE__ */ u3("div", { class: "profiler-toolbar-panel-content", children: [
+        mailerData.deliver_now > 0 && /* @__PURE__ */ u3("div", { class: "profiler-toolbar-panel-row", children: [
+          /* @__PURE__ */ u3("span", { children: "deliver_now" }),
+          /* @__PURE__ */ u3("strong", { children: mailerData.deliver_now })
+        ] }),
+        mailerData.deliver_later > 0 && /* @__PURE__ */ u3("div", { class: "profiler-toolbar-panel-row", children: [
+          /* @__PURE__ */ u3("span", { children: "deliver_later" }),
+          /* @__PURE__ */ u3("strong", { children: mailerData.deliver_later })
+        ] }),
+        (mailerData.queued_count ?? 0) > 0 && /* @__PURE__ */ u3("div", { class: "profiler-toolbar-panel-row", children: [
+          /* @__PURE__ */ u3("span", { children: "Queued" }),
+          /* @__PURE__ */ u3("strong", { children: mailerData.queued_count })
+        ] }),
+        mailerData.multi_part_count > 0 && /* @__PURE__ */ u3("div", { class: "profiler-toolbar-panel-row", children: [
+          /* @__PURE__ */ u3("span", { children: "Multi-part" }),
+          /* @__PURE__ */ u3("strong", { children: mailerData.multi_part_count })
+        ] }),
+        mailerData.failed > 0 && /* @__PURE__ */ u3("div", { class: "profiler-toolbar-panel-row", children: [
+          /* @__PURE__ */ u3("span", { children: "Errors" }),
+          /* @__PURE__ */ u3("strong", { class: "profiler-text--error", children: mailerData.failed })
+        ] }),
+        mailerData.loop_warnings.length > 0 && /* @__PURE__ */ u3("div", { class: "profiler-toolbar-panel-row", children: [
+          /* @__PURE__ */ u3("span", { class: "profiler-text--warning", children: "\u26A0\uFE0F Loop detected" }),
+          /* @__PURE__ */ u3("strong", { class: "profiler-text--warning", children: mailerData.loop_warnings.length })
+        ] }),
+        [...mailerData.emails, ...mailerData.errors].slice(0, 3).map((email, i3) => /* @__PURE__ */ u3("div", { class: "profiler-toolbar-panel-row profiler-text--sm", children: [
+          /* @__PURE__ */ u3("span", { class: "profiler-text--muted", children: [
+            email.mailer_class,
+            "#",
+            email.action
+          ] }),
+          /* @__PURE__ */ u3("span", { class: email.error ? "profiler-text--error" : "profiler-text--success", children: email.error ? "\u274C" : "\u2705" })
+        ] }, i3)),
+        mailerData.total > 3 && /* @__PURE__ */ u3("div", { class: "profiler-toolbar-panel-row profiler-text--muted profiler-text--xs", children: [
+          "+",
+          mailerData.total - 3,
+          " more\u2026"
+        ] })
+      ] })
+    ] });
+  }
+
   // app/assets/typescript/profiler/components/toolbar/ToolbarApp.tsx
   function statusClass2(status) {
     if (status >= 200 && status < 300) return "profiler-text--success";
@@ -1045,6 +1099,7 @@
     const routesData = cd["routes"];
     const i18nData = cd["i18n"];
     const envData = cd["env"];
+    const mailerData = cd["mailer"];
     const childJobs = profile.child_jobs ?? [];
     const reqClass = statusClass2(profile.status);
     const durClass = durationClass(profile.duration);
@@ -1283,6 +1338,32 @@
           ]
         }
       ),
+      mailerData && (mailerData.total > 0 || (mailerData.queued_count ?? 0) > 0) && /* @__PURE__ */ u3(
+        ToolbarItem,
+        {
+          href: `/_profiler/profiles/${token}?tab=mailer`,
+          className: mailerData.failed > 0 ? "profiler-text--error" : "profiler-text--success",
+          panelLarge: true,
+          panel: /* @__PURE__ */ u3(MailerPanel, { mailerData }),
+          children: [
+            /* @__PURE__ */ u3("span", { class: "profiler-text--muted profiler-text--xs", children: "MAIL" }),
+            mailerData.total > 0 && /* @__PURE__ */ u3("span", { children: mailerData.total }),
+            mailerData.total === 0 && (mailerData.queued_count ?? 0) > 0 && /* @__PURE__ */ u3("span", { class: "profiler-text--muted", children: [
+              mailerData.queued_count,
+              "q"
+            ] }),
+            mailerData.total > 0 && (mailerData.queued_count ?? 0) > 0 && /* @__PURE__ */ u3("span", { class: "profiler-text--muted profiler-text--xs", children: [
+              "+",
+              mailerData.queued_count,
+              "q"
+            ] }),
+            mailerData.failed > 0 && /* @__PURE__ */ u3("span", { class: "profiler-text--error profiler-text--xs", children: [
+              "\u25B2 ",
+              mailerData.failed
+            ] })
+          ]
+        }
+      ),
       envData && envData.total > 0 && /* @__PURE__ */ u3(
         ToolbarItem,
         {

data/app/assets/builds/profiler.js

@@ -4449,6 +4449,243 @@
     ] });
   }
 
+  // app/assets/typescript/profiler/components/dashboard/tabs/MailerTab.tsx
+  function BodyPreview({ email }) {
+    const hasHtml = !!email.body_html;
+    const hasText = !!email.body_text;
+    if (!email.body_captured) {
+      return /* @__PURE__ */ u3("div", { class: "profiler-mt-3 profiler-text--xs profiler-text--muted", children: [
+        "Body not captured \u2014 enable ",
+        /* @__PURE__ */ u3("code", { children: "config.capture_mail_body = true" }),
+        " in your profiler initializer"
+      ] });
+    }
+    if (!hasHtml && !hasText) return null;
+    const [mode, setMode] = d2(hasHtml ? "preview" : "text");
+    const switchMode = (m3) => (e3) => {
+      e3.stopPropagation();
+      setMode(m3);
+    };
+    const activeStyle = { borderColor: "var(--profiler-accent)", color: "var(--profiler-accent)" };
+    return /* @__PURE__ */ u3("div", { class: "profiler-mt-3", children: [
+      /* @__PURE__ */ u3("div", { class: "profiler-mb-2 profiler-flex profiler-flex--gap-2", style: { alignItems: "center" }, children: [
+        /* @__PURE__ */ u3("span", { class: "profiler-text--muted profiler-text--xs", children: "Body" }),
+        hasHtml && /* @__PURE__ */ u3(k, { children: [
+          /* @__PURE__ */ u3("button", { class: "profiler-btn profiler-btn--sm", style: mode === "preview" ? activeStyle : {}, onClick: switchMode("preview"), children: "HTML preview" }),
+          /* @__PURE__ */ u3("button", { class: "profiler-btn profiler-btn--sm", style: mode === "source" ? activeStyle : {}, onClick: switchMode("source"), children: "HTML source" })
+        ] }),
+        hasText && /* @__PURE__ */ u3("button", { class: "profiler-btn profiler-btn--sm", style: mode === "text" ? activeStyle : {}, onClick: switchMode("text"), children: "Plain text" })
+      ] }),
+      mode === "preview" && hasHtml && /* @__PURE__ */ u3(
+        "iframe",
+        {
+          srcdoc: email.body_html,
+          sandbox: "allow-same-origin",
+          style: { width: "100%", height: "300px", border: "1px solid var(--profiler-border)", borderRadius: "var(--profiler-radius-md)", background: "#fff", display: "block" }
+        }
+      ),
+      (mode === "source" || mode === "text") && /* @__PURE__ */ u3("pre", { style: { maxHeight: "300px", overflow: "auto", background: "var(--profiler-bg-lighter, rgba(0,0,0,0.2))", padding: "12px", borderRadius: "var(--profiler-radius-md)", fontSize: "12px", margin: 0, whiteSpace: "pre-wrap", wordBreak: "break-all", border: "1px solid var(--profiler-border)" }, children: mode === "source" ? email.body_html : email.body_text })
+    ] });
+  }
+  function AssignsSection({ assigns }) {
+    const entries = Object.entries(assigns);
+    if (entries.length === 0) return null;
+    return /* @__PURE__ */ u3("div", { class: "profiler-mt-3", children: [
+      /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted profiler-mb-1", style: { textTransform: "uppercase", letterSpacing: "0.05em" }, children: "Variables" }),
+      entries.map(([key, value]) => /* @__PURE__ */ u3("div", { class: "profiler-kv-row", children: [
+        /* @__PURE__ */ u3("span", { children: /* @__PURE__ */ u3("code", { children: [
+          "@",
+          key
+        ] }) }),
+        /* @__PURE__ */ u3("code", { style: { textAlign: "right", wordBreak: "break-all", maxWidth: "60%" }, children: value })
+      ] }, key))
+    ] });
+  }
+  function EmailDetail({ email }) {
+    return /* @__PURE__ */ u3("div", { class: "profiler-mt-3", onClick: (e3) => e3.stopPropagation(), children: [
+      email.subject && /* @__PURE__ */ u3("div", { class: "profiler-kv-row", children: [
+        /* @__PURE__ */ u3("span", { children: "Subject" }),
+        /* @__PURE__ */ u3("span", { children: email.subject })
+      ] }),
+      email.to && email.to.length > 0 && /* @__PURE__ */ u3("div", { class: "profiler-kv-row", children: [
+        /* @__PURE__ */ u3("span", { children: "To" }),
+        /* @__PURE__ */ u3("span", { style: { textAlign: "right", wordBreak: "break-all" }, children: email.to.join(", ") })
+      ] }),
+      email.from && email.from.length > 0 && /* @__PURE__ */ u3("div", { class: "profiler-kv-row", children: [
+        /* @__PURE__ */ u3("span", { children: "From" }),
+        /* @__PURE__ */ u3("span", { style: { textAlign: "right" }, children: email.from.join(", ") })
+      ] }),
+      email.cc && email.cc.length > 0 && /* @__PURE__ */ u3("div", { class: "profiler-kv-row", children: [
+        /* @__PURE__ */ u3("span", { children: "CC" }),
+        /* @__PURE__ */ u3("span", { style: { textAlign: "right" }, children: email.cc.join(", ") })
+      ] }),
+      email.bcc && email.bcc.length > 0 && /* @__PURE__ */ u3("div", { class: "profiler-kv-row", children: [
+        /* @__PURE__ */ u3("span", { children: "BCC" }),
+        /* @__PURE__ */ u3("span", { style: { textAlign: "right" }, children: email.bcc.join(", ") })
+      ] }),
+      email.reply_to && email.reply_to.length > 0 && /* @__PURE__ */ u3("div", { class: "profiler-kv-row", children: [
+        /* @__PURE__ */ u3("span", { children: "Reply-To" }),
+        /* @__PURE__ */ u3("span", { style: { textAlign: "right" }, children: email.reply_to.join(", ") })
+      ] }),
+      email.template && /* @__PURE__ */ u3("div", { class: "profiler-kv-row", children: [
+        /* @__PURE__ */ u3("span", { children: "Template" }),
+        /* @__PURE__ */ u3("code", { children: email.template })
+      ] }),
+      email.parts && email.parts.length > 0 && /* @__PURE__ */ u3("div", { class: "profiler-kv-row", children: [
+        /* @__PURE__ */ u3("span", { children: "Parts" }),
+        /* @__PURE__ */ u3("span", { style: { textAlign: "right" }, children: email.parts.join(", ") })
+      ] }),
+      email.attachments && email.attachments.length > 0 && /* @__PURE__ */ u3("div", { class: "profiler-kv-row", children: [
+        /* @__PURE__ */ u3("span", { children: "Attachments" }),
+        /* @__PURE__ */ u3("span", { style: { textAlign: "right" }, children: email.attachments.map((a3) => `${a3.filename} (${(a3.size / 1024).toFixed(1)} KB)`).join(", ") })
+      ] }),
+      /* @__PURE__ */ u3("div", { class: "profiler-kv-row", children: [
+        /* @__PURE__ */ u3("span", { children: "Render" }),
+        /* @__PURE__ */ u3("span", { class: "profiler-query-card__duration", children: email.duration_ms != null ? `${email.duration_ms} ms` : "\u2014" })
+      ] }),
+      email.delivery_ms != null && /* @__PURE__ */ u3("div", { class: "profiler-kv-row", children: [
+        /* @__PURE__ */ u3("span", { children: "Delivery" }),
+        /* @__PURE__ */ u3("span", { class: "profiler-query-card__duration", children: [
+          email.delivery_ms,
+          " ms"
+        ] })
+      ] }),
+      email.message_id && /* @__PURE__ */ u3("div", { class: "profiler-kv-row", children: [
+        /* @__PURE__ */ u3("span", { children: "Message-ID" }),
+        /* @__PURE__ */ u3("code", { style: { fontSize: "11px", wordBreak: "break-all", maxWidth: "70%", textAlign: "right" }, children: email.message_id })
+      ] }),
+      email.error && /* @__PURE__ */ u3("div", { class: "profiler-kv-row", children: [
+        /* @__PURE__ */ u3("span", { children: "Error" }),
+        /* @__PURE__ */ u3("span", { class: "profiler-text--error", style: { textAlign: "right" }, children: email.error })
+      ] }),
+      email.assigns && Object.keys(email.assigns).length > 0 && /* @__PURE__ */ u3(AssignsSection, { assigns: email.assigns }),
+      /* @__PURE__ */ u3(BodyPreview, { email })
+    ] });
+  }
+  function EmailRow({ email, onClick, isExpanded }) {
+    const cardClass = ["profiler-query-card", email.error ? "profiler-query-card--slow" : ""].filter(Boolean).join(" ");
+    return /* @__PURE__ */ u3("div", { class: cardClass, style: { cursor: "pointer", marginBottom: "6px" }, onClick, children: [
+      /* @__PURE__ */ u3("div", { class: "profiler-query-card__header", children: [
+        /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-2", style: { minWidth: 0, flex: 1 }, children: /* @__PURE__ */ u3("span", { class: "profiler-text--sm", style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
+          /* @__PURE__ */ u3("strong", { children: email.mailer_class }),
+          /* @__PURE__ */ u3("span", { class: "profiler-text--muted", children: [
+            "#",
+            email.action
+          ] }),
+          email.subject && /* @__PURE__ */ u3("span", { class: "profiler-text--muted", children: [
+            " \u2014 ",
+            email.subject.slice(0, 60),
+            email.subject.length > 60 ? "\u2026" : ""
+          ] })
+        ] }) }),
+        /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-2", style: { flexShrink: 0 }, children: [
+          email.delivery_mode && /* @__PURE__ */ u3("span", { class: "badge-info profiler-text--xs", children: email.delivery_mode }),
+          email.duration_ms != null && /* @__PURE__ */ u3("span", { class: "profiler-query-card__duration profiler-text--xs", children: [
+            email.duration_ms,
+            " ms"
+          ] }),
+          email.error ? /* @__PURE__ */ u3("span", { class: "badge-error profiler-text--xs", children: "Error" }) : /* @__PURE__ */ u3("span", { class: "badge-success profiler-text--xs", children: "Sent" }),
+          /* @__PURE__ */ u3("span", { class: "profiler-text--muted profiler-text--xs", children: isExpanded ? "\u25B2" : "\u25BC" })
+        ] })
+      ] }),
+      isExpanded && /* @__PURE__ */ u3(EmailDetail, { email })
+    ] });
+  }
+  function QueuedRow({ email }) {
+    return /* @__PURE__ */ u3("div", { class: "profiler-query-card", style: { marginBottom: "6px", borderLeft: "3px solid var(--profiler-info, #38bdf8)" }, children: [
+      /* @__PURE__ */ u3("div", { class: "profiler-query-card__header", children: [
+        /* @__PURE__ */ u3("span", { class: "profiler-text--sm", children: [
+          /* @__PURE__ */ u3("strong", { children: email.mailer_class }),
+          /* @__PURE__ */ u3("span", { class: "profiler-text--muted", children: [
+            "#",
+            email.action
+          ] })
+        ] }),
+        /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-2", style: { flexShrink: 0 }, children: [
+          /* @__PURE__ */ u3("span", { class: "badge-info profiler-text--xs", children: "queued" }),
+          email.delivery_method && /* @__PURE__ */ u3("span", { class: "badge-default profiler-text--xs", children: email.delivery_method }),
+          email.duration_ms != null && /* @__PURE__ */ u3("span", { class: "profiler-query-card__duration profiler-text--xs", children: [
+            email.duration_ms,
+            " ms"
+          ] })
+        ] })
+      ] }),
+      email.assigns && Object.keys(email.assigns).length > 0 && /* @__PURE__ */ u3(AssignsSection, { assigns: email.assigns })
+    ] });
+  }
+  function MailerTab({ mailerData }) {
+    const [expandedIndex, setExpandedIndex] = d2(null);
+    const [expandedErrorIndex, setExpandedErrorIndex] = d2(null);
+    const queuedCount = mailerData?.queued_count ?? 0;
+    if (!mailerData || mailerData.total === 0 && queuedCount === 0) {
+      return /* @__PURE__ */ u3("div", { class: "profiler-empty", children: /* @__PURE__ */ u3("p", { class: "profiler-empty__description", children: "No emails sent during this request" }) });
+    }
+    const toggleRow = (i3) => setExpandedIndex(expandedIndex === i3 ? null : i3);
+    const toggleErrorRow = (i3) => setExpandedErrorIndex(expandedErrorIndex === i3 ? null : i3);
+    return /* @__PURE__ */ u3(k, { children: [
+      /* @__PURE__ */ u3("h2", { class: "profiler-section__header", children: "Mailer Deliveries" }),
+      /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-4 profiler-mb-4 profiler-text--sm", children: [
+        /* @__PURE__ */ u3("span", { children: [
+          "Total: ",
+          /* @__PURE__ */ u3("strong", { children: mailerData.total })
+        ] }),
+        mailerData.deliver_now > 0 && /* @__PURE__ */ u3("span", { children: [
+          "deliver_now: ",
+          /* @__PURE__ */ u3("strong", { children: mailerData.deliver_now })
+        ] }),
+        mailerData.deliver_later > 0 && /* @__PURE__ */ u3("span", { children: [
+          "deliver_later: ",
+          /* @__PURE__ */ u3("strong", { children: mailerData.deliver_later })
+        ] }),
+        queuedCount > 0 && /* @__PURE__ */ u3("span", { children: [
+          "queued: ",
+          /* @__PURE__ */ u3("strong", { children: queuedCount })
+        ] }),
+        mailerData.multi_part_count > 0 && /* @__PURE__ */ u3("span", { children: [
+          "Multi-part: ",
+          /* @__PURE__ */ u3("strong", { children: mailerData.multi_part_count })
+        ] }),
+        mailerData.failed > 0 && /* @__PURE__ */ u3("span", { children: [
+          "Errors: ",
+          /* @__PURE__ */ u3("strong", { class: "profiler-text--error", children: mailerData.failed })
+        ] })
+      ] }),
+      mailerData.loop_warnings.length > 0 && /* @__PURE__ */ u3("div", { class: "profiler-alert-banner profiler-alert-banner--warning profiler-mb-4", children: [
+        /* @__PURE__ */ u3("span", { class: "profiler-alert-banner__icon", children: "\u26A0\uFE0F" }),
+        /* @__PURE__ */ u3("div", { style: { flex: 1 }, children: [
+          /* @__PURE__ */ u3("strong", { children: "Send loop detected" }),
+          " \u2014 ",
+          mailerData.loop_warnings.length,
+          " pattern",
+          mailerData.loop_warnings.length > 1 ? "s" : "",
+          mailerData.loop_warnings.map((w3, i3) => /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted profiler-mt-1", children: w3.message }, i3))
+        ] })
+      ] }),
+      mailerData.truncated && /* @__PURE__ */ u3("div", { class: "profiler-alert-banner profiler-alert-banner--warning profiler-mb-4", children: [
+        /* @__PURE__ */ u3("span", { class: "profiler-alert-banner__icon", children: "\u26A0\uFE0F" }),
+        /* @__PURE__ */ u3("span", { children: "Showing first 50 emails only \u2014 additional emails were truncated" })
+      ] }),
+      mailerData.emails.length > 0 && /* @__PURE__ */ u3(k, { children: [
+        /* @__PURE__ */ u3("h3", { class: "profiler-text--lg profiler-mt-4 profiler-mb-3", children: [
+          "Emails",
+          /* @__PURE__ */ u3("span", { class: "profiler-text--muted profiler-text--sm", style: { fontWeight: "normal", marginLeft: "8px" }, children: "click to expand" })
+        ] }),
+        mailerData.emails.map((email, i3) => /* @__PURE__ */ u3(EmailRow, { email, onClick: () => toggleRow(i3), isExpanded: expandedIndex === i3 }, i3))
+      ] }),
+      mailerData.queued && mailerData.queued.length > 0 && /* @__PURE__ */ u3(k, { children: [
+        /* @__PURE__ */ u3("h3", { class: "profiler-text--lg profiler-mt-4 profiler-mb-2", children: [
+          "Queued",
+          /* @__PURE__ */ u3("span", { class: "profiler-text--muted profiler-text--sm", style: { fontWeight: "normal", marginLeft: "8px" }, children: "deliver_later \u2014 will be sent in a background job" })
+        ] }),
+        mailerData.queued.map((email, i3) => /* @__PURE__ */ u3(QueuedRow, { email }, `q-${i3}`))
+      ] }),
+      mailerData.errors.length > 0 && /* @__PURE__ */ u3(k, { children: [
+        /* @__PURE__ */ u3("h3", { class: "profiler-text--lg profiler-mt-6 profiler-mb-3 profiler-text--error", children: "Delivery Errors" }),
+        mailerData.errors.map((email, i3) => /* @__PURE__ */ u3(EmailRow, { email, onClick: () => toggleErrorRow(i3), isExpanded: expandedErrorIndex === i3 }, `err-${i3}`))
+      ] })
+    ] });
+  }
+
   // app/assets/typescript/profiler/components/dashboard/ProfileDashboard.tsx
   function ProfileDashboard({ profile, initialTab, embedded }) {
     const cd = profile.collectors_data || {};
@@ -4459,6 +4696,7 @@
     const hasRoutes = (cd["routes"]?.total ?? 0) > 0;
     const hasI18n = (cd["i18n"]?.total ?? 0) > 0;
     const hasJobs = (profile.child_jobs?.length ?? 0) > 0;
+    const hasMailers = (cd["mailer"]?.total ?? 0) > 0;
     const [activeTab, setActiveTab] = d2(hasException ? "exception" : initialTab);
     const handleTabClick = (tab) => (e3) => {
       e3.preventDefault();
@@ -4530,6 +4768,7 @@
             profile.child_jobs.length,
             ")"
           ] }),
+          hasMailers && /* @__PURE__ */ u3("a", { href: "#", class: tabClass("mailer"), onClick: handleTabClick("mailer"), children: "Mailers" }),
           /* @__PURE__ */ u3("a", { href: "#", class: tabClass("env"), onClick: handleTabClick("env"), children: "Env" })
         ] }),
         /* @__PURE__ */ u3("div", { class: "profiler-p-4 tab-content active", children: [
@@ -4546,6 +4785,7 @@
           activeTab === "routes" && /* @__PURE__ */ u3(RoutesTab, { routesData: cd["routes"] }),
           activeTab === "i18n" && /* @__PURE__ */ u3(I18nTab, { i18nData: cd["i18n"] }),
           activeTab === "jobs" && /* @__PURE__ */ u3(JobsTab, { jobs: profile.child_jobs }),
+          activeTab === "mailer" && /* @__PURE__ */ u3(MailerTab, { mailerData: cd["mailer"] }),
           activeTab === "env" && /* @__PURE__ */ u3(EnvTab, { envData: cd["env"], readOnly: true })
         ] })
       ] }),
@@ -4615,7 +4855,8 @@
     const hasDumps = (cd["dump"]?.count ?? 0) > 0;
     const hasLogs = (cd["logs"]?.total ?? 0) > 0;
     const hasException = !!cd["exception"]?.exception_class;
-    const validTabs = ["job", "database", "cache", "http", "jobs", "dump", "logs", "exception", "env", "timeline"];
+    const hasMailers = (cd["mailer"]?.total ?? 0) > 0;
+    const validTabs = ["job", "database", "cache", "http", "jobs", "dump", "logs", "exception", "env", "timeline", "mailer"];
     const defaultTab = validTabs.includes(initialTab) ? initialTab : "job";
     const [activeTab, setActiveTab] = d2(hasException ? "exception" : defaultTab);
     const jobData = cd["job"];
@@ -4706,6 +4947,7 @@
             ")"
           ] }),
           hasLogs && /* @__PURE__ */ u3("a", { href: "#", class: tabClass("logs"), onClick: handleTabClick("logs"), children: "Logs" }),
+          hasMailers && /* @__PURE__ */ u3("a", { href: "#", class: tabClass("mailer"), onClick: handleTabClick("mailer"), children: "Mailers" }),
           /* @__PURE__ */ u3("a", { href: "#", class: tabClass("env"), onClick: handleTabClick("env"), children: "Env" })
         ] }),
         /* @__PURE__ */ u3("div", { class: "profiler-p-4 tab-content active", children: [
@@ -4718,6 +4960,7 @@
           activeTab === "jobs" && /* @__PURE__ */ u3(JobsTab, { jobs: profile.child_jobs }),
           activeTab === "dump" && /* @__PURE__ */ u3(DumpsTab, { dumpData: cd["dump"] }),
           activeTab === "logs" && /* @__PURE__ */ u3(LogsTab, { logData: cd["logs"] }),
+          activeTab === "mailer" && /* @__PURE__ */ u3(MailerTab, { mailerData: cd["mailer"] }),
           activeTab === "env" && /* @__PURE__ */ u3(EnvTab, { envData: cd["env"], readOnly: true })
         ] })
       ] }),

data/lib/profiler/collectors/flamegraph_collector.rb

@@ -10,6 +10,7 @@ module Profiler
         super
         @events = []
         @subscriptions = []
+        @mutex = Mutex.new
       end
 
       def icon
@@ -38,7 +39,7 @@ module Profiler
 
         # Controller action
         @subscriptions << ActiveSupport::Notifications.monotonic_subscribe("process_action.action_controller") do |_name, started, finished, _unique_id, payload|
-          @events << Models::TimelineEvent.new(
+          add_event Models::TimelineEvent.new(
             name: "#{payload[:controller]}##{payload[:action]}",
             started_at: started,
             finished_at: finished,
@@ -57,7 +58,7 @@ module Profiler
         # Template rendering
         @subscriptions << ActiveSupport::Notifications.monotonic_subscribe("render_template.action_view") do |_name, started, finished, _unique_id, payload|
           identifier = short_identifier(payload[:identifier])
-          @events << Models::TimelineEvent.new(
+          add_event Models::TimelineEvent.new(
             name: "Render: #{identifier}",
             started_at: started,
             finished_at: finished,
@@ -69,7 +70,7 @@ module Profiler
         # Partial rendering
         @subscriptions << ActiveSupport::Notifications.monotonic_subscribe("render_partial.action_view") do |_name, started, finished, _unique_id, payload|
           identifier = short_identifier(payload[:identifier])
-          @events << Models::TimelineEvent.new(
+          add_event Models::TimelineEvent.new(
             name: "Partial: #{identifier}",
             started_at: started,
             finished_at: finished,
@@ -84,7 +85,7 @@ module Profiler
           next if payload[:sql] =~ /^(BEGIN|COMMIT|ROLLBACK|SAVEPOINT)/i
 
           sql = payload[:sql].to_s
-          @events << Models::TimelineEvent.new(
+          add_event Models::TimelineEvent.new(
             name: sql.length > 80 ? "#{sql[0, 80]}..." : sql,
             started_at: started,
             finished_at: finished,
@@ -98,7 +99,7 @@ module Profiler
           @subscriptions << ActiveSupport::Notifications.monotonic_subscribe(event_name) do |name, started, finished, _unique_id, payload|
             op = name.split(".").first.sub("cache_", "")
             key = payload[:key].to_s
-            @events << Models::TimelineEvent.new(
+            add_event Models::TimelineEvent.new(
               name: "cache_#{op}: #{key.length > 60 ? "#{key[0, 60]}..." : key}",
               started_at: started,
               finished_at: finished,
@@ -111,7 +112,7 @@ module Profiler
 
       # Called by Profiler.measure to record custom instrumentation events
       def record_custom_event(label:, started_at:, finished_at:, metadata: {})
-        @events << Models::TimelineEvent.new(
+        add_event Models::TimelineEvent.new(
           name: label,
           started_at: started_at,
           finished_at: finished_at,
@@ -122,7 +123,7 @@ module Profiler
 
       # Called by NetHttpInstrumentation to record outbound HTTP events
       def record_http_event(started_at:, finished_at:, url:, method:, status:)
-        @events << Models::TimelineEvent.new(
+        add_event Models::TimelineEvent.new(
           name: "HTTP #{method} #{url}",
           started_at: started_at,
           finished_at: finished_at,
@@ -182,6 +183,10 @@ module Profiler
         roots
       end
 
+      def add_event(event)
+        @mutex.synchronize { @events << event }
+      end
+
       def short_identifier(identifier)
         return identifier.to_s unless identifier.to_s.include?("/")
 

data/lib/profiler/collectors/http_collector.rb

@@ -9,6 +9,8 @@ module Profiler
       def initialize(profile)
         super
         @requests = []
+        @mutex = Mutex.new
+        @collected = false
       end
 
       def icon
@@ -40,47 +42,88 @@ module Profiler
       def collect
         Thread.current[:profiler_http_collector] = nil
 
-        threshold = Profiler.configuration.slow_http_threshold
+        data = @mutex.synchronize do
+          @collected = true
+          build_data(@requests)
+        end
+        store_data(data)
+      end
 
-        store_data(
-          total_requests: @requests.size,
-          total_duration: @requests.sum { |r| r[:duration] }.round(2),
-          slow_requests: @requests.count { |r| r[:duration] >= threshold },
-          error_requests: @requests.count { |r| r[:status] >= 400 || r[:status] == 0 },
-          by_host: group_by_host,
-          by_status: group_by_status,
-          requests: @requests.map { |r| r.transform_keys(&:to_s) }
-        )
+      # Called from NetHttpInstrumentation before the actual HTTP call.
+      # Returns the mutable entry so the caller can update it on completion.
+      def register_pending(payload)
+        entry = payload.merge(in_flight: true, status: 0, duration: nil,
+                              response_headers: {}, response_body: nil,
+                              response_body_encoding: "text", response_size: 0)
+        @mutex.synchronize { @requests << entry }
+        save_if_collected
+        entry
       end
 
-      def record_request(payload)
-        @requests << payload
+      # Called from NetHttpInstrumentation after the HTTP response is received.
+      def complete_request(entry, **data)
+        @mutex.synchronize { entry.merge!(data.merge(in_flight: false)) }
+        save_if_collected
+      end
+
+      # Called from NetHttpInstrumentation when the HTTP call raises.
+      def fail_request(entry, error:, duration:)
+        @mutex.synchronize { entry.merge!(in_flight: false, status: 0, duration: duration, error: error) }
+        save_if_collected
       end
 
       def toolbar_summary
-        total = @requests.size
+        requests = @mutex.synchronize { @requests.dup }
+        total = requests.size
         return { text: "0 HTTP", color: "green" } if total == 0
 
         threshold = Profiler.configuration.slow_http_threshold
-        errors = @requests.count { |r| r[:status] >= 400 || r[:status] == 0 }
-        slow = @requests.count { |r| r[:duration] >= threshold }
-        duration = @requests.sum { |r| r[:duration] }.round(2)
+        in_flight = requests.count { |r| r[:in_flight] }
+        errors = requests.count { |r| !r[:in_flight] && (r[:status] >= 400 || r[:status] == 0) }
+        slow = requests.count { |r| !r[:in_flight] && r[:duration] && r[:duration] >= threshold }
+        duration = requests.sum { |r| r[:duration].to_f }.round(2)
 
         color = if errors > 0 || slow > 0
                   "red"
-                elsif total > 10
+                elsif in_flight > 0 || total > 10
                   "orange"
                 else
                   "green"
                 end
 
-        { text: "#{total} HTTP (#{duration}ms)", color: color }
+        text = in_flight > 0 ? "#{total} HTTP (#{in_flight} pending, #{duration}ms)" : "#{total} HTTP (#{duration}ms)"
+        { text: text, color: color }
       end
 
       private
 
-      def group_by_host
-        @requests.each_with_object(Hash.new(0)) do |req, h|
+      def build_data(requests)
+        threshold = Profiler.configuration.slow_http_threshold
+        {
+          total_requests: requests.size,
+          total_duration: requests.sum { |r| r[:duration].to_f }.round(2),
+          slow_requests: requests.count { |r| !r[:in_flight] && r[:duration] && r[:duration] >= threshold },
+          error_requests: requests.count { |r| !r[:in_flight] && (r[:status] >= 400 || r[:status] == 0) },
+          by_host: group_by_host(requests),
+          by_status: group_by_status(requests),
+          requests: requests.map { |r| r.transform_keys(&:to_s) }
+        }
+      end
+
+      # Rebuilds and persists HTTP data after collect has already run.
+      # Called when fire-and-forget threads register or complete requests post-collect.
+      def save_if_collected
+        data = @mutex.synchronize do
+          return unless @collected
+
+          build_data(@requests)
+        end
+        store_data(data)
+        Profiler.storage.save(@profile.token, @profile)
+      end
+
+      def group_by_host(requests)
+        requests.each_with_object(Hash.new(0)) do |req, h|
           host = begin
             URI.parse(req[:url]).host || "unknown"
           rescue URI::InvalidURIError
@@ -90,16 +133,17 @@ module Profiler
         end
       end
 
-      def group_by_status
-        @requests.each_with_object(Hash.new(0)) do |req, h|
-          status = req[:status]
-          key = if status == 0
+      def group_by_status(requests)
+        requests.each_with_object(Hash.new(0)) do |req, h|
+          key = if req[:in_flight]
+                  "pending"
+                elsif req[:status] == 0
                   "error"
-                elsif status < 300
+                elsif req[:status] < 300
                   "2xx"
-                elsif status < 400
+                elsif req[:status] < 400
                   "3xx"
-                elsif status < 500
+                elsif req[:status] < 500
                   "4xx"
                 else
                   "5xx"