loaderup 0.1.1__tar.gz → 0.1.3__tar.gz

{loaderup-0.1.1 → loaderup-0.1.3}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: loaderup
-Version: 0.1.1
+Version: 0.1.3
 Summary: Lightweight load-testing API and CLI built around FastAPI, k6, and decorator-based target registration.
 Author: Mahdi Haroun
 License: MIT

{loaderup-0.1.1 → loaderup-0.1.3}/agents/analyzer.py

@@ -75,4 +75,49 @@ def parse_k6_summary(summary_path: str) -> Tuple[SummaryMetrics, Dict[str, Any]]
         checks_pass_rate=_checks_pass_rate(metrics),
     )
 
-    return parsed, data
+    return parsed, data
+
+
+def _decode_diag_json(raw_json: str) -> dict[str, Any] | None:
+    candidates = [
+        raw_json,
+        raw_json.replace('\\"', '"'),
+        raw_json.encode("utf-8", errors="ignore").decode("unicode_escape", errors="ignore"),
+    ]
+
+    for candidate in candidates:
+        try:
+            data = json.loads(candidate)
+        except json.JSONDecodeError:
+            continue
+        if isinstance(data, dict):
+            return data
+    return None
+
+
+def parse_k6_diagnostics(stdout_text: str, stderr_text: str = "") -> list[dict[str, Any]]:
+    diagnostics: list[dict[str, Any]] = []
+    merged = "\n".join([stdout_text or "", stderr_text or ""])
+    if not merged.strip():
+        return diagnostics
+
+    marker = "LOADERUP_DIAG "
+
+    for line in merged.splitlines():
+        if marker not in line:
+            continue
+
+        payload_part = line.split(marker, 1)[1]
+        start = payload_part.find("{")
+        end = payload_part.rfind("}")
+        if start == -1 or end == -1 or end <= start:
+            continue
+
+        raw_json = payload_part[start : end + 1]
+        data = _decode_diag_json(raw_json)
+        if not data:
+            continue
+
+        diagnostics.append(data)
+
+    return diagnostics

{loaderup-0.1.1 → loaderup-0.1.3}/agents/generator.py

