Inspector: your window into graph truth

Inspect every fragment, with proof

The Inspector is the browser-facing projection of the Hypermake graph and LZR tape. Explore source truth, scope, data reads, rendered output, timeline, branches, diagnostics, and agent context without leaving the page.

Open the testing digest -> View documentation

Live and incremental

See graph events as they happen. Rebuilds update the page and Inspector projections with precise freshness state.

/_hypermake/inspector/api/events

Addressable

Every useful source node, data path, rendered region, and graph target has an address you can inspect or deep link.

src://basics/text-and-attributes.html

Safe by default

Edits are source/data proposals validated by the server, not trusted browser-side mutations.

hypermake branches list

Source, Scope, Data, Rendered Sidecar-driven

Sourcesrc://components/component-bound.html

<set key="campaign" value="{{ data://campaign.json }}" />
	<scenario-layout
		title="Component-bound rendered effects"
		family="component invocation and prop lineage"
		source="src://components/component-bound.html"
		rendered="rendered://public/components/component-bound.html"
		coverage="component prop changes, source ownership, rendered-effect proof"
	></scenario-layout>
	<test-panel label="What this page tests" tone="blue">
		<p>Component invocation attributes, component-bound text, and data-backed rendered effects.</

Datadata://campaign.json

{
  "title": "Corpus Campaign",
  "client": "Corpus Client",
  "url": "/campaign.html",
  "adCount": 2,
  "newsletterCount": 1,
  "assets": [
    {
      "src": "/assets/banner.jpg",
      "alt": "Banner asset"
    },
    {
      "src": "/assets/newsletter.jpg",
      "alt": "Newsletter asset"
    }
  ],
  "variants": [
    {
      "id": "banner",
      "width": 300,
      "height": 250
    },
    {
      "id": "newsletter",
      "width": 640,
      "height": 480
    }
  ]
}

Scopecampaign

campaign

title"Corpus Campaign"

client"Corpus Client"

url"/campaign.html"

adCount 2

newsletterCount 1

assets [2 items]

variants [2 items]

Renderedrendered://public/components/component-bound.html

<section class="card  campaign-header" data-panel="Campaign header"><h2>Campaign header</h2> <h1 id=campaign-title>Corpus Client Campaign</h1> <p class=scope-note>This page is intended to reproduce component/data-bound rendered-effect proof gaps.</p> </section>

Open the live scenario ->

Build timeline Captured-real run serve-init-20260812-133333-550497010 84ms · 16 workers · ok

These lanes are this project’s own most recent inspector run (cache://hypermake/inspector/latest.timeline.json), unedited — the same timeline the Inspector’s Timeline tab renders. Regenerate it with hypermake public --inspector.

Source DOM editing

Edit the real LZR template source. Syntax, control structure, component ownership, and error fragments stay visible.

src://basics/text-and-attributes.html

Scope and expression debugging

Inspect variables, foreach context, expression lineage, and data-read origins inline with the selected node.

src://expressions/mixed.html

Data editing with JSON Patch

Navigate structured data from source usage, preview where-used context, and route edits through graph-owned proof.

data://items.json#/0

Timeline, branches, and agents

Profile graph work, inspect diagnostics, compare branches, and hand bounded AX packets to agents.

concept://ax-packet

Inspector command

hypermake serve public --inspect --addr 127.0.0.1:8080 --origin https://lzr-testing.localhost Copy path