rails-profiler 0.17.0 → 0.19.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: af1361f732061dbeaa22f808fb18e31d812e570eac67a7dd08687257d1400399
-  data.tar.gz: 0603edc83c99eb5122896e7aeb07a7cff85e944acfc45a3fc1268eae2b4e69aa
+  metadata.gz: a4e5e84c4946f549552450c0d2d2d2053b273d3bed8dba66fefa17d9c4e5f7f9
+  data.tar.gz: 6b4be4f2b3116dbdc4270df5a6f860eabbbf709c3fc296ea34f400aaeb26ce83
 SHA512:
-  metadata.gz: 5e615b88c8d7253e24e00b416b1e5b6b858627a629714a6f041c77673fa1be1aee23bc57b999fc5016b101263c5fbc510594d6300994c007ccdef62ddab2fe42
-  data.tar.gz: 2cbe8336230ebd48a49b706a82d3f898516841b2b93d424a74a4f0aa9d9f23ab917e75ea91aef70a238f3c79db3460d3974765eda260e71efbee1864229b3f30
+  metadata.gz: 66136505b84f792418deb7a29d7d77f36a3cc62cf3bdab9d7defc842f9797b39667c92e18984925a14276880a129ef5b42faa644112ab1c917b61e9f11f8b359
+  data.tar.gz: b4ac6c0b37496721a3960732ab0839224e896aa4390757b36d84595200e6441034649f8829573a1fee30cf9c8216c5275e5faa9b0534bc48fe49a20e738d2bf3

data/app/assets/builds/profiler.js

@@ -396,6 +396,24 @@
     return "function" == typeof t3 ? t3(n2) : t3;
   }
 
