@deeeed/metamask-harness 0.34.3 → 0.35.0

package/site/assets/metamask-fox.svg

@@ -0,0 +1,24 @@
+<svg width="35" height="34" viewBox="0 0 35 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M32.7077 32.7522L25.1688 30.5174L19.4833 33.9008L15.5167 33.8991L9.82793 30.5174L2.29225 32.7522L0 25.0489L2.29225 16.4993L0 9.27094L2.29225 0.312256L14.0674 7.31554H20.9326L32.7077 0.312256L35 9.27094L32.7077 16.4993L35 25.0489L32.7077 32.7522Z" fill="#FF5C16"/>
+<path d="M2.29395 0.312256L14.0691 7.32047L13.6008 12.1301L2.29395 0.312256Z" fill="#FF5C16"/>
+<path d="M9.82959 25.0522L15.0106 28.9811L9.82959 30.5175V25.0522Z" fill="#FF5C16"/>
+<path d="M14.5966 18.5565L13.6009 12.1333L7.22692 16.5009L7.22363 16.4993V16.5025L7.24335 20.9983L9.82809 18.5565H9.82974H14.5966Z" fill="#FF5C16"/>
+<path d="M32.7077 0.312256L20.9326 7.32047L21.3993 12.1301L32.7077 0.312256Z" fill="#FF5C16"/>
+<path d="M25.1722 25.0522L19.9912 28.9811L25.1722 30.5175V25.0522Z" fill="#FF5C16"/>
+<path d="M27.7766 16.5025H27.7783H27.7766V16.4993L27.775 16.5009L21.401 12.1333L20.4053 18.5565H25.1722L27.7586 20.9983L27.7766 16.5025Z" fill="#FF5C16"/>
+<path d="M9.82793 30.5175L2.29225 32.7522L0 25.0522H9.82793V30.5175Z" fill="#E34807"/>
+<path d="M14.5947 18.5549L16.0341 27.8406L14.0393 22.6777L7.23975 20.9984L9.82613 18.5549H14.593H14.5947Z" fill="#E34807"/>
+<path d="M25.1721 30.5175L32.7078 32.7522L35.0001 25.0522H25.1721V30.5175Z" fill="#E34807"/>
+<path d="M20.4053 18.5549L18.9658 27.8406L20.9607 22.6777L27.7602 20.9984L25.1722 18.5549H20.4053Z" fill="#E34807"/>
+<path d="M0 25.0488L2.29225 16.4993H7.22183L7.23991 20.9967L14.0394 22.676L16.0343 27.8389L15.0089 28.976L9.82793 25.0472H0V25.0488Z" fill="#FF8D5D"/>
+<path d="M35.0001 25.0488L32.7078 16.4993H27.7783L27.7602 20.9967L20.9607 22.676L18.9658 27.8389L19.9912 28.976L25.1722 25.0472H35.0001V25.0488Z" fill="#FF8D5D"/>
+<path d="M20.9325 7.31543H17.4999H14.0673L13.6006 12.1251L16.0342 27.834H18.9656L21.4008 12.1251L20.9325 7.31543Z" fill="#FF8D5D"/>
+<path d="M2.29225 0.312256L0 9.27094L2.29225 16.4993H7.22183L13.5991 12.1301L2.29225 0.312256Z" fill="#661800"/>
+<path d="M13.17 20.4199H10.9369L9.72095 21.6062L14.0409 22.6727L13.17 20.4182V20.4199Z" fill="#661800"/>
+<path d="M32.7077 0.312256L34.9999 9.27094L32.7077 16.4993H27.7781L21.4009 12.1301L32.7077 0.312256Z" fill="#661800"/>
+<path d="M21.833 20.4199H24.0694L25.2853 21.6079L20.9604 22.676L21.833 20.4182V20.4199Z" fill="#661800"/>
+<path d="M19.4817 30.8362L19.9911 28.9794L18.9658 27.8423H16.0327L15.0073 28.9794L15.5167 30.8362" fill="#661800"/>
+<path d="M19.4816 30.8359V33.9021H15.5166V30.8359H19.4816Z" fill="#C0C4CD"/>
+<path d="M9.82959 30.5142L15.52 33.9008V30.8346L15.0106 28.9778L9.82959 30.5142Z" fill="#E7EBF6"/>
+<path d="M25.1721 30.5142L19.4817 33.9008V30.8346L19.9911 28.9778L25.1721 30.5142Z" fill="#E7EBF6"/>
+</svg>

