rails-profiler 0.25.0 → 0.26.0

data/app/assets/builds/profiler.js

@@ -323,6 +323,11 @@
     var u4 = p2(t2++, 7);
     return C2(u4.__H, r3) && (u4.__ = n2(), u4.__H = r3, u4.__h = n2), u4.__;
   }
+  function q2(n2, t3) {
+    return o2 = 8, T2(function() {
+      return n2;
+    }, t3);
+  }
   function j2() {
     for (var n2; n2 = f2.shift(); ) {
       var t3 = n2.__H;
@@ -1274,10 +1279,10 @@
     const overrideCount = Object.keys(overrides).length;
     const allEntries = Object.entries(variables);
     const filteredEntries = T2(() => {
-      const q2 = search.toLowerCase().trim();
-      if (!q2) return allEntries;
+      const q3 = search.toLowerCase().trim();
+      if (!q3) return allEntries;
       return allEntries.filter(
-        ([k3, v3]) => k3.toLowerCase().includes(q2) || v3.toLowerCase().includes(q2)
+        ([k3, v3]) => k3.toLowerCase().includes(q3) || v3.toLowerCase().includes(q3)
       );
     }, [variables, search]);
     const groups = T2(() => {
@@ -1605,8 +1610,363 @@
     ] });
   }
 
-  // app/assets/typescript/profiler/components/ProfileList.tsx
+  // app/assets/typescript/profiler/components/test-runner/TestFileTree.tsx
+  function TestFileTree({ tree, selected, onToggleFile, onToggleDir }) {
+    const [collapsed, setCollapsed] = d2(/* @__PURE__ */ new Set());
+    const toggleCollapse = (dir) => {
+      setCollapsed((prev) => {
+        const next = new Set(prev);
+        next.has(dir) ? next.delete(dir) : next.add(dir);
+        return next;
+      });
+    };
+    const dirSelected = (paths) => {
+      const count = paths.filter((p3) => selected.has(p3)).length;
+      if (count === 0) return "none";
+      if (count === paths.length) return "all";
+      return "partial";
+    };
+    return /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--mono", style: "overflow-y: auto; height: 100%", children: tree.map(({ directory, files }) => {
+      const paths = files.map((f4) => f4.path);
+      const sel = dirSelected(paths);
+      const isCollapsed = collapsed.has(directory);
+      return /* @__PURE__ */ u3("div", { style: "margin-bottom: 4px", children: [
+        /* @__PURE__ */ u3(
+          "div",
+          {
+            style: "display: flex; align-items: center; gap: 6px; padding: 3px 6px; cursor: pointer; border-radius: 4px; background: var(--profiler-bg-secondary, rgba(255,255,255,0.05))",
+            onClick: () => toggleCollapse(directory),
+            children: [
+              /* @__PURE__ */ u3(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: sel === "all",
+                  ref: (el) => {
+                    if (el) el.indeterminate = sel === "partial";
+                  },
+                  onClick: (e3) => {
+                    e3.stopPropagation();
+                    onToggleDir(directory, paths);
+                  },
+                  style: "cursor: pointer; flex-shrink: 0"
+                }
+              ),
+              /* @__PURE__ */ u3("span", { style: "color: var(--profiler-text-muted, #888); flex-shrink: 0", children: isCollapsed ? "\u25B6" : "\u25BC" }),
+              /* @__PURE__ */ u3("span", { style: "color: var(--profiler-accent, #06b6d4); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap", title: directory, children: [
+                directory,
+                "/"
+              ] }),
+              /* @__PURE__ */ u3("span", { style: "color: var(--profiler-text-muted, #888); margin-left: auto; flex-shrink: 0", children: [
+                "(",
+                files.length,
+                ")"
+              ] })
+            ]
+          }
+        ),
+        !isCollapsed && files.map((file) => /* @__PURE__ */ u3(
+          "div",
+          {
+            style: "display: flex; align-items: center; gap: 6px; padding: 2px 6px 2px 24px; cursor: pointer; border-radius: 4px",
+            onClick: () => onToggleFile(file.path),
+            children: [
+              /* @__PURE__ */ u3(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: selected.has(file.path),
+                  onClick: (e3) => {
+                    e3.stopPropagation();
+                    onToggleFile(file.path);
+                  },
+                  style: "cursor: pointer; flex-shrink: 0"
+                }
+              ),
+              /* @__PURE__ */ u3("span", { style: "overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--profiler-text, #e2e8f0)", title: file.path, children: file.name })
+            ]
+          },
+          file.path
+        ))
+      ] }, directory);
+    }) });
+  }
+
+  // app/assets/typescript/profiler/components/test-runner/RunOutput.tsx
+  function statusColor(status) {
+    if (status === "passed") return "var(--profiler-success, #10b981)";
+    if (status === "failed") return "var(--profiler-error, #ef4444)";
+    if (status === "running") return "var(--profiler-accent, #06b6d4)";
+    if (status === "killed" || status === "error") return "var(--profiler-warning, #f59e0b)";
+    return "var(--profiler-text-muted, #888)";
+  }
+  function statusLabel(status) {
+    const map = {
+      pending: "\u23F3 Pending",
+      running: "\u25CF Running\u2026",
+      passed: "\u2713 Passed",
+      failed: "\u2717 Failed",
+      killed: "\u25A0 Killed",
+      error: "\u26A0 Error"
+    };
+    return map[status] || status;
+  }
+  function parseAnsi(raw) {
+    const ANSI_STYLES = {
+      "0": "",
+      "1": "font-weight:bold",
+      "31": "color:var(--ansi-red)",
+      "32": "color:var(--ansi-green)",
+      "33": "color:var(--ansi-yellow)",
+      "34": "color:var(--ansi-blue)",
+      "35": "color:var(--ansi-purple)",
+      "36": "color:var(--ansi-cyan)"
+    };
+    const spans = [];
+    let currentStyle = "";
+    const parts = raw.split(/(\x1b\[[0-9;]*m)/);
+    for (const part of parts) {
+      if (part.startsWith("\x1B[") && part.endsWith("m")) {
+        const codes = part.slice(2, -1).split(";");
+        if (codes.includes("0")) {
+          currentStyle = "";
+        } else {
+          const styles = codes.map((c3) => ANSI_STYLES[c3] ?? "").filter(Boolean);
+          currentStyle = [...currentStyle ? [currentStyle] : [], ...styles].join(";");
+        }
+      } else if (part.length > 0) {
+        spans.push({ text: part, style: currentStyle });
+      }
+    }
+    return spans;
+  }
+  function AnsiOutput({ text }) {
+    const spans = parseAnsi(text);
+    if (spans.length === 0) {
+      return /* @__PURE__ */ u3("span", { style: "color:var(--profiler-text-muted)", children: "No output yet\u2026" });
+    }
+    return /* @__PURE__ */ u3(k, { children: spans.map(
+      (s3, i3) => s3.style ? /* @__PURE__ */ u3("span", { style: s3.style, children: s3.text }, i3) : /* @__PURE__ */ u3("span", { children: s3.text }, i3)
+    ) });
+  }
+  function RunOutput({ run }) {
+    const outputRef = A2(null);
+    y2(() => {
+      if (outputRef.current && run?.status === "running") {
+        outputRef.current.scrollTop = outputRef.current.scrollHeight;
+      }
+    }, [run?.output]);
+    if (!run) {
+      return /* @__PURE__ */ u3("div", { class: "profiler-empty", style: "height: 100%; display: flex; align-items: center; justify-content: center", children: /* @__PURE__ */ u3("div", { children: [
+        /* @__PURE__ */ u3("div", { class: "profiler-empty__title", style: "font-size: 1.1rem", children: "Select files and click Run" }),
+        /* @__PURE__ */ u3("p", { class: "profiler-empty__description", children: "Test output will appear here in real time" })
+      ] }) });
+    }
+    return /* @__PURE__ */ u3("div", { style: "display: flex; flex-direction: column; height: 100%; gap: 12px", children: [
+      /* @__PURE__ */ u3("div", { style: "display: flex; align-items: center; gap: 12px; flex-shrink: 0", children: [
+        /* @__PURE__ */ u3("span", { style: `font-weight: 600; color: ${statusColor(run.status)}`, children: statusLabel(run.status) }),
+        run.duration != null && /* @__PURE__ */ u3("span", { class: "profiler-text--xs profiler-text--muted", children: [
+          (run.duration / 1e3).toFixed(1),
+          "s"
+        ] }),
+        (run.status === "passed" || run.status === "failed") && /* @__PURE__ */ u3("a", { href: "/_profiler?section=tests", class: "profiler-text--xs", style: "color: var(--profiler-accent, #06b6d4); margin-left: auto", children: "View in Profiler \u2192" })
+      ] }),
+      /* @__PURE__ */ u3(
+        "pre",
+        {
+          ref: outputRef,
+          style: "flex: 1; overflow-y: auto; background: var(--profiler-terminal-bg); color: var(--profiler-terminal-text); padding: 14px 16px; border-radius: 6px; font-family: var(--profiler-font-mono); font-size: 12px; line-height: 1.65; margin: 0; white-space: pre-wrap; word-break: break-all; border: 1px solid var(--profiler-border)",
+          children: /* @__PURE__ */ u3(AnsiOutput, { text: run.output || "" })
+        }
+      ),
+      run.files.length > 0 && /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "flex-shrink: 0", children: [
+        run.files.length,
+        " file",
+        run.files.length !== 1 ? "s" : "",
+        " \xB7 ",
+        run.framework
+      ] })
+    ] });
+  }
+
+  // app/assets/typescript/profiler/components/test-runner/TestRunnerContent.tsx
   var BASE = "/_profiler";
