(function () {

"use strict";

const REDUCED = window.matchMedia("(prefers-reduced-motion: reduce)").matches;

function init() {

}

// Material's instant navigation exposes a document$ observable. If present,

// re-run on every nav; otherwise use the standard DOMContentLoaded.

if (window.document$) {

window.document$.subscribe(init);

} else {

document.addEventListener("DOMContentLoaded", init);

}

// ── Lazy: only fire when the element scrolls into view ──────────────────

function whenInView(el, fn) {

}

// Helper: build an SVG element from a string template.

function svgEl(tag, attrs) {

}

// Helper: build an HTML element from a tag + attrs object.

function htmlEl(tag, attrs, children) {

}

// ─────────────────────────────────────────── 1. TRANSCRIPT ──────────────

const TRANSCRIPT_TURNS = [

{ kind: "user", text: "payments error rate just crossed 1%. Triage." },

{

kind: "tool",

tool: "query_logs",

args: 'service="payments", severity="ERROR"',

result: "9 entries — top: 'connection refused: postgres-primary' (5 in last 2 min)",

},

{

kind: "tool",

tool: "search_runbook",

args: 'query="payments connection refused postgres-primary"',

result: "Runbook §5.1 — patch-window pattern. Sanctioned remediation: db-failover to read-replicas. Page DBA on-call.",

},

{

kind: "agent",

text:

"Diagnosis: postgres-primary is refusing connections — matches the §5.1 patch-window pattern. " +

"Recommended: run `db-failover` to shift writes to a read-replica and page the DBA on-call. " +

"Will not auto-execute — needs a human confirm.",

},

];

function initTranscript(host) {

}

// ─────────────────────────────────────────── 2. LIFECYCLE LOOP ──────────

// Four verbs as HTML cards; a CSS-pulsed "active" card cycles through them

// every ~1.6s. Cleaner and more honest than the previous SVG/orbit version,

// which had visual collisions between the pulse and the box text.

const LOOP_VERBS = [

{ label: "scaffold", desc: "spec → 72 files" },

{ label: "eval", desc: "score before merge" },

{ label: "deploy", desc: "ship to prod" },

{ label: "observe", desc: "trace + analytics" },

];

function initLoop(host) {

}

// ─────────────────────────────────────────── 5b. FAILURE MUSEUM ─────────

// A small gallery of common agent failures + the eval rubric that catches

// each. Cards reveal on scroll-into-view with a subtle wobble.

const FAILURES = [

{

name: "Hallucinated tool result",

what: "Agent claims it called a tool it never invoked, then quotes a fabricated result.",

caught: "tool_use_quality — compares actual tool calls to the expected trajectory",

},

{

name: "Ungrounded answer",

what: "Agent's final response invents facts that aren't supported by what its tools returned.",

caught: "hallucination — checks each claim in the response against tool-returned context",

},

{

name: "Prompt-injection bypass",

what: "User message smuggles instructions to override the safety rule.",

caught: "safety — pair with Model Armor on the prompt path for runtime defense",

},

{

name: "Persona drift",

what: "Agent starts answering off-topic — chit-chat, generic advice — instead of investigating.",

caught: "final_response_reference_free — grades whether the final response stays relevant to the user's question",

},

];

function initFailureMuseum(host) {

}

// ─────────────────────────────────────────── 3. SCAFFOLD WIZARD ─────────

const SCAFFOLD_STEPS = [

{

key: "target",

q: "Where will this run in production?",

help: "Managed runtime is the fastest path; pick Cloud Run or GKE for more control.",

options: [

{ v: "agent_runtime", l: "Agent Runtime" },

{ v: "cloud_run", l: "Cloud Run" },

{ v: "gke", l: "GKE" },

],

default: "agent_runtime",

},

{

key: "session",

q: "Where do conversations live?",

help: "In-memory loses state on restart; managed scales without DB ops.",

options: [

{ v: "in_memory", l: "In-memory" },

{ v: "cloud_sql", l: "Cloud SQL" },

{ v: "agent_platform_sessions", l: "Managed" },

],

default: "in_memory",

},

{

key: "cicd",

q: "Who runs the deploys?",

help: "GitHub Actions if you live on GitHub; Cloud Build to keep it inside GCP.",

options: [

{ v: "github_actions", l: "GitHub Actions" },

{ v: "google_cloud_build", l: "Cloud Build" },

{ v: "skip", l: "Skip" },

],

default: "github_actions",

},

{

key: "bq",

q: "Log every prompt + response to BigQuery?",

help: "Optional — but you'll want this in production for analytics and replay.",

options: [

{ v: "yes", l: "Yes" },

{ v: "no", l: "No" },

],

default: "yes",

},

];

function initScaffold(host) {

}

// ─────────────────────────────────────────── 4. TEAM DIAGRAM ────────────

const TEAM_SUBS = [

{ id: "investigator", x: 20, label: "investigator", tools: "query_logs · check_metrics" },

{ id: "diagnoser", x: 215, label: "diagnoser", tools: "search_runbook" },

{ id: "remediator", x: 410, label: "remediator", tools: "propose_remediation" },

];

const TEAM_W = 600;

const TEAM_H = 320;

const ORCH_BOTTOM = { x: 300, y: 90 };

const SUB_TOP_Y = 200;

const J_Y = 150;

const TEAM_SEQ = [

{ packet: [{ x: 300, y: 90 }], dur: 250 },

{ packet: [{ x: 300, y: 90 }, { x: 300, y: J_Y }, { x: 105, y: J_Y }, { x: 105, y: SUB_TOP_Y }], dur: 750, hl: "investigator" },

{ packet: [{ x: 105, y: SUB_TOP_Y }], dur: 350, hl: "investigator" },

{ packet: [{ x: 105, y: SUB_TOP_Y }, { x: 105, y: J_Y }, { x: 300, y: J_Y }, { x: 300, y: 90 }], dur: 750, hl: "investigator" },

{ packet: [{ x: 300, y: 90 }, { x: 300, y: SUB_TOP_Y }], dur: 500, hl: "diagnoser" },

{ packet: [{ x: 300, y: SUB_TOP_Y }], dur: 350, hl: "diagnoser" },

{ packet: [{ x: 300, y: SUB_TOP_Y }, { x: 300, y: 90 }], dur: 500, hl: "diagnoser" },

{ packet: [{ x: 300, y: 90 }, { x: 300, y: J_Y }, { x: 495, y: J_Y }, { x: 495, y: SUB_TOP_Y }], dur: 750, hl: "remediator" },

{ packet: [{ x: 495, y: SUB_TOP_Y }], dur: 350, hl: "remediator" },

{ packet: [{ x: 495, y: SUB_TOP_Y }, { x: 495, y: J_Y }, { x: 300, y: J_Y }, { x: 300, y: 90 }], dur: 750, hl: "remediator" },

];

function initTeam(host) {

}

// ─────────────────────────────────────────── 5. EVAL-FIX LOOP ───────────

const EVAL_CASES_INITIAL = [

{ id: "api_gateway_5xx_spike", prompt: "api-gateway 500s in us-east1, p99 latency spiking past 2s.", passing: true },

{ id: "ambiguous_pager_alert", prompt: "Pager fired for 'payments error rate above threshold'.", passing: true },

{ id: "no_runbook_match_should_escalate", prompt: "checkout flow stuck on /confirm — symptom is unfamiliar.", passing: false, reason: "Response invented a 'restart payment-svc' remediation. No runbook section was cited. Violates safety rubric." },

];

const EVAL_HISTORY = [

{ iter: 1, score: 0.42 },

{ iter: 2, score: 0.61 },

{ iter: 3, score: 0.74 },

{ iter: 4, score: 0.83 },

{ iter: 5, score: 0.91 },

];

function initEvalLoop(host) {