package/site/assets/progress.mjs

@@ -1,6 +1,6 @@
 /*
  * Shared behaviour for the getting-started site: checklist progress, copy
- * buttons, platform filters, and the layer diagram. No dependencies, no
+ * buttons, platform filters, tabs, and the layer diagram. No dependencies, no
  * network, no tracking. Progress lives in localStorage under
  * `mmh.progress.<page>`, where <page> comes from body[data-progress-page].
  * Pages that share a namespace share their state (the How it works walkthrough and the V1
@@ -235,6 +235,56 @@
     select('all');
   }
 
+  /* ---------- tabs ---------- */
+
+  /*
+   * One tablist per group, roving tabindex: only the selected tab is in the
+   * tab order, arrows move between them. Panels stay in the DOM so their
+   * commands remain copyable the moment a tab is shown.
+   *
+   * The markup ships every panel visible and the tablist hidden; hiding is
+   * this function's first act. Without it — stale cache, blocked module,
+   * file:// — the reader gets all three prompts stacked instead of controls
+   * that do nothing.
+   */
+  function initTabs() {
+    [].slice.call(document.querySelectorAll('[role="tablist"]')).forEach(function (list) {
+      var tabs = [].slice.call(list.querySelectorAll('[role="tab"]'));
+      if (!tabs.length) return;
+      list.hidden = false;
+
+      function select(tab, focus) {
+        tabs.forEach(function (other) {
+          var on = other === tab;
+          other.setAttribute('aria-selected', String(on));
+          other.tabIndex = on ? 0 : -1;
+          var panel = document.getElementById(other.getAttribute('aria-controls'));
+          if (panel) panel.hidden = !on;
+        });
+        if (focus) tab.focus();
+      }
+
+      tabs.forEach(function (tab, i) {
+        tab.addEventListener('click', function () { select(tab, false); });
+        tab.addEventListener('keydown', function (e) {
+          var next = null;
+          if (e.key === 'ArrowRight') next = tabs[(i + 1) % tabs.length];
+          if (e.key === 'ArrowLeft') next = tabs[(i - 1 + tabs.length) % tabs.length];
+          if (e.key === 'Home') next = tabs[0];
+          if (e.key === 'End') next = tabs[tabs.length - 1];
+          if (!next) return;
+          e.preventDefault();
+          select(next, true);
+        });
+      });
+
+      var current = tabs.filter(function (t) {
+        return t.getAttribute('aria-selected') === 'true';
+      })[0];
+      select(current || tabs[0], false);
+    });
+  }
+
   /* ---------- layer diagram ---------- */
 
   function initLayers() {
@@ -261,6 +311,7 @@
     initCopy();
     initCellCopy();
     initFilters();
+    initTabs();
     initLayers();
   }
 

package/site/assets/style.css

@@ -110,8 +110,10 @@ main { padding-bottom: 6rem; }
 .topbar-inner {
   display: flex;
   align-items: center;
-  gap: 1.5rem;
-  height: 60px;
+  flex-wrap: wrap;
+  gap: 0.5rem 1.5rem;
+  min-height: 60px;
+  padding: 0.5rem 0;
 }
 
 .brand {
@@ -125,31 +127,24 @@ main { padding-bottom: 6rem; }
 }
 .brand:hover { text-decoration: none; }
 
-/* Brand-adjacent mark: a geometric diamond, not a product logo. */
-.brand-mark {
-  width: 20px;
-  height: 20px;
-  flex: none;
-  border-radius: 5px;
-  background: linear-gradient(145deg, var(--accent) 0%, var(--accent-deep) 100%);
-  transform: rotate(45deg);
-  box-shadow: 0 0 0 1px rgba(246, 133, 27, 0.3), 0 3px 12px rgba(246, 133, 27, 0.22);
-}
+.brand-mark { width: 22px; height: 22px; flex: none; display: block; }
 
 .brand-name { font-family: var(--mono); font-size: 0.95rem; }
 
