rails-profiler 0.14.0 → 0.15.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 44b1fd924fe2eb7f0483bc36f0e3956e81535da3ce39e60f6e29c091194f22ce
-  data.tar.gz: c840abbc0813c4e8c9516c507138e4ead25e9980f5c02a3306461b1a308ff6e3
+  metadata.gz: 4f9f680d793888c215c4b0203f3f4ceb538d415de05916400730fd86561e1c84
+  data.tar.gz: d0d944230d9e29d4fea24b54c6ea7134d1994e6624c1e7d0994cd7900a716406
 SHA512:
-  metadata.gz: 3d5307f599d3822291a99d931cacb1dc70218e32a120e136cebe98790e89f803e0ad84a5520b6961279c88048a7c2262c91600d770f07639cb5e31be32ff3e5a
-  data.tar.gz: 341cfa488dd91fe1b566dfc7c0a4d28dd6ab42e5fb0eb874250ca4b0482e3bb154d398c1c0919fef09a812a1cae7f897542b5702eb097c83e80e534cbbf777bd
+  metadata.gz: b46d2fd2ecc46a051a5616115a0c2ef8b4da155b009ac5734e5e44fe355e14b2b30c4cdeaf52721d403436eebb5076ca6b3c6c3343407d326cdae17394607df7
+  data.tar.gz: fc1e2d5d01929200d5fe4f705db509fce7daed7ed13f8a474b31196e397bf797b912a85add2c0f2ae662f3d90b94f65e8dcb383ea142f1706420dfe68b4a961f

data/app/assets/builds/profiler.js

@@ -3618,6 +3618,561 @@
     ] });
   }
 
