agentinputlab 0.1.0a1__py3-none-any.whl

agentinputlab/studio/static/campaigns.js

@@ -0,0 +1,426 @@
+const campaignState = {
+  catalog: null,
+  profile: null,
+  preparation: null,
+  executions: [],
+  pollTimer: null,
+};
+
+const byId = (id) => document.getElementById(id);
+
+function shortHash(value, width = 12) {
+  return typeof value === "string" && value.length > width
+    ? `${value.slice(0, width)}…`
+    : value || "—";
+}
+
+function showCampaignToast(message) {
+  const toast = byId("campaign-toast");
+  toast.textContent = message;
+  toast.classList.add("visible");
+  window.setTimeout(() => toast.classList.remove("visible"), 2600);
+}
+
+async function campaignRequest(path, options = {}) {
+  const response = await fetch(path, {
+    headers: options.body ? { "Content-Type": "application/json" } : {},
+    ...options,
+  });
+  const payload = await response.json();
+  if (!response.ok) {
+    const message = payload.error && payload.error.message
+      ? payload.error.message
+      : `Request failed (${response.status})`;
+    throw new Error(message);
+  }
+  return payload;
+}
+
+function profileButton(profile) {
+  const button = document.createElement("button");
+  button.type = "button";
+  button.className = "campaign-profile-option";
+  button.setAttribute("role", "option");
+  button.setAttribute(
+    "aria-selected",
+    String(campaignState.profile && campaignState.profile.id === profile.id),
+  );
+
+  const index = document.createElement("span");
+  index.textContent = String(
+    campaignState.catalog.profiles.indexOf(profile) + 1,
+  ).padStart(2, "0");
+  const copy = document.createElement("span");
+  const name = document.createElement("strong");
+  name.textContent = profile.label;
+  const mode = document.createElement("small");
+  mode.textContent = profile.execution_configured
+    ? "Preflight + confirmed execution"
+    : "Preflight / plan only";
+  copy.append(name, mode);
+  const arrow = document.createElement("b");
+  arrow.setAttribute("aria-hidden", "true");
+  arrow.textContent = "→";
+  button.append(index, copy, arrow);
+  button.addEventListener("click", () => selectCampaignProfile(profile));
+  return button;
+}
+
+function renderCampaignProfiles() {
+  const profiles = campaignState.catalog ? campaignState.catalog.profiles : [];
+  byId("campaign-profile-list").replaceChildren(
+    ...profiles.map(profileButton),
+  );
+}
+
+function resetCampaignPreparation() {
+  campaignState.preparation = null;
+  byId("campaign-preflight-state").textContent = "NOT RUN";
+  byId("campaign-preflight-state").className = "validation-state waiting";
+  byId("campaign-preflight-title").textContent = "No materialized plan";
+  byId("campaign-preflight-copy").textContent =
+    "Preflight checks assets and drivers without executing a benchmark cell.";
+  byId("campaign-stat-cells").textContent = "—";
+  byId("campaign-stat-targets").textContent = "—";
+  byId("campaign-stat-arms").textContent = "—";
+  byId("campaign-stat-grid").textContent = "—";
+  byId("campaign-blocker-count").textContent = "0 blockers";
+  const initial = document.createElement("li");
+  initial.className = "ok";
+  initial.textContent = "Materialize this profile to inspect readiness.";
+  byId("campaign-blockers").replaceChildren(initial);
+  const placeholder = document.createElement("p");
+  placeholder.className = "campaign-placeholder";
+  placeholder.textContent = "Arm identities appear after preflight.";
+  byId("campaign-arms").replaceChildren(placeholder);
+  byId("campaign-study-stage").textContent = "—";
+  byId("campaign-plan-identity").textContent = "No plan hash";
+  const row = document.createElement("tr");
+  const cell = document.createElement("td");
+  cell.colSpan = 6;
+  cell.className = "empty-row";
+  cell.textContent = "Preflight has not materialized cells.";
+  row.append(cell);
+  byId("campaign-cells-body").replaceChildren(row);
+  byId("campaign-confirm-checkbox").checked = false;
+  byId("campaign-confirm-checkbox").disabled = true;
+  byId("campaign-execute-button").disabled = true;
+  byId("campaign-execution-note").textContent =
+    "Execution stays locked until the profile, assets, output root, and plan are ready.";
+}
+
+function selectCampaignProfile(profile) {
+  campaignState.profile = profile;
+  renderCampaignProfiles();
+  resetCampaignPreparation();
+  byId("campaign-profile-name").textContent = profile.label;
+  byId("campaign-profile-description").textContent = profile.description;
+  byId("campaign-profile-identity").textContent = shortHash(
+    profile.profile_identity_sha256,
+    18,
+  );
+  byId("campaign-blueprint-identity").textContent = shortHash(
+    profile.blueprint_sha256,
+    18,
+  );
+  byId("campaign-arm-catalog-identity").textContent = shortHash(
+    profile.arm_catalog_sha256,
+    18,
+  );
+  byId("campaign-preflight-button").disabled = false;
+}
+
+function issueNode(message, kind) {
+  const item = document.createElement("li");
+  item.className = kind;
+  item.textContent = message;
+  return item;
+}
+
+function armNode(arm) {
+  const row = document.createElement("div");
+  row.className = "campaign-arm-row";
+  const identity = document.createElement("span");
+  const armId = document.createElement("strong");
+  armId.textContent = arm.arm_id;
+  const release = document.createElement("small");
+  release.textContent = arm.release_id;
+  identity.append(armId, release);
+  const family = document.createElement("span");
+  family.className = "mono-tag";
+  family.textContent = arm.family;
+  row.append(identity, family);
+  return row;
+}
+
+function cellRow(cell) {
+  const row = document.createElement("tr");
+  const values = [
+    shortHash(cell.cell_id, 9),
+    `${cell.benchmark_id} / ${cell.split}`,
+    cell.unit_id,
+    cell.model_slot,
+    String(cell.seed),
+    cell.arm_ids.join(", "),
+  ];
+  values.forEach((value) => {
+    const column = document.createElement("td");
+    column.textContent = value;
+    row.append(column);
+  });
+  return row;
+}
+
+function renderCampaignPreparation(preparation) {
+  campaignState.preparation = preparation;
+  const ready = preparation.preflight.ready;
+  const plan = preparation.plan;
+  byId("campaign-preflight-state").textContent = ready ? "READY" : "BLOCKED";
+  byId("campaign-preflight-state").className = ready
+    ? "validation-state valid"
+    : "validation-state invalid";
+  byId("campaign-preflight-title").textContent = ready
+    ? "Exact plan materialized"
+    : "Preflight found blockers";
+  byId("campaign-preflight-copy").textContent = ready
+    ? "No benchmark cell has run. Review every identity before confirmation."
+    : "Resolve the server-side prerequisites, then preflight this profile again.";
+  byId("campaign-stat-cells").textContent = plan ? String(plan.cell_count) : "0";
+  byId("campaign-stat-targets").textContent = String(
+    preparation.manifest.benchmarks.length,
+  );
+  byId("campaign-stat-arms").textContent = String(
+    preparation.manifest.arms.length,
+  );
+  byId("campaign-stat-grid").textContent =
+    `${preparation.manifest.model_slots.length} × ${preparation.manifest.seeds.length}`;
+  byId("campaign-study-stage").textContent =
+    `${preparation.manifest.stage} · ${preparation.manifest.estimand_profile_kind}`;
+
+  const blockers = preparation.preflight.blockers;
+  const warnings = preparation.preflight.warnings;
+  byId("campaign-blocker-count").textContent =
+    `${blockers.length} blocker${blockers.length === 1 ? "" : "s"}`;
+  const issues = [];
+  blockers.forEach((message) => issues.push(issueNode(message, "")));
+  warnings.forEach((message) => issues.push(issueNode(message, "warning")));
+  if (!issues.length) {
+    issues.push(issueNode("All configured preflight gates passed.", "ok"));
+  }
+  byId("campaign-blockers").replaceChildren(...issues);
+  byId("campaign-arms").replaceChildren(
+    ...preparation.manifest.arms.map(armNode),
+  );
+
+  if (plan) {
+    byId("campaign-plan-identity").textContent =
+      `PLAN ${shortHash(plan.plan_hash, 18)}`;
+    const rows = plan.cells.map(cellRow);
+    if (plan.preview_truncated) {
+      const truncated = document.createElement("tr");
+      const note = document.createElement("td");
+      note.colSpan = 6;
+      note.className = "empty-row";
+      note.textContent =
+        `Showing ${plan.preview_count} of ${plan.cell_count} frozen cells.`;
+      truncated.append(note);
+      rows.push(truncated);
+    }
+    byId("campaign-cells-body").replaceChildren(...rows);
+  } else {
+    byId("campaign-plan-identity").textContent = "No plan hash";
+    const row = document.createElement("tr");
+    const note = document.createElement("td");
+    note.colSpan = 6;
+    note.className = "empty-row";
+    note.textContent = "Blocked preflight does not create an executable plan.";
+    row.append(note);
+    byId("campaign-cells-body").replaceChildren(row);
+  }
+
+  const canConfirm = preparation.execution.ready_for_confirmation;
+  byId("campaign-confirm-checkbox").checked = false;
+  byId("campaign-confirm-checkbox").disabled = !canConfirm;
+  byId("campaign-execute-button").disabled = true;
+  if (canConfirm) {
+    byId("campaign-execution-note").textContent =
+      "This profile is execution-enabled. Confirmation will queue only the exact displayed plan hash.";
+  } else if (!preparation.profile.execution_enabled) {
+    byId("campaign-execution-note").textContent =
+      "The server profile is intentionally preflight-only.";
+  } else if (!preparation.execution.output_configured) {
+    byId("campaign-execution-note").textContent =
+      "No server-side campaign output root is configured.";
+  } else if (preparation.execution.blockers.length) {
+    byId("campaign-execution-note").textContent =
+      `Execution safety blocker: ${preparation.execution.blockers.join("; ")}`;
+  } else {
+    byId("campaign-execution-note").textContent =
+      "Execution remains locked while preflight has blockers.";
+  }
+}
+
+async function preflightCampaign() {
+  if (!campaignState.profile) return;
+  const button = byId("campaign-preflight-button");
+  button.disabled = true;
+  button.classList.add("running");
+  byId("campaign-preflight-state").textContent = "CHECKING";
+  byId("campaign-preflight-state").className = "validation-state checking";
+  try {
+    const preparation = await campaignRequest("/api/campaigns/preflight", {
+      method: "POST",
+      body: JSON.stringify({ profile_id: campaignState.profile.id }),
+    });
+    renderCampaignPreparation(preparation);
+    showCampaignToast(
+      preparation.preflight.ready
+        ? "Exact plan materialized. No cells executed."
+        : "Preflight completed with blockers.",
+    );
+  } catch (error) {
+    resetCampaignPreparation();
+    byId("campaign-preflight-state").textContent = "FAILED";
+    byId("campaign-preflight-state").className = "validation-state invalid";
+    showCampaignToast(error.message);
+  } finally {
+    button.classList.remove("running");
+    button.disabled = false;
+  }
+}
+
+function executionRow(record) {
+  const row = document.createElement("tr");
+  const progress = record.progress;
+  const resultIdentity = record.result_identity
+    ? shortHash(record.result_identity.artifact_identity_sha256, 12)
+    : "—";
+  const values = [
+    shortHash(record.id, 9),
+    record.profile_id,
+    record.status,
+    `${progress.completed_cells}/${progress.total_cells}`,
+    shortHash(record.plan_hash, 10),
+    resultIdentity,
+  ];
+  values.forEach((value, index) => {
+    const cell = document.createElement("td");
+    cell.textContent = value;
+    if (index === 2) {
+      const status = document.createElement("span");
+      status.className = `run-table-status ${record.status}`;
+      status.textContent = value;
+      cell.replaceChildren(status);
+    }
+    row.append(cell);
+  });
+  return row;
+}
+
+function renderCampaignExecutions() {
+  const body = byId("campaign-executions-body");
+  if (!campaignState.executions.length) {
+    const row = document.createElement("tr");
+    const cell = document.createElement("td");
+    cell.colSpan = 6;
+    cell.className = "empty-row";
+    cell.textContent = "No campaign execution has been queued.";
+    row.append(cell);
+    body.replaceChildren(row);
+    return;
+  }
+  body.replaceChildren(...campaignState.executions.map(executionRow));
+}
+
+async function refreshCampaignExecutions() {
+  try {
+    const payload = await campaignRequest("/api/campaigns/executions");
+    campaignState.executions = payload.executions;
+    renderCampaignExecutions();
+    const active = payload.executions.some((record) =>
+      ["queued", "running"].includes(record.status)
+    );
+    if (active && !campaignState.pollTimer) {
+      campaignState.pollTimer = window.setInterval(
+        refreshCampaignExecutions,
+        1600,
+      );
+    } else if (!active && campaignState.pollTimer) {
+      window.clearInterval(campaignState.pollTimer);
+      campaignState.pollTimer = null;
+    }
+  } catch (error) {
+    showCampaignToast(error.message);
+  }
+}
+
+async function executeCampaign() {
+  const preparation = campaignState.preparation;
+  if (!preparation || !preparation.plan) return;
+  const button = byId("campaign-execute-button");
+  button.disabled = true;
+  button.classList.add("running");
+  try {
+    await campaignRequest("/api/campaigns/executions", {
+      method: "POST",
+      body: JSON.stringify({
+        profile_id: preparation.profile.id,
+        plan_id: preparation.plan.id,
+        plan_hash: preparation.plan.plan_hash,
+        confirmation: preparation.execution.confirmation_phrase,
+      }),
+    });
+    byId("campaign-confirm-checkbox").checked = false;
+    byId("campaign-confirm-checkbox").disabled = true;
+    showCampaignToast("Confirmed frozen plan queued.");
+    await refreshCampaignExecutions();
+  } catch (error) {
+    button.disabled = false;
+    showCampaignToast(error.message);
+  } finally {
+    button.classList.remove("running");
+  }
+}
+
+async function bootCampaigns() {
+  try {
+    const catalog = await campaignRequest("/api/campaigns/profiles");
+    campaignState.catalog = catalog;
+    byId("campaign-profile-count").textContent =
+      `${catalog.profiles.length} allowlisted profile${catalog.profiles.length === 1 ? "" : "s"}`;
+    const executable = catalog.profiles.some(
+      (profile) => profile.execution_configured,
+    );
+    byId("campaign-mode-state").textContent = executable
+      ? "CONFIRMED EXECUTION"
+      : "PREFLIGHT ONLY";
+    byId("campaign-unconfigured").hidden = catalog.configured;
+    byId("campaign-profile-content").hidden = !catalog.configured;
+    byId("campaign-api-dot").classList.toggle("offline", !catalog.configured);
+    renderCampaignProfiles();
+    if (catalog.profiles.length) selectCampaignProfile(catalog.profiles[0]);
+    await refreshCampaignExecutions();
+  } catch (error) {
+    byId("campaign-unconfigured").hidden = false;
+    byId("campaign-profile-content").hidden = true;
+    byId("campaign-api-dot").classList.add("offline");
+    showCampaignToast(error.message);
+  }
+}
+
+byId("campaign-preflight-button").addEventListener("click", preflightCampaign);
+byId("campaign-confirm-checkbox").addEventListener("change", (event) => {
+  const preparation = campaignState.preparation;
+  byId("campaign-execute-button").disabled = !(
+    event.target.checked
+    && preparation
+    && preparation.execution.ready_for_confirmation
+  );
+});
+byId("campaign-execute-button").addEventListener("click", executeCampaign);
+byId("campaign-refresh-executions").addEventListener(
+  "click",
+  refreshCampaignExecutions,
+);
+
+bootCampaigns();