+/* Six items fit a laptop on one line; below that they wrap onto a second row
+   rather than scrolling a label out of sight. */
 .nav {
   display: flex;
   gap: 0.3rem;
   margin-left: auto;
   min-width: 0;
-  overflow-x: auto;
-  flex-wrap: nowrap;
-  scrollbar-width: thin;
+  flex-wrap: wrap;
+  justify-content: flex-end;
 }
 
 .nav a {
   flex: none;
+  white-space: nowrap;
   color: var(--text-dim);
   font-size: 0.885rem;
   font-weight: 500;
@@ -272,16 +267,7 @@ main { padding-bottom: 6rem; }
   text-align: center;
 }
 
-.lobby-mark {
-  display: block;
-  width: 26px;
-  height: 26px;
-  margin: 0 auto 2rem;
-  border-radius: 7px;
-  background: linear-gradient(145deg, var(--accent) 0%, var(--accent-deep) 100%);
-  transform: rotate(45deg);
-  box-shadow: 0 0 0 1px rgba(246, 133, 27, 0.3), 0 4px 18px rgba(246, 133, 27, 0.25);
-}
+.lobby-mark { display: block; width: 52px; height: 52px; margin: 0 auto 1.6rem; }
 
 .lobby h1 {
   font-size: clamp(2rem, 4.6vw, 2.85rem);
@@ -341,6 +327,77 @@ main { padding-bottom: 6rem; }
   border-color: var(--pass);
 }
 
+/* ---------- quick start (lobby) ----------
+   Two steps: set up once, then pick the work. Left-aligned inside the centred
+   lobby, because everything in here is read line by line. */
+
+.qs { text-align: left; margin-top: 1.8rem; }
+
+.qs-step + .qs-step { margin-top: 2.6rem; }
+
+.qs-title {
+  display: flex;
+  align-items: center;
+  font-size: 1.16rem;
+  font-weight: 640;
+  margin: 0 0 0.35rem;
+}
+
+/* The margin rather than a flex gap: the badge stays separated from the title
+   even when the flex layout does not apply. */
+.qs-num {
+  flex: none;
+  width: 1.7rem;
+  height: 1.7rem;
+  margin-right: 0.75rem;
+  display: inline-grid;
+  place-items: center;
+  border-radius: 50%;
+  background: var(--accent-soft);
+  border: 1px solid var(--accent-line);
+  color: var(--accent);
+  font-family: var(--mono);
+  font-size: 0.8rem;
+  line-height: 1;
+}
+
+.qs-why { color: var(--text-dim); font-size: 0.95rem; margin-bottom: 0.9rem; }
+
+/* ---------- tabs ---------- */
+
+.tablist {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.4rem;
+  margin-bottom: 0.9rem;
+}
+
+.tab {
+  font: 560 0.9rem var(--sans);
+  color: var(--text-dim);
+  background: var(--surface);
+  border: 1px solid var(--line);
+  border-radius: 99px;
+  padding: 0.4rem 1rem;
+  cursor: pointer;
+  transition: all 0.16s var(--ease);
+}
+.tab:hover { color: var(--text); border-color: var(--accent-line); }
+.tab[aria-selected="true"] {
+  color: var(--accent);
+  background: var(--accent-soft);
+  border-color: var(--accent-line);
+}
+
+.qs-panel[hidden] { display: none; }
+.qs-panel:focus-visible { outline-offset: 4px; }
+
+.qs-panel-why { color: var(--text-dim); font-size: 0.92rem; margin-bottom: 0.5rem; }
+
+/* These prompts are the call to action too, so their copy control never hides. */
+.qs-panel .cmd .copy { opacity: 1; }
+.qs-panel .cmd pre { white-space: pre-wrap; word-break: break-word; font-size: 0.82rem; }
+
 .lobby-cta { display: flex; justify-content: center; gap: 0.7rem; flex-wrap: wrap; margin-top: 1.6rem; }
 
 .lobby-fine {
@@ -892,6 +949,76 @@ tr[hidden], .filter-hidden { display: none !important; }
 .verdict.pass { color: var(--pass); }
 .verdict.fail { color: var(--fail); }
 
+/* ---------- dependency map ----------
+   A column of nodes with the edge label between them, so the direction reads
+   top to bottom without a diagram library. */
+
+.map { margin: 1.5rem 0 2.5rem; }
+
+.node {
+  background: linear-gradient(180deg, var(--surface) 0%, var(--bg-raised) 100%);
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  padding: 1.25rem 1.4rem;
+}
+.node:hover { border-color: var(--accent-line); }
+
+/* The one you install. */
+.node-key { border-color: var(--accent-line); }
+
+.node-tag {
+  display: block;
+  font-family: var(--mono);
+  font-size: 0.72rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--text-faint);
+  margin-bottom: 0.35rem;
+}
+
+.node-name { font-size: 1.12rem; font-weight: 640; margin: 0 0 0.4rem; }
+.node-what { font-size: 0.94rem; color: var(--text-dim); margin-bottom: 0.7rem; }
+
+.node-list {
+  list-style: none;
+  margin: 0 0 0.8rem;
+  padding: 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.35rem 0.5rem;
+  font-size: 0.86rem;
+}
+.node-list li { color: var(--text-dim); }
+
+.node-url {
+  display: block;
+  font-family: var(--mono);
+  font-size: 0.8rem;
+  word-break: break-all;
+  margin-bottom: 0.15rem;
+}
+
+.node .badge { margin: 0.55rem 0.4rem 0 0; display: inline-block; }
+.node-more { display: block; font-size: 0.88rem; margin-top: 0.6rem; }
+
+/* Edge labels carry the verb; the arrow alone would not say what flows. */
+.map-edge {
+  margin: 0.7rem 0;
+  text-align: center;
+  font-family: var(--mono);
+  font-size: 0.8rem;
+  color: var(--text-faint);
+}
+
+.map-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
+.map-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: start; }
+
+@media (max-width: 780px) {
+  .map-split { grid-template-columns: 1fr; }
+  .map-split .map-edge:last-child { margin-top: 0; }
+  .map-row { grid-template-columns: 1fr; }
+}
+
 /* ---------- misc ---------- */
 
 .btn-row { display: flex; flex-wrap: wrap; gap: 0.7rem; margin-top: 1.8rem; }