+  // app/assets/typescript/profiler/components/dashboard/tabs/EnvTab.tsx
+  function detectType(value) {
+    if (value === "") return { label: "empty", color: "var(--profiler-text-muted)" };
+    if (/^(true|false|yes|no)$/i.test(value)) return { label: "bool", color: "#a78bfa" };
+    if (/^\d+$/.test(value)) return { label: "int", color: "var(--profiler-success,#22c55e)" };
+    if (/^\d+\.\d+$/.test(value)) return { label: "float", color: "var(--profiler-success,#22c55e)" };
+    return { label: "string", color: "var(--profiler-text-muted)" };
+  }
+  function getPrefix(key) {
+    const idx = key.indexOf("_");
+    return idx > 0 ? key.slice(0, idx) : "OTHER";
+  }
+  function parseEnvFile(content) {
+    const result = {};
+    for (const raw of content.split("\n")) {
+      const line = raw.trim();
+      if (!line || line.startsWith("#")) continue;
+      const eq = line.indexOf("=");
+      if (eq < 1) continue;
+      const key = line.slice(0, eq).trim();
+      let value = line.slice(eq + 1);
+      if (value.startsWith('"') && value.endsWith('"') || value.startsWith("'") && value.endsWith("'")) {
+        value = value.slice(1, -1);
+      }
+      result[key] = value;
+    }
+    return result;
+  }
+  function loadUnmasked() {
+    try {
+      const raw = localStorage.getItem("profiler_unmasked_env_keys");
+      return raw ? new Set(JSON.parse(raw)) : /* @__PURE__ */ new Set();
+    } catch {
+      return /* @__PURE__ */ new Set();
+    }
+  }
+  function saveUnmasked(keys) {
+    try {
+      localStorage.setItem("profiler_unmasked_env_keys", JSON.stringify([...keys]));
+    } catch {
+    }
+  }
+  function TypeBadgeComp({ value }) {
+    const badge = detectType(value);
+    if (!badge) return null;
+    return /* @__PURE__ */ u3("span", { style: {
+      display: "inline-block",
+      padding: "0 5px",
+      borderRadius: "3px",
+      fontSize: "10px",
+      fontWeight: 600,
+      fontFamily: "monospace",
+      border: `1px solid ${badge.color}`,
+      color: badge.color,
+      marginRight: "6px",
+      verticalAlign: "middle",
+      lineHeight: "16px",
+      flexShrink: 0
+    }, children: badge.label });
+  }
+  function isBool(value) {
+    return /^(true|false|yes|no)$/i.test(value);
+  }
+  function isQuoted(value) {
+    if (value === "") return false;
+    if (isBool(value)) return false;
+    if (/^\d+(\.\d+)?$/.test(value)) return false;
+    return true;
+  }
+  async function patchEnvVar(key, value) {
+    const res = await fetch("/_profiler/api/env_vars", {
+      method: "PATCH",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ key, value })
+    });
+    if (!res.ok) {
+      const body = await res.json().catch(() => ({}));
+      throw new Error(body.error ?? `Request failed (${res.status})`);
+    }
+  }
+  function EnvTab({ envData }) {
+    const initial = T2(() => ({ ...envData?.variables ?? {} }), []);
+    const [variables, setVariables] = d2(initial);
+    const [total, setTotal] = d2(envData?.total ?? 0);
+    const [search, setSearch] = d2("");
+    const [collapsedGroups, setCollapsedGroups] = d2(/* @__PURE__ */ new Set());
+    const [editingKey, setEditingKey] = d2(null);
+    const [editValue, setEditValue] = d2("");
+    const [newKey, setNewKey] = d2("");
+    const [newValue, setNewValue] = d2("");
+    const [flash, setFlash] = d2(null);
+    const [saving, setSaving] = d2(false);
+    const [refreshing, setRefreshing] = d2(false);
+    const [unmaskedKeys, setUnmaskedKeys] = d2(loadUnmasked);
+    const [copiedId, setCopiedId] = d2(null);
+    const [readOnly, setReadOnly] = d2(false);
+    const [showImport, setShowImport] = d2(false);
+    const [importContent, setImportContent] = d2("");
+    const editInputRef = A2(null);
+    y2(() => {
+      if (editingKey !== null) editInputRef.current?.focus();
+    }, [editingKey]);
+    y2(() => {
+      refresh();
+    }, []);
+    const showFlash = (type, message) => {
+      setFlash({ type, message });
+      setTimeout(() => setFlash(null), 3e3);
+    };
+    const toggleUnmask = (key) => {
+      setUnmaskedKeys((prev) => {
+        const next = new Set(prev);
+        if (next.has(key)) next.delete(key);
+        else next.add(key);
+        saveUnmasked(next);
+        return next;
+      });
+    };
+    const copy = async (text, id) => {
+      try {
+        await navigator.clipboard.writeText(text);
+        setCopiedId(id);
+        setTimeout(() => setCopiedId(null), 1500);
+      } catch {
+        showFlash("error", "Clipboard access denied");
+      }
+    };
+    const toggleGroup = (prefix) => {
+      setCollapsedGroups((prev) => {
+        const next = new Set(prev);
+        if (next.has(prefix)) next.delete(prefix);
+        else next.add(prefix);
+        return next;
+      });
+    };
+    const refresh = async () => {
+      setRefreshing(true);
+      try {
+        const res = await fetch("/_profiler/api/env_vars");
+        if (!res.ok) throw new Error(`Request failed (${res.status})`);
+        const data = await res.json();
+        setVariables(data.variables);
+        setTotal(data.total);
+        showFlash("success", `Refreshed \u2014 ${data.total} variables`);
+      } catch (e3) {
+        showFlash("error", e3.message ?? "Failed to refresh");
+      } finally {
+        setRefreshing(false);
+      }
+    };
+    const exportEnv = () => {
+      const entries = filteredEntries;
+      const content = entries.map(([k3, v3]) => `${k3}=${v3}`).join("\n") + "\n";
+      const blob = new Blob([content], { type: "text/plain" });
+      const url = URL.createObjectURL(blob);
+      const a3 = document.createElement("a");
+      a3.href = url;
+      a3.download = ".env";
+      a3.click();
+      URL.revokeObjectURL(url);
+      showFlash("success", `Exported ${entries.length} variables`);
+    };
+    const importPreview = T2(() => parseEnvFile(importContent), [importContent]);
+    const importCount = Object.keys(importPreview).length;
+    const importEnv = async () => {
+      const entries = Object.entries(importPreview);
+      if (!entries.length) return;
+      setSaving(true);
+      try {
+        await Promise.all(entries.map(([k3, v3]) => patchEnvVar(k3, v3)));
+        setVariables((prev) => ({ ...prev, ...importPreview }));
+        setImportContent("");
+        setShowImport(false);
+        showFlash("success", `Imported ${entries.length} variables`);
+      } catch (e3) {
+        showFlash("error", e3.message ?? "Import failed");
+      } finally {
+        setSaving(false);
+      }
+    };
+    const startEdit = (key) => {
+      setEditingKey(key);
+      setEditValue(variables[key] ?? "");
+    };
+    const cancelEdit = () => {
+      setEditingKey(null);
+      setEditValue("");
+    };
+    const saveEdit = async () => {
+      if (!editingKey) return;
+      setSaving(true);
+      try {
+        await patchEnvVar(editingKey, editValue);
+        setVariables((prev) => ({ ...prev, [editingKey]: editValue }));
+        showFlash("success", `${editingKey} updated`);
+        setEditingKey(null);
+      } catch (e3) {
+        showFlash("error", e3.message ?? "Failed to update");
+      } finally {
+        setSaving(false);
+      }
+    };
+    const deleteVar = async (key) => {
+      setSaving(true);
+      try {
+        await patchEnvVar(key, null);
+        setVariables((prev) => {
+          const n2 = { ...prev };
+          delete n2[key];
+          return n2;
+        });
+        setUnmaskedKeys((prev) => {
+          const n2 = new Set(prev);
+          n2.delete(key);
+          saveUnmasked(n2);
+          return n2;
+        });
+        showFlash("success", `${key} deleted`);
+      } catch (e3) {
+        showFlash("error", e3.message ?? "Failed to delete");
+      } finally {
+        setSaving(false);
+      }
+    };
+    const toggleBool = async (key, current) => {
+      const next = /^(true|yes)$/i.test(current) ? "false" : "true";
+      setSaving(true);
+      try {
+        await patchEnvVar(key, next);
+        setVariables((prev) => ({ ...prev, [key]: next }));
+      } catch (e3) {
+        showFlash("error", e3.message ?? "Failed to update");
+      } finally {
+        setSaving(false);
+      }
+    };
+    const addVar = async () => {
+      const key = newKey.trim();
+      if (!key) return;
+      setSaving(true);
+      try {
+        await patchEnvVar(key, newValue);
+        setVariables((prev) => ({ ...prev, [key]: newValue }));
+        setNewKey("");
+        setNewValue("");
+        showFlash("success", `${key} added`);
+      } catch (e3) {
+        showFlash("error", e3.message ?? "Failed to add");
+      } finally {
+        setSaving(false);
+      }
+    };
+    const handleEditKeyDown = (e3) => {
+      if (e3.key === "Enter") saveEdit();
+      if (e3.key === "Escape") cancelEdit();
+    };
+    const allEntries = Object.entries(variables);
+    const filteredEntries = T2(() => {
+      const q2 = search.toLowerCase().trim();
+      if (!q2) return allEntries;
+      return allEntries.filter(
+        ([k3, v3]) => k3.toLowerCase().includes(q2) || v3.toLowerCase().includes(q2)
+      );
+    }, [variables, search]);
+    const groups = T2(() => {
+      const map = {};
+      for (const entry of filteredEntries) {
+        const p3 = getPrefix(entry[0]);
+        (map[p3] ?? (map[p3] = [])).push(entry);
+      }
+      return Object.entries(map).sort(
+        ([a3], [b]) => a3 === "OTHER" ? 1 : b === "OTHER" ? -1 : a3.localeCompare(b)
+      );
+    }, [filteredEntries]);
+    const allRevealed = filteredEntries.every(([k3]) => unmaskedKeys.has(k3));
+    const toggleAllMasks = () => {
+      const keys = filteredEntries.map(([k3]) => k3);
+      setUnmaskedKeys((prev) => {
+        const next = new Set(prev);
+        if (allRevealed) {
+          keys.forEach((k3) => next.delete(k3));
+        } else {
+          keys.forEach((k3) => next.add(k3));
+        }
+        saveUnmasked(next);
+        return next;
+      });
+    };
+    const inputStyle = "width:100%;font-family:monospace;font-size:12px;padding:2px 6px;border:1px solid var(--profiler-border);border-radius:4px;background:var(--profiler-bg);color:var(--profiler-text);";
+    const iconBtn = "background:none;border:none;cursor:pointer;font-size:12px;padding:0 3px;color:var(--profiler-text-muted);opacity:0.7;flex-shrink:0;";
+    const headerBtn = "background:none;border:1px solid var(--profiler-border);border-radius:4px;cursor:pointer;color:var(--profiler-text-muted);font-size:11px;padding:3px 8px;";
+    return /* @__PURE__ */ u3(k, { children: [
+      /* @__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" }),
+          /* @__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(
+            "button",
+            {
+              onClick: () => setReadOnly((v3) => !v3),
+              title: readOnly ? "Unlock editing" : "Lock editing",
+              style: `${headerBtn}${readOnly ? "border-color:var(--profiler-error,#ef4444);color:var(--profiler-error,#ef4444);" : ""}`,
+              children: readOnly ? "\u{1F512} Locked" : "\u{1F513} Edit"
+            }
+          )
+        ] })
+      ] }),
+      /* @__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",
+        " ",
+        flash.message
+      ] }),
+      showImport && /* @__PURE__ */ u3("div", { style: "border:1px solid var(--profiler-border);border-radius:6px;padding:12px;margin-bottom:16px;", children: [
+        /* @__PURE__ */ u3("p", { class: "profiler-text--xs profiler-text--muted", style: "margin:0 0 8px;", children: [
+          "Paste the contents of a ",
+          /* @__PURE__ */ u3("code", { children: ".env" }),
+          " file. Comments and blank lines are ignored."
+        ] }),
+        /* @__PURE__ */ u3(
+          "textarea",
+          {
+            value: importContent,
+            onInput: (e3) => setImportContent(e3.target.value),
+            placeholder: "APP_NAME=MyApp\nFEATURE_BETA=true\n# comment",
+            rows: 6,
+            style: "width:100%;font-family:monospace;font-size:12px;padding:6px 8px;border:1px solid var(--profiler-border);border-radius:4px;background:var(--profiler-bg);color:var(--profiler-text);resize:vertical;box-sizing:border-box;"
+          }
+        ),
+        /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-2 profiler-mt-2", style: "align-items:center;", children: [
+          importCount > 0 && /* @__PURE__ */ u3("span", { class: "profiler-text--xs profiler-text--muted", children: [
+            importCount,
+            " variable",
+            importCount !== 1 ? "s" : "",
+            " to import"
+          ] }),
+          /* @__PURE__ */ u3(
+            "button",
+            {
+              onClick: importEnv,
+              disabled: saving || importCount === 0,
+              style: "background:var(--profiler-accent);border:none;cursor:pointer;color:#fff;font-size:11px;padding:4px 12px;border-radius:4px;margin-left:auto;",
+              children: "Apply"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-4 profiler-mb-4", children: [
+        /* @__PURE__ */ u3("div", { class: "profiler-stat-card", children: [
+          /* @__PURE__ */ u3("div", { class: "profiler-stat-card__value", children: total }),
+          /* @__PURE__ */ u3("div", { class: "profiler-stat-card__label", children: "Total vars" })
+        ] }),
+        search && /* @__PURE__ */ u3("div", { class: "profiler-stat-card", children: [
+          /* @__PURE__ */ u3("div", { class: "profiler-stat-card__value", children: filteredEntries.length }),
+          /* @__PURE__ */ u3("div", { class: "profiler-stat-card__label", children: "Matching" })
+        ] })
+      ] }),
+      /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-2 profiler-mb-3", children: /* @__PURE__ */ u3(
+        "input",
+        {
+          type: "text",
+          class: "profiler-filter-input",
+          placeholder: "Filter by key or value\u2026",
+          value: search,
+          onInput: (e3) => setSearch(e3.target.value),
+          style: "flex:1;"
+        }
+      ) }),
+      /* @__PURE__ */ u3("table", { class: "profiler-table", children: [
+        /* @__PURE__ */ u3("thead", { children: /* @__PURE__ */ u3("tr", { children: [
+          /* @__PURE__ */ u3("th", { style: "width:32%", children: "Key" }),
+          /* @__PURE__ */ u3("th", { children: "Value" }),
+          !readOnly && /* @__PURE__ */ u3("th", { style: "width:120px;text-align:right;" })
+        ] }) }),
+        /* @__PURE__ */ u3("tbody", { children: [
+          groups.map(([prefix, entries]) => {
+            const collapsed = collapsedGroups.has(prefix);
+            return /* @__PURE__ */ u3(k, { children: [
+              /* @__PURE__ */ u3(
+                "tr",
+                {
+                  onClick: () => toggleGroup(prefix),
+                  style: "cursor:pointer;background:var(--profiler-bg-subtle,rgba(0,0,0,0.03));",
+                  children: /* @__PURE__ */ u3("td", { colspan: readOnly ? 2 : 3, style: "padding:4px 8px;", children: [
+                    /* @__PURE__ */ u3("span", { style: "font-size:11px;font-weight:600;color:var(--profiler-text-muted);letter-spacing:0.05em;font-family:monospace;", children: [
+                      collapsed ? "\u25B6" : "\u25BC",
+                      " ",
+                      prefix,
+                      "_"
+                    ] }),
+                    /* @__PURE__ */ u3("span", { style: "font-size:10px;color:var(--profiler-text-muted);margin-left:6px;", children: entries.length })
+                  ] })
+                },
+                `group-${prefix}`
+              ),
+              !collapsed && entries.map(([key, value]) => {
+                const unmasked = unmaskedKeys.has(key);
+                const isEditing = editingKey === key;
+                const isCopiedVal = copiedId === key;
+                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);" : "";
+                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 }),
+                    /* @__PURE__ */ u3(
+                      "button",
+                      {
+                        onClick: () => copy(key, `__key__${key}`),
+                        title: "Copy key",
+                        style: `${iconBtn}${isCopiedKey ? "color:var(--profiler-success,#22c55e);opacity:1;" : ""}`,
+                        children: isCopiedKey ? "\u2713" : "\u2398"
+                      }
+                    )
+                  ] }) }),
+                  /* @__PURE__ */ u3("td", { children: isEditing ? /* @__PURE__ */ u3("div", { class: "profiler-flex", style: "align-items:center;gap:2px;", children: [
+                    isQuoted(editValue) && /* @__PURE__ */ u3("span", { style: "font-family:monospace;font-size:12px;color:var(--profiler-text-muted);opacity:0.5;flex-shrink:0;", children: '"' }),
+                    /* @__PURE__ */ u3(
+                      "input",
+                      {
+                        ref: editInputRef,
+                        type: "text",
+                        value: editValue,
+                        onInput: (e3) => setEditValue(e3.target.value),
+                        onKeyDown: handleEditKeyDown,
+                        disabled: saving,
+                        style: "flex:1;font-family:monospace;font-size:12px;padding:2px 6px;border:1px solid var(--profiler-accent);border-radius:4px;background:var(--profiler-bg);color:var(--profiler-text);"
+                      }
+                    ),
+                    isQuoted(editValue) && /* @__PURE__ */ u3("span", { style: "font-family:monospace;font-size:12px;color:var(--profiler-text-muted);opacity:0.5;flex-shrink:0;", children: '"' })
+                  ] }) : isBool(value) ? /* @__PURE__ */ u3(k, { children: [
+                    /* @__PURE__ */ u3("div", { class: "profiler-flex", style: "align-items:center;gap:8px;", children: [
+                      /* @__PURE__ */ u3(TypeBadgeComp, { value }),
+                      /* @__PURE__ */ u3(
+                        "button",
+                        {
+                          onClick: () => !readOnly && !saving && toggleBool(key, value),
+                          disabled: saving || readOnly,
+                          title: `Click to set ${/^(true|yes)$/i.test(value) ? "false" : "true"}`,
+                          style: `position:relative;display:inline-block;width:36px;height:20px;border-radius:10px;border:none;cursor:${readOnly || saving ? "default" : "pointer"};padding:0;transition:background 0.2s;background:${/^(true|yes)$/i.test(value) ? "var(--profiler-accent)" : "var(--profiler-border,#d1d5db)"};flex-shrink:0;`,
+                          children: /* @__PURE__ */ u3("span", { style: `position:absolute;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left 0.2s;left:${/^(true|yes)$/i.test(value) ? "19px" : "3px"};` })
+                        }
+                      ),
+                      /* @__PURE__ */ u3("span", { class: "profiler-text--xs profiler-text--mono", style: "color:var(--profiler-text-muted);", children: value }),
+                      /* @__PURE__ */ u3(
+                        "button",
+                        {
+                          onClick: () => copy(value, key),
+                          title: "Copy value",
+                          style: `${iconBtn}${isCopiedVal ? "color:var(--profiler-success,#22c55e);opacity:1;" : ""}`,
+                          children: isCopiedVal ? "\u2713" : "\u2398"
+                        }
+                      )
+                    ] }),
+                    wasModified && /* @__PURE__ */ u3("div", { style: "font-size:10px;color:#f59e0b;margin-top:2px;font-family:monospace;", children: [
+                      "was: ",
+                      initial[key]
+                    ] })
+                  ] }) : /* @__PURE__ */ u3(k, { children: [
+                    /* @__PURE__ */ u3("div", { class: "profiler-flex", style: "align-items:center;gap:4px;", children: [
+                      /* @__PURE__ */ u3(TypeBadgeComp, { value }),
+                      /* @__PURE__ */ u3(
+                        "span",
+                        {
+                          class: "profiler-text--xs profiler-text--mono",
+                          style: "word-break:break-all;flex:1;",
+                          children: unmasked ? isQuoted(value) ? /* @__PURE__ */ u3(k, { children: [
+                            /* @__PURE__ */ u3("span", { style: "color:var(--profiler-text-muted);opacity:0.5;", children: '"' }),
+                            value,
+                            /* @__PURE__ */ u3("span", { style: "color:var(--profiler-text-muted);opacity:0.5;", children: '"' })
+                          ] }) : value : "\u2022".repeat(Math.min(value.length, 20))
+                        }
+                      ),
+                      /* @__PURE__ */ u3(
+                        "button",
+                        {
+                          onClick: () => toggleUnmask(key),
+                          title: unmasked ? "Hide value" : "Show value",
+                          style: `${iconBtn}${unmasked ? "opacity:1;color:var(--profiler-accent);" : ""}`,
+                          children: unmasked ? "\u{1F441}" : "\u{1F648}"
+                        }
+                      ),
+                      /* @__PURE__ */ u3(
+                        "button",
+                        {
+                          onClick: () => copy(value, key),
+                          title: "Copy value",
+                          style: `${iconBtn}${isCopiedVal ? "color:var(--profiler-success,#22c55e);opacity:1;" : ""}`,
+                          children: isCopiedVal ? "\u2713" : "\u2398"
+                        }
+                      )
+                    ] }),
+                    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))
+                    ] })
+                  ] }) }),
+                  !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" }),
+                    /* @__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);
+              })
+            ] });
+          }),
+          !readOnly && /* @__PURE__ */ u3("tr", { children: [
+            /* @__PURE__ */ u3("td", { children: /* @__PURE__ */ u3(
+              "input",
+              {
+                type: "text",
+                value: newKey,
+                onInput: (e3) => setNewKey(e3.target.value),
+                onKeyDown: (e3) => e3.key === "Enter" && addVar(),
+                placeholder: "NEW_KEY",
+                disabled: saving,
+                style: inputStyle
+              }
+            ) }),
+            /* @__PURE__ */ u3("td", { children: /* @__PURE__ */ u3(
+              "input",
+              {
+                type: "text",
+                value: newValue,
+                onInput: (e3) => setNewValue(e3.target.value),
+                onKeyDown: (e3) => e3.key === "Enter" && addVar(),
+                placeholder: "value",
+                disabled: saving,
+                style: inputStyle
+              }
+            ) }),
+            /* @__PURE__ */ u3("td", { style: "text-align:right;", children: /* @__PURE__ */ u3(
+              "button",
+              {
+                onClick: addVar,
+                disabled: saving || !newKey.trim(),
+                style: "background:var(--profiler-accent);border:none;cursor:pointer;color:#fff;font-size:11px;padding:3px 8px;border-radius:4px;",
+                children: "Add"
+              }
+            ) })
+          ] })
+        ] })
+      ] })
+    ] });
+  }
+
   // app/assets/typescript/profiler/components/dashboard/ProfileDashboard.tsx
   function ProfileDashboard({ profile, initialTab, embedded }) {
     const cd = profile.collectors_data || {};
@@ -3688,7 +4243,8 @@
             "Jobs (",
             profile.child_jobs.length,
             ")"
-          ] })
+          ] }),
+          /* @__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"] }),
@@ -3703,7 +4259,8 @@
           activeTab === "logs" && /* @__PURE__ */ u3(LogsTab, { logData: cd["logs"] }),
           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 === "jobs" && /* @__PURE__ */ u3(JobsTab, { jobs: profile.child_jobs }),