+  // app/assets/typescript/profiler/components/dashboard/tabs/shared/utils.ts
+  function methodBadge(method) {
+    const map = { GET: "info", POST: "success", PUT: "warning", PATCH: "warning", DELETE: "error" };
+    return map[method] || "default";
+  }
+  function statusBadge(status) {
+    if (status === 0) return "error";
+    if (status >= 200 && status < 300) return "success";
+    if (status >= 400) return "error";
+    return "warning";
+  }
+  function formatBytes(bytes) {
+    if (bytes < 0) return "\u2014";
+    if (bytes < 1024) return `${bytes} B`;
+    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(2)} MB`;
+  }
+
   // node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js
   var f3 = 0;
   function u3(e3, t3, n2, o3, i3, u4) {
@@ -407,21 +425,53 @@
     return l.vnode && l.vnode(l3), l3;
   }
 
-  // app/assets/typescript/profiler/components/dashboard/tabs/HttpTab.tsx
-  function methodBadge(method) {
-    const map = { GET: "info", POST: "success", PUT: "warning", PATCH: "warning", DELETE: "error" };
-    return map[method] || "default";
+  // app/assets/typescript/profiler/components/dashboard/tabs/shared/HttpComponents.tsx
+  function CopyButton({ text }) {
+    const [copied, setCopied] = d2(false);
+    function copy() {
+      navigator.clipboard.writeText(text).then(() => {
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2e3);
+      });
+    }
+    return /* @__PURE__ */ u3("button", { onClick: copy, class: "profiler-body-download-btn profiler-text--xs", style: "cursor:pointer", children: copied ? "Copied!" : "Copy" });
   }
-  function statusBadge(status) {
-    if (status === 0) return "error";
-    if (status >= 200 && status < 300) return "success";
-    if (status >= 400) return "error";
-    return "warning";
+  function mimeToExt(mime) {
+    const m3 = mime.split(";")[0].trim().toLowerCase();
+    const map = {
+      "application/json": ".json",
+      "application/ld+json": ".jsonld",
+      "application/xml": ".xml",
+      "text/xml": ".xml",
+      "text/csv": ".csv",
+      "application/csv": ".csv",
+      "text/html": ".html",
+      "text/plain": ".txt",
+      "text/css": ".css",
+      "application/javascript": ".js",
+      "text/javascript": ".js",
+      "image/svg+xml": ".svg",
+      "image/png": ".png",
+      "image/jpeg": ".jpg",
+      "image/gif": ".gif",
+      "image/webp": ".webp",
+      "image/avif": ".avif",
+      "application/pdf": ".pdf",
+      "application/zip": ".zip",
+      "application/gzip": ".gz",
+      "application/octet-stream": ".bin"
+    };
+    return map[m3] || ".bin";
   }
-  function formatBytes(n2) {
-    if (n2 === 0) return "0 B";
-    if (n2 < 1024) return `${n2} B`;
-    return `${(n2 / 1024).toFixed(1)} KB`;
+  function DownloadTextButton({ text, mime }) {
+    const [url, setUrl] = d2(null);
+    y2(() => {
+      const objectUrl = URL.createObjectURL(new Blob([text], { type: mime }));
+      setUrl(objectUrl);
+      return () => URL.revokeObjectURL(objectUrl);
+    }, [text, mime]);
+    if (!url) return null;
+    return /* @__PURE__ */ u3("a", { href: url, download: `body${mimeToExt(mime)}`, class: "profiler-body-download-btn profiler-text--xs", children: "Download" });
   }
   function HeadersTable({ headers }) {
     const entries = Object.entries(headers);
@@ -494,8 +544,6 @@
     if (category === "xml") return formatXml(body);
     return body;
   }
-  var PREVIEW_LIMIT = 500;
-  var CSV_ROW_LIMIT = 10;
   function categoryMime(category) {
     const map = {
       json: "application/json",
@@ -506,53 +554,8 @@
     };
     return map[category] || "text/plain";
   }
-  function mimeToExt(mime) {
-    const m3 = mime.split(";")[0].trim().toLowerCase();
-    const map = {
-      "application/json": ".json",
-      "application/ld+json": ".jsonld",
-      "application/xml": ".xml",
-      "text/xml": ".xml",
-      "text/csv": ".csv",
-      "application/csv": ".csv",
-      "text/html": ".html",
-      "text/plain": ".txt",
-      "text/css": ".css",
-      "application/javascript": ".js",
-      "text/javascript": ".js",
-      "image/svg+xml": ".svg",
-      "image/png": ".png",
-      "image/jpeg": ".jpg",
-      "image/gif": ".gif",
-      "image/webp": ".webp",
-      "image/avif": ".avif",
-      "application/pdf": ".pdf",
-      "application/zip": ".zip",
-      "application/gzip": ".gz",
-      "application/octet-stream": ".bin"
-    };
-    return map[m3] || ".bin";
-  }
-  function CopyButton({ text }) {
-    const [copied, setCopied] = d2(false);
-    function copy() {
-      navigator.clipboard.writeText(text).then(() => {
-        setCopied(true);
-        setTimeout(() => setCopied(false), 2e3);
-      });
-    }
-    return /* @__PURE__ */ u3("button", { onClick: copy, class: "profiler-body-download-btn profiler-text--xs", style: "cursor:pointer", children: copied ? "Copied!" : "Copy" });
-  }
-  function DownloadTextButton({ text, mime }) {
-    const [url, setUrl] = d2(null);
-    y2(() => {
-      const objectUrl = URL.createObjectURL(new Blob([text], { type: mime }));
-      setUrl(objectUrl);
-      return () => URL.revokeObjectURL(objectUrl);
-    }, [text, mime]);
-    if (!url) return null;
-    return /* @__PURE__ */ u3("a", { href: url, download: `body${mimeToExt(mime)}`, class: "profiler-body-download-btn profiler-text--xs", children: "Download" });
-  }
+  var PREVIEW_LIMIT = 500;
+  var CSV_ROW_LIMIT = 10;
   function SmartBodyPreview({ body, encoding, headers }) {
     const [expanded, setExpanded] = d2(false);
     const [objectUrl, setObjectUrl] = d2(null);
@@ -611,7 +614,7 @@
         )
       ] });
     }
-    const formatted = formatTextBody(body, category) ?? body;
+    const formatted = formatTextBody(body, category);
     const preview = expanded ? formatted : formatted.slice(0, PREVIEW_LIMIT);
     const truncated = formatted.length > PREVIEW_LIMIT && !expanded;
     return /* @__PURE__ */ u3("div", { children: [
@@ -634,6 +637,98 @@
       )
     ] });
   }
+  function HttpReqRespDetail({ request, response, backtrace }) {
+    return /* @__PURE__ */ u3("div", { style: "padding:12px 4px 4px;border-top:1px solid rgba(0,0,0,0.08);margin-top:8px", children: [
+      /* @__PURE__ */ u3("div", { style: "margin-bottom:16px", children: [
+        /* @__PURE__ */ u3("div", { class: "profiler-text--sm", style: "font-weight:600;margin-bottom:8px;color:var(--profiler-muted)", children: "REQUEST" }),
+        /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Headers" }),
+        /* @__PURE__ */ u3(HeadersTable, { headers: request.headers }),
+        request.params && Object.keys(request.params).length > 0 && !request.body && /* @__PURE__ */ u3(k, { children: [
+          /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-top:10px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Params" }),
+          /* @__PURE__ */ u3("pre", { class: "profiler-code profiler-text--xs", style: "margin:0", children: JSON.stringify(request.params, null, 2) })
+        ] }),
+        request.body && /* @__PURE__ */ u3(k, { children: [
+          /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-top:10px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Body" }),
+          /* @__PURE__ */ u3(SmartBodyPreview, { body: request.body, encoding: request.body_encoding, headers: request.headers })
+        ] })
+      ] }),
+      /* @__PURE__ */ u3("div", { children: [
+        /* @__PURE__ */ u3("div", { class: "profiler-text--sm", style: "font-weight:600;margin-bottom:8px;color:var(--profiler-muted)", children: "RESPONSE" }),
+        /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Headers" }),
+        /* @__PURE__ */ u3(HeadersTable, { headers: response.headers }),
+        response.body && /* @__PURE__ */ u3(k, { children: [
+          /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-top:10px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Body" }),
+          /* @__PURE__ */ u3(SmartBodyPreview, { body: response.body, encoding: response.body_encoding, headers: response.headers })
+        ] })
+      ] }),
+      backtrace && backtrace.length > 1 && /* @__PURE__ */ u3("div", { style: "margin-top:12px", children: [
+        /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Backtrace" }),
+        backtrace.map((frame, i3) => /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "padding:2px 0", children: frame }, i3))
+      ] })
+    ] });
+  }
+  function HttpCardHeader({ method, url, copyUrl: copyUrlOverride, status, duration, curlCommand, expandable, open, onToggle }) {
+    const [copiedUrl, setCopiedUrl] = d2(false);
+    const [copiedCurl, setCopiedCurl] = d2(false);
+    function handleCopyUrl(e3) {
+      e3.stopPropagation();
+      navigator.clipboard.writeText(copyUrlOverride ?? url).then(() => {
+        setCopiedUrl(true);
+        setTimeout(() => setCopiedUrl(false), 2e3);
+      });
+    }
+    function handleCopyCurl(e3) {
+      e3.stopPropagation();
+      navigator.clipboard.writeText(curlCommand).then(() => {
+        setCopiedCurl(true);
+        setTimeout(() => setCopiedCurl(false), 2e3);
+      });
+    }
+    return /* @__PURE__ */ u3(
+      "div",
+      {
+        class: "profiler-ajax-card__row",
+        style: expandable ? "cursor:pointer;user-select:none" : void 0,
+        onClick: expandable ? onToggle : void 0,
+        children: [
+          /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-3", style: "min-width:0;flex:1", children: [
+            expandable && /* @__PURE__ */ u3("span", { style: "font-size:11px;color:var(--profiler-muted)", children: open ? "\u25BE" : "\u25B8" }),
+            /* @__PURE__ */ u3("span", { class: `profiler-ajax-card__method badge-${methodBadge(method)}`, children: method }),
+            /* @__PURE__ */ u3("strong", { class: "profiler-ajax-card__path", style: "word-break:break-all", children: url }),
+            /* @__PURE__ */ u3(
+              "button",
+              {
+                onClick: handleCopyUrl,
+                class: "profiler-body-download-btn profiler-text--xs",
+                style: "flex-shrink:0;cursor:pointer",
+                title: "Copy URL",
+                children: copiedUrl ? "Copied!" : "Copy URL"
+              }
+            ),
+            /* @__PURE__ */ u3(
+              "button",
+              {
+                onClick: handleCopyCurl,
+                class: "profiler-body-download-btn profiler-text--xs",
+                style: "flex-shrink:0;cursor:pointer",
+                title: "Copy as cURL",
+                children: copiedCurl ? "Copied!" : "Copy as cURL"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-2", style: "flex-shrink:0", children: [
+            /* @__PURE__ */ u3("span", { class: `badge-${statusBadge(status)}`, children: status === 0 ? "ERR" : status }),
+            /* @__PURE__ */ u3("span", { class: duration >= 500 ? "badge-error" : duration >= 100 ? "badge-warning" : "badge-success", children: [
+              duration.toFixed(2),
+              " ms"
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+
+  // app/assets/typescript/profiler/components/dashboard/tabs/HttpTab.tsx
   function waterfallBarColor(status, duration) {
     if (status === 0 || status >= 500) return "var(--profiler-error, #ef4444)";
     if (status >= 400) return "var(--profiler-warning, #f59e0b)";
@@ -711,55 +806,21 @@
   }
   function HttpRequestDetail({ req, index, threshold }) {
     const [open, setOpen] = d2(false);
-    const [copiedUrl, setCopiedUrl] = d2(false);
-    const [copiedCurl, setCopiedCurl] = d2(false);
     const isError = req.status >= 400 || req.status === 0;
     const isSlow = req.duration >= threshold;
     const cardCls = isError ? "profiler-ajax-card--error" : isSlow ? "profiler-ajax-card--warning" : "profiler-ajax-card--success";
-    function copyUrl(e3) {
-      e3.stopPropagation();
-      navigator.clipboard.writeText(req.url).then(() => {
-        setCopiedUrl(true);
-        setTimeout(() => setCopiedUrl(false), 2e3);
-      });
-    }
-    function copyCurl() {
-      navigator.clipboard.writeText(buildCurl(req)).then(() => {
-        setCopiedCurl(true);
-        setTimeout(() => setCopiedCurl(false), 2e3);
-      });
-    }
     return /* @__PURE__ */ u3("div", { class: `profiler-ajax-card ${cardCls}`, style: "margin-bottom:8px", children: [
       /* @__PURE__ */ u3(
-        "div",
+        HttpCardHeader,
         {
-          class: "profiler-ajax-card__row",
-          style: "cursor:pointer;user-select:none",
-          onClick: () => setOpen((o3) => !o3),
-          children: [
-            /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-3", style: "min-width:0;flex:1", children: [
-              /* @__PURE__ */ u3("span", { style: "font-size:11px;color:var(--profiler-muted)", children: open ? "\u25BE" : "\u25B8" }),
-              /* @__PURE__ */ u3("span", { class: `profiler-ajax-card__method badge-${methodBadge(req.method)}`, children: req.method }),
-              /* @__PURE__ */ u3("strong", { class: "profiler-ajax-card__path", style: "word-break:break-all", children: req.url }),
-              /* @__PURE__ */ u3(
-                "button",
-                {
-                  onClick: copyUrl,
-                  class: "profiler-body-download-btn profiler-text--xs",
-                  style: "flex-shrink:0;cursor:pointer",
-                  title: "Copy URL",
-                  children: copiedUrl ? "Copied!" : "Copy URL"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-2", style: "flex-shrink:0", children: [
-              /* @__PURE__ */ u3("span", { class: `badge-${statusBadge(req.status)}`, children: req.status === 0 ? "ERR" : req.status }),
-              /* @__PURE__ */ u3("span", { class: req.duration >= 500 ? "badge-error" : req.duration >= 100 ? "badge-warning" : "badge-success", children: [
-                req.duration.toFixed(2),
-                " ms"
-              ] })
-            ] })
-          ]
+          method: req.method,
+          url: req.url,
+          status: req.status,
+          duration: req.duration,
+          curlCommand: buildCurl(req),
+          expandable: true,
+          open,
+          onToggle: () => setOpen((o3) => !o3)
         }
       ),
       /* @__PURE__ */ u3("div", { class: "profiler-ajax-card__row", children: [
@@ -772,31 +833,14 @@
         req.backtrace && req.backtrace.length > 0 && /* @__PURE__ */ u3("span", { class: "profiler-text--xs profiler-text--muted", style: "margin-left:12px", children: req.backtrace[0] })
       ] }),
       req.error && /* @__PURE__ */ u3("div", { class: "profiler-ajax-card__row", children: /* @__PURE__ */ u3("span", { class: "profiler-text--xs profiler-text--error", children: req.error }) }),
-      open && /* @__PURE__ */ u3("div", { style: "padding:12px 4px 4px;border-top:1px solid rgba(0,0,0,0.08);margin-top:8px", children: [
-        /* @__PURE__ */ u3("div", { style: "margin-bottom:12px", children: /* @__PURE__ */ u3("button", { onClick: copyCurl, class: "profiler-body-download-btn profiler-text--xs", style: "cursor:pointer", children: copiedCurl ? "Copied!" : "Copy as cURL" }) }),
-        /* @__PURE__ */ u3("div", { style: "margin-bottom:16px", children: [
-          /* @__PURE__ */ u3("div", { class: "profiler-text--sm", style: "font-weight:600;margin-bottom:8px;color:var(--profiler-muted)", children: "REQUEST" }),
-          /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Headers" }),
-          /* @__PURE__ */ u3(HeadersTable, { headers: req.request_headers || {} }),
-          req.request_body && /* @__PURE__ */ u3(k, { children: [
-            /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-top:10px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Body" }),
-            /* @__PURE__ */ u3(SmartBodyPreview, { body: req.request_body, encoding: req.request_body_encoding, headers: req.request_headers || {} })
-          ] })
-        ] }),
-        /* @__PURE__ */ u3("div", { children: [
-          /* @__PURE__ */ u3("div", { class: "profiler-text--sm", style: "font-weight:600;margin-bottom:8px;color:var(--profiler-muted)", children: "RESPONSE" }),
-          /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Headers" }),
-          /* @__PURE__ */ u3(HeadersTable, { headers: req.response_headers || {} }),
-          req.response_body && /* @__PURE__ */ u3(k, { children: [
-            /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-top:10px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Body" }),
-            /* @__PURE__ */ u3(SmartBodyPreview, { body: req.response_body, encoding: req.response_body_encoding, headers: req.response_headers || {} })
-          ] })
-        ] }),
-        req.backtrace && req.backtrace.length > 1 && /* @__PURE__ */ u3("div", { style: "margin-top:12px", children: [
-          /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px", children: "Backtrace" }),
-          req.backtrace.map((frame, i3) => /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "padding:2px 0", children: frame }, i3))
-        ] })
-      ] })
+      open && /* @__PURE__ */ u3(
+        HttpReqRespDetail,
+        {
+          request: { headers: req.request_headers || {}, body: req.request_body, body_encoding: req.request_body_encoding },
+          response: { headers: req.response_headers || {}, body: req.response_body, body_encoding: req.response_body_encoding },
+          backtrace: req.backtrace
+        }
+      )
     ] });
   }
   function HttpTab({ httpData }) {
@@ -946,9 +990,24 @@
       throw new Error(body.error ?? `Request failed (${res.status})`);
     }
   }
-  function EnvTab({ envData }) {
+  async function resetEnvVar(key) {
+    const res = await fetch(`/_profiler/api/env_vars/reset?key=${encodeURIComponent(key)}`, {
+      method: "DELETE"
+    });
+    if (!res.ok) {
+      const body = await res.json().catch(() => ({}));
+      throw new Error(body.error ?? `Request failed (${res.status})`);
+    }
+    return res.json();
+  }
+  async function resetAllEnvVars() {
+    const res = await fetch("/_profiler/api/env_vars/reset_all", { method: "DELETE" });
+    if (!res.ok) throw new Error(`Request failed (${res.status})`);
+  }
+  function EnvTab({ envData, readOnly: forceReadOnly = false }) {
     const initial = T2(() => ({ ...envData?.variables ?? {} }), []);
     const [variables, setVariables] = d2(initial);
+    const [overrides, setOverrides] = d2(envData?.overrides ?? {});
     const [total, setTotal] = d2(envData?.total ?? 0);
     const [search, setSearch] = d2("");
     const [collapsedGroups, setCollapsedGroups] = d2(/* @__PURE__ */ new Set());
@@ -961,7 +1020,7 @@
     const [refreshing, setRefreshing] = d2(false);
     const [unmaskedKeys, setUnmaskedKeys] = d2(loadUnmasked);
     const [copiedId, setCopiedId] = d2(null);
-    const [readOnly, setReadOnly] = d2(false);
+    const [readOnly, setReadOnly] = d2(forceReadOnly);
     const [showImport, setShowImport] = d2(false);
     const [importContent, setImportContent] = d2("");
     const editInputRef = A2(null);
@@ -969,7 +1028,7 @@
       if (editingKey !== null) editInputRef.current?.focus();
     }, [editingKey]);
     y2(() => {
-      refresh();
+      if (!forceReadOnly) refresh();
     }, []);
     const showFlash = (type, message) => {
       setFlash({ type, message });
@@ -1009,6 +1068,7 @@
         const data = await res.json();
         setVariables(data.variables);
         setTotal(data.total);
+        setOverrides(data.overrides ?? {});
         showFlash("success", `Refreshed \u2014 ${data.total} variables`);
       } catch (e3) {
         showFlash("error", e3.message ?? "Failed to refresh");
@@ -1122,6 +1182,45 @@
       if (e3.key === "Enter") saveEdit();
       if (e3.key === "Escape") cancelEdit();
     };
+    const resetVar = async (key) => {
+      setSaving(true);
+      try {
+        const data = await resetEnvVar(key);
+        setOverrides((prev) => {
+          const n2 = { ...prev };
+          delete n2[key];
+          return n2;
+        });
+        setVariables((prev) => {
+          const n2 = { ...prev };
+          if (data.value === null) {
+            delete n2[key];
+          } else {
+            n2[key] = data.value;
+          }
+          return n2;
+        });
+        showFlash("success", `${key} reset to original`);
+      } catch (e3) {
+        showFlash("error", e3.message ?? "Failed to reset");
+      } finally {
+        setSaving(false);
+      }
+    };
+    const doResetAll = async () => {
+      setSaving(true);
+      try {
+        await resetAllEnvVars();
+        setOverrides({});
+        await refresh();
+        showFlash("success", "All overrides reset");
+      } catch (e3) {
+        showFlash("error", e3.message ?? "Failed to reset all");
+      } finally {
+        setSaving(false);
+      }
+    };
+    const overrideCount = Object.keys(overrides).length;
     const allEntries = Object.entries(variables);
     const filteredEntries = T2(() => {
       const q2 = search.toLowerCase().trim();
@@ -1161,11 +1260,27 @@
       /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-mb-4", style: "align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;", children: [
         /* @__PURE__ */ u3("h2", { class: "profiler-section__header", style: "margin:0;", children: "Environment Variables" }),
         /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-2", children: [
-          /* @__PURE__ */ u3("button", { onClick: refresh, disabled: refreshing, style: headerBtn, children: refreshing ? "\u2026" : "\u21BA Refresh" }),
-          /* @__PURE__ */ u3("button", { onClick: () => setShowImport((v3) => !v3), style: `${headerBtn}${showImport ? "border-color:var(--profiler-accent);color:var(--profiler-accent);" : ""}`, children: "\u2B06 Import" }),
+          !forceReadOnly && /* @__PURE__ */ u3(k, { children: [
+            /* @__PURE__ */ u3("button", { onClick: refresh, disabled: refreshing, style: headerBtn, children: refreshing ? "\u2026" : "\u21BA Refresh" }),
+            /* @__PURE__ */ u3("button", { onClick: () => setShowImport((v3) => !v3), style: `${headerBtn}${showImport ? "border-color:var(--profiler-accent);color:var(--profiler-accent);" : ""}`, children: "\u2B06 Import" })
+          ] }),
           /* @__PURE__ */ u3("button", { onClick: exportEnv, style: headerBtn, children: "\u2B07 Export" }),
           /* @__PURE__ */ u3("button", { onClick: toggleAllMasks, style: headerBtn, children: allRevealed ? "\u{1F648} Mask all" : "\u{1F441} Reveal all" }),
-          /* @__PURE__ */ u3(
+          !forceReadOnly && overrideCount > 0 && /* @__PURE__ */ u3(
+            "button",
+            {
+              onClick: doResetAll,
+              disabled: saving,
+              title: "Remove all Sidekiq overrides and restore original values",
+              style: `${headerBtn}border-color:var(--profiler-warning,#f59e0b);color:var(--profiler-warning,#f59e0b);`,
+              children: [
+                "\u21A9 Reset all (",
+                overrideCount,
+                ")"
+              ]
+            }
+          ),
+          !forceReadOnly && /* @__PURE__ */ u3(
             "button",
             {
               onClick: () => setReadOnly((v3) => !v3),
@@ -1176,7 +1291,11 @@
           )
         ] })
       ] }),
