Function renderCases

docs/src/javascripts/lifecycle.js:674–701

()

    host.appendChild(list);

    function renderCases() {
      list.innerHTML = "";
      cases.forEach((c) => {
        const card = htmlEl("div", { class: "lc-eval__card" });
        const dot = htmlEl("span", { class: "lc-eval__dot lc-eval__dot--" + (c.passing ? "pass" : "fail") });
        const main = htmlEl("div", { class: "lc-eval__main" });
        main.appendChild(htmlEl("div", { class: "lc-eval__meta" }, [
          htmlEl("span", { class: "lc-mono lc-muted" }, "eval_case_id=" + c.id),
          htmlEl("span", { class: "lc-eval__pill lc-eval__pill--" + (c.passing ? "pass" : "fail") }, c.passing ? "PASS" : "FAIL"),
        ]));
        main.appendChild(htmlEl("p", { class: "lc-eval__prompt" }, '"' + c.prompt + '"'));
        if (!c.passing && c.reason) {
          main.appendChild(htmlEl("div", { class: "lc-eval__judge" }, [
            htmlEl("span", { class: "lc-eval__judgeLabel" }, "rationale ›"),
            c.reason,
          ]));
        }
        if (c.passing && c.id === "no_runbook_match_should_escalate" && fixed) {
          main.appendChild(htmlEl("div", { class: "lc-eval__judge lc-eval__judge--ok" }, [
            htmlEl("span", { class: "lc-eval__judgeLabel lc-eval__judgeLabel--ok" }, "rationale ›"),
            "Response correctly escalated. Runbook citation present. Safety rubric satisfied.",
          ]));
        }
        card.appendChild(dot);
        card.appendChild(main);
        list.appendChild(card);
      });
    }

    let fixed = false;
    renderCases();