+          activeTab === "env" && /* @__PURE__ */ u3(EnvTab, { envData: cd["env"] })
         ] })
       ] }),
       !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

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+module Profiler
+  module Api
+    class EnvVarsController < ApplicationController
+      skip_before_action :verify_authenticity_token
+
+      def show
+        variables = ENV.to_h.sort.to_h
+        render json: { variables: variables, total: variables.size }
+      end
+
+      def update
+        key = params[:key].to_s.strip
+
+        if key.blank?
+          render json: { error: "Key cannot be blank" }, status: :unprocessable_entity
+          return
+        end
+
+        value = params[:value]
+
+        if value.nil? || value.to_s.empty?
+          ENV.delete(key)
+          render json: { key: key, value: nil, deleted: true }
+        else
+          ENV[key] = value.to_s
+          render json: { key: key, value: ENV[key] }
+        end
+      end
+    end
+  end
+end

data/config/routes.rb

@@ -34,5 +34,6 @@ Profiler::Engine.routes.draw do
     post "ajax/link", to: "ajax#link"
     post "explain", to: "explain#create"
     resource :function_profiling, only: [:show, :update], controller: "function_profiling"
+    resource :env_vars, only: [:show, :update], controller: "env_vars"
   end
 end

data/lib/profiler/collectors/env_collector.rb