@@ -33,6 +33,7 @@ def build_k6_script(
 
     script = f"""import http from 'k6/http';
 import {{ check, sleep }} from 'k6';
+import {{ Counter }} from 'k6/metrics';
 
 export const options = {{
   vus: {vus},
@@ -41,6 +42,24 @@ export const options = {{
 
 const BASE_URL = {_js_string(base_url.rstrip("/"))};
 const TARGETS = {targets_json};
+const STATUS_CODE_COUNT = new Counter('status_code_count');
+const STATUS_429_SERVER_COUNT = new Counter('status_429_server_count');
+const MAX_DIAG_PER_RUN = 6;
+let diagCount = 0;
+
+function normalizeHeaders(headers) {{
+  const normalized = {{}};
+  for (const [key, value] of Object.entries(headers || {{}})) {{
+    if (Array.isArray(value)) {{
+      normalized[key] = value.join(', ');
+    }} else if (value === null || value === undefined) {{
+      normalized[key] = '';
+    }} else {{
+      normalized[key] = String(value);
+    }}
+  }}
+  return normalized;
+}}
 
 function weightedPick(targets) {{
   const expanded = [];
@@ -93,8 +112,44 @@ export default function () {{
   check(res, {{
     [`status is expected`]: (r) => r.status === target.expected_status,
     [`status is < 500`]: (r) => r.status < 500,
+    [`status code ${{res.status}}`]: () => true,
   }});
 
+  STATUS_CODE_COUNT.add(1, {{
+    status_code: String(res.status),
+    target_name: target.name,
+    method,
+    path: target.path,
+  }});
+
+  if (res.status === 429) {{
+    const headers = normalizeHeaders(res.headers);
+    const serverSignature = headers.Server || headers.server || 'unknown';
+    STATUS_429_SERVER_COUNT.add(1, {{
+      server_signature: String(serverSignature || 'unknown'),
+      target_name: target.name,
+      method,
+      path: target.path,
+    }});
+    check(res, {{
+      [`429 server ${{String(serverSignature || 'unknown')}}`]: () => true,
+    }});
+  }}
+
+  if (res.status === 429 && diagCount < MAX_DIAG_PER_RUN) {{
+    diagCount += 1;
+    const diagnostic = {{
+      status: res.status,
+      target_name: target.name,
+      method,
+      path: target.path,
+      url,
+      headers: normalizeHeaders(res.headers),
+      body_preview: String(res.body || '').slice(0, 2000),
+    }};
+    console.log(`LOADERUP_DIAG ${{JSON.stringify(diagnostic)}}`);
+  }}
+
   sleep(1);
 }}
 """

{loaderup-0.1.1 → loaderup-0.1.3}/loader/demo_registry_target.py

@@ -1,8 +1,7 @@
 # demo_registry_targets.py
 
 from loaderup import load_target
-
-
+"""
 @load_target(
     name="home",
     method="GET",
@@ -23,3 +22,4 @@ def home():
 def gg():
     pass
 
+"""

{loaderup-0.1.1 → loaderup-0.1.3}/loader/models.py

@@ -83,6 +83,7 @@ class JobResult(BaseModel):
     metrics: Optional[SummaryMetrics] = None
     target_metrics: List[TargetMetric] = Field(default_factory=list)
     raw_summary: Optional[Dict[str, Any]] = None
+    status_diagnostics: List[Dict[str, Any]] = Field(default_factory=list)
 
 
 class Job(BaseModel):

{loaderup-0.1.1 → loaderup-0.1.3}/loader/pipeline.py

@@ -3,7 +3,7 @@ from loader.history import persist_job
 from loader.store import get_job, update_job, push_event, close_queue
 from agents.generator import build_k6_script, save_k6_script
 from agents.runner import run_k6
-from agents.analyzer import parse_k6_summary
+from agents.analyzer import parse_k6_summary, parse_k6_diagnostics
 
 
 async def set_status(job, status: JobStatus, message: str):
@@ -66,6 +66,9 @@ async def run_targets_pipeline(job_id: str, config: RunConfig):
             job.result.k6_stdout = run_output["stdout"]
         if hasattr(job.result, "k6_stderr"):
             job.result.k6_stderr = run_output["stderr"]
+        job.result.status_diagnostics = parse_k6_diagnostics(
+            run_output["stdout"], run_output.get("stderr", "")
+        )
 
         update_job(job)
 

{loaderup-0.1.1 → loaderup-0.1.3}/loader/web/assets/app.js

@@ -6,7 +6,7 @@ const html = htm.bind(React.createElement);
 
 const NAV = ["Run Now", "Live Runs", "Registry", "History"];
 const BODY_METHODS = new Set(["POST", "PUT", "PATCH", "DELETE"]);
-const UI_VERSION = "20260418d";
+const UI_VERSION = "20260418o";
 
 const METRIC_NAMES = {
   total_requests: "Total Requests",
@@ -46,6 +46,167 @@ function barItems(metrics = {}) {
   ].map(([k, v]) => [k, Math.max(0, Math.min(100, Number(v) || 0))]);
 }
 
+function statusCodeBreakdown(rawSummary) {
+  const metrics = rawSummary?.metrics;
+  const rootChecks = rawSummary?.root_group?.checks;
+
+  const parseStatus = (text) => {
+    const match = String(text || "").match(/(?:status|status_code):(\d{3})/);
+    return match ? match[1] : null;
+  };
+
+  const parseStatusFromCheck = (text) => {
+    const match = String(text || "").match(/^status code\s+(\d{3})$/i);
+    return match ? match[1] : null;
+  };
+
+  const checkCounts = {};
+  if (rootChecks && typeof rootChecks === "object") {
+    for (const [checkName, checkMeta] of Object.entries(rootChecks)) {
+      const code = parseStatusFromCheck(checkName);
+      if (!code || !checkMeta || typeof checkMeta !== "object") continue;
+      const passes = Number(checkMeta.passes);
+      if (!Number.isFinite(passes) || passes <= 0) continue;
+      checkCounts[code] = (checkCounts[code] || 0) + passes;
+    }
+  }
+
+  if (Object.keys(checkCounts).length) {
+    const total = Object.values(checkCounts).reduce((sum, count) => sum + count, 0);
+    if (total > 0) {
+      return Object.entries(checkCounts)
+        .sort(([a], [b]) => Number(a) - Number(b))
+        .map(([code, count]) => ({
+          code,
+          count,
+          percent: (count / total) * 100,
+        }));
+    }
+  }
+
+  if (!metrics || typeof metrics !== "object") return [];
+
+  const subCounts = {};
+  for (const metric of Object.values(metrics)) {
+    if (!metric || typeof metric !== "object") continue;
+    const submetrics = metric.submetrics;
+    if (!submetrics || typeof submetrics !== "object") continue;
+
+    for (const [subName, subMetric] of Object.entries(submetrics)) {
+      const code = parseStatus(subName);
+      if (!code || !subMetric || typeof subMetric !== "object") continue;
+      const count = Number(subMetric.count);
+      if (!Number.isFinite(count) || count <= 0) continue;
+      subCounts[code] = (subCounts[code] || 0) + count;
+    }
+  }
+
+  const fallbackCounts = {};
+  if (!Object.keys(subCounts).length) {
+    for (const [metricName, metric] of Object.entries(metrics)) {
+      const code = parseStatus(metricName);
+      if (!code || !metric || typeof metric !== "object") continue;
+      const count = Number(metric.count);
+      if (!Number.isFinite(count) || count <= 0) continue;
+      fallbackCounts[code] = (fallbackCounts[code] || 0) + count;
+    }
+  }
+
+  const source = Object.keys(subCounts).length ? subCounts : fallbackCounts;
+  const total = Object.values(source).reduce((sum, count) => sum + count, 0);
+  if (!total) return [];
+
+  return Object.entries(source)
+    .sort(([a], [b]) => Number(a) - Number(b))
+    .map(([code, count]) => ({
+      code,
+      count,
+      percent: (count / total) * 100,
+    }));
+}
+
+function summarize429Diagnostics(diagnostics = []) {
+  const samples = Array.isArray(diagnostics) ? diagnostics.filter((d) => Number(d?.status) === 429) : [];
+  if (!samples.length) return null;
+
+  const serverCounts = {};
+  for (const sample of samples) {
+    const headers = sample?.headers && typeof sample.headers === "object" ? sample.headers : {};
+    const serverHeader = headers.Server || headers.server || headers.SERVER || "unknown";
+    const server = String(serverHeader || "unknown").trim() || "unknown";
+    serverCounts[server] = (serverCounts[server] || 0) + 1;
+  }
+
+  const servers = Object.entries(serverCounts)
+    .sort((a, b) => b[1] - a[1])
+    .map(([server, count]) => ({
+      server,
+      count,
+      percent: (count / samples.length) * 100,
+    }));
+
+  return {
+    total: samples.length,
+    servers,
+    sample: samples[0],
+  };
+}
+
+function status429ServerBreakdown(rawSummary) {
+  const checks = rawSummary?.root_group?.checks;
+  if (checks && typeof checks === "object") {
+    const fromChecks = {};
+    for (const [checkName, checkMeta] of Object.entries(checks)) {
+      const match = String(checkName || "").match(/^429 server\s+(.+)$/i);
+      if (!match) continue;
+      const server = match[1].trim() || "unknown";
+      const passes = Number(checkMeta?.passes);
+      if (!Number.isFinite(passes) || passes <= 0) continue;
+      fromChecks[server] = (fromChecks[server] || 0) + passes;
+    }
+
+    const totalFromChecks = Object.values(fromChecks).reduce((sum, count) => sum + count, 0);
+    if (totalFromChecks > 0) {
+      return Object.entries(fromChecks)
+        .sort((a, b) => b[1] - a[1])
+        .map(([server, count]) => ({
+          server,
+          count,
+          percent: (count / totalFromChecks) * 100,
+        }));
+    }
+  }
+
+  const metric = rawSummary?.metrics?.status_429_server_count;
+  const submetrics = metric?.submetrics;
+  if (!submetrics || typeof submetrics !== "object") return [];
+
+  const parseServer = (name) => {
+    const match = String(name || "").match(/server_signature:([^,}]+)/);
+    return match ? match[1].trim() : null;
+  };
+
+  const servers = {};
+  for (const [subName, subMetric] of Object.entries(submetrics)) {
+    const server = parseServer(subName);
+    if (!server || !subMetric || typeof subMetric !== "object") continue;
+    const count = Number(subMetric.count);
+    if (!Number.isFinite(count) || count <= 0) continue;
+    servers[server] = (servers[server] || 0) + count;
+  }
+
+  const total = Object.values(servers).reduce((sum, count) => sum + count, 0);
+  if (!total) return [];
+
+  return Object.entries(servers)
+    .sort((a, b) => b[1] - a[1])
+    .map(([server, count]) => ({
+      server,
+      count,
+      percent: (count / total) * 100,
+    }));
+}
+
 function statusPill(status) {
   const s = status || "pending";
   return html`<span className=${`pill ${s}`}>${s}</span>`;
@@ -136,6 +297,7 @@ function RunNow({ registryTargets, onRunStart }) {
   const [targets, setTargets] = useState([defaultTarget()]);
   const [registryPayloads, setRegistryPayloads] = useState({});
   const [registryHeaders, setRegistryHeaders] = useState({});
+  const [registrySelection, setRegistrySelection] = useState({});
   const [snapshotEditors, setSnapshotEditors] = useState({});
   const [error, setError] = useState("");
   const [busy, setBusy] = useState(false);
@@ -150,6 +312,14 @@ function RunNow({ registryTargets, onRunStart }) {
     }
     setRegistryPayloads(nextPayloads);
     setRegistryHeaders(nextHeaders);
+    setRegistrySelection((prev) => {
+      const nextSelection = {};
+      for (const target of registryTargets || []) {
+        const key = `${target.method}:${target.path}:${target.name}`;
+        nextSelection[key] = Object.prototype.hasOwnProperty.call(prev, key) ? !!prev[key] : true;
+      }
+      return nextSelection;
+    });
     setSnapshotEditors({});
   }, [registryTargets]);
 