package/site/cheatsheet.html

@@ -5,7 +5,8 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Cheatsheet — mm-harness</title>
 <meta name="description" content="Every mm-harness command worth knowing, filterable by platform, with copy buttons.">
-<link rel="stylesheet" href="assets/style.css">
+<link rel="icon" href="assets/metamask-fox.svg" type="image/svg+xml">
+<link rel="stylesheet" href="assets/style.css?v=4">
 </head>
 <body data-progress-page="cheatsheet">
 <a class="skip" href="#daily">Skip to the commands</a>
@@ -13,18 +14,16 @@
 <header class="topbar">
   <div class="wrap-wide topbar-inner">
     <a class="brand" href="index.html">
-      <span class="brand-mark" aria-hidden="true"></span>
+      <img class="brand-mark" src="assets/metamask-fox.svg" alt="" width="22" height="22">
       <span class="brand-name">recipes</span>
     </a>
     <nav class="nav" aria-label="Main">
       <a class="nav-cta" href="index.html#prompt">Quick start</a>
       <a href="how-it-works.html">How it works</a>
-      <a href="recipes.html">Recipe anatomy</a>
-      <a href="perps.html">Perps</a>
+      <a href="perps.html">Team / Perps</a>
       <a href="cheatsheet.html" aria-current="page">Cheatsheet</a>
       <a href="architecture.html">Architecture</a>
       <a href="tutorials/index.html">Tutorials</a>
-      <a href="reviewers.html">For Reviewers</a>
     </nav>
   </div>
 </header>
@@ -303,6 +302,6 @@
   </div>
 </footer>
 
-<script type="module" src="assets/progress.mjs"></script>
+<script type="module" src="assets/progress.mjs?v=4"></script>
 </body>
 </html>

package/site/ecosystem.html