@@ -0,0 +1,38 @@
+# frozen_string_literal: true
+
+require_relative "base_collector"
+
+module Profiler
+  module Collectors
+    class EnvCollector < BaseCollector
+      def icon
+        "⚙️"
+      end
+
+      def priority
+        90
+      end
+
+      def tab_config
+        {
+          key: "env",
+          label: "Env",
+          icon: icon,
+          priority: priority,
+          enabled: true,
+          default_active: false
+        }
+      end
+
+      def collect
+        variables = ENV.to_h.sort.to_h
+        store_data({ variables: variables, total: variables.size })
+      end
+
+      def toolbar_summary
+        data = panel_content
+        { text: "#{data[:total] || 0} vars", color: "gray" }
+      end
+    end
+  end
+end

data/lib/profiler/version.rb

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

data/lib/profiler.rb

@@ -94,6 +94,7 @@ require_relative "profiler/collectors/log_collector"
 require_relative "profiler/collectors/exception_collector"
 require_relative "profiler/collectors/routes_collector"
 require_relative "profiler/collectors/i18n_collector"
+require_relative "profiler/collectors/env_collector"
 
 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.14.0
+  version: 0.15.0
 platform: ruby
 authors:
 - Sébastien Duplessy
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2026-04-09 00:00:00.000000000 Z
+date: 2026-04-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -107,6 +107,7 @@ files:
 - app/assets/builds/profiler.css
 - app/assets/builds/profiler.js
 - app/controllers/profiler/api/ajax_controller.rb
+- app/controllers/profiler/api/env_vars_controller.rb
 - app/controllers/profiler/api/explain_controller.rb
 - app/controllers/profiler/api/function_profiling_controller.rb
 - app/controllers/profiler/api/jobs_controller.rb
@@ -128,6 +129,7 @@ files:
 - lib/profiler/collectors/cache_collector.rb
 - lib/profiler/collectors/database_collector.rb
 - lib/profiler/collectors/dump_collector.rb
+- lib/profiler/collectors/env_collector.rb
 - lib/profiler/collectors/exception_collector.rb
 - lib/profiler/collectors/flamegraph_collector.rb
 - lib/profiler/collectors/function_profiler_collector.rb