@crvouga/mockingbird-service-payload-cms 1.3.0 → 1.5.0

package/dist/{chunk-BB273WDT.js → chunk-7HS4CTPK.js}

@@ -176,30 +176,30 @@ var createClock = (source = Date.now) => {
 var Collection = class {
   sqlite;
   namespace;
-  name;
-  constructor(sqlite, namespace, name) {
+  collectionName;
+  constructor(sqlite, namespace, collectionName) {
     this.sqlite = sqlite;
     this.namespace = namespace;
-    this.name = name;
+    this.collectionName = collectionName;
   }
   bumpCollectionSeq() {
-    const row = this.sqlite.prepare("SELECT value FROM mockingbird_sequences WHERE namespace = ? AND name = ? AND kind = 'collection'").get(this.namespace, this.name);
+    const row = this.sqlite.prepare("SELECT value FROM mockingbird_sequences WHERE namespace = ? AND name = ? AND kind = 'collection'").get(this.namespace, this.collectionName);
     const next = (row?.value ?? 0) + 1;
     this.sqlite.prepare(`INSERT INTO mockingbird_sequences (namespace, name, kind, value) VALUES (?, ?, 'collection', ?)
-         ON CONFLICT(namespace, name, kind) DO UPDATE SET value = excluded.value`).run(this.namespace, this.name, next);
+         ON CONFLICT(namespace, name, kind) DO UPDATE SET value = excluded.value`).run(this.namespace, this.collectionName, next);
     return next;
   }
   nextSequence() {
     return this.sqlite.transaction(() => this.bumpCollectionSeq());
   }
   get(id) {
-    const row = this.sqlite.prepare("SELECT value FROM mockingbird_records WHERE namespace = ? AND collection = ? AND id = ?").get(this.namespace, this.name, id);
+    const row = this.sqlite.prepare("SELECT value FROM mockingbird_records WHERE namespace = ? AND collection = ? AND id = ?").get(this.namespace, this.collectionName, id);
     if (!row)
       return void 0;
     return JSON.parse(row.value).value;
   }
   has(id) {
-    const row = this.sqlite.prepare("SELECT 1 AS ok FROM mockingbird_records WHERE namespace = ? AND collection = ? AND id = ?").get(this.namespace, this.name, id);
+    const row = this.sqlite.prepare("SELECT 1 AS ok FROM mockingbird_records WHERE namespace = ? AND collection = ? AND id = ?").get(this.namespace, this.collectionName, id);
     return row !== void 0;
   }
   /** Insert a new record, assigning it the next sequence number. */
@@ -209,32 +209,32 @@ var Collection = class {
       const stored = { seq, value };
       this.sqlite.prepare(`INSERT INTO mockingbird_records (namespace, collection, id, seq, value)
            VALUES (?, ?, ?, ?, ?)
-           ON CONFLICT(namespace, collection, id) DO UPDATE SET seq = excluded.seq, value = excluded.value`).run(this.namespace, this.name, id, seq, JSON.stringify(stored));
+           ON CONFLICT(namespace, collection, id) DO UPDATE SET seq = excluded.seq, value = excluded.value`).run(this.namespace, this.collectionName, id, seq, JSON.stringify(stored));
       return stored;
     });
   }
   /** Replace an existing record's value, keeping its position. */
   update(id, value) {
     return this.sqlite.transaction(() => {
-      const row = this.sqlite.prepare("SELECT seq, value FROM mockingbird_records WHERE namespace = ? AND collection = ? AND id = ?").get(this.namespace, this.name, id);
+      const row = this.sqlite.prepare("SELECT seq, value FROM mockingbird_records WHERE namespace = ? AND collection = ? AND id = ?").get(this.namespace, this.collectionName, id);
       if (!row)
         return void 0;
       const stored = { seq: row.seq, value };
-      this.sqlite.prepare("UPDATE mockingbird_records SET value = ? WHERE namespace = ? AND collection = ? AND id = ?").run(JSON.stringify(stored), this.namespace, this.name, id);
+      this.sqlite.prepare("UPDATE mockingbird_records SET value = ? WHERE namespace = ? AND collection = ? AND id = ?").run(JSON.stringify(stored), this.namespace, this.collectionName, id);
       return stored;
     });
   }
   delete(id) {
-    const result = this.sqlite.prepare("DELETE FROM mockingbird_records WHERE namespace = ? AND collection = ? AND id = ?").run(this.namespace, this.name, id);
+    const result = this.sqlite.prepare("DELETE FROM mockingbird_records WHERE namespace = ? AND collection = ? AND id = ?").run(this.namespace, this.collectionName, id);
     return result.changes > 0;
   }
   /** How many records the collection holds, without reading them. */
   count() {
-    const row = this.sqlite.prepare("SELECT COUNT(*) AS n FROM mockingbird_records WHERE namespace = ? AND collection = ?").get(this.namespace, this.name);
+    const row = this.sqlite.prepare("SELECT COUNT(*) AS n FROM mockingbird_records WHERE namespace = ? AND collection = ?").get(this.namespace, this.collectionName);
     return Number(row?.n ?? 0);
   }
   list(options = {}) {
-    const rows = this.sqlite.prepare("SELECT id, seq, value FROM mockingbird_records WHERE namespace = ? AND collection = ?").all(this.namespace, this.name);
+    const rows = this.sqlite.prepare("SELECT id, seq, value FROM mockingbird_records WHERE namespace = ? AND collection = ?").all(this.namespace, this.collectionName);
     const out = [];
     for (const row of rows) {
       const stored = JSON.parse(row.value);
@@ -491,16 +491,18 @@ var createControlPlane = (context) => {
           uptimeMs: context.wallNow() - context.startedAt,
           clock: context.clock.state(),
           namespaces: context.namespaces().length,
+          adminUi: `${ADMIN_PREFIX}/ui`,
           ...context.describe()
         });
       }
       if (url.pathname !== ADMIN_PREFIX && !url.pathname.startsWith(`${ADMIN_PREFIX}/`)) {
         return void 0;
       }