@@ -207,7 +377,16 @@ function RunNow({ registryTargets, onRunStart }) {
 
   function buildRegistryTargetsPayload() {
     const safeTargets = Array.isArray(registryTargets) ? registryTargets.filter(Boolean) : [];
-    return safeTargets.map((target) => {
+    const selectedTargets = safeTargets.filter((target) => {
+      const key = `${target.method}:${target.path}:${target.name}`;
+      return !!registrySelection[key];
+    });
+
+    if (!selectedTargets.length) {
+      throw new Error("Select at least one registry target");
+    }
+
+    return selectedTargets.map((target) => {
       const key = `${target.method}:${target.path}:${target.name}`;
       const raw = (registryPayloads[key] || "").trim();
       const headers = parseHeaders(registryHeaders[key], target.name);
@@ -392,8 +571,40 @@ function RunNow({ registryTargets, onRunStart }) {
       </section>
 
       <section className="card">
-        <h3>Registry Snapshot</h3>
-        <p className="muted">Loaded decorator targets available for immediate execution.</p>
+        <div className="toolbar">
+          <h3>Registry Snapshot</h3>
+          <div className="topbar-right">
+            <button
+              type="button"
+              className="ghost"
+              onClick=${() => {
+                const next = {};
+                for (const target of registryTargets || []) {
+                  const key = `${target.method}:${target.path}:${target.name}`;
+                  next[key] = true;
+                }
+                setRegistrySelection(next);
+              }}
+            >
+              Select All
+            </button>
+            <button
+              type="button"
+              className="ghost"
+              onClick=${() => {
+                const next = {};
+                for (const target of registryTargets || []) {
+                  const key = `${target.method}:${target.path}:${target.name}`;
+                  next[key] = false;
+                }
+                setRegistrySelection(next);
+              }}
+            >
+              Clear
+            </button>
+          </div>
+        </div>
+        <p className="muted">Loaded decorator targets available for immediate execution. Selected: ${Object.values(registrySelection).filter(Boolean).length}</p>
         <div className="list">
           ${registryTargets.length
             ? registryTargets.map((target) => html`
@@ -404,11 +615,20 @@ function RunNow({ registryTargets, onRunStart }) {
                     const isOpen = !!snapshotEditors[key];
                     return html`
                   <div className="toolbar">
-                    <strong>${target.name}</strong>
+                    <label className="inline-actions" style=${{ margin: 0 }}>
+                      <span>
+                        <input
+                          type="checkbox"
+                          checked=${!!registrySelection[key]}
+                          onChange=${(e) => setRegistrySelection((prev) => ({ ...prev, [key]: e.target.checked }))}
+                        />
+                        <strong style=${{ marginLeft: "0.45rem" }}>${target.name}</strong>
+                      </span>
+                    </label>
                     <span className="pill">${target.method}</span>
                   </div>
                   <div><code>${target.path}</code></div>
-                  <div className="muted">expected=${target.expected_status}, tags=${(target.tags || []).join(", ") || "none"}</div>
+                  <div className="muted">tags=${(target.tags || []).join(", ") || "none"}</div>
                   <div className="toolbar" style=${{ marginTop: "0.55rem" }}>
                     <button
                       type="button"
@@ -492,6 +712,10 @@ function RunNow({ registryTargets, onRunStart }) {
 
 function LiveRuns({ activeJob, setActiveJob, activeRuns, logs, result, error, refreshActive }) {
   const bars = useMemo(() => barItems(result?.metrics), [result]);
+  const statusBreakdown = useMemo(() => statusCodeBreakdown(result?.raw_summary), [result]);
+  const status429Servers = useMemo(() => status429ServerBreakdown(result?.raw_summary), [result]);
+  const total429 = useMemo(() => statusBreakdown.find((item) => item.code === "429")?.count || 0, [statusBreakdown]);
+  const diagnostics429 = useMemo(() => summarize429Diagnostics(result?.status_diagnostics), [result]);
 
   return html`
     <div className="grid-2">
@@ -537,6 +761,72 @@ function LiveRuns({ activeJob, setActiveJob, activeRuns, logs, result, error, re
           `)}
         </div>
 
+        <h4 style=${{ marginTop: "0.9rem" }}>Status Codes</h4>
+        <div className="status-grid">
+          ${statusBreakdown.length
+            ? statusBreakdown.map((item) => html`
+                <div className="item status-item" key=${item.code}>
+                  <div className="toolbar">
+                    <strong>${item.code}</strong>
+                    <span>${item.percent.toFixed(1)}%</span>
+                  </div>
+                  <div className="status-track"><div className="status-fill" style=${{ width: `${item.percent.toFixed(1)}%` }}></div></div>
+                  <div className="muted">${item.count} requests</div>
+                </div>
+              `)
+            : html`<div className="item muted">No status code distribution available yet.</div>`}
+        </div>
+
+        <h4 style=${{ marginTop: "0.9rem" }}>429 Diagnostics</h4>
+        <div className="list">
+          ${status429Servers.length
+            ? html`
+                <div className="item">
+                  <div className="toolbar">
+                    <strong>429 responses captured</strong>
+                    <span className="pill failed">${total429 || status429Servers.reduce((sum, item) => sum + item.count, 0)}</span>
+                  </div>
+                  <div className="muted">Server Signatures</div>
+                  <div className="list">
+                    ${status429Servers.map((item) => html`
+                      <div className="item" key=${item.server}>
+                        <div className="toolbar">
+                          <strong>${item.server}</strong>
+                          <span>${item.percent.toFixed(1)}%</span>
+                        </div>
+                        <div className="status-track"><div className="status-fill" style=${{ width: `${item.percent.toFixed(1)}%` }}></div></div>
+                        <div className="muted">${item.count} responses</div>
+                      </div>
+                    `)}
+                  </div>
+                </div>
+              `
+            : diagnostics429
+            ? html`
+                <div className="item">
+                  <div className="toolbar">
+                    <strong>429 responses captured</strong>
+                    <span className="pill failed">${total429 || diagnostics429.total}</span>
+                  </div>
+                  <div className="muted">Sampled diagnostics: ${diagnostics429.total}${total429 ? ` of ${total429}` : ""}</div>
+                  <div className="muted" style=${{ marginTop: "0.35rem" }}>Server Signatures</div>
+                  <div className="list">
+                    ${diagnostics429.servers.map((item) => html`
+                      <div className="item" key=${item.server}>
+                        <div className="toolbar">
+                          <strong>${item.server}</strong>
+                          <span>${item.percent.toFixed(1)}%</span>
+                        </div>
+                        <div className="status-track"><div className="status-fill" style=${{ width: `${item.percent.toFixed(1)}%` }}></div></div>
+                        <div className="muted">${item.count} responses</div>
+                      </div>
+                    `)}
+                  </div>
+                </div>
+              `
+            : html`<div className="item muted">No 429 diagnostics captured in this run.</div>`}
+        </div>
+
         <h4 style=${{ marginTop: "0.9rem" }}>Quick Trends</h4>
         <div className="bars">
           ${bars.map(([label, value]) => html`
@@ -578,7 +868,7 @@ function RegistryPage({ targets, refresh }) {
                   <span className="pill">${target.method}</span>
                 </div>
                 <div><code>${target.path}</code></div>
-                <div className="muted">status=${target.expected_status}, weight=${target.weight}, tags=${(target.tags || []).join(", ") || "none"}</div>
+                <div className="muted">weight=${target.weight}, tags=${(target.tags || []).join(", ") || "none"}</div>
               </div>
             `)
           : html`<div className="item muted">No targets found.</div>`}
@@ -587,28 +877,144 @@ function RegistryPage({ targets, refresh }) {
   `;
 }
 
-function History({ runs, refresh }) {
+function History({ runs, refresh, selectedRun, setSelectedRun, onRunAgain, rerunBusy, rerunError }) {
+  const bars = useMemo(() => barItems(selectedRun?.result?.metrics), [selectedRun]);
+  const statusBreakdown = useMemo(() => statusCodeBreakdown(selectedRun?.result?.raw_summary), [selectedRun]);
+  const status429Servers = useMemo(() => status429ServerBreakdown(selectedRun?.result?.raw_summary), [selectedRun]);
+  const total429 = useMemo(() => statusBreakdown.find((item) => item.code === "429")?.count || 0, [statusBreakdown]);
+  const diagnostics429 = useMemo(() => summarize429Diagnostics(selectedRun?.result?.status_diagnostics), [selectedRun]);
+
   return html`
-    <section className="card">
-      <div className="toolbar">
-        <h3>Saved Run History</h3>
-        <button className="ghost" onClick=${refresh}>Refresh History</button>
-      </div>
-      <div className="list">
-        ${runs.length
-          ? runs.map((run) => html`
-              <div className="item" key=${run.job_id}>
-                <div className="toolbar">
-                  <strong>${run.job_id}</strong>
-                  ${statusPill(run.status)}
+    <div className="grid-2">
+      <section className="card">
+        <div className="toolbar">
+          <h3>Saved Run History</h3>
+          <button className="ghost" onClick=${refresh}>Refresh History</button>
+        </div>
+        <div className="list">
+          ${runs.length
+            ? runs.map((run) => html`
+                <div className="item" key=${run.job_id}>
+                  <div className="toolbar">
+                    <strong>${run.job_id}</strong>
+                    ${statusPill(run.status)}
+                  </div>
+                  <div className="muted">vus=${run.result?.config?.vus ?? "n/a"}, duration=${run.result?.config?.duration_seconds ?? "n/a"}s, targets=${run.result?.config?.targets?.length ?? 0}</div>
+                  <div className="muted">avg=${metricValue("avg_http_req_duration_ms", run.result?.metrics?.avg_http_req_duration_ms)} ms, failed=${metricValue("http_req_failed_rate", run.result?.metrics?.http_req_failed_rate)}</div>
+                  <button className="ghost" onClick=${() => setSelectedRun(run)}>View Details</button>
+                </div>
+              `)
+            : html`<div className="item muted">No persisted runs found.</div>`}
+        </div>
+      </section>
+
+      <section className="card">
+        <div className="toolbar">
+          <h3>Run Details</h3>
+          <div className="topbar-right">
+            ${selectedRun ? statusPill(selectedRun.status) : null}
+            <button className="primary" disabled=${!selectedRun || rerunBusy} onClick=${() => selectedRun && onRunAgain(selectedRun)}>
+              ${rerunBusy ? "Starting..." : "Run Test Again"}
+            </button>
+          </div>
+        </div>
+        <p className="muted">${selectedRun ? selectedRun.job_id : "Select a history run to inspect"}</p>
+        ${rerunError && html`<pre>${rerunError}</pre>`}
+
+        <div className="metrics">
+          ${Object.entries(METRIC_NAMES).map(([key, label]) => html`
+            <div className="item metric" key=${key}>
+              <div className="n">${label}</div>
+              <div className="v">${metricValue(key, selectedRun?.result?.metrics?.[key])}</div>
+            </div>
+          `)}
+        </div>
+
+        <h4 style=${{ marginTop: "0.9rem" }}>Status Codes</h4>
+        <div className="status-grid">
+          ${statusBreakdown.length
+            ? statusBreakdown.map((item) => html`
+                <div className="item status-item" key=${item.code}>
+                  <div className="toolbar">
+                    <strong>${item.code}</strong>
+                    <span>${item.percent.toFixed(1)}%</span>
+                  </div>
+                  <div className="status-track"><div className="status-fill" style=${{ width: `${item.percent.toFixed(1)}%` }}></div></div>
+                  <div className="muted">${item.count} requests</div>
+                </div>
+              `)
+            : html`<div className="item muted">No status code distribution available for this run.</div>`}
+        </div>
+
+        <h4 style=${{ marginTop: "0.9rem" }}>429 Diagnostics</h4>
+        <div className="list">
+          ${status429Servers.length
+            ? html`
+                <div className="item">
+                  <div className="toolbar">
+                    <strong>429 responses captured</strong>
+                    <span className="pill failed">${total429 || status429Servers.reduce((sum, item) => sum + item.count, 0)}</span>
+                  </div>
+                  <div className="muted">Server Signatures</div>
+                  <div className="list">
+                    ${status429Servers.map((item) => html`
+                      <div className="item" key=${item.server}>
+                        <div className="toolbar">
+                          <strong>${item.server}</strong>
+                          <span>${item.percent.toFixed(1)}%</span>
+                        </div>
+                        <div className="status-track"><div className="status-fill" style=${{ width: `${item.percent.toFixed(1)}%` }}></div></div>
+                        <div className="muted">${item.count} responses</div>
+                      </div>
+                    `)}
+                  </div>
+                </div>
+              `
+            : diagnostics429
+            ? html`
+                <div className="item">
+                  <div className="toolbar">
+                    <strong>429 responses captured</strong>
+                    <span className="pill failed">${total429 || diagnostics429.total}</span>
+                  </div>
+                  <div className="muted">Sampled diagnostics: ${diagnostics429.total}${total429 ? ` of ${total429}` : ""}</div>
+                  <div className="muted" style=${{ marginTop: "0.35rem" }}>Server Signatures</div>
+                  <div className="list">
+                    ${diagnostics429.servers.map((item) => html`
+                      <div className="item" key=${item.server}>
+                        <div className="toolbar">
+                          <strong>${item.server}</strong>
+                          <span>${item.percent.toFixed(1)}%</span>
+                        </div>
+                        <div className="status-track"><div className="status-fill" style=${{ width: `${item.percent.toFixed(1)}%` }}></div></div>
+                        <div className="muted">${item.count} responses</div>
+                      </div>
+                    `)}
+                  </div>
                 </div>
-                <div className="muted">vus=${run.result?.config?.vus ?? "n/a"}, duration=${run.result?.config?.duration_seconds ?? "n/a"}s, targets=${run.result?.config?.targets?.length ?? 0}</div>
-                <div className="muted">avg=${metricValue("avg_http_req_duration_ms", run.result?.metrics?.avg_http_req_duration_ms)} ms, failed=${metricValue("http_req_failed_rate", run.result?.metrics?.http_req_failed_rate)}</div>
+              `
+            : html`<div className="item muted">No 429 diagnostics captured for this run.</div>`}
+        </div>
+
+        <h4 style=${{ marginTop: "0.9rem" }}>Quick Trends</h4>
+        <div className="bars">
+          ${bars.map(([label, value]) => html`
+            <div className="vbar" key=${label}>
+              <div className="vbar-track">
+                <div className="vbar-fill" style=${{ height: `${value.toFixed(1)}%` }}></div>
               </div>
-            `)
-          : html`<div className="item muted">No persisted runs found.</div>`}
-      </div>
-    </section>
+              <div className="vbar-meta">
+                <span>${label}</span>
+                <strong>${value.toFixed(1)}%</strong>
+              </div>
+            </div>
+          `)}
+        </div>
+
+        <h4 style=${{ marginTop: "0.9rem" }}>Raw Result</h4>
+        <pre>${JSON.stringify(selectedRun?.result || { message: "No run selected" }, null, 2)}</pre>
+      </section>
+    </div>
   `;
 }
 
@@ -620,9 +1026,12 @@ function App() {
   const [activeRuns, setActiveRuns] = useState([]);
 
   const [activeJob, setActiveJob] = useState(null);
+  const [historyActiveRun, setHistoryActiveRun] = useState(null);
   const [logs, setLogs] = useState([]);
   const [result, setResult] = useState(null);
   const [streamError, setStreamError] = useState("");
+  const [historyRerunBusy, setHistoryRerunBusy] = useState(false);
+  const [historyRerunError, setHistoryRerunError] = useState("");
 
   const streamRef = useRef(null);
 
@@ -726,6 +1135,36 @@ function App() {
     };
   }
 
+  async function rerunHistoryRun(run) {
+    if (!run?.result?.config) {
+      setHistoryRerunError("Selected history run has no runnable config");
+      return;
+    }
+
+    setHistoryRerunError("");
+    setHistoryRerunBusy(true);
+    try {
+      const cfg = run.result.config;
+      const response = await fetch("/run/targets", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          base_url: cfg.base_url,
+          vus: Number(cfg.vus),
+          duration_seconds: Number(cfg.duration_seconds),
+          targets: Array.isArray(cfg.targets) ? cfg.targets : [],
+        }),
+      });
+      const data = await response.json();
+      if (!response.ok) throw new Error(data.detail || "Could not start rerun");
+      startStreaming(data);
+    } catch (err) {
+      setHistoryRerunError(err.message || "Could not start rerun");
+    } finally {
+      setHistoryRerunBusy(false);
+    }
+  }
+
   useEffect(() => {
     reloadAll();
     return () => closeStream();
@@ -736,6 +1175,25 @@ function App() {
     setResult(activeJob.result || null);
   }, [activeJob]);
 
+  useEffect(() => {
+    if (!historyRuns.length) {
+      setHistoryActiveRun(null);
+      return;
+    }
+
+    if (!historyActiveRun) {
+      setHistoryActiveRun(historyRuns[0]);
+      return;
+    }
+
+    const updated = historyRuns.find((run) => run.job_id === historyActiveRun.job_id);
+    if (updated) {
+      setHistoryActiveRun(updated);
+    } else {
+      setHistoryActiveRun(historyRuns[0]);
+    }
+  }, [historyRuns, historyActiveRun]);
+
   const stats = useMemo(
     () => ({
       registry: registryTargets.length,
@@ -763,7 +1221,7 @@ function App() {
           ${tab === "Run Now" && html`<${RunNow} registryTargets=${registryTargets} onRunStart=${startStreaming} />`}
           ${tab === "Live Runs" && html`<${LiveRuns} activeJob=${activeJob} setActiveJob=${setActiveJob} activeRuns=${activeRuns} logs=${logs} result=${result} error=${streamError} refreshActive=${loadActive} />`}
           ${tab === "Registry" && html`<${RegistryPage} targets=${registryTargets} refresh=${loadRegistry} />`}
-          ${tab === "History" && html`<${History} runs=${historyRuns} refresh=${loadHistory} />`}
+          ${tab === "History" && html`<${History} runs=${historyRuns} refresh=${loadHistory} selectedRun=${historyActiveRun} setSelectedRun=${setHistoryActiveRun} onRunAgain=${rerunHistoryRun} rerunBusy=${historyRerunBusy} rerunError=${historyRerunError} />`}
         </div>
       </div>
     </div>

{loaderup-0.1.1 → loaderup-0.1.3}/loader/web/assets/styles.css

@@ -423,6 +423,29 @@ textarea {
   align-items: end;
 }
 
+.status-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
+  gap: 0.56rem;
+}
+
+.status-item .toolbar {
+  margin-bottom: 0.45rem;
+}
+
+.status-track {
+  height: 10px;
+  border-radius: 999px;
+  border: 1px solid var(--line);
+  background: #1b2a3b;
+  overflow: hidden;
+}
+
+.status-fill {
+  height: 100%;
+  background: linear-gradient(90deg, var(--brand), var(--brand-2));
+}
+
 .vbar {
   display: grid;
   gap: 0.42rem;

{loaderup-0.1.1 → loaderup-0.1.3}/loader/web/index.html

@@ -7,10 +7,10 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="/assets/styles.css?v=20260418e">
+  <link rel="stylesheet" href="/assets/styles.css?v=20260418o">
 </head>
 <body>
   <div id="root"></div>
-  <script type="module" src="/assets/app.js?v=20260418e"></script>
+  <script type="module" src="/assets/app.js?v=20260418o"></script>
 </body>
 </html>

{loaderup-0.1.1 → loaderup-0.1.3}/loaderup.egg-info/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: loaderup
-Version: 0.1.1
+Version: 0.1.3
 Summary: Lightweight load-testing API and CLI built around FastAPI, k6, and decorator-based target registration.
 Author: Mahdi Haroun
 License: MIT

{loaderup-0.1.1 → loaderup-0.1.3}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "loaderup"
-version = "0.1.1"
+version = "0.1.3"
 description = "Lightweight load-testing API and CLI built around FastAPI, k6, and decorator-based target registration."
 readme = "README.md"
 requires-python = ">=3.12"