@augurworks/augur 0.15.1 → 0.15.2

package/agents/README.md

@@ -21,7 +21,7 @@ prototypes needs a **publish token**, and an agent gets one by device pairing, n
 asking anyone for a password:
 
 ```
-npx augur connect --origin https://<the workspace>
+npx @augurworks/augur connect --origin https://<the workspace>
 ```
 
 It prints one line to relay — *ask the owner of this workspace to open `<link>` and
@@ -31,7 +31,7 @@ signed in to and types the code; the token lands in `~/.config/augur/tokens.json
 it finds no token, so inside a workspace tree nothing has to be done first. On a workspace
 that serves drafts (`/.well-known/augur.json` says `drafts.enabled`), the everyday verbs
 are `augur open` and `augur land` instead — see [drafts.md](./drafts.md). To get the
-tree from a hostname, pair first, then `npx augur clone --space <id>` — it reads the
+tree from a hostname, pair first, then `npx @augurworks/augur clone --space <id>` — it reads the
 origin from the pairing.
 
 Not on npm yet? The engine clone sits next to every workspace that publishes:

package/agents/drafts.md

@@ -16,12 +16,6 @@ augur sync                               # only when land was refused: fold main
 That is it. There is no commit, no push, no build. The URL `land` prints is what you hand
 the person you are working for — never a localhost, never a `file://` path.
 
-A prototype that does not exist yet: `augur open --new <opportunity>/<name>` gives you an
-empty folder and an empty draft; write its `index.html` and land. The same works for a
-library demo (`components/<name>`, `base/…`, `patterns/…`, `pages/…`) and for the
-workspace's design system (`skills/<prefix>-ui`), which is one unit like any other.
-Without `--new`, a name that does not exist is refused rather than guessed at.
-
 ## What a draft is
 
 Your own live copy of one prototype, at its own address: the prototype's URL with `@` and

package/agents/identity.md

@@ -3,7 +3,7 @@
 ## Getting in, if you are an agent
 
 You do not need a login. Publishing needs a **publish token**, and the way to get one
-is device pairing: `npx augur connect --origin <the workspace>` prints a link and a
+is device pairing: `npx @augurworks/augur connect --origin <the workspace>` prints a link and a
 code, the owner enters the code in a browser they are already signed in to, and the
 token lands on this machine. Nobody's password is asked for, typed or stored. The
 instance says the same at `GET /llms.txt`. The full shape is in [README.md](./README.md)

package/changelog.md

@@ -20,6 +20,11 @@ The date is the day the update went live. The page works out "Today / 3 days ago
 
 ---
 
+## 2026-09-06 — Augur installs from npm
+Your agent can now fetch the Augur tool with one line, `npx @augurworks/augur`, on any
+machine with Node. Nothing to clone first: the workspace's own front door prints that
+line, and the rest is the code you approve in your browser.
+
 ## 2026-09-03 — Your agent finds the door on its own
 Point an agent at a workspace address and it now learns how to get in without
 asking you for a password: the site tells it to run `augur connect`, you approve a

package/package.json

@@ -1,20 +1,6 @@
 {
   "name": "@augurworks/augur",
-  "version": "0.15.1",
-  "description": "A prototype and research repository for product teams. Real, clickable prototypes and the design system they are built from, on one site with login, comments and live boards on top. Underneath it is all git and static HTML.",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/andratwiro/augur.git"
-  },
-  "homepage": "https://github.com/andratwiro/augur#readme",
-  "publishConfig": {
-    "access": "public"
-  },
-  "type": "module",
-  "bin": {
-    "augur": "scripts/cli.mjs"
-  },
+  "version": "0.15.2",
   "files": [
     "scripts/",
     "build.js",
@@ -31,6 +17,12 @@
     "TRADEMARKS.md",
     "changelog.md"
   ],
+  "license": "MIT",
+  "description": "A prototype and research repository for product teams. Real, clickable prototypes and the design system they are built from, on one site with login, comments and live boards on top. Underneath it is all git and static HTML.",
+  "type": "module",
+  "bin": {
+    "augur": "scripts/cli.mjs"
+  },
   "scripts": {
     "test": "node --test \"test/*.test.mjs\"",
     "smoke": "node scripts/smoke-invite.mjs",
@@ -53,5 +45,13 @@
   },
   "devDependencies": {
     "playwright": "^1.60.0"
-  }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/andratwiro/augur.git"
+  },
+  "homepage": "https://github.com/andratwiro/augur#readme"
 }

package/scripts/connect.mjs

@@ -7,7 +7,7 @@
  * transcript. This asks for neither: it prints a code, you type that code into a browser
  * that already has your session, and the token approval mints comes back here.
  *