-      if (context.adminKey !== void 0 && request.headers.get(ADMIN_KEY_HEADER) !== context.adminKey) {
+      const path = url.pathname.slice(ADMIN_PREFIX.length) || "/";
+      const shell = request.method === "GET" && (path === "/ui" || path === "/ui/");
+      if (!shell && context.adminKey !== void 0 && request.headers.get(ADMIN_KEY_HEADER) !== context.adminKey) {
         return adminError(401, `missing or wrong ${ADMIN_KEY_HEADER}`);
       }
-      const path = url.pathname.slice(ADMIN_PREFIX.length) || "/";
       for (const route of routes) {
         if (route.method !== request.method)
           continue;
@@ -676,10 +678,10 @@ var OpenAPIReferenceError = class extends Error {
 };
 var unescapePointer = (segment) => segment.replace(/~1/g, "/").replace(/~0/g, "~");
 var isReference = (value) => typeof value === "object" && value !== null && typeof value.$ref === "string";
-var resolveRef = (document2, ref) => {
+var resolveRef = (document3, ref) => {
   if (!ref.startsWith("#/"))
     throw new OpenAPIReferenceError(ref);
-  let cursor = document2;
+  let cursor = document3;
   for (const raw of ref.slice(2).split("/")) {
     const segment = unescapePointer(raw);
     if (typeof cursor !== "object" || cursor === null || !(segment in cursor)) {
@@ -691,14 +693,14 @@ var resolveRef = (document2, ref) => {
     throw new OpenAPIReferenceError(ref);
   return cursor;
 };
-var deref = (document2, value) => {
+var deref = (document3, value) => {
   let current = value;
   const seen = /* @__PURE__ */ new Set();
   while (isReference(current)) {
     if (seen.has(current.$ref))
       throw new OpenAPIReferenceError(`${current.$ref} (cycle)`);
     seen.add(current.$ref);
-    current = resolveRef(document2, current.$ref);
+    current = resolveRef(document3, current.$ref);
   }
   return current;
 };
@@ -716,36 +718,36 @@ var HTTP_METHODS = [
 ];
 
 // ../../openapi/core/dist/document.js
-var mergeParameters = (document2, item, own) => {
+var mergeParameters = (document3, item, own) => {
   const merged = /* @__PURE__ */ new Map();
   for (const raw of item.parameters ?? []) {
-    const parameter = deref(document2, raw);
+    const parameter = deref(document3, raw);
     merged.set(`${parameter.in}:${parameter.name}`, parameter);
   }
   for (const raw of own ?? []) {
-    const parameter = deref(document2, raw);
+    const parameter = deref(document3, raw);
     merged.set(`${parameter.in}:${parameter.name}`, parameter);
   }
   return [...merged.values()];
 };
-var listOperations = (document2) => {
+var listOperations = (document3) => {
   const operations = [];
-  for (const [path, item] of Object.entries(document2.paths)) {
+  for (const [path, item] of Object.entries(document3.paths)) {
     for (const method of HTTP_METHODS) {
       const operation = item[method];
       if (operation?.operationId === void 0)
         continue;
       const responses = {};
       for (const [status, response] of Object.entries(operation.responses)) {
-        responses[status] = deref(document2, response);
+        responses[status] = deref(document3, response);
       }
       operations.push({
         operationId: operation.operationId,
         method,
         path,
         operation,
-        parameters: mergeParameters(document2, item, operation.parameters),
-        requestBody: operation.requestBody === void 0 ? void 0 : deref(document2, operation.requestBody),
+        parameters: mergeParameters(document3, item, operation.parameters),
+        requestBody: operation.requestBody === void 0 ? void 0 : deref(document3, operation.requestBody),
         responses
       });
     }
@@ -1139,6 +1141,1737 @@ var clearNamespace = (sqlite, namespace) => {
   });
 };
 
+// ../../ui/dist/reset.js
+var CSS_RESET = `*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+* {
+  scrollbar-width: thin;
+  scrollbar-color: color-mix(in srgb, CanvasText 35%, Canvas) Canvas;
+}
+
+*::-webkit-scrollbar {
+  width: 12px;
+  height: 12px;
+}
+
+*::-webkit-scrollbar-track,
+*::-webkit-scrollbar-corner {
+  background: Canvas;
+}
+
+*::-webkit-scrollbar-thumb {
+  background: color-mix(in srgb, CanvasText 35%, Canvas);
+  border: 3px solid Canvas;
+  border-radius: 999px;
+}
+
+html {
+  hanging-punctuation: first allow-end last;
+  -webkit-text-size-adjust: none;
+  text-size-adjust: none;
+  tab-size: 4;
+  font-family:
+    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI",
+    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  font-size: 16px;
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+  -webkit-tap-highlight-color: transparent;
+  scroll-behavior: smooth;
+  background: Canvas;
+  color: CanvasText;
+}
+
+body {
+  min-height: 100svh;
+  line-height: 1.5;
+  background: Canvas;
+  color: CanvasText;
+}
+
+h1 {
+  font-size: 2em;
+}
+
+h2 {
+  font-size: 1.5em;
+}
+
+h3 {
+  font-size: 1.17em;
+}
+
+h4 {
+  font-size: 1em;
+}
+
+h5 {
+  font-size: 0.83em;
+}
+
+h6 {
+  font-size: 0.67em;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: 700;
+  line-height: 1.2;
+  text-wrap: balance;
+  overflow-wrap: break-word;
+}
+
+p,
+li,
+figcaption,
+dd,
+dt,
+blockquote {
+  overflow-wrap: break-word;
+}
+
+p,
+li,
+figcaption,
+blockquote {
+  text-wrap: pretty;
+}
+
+ul,
+ol,
+menu {
+  list-style: none;
+}
+
+a {
+  color: inherit;
+  text-decoration: underline;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 0.15em;
+  text-decoration-skip-ink: auto;
+}
+
+b,
+strong {
+  font-weight: 700;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+code,
+kbd,
+samp,
+pre {
+  font-family: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 1em;
+}
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+abbr[title] {
+  text-decoration: underline dotted;
+  text-underline-offset: 0.15em;
+}
+
+mark {
+  background: Mark;
+  color: MarkText;
+}
+
+hr {
+  height: 0;
+  border: 0;
+  border-top: 1px solid color-mix(in srgb, CanvasText 20%, transparent);
+  color: inherit;
+}
+
+img,
+picture,
+video,
+canvas {
+  display: block;
+  max-width: 100%;
+}
+
+img,
+video {
+  height: auto;
+}
+
+svg {
+  overflow: hidden;
+}
+
+iframe {
+  border: 0;
+  max-width: 100%;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+fieldset {
+  border: 0;
+  min-inline-size: 0;
+}
+
+legend {
+  padding: 0;
+}
+
+button,
+input,
+select,
+textarea,
+optgroup {
+  font: inherit;
+  letter-spacing: inherit;
+  color: inherit;
+  margin: 0;
+  vertical-align: middle;
+}
+
+button,
+input[type="button"],
+input[type="submit"],
+input[type="reset"] {
+  appearance: none;
+  background: none;
+  border: 0;
+  padding: 0;
+  cursor: pointer;
+  text-align: center;
+}
+
+input,
+textarea,
+select {
+  background-color: Canvas;
+  border: 1px solid color-mix(in srgb, CanvasText 28%, transparent);
+  border-radius: 0;
+  padding: 0.5em 0.65em;
+}
+
+input[type="checkbox"],
+input[type="radio"],
+input[type="range"],
+input[type="file"],
+input[type="color"],
+input[type="button"],
+input[type="submit"],
+input[type="reset"],
+input[type="image"],
+input[type="hidden"] {
+  background: none;
+  border: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+  accent-color: CanvasText;
+}
+
+input[type="search"] {
+  appearance: none;
+  background-color: Canvas;
+  border: 1px solid color-mix(in srgb, CanvasText 28%, transparent);
+}
+
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-results-button,
+input[type="search"]::-webkit-search-results-decoration {
+  -webkit-appearance: none;
+  display: none;
+}
+
+input[type="number"] {
+  appearance: textfield;
+  background-color: Canvas;
+  border: 1px solid color-mix(in srgb, CanvasText 28%, transparent);
+}
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+textarea {
+  resize: vertical;
+}
+
+::placeholder {
+  opacity: 1;
+  color: color-mix(in srgb, CanvasText 45%, transparent);
+}
+
+:focus-visible {
+  outline: 2px solid CanvasText;
+  outline-offset: 2px;
+}
+
+:focus:not(:focus-visible) {
+  outline: none;
+}
+
+:disabled,
+[disabled] {
+  cursor: default;
+  opacity: 0.6;
+}
+
+label,
+summary,
+select,
+[role="button"] {
+  cursor: pointer;
+}
+
+summary {
+  display: list-item;
+}
+
+details {
+  display: block;
+}
+
+dialog {
+  margin: auto;
+  padding: 1rem;
+  border: 1px solid color-mix(in srgb, CanvasText 20%, transparent);
+  background: Canvas;
+  color: CanvasText;
+  max-width: calc(100vw - 2rem);
+  max-height: calc(100svh - 2rem);
+}
+
+dialog:not([open]) {
+  display: none;
+}
+
+::backdrop {
+  background: color-mix(in srgb, CanvasText 40%, transparent);
+}
+
+[hidden] {
+  display: none !important;
+}
+
+::selection {
+  background: Highlight;
+  color: HighlightText;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
+
+@media (pointer: coarse) {
+  input,
+  select,
+  textarea {
+    font-size: max(16px, 1em);
+  }
+}`;
+
+// ../core/dist/admin-client.js
+function isRecord2(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function mountAdminBrand(doc, host, service, catalog) {
+  const clip = (value, max) => {
+    if (typeof value !== "string")
+      return null;
+    const trimmed = value.trim();
+    if (trimmed === "")
+      return null;
+    return trimmed.length > max ? trimmed.slice(0, max) : trimmed;
+  };
+  const httpUrl = (value) => {
+    if (typeof value !== "string" || value.length > 2e3)
+      return null;
+    try {
+      const url = new URL(value);
+      if (url.protocol !== "https:" && url.protocol !== "http:")
+        return null;
+      return url.href;
+    } catch {
+      return null;
+    }
+  };
+  const hexColor = (value) => {
+    if (typeof value !== "string")
+      return null;
+    const raw = value.trim();
+    return /^#[0-9a-fA-F]{3,8}$/.test(raw) ? raw : null;
+  };
+  const hostname = (value) => {
+    try {
+      return new URL(value).hostname.replace(/^www\./, "");
+    } catch {
+      return value;
+    }
+  };
+  host.replaceChildren();
+  host.hidden = true;
+  if (!isRecord2(catalog) || !Object.hasOwn(catalog, service))
+    return;
+  const row = catalog[service];
+  if (!isRecord2(row))
+    return;
+  const vendor = clip(row.vendor, 80);
+  const website = httpUrl(row.website);
+  const guide = httpUrl(row.guide);
+  const docs = httpUrl(row.docs);
+  const logo = httpUrl(row.logo);
+  const color = hexColor(row.color);
+  const description = clip(row.description, 280);
+  if (vendor === null || website === null && guide === null && docs === null)
+    return;
+  const add = (node) => {
+    host.append(node);
+    return node;
+  };
+  if (logo !== null) {
+    const img = doc.createElement("img");
+    img.alt = "";
+    img.src = logo;
+    img.width = 16;
+    img.height = 16;
+    img.decoding = "async";
+    img.referrerPolicy = "no-referrer";
+    if (color !== null)
+      img.style.borderColor = color;
+    add(img);
+  }
+  const name = doc.createElement("span");
+  name.className = "vendor-name";
+  name.textContent = vendor;
+  if (description !== null)
+    name.title = description;
+  add(name);
+  const sep = () => {
+    const node = doc.createElement("span");
+    node.className = "vendor-sep";
+    node.setAttribute("aria-hidden", "true");
+    node.textContent = "\xB7";
+    return node;
+  };
+  const link = (href, label, title) => {
+    const node = doc.createElement("a");
+    node.className = "vendor-link";
+    node.href = href;
+    node.target = "_blank";
+    node.rel = "noopener noreferrer";
+    node.referrerPolicy = "no-referrer";
+    node.textContent = label;
+    node.title = title;
+    return node;
+  };
+  if (website !== null) {
+    add(sep());
+    add(link(website, hostname(website), `${vendor} website`));
+  }
+  if (guide !== null) {
+    add(sep());
+    add(link(guide, "Docs", `Docs for ${vendor}`));
+  }
+  if (docs !== null) {
+    add(sep());
+    add(link(docs, "API", `${vendor} API reference`));
+  }
+  host.removeAttribute("hidden");
+  host.hidden = false;
+}
+function startAdminBrand(env) {
+  const requested = env.params.get("brands");
+  let brandsUrl = env.brandsUrl;
+  if (requested) {
+    try {
+      const url = new URL(requested, env.location.href);
+      const local = url.hostname === "localhost" || url.hostname === "127.0.0.1" || url.hostname === "::1" || url.hostname === "[::1]" || url.origin === env.location.origin;
+      if ((url.protocol === "https:" || url.protocol === "http:") && local)
+        brandsUrl = url.href;
+    } catch {
+      brandsUrl = env.brandsUrl;
+    }
+  }
+  const vendorHost = env.$("vendor");
+  const brandRoot = env.document.querySelector("[data-mockingbird-admin]");
+  const brandService = brandRoot?.getAttribute("data-service") || "";
+  if (vendorHost === null)
+    return;
+  env.fetch(brandsUrl, {
+    headers: { accept: "application/json" },
+    signal: AbortSignal.timeout(5e3)
+  }).then(async (response) => {
+    if (!response.ok)
+      return null;
+    const catalog = await response.json();
+    return catalog;
+  }).then((catalog) => {
+    mountAdminBrand(env.document, vendorHost, brandService, catalog);
+  }).catch(() => {
+  });
+}
+function faultPresetList(value) {
+  if (!isRecord2(value))
+    throw new Error("Fault presets response was not an object");
+  if (!Object.hasOwn(value, "presets") || value.presets === void 0 || value.presets === null) {
+    return { presets: [] };
+  }
+  if (!Array.isArray(value.presets))
+    throw new Error("Fault presets response was not a list");
+  return {
+    presets: value.presets.flatMap((item) => {
+      if (!isRecord2(item) || typeof item.name !== "string")
+        return [];
+      return [{ name: item.name }];
+    })
+  };
+}
+function bootAdmin(config) {
+  const fieldKinds = ["string", "number", "boolean", "null", "object", "array", "unknown"];
+  const sources = ["declared", "inferred", "mixed"];
+  const isFieldKind = (value) => typeof value === "string" && fieldKinds.some((kind) => kind === value);
+  const isSource = (value) => typeof value === "string" && sources.some((source) => source === value);
+  const readJson2 = (text) => {
+    const value = JSON.parse(text);
+    return value;
+  };
+  const esc = (value) => String(value ?? "").replace(/[&<>"']/g, (char) => {
+    switch (char) {
+      case "&":
+        return "&amp;";
+      case "<":
+        return "&lt;";
+      case ">":
+        return "&gt;";
+      case '"':
+        return "&quot;";
+      default:
+        return "&#39;";
+    }
+  });
+  const el = (id, kind) => {
+    const node = document.getElementById(id);
+    if (!(node instanceof kind))
+      throw new Error(`admin shell is missing #${id}`);
+    return node;
+  };
+  const errorMessage = (data, fallback) => {
+    if (!isRecord2(data))
+      return fallback;
+    const error = data.error;
+    if (!isRecord2(error) || typeof error.message !== "string" || error.message === "") {
+      return fallback;
+    }
+    return error.message;
+  };
+  const requireList = (value, label) => {
+    if (value === void 0 || value === null)
+      return [];
+    if (!Array.isArray(value))
+      throw new Error(`${label} was not a list`);
+    return value;
+  };
+  const state = {
+    namespace: "default",
+    key: sessionStorage.getItem("mockingbird-admin-key") || "",
+    view: "overview",
+    collection: "",
+    shape: null,
+    route: null,
+    editing: null
+  };
+  const standard = new Set(config.standardRoutes);
+  const banner = el("banner", HTMLElement);
+  const keyInput = el("admin-key", HTMLInputElement);
+  keyInput.value = state.key;
+  const params = new URLSearchParams(location.search);
+  const queryKey = params.get("key");
+  if (queryKey) {
+    state.key = queryKey;
+    keyInput.value = state.key;
+    sessionStorage.setItem("mockingbird-admin-key", state.key);
+    params.delete("key");
+    const next = params.toString();
+    history.replaceState(null, "", location.pathname + (next ? `?${next}` : ""));
+  }
+  const queryNamespace = params.get("namespace");
+  if (queryNamespace)
+    state.namespace = queryNamespace;
+  const showError = (error) => {
+    banner.textContent = error instanceof Error ? error.message : String(error);
+    banner.classList.add("show");
+  };
+  const clearError = () => {
+    banner.classList.remove("show");
+  };
+  const api = async (method, path, body) => {
+    const headers = { accept: "application/json" };
+    if (state.key !== "")
+      headers[config.adminKeyHeader] = state.key;
+    if (state.namespace !== "")
+      headers["x-mockingbird-namespace"] = state.namespace;
+    if (body !== void 0)
+      headers["content-type"] = "application/json";
+    const init = { method, headers };
+    if (body !== void 0)
+      init.body = JSON.stringify(body);
+    const response = await fetch(config.adminPrefix + path, init);
+    const text = await response.text();
+    let data = null;
+    if (text !== "") {
+      try {
+        data = readJson2(text);
+      } catch {
+        data = { raw: text };
+      }
+    }
+    if (response.status === 401) {
+      keyInput.focus();
+      throw new Error(errorMessage(data, "Admin key required"));
+    }
+    if (!response.ok) {
+      throw new Error(errorMessage(data, `${response.status} ${method} ${path}`));
+    }
+    return data;
+  };
+  const originGet = async (path) => {
+    const response = await fetch(path, { headers: { accept: "application/json" } });
+    if (!response.ok)
+      throw new Error(`${response.status} ${path}`);
+    const value = await response.json();
+    return value;
+  };
+  const panelApi = {
+    get: (path) => api("GET", path),
+    send: (method, path, body) => api(method, path, body),
+    namespace: () => state.namespace
+  };
+  const isPanelScript = (value) => typeof value === "function";
+  const setTheme = (theme) => {
+    if (theme)
+      document.documentElement.dataset.theme = theme;
+    else
+      delete document.documentElement.dataset.theme;
+  };
+  const storedTheme = localStorage.getItem("mockingbird-admin-theme");
+  if (storedTheme)
+    setTheme(storedTheme);
+  el("theme", HTMLButtonElement).addEventListener("click", () => {
+    const current = document.documentElement.dataset.theme;
+    const dark = current ? current === "dark" : matchMedia("(prefers-color-scheme: dark)").matches;
+    const next = dark ? "light" : "dark";
+    localStorage.setItem("mockingbird-admin-theme", next);
+    setTheme(next);
+  });
+  const show = (view) => {
+    state.view = view;
+    for (const button of document.querySelectorAll("#nav button")) {
+      if (!(button instanceof HTMLButtonElement))
+        continue;
+      button.setAttribute("aria-current", button.dataset.view === view ? "true" : "false");
+    }
+    for (const section of document.querySelectorAll("main .view")) {
+      if (!(section instanceof HTMLElement))
+        continue;
+      section.hidden = section.id !== `view-${view}`;
+    }
+  };
+  el("nav", HTMLElement).addEventListener("click", (event) => {
+    const target = event.target;
+    if (!(target instanceof Element))
+      return;
+    const button = target.closest("button[data-view]");
+    if (!(button instanceof HTMLButtonElement))
+      return;
+    const view = button.dataset.view;
+    if (view === void 0)
+      return;
+    show(view);
+    refresh().catch(showError);
+  });
+  const cards = (items) => `<div class="grid">${items.map((item) => `<article class="card"><div class="k">${item.k}</div><div class="v">${item.v}</div></article>`).join("")}</div>`;
+  const table = (columns, rows) => {
+    if (rows.length === 0)
+      return '<p class="empty">Nothing here yet.</p>';
+    const head = `<tr>${columns.map((column) => `<th>${column.label}</th>`).join("")}</tr>`;
+    const body = rows.map((row) => {
+      const cells = columns.map((column) => `<td data-label="${column.label}">${column.cell(row)}</td>`).join("");
+      const attrs = "attrs" in row && typeof row.attrs === "string" ? row.attrs : "";
+      return `<tr${attrs}>${cells}</tr>`;
+    }).join("");
+    return `<table><thead>${head}</thead><tbody>${body}</tbody></table>`;
+  };
+  const preview = (value) => {
+    const text = JSON.stringify(value) ?? "null";
+    return esc(text.length > 180 ? `${text.slice(0, 180)}\u2026` : text);
+  };
+  const when = (epoch) => {
+    const date = new Date(epoch);
+    return Number.isNaN(date.getTime()) ? String(epoch) : date.toISOString();
+  };
+  const clockCard = (epoch) => {
+    const date = new Date(epoch);
+    if (Number.isNaN(date.getTime()))
+      return esc(String(epoch));
+    const iso = date.toISOString();
+    return `${esc(iso.slice(0, 10))}<span class="clock-time">${esc(iso.slice(11, 19))} UTC</span>`;
+  };
+  const decodeClock = (value) => {
+    if (!isRecord2(value) || typeof value.now !== "number" || typeof value.offsetMs !== "number" || typeof value.frozen !== "boolean") {
+      throw new Error("Clock response was not a clock");
+    }
+    return { now: value.now, offsetMs: value.offsetMs, frozen: value.frozen };
+  };
+  const decodeField = (value) => {
+    if (!isRecord2(value) || typeof value.name !== "string" || !isFieldKind(value.kind)) {
+      return void 0;
+    }
+    const field = {
+      name: value.name,
+      kind: value.kind,
+      optional: value.optional === true
+    };
+    if (typeof value.description === "string")
+      field.description = value.description;
+    if (Array.isArray(value.fields)) {
+      field.fields = value.fields.flatMap((item) => {
+        const child = decodeField(item);
+        return child === void 0 ? [] : [child];
+      });
+    }
+    return field;
+  };
+  const decodeCollection = (value) => {
+    if (!isRecord2(value) || typeof value.name !== "string")
+      return void 0;
+    const fields = Array.isArray(value.fields) ? value.fields.flatMap((item) => {
+      const field = decodeField(item);
+      return field === void 0 ? [] : [field];
+    }) : [];
+    const collection = {
+      name: value.name,
+      label: typeof value.label === "string" ? value.label : value.name,
+      count: typeof value.count === "number" ? value.count : 0,
+      source: isSource(value.source) ? value.source : "inferred",
+      fields
+    };
+    if (typeof value.description === "string")
+      collection.description = value.description;
+    return collection;
+  };
+  const decodeState = (value) => {
+    if (!isRecord2(value) || !Array.isArray(value.collections)) {
+      throw new Error("State response has no collection list");
+    }
+    return {
+      namespace: typeof value.namespace === "string" ? value.namespace : state.namespace,
+      storageNamespace: typeof value.storageNamespace === "string" ? value.storageNamespace : "",
+      collections: value.collections.flatMap((item) => {
+        const collection = decodeCollection(item);
+        return collection === void 0 ? [] : [collection];
+      })
+    };
+  };
+  const decodeRecords = (value) => requireList(isRecord2(value) ? value.records : void 0, "Records").flatMap((item) => {
+    if (!isRecord2(item) || typeof item.id !== "string")
+      return [];
+    return [
+      {
+        id: item.id,
+        seq: typeof item.seq === "number" ? item.seq : 0,
+        value: item.value,
+        attrs: ` class="clickable" data-id="${esc(item.id)}"`
+      }
+    ];
+  });
+  const textOf = (value) => typeof value === "string" || typeof value === "number" || typeof value === "boolean" ? String(value) : "";
+  const decodeJournal = (value) => requireList(isRecord2(value) ? value.requests : void 0, "Journal").flatMap((item) => {
+    if (!isRecord2(item))
+      return [];
+    return [
+      {
+        at: textOf(item.at),
+        method: textOf(item.method),
+        path: textOf(item.path),
+        status: textOf(item.status),
+        durationMs: textOf(item.durationMs),
+        operationId: textOf(item.operationId)
+      }
+    ];
+  });
+  const decodeFaults = (value) => requireList(isRecord2(value) ? value.faults : void 0, "Faults").flatMap((item) => {
+    if (!isRecord2(item))
+      return [];
+    return [
+      {
+        id: textOf(item.id),
+        method: typeof item.method === "string" ? item.method : void 0,
+        pathPrefix: typeof item.pathPrefix === "string" ? item.pathPrefix : void 0,
+        operationId: typeof item.operationId === "string" ? item.operationId : void 0,
+        status: typeof item.status === "number" ? item.status : void 0,
+        effect: typeof item.effect === "string" ? item.effect : void 0,
+        drop: typeof item.drop === "boolean" ? item.drop : void 0,
+        latencyMs: typeof item.latencyMs === "number" ? item.latencyMs : void 0
+      }
+    ];
+  });
+  const loadNamespaces = async () => {
+    const data = await api("GET", "/namespaces");
+    const select = el("namespace", HTMLSelectElement);
+    const listed = requireList(isRecord2(data) ? data.namespaces : void 0, "Namespaces");
+    const fallback = isRecord2(data) && typeof data.default === "string" && data.default !== "" ? data.default : "default";
+    const names = (listed.length > 0 ? listed.map((name) => String(name)) : [fallback]).slice();
+    if (!names.includes(state.namespace))
+      names.unshift(state.namespace);
+    select.innerHTML = names.map((name) => `<option value="${esc(name)}">${esc(name)}</option>`).join("");
+    select.value = state.namespace;
+  };
+  const renderOverview = async () => {
+    const [health, shape, clock, journal] = await Promise.all([
+      originGet("/health"),
+      api("GET", "/state"),
+      api("GET", "/clock"),
+      api("GET", "/requests?limit=8")
+    ]);
+    if (!isRecord2(health))
+      throw new Error("Health response was not an object");
+    const decoded = decodeState(shape);
+    state.shape = decoded;
+    const time = decodeClock(clock);
+    el("overview-cards", HTMLElement).innerHTML = cards([
+      {
+        k: "Service",
+        v: esc(typeof health.service === "string" && health.service !== "" ? health.service : config.service)
+      },
+      {
+        k: "Status",
+        v: esc(typeof health.status === "string" && health.status !== "" ? health.status : "ok")
+      },
+      { k: "Namespace", v: esc(state.namespace) },
+      { k: "Collections", v: String(decoded.collections.length) },
+      {
+        k: "Records",
+        v: String(decoded.collections.reduce((sum, item) => sum + item.count, 0))
+      },
+      { k: "Clock", v: clockCard(time.now) }
+    ]);
+    el("overview-requests", HTMLElement).innerHTML = table([
+      { label: "Method", cell: (row) => esc(row.method) },
+      { label: "Path", cell: (row) => esc(row.path) },
+      {
+        label: "Status",
+        cell: (row) => `<span class="status-${row.status.charAt(0)}">${esc(row.status)}</span>`
+      },
+      { label: "Operation", cell: (row) => esc(row.operationId) }
+    ], decodeJournal(journal));
+  };
+  const schemaChips = (collection) => {
+    if (collection.fields.length === 0) {
+      return '<p class="empty">No fields yet. Add a record or declare the collection on the service.</p>';
+    }
+    return `<div class="chips">${collection.fields.map((field) => `<span class="chip">${esc(field.name)} <i>${esc(field.kind)}${field.optional ? "?" : ""}</i></span>`).join("")}</div>`;
+  };
+  const renderState = async () => {
+    const shape = decodeState(await api("GET", "/state"));
+    state.shape = shape;
+    const host = el("collections", HTMLElement);
+    if (shape.collections.length === 0) {
+      host.innerHTML = '<p class="empty">This namespace has no collections yet.</p>';
+      el("schema", HTMLElement).innerHTML = "";
+      el("records", HTMLElement).innerHTML = "";
+      return;
+    }
+    if (!shape.collections.some((item) => item.name === state.collection)) {
+      const first = shape.collections[0];
+      if (first === void 0)
+        return;
+      state.collection = first.name;
+    }
+    host.innerHTML = shape.collections.map((item) => `<button type="button" class="collection" data-collection="${esc(item.name)}" aria-current="${item.name === state.collection ? "true" : "false"}"><strong>${esc(item.label)}</strong><small>${esc(item.count)} \xB7 ${esc(item.source)}</small></button>`).join("");
+    const selected = shape.collections.find((item) => item.name === state.collection);
+    if (selected === void 0)
+      return;
+    const description = selected.description ? `<p class="lede">${esc(selected.description)}</p>` : "";
+    el("schema", HTMLElement).innerHTML = `<h3>${esc(selected.label)}</h3>${description}${schemaChips(selected)}`;
+    const page = await api("GET", `/state/${encodeURIComponent(state.collection)}?limit=50`);
+    el("records", HTMLElement).innerHTML = table([
+      { label: "Id", cell: (row) => `<code>${esc(row.id)}</code>` },
+      { label: "Seq", cell: (row) => esc(row.seq) },
+      { label: "Value", cell: (row) => preview(row.value) }
+    ], decodeRecords(page));
+  };
+  const renderClock = async () => {
+    const clock = decodeClock(await api("GET", "/clock"));
+    el("clock-readout", HTMLElement).innerHTML = `<div class="k">Now</div><div class="v">${esc(when(clock.now))}</div><p>${esc(clock.now)} ms \xB7 offset ${esc(clock.offsetMs)} ms ${clock.frozen ? "<span class='badge warn'>frozen</span>" : "<span class='badge ok'>live</span>"}</p>`;
+    const freeze = el("freeze", HTMLButtonElement);
+    freeze.textContent = clock.frozen ? "Unfreeze" : "Freeze";
+    freeze.dataset.frozen = clock.frozen ? "1" : "0";
+  };
+  const renderFaults = async () => {
+    const [faults, presets] = await Promise.all([
+      api("GET", "/faults"),
+      api("GET", "/faults/presets").catch(() => ({ presets: [] }))
+    ]);
+    const select = el("fault-preset", HTMLSelectElement);
+    const current = select.value;
+    const list = faultPresetList(presets).presets;
+    select.innerHTML = `<option value="">Custom rule</option>${list.map((preset) => `<option value="${esc(preset.name)}">${esc(preset.name)}</option>`).join("")}`;
+    select.value = current;
+    el("fault-list", HTMLElement).innerHTML = table([
+      { label: "Id", cell: (row) => esc(row.id) },
+      {
+        label: "Match",
+        cell: (row) => esc([row.method, row.pathPrefix, row.operationId].filter((part) => Boolean(part)).join(" ") || "all")
+      },
+      {
+        label: "Effect",
+        cell: (row) => esc(row.status ?? row.effect ?? (row.drop ? "drop" : row.latencyMs || ""))
+      }
+    ], decodeFaults(faults));
+  };
+  const renderJournal = async () => {
+    const journal = await api("GET", "/requests?limit=100");
+    el("journal", HTMLElement).innerHTML = table([
+      { label: "When", cell: (row) => esc(row.at) },
+      { label: "Method", cell: (row) => esc(row.method) },
+      { label: "Path", cell: (row) => esc(row.path) },
+      { label: "Status", cell: (row) => esc(row.status) },
+      { label: "ms", cell: (row) => esc(row.durationMs) }
+    ], decodeJournal(journal));
+  };
+  const renderRoutes = async () => {
+    const data = await api("GET", "/");
+    if (!isRecord2(data))
+      throw new Error("Route list was not an object");
+    const routes = requireList(data.routes, "Routes").map((route) => String(route));
+    el("route-list", HTMLElement).innerHTML = routes.map((route) => {
+      const extra = standard.has(route) ? "" : " <span class='badge'>extension</span>";
+      const parts = route.split(" ");
+      const method = parts[0] ?? "";
+      const path = parts.slice(1).join(" ");
+      return `<div class="route"><span class="method">${esc(method)}</span><span>${esc(path)}${extra}</span><button class="btn" type="button" data-route="${esc(route)}">Use</button></div>`;
+    }).join("");
+  };
+  const renderers = {
+    overview: renderOverview,
+    state: renderState,
+    clock: renderClock,
+    faults: renderFaults,
+    journal: renderJournal,
+    routes: renderRoutes
+  };
+  async function refresh() {
+    clearError();
+    const render = renderers[state.view];
+    if (render)
+      await render();
+  }
+  el("namespace", HTMLSelectElement).addEventListener("change", () => {
+    state.namespace = el("namespace", HTMLSelectElement).value;
+    refresh().catch(showError);
+  });
+  keyInput.addEventListener("change", () => {
+    state.key = keyInput.value.trim();
+    sessionStorage.setItem("mockingbird-admin-key", state.key);
+    refresh().catch(showError);
+  });
+  el("refresh", HTMLButtonElement).addEventListener("click", () => {
+    refresh().catch(showError);
+  });
+  el("collections", HTMLElement).addEventListener("click", (event) => {
+    const target = event.target;
+    if (!(target instanceof Element))
+      return;
+    const button = target.closest("[data-collection]");
+    if (!(button instanceof HTMLElement))
+      return;
+    const collection = button.dataset.collection;
+    if (collection === void 0)
+      return;
+    state.collection = collection;
+    renderState().catch(showError);
+  });
+  el("records", HTMLElement).addEventListener("click", (event) => {
+    const target = event.target;
+    if (!(target instanceof Element))
+      return;
+    const row = target.closest("[data-id]");
+    if (!(row instanceof HTMLElement))
+      return;
+    const id = row.dataset.id;
+    if (id === void 0)
+      return;
+    openEditor(id).catch(showError);
+  });
+  const editor = el("editor", HTMLDialogElement);
+  const editorId = el("editor-id", HTMLInputElement);
+  const editorValue = el("editor-value", HTMLTextAreaElement);
+  const editorDelete = el("editor-delete", HTMLButtonElement);
+  async function openEditor(id) {
+    state.editing = id;
+    el("editor-title", HTMLElement).textContent = id ? "Edit record" : "New record";
+    editorId.value = id ?? "";
+    editorId.readOnly = id !== null;
+    editorDelete.hidden = id === null;
+    if (id) {
+      const record = await api("GET", `/state/${encodeURIComponent(state.collection)}/${encodeURIComponent(id)}`);
+      if (!isRecord2(record))
+        throw new Error("Record response was not an object");
+      editorValue.value = JSON.stringify(record.value, null, 2) ?? "";
+    } else {
+      editorValue.value = "{\n  \n}";
+    }
+    editor.showModal();
+  }
+  el("new-record", HTMLButtonElement).addEventListener("click", () => {
+    openEditor(null).catch(showError);
+  });
+  el("editor-form", HTMLFormElement).addEventListener("submit", (event) => {
+    const submitter = event.submitter;
+    if (!(submitter instanceof HTMLButtonElement) || submitter.value !== "save")
+      return;
+    event.preventDefault();
+    let value;
+    try {
+      value = readJson2(editorValue.value);
+    } catch {
+      showError(new Error("Value is not JSON"));
+      return;
+    }
+    const id = editorId.value.trim();
+    const path = `/state/${encodeURIComponent(state.collection)}`;
+    const request = state.editing ? api("PUT", `${path}/${encodeURIComponent(id)}`, { value }) : api("POST", path, { id: id || void 0, value });
+    request.then(() => {
+      editor.close();
+      return renderState();
+    }).catch(showError);
+  });
+  editorDelete.addEventListener("click", () => {
+    const id = state.editing;
+    if (!id)
+      return;
+    api("DELETE", `/state/${encodeURIComponent(state.collection)}/${encodeURIComponent(id)}`).then(() => {
+      editor.close();
+      return renderState();
+    }).catch(showError);
+  });
+  for (const button of document.querySelectorAll("[data-advance]")) {
+    if (!(button instanceof HTMLButtonElement))
+      continue;
+    button.addEventListener("click", () => {
+      const raw = button.dataset.advance;
+      if (raw === void 0)
+        return;
+      api("POST", "/clock", { advance: Number(raw) }).then(() => renderClock()).catch(showError);
+    });
+  }
+  el("freeze", HTMLButtonElement).addEventListener("click", () => {
+    const frozen = el("freeze", HTMLButtonElement).dataset.frozen === "1";
+    api("POST", "/clock", { freeze: !frozen }).then(() => renderClock()).catch(showError);
+  });
+  el("clock-reset", HTMLButtonElement).addEventListener("click", () => {
+    api("POST", "/clock", { reset: true }).then(() => renderClock()).catch(showError);
+  });
+  el("clock-set", HTMLFormElement).addEventListener("submit", (event) => {
+    event.preventDefault();
+    const raw = el("clock-instant", HTMLInputElement).value.trim();
+    const set = /^-?\d+$/.test(raw) ? Number(raw) : raw;
+    api("POST", "/clock", { set }).then(() => renderClock()).catch(showError);
+  });
+  el("fault-form", HTMLFormElement).addEventListener("submit", (event) => {
+    event.preventDefault();
+    const preset = el("fault-preset", HTMLSelectElement).value;
+    if (preset !== "") {
+      api("POST", "/faults", { preset }).then(() => renderFaults()).catch(showError);
+      return;
+    }
+    const status = Number(el("fault-status", HTMLInputElement).value);
+    if (!Number.isFinite(status)) {
+      showError(new Error("Status must be a number, or choose a preset"));
+      return;
+    }
+    const path = el("fault-path", HTMLInputElement).value;
+    const method = el("fault-method", HTMLInputElement).value;
+    api("POST", "/faults", {
+      status,
+      ...path !== "" ? { pathPrefix: path } : {},
+      ...method !== "" ? { method } : {}
+    }).then(() => renderFaults()).catch(showError);
+  });
+  el("fault-clear", HTMLButtonElement).addEventListener("click", () => {
+    api("DELETE", "/faults").then(() => renderFaults()).catch(showError);
+  });
+  el("journal-clear", HTMLButtonElement).addEventListener("click", () => {
+    api("DELETE", "/requests").then(() => renderJournal()).catch(showError);
+  });
+  el("route-list", HTMLElement).addEventListener("click", (event) => {
+    const target = event.target;
+    if (!(target instanceof Element))
+      return;
+    const button = target.closest("[data-route]");
+    if (!(button instanceof HTMLElement))
+      return;
+    const route = button.dataset.route;
+    if (route === void 0)
+      return;
+    state.route = route;
+    el("route-title", HTMLElement).textContent = route;
+    const method = route.split(" ")[0] ?? "";
+    el("route-body", HTMLTextAreaElement).disabled = method === "GET" || method === "DELETE";
+  });
+  el("route-form", HTMLFormElement).addEventListener("submit", (event) => {
+    event.preventDefault();
+    const send = async () => {
+      if (state.route === null)
+        throw new Error("Choose a route first");
+      const parts = state.route.split(" ");
+      const method = parts[0];
+      const path = parts.slice(1).join(" ");
+      if (method === void 0)
+        throw new Error("Choose a route first");
+      const concrete = path.replace(/:([A-Za-z0-9_]+)/g, (_match, key) => prompt(`Value for ${key}`) || "");
+      let body;
+      const routeBody = el("route-body", HTMLTextAreaElement);
+      if (method !== "GET" && method !== "DELETE" && routeBody.value.trim() !== "") {
+        try {
+          body = readJson2(routeBody.value);
+        } catch {
+          throw new Error("Body is not JSON");
+        }
+      }
+      const data = await api(method, concrete, body);
+      el("route-result", HTMLElement).textContent = JSON.stringify(data, null, 2);
+    };
+    send().catch(showError);
+  });
+  const decodePanel = (value) => {
+    if (!isRecord2(value) || typeof value.id !== "string" || typeof value.title !== "string") {
+      return void 0;
+    }
+    const panel = {
+      id: value.id,
+      title: value.title,
+      description: typeof value.description === "string" ? value.description : "",
+      html: typeof value.html === "string" ? value.html : ""
+    };
+    if (typeof value.script === "string")
+      panel.script = value.script;
+    return panel;
+  };
+  const mountPanels = (panels) => {
+    const nav = el("nav", HTMLElement);
+    const views = el("views", HTMLElement);
+    for (const panel of panels) {
+      const button = document.createElement("button");
+      button.type = "button";
+      button.dataset.view = panel.id;
+      button.textContent = panel.title;
+      nav.append(button);
+      const section = document.createElement("section");
+      section.className = "view";
+      section.id = `view-${panel.id}`;
+      section.hidden = true;
+      const title = document.createElement("h2");
+      title.textContent = panel.title;
+      const lede = document.createElement("p");
+      lede.className = "lede";
+      lede.textContent = panel.description;
+      const body = document.createElement("div");
+      body.className = "panel-body";
+      body.id = `panel-${panel.id}`;
+      body.innerHTML = panel.html;
+      section.append(title, lede, body);
+      views.append(section);
+      if (panel.script === void 0)
+        continue;
+      try {
+        const compiled = new Function("root", "api", panel.script);
+        if (!isPanelScript(compiled))
+          throw new Error("panel script did not compile");
+        compiled(body, panelApi);
+      } catch (error) {
+        const note = document.createElement("p");
+        note.className = "banner show";
+        note.textContent = error instanceof Error ? error.message : String(error);
+        body.append(note);
+      }
+    }
+  };
+  startAdminBrand({
+    document,
+    $: (id) => document.getElementById(id),
+    params,
+    location: { href: location.href, origin: location.origin },
+    fetch,
+    brandsUrl: config.brandsUrl
+  });
+  loadNamespaces().then(() => api("GET", "/ui/manifest")).then((manifest) => {
+    const panels = requireList(isRecord2(manifest) ? manifest.panels : void 0, "Panels").flatMap((panel) => {
+      const decoded = decodePanel(panel);
+      return decoded === void 0 ? [] : [decoded];
+    });
+    mountPanels(panels);
+    return refresh();
+  }).catch(showError);
+}
+var clientPrelude = [isRecord2, mountAdminBrand, startAdminBrand, faultPresetList, bootAdmin].map((fn) => fn.toString()).join("\n");
+var adminClientSource = (config) => {
+  const payload = JSON.stringify(config).replace(/</g, "\\u003c");
+  return `<script>
+${clientPrelude}
+bootAdmin(${payload});
+</script>`;
+};
+
+// ../core/dist/surface.js
+var defineMock = (runtime) => runtime;
+var STANDARD_ADMIN_ROUTES = [
+  "GET /",
+  "POST /reset",
+  "GET /namespaces",
+  "GET /clock",
+  "POST /clock",
+  "GET /faults",
+  "POST /faults",
+  "DELETE /faults",
+  "POST /snapshots",
+  "POST /snapshots/:id/restore",
+  "DELETE /snapshots/:id",
+  "GET /timeline",
+  "POST /checkpoints",
+  "POST /branches/:name",
+  "POST /branches/:name/checkout",
+  "GET /requests",
+  "DELETE /requests",
+  "GET /metrics",
+  "DELETE /metrics",
+  "GET /credentials",
+  "PUT /credentials",
+  "DELETE /credentials",
+  "GET /state",
+  "GET /state/:collection",
+  "GET /state/:collection/:id",
+  "POST /state/:collection",
+  "PUT /state/:collection/:id",
+  "PATCH /state/:collection/:id",
+  "DELETE /state/:collection/:id",
+  "GET /ui",
+  "GET /ui/",
+  "GET /ui/manifest"
+];
+var PANEL_ID = /^[a-z0-9](?:[a-z0-9-]{0,62}[a-z0-9])?$/;
+var assertAdminUi = (ui) => {
+  if (!ui?.panels)
+    return;
+  const seen = /* @__PURE__ */ new Set();
+  for (const panel of ui.panels) {
+    if (!PANEL_ID.test(panel.id)) {
+      throw new RangeError(`admin panel id must match ${PANEL_ID}: ${JSON.stringify(panel.id)}`);
+    }
+    if (seen.has(panel.id))
+      throw new RangeError(`duplicate admin panel id ${panel.id}`);
+    seen.add(panel.id);
+    if (panel.title.trim() === "")
+      throw new RangeError(`admin panel ${panel.id} needs a title`);
+  }
+};
+
+// ../core/dist/admin-ui.js
+var escapeHtml = (value) => value.replace(/[&<>"']/g, (char) => {
+  switch (char) {
+    case "&":
+      return "&amp;";
+    case "<":
+      return "&lt;";
+    case ">":
+      return "&gt;";
+    case '"':
+      return "&quot;";
+    default:
+      return "&#39;";
+  }
+});
+var ADMIN_BRANDS_URL = "https://mockingbird.chrisvouga.dev/brands.json";
+var renderAdminDocument = (service) => {
+  const name = escapeHtml(service);
+  const script = adminClientSource({
+    standardRoutes: STANDARD_ADMIN_ROUTES,
+    adminPrefix: ADMIN_PREFIX,
+    adminKeyHeader: ADMIN_KEY_HEADER,
+    brandsUrl: ADMIN_BRANDS_URL,
+    service
+  });
+  return `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="color-scheme" content="light dark">
+<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect width='16' height='16' rx='2' fill='%2327272a'/%3E%3C/svg%3E">
+<title>${name} admin</title>
+<style>
+  ${CSS_RESET}
+  :root {
+    color-scheme: light;
+    --bg: #fafafa;
+    --bg-elev: #ffffff;
+    --bg-muted: #f4f4f5;
+    --bg-inset: #f4f4f5;
+    --line: #dedee3;
+    --line-strong: #c4c4cc;
+    --ink: #18181b;
+    --muted: #62626b;
+    --faint: #71717a;
+    --accent: #27272a;
+    --accent-ink: #ffffff;
+    --accent-soft: #f4f4f5;
+    --ok: #166534;
+    --ok-soft: #f0fdf4;
+    --warn: #a16207;
+    --warn-soft: #fefce8;
+    --err: #a82d32;
+    --err-soft: #fef2f2;
+    --shadow: none;
+    --sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
+    --radius: 10px;
+    --header: 56px;
+    --nav: 200px;
+  }
+  :root[data-theme="dark"] {
+    color-scheme: dark;
+    --bg: #111113;
+    --bg-elev: #19191c;
+    --bg-muted: #242428;
+    --bg-inset: #111113;
+    --line: #36363c;
+    --line-strong: #52525b;
+    --ink: #f4f4f5;
+    --muted: #a9a9b2;
+    --faint: #71717a;
+    --accent: #e4e4e7;
+    --accent-ink: #18181b;
+    --accent-soft: #242428;
+    --ok: #86efac;
+    --ok-soft: #14241b;
+    --warn: #fde68a;
+    --warn-soft: #2a2410;
+    --err: #ffaaaa;
+    --err-soft: #2c1516;
+    --shadow: none;
+  }
+  @media (prefers-color-scheme: dark) {
+    :root:not([data-theme="light"]) {
+      color-scheme: dark;
+      --bg: #111113;
+      --bg-elev: #19191c;
+      --bg-muted: #242428;
+      --bg-inset: #111113;
+      --line: #36363c;
+      --line-strong: #52525b;
+      --ink: #f4f4f5;
+      --muted: #a9a9b2;
+      --faint: #71717a;
+      --accent: #e4e4e7;
+      --accent-ink: #18181b;
+      --accent-soft: #242428;
+      --ok: #86efac;
+      --ok-soft: #14241b;
+      --warn: #fde68a;
+      --warn-soft: #2a2410;
+      --err: #ffaaaa;
+      --err-soft: #2c1516;
+      --shadow: none;
+    }
+  }
+  /* Fill the viewport, then grow with the content so the background covers the scroll. */
+  html { height: 100%; }
+  body {
+    margin: 0;
+    min-height: 100%;
+    display: flex;
+    flex-direction: column;
+    font-family: var(--sans);
+    background: var(--bg);
+    color: var(--ink);
+    line-height: 1.45;
+    padding-left: env(safe-area-inset-left);
+    padding-right: env(safe-area-inset-right);
+    -webkit-text-size-adjust: 100%;
+  }
+  :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+  .app { flex: 1 0 auto; display: flex; flex-direction: column; min-width: 0; width: 100%; }
+  header.top {
+    position: sticky; top: 0; z-index: 5;
+    display: flex; align-items: center; gap: 12px;
+    min-height: var(--header); padding: 10px 16px;
+    background: var(--bg-elev);
+    border-bottom: 1px solid var(--line);
+    min-width: 0; max-width: 100%;
+  }
+  .brand {
+    display: flex; flex-flow: row wrap; align-items: center; gap: 14px;
+    min-width: 0; max-width: 100%; margin-right: auto;
+  }
+  .brand-id { display: flex; flex-direction: column; min-width: 0; flex: none; }
+  .brand-id strong { font-size: 15px; letter-spacing: -0.01em; }
+  .brand-id span { color: var(--faint); font-size: 12px; }
+  .vendor {
+    display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
+    min-width: 0; max-width: 100%; font-size: 12px; color: var(--muted);
+  }
+  .vendor[hidden] { display: none; }
+  /* Logos are drawn for a light tile, same as the docs site, so the plate stays white. */
+  .vendor img {
+    width: 16px; height: 16px; padding: 2px; box-sizing: content-box;
+    border-radius: 4px; border: 1px solid var(--line); background: #fff; object-fit: contain;
+  }
+  .vendor-name { color: var(--ink); font-weight: 600; }
+  .vendor-sep { color: var(--faint); }
+  .vendor-link { color: inherit; text-decoration: none; }
+  .vendor-link:hover { color: var(--ink); text-decoration: underline; }
+  .controls { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
+  label.field { display: flex; flex-direction: column; gap: 2px; font-size: 11px; color: var(--faint); }
+  label.field input, label.field select, .controls input[type="password"] {
+    background: var(--bg-inset); border: 1px solid var(--line); border-radius: 8px;
+    padding: 7px 8px; min-height: 36px;
+  }
+  .icon-btn, .btn, .btn-primary, .btn-quiet, .btn-danger {
+    border-radius: 9px; min-height: 36px; padding: 0 12px; border: 1px solid var(--line);
+    background: var(--bg-elev);
+  }
+  .btn-primary { background: var(--accent); color: var(--accent-ink); border-color: transparent; }
+  .btn-quiet { background: transparent; }
+  .btn-danger { color: var(--err); }
+  /* minmax(0, 1fr): a 1fr column will not shrink below its content, so a long
+     record or the full nav row would widen the page past the viewport. */
+  .layout {
+    display: grid; grid-template-columns: var(--nav) minmax(0, 1fr);
+    flex: 1 0 auto; min-width: 0;
+  }
+  nav.side {
+    border-right: 1px solid var(--line); padding: 12px;
+    display: flex; flex-direction: column; gap: 4px;
+    background: var(--bg-elev);
+  }
+  nav.side button {
+    text-align: left; border: 0; background: transparent; border-radius: 9px;
+    padding: 9px 10px; min-height: 40px; color: var(--muted);
+  }
+  nav.side button[aria-current="true"] { background: var(--accent-soft); color: var(--ink); font-weight: 600; }
+  main { padding: 20px; max-width: 1100px; width: 100%; min-width: 0; }
+  .view h2 { margin: 0 0 4px; font-size: 22px; letter-spacing: -0.02em; }
+  .lede { margin: 0 0 16px; color: var(--muted); }
+  .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; }
+  .card {
+    background: var(--bg-elev); border: 1px solid var(--line); border-radius: var(--radius);
+    padding: 14px 16px; box-shadow: var(--shadow);
+  }
+  .card .k { color: var(--faint); font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; }
+  .card .v { display: flex; flex-direction: column; gap: 2px; font-size: 22px; margin-top: 4px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
+  .card .v .clock-time { font-size: 14px; color: var(--muted); }
+  .split { display: grid; grid-template-columns: minmax(0, 240px) minmax(0, 1fr); gap: 16px; align-items: start; }
+  .collection {
+    width: 100%; text-align: left; border: 1px solid transparent; background: transparent;
+    border-radius: 10px; padding: 8px 10px; min-height: 44px;
+  }
+  .collection[aria-current="true"] { background: var(--bg-elev); border-color: var(--line); }
+  .collection small { display: block; color: var(--faint); }
+  .chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 14px; }
+  .chip {
+    font-family: var(--mono); font-size: 12px; background: var(--bg-muted);
+    border-radius: 999px; padding: 4px 8px;
+  }
+  .chip i { color: var(--faint); font-style: normal; }
+  table { width: 100%; border-collapse: collapse; font-size: 14px; }
+  th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--line); vertical-align: top; }
+  th { color: var(--faint); font-weight: 600; font-size: 12px; }
+  tr.clickable { cursor: pointer; }
+  tr.clickable:hover { background: var(--bg-muted); }
+  pre, code, .mono { font-family: var(--mono); overflow-wrap: anywhere; }
+  pre {
+    margin: 0; white-space: pre-wrap; word-break: break-word;
+    background: var(--bg-inset); border-radius: 10px; padding: 12px; font-size: 12px;
+  }
+  .row-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
+  .banner {
+    display: none; margin-bottom: 12px; padding: 10px 12px; border-radius: 10px;
+    background: var(--err-soft); color: var(--err);
+  }
+  .banner.show { display: block; }
+  .empty { color: var(--muted); padding: 24px 8px; }
+  dialog {
+    border: 1px solid var(--line); border-radius: var(--radius); padding: 0; background: var(--bg-elev);
+    color: var(--ink); width: min(640px, calc(100vw - 24px)); box-shadow: none;
+  }
+  dialog::backdrop { background: rgb(20 19 17 / 0.45); }
+  dialog form, .dialog-body { padding: 16px; display: flex; flex-direction: column; gap: 10px; }
+  textarea {
+    width: 100%; min-height: 180px; resize: vertical; border-radius: 10px;
+    border: 1px solid var(--line); background: var(--bg-inset); padding: 10px;
+    font-family: var(--mono); font-size: 12px;
+  }
+  .dialog-actions { display: flex; justify-content: flex-end; gap: 8px; }
+  .badge { font-size: 11px; border-radius: 999px; padding: 2px 7px; background: var(--bg-muted); color: var(--muted); }
+  .badge.ok { background: var(--ok-soft); color: var(--ok); }
+  .badge.warn { background: var(--warn-soft); color: var(--warn); }
+  .status-2 { color: var(--ok); }
+  .status-4, .status-5, .status-0 { color: var(--err); }
+  .stack { display: flex; flex-direction: column; gap: 12px; }
+  .route {
+    display: grid; grid-template-columns: 88px 1fr auto; gap: 8px; align-items: center;
+    padding: 8px 0; border-bottom: 1px solid var(--line);
+  }
+  .method { font-family: var(--mono); font-size: 12px; font-weight: 700; }
+  @media (max-width: 800px) {
+    header.top {
+      align-items: stretch; flex-direction: column;
+      padding-top: max(10px, env(safe-area-inset-top));
+    }
+    input, select, textarea { font-size: 16px; }
+    .brand, .vendor, .controls { width: 100%; }
+    label.field, label.field select, label.field input { flex: 1; min-width: 0; }
+    .layout { grid-template-columns: minmax(0, 1fr); }
+    nav.side {
+      flex-direction: row; align-items: center; overflow-x: auto; min-width: 0;
+      border-right: 0; border-bottom: 1px solid var(--line);
+      padding: 8px;
+    }
+    nav.side button { white-space: nowrap; flex: none; }
+    .split { grid-template-columns: minmax(0, 1fr); }
+    main { padding: 14px; }
+    table, thead, tbody, tr, th, td { display: block; }
+    thead { display: none; }
+    tr {
+      border: 1px solid var(--line); border-radius: 12px; margin-bottom: 8px; padding: 6px;
+      background: var(--bg-elev); min-width: 0;
+    }
+    td {
+      border: 0; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px;
+      min-width: 0; overflow-wrap: anywhere;
+    }
+    td::before { content: attr(data-label); color: var(--faint); font-size: 12px; flex: none; }
+    .route { grid-template-columns: 72px 1fr; }
+    .route button { grid-column: 1 / -1; }
+  }
+</style>
+</head>
+<body>
+<div class="app" data-service="${name}" data-mockingbird-admin>
+  <header class="top">
+    <div class="brand">
+      <div class="brand-id">
+        <strong>${name}</strong>
+        <span>Admin</span>
+      </div>
+      <div class="vendor" id="vendor" hidden></div>
+    </div>
+    <div class="controls">
+      <label class="field">Namespace
+        <select id="namespace" aria-label="Namespace"></select>
+      </label>
+      <label class="field">Admin key
+        <input id="admin-key" type="password" autocomplete="off" spellcheck="false" aria-label="Admin key">
+      </label>
+      <button class="icon-btn" id="theme" type="button" aria-label="Toggle color theme">Theme</button>
+      <button class="btn" id="refresh" type="button">Refresh</button>
+    </div>
+  </header>
+  <div class="layout">
+    <nav class="side" id="nav" aria-label="Admin sections">
+      <button type="button" data-view="overview" aria-current="true">Overview</button>
+      <button type="button" data-view="state">State</button>
+      <button type="button" data-view="clock">Clock</button>
+      <button type="button" data-view="faults">Faults</button>
+      <button type="button" data-view="journal">Journal</button>
+      <button type="button" data-view="routes">Routes</button>
+    </nav>
+    <main id="views">
+      <p class="banner" id="banner" role="alert"></p>
+      <section class="view" id="view-overview">
+        <h2>Overview</h2>
+        <p class="lede">Health, clock, and the collections this namespace is holding.</p>
+        <div class="grid" id="overview-cards"></div>
+        <h3>Recent requests</h3>
+        <div id="overview-requests"></div>
+      </section>
+      <section class="view" id="view-state" hidden>
+        <h2>State</h2>
+        <p class="lede">Every collection in this namespace. Declared fields stay visible before any row exists; stored rows add whatever else they contain.</p>
+        <div class="split">
+          <div id="collections"></div>
+          <div>
+            <div id="schema"></div>
+            <div class="row-actions">
+              <button class="btn-primary" id="new-record" type="button">New record</button>
+            </div>
+            <div id="records"></div>
+          </div>
+        </div>
+      </section>
+      <section class="view" id="view-clock" hidden>
+        <h2>Clock</h2>
+        <p class="lede">The clock every timestamp in this mock reads.</p>
+        <div class="card" id="clock-readout"></div>
+        <div class="row-actions">
+          <button class="btn" type="button" data-advance="60000">+1m</button>
+          <button class="btn" type="button" data-advance="900000">+15m</button>
+          <button class="btn" type="button" data-advance="3600000">+1h</button>
+          <button class="btn" type="button" data-advance="86400000">+1d</button>
+          <button class="btn" type="button" data-advance="-3600000">\u22121h</button>
+          <button class="btn" id="freeze" type="button">Freeze</button>
+          <button class="btn-quiet" id="clock-reset" type="button">Reset</button>
+        </div>
+        <form id="clock-set" class="row-actions">
+          <label class="field">Set instant
+            <input id="clock-instant" type="text" placeholder="2026-01-01T00:00:00Z or epoch ms" size="32">
+          </label>
+          <button class="btn-primary" type="submit">Set</button>
+        </form>
+      </section>
+      <section class="view" id="view-faults" hidden>
+        <h2>Faults</h2>
+        <p class="lede">Inject a response, a delay, or a named preset. Rules apply to this namespace.</p>
+        <form id="fault-form" class="card stack">
+          <label class="field">Preset
+            <select id="fault-preset"><option value="">Custom rule</option></select>
+          </label>
+          <label class="field">Status
+            <input id="fault-status" inputmode="numeric" placeholder="503">
+          </label>
+          <label class="field">Path prefix
+            <input id="fault-path" placeholder="/v1">
+          </label>
+          <label class="field">Method
+            <input id="fault-method" placeholder="GET">
+          </label>
+          <div class="dialog-actions">
+            <button class="btn-primary" type="submit">Add fault</button>
+            <button class="btn-danger" id="fault-clear" type="button">Clear all</button>
+          </div>
+        </form>
+        <div id="fault-list"></div>
+      </section>
+      <section class="view" id="view-journal" hidden>
+        <h2>Journal</h2>
+        <p class="lede">Requests this namespace has seen. Bodies are not stored.</p>
+        <div class="row-actions">
+          <button class="btn-danger" id="journal-clear" type="button">Clear journal</button>
+        </div>
+        <div id="journal"></div>
+      </section>
+      <section class="view" id="view-routes" hidden>
+        <h2>Routes</h2>
+        <p class="lede">Shared controls, plus any routes this mock adds. Extra routes are how a bespoke workflow shows up beside the default UI.</p>
+        <div id="route-list"></div>
+        <form id="route-form" class="card stack">
+          <strong id="route-title">Select a route</strong>
+          <label class="field">JSON body
+            <textarea id="route-body" placeholder="{ }"></textarea>
+          </label>
+          <div class="dialog-actions">
+            <button class="btn-primary" type="submit">Send</button>
+          </div>
+          <pre id="route-result">Response will show here.</pre>
+        </form>
+      </section>
+    </main>
+  </div>
+</div>
+<dialog id="editor">
+  <form method="dialog" id="editor-form">
+    <strong id="editor-title">Record</strong>
+    <label class="field">Id
+      <input id="editor-id" required>
+    </label>
+    <label class="field">JSON value
+      <textarea id="editor-value"></textarea>
+    </label>
+    <div class="dialog-actions">
+      <button class="btn-danger" id="editor-delete" type="button" value="delete">Delete</button>
+      <button class="btn-quiet" type="submit" value="cancel">Cancel</button>
+      <button class="btn-primary" type="submit" value="save">Save</button>
+    </div>
+  </form>
+</dialog>
+${script}
+</body>
+</html>`;
+};
+var htmlResponse = (body) => new Response(body, {
+  status: 200,
+  headers: {
+    "content-type": "text/html; charset=utf-8",
+    "cache-control": "no-store"
+  }
+});
+var json2 = (body) => new Response(JSON.stringify(body), {
+  status: 200,
+  headers: { "content-type": "application/json; charset=utf-8" }
+});
+var adminUiRoutes = (service, ui) => {
+  const shell = () => renderAdminDocument(service);
+  const document3 = () => ui?.render ? ui.render({ service, defaultHtml: shell }) : shell();
+  return {
+    "GET /ui": () => htmlResponse(document3()),
+    "GET /ui/": () => htmlResponse(document3()),
+    "GET /ui/manifest": () => json2({
+      service,
+      panels: (ui?.panels ?? []).map((panel) => ({
+        id: panel.id,
+        title: panel.title,
+        ...panel.description !== void 0 ? { description: panel.description } : {},
+        html: panel.html,
+        ...panel.script !== void 0 ? { script: panel.script } : {}
+      }))
+    })
+  };
+};
+
 // ../../openapi/metadata/dist/types.js
 var EXTENSION_KEYS = {
   operation: "x-mockingbird",
@@ -1151,11 +2884,11 @@ var EXTENSION_KEYS = {
 };
 
 // ../../openapi/metadata/dist/read.js
-var isRecord2 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+var isRecord3 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
 var extensionOf = (holder, key) => holder[key];
 var operationMetadata = (operation) => {
   const raw = extensionOf(operation, EXTENSION_KEYS.operation);
-  const ext = isRecord2(raw) ? raw : {};
+  const ext = isRecord3(raw) ? raw : {};
   const supported = ext.supported ?? true;
   const parity = ext.parity ?? {};
   return {
@@ -1191,9 +2924,9 @@ ${problems.map((p) => `  - ${p}`).join("\n")}`);
     this.name = "OperationRegistryError";
   }
 };
-var verifyOperations = (document2, handlers) => {
+var verifyOperations = (document3, handlers) => {
   const problems = [];
-  const operations = listOperations(document2);
+  const operations = listOperations(document3);
   const seen = /* @__PURE__ */ new Set();
   for (const operation of operations) {
     if (seen.has(operation.operationId))
@@ -1302,15 +3035,449 @@ var restoreNamespace = (sqlite, namespace, snapshot) => {
   });
 };
 
+// ../core/dist/state-view.js
+var COLLECTION_NAME = /^[A-Za-z0-9_.@:-]{1,200}$/;
+var RECORD_ID = /^[^\s/]{1,256}$/;
+var SAMPLE = 25;
+var WALK_LIMIT = 1e4;
+var SKIP_CTORS = /* @__PURE__ */ new Set(["Hono", "HonoRequest", "Router"]);
+var fail2 = (status, message) => ({ ok: false, status, message });
+var isRecord4 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+var kindOf = (value) => {
+  if (value === null)
+    return "null";
+  if (Array.isArray(value))
+    return "array";
+  switch (typeof value) {
+    case "string":
+      return "string";
+    case "number":
+      return Number.isFinite(value) ? "number" : "unknown";
+    case "boolean":
+      return "boolean";
+    case "object":
+      return "object";
+    default:
+      return "unknown";
+  }
+};
+var humanize = (name) => {
+  const words = name.replace(/[@:_-]+/g, " ").trim();
+  if (words === "")
+    return name;
+  return words.charAt(0).toUpperCase() + words.slice(1);
+};
+var jsonValue = (value) => {
+  if (value === void 0)
+    return fail2(400, "value is required");
+  try {
+    return { ok: true, value: JSON.parse(JSON.stringify(value)) };
+  } catch {
+    return fail2(400, "value must be JSON");
+  }
+};
+var ctorName = (value) => {
+  const ctor = value.constructor;
+  return typeof ctor?.name === "string" ? ctor.name : "";
+};
+var isSqlite = (value) => "prepare" in value && typeof value.prepare === "function" && "transaction" in value;
+var discoverCollections = (root) => {
+  const found = [];
+  const seen = /* @__PURE__ */ new Set();
+  const visit = (value, depth) => {
+    if (found.length + seen.size > WALK_LIMIT)
+      return;
+    if (value === null || typeof value !== "object")
+      return;
+    if (seen.has(value))
+      return;
+    seen.add(value);
+    if (value instanceof Collection) {
+      found.push(value);
+      return;
+    }
+    if (value instanceof Map) {
+      for (const child of value.values())
+        visit(child, depth + 1);
+      return;
+    }
+    if (value instanceof Set) {
+      for (const child of value.values())
+        visit(child, depth + 1);
+      return;
+    }
+    if (depth > 6 || isSqlite(value) || SKIP_CTORS.has(ctorName(value)))
+      return;
+    if (Array.isArray(value)) {
+      const cap = Math.min(value.length, 32);
+      for (let i = 0; i < cap; i++)
+        visit(value[i], depth + 1);
+      return;
+    }
+    let children;
+    try {
+      children = Object.values(value);
+    } catch {
+      return;
+    }
+    for (const child of children)
+      visit(child, depth + 1);
+  };
+  visit(root, 0);
+  return found;
+};
+var storedNames = (sqlite, namespace) => {
+  const records = sqlite.prepare("SELECT DISTINCT collection AS name FROM mockingbird_records WHERE namespace = ?").all(namespace);
+  const sequences = sqlite.prepare("SELECT DISTINCT name FROM mockingbird_sequences WHERE namespace = ? AND kind = 'collection'").all(namespace);
+  return [...records, ...sequences].map((row) => row.name);
+};
+var blankAccum = (name) => ({
+  name,
+  kinds: /* @__PURE__ */ new Set(),
+  present: 0,
+  nested: /* @__PURE__ */ new Map()
+});
+var absorb = (accum, value) => {
+  const kind = kindOf(value);
+  accum.kinds.add(kind);
+  accum.present++;
+  if (!isRecord4(value))
+    return;
+  for (const [key, child] of Object.entries(value)) {
+    const nested = accum.nested.get(key) ?? blankAccum(key);
+    absorb(nested, child);
+    accum.nested.set(key, nested);
+  }
+};
+var finishField = (accum, samples) => {
+  const kinds = [...accum.kinds];
+  const kind = kinds.length === 1 ? kinds[0] : "unknown";
+  const field = {
+    name: accum.name,
+    kind,
+    optional: accum.present < samples || kinds.includes("null")
+  };
+  if (accum.nested.size > 0) {
+    field.fields = [...accum.nested.values()].sort((a, b) => a.name.localeCompare(b.name)).map((child) => finishField(child, accum.present));
+  }
+  return field;
+};
+var inferFields = (records) => {
+  if (records.length === 0)
+    return [];
+  const sample = records.slice(0, SAMPLE);
+  const objects = sample.filter((record) => isRecord4(record.value));
+  if (objects.length === 0) {
+    const kinds = new Set(sample.map((record) => kindOf(record.value)));
+    const list = [...kinds];
+    return [
+      {
+        name: "(value)",
+        kind: list.length === 1 ? list[0] : "unknown",
+        optional: false
+      }
+    ];
+  }
+  const root = /* @__PURE__ */ new Map();
+  for (const record of objects) {
+    for (const [key, value] of Object.entries(record.value)) {
+      const accum = root.get(key) ?? blankAccum(key);
+      absorb(accum, value);
+      root.set(key, accum);
+    }
+  }
+  return [...root.values()].sort((a, b) => a.name.localeCompare(b.name)).map((accum) => finishField(accum, objects.length));
+};
+var mergeFields = (declared, inferred) => {
+  const byName = /* @__PURE__ */ new Map();
+  for (const field of inferred)
+    byName.set(field.name, field);
+  const ordered = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const field of declared ?? []) {
+    const found = byName.get(field.name);
+    seen.add(field.name);
+    if (!found) {
+      ordered.push({ ...field, optional: field.optional });
+      continue;
+    }
+    ordered.push({
+      ...found,
+      kind: field.kind === "unknown" ? found.kind : field.kind,
+      optional: field.optional || found.optional,
+      ...field.description !== void 0 ? { description: field.description } : {},
+      ...field.meta !== void 0 ? { meta: field.meta } : {},
+      ...field.fields !== void 0 ? { fields: mergeFields(field.fields, found.fields ?? []) } : {}
+    });
+  }
+  for (const field of inferred) {
+    if (!seen.has(field.name))
+      ordered.push(field);
+  }
+  return ordered;
+};
+var collectionOf = (sqlite, namespace, name) => new Collection(sqlite, namespace, name);
+var readRecord = (collection, id) => {
+  const rows = collection.list({ where: (_value, _seq) => true, order: "oldest" });
+  const row = rows.find((entry) => entry.id === id);
+  return row ? { id: row.id, seq: row.seq, value: row.value } : void 0;
+};
+var inspectState = (scope) => {
+  const declared = /* @__PURE__ */ new Map();
+  for (const declaration of scope.declarations ?? []) {
+    if (COLLECTION_NAME.test(declaration.name))
+      declared.set(declaration.name, declaration);
+  }
+  const names = new Set(declared.keys());
+  for (const name of storedNames(scope.sqlite, scope.storageNamespace))
+    names.add(name);
+  for (const collection of discoverCollections(scope.root)) {
+    if (collection.namespace === scope.storageNamespace)
+      names.add(collection.collectionName);
+  }
+  const collections = [];
+  for (const name of names) {
+    if (!COLLECTION_NAME.test(name))
+      continue;
+    const declaration = declared.get(name);
+    const collection = collectionOf(scope.sqlite, scope.storageNamespace, name);
+    const records = collection.list({ order: "newest" }).slice(0, SAMPLE).map((row) => ({ id: row.id, seq: row.seq, value: row.value }));
+    const inferred = inferFields(records);
+    const fields = mergeFields(declaration?.fields, inferred);
+    const source = declaration && records.length > 0 ? "mixed" : declaration ? "declared" : "inferred";
+    collections.push({
+      name,
+      label: declaration?.label ?? humanize(name),
+      ...declaration?.description !== void 0 ? { description: declaration.description } : {},
+      count: collection.count(),
+      source,
+      fields,
+      ...declaration?.meta !== void 0 ? { meta: declaration.meta } : {}
+    });
+  }
+  const order = /* @__PURE__ */ new Map();
+  for (const [index, item] of (scope.declarations ?? []).entries())
+    order.set(item.name, index);
+  collections.sort((a, b) => {
+    const left = order.get(a.name);
+    const right = order.get(b.name);
+    if (left !== void 0 && right !== void 0)
+      return left - right;
+    if (left !== void 0)
+      return -1;
+    if (right !== void 0)
+      return 1;
+    return a.name.localeCompare(b.name);
+  });
+  return {
+    namespace: scope.namespace,
+    storageNamespace: scope.storageNamespace,
+    collections
+  };
+};
+var pageOf = (sqlite, storageNamespace, name, query) => {
+  if (!COLLECTION_NAME.test(name))
+    return fail2(400, "collection name is not allowed");
+  const limit = query.limit ?? 50;
+  if (!Number.isInteger(limit) || limit < 1 || limit > 200) {
+    return fail2(400, "limit must be an integer from 1 to 200");
+  }
+  const order = query.order ?? "newest";
+  if (order !== "newest" && order !== "oldest")
+    return fail2(400, 'order must be "newest" or "oldest"');
+  const collection = collectionOf(sqlite, storageNamespace, name);
+  const rows = collection.list({ order }).filter((row) => {
+    if (query.after === void 0)
+      return true;
+    return order === "newest" ? row.seq < query.after : row.seq > query.after;
+  });
+  const slice = rows.slice(0, limit);
+  const last = slice.at(-1);
+  return {
+    ok: true,
+    value: {
+      collection: name,
+      count: collection.count(),
+      records: slice.map((row) => ({ id: row.id, seq: row.seq, value: row.value })),
+      next: rows.length > limit && last ? last.seq : null
+    }
+  };
+};
+var readStatePage = (scope, name, query = {}) => pageOf(scope.sqlite, scope.storageNamespace, name, query);
+var readStateRecord = (scope, name, id) => {
+  if (!COLLECTION_NAME.test(name))
+    return fail2(400, "collection name is not allowed");
+  if (!RECORD_ID.test(id))
+    return fail2(400, "record id is not allowed");
+  const record = readRecord(collectionOf(scope.sqlite, scope.storageNamespace, name), id);
+  return record ? { ok: true, value: record } : fail2(404, `no record ${id} in ${name}`);
+};
+var requireId = (id) => RECORD_ID.test(id) ? { ok: true, value: id } : fail2(400, "id must be a single path segment");
+var createStateRecord = (scope, name, input) => {
+  if (!COLLECTION_NAME.test(name))
+    return fail2(400, "collection name is not allowed");
+  const parsed = jsonValue(input.value);
+  if (!parsed.ok)
+    return parsed;
+  const collection = collectionOf(scope.sqlite, scope.storageNamespace, name);
+  const id = input.id ?? `${name}_${collection.nextSequence()}`;
+  const checked = requireId(id);
+  if (!checked.ok)
+    return checked;
+  if (collection.has(checked.value))
+    return fail2(409, `record ${checked.value} already exists`);
+  const stored = collection.insert(checked.value, parsed.value);
+  return { ok: true, value: { id: checked.value, seq: stored.seq, value: stored.value } };
+};
+var replaceStateRecord = (scope, name, id, value) => {
+  if (!COLLECTION_NAME.test(name))
+    return fail2(400, "collection name is not allowed");
+  const checked = requireId(id);
+  if (!checked.ok)
+    return checked;
+  const parsed = jsonValue(value);
+  if (!parsed.ok)
+    return parsed;
+  const collection = collectionOf(scope.sqlite, scope.storageNamespace, name);
+  if (!collection.has(checked.value))
+    return fail2(404, `no record ${checked.value} in ${name}`);
+  const stored = collection.update(checked.value, parsed.value);
+  if (!stored)
+    return fail2(404, `no record ${checked.value} in ${name}`);
+  return { ok: true, value: { id: checked.value, seq: stored.seq, value: stored.value } };
+};
+var patchStateRecord = (scope, name, id, value) => {
+  const current = readStateRecord(scope, name, id);
+  if (!current.ok)
+    return current;
+  const parsed = jsonValue(value);
+  if (!parsed.ok)
+    return parsed;
+  const next = isRecord4(current.value.value) && isRecord4(parsed.value) ? { ...current.value.value, ...parsed.value } : parsed.value;
+  return replaceStateRecord(scope, name, id, next);
+};
+var deleteStateRecord = (scope, name, id) => {
+  if (!COLLECTION_NAME.test(name))
+    return fail2(400, "collection name is not allowed");
+  const checked = requireId(id);
+  if (!checked.ok)
+    return checked;
+  const collection = collectionOf(scope.sqlite, scope.storageNamespace, name);
+  return collection.delete(checked.value) ? { ok: true, value: { id: checked.value } } : fail2(404, `no record ${checked.value} in ${name}`);
+};
+var json3 = (status, body) => new Response(JSON.stringify(body), {
+  status,
+  headers: { "content-type": "application/json; charset=utf-8" }
+});
+var adminError2 = (status, message) => json3(status, { error: { type: "mockingbird_admin", message } });
+var fromResult = (result, status) => result.ok ? json3(status, result.value) : adminError2(result.status, result.message);
+var integerParam = (value) => {
+  if (value === null)
+    return void 0;
+  if (!/^-?\d+$/.test(value))
+    return "bad";
+  return Number(value);
+};
+var stateAdminRoutes = (routes) => {
+  const open = (namespace) => {
+    try {
+      return { ok: true, value: routes.open(namespace) };
+    } catch (error) {
+      return fail2(400, error instanceof Error ? error.message : String(error));
+    }
+  };
+  const wrote = (namespace) => {
+    routes.afterWrite?.(namespace);
+  };
+  return {
+    "GET /state": ({ namespace }) => {
+      const scope = open(namespace);
+      return fromResult(scope.ok ? { ok: true, value: inspectState(scope.value) } : scope, 200);
+    },
+    "GET /state/:collection": ({ namespace, params, url }) => {
+      const scope = open(namespace);
+      if (!scope.ok)
+        return fromResult(scope, 200);
+      const limit = integerParam(url.searchParams.get("limit"));
+      const after = integerParam(url.searchParams.get("after"));
+      if (limit === "bad")
+        return adminError2(400, "limit: expected an integer");
+      if (after === "bad")
+        return adminError2(400, "after: expected a sequence number");
+      const order = url.searchParams.get("order");
+      return fromResult(readStatePage(scope.value, params.collection ?? "", {
+        ...limit !== void 0 ? { limit } : {},
+        ...after !== void 0 ? { after } : {},
+        ...order === "newest" || order === "oldest" ? { order } : {}
+      }), 200);
+    },
+    "GET /state/:collection/:id": ({ namespace, params }) => {
+      const scope = open(namespace);
+      if (!scope.ok)
+        return fromResult(scope, 200);
+      return fromResult(readStateRecord(scope.value, params.collection ?? "", params.id ?? ""), 200);
+    },
+    "POST /state/:collection": ({ namespace, params, body }) => {
+      const scope = open(namespace);
+      if (!scope.ok)
+        return fromResult(scope, 201);
+      if (!isRecord4(body) || !("value" in body)) {
+        return adminError2(400, 'expected {"id?": "<id>", "value": <json>}');
+      }
+      const id = body.id;
+      if (id !== void 0 && typeof id !== "string")
+        return adminError2(400, "id must be a string");
+      const created = createStateRecord(scope.value, params.collection ?? "", {
+        ...typeof id === "string" ? { id } : {},
+        value: body.value
+      });
+      if (created.ok)
+        wrote(namespace);
+      return fromResult(created, 201);
+    },
+    "PUT /state/:collection/:id": ({ namespace, params, body }) => {
+      const scope = open(namespace);
+      if (!scope.ok)
+        return fromResult(scope, 200);
+      if (!isRecord4(body) || !("value" in body))
+        return adminError2(400, 'expected {"value": <json>}');
+      const replaced = replaceStateRecord(scope.value, params.collection ?? "", params.id ?? "", body.value);
+      if (replaced.ok)
+        wrote(namespace);
+      return fromResult(replaced, 200);
+    },
+    "PATCH /state/:collection/:id": ({ namespace, params, body }) => {
+      const scope = open(namespace);
+      if (!scope.ok)
+        return fromResult(scope, 200);
+      if (!isRecord4(body) || !("value" in body))
+        return adminError2(400, 'expected {"value": <json>}');
+      const patched = patchStateRecord(scope.value, params.collection ?? "", params.id ?? "", body.value);
+      if (patched.ok)
+        wrote(namespace);
+      return fromResult(patched, 200);
+    },
+    "DELETE /state/:collection/:id": ({ namespace, params }) => {
+      const scope = open(namespace);
+      if (!scope.ok)
+        return fromResult(scope, 200);
+      const removed = deleteStateRecord(scope.value, params.collection ?? "", params.id ?? "");
+      if (removed.ok)
+        wrote(namespace);
+      return fromResult(removed, 200);
+    }
+  };
+};
+
 // ../core/dist/version.js
-var PACKAGE_VERSION = true ? "1.3.0" : UNRELEASED_VERSION;
+var PACKAGE_VERSION = true ? "1.5.0" : UNRELEASED_VERSION;
 
 // ../core/dist/webhooks.js
-var json2 = (status, body) => new Response(JSON.stringify(body), { status, headers: { "content-type": "application/json" } });
-var adminError2 = (status, message) => json2(status, { error: { type: "mockingbird_admin", message } });
-var isRecord3 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+var json4 = (status, body) => new Response(JSON.stringify(body), { status, headers: { "content-type": "application/json" } });
+var adminError3 = (status, message) => json4(status, { error: { type: "mockingbird_admin", message } });
+var isRecord5 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
 var parseEndpoint = (value) => {
-  if (!isRecord3(value) || typeof value.url !== "string")
+  if (!isRecord5(value) || typeof value.url !== "string")
     return "each endpoint needs a url";
   try {
     new URL(value.url);
@@ -1327,18 +3494,18 @@ var parseEndpoint = (value) => {
   const events = value.events ?? value.enabledEvents;
   if (Array.isArray(events))
     endpoint.events = events.map(String);
-  if (isRecord3(value.tags)) {
+  if (isRecord5(value.tags)) {
     endpoint.tags = Object.fromEntries(Object.entries(value.tags).map(([k, v]) => [k, String(v)]));
   }
   if (typeof value.account === "string")
     endpoint.tags = { ...endpoint.tags, account: value.account };
-  if (isRecord3(value.headers)) {
+  if (isRecord5(value.headers)) {
     endpoint.headers = Object.fromEntries(Object.entries(value.headers).map(([k, v]) => [k, String(v)]));
   }
   return endpoint;
 };
 var webhookAdminRoutes = (hub) => ({
-  "GET /webhooks": ({ url, namespace }) => json2(200, {
+  "GET /webhooks": ({ url, namespace }) => json4(200, {
     deliveries: hub.deliveries(url.searchParams.get("all") === "1" ? void 0 : namespace).filter((d) => {
       const type = url.searchParams.get("type");
       return type === null || d.type === type;
@@ -1346,51 +3513,51 @@ var webhookAdminRoutes = (hub) => ({
   }),
   "GET /webhooks/events": ({ url, namespace }) => {
     const type = url.searchParams.get("type");
-    return json2(200, {
+    return json4(200, {
       events: hub.messages(url.searchParams.get("all") === "1" ? void 0 : namespace).filter((m) => type === null || m.type === type).map((m) => ({ ...m, payload: parsePayload(m) }))
     });
   },
   "POST /webhooks/:id/replay": async ({ params }) => {
     const replayed = await hub.replay(params.id);
-    return replayed ? json2(200, replayed) : adminError2(404, `no delivery ${params.id}`);
+    return replayed ? json4(200, replayed) : adminError3(404, `no delivery ${params.id}`);
   },
   "POST /webhooks/flush": async () => {
     await hub.flush();
-    return json2(200, { status: "ok" });
+    return json4(200, { status: "ok" });
   },
   "POST /webhooks/faults": ({ body, namespace }) => {
-    if (!isRecord3(body) || !["duplicate", "reorder", "drop"].includes(String(body.mode))) {
-      return adminError2(400, "mode must be duplicate, reorder or drop");
+    if (!isRecord5(body) || !["duplicate", "reorder", "drop"].includes(String(body.mode))) {
+      return adminError3(400, "mode must be duplicate, reorder or drop");
     }
     const fault = { mode: body.mode };
     if (typeof body.count === "number")
       fault.count = body.count;
     hub.fault(namespace, fault);
-    return json2(201, { namespace, ...fault });
+    return json4(201, { namespace, ...fault });
   },
-  "GET /webhook-endpoints": ({ namespace }) => json2(200, {
+  "GET /webhook-endpoints": ({ namespace }) => json4(200, {
     endpoints: hub.endpoints(namespace).map(({ secret, ...rest }) => ({
       ...rest,
       secret: secret ? "(set)" : null
     }))
   }),
   "PUT /webhook-endpoints": ({ body, namespace }) => {
-    const list = Array.isArray(body) ? body : isRecord3(body) ? body.endpoints : void 0;
+    const list = Array.isArray(body) ? body : isRecord5(body) ? body.endpoints : void 0;
     if (!Array.isArray(list))
-      return adminError2(400, "expected [{url, secret?, events?}]");
+      return adminError3(400, "expected [{url, secret?, events?}]");
     const parsed = [];
     for (const each of list) {
       const endpoint = parseEndpoint(each);
       if (typeof endpoint === "string")
-        return adminError2(400, endpoint);
+        return adminError3(400, endpoint);
       parsed.push(endpoint);
     }
     const set = hub.setEndpoints(namespace, parsed);
-    return json2(200, { endpoints: set.map((e) => ({ ...e, secret: e.secret ? "(set)" : null })) });
+    return json4(200, { endpoints: set.map((e) => ({ ...e, secret: e.secret ? "(set)" : null })) });
   },
   "DELETE /webhook-endpoints": ({ namespace }) => {
     hub.setEndpoints(namespace, []);
-    return json2(200, { status: "ok" });
+    return json4(200, { status: "ok" });
   }
 });
 var parsePayload = (message) => {
@@ -1445,8 +3612,8 @@ var DroppedConnectionError = class extends TypeError {
     this.name = "TypeError";
   }
 };
-var operationMatcher = (document2) => {
-  const matchers = listOperations(document2).map((operation) => ({
+var operationMatcher = (document3) => {
+  const matchers = listOperations(document3).map((operation) => ({
     operationId: operation.operationId,
     method: operation.method.toUpperCase(),
     pattern: new RegExp(`^${operation.path.split("/").map((segment) => segment.startsWith("{") ? "[^/]+" : segment.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("/")}/?$`),
@@ -1455,6 +3622,7 @@ var operationMatcher = (document2) => {
   return (request, path) => matchers.find((m) => m.method === request.method && m.pattern.test(path))?.operationId;
 };
 var createRuntime = (options) => {
+  assertAdminUi(options.adminUi);
   const sqlite = bootSqlite(options.sqlite);
   const clock = options.clock ?? createClock();
   const rng = createRng(options.seed ?? 0);
@@ -1540,10 +3708,10 @@ var createRuntime = (options) => {
   const ensureBranch = (namespace, branch2, at) => {
     if (!BRANCH_PATTERN2.test(branch2))
       throw new RangeError(`branch must match ${BRANCH_PATTERN2}`);
-    const history = timeline(namespace);
+    const history2 = timeline(namespace);
     if (branch2 === "main") {
       if (at !== void 0) {
-        const point = history.checkout("main", at);
+        const point = history2.checkout("main", at);
         restoreNamespace(sqlite, storageNamespace(namespace), point.value.snapshot);
         captured.set(namespace, point.value.snapshot);
         rng.setState(point.value.rngState);
@@ -1556,10 +3724,10 @@ var createRuntime = (options) => {
       return namespace;
     }
     const storage = physicalBranch(namespace, branch2);
-    if (!history.hasBranch(branch2)) {
+    if (!history2.hasBranch(branch2)) {
       if (at === void 0)
-        history.commit(capture(namespace));
-      const point = history.fork(branch2, at === void 0 ? {} : { from: at });
+        history2.commit(capture(namespace));
+      const point = history2.fork(branch2, at === void 0 ? {} : { from: at });
       const branchRng = createRng(options.seed ?? 0);
       if (point)
         branchRng.setState(point.value.rngState);
@@ -1568,8 +3736,8 @@ var createRuntime = (options) => {
         restoreNamespace(sqlite, storageNamespace(storage), point.value.snapshot);
       if (point)
         captured.set(storage, point.value.snapshot);
-    } else if (at !== void 0 && history.head(branch2)?.id !== at) {
-      const point = history.checkout(branch2, at);
+    } else if (at !== void 0 && history2.head(branch2)?.id !== at) {
+      const point = history2.checkout(branch2, at);
       if (!instances.has(storage)) {
         const branchRng = createRng(options.seed ?? 0);
         branchRng.setState(point.value.rngState);
@@ -1580,7 +3748,7 @@ var createRuntime = (options) => {
       captured.set(storage, point.value.snapshot);
     } else {
       if (!instances.has(storage)) {
-        const point = history.head(branch2);
+        const point = history2.head(branch2);
         const branchRng = createRng(options.seed ?? 0);
         if (point)
           branchRng.setState(point.value.rngState);
@@ -1604,8 +3772,8 @@ var createRuntime = (options) => {
   const checkout = (checkpointId, checkoutOptions = {}) => {
     const namespace = checkoutOptions.namespace ?? DEFAULT_NAMESPACE;
     const branchName = checkoutOptions.branch ?? "main";
-    const history = timeline(namespace);
-    const point = history.checkout(branchName, checkpointId);
+    const history2 = timeline(namespace);
+    const point = history2.checkout(branchName, checkpointId);
     const storage = ensureBranch(namespace, branchName);
     restoreNamespace(sqlite, storageNamespace(storage), point.value.snapshot);
     captured.set(storage, point.value.snapshot);
@@ -1655,12 +3823,25 @@ var createRuntime = (options) => {
     instance(name);
     restoreNamespace(sqlite, storageNamespace(name), from);
     captured.set(name, from);
-    const history = timelines.get(name);
-    if (history)
-      history.commit(capture(name), { branch: "main" });
+    const history2 = timelines.get(name);
+    if (history2)
+      history2.commit(capture(name), { branch: "main" });
     else
       timeline(name);
   };
+  const declarationsFor = (namespace) => {
+    const declared = options.state;
+    if (!declared)
+      return [];
+    return typeof declared === "function" ? declared(instance(namespace), namespace) : declared;
+  };
+  const stateScope = (namespace) => ({
+    sqlite,
+    namespace,
+    storageNamespace: storageNamespace(namespace),
+    root: instance(namespace),
+    declarations: declarationsFor(namespace)
+  });
   const runtime = {
     name: options.name,
     sqlite,
@@ -1699,6 +3880,7 @@ var createRuntime = (options) => {
     branch,
     checkout,
     timeline,
+    state: (namespace = DEFAULT_NAMESPACE) => inspectState(stateScope(namespace)),
     fetch: async (incoming) => {
       let request = incoming;
       const prefixed = PATH_PREFIX.exec(new URL(request.url).pathname);
@@ -1872,10 +4054,10 @@ var createRuntime = (options) => {
       },
       release: (name, checkpointId) => timeline(name).release(checkpointId),
       inspect: (name) => {
-        const history = timeline(name);
+        const history2 = timeline(name);
         return {
-          branches: history.branches(),
-          checkpoints: history.checkpoints().map(({ id, branch: branchName, parent, at }) => ({
+          branches: history2.branches(),
+          checkpoints: history2.checkpoints().map(({ id, branch: branchName, parent, at }) => ({
             id,
             branch: branchName,
             parent,
@@ -1890,13 +4072,22 @@ var createRuntime = (options) => {
     } : {},
     routes: {
       ...credentialRoutes(credentials),
-      ...options.presets ? presetRoutes(options.presets, runtime) : {},
       ...options.webhooks ? webhookAdminRoutes(options.webhooks) : {},
-      ...options.admin?.(runtime) ?? {}
+      ...options.admin?.(runtime) ?? {},
+      // Shell routes win a colliding key. Fault presets are one of them: the admin page
+      // maps `presets`, and a service route must not replace that list with a record.
+      ...options.presets ? presetRoutes(options.presets, runtime) : {},
+      ...stateAdminRoutes({
+        open: stateScope,
+        afterWrite: (namespace) => {
+          checkpoint(namespace, "main");
+        }
+      }),
+      ...adminUiRoutes(options.name, options.adminUi)
     },
     adminKey: options.adminKey
   });
-  return runtime;
+  return defineMock(runtime);
 };
 var mutableResponse = (response) => {
   try {
@@ -1960,9 +4151,12 @@ var credentialRoutes = (registry) => ({
   }
 });
 var presetRoutes = (presets, runtime) => ({
-  "GET /faults/presets": () => adminJson(200, {
-    presets: Object.entries(presets).map(([name, preset]) => ({ name, ...preset }))
-  }),
+  "GET /faults/presets": () => {
+    const body = {
+      presets: Object.entries(presets).map(([name, preset]) => ({ name, ...preset }))
+    };
+    return adminJson(200, body);
+  },
   "POST /faults/presets/:name": ({ params, body, namespace }) => {
     const name = params.name;
     if (!presets[name])
@@ -1973,7 +4167,7 @@ var presetRoutes = (presets, runtime) => ({
 });
 
 // src/generated/openapi.ts
-var document = JSON.parse(`{"openapi":"3.1.0","info":{"title":"Payload CMS REST API (Mockingbird subset)","description":"Stateful mock subset of Payload CMS's auto-generated collection REST API: find documents\\n(with a \`where\` query subset, \`limit\`, \`page\`, \`sort\`) and find one by id. Hand-authored\\nfrom Payload's REST API docs and the consumer's response type (payload-cms-response.type.ts).\\n","version":"2","x-mockingbird-upstream":{"note":"Shapes from https://payloadcms.com/docs/rest-api/overview and https://payloadcms.com/docs/queries/overview; the consumer is apps/backend/src/modules/cms/payload-cms/payload-cms.service.ts."}},"servers":[{"url":"https://payload.acme.example"}],"paths":{"/api/{collection}":{"parameters":[{"name":"collection","in":"path","required":true,"schema":{"type":"string","enum":["marketing"]}}],"get":{"operationId":"FindDocuments","description":"Paginated find. \`where[<field>][<operator>]=<value>\` supports equals, not_equals, in, not_in, exists, greater_than(_equal), less_than(_equal), like, contains, and nested \`where[and|or][<i>]\u2026\`. Only the consumer's filters are declared here for parity walks.","x-mockingbird":{"supported":true,"parity":{"enabled":true,"safe":true}},"parameters":[{"name":"where[type][equals]","in":"query","required":false,"schema":{"type":"string","enum":["referral","banner","email"]}},{"name":"where[isActive][equals]","in":"query","required":false,"schema":{"type":"string","enum":["true","false"]}},{"name":"limit","in":"query","required":false,"schema":{"type":"integer","minimum":0,"maximum":100}},{"name":"page","in":"query","required":false,"schema":{"type":"integer","minimum":1,"maximum":20}},{"name":"sort","in":"query","required":false,"schema":{"type":"string","enum":["createdAt","-createdAt","name","-name","id","-id"]}}],"responses":{"200":{"description":"A page of documents","content":{"application/json":{"schema":{"$ref":"#/components/schemas/PaginatedDocs"}}}},"400":{"description":"Invalid query","content":{"application/json":{"schema":{"$ref":"#/components/schemas/Errors"}}}},"404":{"description":"Unknown collection","content":{"application/json":{"schema":{"$ref":"#/components/schemas/Errors"}}}}}}},"/api/{collection}/{id}":{"parameters":[{"name":"collection","in":"path","required":true,"schema":{"type":"string","enum":["marketing"]}},{"name":"id","in":"path","required":true,"schema":{"type":"string","description":"The seeded documents are 1-3; anything else is a 404.","pattern":"^[1-5]$"}}],"get":{"operationId":"FindDocumentById","x-mockingbird":{"supported":true,"parity":{"enabled":true,"safe":true}},"responses":{"200":{"description":"The document","content":{"application/json":{"schema":{"$ref":"#/components/schemas/MarketingDoc"}}}},"404":{"description":"Unknown document or collection","content":{"application/json":{"schema":{"$ref":"#/components/schemas/Errors"}}}}}}}},"components":{"schemas":{"MarketingDoc":{"type":"object","required":["id","name","type","createdAt","updatedAt"],"properties":{"id":{"type":"integer","description":"Integer ids, as Payload's Postgres adapter issues them (the consumer types \`id\` as a number)."},"name":{"type":"string"},"type":{"type":"string","enum":["referral","banner","email"]},"isActive":{"type":"boolean"},"cardTitle":{"type":["string","null"]},"cardSubtitle":{"type":["string","null"]},"cardDescription":{"type":["string","null"]},"ctaTitle":{"type":["string","null"]},"ctaActionText":{"type":["string","null"]},"shareMessage":{"type":["string","null"]},"createdAt":{"type":"string","x-mockingbird-volatile":{"kind":"timestamp"}},"updatedAt":{"type":"string","x-mockingbird-volatile":{"kind":"timestamp"}}}},"PaginatedDocs":{"type":"object","required":["docs","totalDocs","limit","totalPages","page","pagingCounter","hasPrevPage","hasNextPage","prevPage","nextPage"],"properties":{"docs":{"type":"array","items":{"$ref":"#/components/schemas/MarketingDoc"}},"totalDocs":{"type":"integer"},"limit":{"type":"integer"},"totalPages":{"type":"integer"},"page":{"type":"integer"},"pagingCounter":{"type":"integer"},"hasPrevPage":{"type":"boolean"},"hasNextPage":{"type":"boolean"},"prevPage":{"type":["integer","null"]},"nextPage":{"type":["integer","null"]}}},"Errors":{"type":"object","required":["errors"],"properties":{"errors":{"type":"array","items":{"type":"object","required":["message"],"properties":{"message":{"type":"string"}}}}}}}}}`);
+var document2 = JSON.parse(`{"openapi":"3.1.0","info":{"title":"Payload CMS REST API (Mockingbird subset)","description":"Stateful mock subset of Payload CMS's auto-generated collection REST API: find documents\\n(with a \`where\` query subset, \`limit\`, \`page\`, \`sort\`) and find one by id. Hand-authored\\nfrom Payload's REST API docs and the consumer's response type (payload-cms-response.type.ts).\\n","version":"2","x-mockingbird-upstream":{"note":"Shapes from https://payloadcms.com/docs/rest-api/overview and https://payloadcms.com/docs/queries/overview; the consumer is apps/backend/src/modules/cms/payload-cms/payload-cms.service.ts."}},"servers":[{"url":"https://payload.acme.example"}],"paths":{"/api/{collection}":{"parameters":[{"name":"collection","in":"path","required":true,"schema":{"type":"string","enum":["marketing"]}}],"get":{"operationId":"FindDocuments","description":"Paginated find. \`where[<field>][<operator>]=<value>\` supports equals, not_equals, in, not_in, exists, greater_than(_equal), less_than(_equal), like, contains, and nested \`where[and|or][<i>]\u2026\`. Only the consumer's filters are declared here for parity walks.","x-mockingbird":{"supported":true,"parity":{"enabled":true,"safe":true}},"parameters":[{"name":"where[type][equals]","in":"query","required":false,"schema":{"type":"string","enum":["referral","banner","email"]}},{"name":"where[isActive][equals]","in":"query","required":false,"schema":{"type":"string","enum":["true","false"]}},{"name":"limit","in":"query","required":false,"schema":{"type":"integer","minimum":0,"maximum":100}},{"name":"page","in":"query","required":false,"schema":{"type":"integer","minimum":1,"maximum":20}},{"name":"sort","in":"query","required":false,"schema":{"type":"string","enum":["createdAt","-createdAt","name","-name","id","-id"]}}],"responses":{"200":{"description":"A page of documents","content":{"application/json":{"schema":{"$ref":"#/components/schemas/PaginatedDocs"}}}},"400":{"description":"Invalid query","content":{"application/json":{"schema":{"$ref":"#/components/schemas/Errors"}}}},"404":{"description":"Unknown collection","content":{"application/json":{"schema":{"$ref":"#/components/schemas/Errors"}}}}}}},"/api/{collection}/{id}":{"parameters":[{"name":"collection","in":"path","required":true,"schema":{"type":"string","enum":["marketing"]}},{"name":"id","in":"path","required":true,"schema":{"type":"string","description":"The seeded documents are 1-3; anything else is a 404.","pattern":"^[1-5]$"}}],"get":{"operationId":"FindDocumentById","x-mockingbird":{"supported":true,"parity":{"enabled":true,"safe":true}},"responses":{"200":{"description":"The document","content":{"application/json":{"schema":{"$ref":"#/components/schemas/MarketingDoc"}}}},"404":{"description":"Unknown document or collection","content":{"application/json":{"schema":{"$ref":"#/components/schemas/Errors"}}}}}}}},"components":{"schemas":{"MarketingDoc":{"type":"object","required":["id","name","type","createdAt","updatedAt"],"properties":{"id":{"type":"integer","description":"Integer ids, as Payload's Postgres adapter issues them (the consumer types \`id\` as a number)."},"name":{"type":"string"},"type":{"type":"string","enum":["referral","banner","email"]},"isActive":{"type":"boolean"},"cardTitle":{"type":["string","null"]},"cardSubtitle":{"type":["string","null"]},"cardDescription":{"type":["string","null"]},"ctaTitle":{"type":["string","null"]},"ctaActionText":{"type":["string","null"]},"shareMessage":{"type":["string","null"]},"createdAt":{"type":"string","x-mockingbird-volatile":{"kind":"timestamp"}},"updatedAt":{"type":"string","x-mockingbird-volatile":{"kind":"timestamp"}}}},"PaginatedDocs":{"type":"object","required":["docs","totalDocs","limit","totalPages","page","pagingCounter","hasPrevPage","hasNextPage","prevPage","nextPage"],"properties":{"docs":{"type":"array","items":{"$ref":"#/components/schemas/MarketingDoc"}},"totalDocs":{"type":"integer"},"limit":{"type":"integer"},"totalPages":{"type":"integer"},"page":{"type":"integer"},"pagingCounter":{"type":"integer"},"hasPrevPage":{"type":"boolean"},"hasNextPage":{"type":"boolean"},"prevPage":{"type":["integer","null"]},"nextPage":{"type":["integer","null"]}}},"Errors":{"type":"object","required":["errors"],"properties":{"errors":{"type":"array","items":{"type":"object","required":["message"],"properties":{"message":{"type":"string"}}}}}}}}}`);
 var operationIds = ["FindDocuments", "FindDocumentById"];
 var supportedOperationIds = ["FindDocuments", "FindDocumentById"];
 
@@ -2132,11 +4326,11 @@ var PAYLOAD_CMS_PRESETS = {
     rules: [{ pathPrefix: "/api/", latencyMs: 1e4 }]
   }
 };
-var json3 = (status, body) => new Response(JSON.stringify(body), { status, headers: { "content-type": "application/json" } });
-var adminError3 = (status, message) => json3(status, { error: { type: "mockingbird_admin", message } });
-var isRecord4 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+var json5 = (status, body) => new Response(JSON.stringify(body), { status, headers: { "content-type": "application/json" } });
+var adminError4 = (status, message) => json5(status, { error: { type: "mockingbird_admin", message } });
+var isRecord6 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
 var toDocs = (value, now) => {
-  if (!Array.isArray(value) || !value.every(isRecord4)) return "expected {docs: [{\u2026}]}";
+  if (!Array.isArray(value) || !value.every(isRecord6)) return "expected {docs: [{\u2026}]}";
   return value.map((doc, index) => ({
     createdAt: now,
     updatedAt: now,
@@ -2145,33 +4339,33 @@ var toDocs = (value, now) => {
   }));
 };
 var adminRoutes = (runtime) => ({
-  "GET /collections": ({ namespace }) => json3(200, { collections: runtime.instance(namespace).collections() }),
+  "GET /collections": ({ namespace }) => json5(200, { collections: runtime.instance(namespace).collections() }),
   "GET /collections/:slug": ({ params, namespace }) => {
     const collection = runtime.instance(namespace).state.get(params.slug);
-    return collection ? json3(200, collection) : adminError3(404, `no collection ${params.slug}`);
+    return collection ? json5(200, collection) : adminError4(404, `no collection ${params.slug}`);
   },
   "PUT /collections/:slug": ({ params, body, namespace }) => {
     const docs = toDocs(
-      isRecord4(body) ? body.docs : void 0,
+      isRecord6(body) ? body.docs : void 0,
       new Date(runtime.clock.now()).toISOString()
     );
-    if (typeof docs === "string") return adminError3(400, docs);
-    return json3(200, runtime.instance(namespace).state.replace(params.slug, docs));
+    if (typeof docs === "string") return adminError4(400, docs);
+    return json5(200, runtime.instance(namespace).state.replace(params.slug, docs));
   },
   "POST /collections/:slug/docs": ({ params, body, namespace }) => {
-    if (!isRecord4(body)) return adminError3(400, "expected a document object");
-    return json3(201, runtime.instance(namespace).addDoc(params.slug, body));
+    if (!isRecord6(body)) return adminError4(400, "expected a document object");
+    return json5(201, runtime.instance(namespace).addDoc(params.slug, body));
   },
   "PATCH /collections/:slug/docs/:id": ({ params, body, namespace }) => {
-    if (!isRecord4(body)) return adminError3(400, "expected a partial document object");
+    if (!isRecord6(body)) return adminError4(400, "expected a partial document object");
     const doc = runtime.instance(namespace).updateDoc(params.slug, Number(params.id), body);
-    return doc ? json3(200, doc) : adminError3(404, `no document ${params.slug}/${params.id}`);
+    return doc ? json5(200, doc) : adminError4(404, `no document ${params.slug}/${params.id}`);
   },
-  "DELETE /collections/:slug/docs/:id": ({ params, namespace }) => runtime.instance(namespace).deleteDoc(params.slug, Number(params.id)) ? json3(200, { deleted: true }) : adminError3(404, `no document ${params.slug}/${params.id}`)
+  "DELETE /collections/:slug/docs/:id": ({ params, namespace }) => runtime.instance(namespace).deleteDoc(params.slug, Number(params.id)) ? json5(200, { deleted: true }) : adminError4(404, `no document ${params.slug}/${params.id}`)
 });
 var createRuntime2 = (options = {}) => createRuntime({
   name: PAYLOAD_CMS_NAMESPACE,
-  document,
+  document: document2,
   ...options.sqlite ? { sqlite: options.sqlite } : {},
   ...options.clock ? { clock: options.clock } : {},
   ...options.seed !== void 0 ? { seed: options.seed } : {},
@@ -2210,8 +4404,8 @@ var OPERATORS = [
   "like",
   "contains"
 ];
-var isRecord5 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
-var fieldValue = (doc, path) => path.split(".").reduce((value, key) => isRecord5(value) ? value[key] : void 0, doc);
+var isRecord7 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+var fieldValue = (doc, path) => path.split(".").reduce((value, key) => isRecord7(value) ? value[key] : void 0, doc);
 var cast = (raw, sample) => {
   if (typeof raw !== "string") return raw;
   if (typeof sample === "boolean") return raw === "true" ? true : raw === "false" ? false : raw;
@@ -2257,11 +4451,11 @@ var test = (operator, actual, raw) => {
 };
 var compileWhere = (where, fields) => {
   if (where === void 0) return { ok: true, match: () => true };
-  if (!isRecord5(where)) return { ok: false, message: "The where query is malformed." };
+  if (!isRecord7(where)) return { ok: false, message: "The where query is malformed." };
   const parts = [];
   for (const [key, condition] of Object.entries(where)) {
     if (key === "and" || key === "or") {
-      const nested = (Array.isArray(condition) ? condition : isRecord5(condition) ? Object.values(condition) : []).map((item) => compileWhere(item, fields));
+      const nested = (Array.isArray(condition) ? condition : isRecord7(condition) ? Object.values(condition) : []).map((item) => compileWhere(item, fields));
       const failed = nested.find((c) => !c.ok);
       if (failed) return failed;
       const matchers = nested.map((c) => c.match);
@@ -2274,7 +4468,7 @@ var compileWhere = (where, fields) => {
     if (!fields.has(root)) {
       return { ok: false, message: `The following path cannot be queried: ${key}` };
     }
-    if (!isRecord5(condition))
+    if (!isRecord7(condition))
       return { ok: false, message: `The following path cannot be queried: ${key}` };
     for (const [operator, value] of Object.entries(condition)) {
       if (!OPERATORS.includes(operator)) {
@@ -2321,7 +4515,7 @@ var PayloadCmsAPI = class {
       }
     });
     this.service = createService({
-      document,
+      document: document2,
       handlers,
       sqlite,
       namespace,
@@ -2430,7 +4624,7 @@ var PayloadCmsAPI = class {
 };
 
 export {
-  document,
+  document2 as document,
   operationIds,
   supportedOperationIds,
   MARKETING_FIELDS,
@@ -2443,4 +4637,4 @@ export {
   compileWhere,
   PayloadCmsAPI
 };
-//# sourceMappingURL=chunk-BB273WDT.js.map
+//# sourceMappingURL=chunk-7HS4CTPK.js.map