@crvouga/mockingbird-service-livekit 1.4.0 → 1.5.1

package/dist/{chunk-EZZFTKWG.js → chunk-I2AJCCT7.js}

@@ -533,10 +533,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)) {
@@ -548,14 +548,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;
 };
@@ -573,36 +573,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
       });
     }
@@ -963,6 +963,1232 @@ 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 error2 = data.error;
+    if (!isRecord2(error2) || typeof error2.message !== "string" || error2.message === "") {
+      return fallback;
+    }
+    return error2.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 = (error2) => {
+    banner.textContent = error2 instanceof Error ? error2.message : String(error2);
+    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 record2 = await api("GET", `/state/${encodeURIComponent(state.collection)}/${encodeURIComponent(id)}`);
+      if (!isRecord2(record2))
+        throw new Error("Record response was not an object");
+      editorValue.value = JSON.stringify(record2.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 (error2) {
+        const note = document.createElement("p");
+        note.className = "banner show";
+        note.textContent = error2 instanceof Error ? error2.message : String(error2);
+        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 = [
@@ -1031,94 +2257,106 @@ var escapeHtml = (value) => value.replace(/[&<>"']/g, (char) => {
       return "&#39;";
   }
 });
+var ADMIN_BRANDS_URL = "https://mockingbird.chrisvouga.dev/brands.json";
 var renderAdminDocument = (service) => {
   const name = escapeHtml(service);
-  const standard = JSON.stringify(STANDARD_ADMIN_ROUTES);
+  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='3' fill='%233d4f3a'/%3E%3C/svg%3E">
+<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: #f6f5f2;
+    --bg: #fafafa;
     --bg-elev: #ffffff;
-    --bg-muted: #eeece6;
-    --bg-inset: #f3f1eb;
-    --line: #e2dfd6;
-    --line-strong: #d0ccc1;
-    --ink: #1c1915;
-    --muted: #5e584f;
-    --faint: #8a8378;
-    --accent: #3d4f3a;
-    --accent-ink: #f7f6f2;
-    --accent-soft: #e5ece2;
-    --ok: #1f7a45;
-    --ok-soft: #e5f4eb;
-    --warn: #9a6700;
-    --warn-soft: #fbf3df;
-    --err: #a33b32;
-    --err-soft: #fdecea;
-    --shadow: 0 1px 2px rgb(28 25 21 / 0.05), 0 12px 32px rgb(28 25 21 / 0.06);
-    --sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    --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: 14px;
-    --header: 60px;
-    --nav: 220px;
+    --radius: 10px;
+    --header: 56px;
+    --nav: 200px;
   }
   :root[data-theme="dark"] {
     color-scheme: dark;
-    --bg: #141311;
-    --bg-elev: #1e1c19;
-    --bg-muted: #26231f;
-    --bg-inset: #181715;
-    --line: #34302b;
-    --line-strong: #4a453d;
-    --ink: #f4f1ea;
-    --muted: #c4bdb1;
-    --faint: #8f877c;
-    --accent: #c5d5b8;
-    --accent-ink: #1a2118;
-    --accent-soft: #2a3328;
-    --ok: #8fd6a8;
-    --ok-soft: #1a2e22;
-    --warn: #f0cc78;
-    --warn-soft: #332911;
-    --err: #f0a8a2;
-    --err-soft: #3a201e;
-    --shadow: 0 1px 2px rgb(0 0 0 / 0.3), 0 16px 40px rgb(0 0 0 / 0.28);
+    --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: #141311;
-      --bg-elev: #1e1c19;
-      --bg-muted: #26231f;
-      --bg-inset: #181715;
-      --line: #34302b;
-      --line-strong: #4a453d;
-      --ink: #f4f1ea;
-      --muted: #c4bdb1;
-      --faint: #8f877c;
-      --accent: #c5d5b8;
-      --accent-ink: #1a2118;
-      --accent-soft: #2a3328;
-      --ok: #8fd6a8;
-      --ok-soft: #1a2e22;
-      --warn: #f0cc78;
-      --warn-soft: #332911;
-      --err: #f0a8a2;
-      --err-soft: #3a201e;
-      --shadow: 0 1px 2px rgb(0 0 0 / 0.3), 0 16px 40px rgb(0 0 0 / 0.28);
+      --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;
     }
   }
-  * { box-sizing: border-box; }
-  html, body { margin: 0; height: 100%; }
+  /* 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);
@@ -1127,24 +2365,37 @@ var renderAdminDocument = (service) => {
     padding-right: env(safe-area-inset-right);
     -webkit-text-size-adjust: 100%;
   }
-  button, input, select, textarea { font: inherit; color: inherit; }
-  button { cursor: pointer; }
   :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
-  @media (prefers-reduced-motion: reduce) {
-    * { scroll-behavior: auto !important; transition: none !important; }
-  }
-  .app { min-height: 100%; display: flex; flex-direction: column; }
+  .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: color-mix(in srgb, var(--bg-elev) 92%, transparent);
+    background: var(--bg-elev);
     border-bottom: 1px solid var(--line);
-    backdrop-filter: blur(10px);
-  }
-  .brand { display: flex; flex-direction: column; min-width: 0; margin-right: auto; }
-  .brand strong { font-size: 15px; letter-spacing: -0.01em; }
-  .brand span { color: var(--faint); font-size: 12px; }
+    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"] {
@@ -1162,7 +2413,7 @@ var renderAdminDocument = (service) => {
      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; min-height: 0; min-width: 0;
+    flex: 1 0 auto; min-width: 0;
   }
   nav.side {
     border-right: 1px solid var(--line); padding: 12px;
@@ -1177,7 +2428,7 @@ var renderAdminDocument = (service) => {
   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; }
+  .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 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);
@@ -1216,8 +2467,8 @@ var renderAdminDocument = (service) => {
   .banner.show { display: block; }
   .empty { color: var(--muted); padding: 24px 8px; }
   dialog {
-    border: 1px solid var(--line); border-radius: 16px; padding: 0; background: var(--bg-elev);
-    color: var(--ink); width: min(640px, calc(100vw - 24px)); box-shadow: var(--shadow);
+    border: 1px solid var(--line); border-radius: var(--radius); padding: 0; background: var(--bg-elev);
+    color: var(--ink); width: min(640px, calc(100% - 24px)); max-width: 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; }
@@ -1244,7 +2495,7 @@ var renderAdminDocument = (service) => {
       padding-top: max(10px, env(safe-area-inset-top));
     }
     input, select, textarea { font-size: 16px; }
-    .controls { width: 100%; }
+    .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 {
@@ -1275,8 +2526,11 @@ var renderAdminDocument = (service) => {
 <div class="app" data-service="${name}" data-mockingbird-admin>
   <header class="top">
     <div class="brand">
-      <strong>${name}</strong>
-      <span>Mockingbird admin</span>
+      <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
@@ -1406,460 +2660,7 @@ var renderAdminDocument = (service) => {
     </div>
   </form>
 </dialog>
-<script>
-(() => {
-  const STANDARD = new Set(${standard})
-  const state = {
-    namespace: "default",
-    key: sessionStorage.getItem("mockingbird-admin-key") || "",
-    view: "overview",
-    collection: "",
-    shape: null,
-    route: null,
-    editing: null
-  }
-  const $ = (id) => document.getElementById(id)
-  const banner = $("banner")
-  const keyInput = $("admin-key")
-  keyInput.value = state.key
-  const params = new URLSearchParams(location.search)
-  if (params.get("key")) {
-    state.key = params.get("key")
-    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 : ""))
-  }
-  if (params.get("namespace")) state.namespace = params.get("namespace")
-
-  const showError = (error) => {
-    banner.textContent = error instanceof Error ? error.message : String(error)
-    banner.classList.add("show")
-  }
-  const clearError = () => banner.classList.remove("show")
-
-  async function originGet(path) {
-    const response = await fetch(path, { headers: { accept: "application/json" } })
-    if (!response.ok) throw new Error(response.status + " " + path)
-    return response.json()
-  }
-  async function api(method, path, body) {
-    const headers = { accept: "application/json" }
-    if (state.key) headers["${ADMIN_KEY_HEADER}"] = state.key
-    if (state.namespace) headers["x-mockingbird-namespace"] = state.namespace
-    if (body !== undefined) headers["content-type"] = "application/json"
-    const response = await fetch("${ADMIN_PREFIX}" + path, {
-      method,
-      headers,
-      body: body === undefined ? undefined : JSON.stringify(body)
-    })
-    const text = await response.text()
-    let data = null
-    if (text) {
-      try { data = JSON.parse(text) } catch { data = { raw: text } }
-    }
-    if (response.status === 401) {
-      keyInput.focus()
-      throw new Error((data && data.error && data.error.message) || "Admin key required")
-    }
-    if (!response.ok) {
-      throw new Error((data && data.error && data.error.message) || (response.status + " " + method + " " + path))
-    }
-    return data
-  }
-  const panelApi = {
-    get: (path) => api("GET", path),
-    send: (method, path, body) => api(method, path, body),
-    namespace: () => state.namespace
-  }
-
-  function 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)
-  $("theme").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)
-  })
-
-  function show(view) {
-    state.view = view
-    for (const button of document.querySelectorAll("#nav button")) {
-      button.setAttribute("aria-current", button.dataset.view === view ? "true" : "false")
-    }
-    for (const section of document.querySelectorAll("main .view")) {
-      section.hidden = section.id !== "view-" + view
-    }
-  }
-  document.getElementById("nav").addEventListener("click", (event) => {
-    const button = event.target.closest("button[data-view]")
-    if (!button) return
-    show(button.dataset.view)
-    refresh().catch(showError)
-  })
-
-  function cards(items) {
-    return '<div class="grid">' + items.map((item) =>
-      '<article class="card"><div class="k">' + item.k + '</div><div class="v">' + item.v + '</div></article>'
-    ).join("") + "</div>"
-  }
-  function 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) => "<tr" + (row.attrs || "") + ">" + columns.map((column) =>
-      '<td data-label="' + column.label + '">' + column.cell(row) + "</td>"
-    ).join("") + "</tr>").join("")
-    return "<table><thead>" + head + "</thead><tbody>" + body + "</tbody></table>"
-  }
-  const esc = (value) => String(value ?? "").replace(/[&<>"']/g, (char) => ({
-    "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;"
-  }[char]))
-  const preview = (value) => {
-    const text = JSON.stringify(value)
-    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>"
-  }
-
-  async function loadNamespaces() {
-    const data = await api("GET", "/namespaces")
-    const select = $("namespace")
-    const names = data.namespaces && data.namespaces.length ? data.namespaces : [data.default || "default"]
-    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
-  }
-
-  async function renderOverview() {
-    const [health, shape, clock, journal] = await Promise.all([
-      originGet("/health"),
-      api("GET", "/state"),
-      api("GET", "/clock"),
-      api("GET", "/requests?limit=8")
-    ])
-    state.shape = shape
-    $("overview-cards").innerHTML = cards([
-      { k: "Service", v: esc(health.service || "${name}") },
-      { k: "Status", v: esc(health.status || "ok") },
-      { k: "Namespace", v: esc(state.namespace) },
-      { k: "Collections", v: String(shape.collections.length) },
-      { k: "Records", v: String(shape.collections.reduce((sum, item) => sum + item.count, 0)) },
-      { k: "Clock", v: clockCard(clock.now) }
-    ])
-    const requests = (journal && journal.requests) || []
-    $("overview-requests").innerHTML = table(
-      [
-        { label: "Method", cell: (row) => esc(row.method) },
-        { label: "Path", cell: (row) => esc(row.path) },
-        { label: "Status", cell: (row) => '<span class="status-' + String(row.status).charAt(0) + '">' + esc(row.status) + "</span>" },
-        { label: "Operation", cell: (row) => esc(row.operationId || "") }
-      ],
-      requests
-    )
-  }
-
-  function schemaChips(collection) {
-    if (!collection || 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>"
-  }
-
-  async function renderState() {
-    const shape = await api("GET", "/state")
-    state.shape = shape
-    const host = $("collections")
-    if (shape.collections.length === 0) {
-      host.innerHTML = '<p class="empty">This namespace has no collections yet.</p>'
-      $("schema").innerHTML = ""
-      $("records").innerHTML = ""
-      return
-    }
-    if (!shape.collections.some((item) => item.name === state.collection)) {
-      state.collection = shape.collections[0].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)
-    $("schema").innerHTML = "<h3>" + esc(selected.label) + "</h3>" +
-      (selected.description ? "<p class=" + '"lede">' + esc(selected.description) + "</p>" : "") +
-      schemaChips(selected)
-    const page = await api("GET", "/state/" + encodeURIComponent(state.collection) + "?limit=50")
-    const rows = page.records.map((record) => ({
-      ...record,
-      attrs: ' class="clickable" data-id="' + esc(record.id) + '"'
-    }))
-    $("records").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) }
-      ],
-      rows
-    )
-  }
-
-  async function renderClock() {
-    const clock = await api("GET", "/clock")
-    $("clock-readout").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>"
-    $("freeze").textContent = clock.frozen ? "Unfreeze" : "Freeze"
-    $("freeze").dataset.frozen = clock.frozen ? "1" : "0"
-  }
-
-  async function renderFaults() {
-    const [faults, presets] = await Promise.all([
-      api("GET", "/faults"),
-      api("GET", "/faults/presets").catch(() => ({ presets: [] }))
-    ])
-    const select = $("fault-preset")
-    const current = select.value
-    const list = 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
-    const rules = faults.faults || []
-    $("fault-list").innerHTML = table(
-      [
-        { label: "Id", cell: (row) => esc(row.id) },
-        { label: "Match", cell: (row) => esc([row.method, row.pathPrefix, row.operationId].filter(Boolean).join(" ") || "all") },
-        { label: "Effect", cell: (row) => esc(row.status ?? row.effect ?? (row.drop ? "drop" : row.latencyMs || "")) }
-      ],
-      rules
-    )
-  }
-
-  async function renderJournal() {
-    const journal = await api("GET", "/requests?limit=100")
-    $("journal").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) }
-      ],
-      journal.requests || []
-    )
-  }
-
-  async function renderRoutes() {
-    const data = await api("GET", "/")
-    const routes = data.routes || []
-    $("route-list").innerHTML = routes.map((route) => {
-      const extra = STANDARD.has(route) ? "" : " <span class='badge'>extension</span>"
-      return '<div class="route"><span class="method">' + esc(route.split(" ")[0]) +
-        '</span><span>' + esc(route.split(" ").slice(1).join(" ")) + 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()
-    if (state.view in renderers) await renderers[state.view]()
-  }
-
-  $("namespace").addEventListener("change", () => {
-    state.namespace = $("namespace").value
-    refresh().catch(showError)
-  })
-  keyInput.addEventListener("change", () => {
-    state.key = keyInput.value.trim()
-    sessionStorage.setItem("mockingbird-admin-key", state.key)
-    refresh().catch(showError)
-  })
-  $("refresh").addEventListener("click", () => refresh().catch(showError))
-
-  $("collections").addEventListener("click", (event) => {
-    const button = event.target.closest("[data-collection]")
-    if (!button) return
-    state.collection = button.dataset.collection
-    renderState().catch(showError)
-  })
-  $("records").addEventListener("click", (event) => {
-    const row = event.target.closest("[data-id]")
-    if (!row) return
-    openEditor(row.dataset.id).catch(showError)
-  })
-
-  const editor = $("editor")
-  async function openEditor(id) {
-    state.editing = id || null
-    $("editor-title").textContent = id ? "Edit record" : "New record"
-    $("editor-id").value = id || ""
-    $("editor-id").readOnly = Boolean(id)
-    $("editor-delete").hidden = !id
-    if (id) {
-      const record = await api("GET", "/state/" + encodeURIComponent(state.collection) + "/" + encodeURIComponent(id))
-      $("editor-value").value = JSON.stringify(record.value, null, 2)
-    } else {
-      $("editor-value").value = "{\\n  \\n}"
-    }
-    editor.showModal()
-  }
-  $("new-record").addEventListener("click", () => openEditor(null).catch(showError))
-  $("editor-form").addEventListener("submit", (event) => {
-    const submitter = event.submitter
-    if (!submitter || submitter.value !== "save") return
-    event.preventDefault()
-    let value
-    try { value = JSON.parse($("editor-value").value) }
-    catch { showError(new Error("Value is not JSON")); return }
-    const id = $("editor-id").value.trim()
-    const path = "/state/" + encodeURIComponent(state.collection)
-    const request = state.editing
-      ? api("PUT", path + "/" + encodeURIComponent(id), { value })
-      : api("POST", path, { id: id || undefined, value })
-    request.then(() => { editor.close(); return renderState() }).catch(showError)
-  })
-  $("editor-delete").addEventListener("click", () => {
-    const id = state.editing
-    if (!id) return
-    api("DELETE", "/state/" + encodeURIComponent(state.collection) + "/" + encodeURIComponent(id))
-      .then(() => { editor.close(); return renderState() })
-      .catch(showError)
-  })
-
-  document.querySelectorAll("[data-advance]").forEach((button) => {
-    button.addEventListener("click", () => {
-      api("POST", "/clock", { advance: Number(button.dataset.advance) }).then(renderClock).catch(showError)
-    })
-  })
-  $("freeze").addEventListener("click", () => {
-    const frozen = $("freeze").dataset.frozen === "1"
-    api("POST", "/clock", { freeze: !frozen }).then(renderClock).catch(showError)
-  })
-  $("clock-reset").addEventListener("click", () => {
-    api("POST", "/clock", { reset: true }).then(renderClock).catch(showError)
-  })
-  $("clock-set").addEventListener("submit", (event) => {
-    event.preventDefault()
-    const raw = $("clock-instant").value.trim()
-    const set = /^-?\\d+$/.test(raw) ? Number(raw) : raw
-    api("POST", "/clock", { set }).then(renderClock).catch(showError)
-  })
-
-  $("fault-form").addEventListener("submit", (event) => {
-    event.preventDefault()
-    const preset = $("fault-preset").value
-    const body = preset
-      ? { preset }
-      : {
-          status: Number($("fault-status").value),
-          ...($("fault-path").value ? { pathPrefix: $("fault-path").value } : {}),
-          ...($("fault-method").value ? { method: $("fault-method").value } : {})
-        }
-    if (!preset && !Number.isFinite(body.status)) {
-      showError(new Error("Status must be a number, or choose a preset"))
-      return
-    }
-    api("POST", "/faults", body).then(renderFaults).catch(showError)
-  })
-  $("fault-clear").addEventListener("click", () => api("DELETE", "/faults").then(renderFaults).catch(showError))
-  $("journal-clear").addEventListener("click", () => api("DELETE", "/requests").then(renderJournal).catch(showError))
-
-  $("route-list").addEventListener("click", (event) => {
-    const button = event.target.closest("[data-route]")
-    if (!button) return
-    state.route = button.dataset.route
-    $("route-title").textContent = state.route
-    const method = state.route.split(" ")[0]
-    $("route-body").disabled = method === "GET" || method === "DELETE"
-  })
-  $("route-form").addEventListener("submit", async (event) => {
-    event.preventDefault()
-    if (!state.route) return showError(new Error("Choose a route first"))
-    const [method, path] = [state.route.split(" ")[0], state.route.split(" ").slice(1).join(" ")]
-    const concrete = path.replace(/:([A-Za-z0-9_]+)/g, (_, key) => prompt("Value for " + key) || "")
-    let body
-    if (method !== "GET" && method !== "DELETE" && $("route-body").value.trim()) {
-      try { body = JSON.parse($("route-body").value) }
-      catch { return showError(new Error("Body is not JSON")) }
-    }
-    try {
-      const data = await api(method, concrete, body)
-      $("route-result").textContent = JSON.stringify(data, null, 2)
-    } catch (error) {
-      showError(error)
-    }
-  })
-
-  function mountPanels(panels) {
-    const nav = $("nav")
-    const views = $("views")
-    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) {
-        try {
-          const run = new Function("root", "api", panel.script)
-          run(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)
-        }
-      }
-    }
-  }
-
-  loadNamespaces()
-    .then(() => api("GET", "/ui/manifest"))
-    .then((manifest) => { mountPanels((manifest && manifest.panels) || []); return refresh() })
-    .catch(showError)
-})()
-</script>
+${script}
 </body>
 </html>`;
 };
@@ -1876,10 +2677,10 @@ var json2 = (body) => new Response(JSON.stringify(body), {
 });
 var adminUiRoutes = (service, ui) => {
   const shell = () => renderAdminDocument(service);
-  const document2 = () => ui?.render ? ui.render({ service, defaultHtml: shell }) : shell();
+  const document3 = () => ui?.render ? ui.render({ service, defaultHtml: shell }) : shell();
   return {
-    "GET /ui": () => htmlResponse(document2()),
-    "GET /ui/": () => htmlResponse(document2()),
+    "GET /ui": () => htmlResponse(document3()),
+    "GET /ui/": () => htmlResponse(document3()),
     "GET /ui/manifest": () => json2({
       service,
       panels: (ui?.panels ?? []).map((panel) => ({
@@ -2367,7 +3168,7 @@ var SAMPLE = 25;
 var WALK_LIMIT = 1e4;
 var SKIP_CTORS = /* @__PURE__ */ new Set(["Hono", "HonoRequest", "Router"]);
 var fail = (status, message) => ({ ok: false, status, message });
-var isRecord2 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+var isRecord3 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
 var kindOf = (value) => {
   if (value === null)
     return "null";
@@ -2466,7 +3267,7 @@ var absorb = (accum, value) => {
   const kind = kindOf(value);
   accum.kinds.add(kind);
   accum.present++;
-  if (!isRecord2(value))
+  if (!isRecord3(value))
     return;
   for (const [key, child] of Object.entries(value)) {
     const nested = accum.nested.get(key) ?? blankAccum(key);
@@ -2491,7 +3292,7 @@ var inferFields = (records) => {
   if (records.length === 0)
     return [];
   const sample = records.slice(0, SAMPLE);
-  const objects = sample.filter((record2) => isRecord2(record2.value));
+  const objects = sample.filter((record2) => isRecord3(record2.value));
   if (objects.length === 0) {
     const kinds = new Set(sample.map((record2) => kindOf(record2.value)));
     const list = [...kinds];
@@ -2678,7 +3479,7 @@ var patchStateRecord = (scope, name, id, value) => {
   const parsed = jsonValue(value);
   if (!parsed.ok)
     return parsed;
-  const next = isRecord2(current.value.value) && isRecord2(parsed.value) ? { ...current.value.value, ...parsed.value } : parsed.value;
+  const next = isRecord3(current.value.value) && isRecord3(parsed.value) ? { ...current.value.value, ...parsed.value } : parsed.value;
   return replaceStateRecord(scope, name, id, next);
 };
 var deleteStateRecord = (scope, name, id) => {
@@ -2746,7 +3547,7 @@ var stateAdminRoutes = (routes) => {
       const scope = open(namespace);
       if (!scope.ok)
         return fromResult(scope, 201);
-      if (!isRecord2(body) || !("value" in body)) {
+      if (!isRecord3(body) || !("value" in body)) {
         return adminError2(400, 'expected {"id?": "<id>", "value": <json>}');
       }
       const id = body.id;
@@ -2764,7 +3565,7 @@ var stateAdminRoutes = (routes) => {
       const scope = open(namespace);
       if (!scope.ok)
         return fromResult(scope, 200);
-      if (!isRecord2(body) || !("value" in body))
+      if (!isRecord3(body) || !("value" in body))
         return adminError2(400, 'expected {"value": <json>}');
       const replaced = replaceStateRecord(scope.value, params.collection ?? "", params.id ?? "", body.value);
       if (replaced.ok)
@@ -2775,7 +3576,7 @@ var stateAdminRoutes = (routes) => {
       const scope = open(namespace);
       if (!scope.ok)
         return fromResult(scope, 200);
-      if (!isRecord2(body) || !("value" in body))
+      if (!isRecord3(body) || !("value" in body))
         return adminError2(400, 'expected {"value": <json>}');
       const patched = patchStateRecord(scope.value, params.collection ?? "", params.id ?? "", body.value);
       if (patched.ok)
@@ -2795,7 +3596,7 @@ var stateAdminRoutes = (routes) => {
 };
 
 // ../core/dist/version.js
-var PACKAGE_VERSION = true ? "1.4.0" : UNRELEASED_VERSION;
+var PACKAGE_VERSION = true ? "1.5.1" : UNRELEASED_VERSION;
 
 // ../core/dist/signing.js
 var encoder = new TextEncoder();
@@ -3132,9 +3933,9 @@ var createWebhookHub = (options) => {
 };
 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 isRecord3 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+var isRecord4 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
 var parseEndpoint = (value) => {
-  if (!isRecord3(value) || typeof value.url !== "string")
+  if (!isRecord4(value) || typeof value.url !== "string")
     return "each endpoint needs a url";
   try {
     new URL(value.url);
@@ -3151,12 +3952,12 @@ var parseEndpoint = (value) => {
   const events = value.events ?? value.enabledEvents;
   if (Array.isArray(events))
     endpoint.events = events.map(String);
-  if (isRecord3(value.tags)) {
+  if (isRecord4(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 (isRecord4(value.headers)) {
     endpoint.headers = Object.fromEntries(Object.entries(value.headers).map(([k, v]) => [k, String(v)]));
   }
   return endpoint;
@@ -3183,7 +3984,7 @@ var webhookAdminRoutes = (hub) => ({
     return json4(200, { status: "ok" });
   },
   "POST /webhooks/faults": ({ body, namespace }) => {
-    if (!isRecord3(body) || !["duplicate", "reorder", "drop"].includes(String(body.mode))) {
+    if (!isRecord4(body) || !["duplicate", "reorder", "drop"].includes(String(body.mode))) {
       return adminError3(400, "mode must be duplicate, reorder or drop");
     }
     const fault = { mode: body.mode };
@@ -3199,7 +4000,7 @@ var webhookAdminRoutes = (hub) => ({
     }))
   }),
   "PUT /webhook-endpoints": ({ body, namespace }) => {
-    const list = Array.isArray(body) ? body : isRecord3(body) ? body.endpoints : void 0;
+    const list = Array.isArray(body) ? body : isRecord4(body) ? body.endpoints : void 0;
     if (!Array.isArray(list))
       return adminError3(400, "expected [{url, secret?, events?}]");
     const parsed = [];
@@ -3267,8 +4068,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("/")}/?$`),
@@ -3363,10 +4164,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);
@@ -3379,10 +4180,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);
@@ -3391,8 +4192,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);
@@ -3403,7 +4204,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);
@@ -3427,8 +4228,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);
@@ -3478,9 +4279,9 @@ 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);
   };
@@ -3709,10 +4510,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,
@@ -3727,11 +4528,11 @@ var createRuntime = (options) => {
     } : {},
     routes: {
       ...credentialRoutes(credentials),
-      ...options.presets ? presetRoutes(options.presets, runtime) : {},
       ...options.webhooks ? webhookAdminRoutes(options.webhooks) : {},
       ...options.admin?.(runtime) ?? {},
-      // Standard state and UI routes win a colliding key. A service adds its own keys
-      // beside these; it does not replace `/state` or `/ui`.
+      // 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) => {
@@ -3806,9 +4607,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])
@@ -3866,7 +4670,7 @@ var verifyJwt = async (token, secrets, now) => {
 var bodySha256 = async (body) => bytesToBase64(new Uint8Array(await crypto.subtle.digest("SHA-256", encoder2.encode(body))));
 
 // src/generated/openapi.ts
-var document = JSON.parse(`{"openapi":"3.1.0","info":{"title":"LiveKit Server API (Mockingbird subset)","version":"2.19.1","description":"Twirp JSON room, participant, egress, and SIP contract."},"servers":[{"url":"https://example.livekit.cloud"}],"paths":{"/twirp/livekit.RoomService/{method}":{"post":{"operationId":"RoomService","x-mockingbird":{"supported":true,"parity":{"enabled":true,"safe":false}},"parameters":[{"name":"method","in":"path","required":true,"schema":{"type":"string"}},{"name":"Authorization","in":"header","required":true,"schema":{"type":"string"}}],"requestBody":{"required":true,"content":{"application/json":{"schema":{"type":"object","additionalProperties":true}}}},"responses":{"200":{"description":"Protobuf JSON response","content":{"application/json":{"schema":{"type":"object","additionalProperties":true}}}},"400":{"description":"Twirp error","content":{"application/json":{"schema":{"type":"object","additionalProperties":true}}}}}}},"/twirp/livekit.Egress/{method}":{"post":{"operationId":"EgressService","x-mockingbird":{"supported":true,"parity":{"enabled":true,"safe":false}},"parameters":[{"name":"method","in":"path","required":true,"schema":{"type":"string"}}],"requestBody":{"required":true,"content":{"application/json":{"schema":{"type":"object","additionalProperties":true}}}},"responses":{"200":{"description":"Protobuf JSON response","content":{"application/json":{"schema":{"type":"object","additionalProperties":true}}}}}}},"/twirp/livekit.SIP/{method}":{"post":{"operationId":"SipService","x-mockingbird":{"supported":true,"parity":{"enabled":true,"safe":false}},"parameters":[{"name":"method","in":"path","required":true,"schema":{"type":"string"}}],"requestBody":{"required":true,"content":{"application/json":{"schema":{"type":"object","additionalProperties":true}}}},"responses":{"200":{"description":"Protobuf JSON response","content":{"application/json":{"schema":{"type":"object","additionalProperties":true}}}}}}}}}`);
+var document2 = JSON.parse(`{"openapi":"3.1.0","info":{"title":"LiveKit Server API (Mockingbird subset)","version":"2.19.1","description":"Twirp JSON room, participant, egress, and SIP contract."},"servers":[{"url":"https://example.livekit.cloud"}],"paths":{"/twirp/livekit.RoomService/{method}":{"post":{"operationId":"RoomService","x-mockingbird":{"supported":true,"parity":{"enabled":true,"safe":false}},"parameters":[{"name":"method","in":"path","required":true,"schema":{"type":"string"}},{"name":"Authorization","in":"header","required":true,"schema":{"type":"string"}}],"requestBody":{"required":true,"content":{"application/json":{"schema":{"type":"object","additionalProperties":true}}}},"responses":{"200":{"description":"Protobuf JSON response","content":{"application/json":{"schema":{"type":"object","additionalProperties":true}}}},"400":{"description":"Twirp error","content":{"application/json":{"schema":{"type":"object","additionalProperties":true}}}}}}},"/twirp/livekit.Egress/{method}":{"post":{"operationId":"EgressService","x-mockingbird":{"supported":true,"parity":{"enabled":true,"safe":false}},"parameters":[{"name":"method","in":"path","required":true,"schema":{"type":"string"}}],"requestBody":{"required":true,"content":{"application/json":{"schema":{"type":"object","additionalProperties":true}}}},"responses":{"200":{"description":"Protobuf JSON response","content":{"application/json":{"schema":{"type":"object","additionalProperties":true}}}}}}},"/twirp/livekit.SIP/{method}":{"post":{"operationId":"SipService","x-mockingbird":{"supported":true,"parity":{"enabled":true,"safe":false}},"parameters":[{"name":"method","in":"path","required":true,"schema":{"type":"string"}}],"requestBody":{"required":true,"content":{"application/json":{"schema":{"type":"object","additionalProperties":true}}}},"responses":{"200":{"description":"Protobuf JSON response","content":{"application/json":{"schema":{"type":"object","additionalProperties":true}}}}}}}}}`);
 var operationIds = ["RoomService", "EgressService", "SipService"];
 var supportedOperationIds = ["RoomService", "EgressService", "SipService"];
 
@@ -3984,7 +4788,7 @@ var createRuntime2 = (options = {}) => {
   });
   const runtime = createRuntime({
     name: LIVEKIT_NAMESPACE,
-    document,
+    document: document2,
     presets: LIVEKIT_PRESETS,
     ...options.sqlite ? { sqlite: options.sqlite } : {},
     ...options.clock ? { clock: options.clock } : {},
@@ -4363,7 +5167,7 @@ var LiveKitAPI = class {
 };
 
 export {
-  document,
+  document2 as document,
   operationIds,
   supportedOperationIds,
   LIVEKIT_PRESETS,
@@ -4371,4 +5175,4 @@ export {
   LIVEKIT_NAMESPACE,
   LiveKitAPI
 };
-//# sourceMappingURL=chunk-EZZFTKWG.js.map
+//# sourceMappingURL=chunk-I2AJCCT7.js.map