- *   npx augur connect [--origin https://your.site]
+ *   npx @augurworks/augur connect [--origin https://your.site]
  *
  * `augur login` stays for CI and scripts, where there is no browser to type into.
  *

package/scripts/lib/draft.mjs

@@ -150,19 +150,11 @@ async function materialise(client, unit, table, dir) {
   }
 }
 
-async function doOpenImpl({ client, unit, dir, origin, space, session, now, isNew = false }) {
+async function doOpenImpl({ client, unit, dir, origin, space, session, now }) {
   if (fs.existsSync(dir) && fs.readdirSync(dir).length) return { ok: false, error: "folder-not-empty", dir };
   const createdFolder = !fs.existsSync(dir);
   const o = await client.open({ unit });
   if (o.status) return { ok: false, ...o };
-  // A unit with no files is one that does not exist yet. Creating one is a decision the
-  // caller states with `isNew`; without it, a typo would quietly open an empty draft on a
-  // prototype that was never there. Either mismatch hands the draft straight back.
-  const exists = Object.keys(o.table || {}).length > 0;
-  if (exists !== !isNew) {
-    try { await client.discard({ unit, draftId: o.draftId }); } catch (e) { /* best-effort */ }
-    return { ok: false, error: exists ? "unit-exists" : "unknown-unit", unit };
-  }
   // From here the server-side draft exists, so any failure below must both undo what we
   // wrote to disk and tell the server to drop the orphan — otherwise a retry finds a
   // half-materialised folder (`folder-not-empty`) and the draft it opened is never freed.
@@ -185,7 +177,7 @@ async function doOpenImpl({ client, unit, dir, origin, space, session, now, isNe
     throw err;
   }
   const others = (o.presence || []).filter((d) => d.id !== o.draftId);
-  return { ok: true, draftId: o.draftId, address: `${origin}${o.address}`, files: Object.keys(o.table).length, others, isNew: !exists };
+  return { ok: true, draftId: o.draftId, address: `${origin}${o.address}`, files: Object.keys(o.table).length, others };
 }
 
 async function doSaveImpl({ client, dir, baseRevision, baseTable }) {

package/scripts/no-tenant-globals.mjs

@@ -224,7 +224,6 @@ const ALLOWLIST = {
       "mcpHostAllowlist",
       "CANVAS_REGISTRY",
       "PITI_REMARKS",
-      "DERIVED",              // the two store reads a derived gallery needs, per manifest version — the status baseline and the design-system catalog
       "ROSTER_OVERLAY",
       "FREEZE_STATE",
       "SUSPENSION_STATE",
@@ -282,21 +281,6 @@ const ALLOWLIST = {
     },
   },
 
-  // The derived pages: pure renderers over the live store. Every table here is a fact
-  // about the engine's vocabulary — tier names, status words and glyphs, the emoji pool a
-  // card's leading glyph is picked from — the same for every workspace.
-  "src/galleries.mjs": {
-    frozen: [
-      "TIERS",        // the four library tiers whose demos are units
-      "TIER_TITLE",   // their titles
-      "TIER_COPY",    // their hints and empty states
-      "STATUS_META",  // status word → label + class
-      "STATUS_ICONS", // status word → glyph
-      "STATUS_RANK",  // the card order a status implies
-      "EMOJI_POOL",   // the leading-emoji pool, picked by slug hash
-    ],
-  },
-
   "src/bundle-keys.mjs": {
     frozen: [
       "BUNDLE_TENANCY",       // which bundle-store families carry a workspace segment; one word per family is the revert, and a deploy-wide fact — moved here from the worker so the workspace object shares the key shape

package/scripts/open.mjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-// augur open <prototype> [--new] [--dir <folder>] [--session <label>]
+// augur open <prototype> [--dir <folder>] [--session <label>]
 //
 // Open one prototype into a folder of its own, as a draft that is live at once at its own
 // address. Prints who else is drafting it. The folder holds only that prototype's files and
@@ -35,18 +35,15 @@ const session = process.env.AUGUR_SESSION || opt("--session") || `session-${proc
 const dir = path.resolve(opt("--dir") || unit.split("/").filter(Boolean).pop());
 
 const client = unitClient({ origin, token, space, session });
-const isNew = argv.includes("--new");
-const r = await doOpen({ client, unit, dir, origin, space, session, now: new Date().toISOString(), isNew });
+const r = await doOpen({ client, unit, dir, origin, space, session, now: new Date().toISOString() });
 if (!r.ok) {
   if (r.error === "folder-not-empty") die(`${r.dir} is not empty — pick another folder with --dir.`);
-  if (r.error === "unknown-unit") die(`${unit} does not exist here. To create it: \`augur open --new ${unit.replace(/^\/|\/$/g, "")}\`.`);
-  if (r.error === "unit-exists") die(`${unit} exists already — open it without --new.`);
   if (r.error === "units-not-configured") die("this instance does not serve drafts yet (no unit store bound).");
   if (r.error === "bad-unit" && r.reason === "reserved-folder") die(`${unit} sits under a folder the engine reserves — a prototype lives at <opportunity>/<prototype>.`);
   if (r.error === "bad-unit" && r.reason === "not-a-prototype-folder") die(`${unit} is not a prototype folder — name one as <opportunity>/<prototype>.`);
   die(`could not open: ${r.error || r.status}${r.reason ? ` (${r.reason})` : ""}`);
 }
-log(r.isNew ? `draft ${r.draftId} on ${unit} — a NEW prototype; ${dir} is empty, write its index.html there` : `draft ${r.draftId} on ${unit} — ${r.files} file(s) in ${dir}`);
+log(`draft ${r.draftId} on ${unit} — ${r.files} file(s) in ${dir}`);
 // The agent tool's hooks, installed for this machine the first time a draft is opened
 // here (idempotent; `AUGUR_NO_ADAPTERS=1` skips it — the suite and CI set it).
 if (!process.env.AUGUR_NO_ADAPTERS) {

package/seed/README.md

@@ -59,7 +59,7 @@ Three things are substituted on the way in:
 
 | What | Where | Substituted with |
 | --- | --- | --- |
-| The connect command | `CONNECT_COMMAND` in `start-here/prototypes/connect-your-terminal/index.html` | `npx augur connect --origin https://<label><suffix>`, the workspace's real address, filled the moment the page is published |
+| The connect command | `CONNECT_COMMAND` in `start-here/prototypes/connect-your-terminal/index.html` | `npx @augurworks/augur connect --origin https://<label><suffix>`, the workspace's real address, filled the moment the page is published |
 | Comment timestamps | `at` in `threads.json` | the provisioning time, so day-one threads do not read as months old |
 | File timestamps | `editedAt` on every file in the manifest | the same provisioning time, all of them |
 

package/seed/start-here/prototypes/connect-your-terminal/index.html

@@ -91,7 +91,7 @@
         <h2 class="s-h2">Run this where your agent runs</h2>
         <p class="s-prose">In the folder you want this workspace to live in, run:</p>
         <div class="s-cmd">
-          <code class="s-cmd__text" id="cmd-connect">npx augur connect your-workspace</code>
+          <code class="s-cmd__text" id="cmd-connect">npx @augurworks/augur connect your-workspace</code>
           <button type="button" class="s-cmd__btn" data-s-copy="#cmd-connect">Copy</button>
         </div>
         <p class="s-prose" style="margin-top: var(--starter-s4)">A browser tab opens and asks you to
@@ -105,7 +105,7 @@
           <div>
             <p class="ask__why">Paste this into your agent instead of running the command yourself.</p>
             <div class="s-cmd s-cmd--paste">
-              <code class="s-cmd__text s-cmd__text--plain" id="ask-agent">Run `npx augur connect your-workspace` in this folder. It will open a browser tab for me to approve — tell me when it is waiting, and tell me exactly what it prints when it finishes.</code>
+              <code class="s-cmd__text s-cmd__text--plain" id="ask-agent">Run `npx @augurworks/augur connect your-workspace` in this folder. It will open a browser tab for me to approve — tell me when it is waiting, and tell me exactly what it prints when it finishes.</code>
               <button type="button" class="s-cmd__btn" data-s-copy="#ask-agent">Copy</button>
             </div>
           </div>
@@ -311,7 +311,7 @@
               <p class="s-prose">Last one. Ask the agent to connect, in plain language — it runs the
                 command for you:</p>
               <div class="s-cmd s-cmd--paste">
-                <code class="s-cmd__text s-cmd__text--plain" id="ask-5-do">Run `npx augur connect your-workspace` in this folder. It will open a browser tab for me to approve — tell me when it is waiting, and tell me exactly what it prints when it finishes.</code>
+                <code class="s-cmd__text s-cmd__text--plain" id="ask-5-do">Run `npx @augurworks/augur connect your-workspace` in this folder. It will open a browser tab for me to approve — tell me when it is waiting, and tell me exactly what it prints when it finishes.</code>
                 <button type="button" class="s-cmd__btn" data-s-copy="#ask-5-do">Copy</button>
               </div>
               <p class="s-prose">Approve the tab that opens. The terminal now has a key of its own, so
@@ -369,7 +369,7 @@
     var host = location.hostname || "";
     var label = host.split(".")[0];
     var named = host.indexOf(".") > 0 && label && label !== "localhost" && !/^\d+$/.test(label);
-    return named ? "npx augur connect --origin https://" + host : "npx augur connect your-workspace";
+    return named ? "npx @augurworks/augur connect --origin https://" + host : "npx @augurworks/augur connect your-workspace";
   }
 
   var cmd = connectCommand();
@@ -377,7 +377,7 @@
   if (cmdEl) cmdEl.textContent = cmd;
   ["ask-agent", "ask-5-do"].forEach(function (id) {
     var el = document.getElementById(id);
-    if (el) el.textContent = el.textContent.replace(/npx augur connect [\w-]+/, cmd);
+    if (el) el.textContent = el.textContent.replace(/npx @augurworks/augur connect [\w-]+/, cmd);
   });
 
   /* ── Which path you are on ────────────────────────────────────────────────

package/src/_worker.js

@@ -104,10 +104,6 @@ import { PURGED_AUTHOR, purgeThreads, idCollisions } from "./purge.mjs";
 import { authoredUnits, unitOfPath, unitPaths } from "./publish-units.mjs";
 import { composePublish, forkLanded } from "./publish-compose.mjs";
 import { normUnit, splitDraftPath, unitTable, draftAddress, DRAFT_ID_RE } from "./unit-core.mjs";
-import {
-  siteModel, derivedPathKind, renderRootIndex, renderOpportunityIndex, renderPlaygroundIndex,
-  renderTierIndex, renderComponentsIndex, searchIndex, catalogFrom,
-} from "./galleries.mjs";
 // `F-fork-verb`. Fork as a deliberate verb — one unit aliased to a new path, zero bytes
 // moved — plus the rule that keeps a fork's lineage and owner alive across every later
 // publish. Both are pure, and both are the CLI's too if it ever needs them.
@@ -4337,7 +4333,7 @@ function resolveBundlePath(manifests, pathname) {
 // against. It is the first argument for the same reason `loadTenantContext` takes it
 // first: everything below reads one workspace's store, and a function that had to guess
 // would resolve a path against whatever the isolate happened to hold.
-async function assetFetch(tenantId, env, request, opts = {}) {
+async function assetFetch(tenantId, env, request) {
   if (!bundleMode(env)) return env.ASSETS.fetch(request);
   const url = new URL(request.url);
   // ── a draft address: the draft's table, not the manifest ─────────────────────────
@@ -4356,22 +4352,6 @@ async function assetFetch(tenantId, env, request, opts = {}) {
     return blobResponse(env, request, f);
   }
   const manifests = await loadManifests(tenantId, env);
-  // ── a design-system draft, across the site (`?ds=<draft>`, §5) ──────────────────
-  // A path under the workspace's declared skill folder resolves from THAT draft's table
-  // when the request carries one, so a shared change can be looked at on every prototype
-  // before it lands. Only the skill's own paths: a prototype's files never come from it,
-  // and a draft that does not hold the file falls through to main.
-  if (opts.dsDraft && DRAFT_ID_RE.test(opts.dsDraft) && decoded) {
-    const skill = Object.values(manifests)
-      .flatMap((m) => ((m && m.routing) || {}).publicSkillPrefixes || [])
-      .map(normUnit).find((p) => p && decoded.startsWith(p));
-    const stub = skill ? unitStub(env, tenantId, skill) : null;
-    if (stub) {
-      const dr = await unitCall(stub, `/draft/${opts.dsDraft}`, null, "GET");
-      const f = dr.status === 200 && dr.body.table ? dr.body.table[decoded] : null;
-      if (f) return blobResponse(env, request, f);
-    }
-  }
   const r = resolveBundlePath(manifests, url.pathname);
   if (r.redirect) return Response.redirect(new URL(r.redirect + url.search, url).toString(), 308);
   if (r.miss) return new Response("Not Found", { status: 404 });
@@ -5049,23 +5029,21 @@ const UNIT_CT_RE = /^[\w.+-]+\/[\w.+-]+(; ?charset=[\w-]+)?$/i;
 // to anonymous visitors, from a draft on a folder nobody edits.
 const isNewUnitPath = (unit) => unit.split("/").filter(Boolean).length === 2;
 // Top-level folders a NEW unit may not be created under. A landing replaces a unit's
-// folder wholesale, so the folders whose contents are GENERATED — the tokens page, the
-// primitives gallery, the changelog, the search index, fonts, engine chrome (`_`, `__`) —
-// are never a unit. The four library tiers are NOT here: `/components/button/` is one
-// demo folder, a unit like any prototype, and the tier's own index is a sibling file the
-// derived renderer owns. `skills` stays reserved with ONE exception, decided where the
-// workspace's declared design system is known (`unitApi`): the skill folder the space
-// names is the design-system unit. Stateless and the same on every workspace. A unit the
-// manifest ALREADY declares is never held to this: the manifest is the authority.
+// folder wholesale, so a draft opened on `/components/button/` or `/skills/x-ui/` would
+// have replaced the design system's or the gallery's own files with whatever one draft
+// held. These are the folders a site builds from and every prototype reads: the design
+// system, the gallery pages, the changelog, the search index, engine chrome (`_`, `__`).
+// Stateless and the same on every workspace — an opportunity folder is anything else,
+// `/playground/<name>/` included. A unit the manifest ALREADY declares is never held to
+// this: the manifest is the authority on what exists.
 const RESERVED_UNIT_FOLDERS = Object.freeze([
-  "skills", "tokens", "primitives", "fonts", "tracks", "admin", "changelog", "search",
+  "base", "components", "pages", "patterns", "skills", "tokens", "fonts",
+  "admin", "changelog", "search",
 ]);
 const isReservedUnitFolder = (unit) => {
   const first = unit.split("/").filter(Boolean)[0] || "";
   return first.startsWith("_") || RESERVED_UNIT_FOLDERS.includes(first);
 };
-/** The one unit allowed under `skills/`: the design system the workspace declares. */
-const isDeclaredSkillUnit = (unit, tctx) => ((tctx && tctx.PUBLIC_SKILL_PREFIXES) || []).some((p) => normUnit(p) === unit);
 const shortText = (s, n) => String(s == null ? "" : s).slice(0, n);
 // `tctx.SPACES` is a routing field, filled from the live manifests by `loadTenantContext`
 // on the request's normal path — which this route also goes through, since `handleRequest`
@@ -5162,11 +5140,7 @@ async function writeUnitLanding(tctx, env, spaceId, unit, table, changed, who, n
     // A unit the manifest already declares keeps the entry it has, spelling and all: the
     // set union that replaced it added a second, normalized entry beside one written
     // without its trailing slash, and two entries for one unit is two things to prune.
-    // The design-system unit is the one landing that adds NO public prefix: its public
-    // surface is the rendered-asset rule `publicSkillPrefixes` already spells, and a whole
-    // skill folder opened to the gate would expose the documents that rule keeps gated.
-    const skillUnit = ((cur.routing || {}).publicSkillPrefixes || []).some((p) => normUnit(p) === unit);
-    routing.publicPrefixes = authoredUnits(cur).has(unit) || skillUnit
+    routing.publicPrefixes = authoredUnits(cur).has(unit)
       ? [...(routing.publicPrefixes || [])]
       : [...(routing.publicPrefixes || []), unit];
     routing.unitSources = { ...(routing.unitSources || {}), [unit]: { sha: null, dirty: false, landed: true, by: who.personId, at: now } };
@@ -5323,7 +5297,7 @@ async function unitApi(tctx, request, url, env) {
   // reached, so a folder that is not one is never given a draft to be adopted from later.
   // A unit the space ALREADY publishes is a unit whatever its shape (the manifest is the
   // authority on what exists); anything else has to be the shape a new one is created in.
-  if (!authoredUnits(live).has(unit) && !isDeclaredSkillUnit(unit, tctx)) {
+  if (!authoredUnits(live).has(unit)) {
     if (!isNewUnitPath(unit)) return jsonResponse({ error: "bad-unit", reason: "not-a-prototype-folder" }, 400);
     if (isReservedUnitFolder(unit)) return jsonResponse({ error: "bad-unit", reason: "reserved-folder" }, 400);
   }
@@ -5975,7 +5949,7 @@ async function publishApi(tctx, request, url, env) {
         clientProtocol,
         minProtocol: tctx.MIN_CLIENT_PROTOCOL,
         protocol: PUBLISH_PROTOCOL,
-        upgrade: "npx augur@latest",
+        upgrade: "npx @augurworks/augur@latest",
       }, 426);
     }
     // Prune any publicPrefixes entry THIS manifest declares without backing it with
@@ -7264,94 +7238,6 @@ async function composeChrome(tctx, res, url) {
   return new Response(html, { status: res.status, statusText: res.statusText, headers });
 }
 
-// ---- Derived pages (drafts that land, §6.4) -------------------------------------
-// Where drafts are served, the gallery, each opportunity's index, the playground, the
-// library tiers and the finder's index are RENDERED HERE from the live store, so a landing
-// is on them at once and no client build ships them. The stored copies a publish once
-// baked are ignored on this path — they cannot know about a landing. Where drafts are not
-// served, nothing here runs and the stored pages serve exactly as before.
-//
-// Two store reads feed a render besides the manifest — the status baseline
-// (`/prototype-status.json`) and the design-system catalog (`/registry.json`) — cached per
-// manifest version; the status OVERLAY is read fresh every time, one get, as the status
-// route itself reads it. Per-request work after that is string rendering.
-const DERIVED = tenantCache("derived");
-const DERIVED_PATH_RE = /^\/(?:[^/]+\/?(?:index\.html)?|index\.html|__search\.json)?$/;
-async function derivedInputs(tctx, env, spaceId, manifest) {
-  const slot = DERIVED.entry(tctx.tenantId, () => ({ key: null, baseline: {}, catalog: {} }));
-  const key = `${spaceId}:${manifest.version}`;
-  if (slot.key === key) return slot;
-  const readJson = async (p) => {
-    const f = (manifest.files || {})[p];
-    if (!f || !env.BUNDLES) return null;
-    try {
-      const obj = await env.BUNDLES.get("blobs/" + f.h);
-      return obj ? JSON.parse(await obj.text()) : null;
-    } catch (e) { return null; }
-  };
-  const base = await readJson("/prototype-status.json");
-  const baseline = {};
-  for (const [k, v] of Object.entries(base && typeof base === "object" ? base : {})) {
-    if (!k.startsWith("_") && typeof v === "string") baseline[k] = v;
-  }
-  slot.baseline = baseline;
-  slot.catalog = catalogFrom(await readJson("/registry.json"));
-  slot.key = key;
-  return slot;
-}
-/** A derived page for this path, or null when the path is not one (or drafts are not served here). */
-async function derivedPage(tctx, env, url) {
-  if (!draftsServedHere(env) || !DERIVED_PATH_RE.test(url.pathname)) return null;
-  const manifests = await loadManifests(tctx.tenantId, env);
-  const spaceId = defaultSpaceIdFromCtx(tctx) || defaultSpaceIdFromManifests(manifests);
-  const manifest = spaceId ? manifests[spaceId] : null;
-  if (!manifest || !manifest.files) return null;
-  const inputs = await derivedInputs(tctx, env, spaceId, manifest);
-  const store = overlayFor(env, tctx);
-  let statuses = {};
-  try { statuses = store ? (await store.read("statuses")) || {} : {}; } catch (e) { statuses = {}; }
-  // A recorded author resolves to a face through the roster; an id nobody answers to
-  // (an ex-member, the `live` adoption) is nobody's face rather than a blank chip.
-  const people = (id) => { const f = personFace(tctx.USERS, id); return f.name ? { id, ...f } : null; };
-  const now = Date.now();
-  const model = siteModel({ manifest, statuses, baseline: inputs.baseline, people, now });
-  const kind = derivedPathKind(url.pathname, model);
-  if (!kind) return null;
-  const sp = (tctx.SPACES || []).find((s) => s.id === spaceId) || {};
-  const ctx = { spaces: tctx.SPACES || [], activeSpace: spaceId, chrome: tctx.CHROME_POINTER || null, projectsLabel: sp.projectsLabel || "", now };
-  if (kind.kind === "search") return jsonResponse(searchIndex(model, ctx), 200, { "Cache-Control": "no-cache" });
-  if (kind.kind === "opportunity" && !kind.slash) return Response.redirect(new URL(`/${encodeURIComponent(kind.name)}/${url.search}`, url).toString(), 308);
-  const html = kind.kind === "root" ? renderRootIndex(model, ctx)
-    : kind.kind === "opportunity" ? renderOpportunityIndex(model, kind.name, ctx)
-    : kind.kind === "playground" ? renderPlaygroundIndex(model, ctx)
-    : kind.kind === "tier" ? renderTierIndex(model, kind.tier, ctx)
-    : kind.kind === "components" ? renderComponentsIndex(model, inputs.catalog, ctx)
-    : null;
-  if (html == null) return null;
-  return new Response(html, { status: 200, headers: { "Content-Type": "text/html; charset=utf-8", "Cache-Control": ASSET_REVALIDATE } });
-}
-
-// ---- The design-system overlay cookie (`?ds=`) --------------------------------
-// `?ds=<draft>` on any page names a design-system draft to look through; the cookie keeps
-// it while the person navigates; `?ds=` with nothing drops it. A malformed id is nobody's
-// draft and touches no cookie. Members only — the branch that reads this is past the gate.
-const DS_COOKIE = "augur_ds";
-function dsOverlay(request, url) {
-  if (url.searchParams.has("ds")) {
-    const v = url.searchParams.get("ds") || "";
-    if (v === "") return { draft: null, setCookie: `${DS_COOKIE}=; Path=/; Max-Age=0; SameSite=Lax; Secure; HttpOnly` };
-    if (!DRAFT_ID_RE.test(v)) return { draft: null, setCookie: null };
-    return { draft: v, setCookie: `${DS_COOKIE}=${v}; Path=/; SameSite=Lax; Secure; HttpOnly` };
-  }
-  const c = cookieValue(request.headers.get("Cookie") || "", DS_COOKIE);
-  return { draft: c && DRAFT_ID_RE.test(c) ? c : null, setCookie: null };
-}
-function withSetCookie(res, cookie) {
-  const out = new Response(res.body, res);
-  out.headers.append("Set-Cookie", cookie);
-  return out;
-}
-
 // ---- The draft bar (drafts that land, §5) -------------------------------------
 // A prototype is raw HTML from a space and carries no chrome; a draft has no build step
 // that could bake one in. So a member looking at a unit's page — main or a draft address —
@@ -9149,7 +9035,7 @@ function doorFacts(tctx, url, env) {
     origin: url.origin,
     engine: tctx.INSTANCE_ENGINE_VERSION ? { version: tctx.INSTANCE_ENGINE_VERSION } : {},
     pairing: { enabled: pairing, start: "/__publish/_pair/start", approve: "/__connect" },
-    connect: pairing ? `npx augur connect --origin ${url.origin}` : null,
+    connect: pairing ? `npx @augurworks/augur connect --origin ${url.origin}` : null,
     docs: DOOR_DOCS,
     // Where drafts are served, a prototype is changed by opening it, not by shipping a
     // tree — and the door is where a cold agent learns which of the two this instance is.
@@ -9170,7 +9056,7 @@ function doorText(f) {
       + `It prints a link and a code. The owner of this workspace opens the link in a\n`
       + `browser they are already signed in to and enters the code. The token lands on\n`
       + `that machine, and \`augur publish\` / \`augur ship\` use it from then on. With no\n`
-      + `source tree yet, \`npx augur clone --space ${f.workspace}\` then fetches one (it reads\n`
+      + `source tree yet, \`npx @augurworks/augur clone --space ${f.workspace}\` then fetches one (it reads\n`
       + `the origin from the pairing).\n\n`
       + `Not on npm yet? The engine clone sits next to every workspace that publishes:\n\n`
       + `  node <engine>/scripts/cli.mjs connect --origin ${f.origin}\n\n`
@@ -12547,20 +12433,13 @@ async function handleRequest(request, env, ctx, url, trace) {
     // Past the gate (or nothing gates the site) → serve. A 404 gets one more chance
     // as a created canvas (a KV-registered board with no repo file — see canvasesApi).
     if (authed) {
-      // A design-system draft to look through (`?ds=`), remembered in a cookie.
-      const ds = dsOverlay(request, url);
-      const stamp = (res) => (ds.setCookie ? withSetCookie(res, ds.setCookie) : res);
-      // Where drafts are served, the gallery and its indexes are derived from the live
-      // store rather than read from it — a landing is on them at once.
-      const derived = await derivedPage(tctx, env, url);
-      if (derived) return stamp(derived.status === 308 ? derived : await serveContent(tctx, derived, url, me, env));
-      const asset = await assetFetch(tctx.tenantId, env, request, { dsDraft: ds.draft });
+      const asset = await assetFetch(tctx.tenantId, env, request);
       if (asset.status === 404) {
         const virt = await virtualCanvas(tctx, request, env, url);
-        if (virt) return stamp(virt);
-        return stamp(notFoundResponse(tctx));
+        if (virt) return virt;
+        return notFoundResponse(tctx);
       }
-      return stamp(await serveContent(tctx, asset, url, me, env));
+      return serveContent(tctx, asset, url, me, env);
     }
 
     // Created canvas boards are public like published prototypes — same obscure
@@ -12645,7 +12524,7 @@ export const __testables = Object.freeze({
   doorFacts, doorText, wantsMachineDoor, gateResponse, DOOR_DOCS, DOOR_WELL_KNOWN,
   resumeAfterDormancy,
   PITI_VIEW_KEY, PITI_REMARKS_KEY,
-  publishAuthDetailed, unitApi, unitCaller, personFace, withDraftUi, draftUiBoot, derivedPage, dsOverlay, isEngineChrome, publishRefusalBody, splitDraftPath,
+  publishAuthDetailed, unitApi, unitCaller, personFace, withDraftUi, draftUiBoot, isEngineChrome, publishRefusalBody, splitDraftPath,
   adminStorageApi,
   adminCustomDomainApi,
   isPrefixBacked, backedPublicPrefixes,

package/src/seed-pack.mjs

@@ -44,7 +44,7 @@
 //
 // ONE SUBSTITUTION. connect-your-terminal ships with an empty `CONNECT_COMMAND` slot and
 // derives a command from the URL it is served on. Provisioning fills the slot with the
-// workspace's REAL command — `npx augur connect --origin https://<label><suffix>` — so the
+// workspace's REAL command — `npx @augurworks/augur connect --origin https://<label><suffix>` — so the
 // page is exact rather than merely not wrong. The filled page hashes differently, so it is
 // the one blob that is per-workspace rather than shared; everything else dedups.
 
@@ -60,7 +60,7 @@ export const SEED_CONNECT_SLOT = 'var CONNECT_COMMAND = "";';
 /** The one-line command a person runs to pair a terminal with their workspace. */
 export function connectCommandFor(origin) {
   const o = String(origin || "").replace(/\/+$/, "");
-  return o ? `npx augur connect --origin ${o}` : "";
+  return o ? `npx @augurworks/augur connect --origin ${o}` : "";
 }
 
 /**

package/src/galleries.mjs

@@ -1,400 +0,0 @@
-// galleries.mjs — the pages a workspace DERIVES, rendered at serve time from the live store.
-//
-// docs/drafts-that-land.md §6.4. The gallery, each opportunity's index, the playground, the
-// library tiers and the search index used to be baked by a client's build and shipped with a
-// publish, so a landing could not appear on them until somebody published a tree. Here they
-// are a pure function of what the store holds: the live manifest (units, files, per-file
-// provenance), the status overlay, the roster (ids → faces) and the design-system catalog.
-// The worker calls this where drafts are served; the markup keeps the card contract the
-// chrome bundle's scripts read (class names and data-* attributes), so pins, renames, status
-// clicks, currency, faces and the finder keep working on a derived page exactly as they did
-// on a baked one.
-//
-// ⚠️ NO NODE IMPORTS, NO I/O. The worker runs this per request.
-import { renderAppChrome, renderSpaceContextScript, CHROME_MARK_START, CHROME_MARK_END, UI_VERSION, escAttr, titleCase, fmtDate, relTime } from "./chrome/appchrome.mjs";
-import { authoredUnits } from "./publish-units.mjs";
-import { unitProvenance, unitKey, STATUS_LABELS } from "./currency.mjs";
-
-export const TIERS = Object.freeze(["base", "components", "patterns", "pages"]);
-const TIER_TITLE = Object.freeze({ base: "Base", components: "Components", patterns: "Patterns", pages: "Pages" });
-
-const STATUS_META = Object.freeze({
-  "in-progress": { label: STATUS_LABELS["in-progress"], cls: "is-wip" },
-  "dev-ready": { label: STATUS_LABELS["dev-ready"], cls: "is-ready" },
-  ignore: { label: STATUS_LABELS.ignore, cls: "is-ignore" },
-});
-const STATUS_ICONS = Object.freeze({
-  "dev-ready": '<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="9" fill="#17935a"/><path d="M5.8 10.4l2.7 2.7 5.7-6" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>',
-  "in-progress": '<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="none" stroke="#1c1c22" stroke-width="2.2"/><path d="M10 2.8a7.2 7.2 0 0 1 0 14.4z" fill="#1c1c22"/></svg>',
-  ignore: '<svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8" fill="none" stroke="#aeb3bd" stroke-width="2.2"/><line x1="6.4" y1="10" x2="13.6" y2="10" stroke="#aeb3bd" stroke-width="2.2" stroke-linecap="round"/></svg>',
-});
-const STATUS_RANK = Object.freeze({ "dev-ready": 0, "in-progress": 1, ignore: 2 });
-const IC_STAR = `<svg class="pin-star" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"/></svg>`;
-// Spelled out rather than built with `ic()`: the module-scope lint reads a call initializer
-// as state it cannot prove pure, and a literal costs nothing.
-const IC_PLUS = `<svg class="gvic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 5v14"/><path d="M5 12h14"/></svg>`;
-const EMOJI_POOL = Object.freeze(["🗳️", "🏛️", "📊", "🧭", "🛰️", "🧩", "🪧", "🌳", "🚲", "📣", "🗺️", "🧪", "💡", "🔭", "🪟", "🧱", "🎛️", "🛣️", "🧰", "📐", "🧮", "🗂️", "🔔", "🏘️", "🌍", "💬", "📝", "🚏", "🏙️", "🌿", "🎚️", "🧷"]);
-
-const dec = (s) => { try { return decodeURIComponent(String(s)); } catch (e) { return String(s); } };
-const enc = (s) => encodeURIComponent(s);
-const plural = (n, word) => `${n} ${n === 1 ? word : word.endsWith("y") ? word.slice(0, -1) + "ies" : word + "s"}`;
-function protoEmoji(slug) {
-  let h = 0;
-  for (let i = 0; i < slug.length; i++) h = (h * 31 + slug.charCodeAt(i)) >>> 0;
-  return EMOJI_POOL[h % EMOJI_POOL.length];
-}
-const protoName = (slug) => `${protoEmoji(slug)} ${titleCase(slug)}`;
-
-// ── the site model ───────────────────────────────────────────────────────────
-/** Which list a unit belongs to, from its path alone. */
-export function unitHome(unit) {
-  const segs = dec(unit).split("/").filter(Boolean);
-  if (segs.length !== 2) return null;
-  if (segs[0] === "playground") return { kind: "playground", name: segs[1] };
-  if (TIERS.includes(segs[0])) return { kind: "tier", tier: segs[0], name: segs[1] };
-  if (segs[0].startsWith("_") || segs[0] === "skills") return null;
-  return { kind: "opportunity", opp: segs[0], name: segs[1] };
-}
-
-function unitEntry(manifest, unit, home, { statuses, baseline, people, now }) {
-  const files = manifest.files || {};
-  const prefix = dec(unit);
-  const inUnit = Object.keys(files).filter((p) => dec(p).startsWith(prefix));
-  const rel = (p) => dec(p).slice(prefix.length);
-  const hasIndex = inUnit.some((p) => rel(p) === "index.html");
-  const firstHtml = inUnit.map(rel).filter((r) => !r.includes("/") && r.endsWith(".html")).sort()[0] || null;
-  const file = hasIndex ? `${unit}index.html` : firstHtml ? `${unit}${enc(firstHtml)}` : null;
-  const { editedAt, by } = unitProvenance(manifest, unit);
-  const key = unitKey(unit);
-  const status = (statuses && Object.prototype.hasOwnProperty.call(statuses, key) && statuses[key])
-    || (baseline && baseline[key]) || null;
-  const ids = [...new Set(inUnit.map((p) => files[p] && files[p].by).filter(Boolean))];
-  const editors = ids.map((id) => people(id)).filter(Boolean);
-  return {
-    name: home.name, unit, href: unit, file,
-    poster: inUnit.some((p) => rel(p) === "preview.webp"),
-    editedAt: editedAt || null,
-    mtimeMs: editedAt ? Date.parse(editedAt) : 0,
-    status, editors, by,
-  };
-}
-
-const byRecency = (a, b) => b.mtimeMs - a.mtimeMs || a.name.localeCompare(b.name);
-const byStatusThenRecency = (a, b) => {
-  const ra = a.status in STATUS_RANK ? STATUS_RANK[a.status] : 2;
-  const rb = b.status in STATUS_RANK ? STATUS_RANK[b.status] : 2;
-  return ra - rb || byRecency(a, b);
-};
-
-/**
- * Everything the derived pages need, from the live manifest and the overlays.
- * `people(id) → {id, name, initials, color} | null` resolves a recorded author id.
- */
-export function siteModel({ manifest, statuses = {}, baseline = {}, people = () => null, now = Date.now() }) {
-  const opps = new Map(), playground = [], tiers = { base: [], components: [], patterns: [], pages: [] };
-  const units = [];
-  for (const unit of authoredUnits(manifest || {})) {
-    const home = unitHome(unit);
-    if (!home) continue;
-    const e = unitEntry(manifest, unit, home, { statuses, baseline, people, now });
-    units.push({ ...e, home });
-    if (home.kind === "playground") { playground.push({ ...e, status: e.status || "in-progress" }); continue; }
-    if (home.kind === "tier") { tiers[home.tier].push(e); continue; }
-    if (!opps.has(home.opp)) opps.set(home.opp, { name: home.opp, prototypes: [] });
-    opps.get(home.opp).prototypes.push(e);
-  }
-  const opportunities = [...opps.values()].map((o) => {
-    o.prototypes.sort(byStatusThenRecency);
-    const seen = new Map();
-    for (const p of o.prototypes) for (const u of p.editors) if (!seen.has(u.id)) seen.set(u.id, u);
-    return { ...o, people: [...seen.values()], mtimeMs: Math.max(0, ...o.prototypes.map((p) => p.mtimeMs)) };
-  }).sort(byRecency);
-  playground.sort(byStatusThenRecency);
-  for (const t of TIERS) tiers[t].sort(byRecency);
-  return { opportunities, playground, tiers, hasPlayground: playground.length > 0, units };
-}
-
-/** What a request path names on the derived surface, or null for anything else. */
-export function derivedPathKind(pathname, model) {
-  const p = dec(pathname);
-  if (p === "/" || p === "/index.html") return { kind: "root" };
-  if (p === "/__search.json") return { kind: "search" };
-  const m = /^\/([^/]+)\/?(index\.html)?$/.exec(p);
-  if (!m) return null;
-  const seg = m[1];
-  if (seg === "playground") return model.hasPlayground || p.endsWith("/") ? { kind: "playground" } : null;
-  if (TIERS.includes(seg)) return { kind: seg === "components" ? "components" : "tier", tier: seg };
-  if (model.opportunities.some((o) => o.name === seg)) return { kind: "opportunity", name: seg, slash: p.endsWith("/") || p.endsWith("index.html") };
-  return null;
-}
-
-// ── markup ───────────────────────────────────────────────────────────────────
-const media = (href, hasPoster) => hasPoster
-  ? `<img class="preview-img" src="${href}preview.webp" alt="" aria-hidden="true" loading="lazy" decoding="async" width="768" height="480" />`
-  : `<div class="preview-ph" aria-hidden="true"></div>`;
-const preview = (href, hasPoster) => `<div class="preview${hasPoster ? "" : " preview--ph"}">${media(href, hasPoster)}</div>`;
-const filterEmpty = () => `<p class="filter-empty" data-filter-empty hidden>No matches.</p>`;
-const pinStar = (key, href) => `<button type="button" class="pin-btn" data-pin-key="${key}" data-pin-href="${href}" aria-pressed="false" aria-label="Pin to sidebar" title="Pin to sidebar">${IC_STAR}</button>`;
-const newCanvasBtn = (dir) => `<button type="button" class="folderbar__new" data-new-canvas="${dir}" hidden>${IC_PLUS}New canvas</button>`;
-const emptyState = (...paras) => paras.map((p) => `<p class="empty">${p}</p>`).join("");
-const emptyHead = (title, keepOnMobile = false) =>
-  `<header class="folderbar${keepOnMobile ? " folderbar--keep" : ""}"><h1 class="folderbar__title">${title}</h1><span class="folderbar__count">0</span><span class="folderbar__rule"></span></header>`;
-const ghostLine = (w) => `<span class="ghost-line" style="width:${w}"></span>`;
-const ghosts = (inner) => `<div class="ghosts" aria-hidden="true">${inner}</div>`;
-const ghostFolderGrid = (n = 6) => ghosts(`<div class="opp-grid">${Array.from({ length: n }, () => `<div class="card-opp"><div class="preview preview--pending"></div><div class="proto-meta"><div class="proto-text">${ghostLine("58%")}${ghostLine("30%")}</div></div></div>`).join("")}</div>`);
-const ghostCardGrid = (n = 8) => ghosts(`<div class="page-grid">${Array.from({ length: n }, () => `<div class="card-proto is-pending"><div class="preview preview--pending"></div><div class="proto-meta">${ghostLine("56%")}</div></div>`).join("")}</div>`);
-const ghostCompTable = (n = 4) => ghosts(`<table class="comp-table"><thead><tr><th>Preview</th><th>Component</th><th>What it is</th><th class="comp-status">Status</th></tr></thead><tbody>${Array.from({ length: n }, () => `<tr><td><span class="ghost-thumb"></span></td><td><div class="comp-name">${ghostLine("110px")}</div><div class="comp-badges"><span class="ghost-chip" style="width:54px"></span><span class="ghost-chip" style="width:40px"></span></div></td><td><div class="comp-desc">${ghostLine("100%")}${ghostLine("62%")}</div></td><td class="comp-status"><span class="ghost-dot"></span></td></tr>`).join("")}</tbody></table>`);
-
-function faceChip(u, cls) {
-  const ini = escAttr((u.initials || (u.name || "?").slice(0, 2)).toUpperCase());
-  const label = escAttr(u.name || "Someone");
-  return `<span class="${cls}" style="background-color:${u.color || "#4f46e5"}" data-person="${escAttr(u.id)}" title="${label}" aria-label="${label}">${ini}</span>`;
-}
-function facePile(people, cap = 5) {
-  if (!people || !people.length) return "";
-  const shown = people.slice(0, cap), extra = people.length - shown.length;
-  const chips = shown.map((u) => faceChip(u, "proto-editor opp-face")).join("");
-  const more = extra > 0 ? `<span class="proto-editor opp-face opp-face--more" title="+${extra} more">+${extra}</span>` : "";
-  return `<span class="opp-people" role="group" aria-label="Contributors">${chips}${more}</span>`;
-}
-function currencyLine(key, p, now) {
-  const cur = STATUS_META[p.status] ? p.status : "ignore";
-  const word = cur === "ignore" ? "" : `<span class="proto-state ${STATUS_META[cur].cls}">${STATUS_META[cur].label}</span> &middot; `;
-  const when = p.mtimeMs ? `<span class="proto-when" title="${fmtDate(p.mtimeMs)}">${relTime(p.mtimeMs, now)}</span>` : `<span class="proto-when"></span>`;
-  return `<div class="proto-date" data-currency="${escAttr(key)}">${word}${when}</div>`;
-}
-function statusChip(status, key) {
-  const cur = STATUS_META[status] ? status : "ignore";
-  const aria = `Status: ${STATUS_META[cur].label}. Click to change.`;
-  return `<button type="button" class="status-chip ${STATUS_META[cur].cls}" data-status-key="${key}" data-status="${cur}" aria-label="${aria}" title="${aria}">${STATUS_ICONS[cur]}</button>`;
-}
-const compStatusChip = (name) => {
-  const aria = "Validation: In progress. Click to mark reviewed.";
-  return `<button type="button" class="status-chip is-wip" data-comp-status-key="components/${name}" data-status="in-progress" aria-label="${aria}" title="${aria}">${STATUS_ICONS["in-progress"]}</button>`;
-};
-function metaBadges(meta) {
-  const layer = meta.layer ? `<span class="cbadge cbadge--layer-${escAttr(meta.layer)}">${escAttr(meta.layer)}</span>` : "";
-  const surf = meta.surface ? `<span class="cbadge cbadge--surf">${escAttr(meta.surface)}</span>` : "";
-  const cat = meta.category ? `<span class="cbadge cbadge--cat">${escAttr(meta.category)}</span>` : "";
-  const stat = meta.status ? `<span class="cbadge cbadge--st-${escAttr(meta.status)}">${escAttr(meta.status)}</span>` : "";
-  return `<div class="comp-badges">${layer}${surf}${cat}${stat}</div>`;
-}
-
-/** The page skeleton the build used to emit, with the CURRENT chrome. */
-export function shell({ title, body, activeTab = "prototypes", wrapClass = "", ctx }) {
-  const state = { spaces: ctx.spaces || [], activeSpace: ctx.activeSpace || "", opportunities: [], hasPlayground: !!ctx.hasPlayground };
-  const css = ctx.chrome && ctx.chrome.css ? `/${ctx.chrome.css}` : "";
-  const js = ctx.chrome && ctx.chrome.js ? `/${ctx.chrome.js}` : "";
-  return `<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
-  <meta name="robots" content="noindex, nofollow" />
-  <title>${escAttr(title)}</title>
-  <link rel="icon" type="image/png" href="/augur-mark.png?v=${UI_VERSION}" />
-  <link rel="apple-touch-icon" href="/augur-mark.png?v=${UI_VERSION}" />
-  <link rel="manifest" href="/manifest.webmanifest" />
-  <meta name="theme-color" content="#2C2150" />
-  <link rel="preload" href="/fonts/inter-latin-wght-normal.woff2" as="font" type="font/woff2" crossorigin />
-${js ? `  <link rel="preload" href="${js}" as="script" />\n` : ""}${css ? `  <link rel="stylesheet" href="${css}" />\n` : ""}</head>
-<body>
-  ${CHROME_MARK_START(state.activeSpace, activeTab, state.hasPlayground)}${renderAppChrome(activeTab, state, {})}${CHROME_MARK_END}
-  <div class="wrap${wrapClass ? " " + wrapClass : ""}">
-    ${body}
-  </div>
-  <script>${renderSpaceContextScript(state)}
-  </script>
-${js ? `  <script defer src="${js}"></script>\n` : ""}  <script type="speculationrules">${JSON.stringify({ prefetch: [{ where: { and: [{ href_matches: "/*" }, { not: { href_matches: "/__*" } }] }, eagerness: "moderate" }] })}</script>
-</body>
-</html>
-`;
-}
-
-const folderbar = (title, count, extra = "") => `<header class="folderbar"><h1 class="folderbar__title">${title}</h1><span class="folderbar__count">${count}</span><span class="folderbar__rule"></span>${extra}</header>`;
-
-export function renderRootIndex(model, ctx) {
-  const label = ctx.projectsLabel || "Projects";
-  if (!model.opportunities.length) {
-    return shell({ title: "Augur", wrapClass: "wrap--wide", ctx: { ...ctx, hasPlayground: model.hasPlayground },
-      body: emptyHead(label) + ghostFolderGrid() + emptyState("Ask your agent for a clickable prototype and it shows up here, ready to send.") });
-  }
-  const cards = model.opportunities.map((opp) => {
-    const oppPath = `${enc(opp.name)}/`;
-    const cover = opp.prototypes[0];
-    const coverSrc = cover ? cover.href : "";
-    return `
-        <div class="card-opp" data-fitem data-fkey="${titleCase(opp.name)}">
-          <a class="card-cover-link" href="${oppPath}" aria-label="Open ${titleCase(opp.name)}"></a>
-          ${preview(coverSrc, cover && cover.poster)}
-          <div class="opp-meta">
-            <div class="opp-name-row"><div class="proto-name">${titleCase(opp.name)}</div>${facePile(opp.people)}</div>
-            <div class="proto-date">${plural(opp.prototypes.length, "prototype")} &middot; <span class="proto-when" data-currency-folder="${escAttr(opp.name)}" title="${opp.mtimeMs ? fmtDate(opp.mtimeMs) : ""}">${opp.mtimeMs ? relTime(opp.mtimeMs, ctx.now) : ""}</span></div>
-          </div>
-        </div>`;
-  }).join("");
-  return shell({ title: "Augur", wrapClass: "wrap--wide", ctx: { ...ctx, hasPlayground: model.hasPlayground },
-    body: `${folderbar(label, model.opportunities.length)}<div data-fgroup><div class="opp-grid">${cards}</div></div>${filterEmpty()}` });
-}
-
-export function renderOpportunityIndex(model, oppName, ctx) {
-  const opp = model.opportunities.find((o) => o.name === oppName);
-  if (!opp) return null;
-  const label = (ctx.projectsLabel || "Projects").toLowerCase();
-  const cards = opp.prototypes.map((p) => {
-    const download = p.file ? `<button type="button" data-dl="${p.file}" data-dlname="${enc(p.name)}.html" aria-label="Download HTML" hidden></button>` : "";
-    const pinKey = `/${enc(opp.name)}/${enc(p.name)}/`;
-    const dname = protoName(p.name);
-    const key = `${opp.name}/${p.name}`;
-    return `
-        <div class="card-proto" data-fitem data-fkey="${titleCase(p.name)}" data-rename-key="${key}" data-default-name="${dname}" data-del-space="${escAttr(ctx.activeSpace || "")}" data-del-path="${opp.name}/prototypes/${p.name}">
-          <div class="preview">
-            ${media(p.href, p.poster)}
-            <a class="preview-link" href="${p.href}" aria-label="Open ${titleCase(p.name)}"></a>
-            <div class="preview-actions">
-              ${download}
-              ${pinStar(pinKey, pinKey)}
-            </div>
-            ${statusChip(p.status, key)}
-          </div>
-          <div class="proto-meta">
-            <div class="proto-text">
-              <div class="proto-name">${dname}</div>
-              ${currencyLine(key, p, ctx.now)}
-            </div>
-            ${facePile(p.editors)}
-          </div>
-        </div>`;
-  }).join("");
-  const up = `<a class="folderbar__up" href="/" aria-label="All ${label}" title="All ${label}"><svg viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></a>`;
-  return shell({ title: titleCase(opp.name), activeTab: opp.name, wrapClass: "wrap--wide", ctx: { ...ctx, hasPlayground: model.hasPlayground },
-    body: `<header class="folderbar">${up}<h1 class="folderbar__title">${titleCase(opp.name)}</h1><span class="folderbar__count">${opp.prototypes.length}</span><span class="folderbar__rule"></span>${newCanvasBtn(`/${opp.name}/`)}</header><div data-fgroup><div class="page-grid is-3up">${cards}</div></div>${filterEmpty()}` });
-}
-
-export function renderPlaygroundIndex(model, ctx) {
-  const c = { ...ctx, hasPlayground: model.hasPlayground };
-  if (!model.playground.length) {
-    return shell({ title: "Playground", activeTab: "playground", wrapClass: "wrap--wide", ctx: c,
-      body: emptyHead("Playground") + ghostFolderGrid() + emptyState("Ask your agent for something quick that doesn't need a project.") });
-  }
-  const cards = model.playground.map((p) => {
-    const folder = `${enc(p.name)}/`;
-    const pinKey = `/playground/${enc(p.name)}/`;
-    const dname = protoName(p.name);
-    const key = `playground/${p.name}`;
-    return `
-        <div class="card-opp" data-fitem data-fkey="${titleCase(p.name)}" data-rename-key="${key}" data-default-name="${dname}" data-del-space="${escAttr(ctx.activeSpace || "")}" data-del-path="playground/${p.name}">
-          <a class="card-cover-link" href="${folder}" aria-label="Open ${titleCase(p.name)}"></a>
-          <div class="preview">
-            ${media(p.href, p.poster)}
-            ${statusChip(p.status, key)}
-          </div>
-          <div class="preview-actions">${pinStar(pinKey, pinKey)}</div>
-          <div class="proto-meta">
-            <div class="proto-text">
-              <div class="proto-name">${dname}</div>
-              ${currencyLine(key, p, ctx.now)}
-            </div>
-            ${facePile(p.editors)}
-          </div>
-        </div>`;
-  }).join("");
-  return shell({ title: "Playground", activeTab: "playground", wrapClass: "wrap--wide", ctx: c,
-    body: `${folderbar("Playground", model.playground.length, newCanvasBtn("/playground/"))}<div data-fgroup><div class="opp-grid">${cards}</div></div>${filterEmpty()}` });
-}
-
-const TIER_COPY = Object.freeze({
-  base: { addHint: 'The atoms every screen here borrows: buttons, inputs, cards, badges, modal, icons. Components and Patterns are built out of these, and all of them wear <a href="/tokens/">Tokens</a>.', empty: "Ask your agent for your buttons, inputs and cards, one page each." },
-  patterns: { addHint: "Layouts that keep coming back: several Components arranged the way real screens arrange them again and again.", empty: 'Build a few <a href="/pages/">Pages</a> first, then ask your agent to pull out what repeats.' },
-  pages: { addHint: "", empty: "Ask your agent to build a whole screen out of your design system." },
-});
-
-export function renderTierIndex(model, tier, ctx) {
-  if (!TIER_COPY[tier]) return null;
-  const items = model.tiers[tier] || [];
-  const title = TIER_TITLE[tier];
-  const c = { ...ctx, hasPlayground: model.hasPlayground };
-  if (!items.length) {
-    return shell({ title, activeTab: tier, wrapClass: "wrap--wide", ctx: c, body: emptyHead(title, true) + ghostCardGrid() + emptyState(TIER_COPY[tier].empty) });
-  }
-  const card = (p) => `
-        <div class="card-proto" data-fitem data-fkey="${titleCase(p.name)}" data-rename-key="${tier}/${p.name}" data-default-name="${titleCase(p.name)}">
-          <div class="preview">
-            ${media(p.href, p.poster)}
-            <a class="preview-link" href="${p.href}" aria-label="Open ${titleCase(p.name)}"></a>
-          </div>
-          <div class="proto-meta">
-            <div class="proto-name">${titleCase(p.name)}</div>
-          </div>
-        </div>`;
-  const hint = TIER_COPY[tier].addHint ? `<p class="tier-hint">${TIER_COPY[tier].addHint}</p>` : "";
-  return shell({ title, activeTab: tier, wrapClass: "wrap--wide", ctx: c,
-    body: `${folderbar(title, items.length)}${hint}<div class="page-grid">${items.map(card).join("")}</div>${filterEmpty()}` });
-}
-
-/** The catalog a components table reads: registry.json → {slug → {name, classes, desc, meta}}. */
-export function catalogFrom(registry) {
-  const out = {};
-  for (const it of (registry && registry.items) || []) {
-    if (!it || !it.name || it.type === "page") continue;
-    const fams = it.classes || (it.class ? [it.class] : []);
-    out[it.name] = {
-      name: it.label || titleCase(it.name),
-      classes: (it.cssClasses || fams).map((f) => "." + f).join(" / "),
-      desc: it.description || "",
-      meta: it.meta || null,
-    };
-  }
-  return out;
-}
-
-export function renderComponentsIndex(model, catalog, ctx) {
-  const items = model.tiers.components || [];
-  const c = { ...ctx, hasPlayground: model.hasPlayground };
-  if (!items.length) {
-    return shell({ title: "Components", activeTab: "components", wrapClass: "wrap--wide", ctx: c,
-      body: emptyHead("Components", true) + ghostCompTable() + emptyState("Ask your agent for a component you keep rebuilding, like a search field.") });
-  }
-  const rows = items.map((it) => {
-    const blurb = (catalog && catalog[it.name]) || { name: "", classes: "", desc: "", meta: null };
-    const dname = blurb.name || titleCase(it.name);
-    const classes = blurb.classes ? `<code>${escAttr(blurb.classes)}</code>` : "";
-    const badges = blurb.meta ? metaBadges(blurb.meta) : "";
-    const tags = blurb.meta && blurb.meta.tags && blurb.meta.tags.length ? `<div class="comp-tags">${blurb.meta.tags.map((t) => `<span>#${escAttr(t)}</span>`).join("")}</div>` : "";
-    const metaKey = blurb.meta ? [blurb.meta.surface, blurb.meta.category, blurb.meta.status, ...(blurb.meta.tags || [])].filter(Boolean).join(" ") : "";
-    const fkey = `${dname} ${blurb.classes} ${blurb.desc} ${metaKey}`.replace(/<[^>]+>/g, " ").replace(/"/g, "");
-    return `
-        <tr data-fitem data-fkey="${escAttr(fkey)}" data-rename-key="components/${it.name}" data-default-name="${escAttr(dname)}">
-          <td>
-            <a class="comp-thumb" href="${it.href}" aria-label="Open ${escAttr(dname)}">
-              ${media(it.href, it.poster)}
-            </a>
-          </td>
-          <td><div class="comp-name"><span class="proto-name">${escAttr(dname)}</span>${classes}</div>${badges}${tags}</td>
-          <td><div class="comp-desc" data-desc-key="components/${it.name}#desc">${escAttr(blurb.desc)}</div></td>
-          <td class="comp-status">${compStatusChip(it.name)}</td>
-        </tr>`;
-  }).join("");
-  return shell({ title: "Components", activeTab: "components", wrapClass: "wrap--wide", ctx: c,
-    body: `${folderbar("Components", items.length)}<table class="comp-table">
-      <thead><tr><th>Preview</th><th>Component</th><th>What it is</th><th class="comp-status">Status</th></tr></thead>
-      <tbody>${rows}</tbody>
-    </table>${filterEmpty()}` });
-}
-
-/** The rail's finder index — every navigable thing, the shape the chrome bundle reads. */
-export function searchIndex(model, ctx) {
-  const idx = [{ t: ctx.projectsLabel || "Projects", y: "Index", u: "/" }];
-  if (model.hasPlayground) idx.push({ t: "Playground", y: "Index", u: "/playground/" });
-  for (const t of ["pages", "components", "base", "patterns"]) if (model.tiers[t].length) idx.push({ t: TIER_TITLE[t], y: "Index", u: `/${t}/` });
-  const thumb = (p) => (p.poster ? { th: `${p.href}preview.webp` } : {});
-  for (const opp of model.opportunities) {
-    const cover = opp.prototypes[0];
-    idx.push({ t: titleCase(opp.name), y: "Folder", u: `/${enc(opp.name)}/`, ...(cover ? thumb(cover) : {}) });
-    for (const p of opp.prototypes) idx.push({ t: titleCase(p.name), y: "Prototype", g: titleCase(opp.name), u: p.href, k: `${opp.name}/${p.name}`, ...thumb(p) });
-  }
-  for (const p of model.playground) idx.push({ t: titleCase(p.name), y: "Playground", u: p.href, k: `playground/${p.name}`, ...thumb(p) });
-  for (const p of model.tiers.pages) idx.push({ t: titleCase(p.name), y: "Page", u: p.href, k: `pages/${p.name}`, ...thumb(p) });
-  for (const p of model.tiers.components) idx.push({ t: titleCase(p.name), y: "Component", u: p.href, k: `components/${p.name}`, ...thumb(p) });
-  return idx;
-}