agentinputlab/studio/static/index.html

@@ -0,0 +1,192 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="color-scheme" content="dark">
+    <title>AgentInputLab Studio</title>
+    <link rel="stylesheet" href="/styles.css">
+    <script src="/app.js" defer></script>
+  </head>
+  <body>
+    <div class="app-shell">
+      <aside class="sidebar">
+        <a class="brand" href="/" aria-label="AgentInputLab Studio home">
+          <span class="brand-mark" aria-hidden="true">AI</span>
+          <span><strong>AgentInputLab</strong><small>Experiment Studio</small></span>
+        </a>
+        <nav class="primary-nav" aria-label="Studio navigation">
+          <a class="nav-link active" href="#configure"><span>01</span>Configure</a>
+          <a class="nav-link" href="/campaigns"><span>02</span>Campaigns</a>
+          <a class="nav-link" href="#runs"><span>03</span>Run queue</a>
+          <a class="nav-link" href="/result"><span>04</span>Results</a>
+        </nav>
+        <div class="sidebar-spacer"></div>
+        <div class="local-policy">
+          <div class="policy-heading"><span class="status-dot" id="api-dot"></span>Local runtime</div>
+          <p>Loopback only. No credentials, shell commands, or network runs are accepted.</p>
+        </div>
+        <div class="build-label">STUDIO / ALPHA 01</div>
+      </aside>
+
+      <main class="main-canvas">
+        <header class="topbar entrance">
+          <div>
+            <p class="eyebrow">CONTROLLED EXECUTION WORKSPACE</p>
+            <h1>Configure an experiment</h1>
+          </div>
+          <div class="topbar-meta">
+            <span id="catalog-count">Loading registry…</span>
+            <span class="local-chip">OFFLINE</span>
+          </div>
+        </header>
+
+        <section id="configure" class="workflow entrance entrance-delay-1" aria-labelledby="workflow-title">
+          <h2 id="workflow-title" class="sr-only">Experiment configuration workflow</h2>
+          <div class="step-rail" role="tablist" aria-label="Configuration sections">
+            <button class="step active" type="button" role="tab" aria-selected="true" data-step="method">
+              <span>01</span><strong>Method</strong><small>Algorithm + version</small>
+            </button>
+            <button class="step" type="button" role="tab" aria-selected="false" data-step="runtime">
+              <span>02</span><strong>Runtime</strong><small>Backend + limits</small>
+            </button>
+            <button class="step" type="button" role="tab" aria-selected="false" data-step="data">
+              <span>03</span><strong>Data</strong><small>Task + sample</small>
+            </button>
+            <button class="step" type="button" role="tab" aria-selected="false" data-step="controls">
+              <span>04</span><strong>Controls</strong><small>Fair comparison</small>
+            </button>
+          </div>
+
+          <form id="run-form" novalidate>
+            <div class="workspace-grid">
+              <div class="config-pane">
+                <section class="config-section active" data-panel="method" role="tabpanel">
+                  <div class="section-heading">
+                    <div><p class="section-index">01 / METHOD</p><h2>Select the intervention</h2></div>
+                    <p>Every version comes from the frozen registry. Studio-ready is narrower than registry-ready.</p>
+                  </div>
+                  <div class="field-grid two">
+                    <label class="field">
+                      <span>Algorithm</span>
+                      <select id="algorithm" name="algorithm_id" required></select>
+                      <small id="algorithm-family">Semantic family</small>
+                    </label>
+                    <label class="field">
+                      <span>Version profile</span>
+                      <select id="release" name="release_id" required></select>
+                      <small id="release-status">Runtime profile</small>
+                    </label>
+                  </div>
+                  <div class="method-note" id="method-note">
+                    <span class="mono-tag">PROFILE</span>
+                    <p>Select a method to inspect its implementation boundary.</p>
+                  </div>
+                </section>
+
+                <section class="config-section" data-panel="runtime" role="tabpanel" hidden>
+                  <div class="section-heading">
+                    <div><p class="section-index">02 / RUNTIME</p><h2>Pin the execution context</h2></div>
+                    <p>Only deterministic replay is enabled in this local Studio build.</p>
+                  </div>
+                  <label class="field full-field">
+                    <span>Model backend</span>
+                    <select id="backend" name="backend_id" required></select>
+                    <small id="backend-note">Backend capability</small>
+                  </label>
+                  <div class="parameter-grid">
+                    <label class="field compact"><span>Seed</span><input id="seed" type="number" min="0" max="2147483647" step="1"></label>
+                    <label class="field compact"><span>Samples</span><input id="sample-limit" type="number" min="1" max="4" step="1"></label>
+                    <label class="field compact"><span>Top k</span><input id="top-k" type="number" min="1" max="10" step="1"></label>
+                    <label class="field compact"><span>Temperature</span><input id="temperature" type="number" min="0" max="2" step="0.1"></label>
+                    <label class="field compact"><span>Soft word budget</span><input id="soft-word-budget" type="number" min="1" max="4096" step="1"></label>
+                    <label class="field compact"><span>Clarify threshold</span><input id="clarification-threshold" type="number" min="0" max="1" step="0.05"></label>
+                  </div>
+                  <p class="parameter-help">Parameters remain in the run manifest even when a selected algorithm does not consume them.</p>
+                </section>
+
+                <section class="config-section" data-panel="data" role="tabpanel" hidden>
+                  <div class="section-heading">
+                    <div><p class="section-index">03 / DATA</p><h2>Choose an evaluation cell</h2></div>
+                    <p>Registered datasets are visible; only verified prepared assets may run.</p>
+                  </div>
+                  <label class="field full-field">
+                    <span>Dataset / benchmark cell</span>
+                    <select id="dataset" name="dataset_id" required></select>
+                    <small id="dataset-readiness">Preparation status</small>
+                  </label>
+                  <div class="dataset-spec">
+                    <dl>
+                      <div><dt>Task</dt><dd id="dataset-task">—</dd></div>
+                      <div><dt>Scale</dt><dd id="dataset-size">—</dd></div>
+                      <div><dt>Metrics</dt><dd id="dataset-metrics">—</dd></div>
+                      <div><dt>Families</dt><dd id="dataset-families">—</dd></div>
+                    </dl>
+                    <div class="sample-preview">
+                      <span class="mono-tag">SAMPLE</span>
+                      <p id="dataset-sample">A sample appears for locally prepared fixtures.</p>
+                    </div>
+                  </div>
+                </section>
+
+                <section class="config-section" data-panel="controls" role="tabpanel" hidden>
+                  <div class="section-heading">
+                    <div><p class="section-index">04 / CONTROLS</p><h2>Protect the comparison</h2></div>
+                    <p>Disabling a control marks the run exploratory in the compatibility report.</p>
+                  </div>
+                  <div class="control-list">
+                    <label class="toggle-row"><span><strong>Paired baseline</strong><small>Evaluate the same frozen examples before and after intervention.</small></span><input id="paired-baseline" type="checkbox"><i></i></label>
+                    <label class="toggle-row"><span><strong>Fixed seed</strong><small>Derive every sample seed from one recorded run seed.</small></span><input id="fixed-seed" type="checkbox"><i></i></label>
+                    <label class="toggle-row"><span><strong>Shared retriever</strong><small>Use exactly one corpus, tokenizer, BM25 k1, and b configuration.</small></span><input id="shared-retriever" type="checkbox"><i></i></label>
+                    <label class="toggle-row"><span><strong>Freeze dependencies</strong><small>Record backend, corpus, and retriever identities in the result.</small></span><input id="freeze-dependencies" type="checkbox"><i></i></label>
+                    <label class="toggle-row"><span><strong>Fail on fingerprint drift</strong><small>Stop if a dependency identity changes across the paired run.</small></span><input id="fail-on-drift" type="checkbox"><i></i></label>
+                  </div>
+                </section>
+              </div>
+
+              <aside class="inspector" aria-live="polite">
+                <div class="inspector-heading">
+                  <p class="section-index">COMPATIBILITY</p>
+                  <span class="validation-state checking" id="validation-state">CHECKING</span>
+                </div>
+                <h3 id="compatibility-title">Validating configuration</h3>
+                <p id="compatibility-copy">The Studio is checking release, backend, data, and fairness constraints.</p>
+                <ul class="issue-list" id="issue-list"></ul>
+                <div class="manifest-preview">
+                  <p class="section-index">RUN MANIFEST</p>
+                  <dl>
+                    <div><dt>Profile</dt><dd id="manifest-release">—</dd></div>
+                    <div><dt>Backend</dt><dd id="manifest-backend">—</dd></div>
+                    <div><dt>Dataset</dt><dd id="manifest-dataset">—</dd></div>
+                    <div><dt>Mode</dt><dd id="manifest-mode">confirmatory</dd></div>
+                  </dl>
+                </div>
+              </aside>
+            </div>
+
+            <div class="run-bar">
+              <div><span class="status-dot"></span><p><strong>Local queue</strong><small id="queue-summary">No active runs</small></p></div>
+              <button id="run-button" class="primary-action" type="submit" disabled>
+                <span>Queue experiment</span><b aria-hidden="true">↗</b>
+              </button>
+            </div>
+          </form>
+        </section>
+
+        <section id="runs" class="runs-section entrance entrance-delay-2" aria-labelledby="runs-title">
+          <div class="runs-heading">
+            <div><p class="eyebrow">EXECUTION LOG</p><h2 id="runs-title">Run queue</h2></div>
+            <button class="text-button" id="refresh-runs" type="button">Refresh</button>
+          </div>
+          <div class="runs-table-wrap">
+            <table class="runs-table">
+              <thead><tr><th>Run</th><th>Profile</th><th>Dataset</th><th>Status</th><th>Quality</th><th>Cost</th><th></th></tr></thead>
+              <tbody id="runs-body"><tr><td colspan="7" class="empty-row">No experiments queued in this session.</td></tr></tbody>
+            </table>
+          </div>
+        </section>
+      </main>
+    </div>
+    <div class="toast" id="toast" role="status" aria-live="polite"></div>
+  </body>
+</html>