@@ -0,0 +1,162 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Ecosystem — which repo is which</title>
+<meta name="description" content="A dependency map of the repositories and packages behind the recipe workflow: skills, mm-harness, the spec and engine, team recipe libraries, the product repos, and the learnings inbox.">
+<link rel="icon" href="assets/metamask-fox.svg" type="image/svg+xml">
+<link rel="stylesheet" href="assets/style.css?v=4">
+</head>
+<body>
+<a class="skip" href="#map">Skip to the map</a>
+
+<header class="topbar">
+  <div class="wrap topbar-inner">
+    <a class="brand" href="index.html">
+      <img class="brand-mark" src="assets/metamask-fox.svg" alt="" width="22" height="22">
+      <span class="brand-name">recipes</span>
+    </a>
+    <nav class="nav" aria-label="Main">
+      <a class="nav-cta" href="index.html#prompt">Quick start</a>
+      <a href="how-it-works.html">How it works</a>
+      <a href="perps.html">Team / Perps</a>
+      <a href="cheatsheet.html">Cheatsheet</a>
+      <a href="architecture.html">Architecture</a>
+      <a href="tutorials/index.html">Tutorials</a>
+    </nav>
+  </div>
+</header>
+
+<main>
+<section class="wrap hero" style="padding-bottom:0.5rem">
+  <span class="eyebrow">Repositories</span>
+  <h1>Which repo is which</h1>
+  <p class="lede">
+    Six things sit behind a recipe run, and it is not obvious from the outside which one you install,
+    which one you contribute to, and which one is just a dependency. This is the dependency map — not
+    a pitch.
+  </p>
+</section>
+
+<section class="wrap-wide">
+  <div class="map" id="map">
+
+    <article class="node">
+      <span class="node-tag">You invoke this</span>
+      <h2 class="node-name">Skills</h2>
+      <p class="node-what">
+        The workflows — <code>mms-recipe-cook</code>, <code>mms-recipe-pr-qa-review</code> and the rest.
+        They call <code>mm-harness</code>; they are not a dependency of it.
+      </p>
+      <a class="node-url" href="https://github.com/Consensys/skills">github.com/Consensys/skills</a>
+      <span class="badge">internal</span>
+    </article>
+
+    <p class="map-edge">calls ↓</p>
+
+    <article class="node node-key">
+      <span class="node-tag">The runner</span>
+      <h2 class="node-name">mm-harness</h2>
+      <p class="node-what">
+        Launch, typed actions, graph execution, artifacts. Installed from npm as
+        <code>@deeeed/metamask-harness</code>; the MetaMask-specific layer lives here.
+      </p>
+      <a class="node-url" href="https://github.com/MetaMask/experimental-metamask-harness">github.com/MetaMask/experimental-metamask-harness</a>
+      <span class="badge">private</span>
+      <span class="badge">npm @deeeed/metamask-harness</span>
+    </article>
+
+    <div class="map-split">
+      <p class="map-edge">depends on ↓</p>
+      <p class="map-edge">runs recipes from ↓</p>
+    </div>
+
+    <div class="map-row">
+      <article class="node">
+        <span class="node-tag">Spec &amp; engine</span>
+        <h2 class="node-name">farmslot packages</h2>
+        <p class="node-what">
+          The recipe protocol and the execution engine, as pinned by mm-harness.
+          <code>recipe-harness</code> depends on <code>protocol</code>.
+        </p>
+        <ul class="node-list">
+          <li><code>@farmslot/protocol</code> 0.18.0</li>
+          <li><code>@farmslot/recipe-harness</code> 0.14.0</li>
+          <li><code>@farmslot/agent-runtime</code> 0.7.0</li>
+          <li><code>@farmslot/handoff</code> 0.3.1</li>
+          <li><code>@farmslot/expo-recipe</code> 0.7.1</li>
+        </ul>
+        <span class="badge">npm</span>
+      </article>
+
+      <article class="node">
+        <span class="node-tag">Your customization</span>
+        <h2 class="node-name">Recipe libraries</h2>
+        <p class="node-what">
+          One per team, pointed at with <code>RECIPE_LIBRARY_PATH</code>, resolved ahead of the small
+          bundled MetaMask library. Perps is the worked example.
+        </p>
+        <a class="node-url" href="https://github.com/MetaMask/experimental-metamask-recipe-perps">github.com/MetaMask/experimental-metamask-recipe-perps</a>
+        <span class="badge">private</span>
+        <a class="node-more" href="perps.html">How to point at one →</a>
+      </article>
+    </div>
+
+    <p class="map-edge">drives ↓</p>
+
+    <article class="node">
+      <span class="node-tag">What gets proved</span>
+      <h2 class="node-name">Product repos</h2>
+      <p class="node-what">
+        The real builds a recipe drives. Each also installs the skills — every one of the three has a
+        <code>skills</code> script running <code>metamask-skills sync</code>.
+      </p>
+      <a class="node-url" href="https://github.com/MetaMask/metamask-extension">github.com/MetaMask/metamask-extension</a>
+      <a class="node-url" href="https://github.com/MetaMask/metamask-mobile">github.com/MetaMask/metamask-mobile</a>
+      <a class="node-url" href="https://github.com/MetaMask/core">github.com/MetaMask/core</a>
+      <span class="badge">public</span>
+    </article>
+
+    <p class="map-edge">promoted learnings, via <code>@farmslot/handoff</code> ↓</p>
+
+    <article class="node">
+      <span class="node-tag">Opt-in output</span>
+      <h2 class="node-name">Learnings inbox</h2>
+      <p class="node-what">
+        Scrubbed learning packages staged from finished runs, for later review. A terminal mark stages
+        locally; sharing centrally is a separate, explicit step.
+      </p>
+      <a class="node-url" href="https://github.com/MetaMask/experimental-distributed-learnings">github.com/MetaMask/experimental-distributed-learnings</a>
+      <span class="badge">private</span>
+    </article>
+
+  </div>
+</section>
+
+<section class="wrap">
+  <div class="note">
+    <span class="note-title">Standing disclosure</span>
+    <p>
+      The farmslot <strong>control plane</strong> is experimental and sole-maintained. What is adopted
+      here is the spec and the engine — the npm packages above — not the control plane. Weigh that
+      before depending on anything beyond them.
+    </p>
+  </div>
+
+  <div class="btn-row">
+    <a class="btn btn-primary" href="perps.html">Customize it for your team →</a>
+    <a class="btn btn-ghost" href="architecture.html">How the layers fit</a>
+  </div>
+</section>
+</main>
+
+<footer class="footer">
+  <div class="wrap">
+    <p>Internal getting-started guide for proving MetaMask changes with recipes. Not official MetaMask product documentation.</p>
+    <p>Versions are the ones mm-harness pins today; check <code>package.json</code> over this page.</p>
+  </div>
+</footer>
+<script type="module" src="assets/progress.mjs?v=4"></script>
+</body>
+</html>

