Function initEvalLoop

docs/src/javascripts/lifecycle.js:656–833

(host)

  ];

  function initEvalLoop(host) {
    if (!host) return;
    host.innerHTML = "";
    host.classList.add("lc-eval");

    let cases = JSON.parse(JSON.stringify(EVAL_CASES_INITIAL));
    let revealed = 1; // chart points visible

    // Header
    host.appendChild(htmlEl("div", { class: "lc-eval__head" }, [
      htmlEl("span", { class: "lc-mono" }, "$ agents-cli eval generate && agents-cli eval grade"),
      htmlEl("span", { class: "lc-muted" }, "3 cases"),
    ]));

    // Cases
    const list = htmlEl("div", { class: "lc-eval__list" });
    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();

    // Footer with action button
    const foot = htmlEl("div", { class: "lc-eval__foot" });
    const actionBtn = htmlEl("button", { type: "button", class: "lc-btn" }, "Apply fix → re-run");
    const note = htmlEl("span", { class: "lc-mono lc-muted" }, "Iteration #1 — 1 case failing, 2 passing");
    foot.appendChild(actionBtn);
    foot.appendChild(note);
    host.appendChild(foot);