+  function TestRunnerContent() {
+    const [framework, setFramework] = d2("");
+    const [frameworks, setFrameworks] = d2([]);
+    const [tree, setTree] = d2([]);
+    const [selected, setSelected] = d2(/* @__PURE__ */ new Set());
+    const [loading, setLoading] = d2(true);
+    const [currentRun, setCurrentRun] = d2(null);
+    const [isRunning, setIsRunning] = d2(false);
+    const [error, setError] = d2(null);
+    const loadFiles = q2((fw) => {
+      setLoading(true);
+      fetch(`${BASE}/api/test_runner/files?framework=${fw}`).then((r3) => r3.json()).then((data) => {
+        setFrameworks(data.frameworks || []);
+        setTree(data.tree || []);
+        setSelected(/* @__PURE__ */ new Set());
+        setLoading(false);
+      }).catch(() => {
+        setError("Failed to load test files");
+        setLoading(false);
+      });
+    }, []);
+    y2(() => {
+      fetch(`${BASE}/api/test_runner/files`).then((r3) => r3.json()).then((data) => {
+        const fws = (data.frameworks || []).map(String);
+        setFrameworks(fws);
+        const defaultFw = fws[0] || "minitest";
+        setFramework(defaultFw);
+        return fetch(`${BASE}/api/test_runner/files?framework=${defaultFw}`);
+      }).then((r3) => r3.json()).then((data) => {
+        setTree(data.tree || []);
+        setLoading(false);
+      }).catch(() => {
+        setError("Failed to load test files");
+        setLoading(false);
+      });
+    }, []);
+    y2(() => {
+      if (!currentRun || !isRunning) return;
+      if (["passed", "failed", "killed", "error"].includes(currentRun.status)) {
+        setIsRunning(false);
+        return;
+      }
+      const es = new EventSource(`${BASE}/api/test_runner/runs/${currentRun.id}/stream`);
+      es.addEventListener("output", (e3) => {
+        try {
+          const data = JSON.parse(e3.data);
+          setCurrentRun((prev) => prev ? { ...prev, output: (prev.output || "") + data.chunk } : prev);
+        } catch {
+        }
+      });
+      es.addEventListener("done", (e3) => {
+        try {
+          const data = JSON.parse(e3.data);
+          setCurrentRun((prev) => prev ? { ...prev, status: data.status } : prev);
+        } catch {
+        }
+        setIsRunning(false);
+        es.close();
+      });
+      es.onerror = () => {
+        es.close();
+        fetch(`${BASE}/api/test_runner/runs/${currentRun.id}`).then((r3) => r3.json()).then((data) => {
+          setCurrentRun(data);
+          setIsRunning(false);
+        }).catch(() => setIsRunning(false));
+      };
+      return () => es.close();
+    }, [currentRun?.id, isRunning]);
+    const handleFrameworkChange = (fw) => {
+      setFramework(fw);
+      loadFiles(fw);
+    };
+    const toggleFile = (path) => {
+      setSelected((prev) => {
+        const next = new Set(prev);
+        next.has(path) ? next.delete(path) : next.add(path);
+        return next;
+      });
+    };
+    const toggleDir = (_dir, paths) => {
+      setSelected((prev) => {
+        const next = new Set(prev);
+        const allSelected = paths.every((p3) => next.has(p3));
+        if (allSelected) {
+          paths.forEach((p3) => next.delete(p3));
+        } else {
+          paths.forEach((p3) => next.add(p3));
+        }
+        return next;
+      });
+    };
+    const selectAll = () => {
+      const all = tree.flatMap((d3) => d3.files.map((f4) => f4.path));
+      setSelected(new Set(all));
+    };
+    const selectNone = () => setSelected(/* @__PURE__ */ new Set());
+    const runTests = () => {
+      if (selected.size === 0 || isRunning) return;
+      setError(null);
+      fetch(`${BASE}/api/test_runner/runs`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ files: Array.from(selected), framework })
+      }).then((r3) => r3.json()).then((data) => {
+        setCurrentRun(data);
+        setIsRunning(true);
+      }).catch(() => setError("Failed to start test run"));
+    };
+    const stopRun = () => {
+      if (!currentRun) return;
+      fetch(`${BASE}/api/test_runner/runs/${currentRun.id}`, { method: "DELETE" }).then(() => {
+        setIsRunning(false);
+        setCurrentRun((prev) => prev ? { ...prev, status: "killed" } : prev);
+      }).catch(() => {
+      });
+    };
+    const totalFiles = tree.reduce((n2, d3) => n2 + d3.files.length, 0);
+    return /* @__PURE__ */ u3("div", { children: [
+      error && /* @__PURE__ */ u3("div", { style: "color: var(--profiler-error, #ef4444); background: rgba(239,68,68,0.1); border: 1px solid var(--profiler-error, #ef4444); border-radius: 4px; padding: 8px 12px; margin-bottom: 12px; font-size: 13px", children: error }),
+      /* @__PURE__ */ u3("div", { class: "profiler-action-bar profiler-mb-3", children: [
+        /* @__PURE__ */ u3("div", { class: "profiler-filter-group", children: frameworks.length > 0 && frameworks.map((fw) => /* @__PURE__ */ u3(
+          "button",
+          {
+            class: `profiler-preset-btn${framework === fw ? " profiler-preset-btn--active" : ""}`,
+            onClick: () => handleFrameworkChange(fw),
+            disabled: isRunning,
+            children: fw === "rspec" ? "RSpec" : "Minitest"
+          },
+          fw
+        )) }),
+        /* @__PURE__ */ u3("div", { class: "profiler-filter-group", style: "margin-left: auto", children: [
+          /* @__PURE__ */ u3("span", { class: "profiler-text--xs profiler-text--muted", children: [
+            selected.size,
+            " / ",
+            totalFiles,
+            " selected"
+          ] }),
+          /* @__PURE__ */ u3("button", { class: "btn btn-secondary btn-sm", onClick: selectAll, disabled: isRunning || loading, children: "All" }),
+          /* @__PURE__ */ u3("button", { class: "btn btn-secondary btn-sm", onClick: selectNone, disabled: isRunning, children: "None" }),
+          isRunning ? /* @__PURE__ */ u3("button", { class: "btn btn-danger btn-sm", onClick: stopRun, children: "\u25A0 Stop" }) : /* @__PURE__ */ u3(
+            "button",
+            {
+              class: "btn btn-sm",
+              style: "background: var(--profiler-accent, #06b6d4); color: #000; font-weight: 600",
+              onClick: runTests,
+              disabled: selected.size === 0,
+              children: [
+                "\u25B6 Run Selected (",
+                selected.size,
+                ")"
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ u3("div", { style: "display: grid; grid-template-columns: 260px 1fr; height: 460px; border: 1px solid var(--profiler-border, rgba(255,255,255,0.1)); border-radius: 6px; overflow: hidden", children: [
+        /* @__PURE__ */ u3("div", { style: "border-right: 1px solid var(--profiler-border, rgba(255,255,255,0.1)); overflow-y: auto; padding: 8px", children: loading ? /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "padding: 8px", children: "Loading files\u2026" }) : tree.length === 0 ? /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "padding: 8px", children: [
+          "No ",
+          framework,
+          " test files found"
+        ] }) : /* @__PURE__ */ u3(
+          TestFileTree,
+          {
+            tree,
+            selected,
+            onToggleFile: toggleFile,
+            onToggleDir: toggleDir
+          }
+        ) }),
+        /* @__PURE__ */ u3("div", { style: "overflow: hidden; display: flex; flex-direction: column", children: /* @__PURE__ */ u3(RunOutput, { run: currentRun }) })
+      ] })
+    ] });
+  }
+
+  // app/assets/typescript/profiler/components/ProfileList.tsx
+  var BASE2 = "/_profiler";
   function TableSkeleton({ cols, rows = 6 }) {
     return /* @__PURE__ */ u3("div", { children: Array.from({ length: rows }).map((_2, i3) => /* @__PURE__ */ u3("div", { class: "profiler-skeleton__row", children: cols.map((size, j3) => /* @__PURE__ */ u3("div", { class: `profiler-skeleton__cell profiler-skeleton__cell--${size}` }, j3)) }, i3)) });
   }
@@ -1644,7 +2004,7 @@
     const params = new URLSearchParams(window.location.search);
     const initialSection = () => {
       const s3 = params.get("section");
-      return s3 === "http" || s3 === "jobs" || s3 === "console" || s3 === "outbound" || s3 === "env" ? s3 : "http";
+      return s3 === "http" || s3 === "jobs" || s3 === "console" || s3 === "tests" || s3 === "runner" || s3 === "outbound" || s3 === "env" ? s3 : "http";
     };
     const initialSort = () => {
       const col = params.get("sort");
@@ -1667,6 +2027,13 @@
     const [consoleOffset, setConsoleOffset] = d2(0);
     const [consoleHasMore, setConsoleHasMore] = d2(false);
     const [consoleLoadingMore, setConsoleLoadingMore] = d2(false);
+    const [tests, setTests] = d2([]);
+    const [testOffset, setTestOffset] = d2(0);
+    const [testHasMore, setTestHasMore] = d2(false);
+    const [testLoadingMore, setTestLoadingMore] = d2(false);
+    const [loadingTests, setLoadingTests] = d2(initialSection() === "tests");
+    const [testsLoaded, setTestsLoaded] = d2(false);
+    const [testsError, setTestsError] = d2(null);
     const [outboundRequests, setOutboundRequests] = d2([]);
     const [loadingHttp, setLoadingHttp] = d2(initialSection() === "http");
     const [loadingJobs, setLoadingJobs] = d2(initialSection() === "jobs");
@@ -1696,6 +2063,9 @@
     const [jobDuration, setJobDuration] = d2("");
     const [consoleSearch, setConsoleSearch] = d2("");
     const [consoleStatus, setConsoleStatus] = d2("");
+    const [testSearch, setTestSearch] = d2("");
+    const [testStatus, setTestStatus] = d2("");
+    const [testSort, setTestSort] = d2({ col: null, dir: "asc" });
     const [outboundSearch, setOutboundSearch] = d2("");
     const [outboundMethod, setOutboundMethod] = d2("");
     const [outboundStatus, setOutboundStatus] = d2("");
@@ -1733,7 +2103,7 @@
     };
     const loadMoreHttp = () => {
       setHttpLoadingMore(true);
-      fetch(`${BASE}/api/profiles?limit=50&offset=${httpOffset}`).then((res) => res.json()).then((data) => {
+      fetch(`${BASE2}/api/profiles?limit=50&offset=${httpOffset}`).then((res) => res.json()).then((data) => {
         setProfiles((prev) => [...prev, ...data.profiles]);
         setHttpOffset((prev) => prev + data.profiles.length);
         setHttpHasMore(data.has_more);
@@ -1742,7 +2112,7 @@
     };
     const loadMoreJobs = () => {
       setJobLoadingMore(true);
-      fetch(`${BASE}/api/jobs?limit=50&offset=${jobOffset}`).then((res) => res.json()).then((data) => {
+      fetch(`${BASE2}/api/jobs?limit=50&offset=${jobOffset}`).then((res) => res.json()).then((data) => {
         setJobs((prev) => [...prev, ...data.profiles]);
         setJobOffset((prev) => prev + data.profiles.length);
         setJobHasMore(data.has_more);
@@ -1751,13 +2121,37 @@
     };
     const loadMoreConsole = () => {
       setConsoleLoadingMore(true);
-      fetch(`${BASE}/api/console?limit=50&offset=${consoleOffset}`).then((res) => res.json()).then((data) => {
+      fetch(`${BASE2}/api/console?limit=50&offset=${consoleOffset}`).then((res) => res.json()).then((data) => {
         setConsoles((prev) => [...prev, ...data.profiles]);
         setConsoleOffset((prev) => prev + data.profiles.length);
         setConsoleHasMore(data.has_more);
         setConsoleLoadingMore(false);
       }).catch(() => setConsoleLoadingMore(false));
     };
+    const loadTests = () => {
+      if (testsLoaded) return;
+      setLoadingTests(true);
+      fetch(`${BASE2}/api/tests?limit=50&offset=0`).then((res) => res.json()).then((data) => {
+        setTests(data.profiles);
+        setTestOffset(data.profiles.length);
+        setTestHasMore(data.has_more);
+        setLoadingTests(false);
+        setTestsLoaded(true);
+      }).catch(() => {
+        setTestsError("Failed to load test profiles");
+        setLoadingTests(false);
+        setTestsLoaded(true);
+      });
+    };
+    const loadMoreTests = () => {
+      setTestLoadingMore(true);
+      fetch(`${BASE2}/api/tests?limit=50&offset=${testOffset}`).then((res) => res.json()).then((data) => {
+        setTests((prev) => [...prev, ...data.profiles]);
+        setTestOffset((prev) => prev + data.profiles.length);
+        setTestHasMore(data.has_more);
+        setTestLoadingMore(false);
+      }).catch(() => setTestLoadingMore(false));
+    };
     const handleSectionChange = (s3) => {
       if (s3 === section) {
         refreshSection(s3);
@@ -1767,7 +2161,11 @@
       const url = new URL(window.location.href);
       url.searchParams.set("section", s3);
       history.pushState(null, "", url.toString());
-      refreshSection(s3);
+      if (s3 === "tests") {
+        loadTests();
+      } else {
+        refreshSection(s3);
+      }
       setHttpSearch("");
       setHttpMethod("");
       setHttpStatus("");
@@ -1781,6 +2179,9 @@
       setConsoleSearch("");
       setConsoleStatus("");
       setConsoleSort({ col: null, dir: "asc" });
+      setTestSearch("");
+      setTestStatus("");
+      setTestSort({ col: null, dir: "asc" });
       setOutboundSearch("");
       setOutboundMethod("");
       setOutboundStatus("");
@@ -1792,44 +2193,55 @@
       });
     };
     const deleteProfile = (token) => {
-      fetch(`${BASE}/api/profiles/${token}`, { method: "DELETE" }).then(() => {
+      fetch(`${BASE2}/api/profiles/${token}`, { method: "DELETE" }).then(() => {
         setProfiles((prev) => prev.filter((p3) => p3.token !== token));
       });
     };
     const deleteJob = (token) => {
-      fetch(`${BASE}/api/jobs/${token}`, { method: "DELETE" }).then(() => {
+      fetch(`${BASE2}/api/jobs/${token}`, { method: "DELETE" }).then(() => {
         setJobs((prev) => prev.filter((p3) => p3.token !== token));
       });
     };
     const deleteConsole = (token) => {
-      fetch(`${BASE}/api/console/${token}`, { method: "DELETE" }).then(() => {
+      fetch(`${BASE2}/api/console/${token}`, { method: "DELETE" }).then(() => {
         setConsoles((prev) => prev.filter((p3) => p3.token !== token));
       });
     };
+    const deleteTest = (token) => {
+      fetch(`${BASE2}/api/tests/${token}`, { method: "DELETE" }).then(() => {
+        setTests((prev) => prev.filter((p3) => p3.token !== token));
+      });
+    };
     const clearProfiles = () => {
       if (!window.confirm("Delete all HTTP profiles?")) return;
-      fetch(`${BASE}/api/profiles/clear`, { method: "DELETE" }).then(() => {
+      fetch(`${BASE2}/api/profiles/clear`, { method: "DELETE" }).then(() => {
         setProfiles([]);
       });
     };
     const clearJobs = () => {
       if (!window.confirm("Delete all job profiles?")) return;
-      fetch(`${BASE}/api/jobs/clear`, { method: "DELETE" }).then(() => {
+      fetch(`${BASE2}/api/jobs/clear`, { method: "DELETE" }).then(() => {
         setJobs([]);
       });
     };
     const clearConsole = () => {
       if (!window.confirm("Delete all console profiles?")) return;
-      fetch(`${BASE}/api/console/clear`, { method: "DELETE" }).then(() => {
+      fetch(`${BASE2}/api/console/clear`, { method: "DELETE" }).then(() => {
         setConsoles([]);
       });
     };
+    const clearTests = () => {
+      if (!window.confirm("Delete all test profiles?")) return;
+      fetch(`${BASE2}/api/tests/clear`, { method: "DELETE" }).then(() => {
+        setTests([]);
+      });
+    };
     const clearAll = () => {
       if (!window.confirm("Delete all HTTP, job and console profiles?")) return;
       Promise.all([
-        fetch(`${BASE}/api/profiles/clear`, { method: "DELETE" }),
-        fetch(`${BASE}/api/jobs/clear`, { method: "DELETE" }),
-        fetch(`${BASE}/api/console/clear`, { method: "DELETE" })
+        fetch(`${BASE2}/api/profiles/clear`, { method: "DELETE" }),
+        fetch(`${BASE2}/api/jobs/clear`, { method: "DELETE" }),
+        fetch(`${BASE2}/api/console/clear`, { method: "DELETE" })
       ]).then(() => {
         setProfiles([]);
         setJobs([]);
@@ -1839,7 +2251,7 @@
     const refreshSection = (s3) => {
       if (s3 === "http") {
         setLoadingHttp(true);
-        fetch(`${BASE}/api/profiles?limit=50&offset=0`).then((res) => res.json()).then((data) => {
+        fetch(`${BASE2}/api/profiles?limit=50&offset=0`).then((res) => res.json()).then((data) => {
           setProfiles(data.profiles);
           setHttpOffset(data.profiles.length);
           setHttpHasMore(data.has_more);
@@ -1850,7 +2262,7 @@
         });
       } else if (s3 === "jobs") {
         setLoadingJobs(true);
-        fetch(`${BASE}/api/jobs?limit=50&offset=0`).then((res) => res.json()).then((data) => {
+        fetch(`${BASE2}/api/jobs?limit=50&offset=0`).then((res) => res.json()).then((data) => {
           setJobs(data.profiles);
           setJobOffset(data.profiles.length);
           setJobHasMore(data.has_more);
@@ -1861,7 +2273,7 @@
         });
       } else if (s3 === "console") {
         setLoadingConsole(true);
-        fetch(`${BASE}/api/console?limit=50&offset=0`).then((res) => res.json()).then((data) => {
+        fetch(`${BASE2}/api/console?limit=50&offset=0`).then((res) => res.json()).then((data) => {
           setConsoles(data.profiles);
           setConsoleOffset(data.profiles.length);
           setConsoleHasMore(data.has_more);
@@ -1870,18 +2282,32 @@
           setConsoleError("Failed to load console profiles");
           setLoadingConsole(false);
         });
+      } else if (s3 === "tests") {
+        setLoadingTests(true);
+        setTestsLoaded(false);
+        fetch(`${BASE2}/api/tests?limit=50&offset=0`).then((res) => res.json()).then((data) => {
+          setTests(data.profiles);
+          setTestOffset(data.profiles.length);
+          setTestHasMore(data.has_more);
+          setLoadingTests(false);
+          setTestsLoaded(true);
+        }).catch(() => {
+          setTestsError("Failed to load test profiles");
+          setLoadingTests(false);
+          setTestsLoaded(true);
+        });
       } else if (s3 === "outbound") {
         setLoadingOutbound(true);
-        fetch(`${BASE}/api/outbound_http`).then((res) => res.json()).then((data) => {
+        fetch(`${BASE2}/api/outbound_http`).then((res) => res.json()).then((data) => {
           setOutboundRequests(data);
           setLoadingOutbound(false);
         }).catch(() => {
           setOutboundError("Failed to load outbound HTTP requests");
           setLoadingOutbound(false);
         });
-      } else {
+      } else if (s3 === "env") {
         setLoadingEnv(true);
-        fetch(`${BASE}/api/env_vars`).then((res) => res.json()).then((data) => {
+        fetch(`${BASE2}/api/env_vars`).then((res) => res.json()).then((data) => {
           setEnvData(data);
           setLoadingEnv(false);
         }).catch(() => {
@@ -2009,9 +2435,44 @@
       }
       return consoleSort.dir === "asc" ? av - bv : bv - av;
     }) : filteredConsoles;
+    const filteredTests = tests.filter((p3) => {
+      if (testSearch) {
+        const testData = p3.collectors_data?.test;
+        const name = (testData?.test_name || p3.path).toLowerCase();
+        if (!name.includes(testSearch.toLowerCase())) return false;
+      }
+      if (testStatus === "failed" && p3.status !== 500) return false;
+      if (testStatus === "passed" && p3.status === 500) return false;
+      if (testStatus === "pending") {
+        const testData = p3.collectors_data?.test;
+        if (testData?.status !== "pending") return false;
+      }
+      return true;
+    });
+    const sortedTests = testSort.col ? [...filteredTests].sort((a3, b) => {
+      let av, bv;
+      if (testSort.col === "date") {
+        const diff = new Date(a3.started_at).getTime() - new Date(b.started_at).getTime();
+        return testSort.dir === "asc" ? diff : -diff;
+      }
+      switch (testSort.col) {
+        case "duration":
+          av = a3.duration;
+          bv = b.duration;
+          break;
+        case "status":
+          av = a3.status;
+          bv = b.status;
+          break;
+        default:
+          return 0;
+      }
+      return testSort.dir === "asc" ? av - bv : bv - av;
+    }) : filteredTests;
     const httpFiltersActive = !!(httpSearch || httpMethod || httpStatus || httpDuration || httpPreset);
     const jobFiltersActive = !!(jobSearch || jobStatus || jobDuration);
     const consoleFiltersActive = !!(consoleSearch || consoleStatus);
+    const testFiltersActive = !!(testSearch || testStatus);
     const outboundFiltersActive = !!(outboundSearch || outboundMethod || outboundStatus);
     const sortIcon = (activeCol, dir, col) => {
       if (activeCol !== col) return /* @__PURE__ */ u3("span", { class: "sort-icon sort-icon--idle", children: "\u21C5" });
@@ -2043,7 +2504,15 @@
             e3.preventDefault();
             handleSectionChange("console");
           }, children: "Console" }),
+          /* @__PURE__ */ u3("a", { href: "#", class: tabClass("tests"), onClick: (e3) => {
+            e3.preventDefault();
+            handleSectionChange("tests");
+          }, children: "Tests" }),
           /* @__PURE__ */ u3("div", { style: "flex: 1" }),
+          /* @__PURE__ */ u3("a", { href: "#", class: tabClass("runner"), onClick: (e3) => {
+            e3.preventDefault();
+            handleSectionChange("runner");
+          }, children: "Test Runner" }),
           /* @__PURE__ */ u3("a", { href: "#", class: tabClass("outbound"), onClick: (e3) => {
             e3.preventDefault();
             handleSectionChange("outbound");
@@ -2143,7 +2612,7 @@
                 /* @__PURE__ */ u3("td", { children: formatTime(p3.started_at) }),
                 /* @__PURE__ */ u3("td", { children: /* @__PURE__ */ u3("span", { class: methodClass(p3.method), children: p3.method }) }),
                 /* @__PURE__ */ u3("td", { children: [
-                  /* @__PURE__ */ u3("a", { href: `${BASE}/profiles/${p3.token}`, children: p3.path }),
+                  /* @__PURE__ */ u3("a", { href: `${BASE2}/profiles/${p3.token}`, children: p3.path }),
                   p3.gem_version && p3.gem_version !== currentVersion && /* @__PURE__ */ u3("span", { class: "profiler-version-warn", title: `Captur\xE9 avec v${p3.gem_version} (actuel : v${currentVersion})`, children: "\u26A0\uFE0F" })
                 ] }),
                 /* @__PURE__ */ u3("td", { children: /* @__PURE__ */ u3("span", { class: durationClass(p3.duration), children: [
@@ -2224,7 +2693,7 @@
                 return /* @__PURE__ */ u3("tr", { children: [
                   /* @__PURE__ */ u3("td", { children: formatTime(p3.started_at) }),
                   /* @__PURE__ */ u3("td", { children: [
-                    /* @__PURE__ */ u3("a", { href: `${BASE}/profiles/${p3.token}`, children: p3.path }),
+                    /* @__PURE__ */ u3("a", { href: `${BASE2}/profiles/${p3.token}`, children: p3.path }),
                     p3.gem_version && p3.gem_version !== currentVersion && /* @__PURE__ */ u3("span", { class: "profiler-version-warn", title: `Captur\xE9 avec v${p3.gem_version} (actuel : v${currentVersion})`, children: "\u26A0\uFE0F" })
                   ] }),
                   /* @__PURE__ */ u3("td", { children: /* @__PURE__ */ u3("span", { class: "profiler-text--xs profiler-text--mono", children: jobData?.queue || "-" }) }),
@@ -2302,7 +2771,7 @@
                 return /* @__PURE__ */ u3("tr", { children: [
                   /* @__PURE__ */ u3("td", { children: formatTime(p3.started_at) }),
                   /* @__PURE__ */ u3("td", { children: [
-                    /* @__PURE__ */ u3("a", { href: `${BASE}/profiles/${p3.token}`, class: "profiler-text--mono", style: "font-size:0.85em;", children: p3.path.length > 60 ? p3.path.slice(0, 60) + "\u2026" : p3.path }),
+                    /* @__PURE__ */ u3("a", { href: `${BASE2}/profiles/${p3.token}`, class: "profiler-text--mono", style: "font-size:0.85em;", children: p3.path.length > 60 ? p3.path.slice(0, 60) + "\u2026" : p3.path }),
                     p3.gem_version && p3.gem_version !== currentVersion && /* @__PURE__ */ u3("span", { class: "profiler-version-warn", title: `Captur\xE9 avec v${p3.gem_version} (actuel : v${currentVersion})`, children: "\u26A0\uFE0F" })
                   ] }),
                   /* @__PURE__ */ u3("td", { children: /* @__PURE__ */ u3("span", { class: durationClass(p3.duration), children: [
@@ -2318,6 +2787,90 @@
             ] }),
             consoleHasMore && !consoleFiltersActive && /* @__PURE__ */ u3("div", { class: "profiler-load-more", children: /* @__PURE__ */ u3("button", { class: "btn btn-secondary", onClick: loadMoreConsole, disabled: consoleLoadingMore, children: consoleLoadingMore ? "Loading\u2026" : "Load more" }) })
           ] })),
+          section === "tests" && (loadingTests ? /* @__PURE__ */ u3(TableSkeleton, { cols: ["sm", "flex", "md", "sm", "xs", "sm"] }) : testsError ? /* @__PURE__ */ u3("div", { class: "profiler-empty", children: /* @__PURE__ */ u3("div", { class: "profiler-empty__title", children: testsError }) }) : tests.length === 0 ? /* @__PURE__ */ u3("div", { class: "profiler-empty", children: [
+            /* @__PURE__ */ u3("div", { class: "profiler-empty__title", children: "No test profiles found" }),
+            /* @__PURE__ */ u3("p", { class: "profiler-empty__description", children: [
+              "Add ",
+              /* @__PURE__ */ u3("code", { children: "Profiler::TestHelpers::RSpecSupport.install(config)" }),
+              " to your spec_helper.rb and run your tests. Or use the ",
+              /* @__PURE__ */ u3("a", { href: "#", style: "color:var(--profiler-accent,#06b6d4)", onClick: (e3) => {
+                e3.preventDefault();
+                handleSectionChange("runner");
+              }, children: "Test Runner" }),
+              " tab to run tests from here."
+            ] })
+          ] }) : /* @__PURE__ */ u3(k, { children: [
+            /* @__PURE__ */ u3("div", { class: "profiler-action-bar profiler-mb-3", children: [
+              /* @__PURE__ */ u3("div", { class: "profiler-filter-group", children: [
+                /* @__PURE__ */ u3(
+                  "input",
+                  {
+                    type: "text",
+                    class: "profiler-filter-input",
+                    placeholder: "Search test name\u2026",
+                    value: testSearch,
+                    onInput: (e3) => setTestSearch(e3.target.value)
+                  }
+                ),
+                /* @__PURE__ */ u3("select", { class: "profiler-filter-select", value: testStatus, onChange: (e3) => setTestStatus(e3.target.value), children: [
+                  /* @__PURE__ */ u3("option", { value: "", children: "All Statuses" }),
+                  /* @__PURE__ */ u3("option", { value: "passed", children: "Passed" }),
+                  /* @__PURE__ */ u3("option", { value: "failed", children: "Failed" }),
+                  /* @__PURE__ */ u3("option", { value: "pending", children: "Pending" })
+                ] })
+              ] }),
+              /* @__PURE__ */ u3("div", { class: "profiler-filter-group", children: [
+                testFiltersActive && /* @__PURE__ */ u3("span", { class: "profiler-filter-count", children: [
+                  filteredTests.length,
+                  " / ",
+                  tests.length
+                ] }),
+                /* @__PURE__ */ u3("button", { class: `btn-refresh${loadingTests ? " btn-refresh--spinning" : ""}`, onClick: refresh, disabled: loadingTests, title: "Refresh", children: "\u21BA" }),
+                /* @__PURE__ */ u3("button", { class: "btn btn-danger btn-sm", onClick: clearTests, title: "Delete test profiles", children: "Clear All" })
+              ] })
+            ] }),
+            filteredTests.length === 0 ? /* @__PURE__ */ u3("div", { class: "profiler-empty", children: /* @__PURE__ */ u3("div", { class: "profiler-empty__title", children: "No results match filters" }) }) : /* @__PURE__ */ u3("table", { children: [
+              /* @__PURE__ */ u3("thead", { children: /* @__PURE__ */ u3("tr", { children: [
+                /* @__PURE__ */ u3("th", { class: `sortable${testSort.col === "date" ? " sortable--active" : ""}`, onClick: () => setTestSort((prev) => ({ col: "date", dir: prev.col === "date" && prev.dir === "asc" ? "desc" : "asc" })), children: [
+                  "Time ",
+                  sortIcon(testSort.col, testSort.dir, "date")
+                ] }),
+                /* @__PURE__ */ u3("th", { children: "Test Name" }),
+                /* @__PURE__ */ u3("th", { children: "File" }),
+                /* @__PURE__ */ u3("th", { class: `sortable${testSort.col === "duration" ? " sortable--active" : ""}`, onClick: () => setTestSort((prev) => ({ col: "duration", dir: prev.col === "duration" && prev.dir === "asc" ? "desc" : "asc" })), children: [
+                  "Duration ",
+                  sortIcon(testSort.col, testSort.dir, "duration")
+                ] }),
+                /* @__PURE__ */ u3("th", { children: "Queries" }),
+                /* @__PURE__ */ u3("th", { class: `sortable${testSort.col === "status" ? " sortable--active" : ""}`, onClick: () => setTestSort((prev) => ({ col: "status", dir: prev.col === "status" && prev.dir === "asc" ? "desc" : "asc" })), children: [
+                  "Status ",
+                  sortIcon(testSort.col, testSort.dir, "status")
+                ] }),
+                /* @__PURE__ */ u3("th", { children: "Token" }),
+                /* @__PURE__ */ u3("th", {})
+              ] }) }),
+              /* @__PURE__ */ u3("tbody", { children: sortedTests.map((p3) => {
+                const testData = p3.collectors_data?.test;
+                const isFailed = p3.status === 500;
+                const status = testData?.status || (isFailed ? "failed" : "passed");
+                return /* @__PURE__ */ u3("tr", { children: [
+                  /* @__PURE__ */ u3("td", { children: formatTime(p3.started_at) }),
+                  /* @__PURE__ */ u3("td", { style: "max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap", children: /* @__PURE__ */ u3("a", { href: `${BASE2}/profiles/${p3.token}`, title: testData?.test_name || p3.path, children: testData?.test_name || p3.path }) }),
+                  /* @__PURE__ */ u3("td", { class: "profiler-text--xs profiler-text--mono profiler-text--muted", children: testData?.test_file || "-" }),
+                  /* @__PURE__ */ u3("td", { children: /* @__PURE__ */ u3("span", { class: durationClass(p3.duration), children: [
+                    p3.duration.toFixed(2),
+                    " ms"
+                  ] }) }),
+                  /* @__PURE__ */ u3("td", { children: p3.collectors_data?.database?.total_queries ?? "\u2014" }),
+                  /* @__PURE__ */ u3("td", { children: /* @__PURE__ */ u3("span", { class: status === "failed" ? "badge-error" : status === "pending" ? "badge-warning" : "badge-success", children: status === "failed" ? "\u2717 Failed" : status === "pending" ? "\u23F8 Pending" : "\u2713 Passed" }) }),
+                  /* @__PURE__ */ u3("td", { class: "profiler-text--xs profiler-text--mono profiler-text--muted", children: /* @__PURE__ */ u3("button", { class: "token-copy", onClick: () => copyToken(p3.token), title: "Copy full token", children: copiedToken === p3.token ? "\u2713" : p3.token.substring(0, 8) + "\u2026" }) }),
+                  /* @__PURE__ */ u3("td", { children: /* @__PURE__ */ u3("button", { class: "btn-row-delete", onClick: () => deleteTest(p3.token), title: "Delete", children: "\xD7" }) })
+                ] }, p3.token);
+              }) })
+            ] }),
+            testHasMore && !testFiltersActive && /* @__PURE__ */ u3("div", { class: "profiler-load-more", children: /* @__PURE__ */ u3("button", { class: "btn btn-secondary", onClick: loadMoreTests, disabled: testLoadingMore, children: testLoadingMore ? "Loading\u2026" : "Load more" }) })
+          ] })),
+          section === "runner" && /* @__PURE__ */ u3(TestRunnerContent, {}),
           section === "outbound" && (loadingOutbound ? /* @__PURE__ */ u3(TableSkeleton, { cols: ["sm", "xs", "flex", "sm", "xs"], rows: 4 }) : outboundError ? /* @__PURE__ */ u3("div", { class: "profiler-empty", children: /* @__PURE__ */ u3("div", { class: "profiler-empty__title", children: outboundError }) }) : outboundRequests.length === 0 ? /* @__PURE__ */ u3("div", { class: "profiler-empty", children: [
             /* @__PURE__ */ u3("div", { class: "profiler-empty__title", children: "No outbound HTTP requests found" }),
             /* @__PURE__ */ u3("p", { class: "profiler-empty__description", children: "Make requests to external services to see outbound HTTP data" })
@@ -2370,7 +2923,7 @@
               /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted", style: "margin-bottom:2px", children: [
                 formatTime(req.profile_started_at),
                 " \xB7 Profile: ",
-                /* @__PURE__ */ u3("a", { href: `${BASE}/profiles/${req.profile_token}`, children: [
+                /* @__PURE__ */ u3("a", { href: `${BASE2}/profiles/${req.profile_token}`, children: [
                   req.profile_token.substring(0, 8),
                   "\u2026"
                 ] })
@@ -4386,8 +4939,8 @@
     const verbs = ["ALL", ...Array.from(new Set(routes.map((r3) => r3.verb))).sort()];
     const filtered = routes.filter((route) => {
       const matchesVerb = verbFilter === "ALL" || route.verb === verbFilter;
-      const q2 = filter.toLowerCase();
-      const matchesText = !q2 || (route.pattern ?? "").toLowerCase().includes(q2) || (route.name ?? "").toLowerCase().includes(q2) || (route.controller_action ?? "").toLowerCase().includes(q2);
+      const q3 = filter.toLowerCase();
+      const matchesText = !q3 || (route.pattern ?? "").toLowerCase().includes(q3) || (route.name ?? "").toLowerCase().includes(q3) || (route.controller_action ?? "").toLowerCase().includes(q3);
       return matchesVerb && matchesText;
     });
     return /* @__PURE__ */ u3(k, { children: [
@@ -5186,6 +5739,155 @@
     ] });
   }
 
+  // app/assets/typescript/profiler/components/dashboard/tabs/TestTab.tsx
+  function statusBadge2(status) {
+    if (status === "passed") return /* @__PURE__ */ u3("span", { class: "badge-success", children: "\u2713 Passed" });
+    if (status === "failed") return /* @__PURE__ */ u3("span", { class: "badge-error", children: "\u2717 Failed" });
+    if (status === "pending") return /* @__PURE__ */ u3("span", { class: "badge-warning", children: "\u23F8 Pending" });
+    return /* @__PURE__ */ u3("span", { class: "badge-default", children: status });
+  }
+  function TestTab({ testData }) {
+    return /* @__PURE__ */ u3("div", { children: /* @__PURE__ */ u3("table", { class: "profiler-detail-table", children: /* @__PURE__ */ u3("tbody", { children: [
+      /* @__PURE__ */ u3("tr", { children: [
+        /* @__PURE__ */ u3("th", { children: "Test Name" }),
+        /* @__PURE__ */ u3("td", { style: "word-break: break-word", children: testData.test_name })
+      ] }),
+      /* @__PURE__ */ u3("tr", { children: [
+        /* @__PURE__ */ u3("th", { children: "Status" }),
+        /* @__PURE__ */ u3("td", { children: statusBadge2(testData.status) })
+      ] }),
+      /* @__PURE__ */ u3("tr", { children: [
+        /* @__PURE__ */ u3("th", { children: "File" }),
+        /* @__PURE__ */ u3("td", { class: "profiler-text--mono profiler-text--xs", children: [
+          testData.test_file,
+          ":",
+          testData.test_line
+        ] })
+      ] }),
+      /* @__PURE__ */ u3("tr", { children: [
+        /* @__PURE__ */ u3("th", { children: "Framework" }),
+        /* @__PURE__ */ u3("td", { class: "profiler-text--mono profiler-text--xs", children: testData.framework })
+      ] }),
+      testData.assertions != null && /* @__PURE__ */ u3("tr", { children: [
+        /* @__PURE__ */ u3("th", { children: "Assertions" }),
+        /* @__PURE__ */ u3("td", { children: testData.assertions })
+      ] }),
+      testData.skip_reason && /* @__PURE__ */ u3("tr", { children: [
+        /* @__PURE__ */ u3("th", { children: "Skip reason" }),
+        /* @__PURE__ */ u3("td", { class: "profiler-text--xs profiler-text--muted", children: testData.skip_reason })
+      ] }),
+      testData.exception_message && /* @__PURE__ */ u3("tr", { children: [
+        /* @__PURE__ */ u3("th", { children: "Exception" }),
+        /* @__PURE__ */ u3("td", { children: /* @__PURE__ */ u3("pre", { class: "profiler-text--xs", style: "white-space: pre-wrap; color: var(--profiler-error, #ef4444)", children: testData.exception_message }) })
+      ] })
+    ] }) }) });
+  }
+
+  // app/assets/typescript/profiler/components/dashboard/TestProfileDashboard.tsx
+  function TestProfileDashboard({ profile, initialTab, embedded }) {
+    const cd = profile.collectors_data || {};
+    const hasDumps = (cd["dump"]?.count ?? 0) > 0;
+    const hasLogs = (cd["logs"]?.total ?? 0) > 0;
+    const hasException = !!cd["exception"]?.exception_class;
+    const testData = cd["test"];
+    const validTabs = ["test", "database", "cache", "dump", "logs", "exception", "env", "timeline"];
+    const defaultTab = validTabs.includes(initialTab) ? initialTab : "test";
+    const [activeTab, setActiveTab] = d2(hasException ? "exception" : defaultTab);
+    const isFailed = profile.status === 500;
+    const testStatus = testData?.status || (isFailed ? "failed" : "passed");
+    const handleTabClick = (tab) => (e3) => {
+      e3.preventDefault();
+      setActiveTab(tab);
+      const url = new URL(window.location.href);
+      url.searchParams.set("tab", tab);
+      history.pushState(null, "", url.toString());
+    };
+    const tabClass = (key) => `tab${activeTab === key ? " active" : ""}`;
+    return /* @__PURE__ */ u3("div", { class: "container", children: [
+      /* @__PURE__ */ u3("div", { class: "header", children: [
+        /* @__PURE__ */ u3("h1", { children: /* @__PURE__ */ u3("a", { href: "/_profiler?section=tests", children: [
+          /* @__PURE__ */ u3("span", { class: "h1-emoji", children: "\u{1F9EA}" }),
+          " Test Profile"
+        ] }) }),
+        /* @__PURE__ */ u3("p", { style: "word-break: break-word", children: testData?.test_name || profile.path }),
+        /* @__PURE__ */ u3("div", { class: "profiler-flex profiler-flex--gap-4 profiler-mt-2", children: [
+          /* @__PURE__ */ u3("span", { children: [
+            "Duration: ",
+            /* @__PURE__ */ u3("strong", { children: [
+              profile.duration.toFixed(2),
+              " ms"
+            ] })
+          ] }),
+          /* @__PURE__ */ u3("span", { children: [
+            "Status: ",
+            /* @__PURE__ */ u3("strong", { children: /* @__PURE__ */ u3("span", { class: `badge-${isFailed ? "error" : testStatus === "pending" ? "warning" : "success"}`, children: testStatus === "failed" ? "\u2717 Failed" : testStatus === "pending" ? "\u23F8 Pending" : "\u2713 Passed" }) })
+          ] }),
+          profile.memory != null && /* @__PURE__ */ u3("span", { children: [
+            "Memory: ",
+            /* @__PURE__ */ u3("strong", { children: [
+              (profile.memory / 1024 / 1024).toFixed(2),
+              " MB"
+            ] })
+          ] })
+        ] }),
+        testData?.test_file && /* @__PURE__ */ u3("div", { class: "profiler-text--xs profiler-text--muted profiler-mt-2", children: [
+          /* @__PURE__ */ u3("span", { class: "profiler-text--mono", children: [
+            testData.test_file,
+            ":",
+            testData.test_line
+          ] }),
+          /* @__PURE__ */ u3("span", { style: "margin-left: 8px", children: [
+            "\xB7 ",
+            testData.framework
+          ] })
+        ] })
+      ] }),
+      /* @__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("test"), onClick: handleTabClick("test"), children: "Test" }),
+          /* @__PURE__ */ u3("a", { href: "#", class: tabClass("database"), onClick: handleTabClick("database"), children: "Database" }),
+          /* @__PURE__ */ u3("a", { href: "#", class: tabClass("cache"), onClick: handleTabClick("cache"), children: "Cache" }),
+          /* @__PURE__ */ u3("a", { href: "#", class: tabClass("timeline"), onClick: handleTabClick("timeline"), children: "Timeline" }),
+          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 === "test" && testData && /* @__PURE__ */ u3(TestTab, { testData }),
+          activeTab === "database" && /* @__PURE__ */ u3(DatabaseTab, { dbData: cd["database"], token: profile.token }),
+          activeTab === "cache" && /* @__PURE__ */ u3(CacheTab, { data: cd["cache"] }),
+          activeTab === "timeline" && /* @__PURE__ */ u3(FlameGraphTab, { data: cd["flamegraph"] }),
+          activeTab === "dump" && hasDumps && /* @__PURE__ */ u3(DumpsTab, { data: cd["dump"] }),
+          activeTab === "logs" && hasLogs && /* @__PURE__ */ u3(LogsTab, { data: cd["logs"] }),
+          activeTab === "exception" && hasException && /* @__PURE__ */ u3(ExceptionTab, { data: cd["exception"] }),
+          activeTab === "env" && /* @__PURE__ */ u3(EnvTab, { envData: cd["env"] })
+        ] })
+      ] })
+    ] });
+  }
+
+  // app/assets/typescript/profiler/components/test-runner/TestRunnerPage.tsx
+  var BASE3 = "/_profiler";
+  function TestRunnerPage() {
+    return /* @__PURE__ */ u3("div", { class: "container", children: [
+      /* @__PURE__ */ u3("div", { class: "header", children: [
+        /* @__PURE__ */ u3("h1", { children: [
+          /* @__PURE__ */ u3("a", { href: BASE3, children: /* @__PURE__ */ u3("span", { class: "h1-emoji", children: "\u{1F50D}" }) }),
+          " ",
+          /* @__PURE__ */ u3("span", { class: "h1-emoji", children: "\u{1F9EA}" }),
+          " Test Runner"
+        ] }),
+        /* @__PURE__ */ u3("p", { children: "Run tests from the profiler and capture a performance profile for each test." })
+      ] }),
+      /* @__PURE__ */ u3("div", { class: "profiler-panel profiler-mb-6", children: /* @__PURE__ */ u3("div", { class: "profiler-p-4", children: /* @__PURE__ */ u3(TestRunnerContent, {}) }) })
+    ] });
+  }
+
   // app/assets/typescript/profiler/timeline.ts
   function initTimeline(container) {
     console.log("Initializing profiler timeline");
@@ -5449,12 +6151,18 @@ Duration: ${event.duration.toFixed(2)}ms`;
           J(/* @__PURE__ */ u3(JobProfileDashboard, { profile, initialTab: tab, embedded }), showEl);
         } else if (profile.profile_type === "console") {
           J(/* @__PURE__ */ u3(ConsoleProfileDashboard, { profile, initialTab: tab, embedded }), showEl);
+        } else if (profile.profile_type === "test") {
+          J(/* @__PURE__ */ u3(TestProfileDashboard, { profile, initialTab: tab, embedded }), showEl);
         } else {
           J(/* @__PURE__ */ u3(ProfileDashboard, { profile, initialTab: tab, embedded }), showEl);
         }
       }
     }
-    if (!indexEl && !showEl) {
+    const testRunnerEl = document.getElementById("profiler-test-runner");
+    if (testRunnerEl) {
+      J(/* @__PURE__ */ u3(TestRunnerPage, {}), testRunnerEl);
+    }
+    if (!indexEl && !showEl && !testRunnerEl) {
       const header = document.querySelector(".header, .profiler-detail");
       if (header) {
         const toggle = createThemeToggle();