-      /* @__PURE__ */ u3("div", { style: "background:var(--profiler-warning-bg,rgba(245,158,11,0.1));border:1px solid var(--profiler-warning,#f59e0b);border-radius:6px;padding:8px 12px;margin-bottom:16px;font-size:12px;color:var(--profiler-warning,#f59e0b);", children: "\u26A0 Changes affect the current process only \u2014 for development use." }),
+      forceReadOnly ? /* @__PURE__ */ u3("div", { style: "background:var(--profiler-bg-subtle,rgba(0,0,0,0.03));border:1px solid var(--profiler-border);border-radius:6px;padding:8px 12px;margin-bottom:16px;font-size:12px;color:var(--profiler-text-muted);", children: [
+        "Snapshot taken at request time \u2014 modify env vars in ",
+        /* @__PURE__ */ u3("a", { href: "/_profiler?section=env", style: "color:var(--profiler-accent);", children: "/_profiler?section=env" }),
+        "."
+      ] }) : /* @__PURE__ */ u3("div", { style: "background:var(--profiler-warning-bg,rgba(245,158,11,0.1));border:1px solid var(--profiler-warning,#f59e0b);border-radius:6px;padding:8px 12px;margin-bottom:16px;font-size:12px;color:var(--profiler-warning,#f59e0b);", children: "\u26A0 Changes affect the current process only \u2014 for development use." }),
       flash && /* @__PURE__ */ u3("div", { style: `background:${flash.type === "success" ? "var(--profiler-success-bg,rgba(34,197,94,0.1))" : "var(--profiler-error-bg,rgba(239,68,68,0.08))"};border:1px solid ${flash.type === "success" ? "var(--profiler-success,#22c55e)" : "var(--profiler-error,#ef4444)"};border-radius:6px;padding:6px 12px;margin-bottom:12px;font-size:12px;color:${flash.type === "success" ? "var(--profiler-success,#22c55e)" : "var(--profiler-error,#ef4444)"};`, children: [
         flash.type === "success" ? "\u2713" : "\u2717",
         " ",
@@ -1271,7 +1390,8 @@
                 const isCopiedKey = copiedId === `__key__${key}`;
                 const wasModified = initial[key] !== void 0 && initial[key] !== value;
                 const wasAdded = initial[key] === void 0;
-                const diffStyle = wasModified ? "border-left:3px solid #f59e0b;" : wasAdded ? "border-left:3px solid var(--profiler-success,#22c55e);" : "";
+                const override = overrides[key];
+                const diffStyle = override ? "border-left:3px solid var(--profiler-accent);" : wasModified ? "border-left:3px solid #f59e0b;" : wasAdded ? "border-left:3px solid var(--profiler-success,#22c55e);" : "";
                 return /* @__PURE__ */ u3("tr", { style: diffStyle, children: [
                   /* @__PURE__ */ u3("td", { children: /* @__PURE__ */ u3("div", { class: "profiler-flex", style: "align-items:center;gap:4px;", children: [
                     /* @__PURE__ */ u3("code", { class: "profiler-text--xs profiler-text--mono", children: key }),
@@ -1324,7 +1444,13 @@
                         }
                       )
                     ] }),
-                    wasModified && /* @__PURE__ */ u3("div", { style: "font-size:10px;color:#f59e0b;margin-top:2px;font-family:monospace;", children: [
+                    override && /* @__PURE__ */ u3("div", { style: "font-size:10px;color:var(--profiler-accent);margin-top:2px;font-family:monospace;", children: [
+                      "workers \u2190 ",
+                      override.value === "__profiler_deleted__" ? "(deleted)" : override.value,
+                      " \xB7 original: ",
+                      override.original ?? "(unset)"
+                    ] }),
+                    !override && wasModified && /* @__PURE__ */ u3("div", { style: "font-size:10px;color:#f59e0b;margin-top:2px;font-family:monospace;", children: [
                       "was: ",
                       initial[key]
                     ] })
@@ -1362,7 +1488,13 @@
                         }
                       )
                     ] }),
-                    wasModified && /* @__PURE__ */ u3("div", { style: "font-size:10px;color:#f59e0b;margin-top:2px;font-family:monospace;", children: [
+                    override && /* @__PURE__ */ u3("div", { style: "font-size:10px;color:var(--profiler-accent);margin-top:2px;font-family:monospace;", children: [
+                      "workers \u2190 ",
+                      override.value === "__profiler_deleted__" ? "(deleted)" : unmasked ? override.value : "\u2022".repeat(Math.min((override.value ?? "").length, 20)),
+                      " \xB7 original: ",
+                      override.original == null ? "(unset)" : unmasked ? override.original : "\u2022".repeat(Math.min(override.original.length, 20))
+                    ] }),
+                    !override && wasModified && /* @__PURE__ */ u3("div", { style: "font-size:10px;color:#f59e0b;margin-top:2px;font-family:monospace;", children: [
                       "was: ",
                       unmasked ? isQuoted(initial[key]) ? `"${initial[key]}"` : initial[key] : "\u2022".repeat(Math.min(initial[key].length, 20))
                     ] })
@@ -1370,11 +1502,18 @@
                   !readOnly && /* @__PURE__ */ u3("td", { style: "text-align:right;white-space:nowrap;", children: isEditing ? /* @__PURE__ */ u3(k, { children: [
                     /* @__PURE__ */ u3("button", { onClick: saveEdit, disabled: saving, title: "Save", style: "background:none;border:none;cursor:pointer;color:var(--profiler-success,#22c55e);font-size:14px;padding:0 4px;", children: "\u2713" }),
                     /* @__PURE__ */ u3("button", { onClick: cancelEdit, disabled: saving, title: "Cancel", style: "background:none;border:none;cursor:pointer;color:var(--profiler-text-muted);font-size:14px;padding:0 4px;", children: "\u2717" })
-                  ] }) : isBool(value) ? /* @__PURE__ */ u3(k, { children: [
-                    /* @__PURE__ */ u3("button", { onClick: () => startEdit(key), disabled: saving, style: "background:none;border:none;cursor:pointer;color:var(--profiler-accent);font-size:11px;padding:0 4px;", children: "Edit" }),
-                    /* @__PURE__ */ u3("button", { onClick: () => deleteVar(key), disabled: saving, style: "background:none;border:none;cursor:pointer;color:var(--profiler-error,#ef4444);font-size:11px;padding:0 4px;", children: "Delete" })
                   ] }) : /* @__PURE__ */ u3(k, { children: [
                     /* @__PURE__ */ u3("button", { onClick: () => startEdit(key), disabled: saving, style: "background:none;border:none;cursor:pointer;color:var(--profiler-accent);font-size:11px;padding:0 4px;", children: "Edit" }),
+                    override && /* @__PURE__ */ u3(
+                      "button",
+                      {
+                        onClick: () => resetVar(key),
+                        disabled: saving,
+                        title: `Reset to original: ${override.original ?? "(unset)"}`,
+                        style: "background:none;border:none;cursor:pointer;color:var(--profiler-warning,#f59e0b);font-size:11px;padding:0 4px;",
+                        children: "\u21A9 Reset"
+                      }
+                    ),
                     /* @__PURE__ */ u3("button", { onClick: () => deleteVar(key), disabled: saving, style: "background:none;border:none;cursor:pointer;color:var(--profiler-error,#ef4444);font-size:11px;padding:0 4px;", children: "Delete" })
                   ] }) })
                 ] }, key);
@@ -2100,107 +2239,43 @@
     return parts.join(" \\\n");
   }
   function RequestTab({ profile }) {
-    const [copied, setCopied] = d2(false);
-    const curl = buildCurl2(profile);
     const routeData = profile.collectors_data?.request ?? {};
-    function copyToClipboard() {
-      navigator.clipboard.writeText(curl).then(() => {
-        setCopied(true);
-        setTimeout(() => setCopied(false), 2e3);
-      });
-    }
-    return /* @__PURE__ */ u3(k, { children: [
-      /* @__PURE__ */ u3("h2", { class: "profiler-section__header", children: "Request" }),
-      /* @__PURE__ */ u3("table", { children: [
-        /* @__PURE__ */ u3("tr", { children: [
-          /* @__PURE__ */ u3("th", { class: "profiler-text--sm", style: "width: 200px;", children: "Path" }),
-          /* @__PURE__ */ u3("td", { children: profile.path })
-        ] }),
-        /* @__PURE__ */ u3("tr", { children: [
-          /* @__PURE__ */ u3("th", { class: "profiler-text--sm", children: "Method" }),
-          /* @__PURE__ */ u3("td", { children: profile.method })
-        ] }),
-        /* @__PURE__ */ u3("tr", { children: [
-          /* @__PURE__ */ u3("th", { class: "profiler-text--sm", children: "Status" }),
-          /* @__PURE__ */ u3("td", { children: profile.status })
-        ] }),
-        /* @__PURE__ */ u3("tr", { children: [
-          /* @__PURE__ */ u3("th", { class: "profiler-text--sm", children: "Duration" }),
-          /* @__PURE__ */ u3("td", { children: [
-            profile.duration.toFixed(2),
-            " ms"
-          ] })
-        ] }),
-        routeData.controller_action && /* @__PURE__ */ u3("tr", { children: [
-          /* @__PURE__ */ u3("th", { class: "profiler-text--sm", children: "Controller#Action" }),
-          /* @__PURE__ */ u3("td", { class: "profiler-text--mono profiler-text--xs", children: routeData.controller_action })
-        ] }),
-        routeData.route_name && /* @__PURE__ */ u3("tr", { children: [
-          /* @__PURE__ */ u3("th", { class: "profiler-text--sm", children: "Route Name" }),
-          /* @__PURE__ */ u3("td", { class: "profiler-text--mono profiler-text--xs", children: routeData.route_name })
-        ] }),
-        routeData.route_pattern && /* @__PURE__ */ u3("tr", { children: [
-          /* @__PURE__ */ u3("th", { class: "profiler-text--sm", children: "Route Pattern" }),
-          /* @__PURE__ */ u3("td", { class: "profiler-text--mono profiler-text--xs", children: routeData.route_pattern })
-        ] }),
-        routeData.route_params && Object.keys(routeData.route_params).length > 0 && /* @__PURE__ */ u3("tr", { children: [
-          /* @__PURE__ */ u3("th", { class: "profiler-text--sm", children: "Route Params" }),
-          /* @__PURE__ */ u3("td", { class: "profiler-text--mono profiler-text--xs", children: Object.entries(routeData.route_params).map(([k3, v3]) => `${k3}: ${v3}`).join(", ") })
+    const hasParams = profile.params && Object.keys(profile.params).length > 0;
+    return /* @__PURE__ */ u3("div", { class: "profiler-ajax-card profiler-ajax-card--success", style: "margin-bottom:8px;background:var(--profiler-bg-elevated);transform:translateX(3px);box-shadow:var(--profiler-shadow-sm);transition:none", children: [
+      /* @__PURE__ */ u3(
+        HttpCardHeader,
+        {
+          method: profile.method,
+          url: profile.path,
+          copyUrl: `http://localhost:3000${profile.path}`,
+          status: profile.status,
+          duration: profile.duration,
+          curlCommand: buildCurl2(profile)
+        }
+      ),
+      (routeData.controller_action || routeData.route_pattern) && /* @__PURE__ */ u3("div", { class: "profiler-ajax-card__row", children: [
+        routeData.controller_action && /* @__PURE__ */ u3("span", { class: "profiler-text--xs profiler-text--muted", style: "margin-right:16px", children: routeData.controller_action }),
+        routeData.route_pattern && /* @__PURE__ */ u3("span", { class: "profiler-text--xs profiler-text--muted", style: "font-family:monospace", children: [
+          routeData.route_name ? `${routeData.route_name} \xB7 ` : "",
+          routeData.route_pattern
         ] })
       ] }),
-      profile.headers && Object.keys(profile.headers).length > 0 && /* @__PURE__ */ u3(k, { children: [
-        /* @__PURE__ */ u3("h2", { class: "profiler-section__header profiler-mt-6", children: "Request Headers" }),
-        /* @__PURE__ */ u3("table", { children: Object.entries(profile.headers).map(([k3, v3]) => /* @__PURE__ */ u3("tr", { children: [
-          /* @__PURE__ */ u3("th", { class: "profiler-text--sm", style: "width: 200px;", children: k3 }),
-          /* @__PURE__ */ u3("td", { class: "profiler-text--mono profiler-text--xs", children: String(v3) })
-        ] }, k3)) })
-      ] }),
-      profile.params && Object.keys(profile.params).length > 0 && /* @__PURE__ */ u3(k, { children: [
-        /* @__PURE__ */ u3("h2", { class: "profiler-section__header profiler-mt-6", children: "Request Params" }),
-        /* @__PURE__ */ u3("pre", { class: "profiler-code profiler-text--xs", children: JSON.stringify(profile.params, null, 2) })
-      ] }),
-      profile.request_body && /* @__PURE__ */ u3(k, { children: [
-        /* @__PURE__ */ u3("h2", { class: "profiler-section__header profiler-mt-6", children: "Request Body" }),
-        /* @__PURE__ */ u3(
-          SmartBodyPreview,
-          {
+      /* @__PURE__ */ u3(
+        HttpReqRespDetail,
+        {
+          request: {
+            headers: profile.headers ?? {},
             body: profile.request_body,
-            encoding: profile.request_body_encoding,
-            headers: profile.headers ?? {}
-          }
-        )
-      ] }),
-      profile.response_headers && Object.keys(profile.response_headers).length > 0 && /* @__PURE__ */ u3(k, { children: [
-        /* @__PURE__ */ u3("h2", { class: "profiler-section__header profiler-mt-6", children: "Response Headers" }),
-        /* @__PURE__ */ u3("table", { children: Object.entries(profile.response_headers).map(([k3, v3]) => /* @__PURE__ */ u3("tr", { children: [
-          /* @__PURE__ */ u3("th", { class: "profiler-text--sm", style: "width: 200px;", children: k3 }),
-          /* @__PURE__ */ u3("td", { class: "profiler-text--mono profiler-text--xs", children: String(v3) })
-        ] }, k3)) })
-      ] }),
-      profile.response_body && /* @__PURE__ */ u3(k, { children: [
-        /* @__PURE__ */ u3("h2", { class: "profiler-section__header profiler-mt-6", children: "Response Body" }),
-        /* @__PURE__ */ u3(
-          SmartBodyPreview,
-          {
+            body_encoding: profile.request_body_encoding,
+            params: hasParams ? profile.params : void 0
+          },
+          response: {
+            headers: profile.response_headers ?? {},
             body: profile.response_body,
-            encoding: profile.response_body_encoding,
-            headers: profile.response_headers ?? {}
+            body_encoding: profile.response_body_encoding
           }
-        )
-      ] }),
-      /* @__PURE__ */ u3("h2", { class: "profiler-section__header profiler-mt-6", children: "Curl Command" }),
-      /* @__PURE__ */ u3("div", { style: "position: relative;", children: [
-        /* @__PURE__ */ u3(
-          "button",
-          {
-            onClick: copyToClipboard,
-            class: "profiler-body-download-btn",
-            style: "position: absolute; top: 8px; right: 8px; z-index: 1;",
-            children: copied ? "Copied!" : "Copy"
-          }
-        ),
-        /* @__PURE__ */ u3("pre", { class: "profiler-code profiler-text--xs", style: "padding-right: 80px;", children: curl })
-      ] })
+        }
+      )
     ] });
   }
 
@@ -3081,12 +3156,6 @@
     custom: "Custom",
     method: "Method"
   };
-  function formatBytes3(bytes) {
-    if (bytes < 0) return "\u2014";
-    if (bytes < 1024) return `${bytes} B`;
-    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-    return `${(bytes / (1024 * 1024)).toFixed(2)} MB`;
-  }
   function FlameGraphTab({ flamegraphData, perfData, functionProfileData }) {
     const canvasRef = A2(null);
     const containerRef = A2(null);
@@ -3592,7 +3661,7 @@
           ] }),
           showMemory && /* @__PURE__ */ u3("div", { class: "stat-item", children: [
             /* @__PURE__ */ u3("span", { class: "stat-label", children: "Memory" }),
-            /* @__PURE__ */ u3("span", { class: "stat-value", children: formatBytes3(data.total_memory_bytes ?? 0) })
+            /* @__PURE__ */ u3("span", { class: "stat-value", children: formatBytes(data.total_memory_bytes ?? 0) })
           ] })
         ] }),
         rootCalls.length > 0 && /* @__PURE__ */ u3(
@@ -3698,7 +3767,7 @@
                   " ",
                   /* @__PURE__ */ u3("small", { children: "obj" })
                 ] }),
-                showMemory && /* @__PURE__ */ u3("td", { class: "profiler-text--right profiler-text--muted", children: formatBytes3(fn.memory_bytes) })
+                showMemory && /* @__PURE__ */ u3("td", { class: "profiler-text--right profiler-text--muted", children: formatBytes(fn.memory_bytes) })
               ]
             },
             i3
@@ -3835,15 +3904,6 @@
   }
 
   // app/assets/typescript/profiler/components/dashboard/tabs/AjaxTab.tsx
-  function methodBadge2(method) {
-    const map = { GET: "info", POST: "success", PUT: "warning", PATCH: "warning", DELETE: "error" };
-    return map[method] || "default";
-  }
-  function statusBadge2(status) {
-    if (status >= 200 && status < 300) return "success";
-    if (status >= 400) return "error";
-    return "warning";
-  }
   function AjaxTab({ ajaxData }) {
     if (!ajaxData?.requests?.length) {
       return /* @__PURE__ */ u3("div", { class: "profiler-empty", children: [
@@ -3879,7 +3939,7 @@
         /* @__PURE__ */ u3("div", { class: "profiler-panel profiler-panel--sm", children: [
           /* @__PURE__ */ u3("h3", { class: "profiler-text--sm profiler-text--muted profiler-text--uppercase profiler-mb-3", children: "By Method" }),
           Object.entries(ajaxData.by_method).map(([method, count]) => /* @__PURE__ */ u3("div", { class: "profiler-kv-row", children: [
-            /* @__PURE__ */ u3("span", { class: `badge-${methodBadge2(method)}`, children: method }),
+            /* @__PURE__ */ u3("span", { class: `badge-${methodBadge(method)}`, children: method }),
             /* @__PURE__ */ u3("strong", { children: count })
           ] }, method))
         ] }),
@@ -3895,11 +3955,11 @@
       ajaxData.requests.map((req, index) => /* @__PURE__ */ u3("div", { class: `profiler-ajax-card profiler-ajax-card--${req.status >= 200 && req.status < 300 ? "success" : "error"}`, children: [
         /* @__PURE__ */ u3("div", { class: "profiler-ajax-card__row", children: [
           /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-3", children: [
-            /* @__PURE__ */ u3("span", { class: `profiler-ajax-card__method badge-${methodBadge2(req.method)}`, children: req.method }),
+            /* @__PURE__ */ u3("span", { class: `profiler-ajax-card__method badge-${methodBadge(req.method)}`, children: req.method }),
             /* @__PURE__ */ u3("strong", { class: "profiler-ajax-card__path", children: req.path })
           ] }),
           /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-2", children: [
-            /* @__PURE__ */ u3("span", { class: `badge-${statusBadge2(req.status)}`, children: req.status }),
+            /* @__PURE__ */ u3("span", { class: `badge-${statusBadge(req.status)}`, children: req.status }),
             /* @__PURE__ */ u3("span", { class: req.duration >= 500 ? "badge-error" : req.duration >= 100 ? "badge-warning" : "badge-success", children: [
               req.duration.toFixed(2),
               " ms"
@@ -4420,7 +4480,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 === "env" && /* @__PURE__ */ u3(EnvTab, { envData: cd["env"] })
+          activeTab === "env" && /* @__PURE__ */ u3(EnvTab, { envData: cd["env"], readOnly: true })
         ] })
       ] }),
       !embedded && /* @__PURE__ */ u3("div", { class: "profiler-mt-6", children: /* @__PURE__ */ u3("a", { href: "/_profiler", style: "color: var(--profiler-accent);", children: "\u2190 Back to profiles" }) })
@@ -4483,12 +4543,15 @@
 
   // app/assets/typescript/profiler/components/dashboard/JobProfileDashboard.tsx
   function JobProfileDashboard({ profile, initialTab, embedded }) {
-    const validTabs = ["job", "database", "cache", "http", "jobs"];
-    const defaultTab = validTabs.includes(initialTab) ? initialTab : "job";
-    const [activeTab, setActiveTab] = d2(defaultTab);
     const cd = profile.collectors_data || {};
     const hasHttp = cd["http"]?.total_requests > 0;
     const hasJobs = (profile.child_jobs?.length ?? 0) > 0;
+    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 defaultTab = validTabs.includes(initialTab) ? initialTab : "job";
+    const [activeTab, setActiveTab] = d2(hasException ? "exception" : defaultTab);
     const jobData = cd["job"];
     const isFailed = jobData?.status === "failed";
     const parent = profile.parent_profile;
@@ -4550,22 +4613,36 @@
       ] }),
       /* @__PURE__ */ u3("div", { class: "profiler-panel profiler-mb-6", children: [
         /* @__PURE__ */ u3("div", { class: "tabs", children: [
+          hasException && /* @__PURE__ */ u3("a", { href: "#", class: tabClass("exception"), onClick: handleTabClick("exception"), style: "color:var(--profiler-error,#ef4444);", children: "\u{1F4A5} Exception" }),
           /* @__PURE__ */ u3("a", { href: "#", class: tabClass("job"), onClick: handleTabClick("job"), children: "Job" }),
           /* @__PURE__ */ u3("a", { href: "#", class: tabClass("database"), onClick: handleTabClick("database"), children: "Database" }),
           /* @__PURE__ */ u3("a", { href: "#", class: tabClass("cache"), onClick: handleTabClick("cache"), children: "Cache" }),
           hasHttp && /* @__PURE__ */ u3("a", { href: "#", class: tabClass("http"), onClick: handleTabClick("http"), children: "Outbound HTTP" }),
+          /* @__PURE__ */ u3("a", { href: "#", class: tabClass("timeline"), onClick: handleTabClick("timeline"), children: "Timeline" }),
           hasJobs && /* @__PURE__ */ u3("a", { href: "#", class: tabClass("jobs"), onClick: handleTabClick("jobs"), children: [
             "Jobs (",
             profile.child_jobs.length,
             ")"
-          ] })
+          ] }),
+          hasDumps && /* @__PURE__ */ u3("a", { href: "#", class: tabClass("dump"), onClick: handleTabClick("dump"), children: [
+            "Dumps (",
+            cd["dump"].count,
+            ")"
+          ] }),
+          hasLogs && /* @__PURE__ */ u3("a", { href: "#", class: tabClass("logs"), onClick: handleTabClick("logs"), children: "Logs" }),
+          /* @__PURE__ */ u3("a", { href: "#", class: tabClass("env"), onClick: handleTabClick("env"), children: "Env" })
         ] }),
         /* @__PURE__ */ u3("div", { class: "profiler-p-4 tab-content active", children: [
+          activeTab === "exception" && /* @__PURE__ */ u3(ExceptionTab, { exceptionData: cd["exception"] }),
           activeTab === "job" && /* @__PURE__ */ u3(JobTab, { jobData: cd["job"] }),
           activeTab === "database" && /* @__PURE__ */ u3(DatabaseTab, { dbData: cd["database"], token: profile.token }),
           activeTab === "cache" && /* @__PURE__ */ u3(CacheTab, { cacheData: cd["cache"] }),
           activeTab === "http" && /* @__PURE__ */ u3(HttpTab, { httpData: cd["http"] }),
-          activeTab === "jobs" && /* @__PURE__ */ u3(JobsTab, { jobs: profile.child_jobs })
+          activeTab === "timeline" && /* @__PURE__ */ u3(FlameGraphTab, { flamegraphData: cd["flamegraph"], perfData: cd["performance"], functionProfileData: cd["function_profile"] }),
+          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 === "env" && /* @__PURE__ */ u3(EnvTab, { envData: cd["env"], readOnly: true })
         ] })
       ] }),
       !embedded && /* @__PURE__ */ u3("div", { class: "profiler-mt-6", children: /* @__PURE__ */ u3("a", { href: "/_profiler", style: "color: var(--profiler-accent);", children: "\u2190 Back to profiles" }) })

data/app/controllers/profiler/api/env_vars_controller.rb

@@ -7,7 +7,8 @@ module Profiler
 
       def show
         variables = ENV.to_h.sort.to_h
-        render json: { variables: variables, total: variables.size }
+        overrides = Profiler.env_override_store.all_overrides
+        render json: { variables: variables, total: variables.size, overrides: overrides }
       end
 
       def update
@@ -22,12 +23,31 @@ module Profiler
 
         if value.nil? || value.to_s.empty?
           ENV.delete(key)
+          Profiler.env_override_store.delete(key)
           render json: { key: key, value: nil, deleted: true }
         else
           ENV[key] = value.to_s
+          Profiler.env_override_store.set(key, value.to_s)
           render json: { key: key, value: ENV[key] }
         end
       end
+
+      def reset_override
+        key = params[:key].to_s.strip
+
+        if key.blank?
+          render json: { error: "Key cannot be blank" }, status: :unprocessable_entity
+          return
+        end
+
+        Profiler.env_override_store.reset(key)
+        render json: { key: key, value: ENV[key], reset: true }
+      end
+
+      def reset_all
+        Profiler.env_override_store.reset_all
+        render json: { reset: true }
+      end
     end
   end
 end

data/config/routes.rb

@@ -35,5 +35,7 @@ Profiler::Engine.routes.draw do
     post "explain", to: "explain#create"
     resource :function_profiling, only: [:show, :update], controller: "function_profiling"
     resource :env_vars, only: [:show, :update], controller: "env_vars"
+    delete "env_vars/reset", to: "env_vars#reset_override"
+    delete "env_vars/reset_all", to: "env_vars#reset_all"
   end
 end

data/lib/profiler/collectors/exception_collector.rb

@@ -38,6 +38,10 @@ module Profiler
         end
       end
 
+      def capture(ex)
+        capture_exception(ex) if ex && @exception_data.nil?
+      end
+
       def collect
         ActiveSupport::Notifications.unsubscribe(@subscriber) if @subscriber
 

data/lib/profiler/env_override_store.rb

@@ -0,0 +1,138 @@
+# frozen_string_literal: true
+
+require "json"
+require "fileutils"
+
+module Profiler
+  class EnvOverrideStore
+    DELETED_SENTINEL = "__profiler_deleted__"
+    RESTORE_SENTINEL = "__profiler_restore__"
+
+    # File format: { "KEY" => { "value" => "...", "original" => "..." } }
+    # Sentinels for "value":
+    #   DELETED_SENTINEL  → ENV.delete(key)
+    #   RESTORE_SENTINEL  → restore ENV[key] to "original" (cleaned up after apply!)
+
+    def set(key, value)
+      overrides = load_overrides
+      original = original_for(overrides, key)
+      overrides[key] = { "value" => value.to_s, "original" => original }
+      save_overrides(overrides)
+    rescue => e
+      warn "[Profiler] EnvOverrideStore: failed to set #{key}: #{e.message}"
+    end
+
+    def delete(key)
+      overrides = load_overrides
+      original = original_for(overrides, key)
+      overrides[key] = { "value" => DELETED_SENTINEL, "original" => original }
+      save_overrides(overrides)
+    rescue => e
+      warn "[Profiler] EnvOverrideStore: failed to delete #{key}: #{e.message}"
+    end
+
+    def reset(key)
+      overrides = load_overrides
+      entry = overrides[key]
+      return unless entry
+
+      original = entry["original"]
+      # Keep a RESTORE entry so Sidekiq workers pick it up on next job
+      overrides[key] = { "value" => RESTORE_SENTINEL, "original" => original }
+      save_overrides(overrides)
+
+      # Apply immediately to the current (web) process
+      original.nil? ? ENV.delete(key) : ENV[key] = original
+    rescue => e
+      warn "[Profiler] EnvOverrideStore: failed to reset #{key}: #{e.message}"
+    end
+
+    def reset_all
+      overrides = load_overrides
+      restore_overrides = {}
+
+      overrides.each do |key, entry|
+        original = entry.is_a?(Hash) ? entry["original"] : nil
+        # Apply immediately to the current (web) process
+        original.nil? ? ENV.delete(key) : ENV[key] = original
+        # Leave a RESTORE sentinel for Sidekiq workers to pick up
+        restore_overrides[key] = { "value" => RESTORE_SENTINEL, "original" => original }
+      end
+
+      restore_overrides.empty? ? clear : save_overrides(restore_overrides)
+    rescue => e
+      warn "[Profiler] EnvOverrideStore: failed to reset all: #{e.message}"
+    end
+
+    def apply!
+      overrides = load_overrides
+      restore_keys = []
+
+      overrides.each do |key, entry|
+        value    = entry.is_a?(Hash) ? entry["value"]    : entry
+        original = entry.is_a?(Hash) ? entry["original"] : nil
+
+        case value
+        when DELETED_SENTINEL
+          ENV.delete(key)
+        when RESTORE_SENTINEL
+          original.nil? ? ENV.delete(key) : ENV[key] = original
+          restore_keys << key
+        else
+          ENV[key] = value
+        end
+      end
+
+      if restore_keys.any?
+        restore_keys.each { |k| overrides.delete(k) }
+        save_overrides(overrides)
+      end
+    rescue => e
+      warn "[Profiler] EnvOverrideStore: failed to apply overrides: #{e.message}"
+    end
+
+    # Returns active overrides (excludes RESTORE entries — already being reverted)
+    def all_overrides
+      load_overrides.reject do |_, entry|
+        value = entry.is_a?(Hash) ? entry["value"] : entry
+        value == RESTORE_SENTINEL
+      end.transform_values do |entry|
+        entry.is_a?(Hash) ? entry : { "value" => entry, "original" => nil }
+      end
+    rescue => e
+      warn "[Profiler] EnvOverrideStore: failed to load overrides: #{e.message}"
+      {}
+    end
+
+    def clear
+      FileUtils.rm_f(override_file_path)
+    rescue => e
+      warn "[Profiler] EnvOverrideStore: failed to clear: #{e.message}"
+    end
+
+    private
+
+    def original_for(overrides, key)
+      overrides.key?(key) ? overrides[key]["original"] : ENV[key]
+    end
+
+    def override_file_path
+      Profiler.configuration.tmp_path.join("env_overrides.json")
+    end
+
+    def load_overrides
+      path = override_file_path
+      return {} unless File.exist?(path)
+
+      JSON.parse(File.read(path))
+    rescue JSON::ParserError
+      {}
+    end
+
+    def save_overrides(overrides)
+      path = override_file_path
+      FileUtils.mkdir_p(path.dirname)
+      File.write(path, JSON.generate(overrides))
+    end
+  end
+end

data/lib/profiler/instrumentation/net_http_instrumentation.rb

@@ -22,6 +22,9 @@ module Profiler
 
           url = build_url(host, port, req.path, use_ssl?)
           req_body = req.body.to_s
+          # Fallback: body may be passed as the 2nd argument and only applied
+          # to req inside super via req.set_body_internal(body)
+          req_body = body.to_s if req_body.empty? && body
           req_headers = req.to_hash.transform_values { |v| v.join(", ") }
           request_id = SecureRandom.hex(8)
           started_at = Time.now.iso8601(3)

data/lib/profiler/instrumentation/sidekiq_middleware.rb

@@ -11,6 +11,7 @@ module Profiler
 
     class SidekiqMiddleware
       def call(worker, job, queue, &block)
+        Profiler.env_override_store.apply!
         Profiler::JobProfiler.profile(
           job_class: job["class"],
           job_id: job["jid"],

data/lib/profiler/job_profiler.rb

@@ -6,13 +6,23 @@ require_relative "collectors/job_collector"
 require_relative "collectors/database_collector"
 require_relative "collectors/cache_collector"
 require_relative "collectors/http_collector"
+require_relative "collectors/dump_collector"
+require_relative "collectors/log_collector"
+require_relative "collectors/exception_collector"
+require_relative "collectors/env_collector"
+require_relative "collectors/flamegraph_collector"
 
 module Profiler
   class JobProfiler
     JOB_COLLECTOR_CLASSES = [
       Collectors::DatabaseCollector,
       Collectors::CacheCollector,
-      Collectors::HttpCollector
+      Collectors::HttpCollector,
+      Collectors::DumpCollector,
+      Collectors::LogCollector,
+      Collectors::ExceptionCollector,
+      Collectors::EnvCollector,
+      Collectors::FlameGraphCollector
     ].freeze
 
     def self.profile(job_class:, job_id:, queue:, arguments:, executions:, parent_token: nil, &block)
@@ -55,6 +65,8 @@ module Profiler
       collectors = [job_collector] + JOB_COLLECTOR_CLASSES.map { |klass| klass.new(profile) }
       collectors.each { |c| c.subscribe if c.respond_to?(:subscribe) }
 
+      exception_collector = collectors.find { |c| c.is_a?(Collectors::ExceptionCollector) }
+
       memory_before = current_memory if Profiler.configuration.track_memory
 
       job_status = "completed"
@@ -68,6 +80,7 @@ module Profiler
       rescue => e
         job_status = "failed"
         error_message = "#{e.class}: #{e.message}"
+        exception_collector&.capture(e)
         raise
       ensure
         Profiler::CurrentContext.token = previous_token

data/lib/profiler/railtie.rb

@@ -6,6 +6,10 @@ module Profiler
   class Railtie < Rails::Railtie
     config.profiler = ActiveSupport::OrderedOptions.new
 
+    initializer "profiler.apply_env_overrides" do
+      Profiler.env_override_store.apply!
+    end
+
     initializer "profiler.set_configs" do |app|
       # Set default configuration for Rails environment
       Profiler.configure do |config|

data/lib/profiler/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Profiler
-  VERSION = "0.17.0"
+  VERSION = "0.19.0"
 end

data/lib/profiler.rb

@@ -25,6 +25,10 @@ module Profiler
       @storage ||= configuration.storage_backend
     end
 
+    def env_override_store
+      @env_override_store ||= EnvOverrideStore.new
+    end
+
     def enabled?
       configuration.enabled
     end
@@ -100,5 +104,6 @@ require_relative "profiler/collectors/routes_collector"
 require_relative "profiler/collectors/i18n_collector"
 require_relative "profiler/collectors/env_collector"
 
+require_relative "profiler/env_override_store"
 require_relative "profiler/railtie" if defined?(Rails::Railtie)
 require_relative "profiler/engine" if defined?(Rails::Engine)

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: rails-profiler
 version: !ruby/object:Gem::Version
-  version: 0.17.0
+  version: 0.19.0
 platform: ruby
 authors:
 - Sébastien Duplessy
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2026-04-13 00:00:00.000000000 Z
+date: 2026-04-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -143,6 +143,7 @@ files:
 - lib/profiler/configuration.rb
 - lib/profiler/current_context.rb
 - lib/profiler/engine.rb
+- lib/profiler/env_override_store.rb
 - lib/profiler/explain_runner.rb
 - lib/profiler/instrumentation/active_job_instrumentation.rb
 - lib/profiler/instrumentation/net_http_instrumentation.rb