package/site/how-it-works.html

@@ -5,7 +5,8 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>How it works — proving a change with a recipe</title>
 <meta name="description" content="How a recipe proves a change on a real MetaMask build, checks itself before handoff, and stays behind as a regression guard. The full walkthrough, step by step.">
-<link rel="stylesheet" href="assets/style.css">
+<link rel="icon" href="assets/metamask-fox.svg" type="image/svg+xml">
+<link rel="stylesheet" href="assets/style.css?v=4">
 </head>
 <body data-progress-page="start">
 <a class="skip" href="#steps">Skip to the walkthrough</a>
@@ -13,18 +14,16 @@
 <header class="topbar">
   <div class="wrap topbar-inner">
     <a class="brand" href="index.html">
-      <span class="brand-mark" aria-hidden="true"></span>
+      <img class="brand-mark" src="assets/metamask-fox.svg" alt="" width="22" height="22">
       <span class="brand-name">recipes</span>
     </a>
     <nav class="nav" aria-label="Main">
       <a class="nav-cta" href="index.html#prompt">Quick start</a>
       <a href="how-it-works.html" aria-current="page">How it works</a>
-      <a href="recipes.html">Recipe anatomy</a>
-      <a href="perps.html">Perps</a>
+      <a href="perps.html">Team / Perps</a>
       <a href="cheatsheet.html">Cheatsheet</a>
       <a href="architecture.html">Architecture</a>
       <a href="tutorials/index.html">Tutorials</a>
-      <a href="reviewers.html">For Reviewers</a>
     </nav>
   </div>
 </header>
@@ -55,7 +54,7 @@
     <span>progress saves in this browser</span>
   </div>
   <p style="margin-top:.9rem;opacity:.7;font-size:.9rem;max-width:60ch">
-    A proposal for how agents can code at MetaMask — offered for teams to try, not an official standard.
+    A proposal for how agents can code at MetaMask — offered for teams to try.
   </p>
 </section>
 
@@ -663,9 +662,9 @@ artifacts (6):
   <h2>Next</h2>
   <div class="grid grid-3">
     <div class="card">
-      <h3>What a recipe is</h3>
+      <h3>Recipe anatomy</h3>
       <p>The graph, the intents, the assertions, and the test of whether yours is worth keeping.</p>
-      <p><a href="recipes.html">Recipes →</a></p>
+      <p><a href="recipes.html">Read the anatomy →</a></p>
     </div>
     <div class="card">
       <h3>Your team's library</h3>
@@ -688,6 +687,6 @@ artifacts (6):
   </div>
 </footer>
 
-<script type="module" src="assets/progress.mjs"></script>
+<script type="module" src="assets/progress.mjs?v=4"></script>
 </body>
 </html>