@uiresponse/renderer-react 0.1.0

package/dist/uir-renderer-web.js

@@ -0,0 +1,2213 @@
+import { jsxs as m, jsx as s, Fragment as Me } from "react/jsx-runtime";
+import ln, { createContext as cn, useContext as un, useReducer as dn, useMemo as E, useRef as C, useCallback as P, useEffect as j, useId as Pt, useState as V, useLayoutEffect as hn } from "react";
+import { MiniLineChart as mn, AreaChart as fn, LineChart as pn, BarChart as gn } from "@openuidev/react-ui";
+const Xe = cn(null);
+function W() {
+  const e = un(Xe);
+  if (!e) throw new Error("OBL blocks must render inside <UIResponsePage>.");
+  return e;
+}
+function Y(e, t, n) {
+  return { dataset: e.dataset, params: e.params, now: e.now, row: t };
+}
+const X = (e) => e !== null && typeof e == "object" && !Array.isArray(e) && "$bind" in e, It = (e) => e !== null && typeof e == "object" && typeof e.$param == "string", yn = (e) => e !== null && typeof e == "object" && e.$now !== null && typeof e.$now == "object", Ot = (e) => e !== null && typeof e == "object" && e.$self === !0, U = (e) => e != null;
+class ge extends Error {
+}
+function _n(e) {
+  return e.field ? e.aggregate || e.row || e.scope === "row" ? "scalar" : "column" : e.aggregate ? "scalar" : "rows";
+}
+function wn(e, t) {
+  const n = new Date(e);
+  switch (t) {
+    case "year":
+      n.setMonth(0, 1), n.setHours(0, 0, 0, 0);
+      break;
+    case "quarter":
+      n.setMonth(Math.floor(n.getMonth() / 3) * 3, 1), n.setHours(0, 0, 0, 0);
+      break;
+    case "month":
+      n.setDate(1), n.setHours(0, 0, 0, 0);
+      break;
+    case "week": {
+      const r = (n.getDay() + 6) % 7;
+      n.setDate(n.getDate() - r), n.setHours(0, 0, 0, 0);
+      break;
+    }
+    case "day":
+      n.setHours(0, 0, 0, 0);
+      break;
+  }
+  return n;
+}
+function bn(e, t) {
+  const n = e.$now ?? {};
+  let r = new Date(t);
+  return n.offset_days && r.setDate(r.getDate() + n.offset_days), n.offset_months && r.setMonth(r.getMonth() + n.offset_months), n.offset_years && r.setFullYear(r.getFullYear() + n.offset_years), n.truncate && (r = wn(r, n.truncate)), r;
+}
+const vn = (e) => e.filter((t) => t != null && t !== "" && Number.isFinite(Number(t))).map(Number);
+function Nn(e) {
+  if (!e.length) return null;
+  const t = [...e].sort((r, i) => r - i), n = t.length >> 1;
+  return t.length % 2 ? t[n] : (t[n - 1] + t[n]) / 2;
+}
+function kn(e, t, n) {
+  if (n === "count") return t ? e.filter((i) => U(i[t])).length : e.length;
+  if (n === "count_distinct") return new Set(e.map((i) => i[t]).filter(U)).size;
+  const r = vn(e.map((i) => i[t]));
+  if (!r.length) return null;
+  switch (n) {
+    case "sum":
+      return r.reduce((i, a) => i + a, 0);
+    case "avg":
+      return r.reduce((i, a) => i + a, 0) / r.length;
+    case "min":
+      return Math.min(...r);
+    case "max":
+      return Math.max(...r);
+    case "median":
+      return Nn(r);
+    default:
+      throw new ge(`unknown aggregate "${n}"`);
+  }
+}
+function $n(e, t, n) {
+  if (t === "only") {
+    if (e.length !== 1)
+      throw new ge(
+        `\`row: "only"\` on \`${n.dataset}.${n.field}\` requires exactly one row; the dataset resolved ${e.length}.`
+      );
+    return e[0];
+  }
+  return e.length ? t === "last" ? e[e.length - 1] : e[0] : null;
+}
+function fe(e, t) {
+  var r;
+  if (!(e != null && e.field)) return null;
+  const n = t.dataset(e.dataset);
+  return ((r = n == null ? void 0 : n.columns) == null ? void 0 : r.find((i) => i.name === e.field)) ?? null;
+}
+function Ve(e, t) {
+  const n = t.dataset(e.dataset);
+  if (!n) throw new ge(`dataset "${e.dataset}" has not resolved`);
+  const r = n.rows ?? [];
+  switch (_n(e)) {
+    case "rows":
+      return r;
+    case "column":
+      return r.map((i) => i[e.field]);
+    case "scalar": {
+      if (e.scope === "row") {
+        if (!t.row) throw new ge('`scope: "row"` used outside a repeating element');
+        return t.row[e.field] ?? null;
+      }
+      if (e.aggregate) return kn(r, e.field, e.aggregate);
+      const i = $n(r, e.row, e);
+      return i ? i[e.field] ?? null : null;
+    }
+    default:
+      throw new ge("unresolvable binding arity");
+  }
+}
+function H(e, t) {
+  var n;
+  if (X(e)) return Ve(e.$bind, t);
+  if (It(e)) return ((n = t.params) == null ? void 0 : n[e.$param]) ?? null;
+  if (yn(e)) return bn(e, t.now);
+  if (Ot(e)) {
+    if (t.self === void 0) throw new ge('`{"$self": true}` used outside an input\'s `on_change`');
+    return t.self;
+  }
+  return e;
+}
+function ue(e, t = /* @__PURE__ */ new Set()) {
+  if (e === null || typeof e != "object") return t;
+  if (Array.isArray(e))
+    return e.forEach((n) => ue(n, t)), t;
+  if (X(e))
+    return e.$bind.dataset && t.add(e.$bind.dataset), t;
+  for (const n of Object.values(e)) ue(n, t);
+  return t;
+}
+function Ke(e, t = /* @__PURE__ */ new Set()) {
+  if (e === null || typeof e != "object") return t;
+  if (Array.isArray(e))
+    return e.forEach((n) => Ke(n, t)), t;
+  if (It(e))
+    return t.add(e.$param), t;
+  for (const n of Object.values(e)) Ke(n, t);
+  return t;
+}
+const xn = { primary: 0, supporting: 1, ambient: 2 }, An = (e) => {
+  var t;
+  return xn[(t = e == null ? void 0 : e.intent) == null ? void 0 : t.priority] ?? 1;
+}, Lt = 2e4;
+function Fn(e) {
+  const t = [], n = (r, i, a) => {
+    t.push({ block: r, depth: i, parent: a });
+    for (const o of r.children ?? []) n(o, i + 1, r);
+  };
+  for (const r of e.blocks ?? []) n(r, 0, null);
+  return t;
+}
+function Sn(e) {
+  const t = Fn(e), n = /* @__PURE__ */ new Map();
+  t.forEach(({ block: i }, a) => {
+    for (const o of ue(i))
+      n.has(o) || n.set(o, { index: a, rank: An(i) });
+  });
+  const r = (e.data ?? []).map((i) => i.name);
+  return r.filter((i) => n.has(i)).sort((i, a) => {
+    const o = n.get(i), l = n.get(a);
+    return o.index - l.index || o.rank - l.rank || r.indexOf(i) - r.indexOf(a);
+  });
+}
+function Cn(e) {
+  const t = /* @__PURE__ */ new Map();
+  for (const n of e.data ?? []) t.set(n.name, Ke(n.query ?? {}));
+  return t;
+}
+function Dn(e, t = {}) {
+  const n = {};
+  for (const r of e.params ?? [])
+    n[r.name] = Object.prototype.hasOwnProperty.call(t, r.name) ? t[r.name] : "default" in r ? r.default : null;
+  return { ...n, ...t };
+}
+function Mn(e, t) {
+  switch (t.type) {
+    case "sync": {
+      const n = {};
+      for (const r of t.datasets)
+        n[r.name] = e.datasets[r.name] ?? {
+          status: "idle",
+          rows: [],
+          columns: r.columns ?? [],
+          error: null,
+          stale: !1
+        };
+      return { ...e, datasets: n };
+    }
+    case "loading":
+      return { ...e, datasets: { ...e.datasets, [t.name]: { ...e.datasets[t.name], status: "loading" } } };
+    case "ready":
+      return { ...e, datasets: { ...e.datasets, [t.name]: { status: "ready", rows: t.rows, columns: t.columns, error: null } } };
+    case "error":
+      return { ...e, datasets: { ...e.datasets, [t.name]: { status: "error", rows: [], columns: t.columns ?? [], error: t.error } } };
+    case "invalidate": {
+      const n = { ...e.datasets };
+      for (const r of t.names) n[r] = { ...n[r], status: "idle", stale: !0 };
+      return { ...e, datasets: n, epoch: e.epoch + 1 };
+    }
+    case "params":
+      return { ...e, params: { ...e.params, ...t.params } };
+    default:
+      return e;
+  }
+}
+function Bn(e, t, { timeoutMs: n = Lt } = {}) {
+  const r = new AbortController();
+  let i = !1, a, o;
+  return {
+    promise: new Promise((d, c) => {
+      o = c;
+      const u = (h, f) => {
+        i || (i = !0, clearTimeout(a), h(f));
+      };
+      a = setTimeout(() => {
+        const h = new Error(`Dataset "${t.dataset}" timed out after ${Math.ceil(n / 1e3)}s.`);
+        r.abort(h), u(c, h);
+      }, n), Promise.resolve().then(() => e({ ...t, signal: r.signal })).then((h) => u(d, h), (h) => u(c, h));
+    }),
+    signal: r.signal,
+    abort(d = `Dataset "${t.dataset}" was cancelled.`) {
+      if (i) return;
+      const c = new Error(d);
+      r.abort(c), i = !0, clearTimeout(a), o(c);
+    }
+  };
+}
+function En(e, t) {
+  const n = {};
+  for (const r of e.data ?? []) n[r.name] = { status: "idle", rows: [], columns: r.columns ?? [], error: null, stale: !1 };
+  return { datasets: n, params: Dn(e, t), epoch: 0 };
+}
+function Tn(e, t, { params: n, concurrency: r = 2, timeoutMs: i = Lt } = {}) {
+  const [a, o] = dn(Mn, void 0, () => En(e, n)), l = E(() => Sn(e), [e]), d = E(() => Cn(e), [e]), c = C(/* @__PURE__ */ new Set()), u = C(/* @__PURE__ */ new Map()), h = C(0), f = C(!1), k = C(/* @__PURE__ */ new Map()), p = C(a);
+  p.current = a;
+  const y = P(
+    (N) => {
+      var b;
+      return ((b = (e.data ?? []).find(($) => $.name === N)) == null ? void 0 : b.columns) ?? [];
+    },
+    [e]
+  );
+  j(() => (f.current = !1, () => {
+    f.current = !0;
+    for (const N of u.current.values()) N.abort();
+    u.current.clear(), c.current.clear();
+  }), []);
+  const v = (e.data ?? []).map((N) => N.name).join("");
+  j(() => {
+    const N = new Set((e.data ?? []).map((b) => b.name));
+    for (const [b, $] of u.current)
+      N.has(b) || $.abort();
+    o({ type: "sync", datasets: e.data ?? [] });
+  }, [v]);
+  const S = P(() => {
+    var N;
+    for (const b of l) {
+      if (f.current || c.current.size >= r) return;
+      if (c.current.has(b) || k.current.get(b) === h.current || ((N = p.current.datasets[b]) == null ? void 0 : N.status) !== "idle") continue;
+      const $ = h.current;
+      c.current.add(b), o({ type: "loading", name: b });
+      const B = Bn(
+        t,
+        { page: e.id, dataset: b, params: p.current.params, pageDoc: e },
+        { timeoutMs: i }
+      );
+      u.current.set(b, B), B.promise.then((x) => {
+        var te;
+        f.current || h.current !== $ || (k.current.set(b, $), o({ type: "ready", name: b, rows: (x == null ? void 0 : x.rows) ?? [], columns: (te = x == null ? void 0 : x.columns) != null && te.length ? x.columns : y(b) }));
+      }).catch((x) => {
+        f.current || h.current !== $ || (k.current.set(b, $), o({ type: "error", name: b, error: (x == null ? void 0 : x.message) ?? String(x), columns: y(b) }));
+      }).finally(() => {
+        u.current.get(b) === B && u.current.delete(b), c.current.delete(b), f.current || queueMicrotask(() => w.current());
+      });
+    }
+  }, [e, t, l, r, y, i]), w = C(S);
+  w.current = S, j(() => {
+    S();
+  });
+  const M = P((N, b) => {
+    var B;
+    h.current += 1, o({ type: "params", params: { [N]: b } });
+    const $ = [...d.entries()].filter(([, x]) => x.has(N)).map(([x]) => x);
+    if ($.length) {
+      for (const x of $) (B = u.current.get(x)) == null || B.abort();
+      o({ type: "invalidate", names: $ });
+    }
+  }, [d]), I = P((N) => {
+    var B;
+    h.current += 1;
+    const b = (e.data ?? []).map((x) => x.name), $ = N === "all" || !N ? b : N;
+    for (const x of $) (B = u.current.get(x)) == null || B.abort();
+    o({ type: "invalidate", names: $ });
+  }, [e]), K = P((N) => a.datasets[N], [a.datasets]), Q = P(
+    (N) => [...ue(N)].every((b) => {
+      var $;
+      return (($ = a.datasets[b]) == null ? void 0 : $.status) === "ready";
+    }),
+    [a.datasets]
+  ), ee = P(
+    (N) => {
+      var b;
+      return ((b = [...ue(N)].map(($) => a.datasets[$]).find(($) => ($ == null ? void 0 : $.status) === "error")) == null ? void 0 : b.error) ?? null;
+    },
+    [a.datasets]
+  ), we = P(
+    (N) => [...ue(N)].some((b) => {
+      var $, B;
+      return (($ = a.datasets[b]) == null ? void 0 : $.stale) && ((B = a.datasets[b]) == null ? void 0 : B.status) !== "ready";
+    }),
+    [a.datasets]
+  );
+  return { datasets: a.datasets, params: a.params, dataset: K, setParam: M, refresh: I, blockReady: Q, blockError: ee, blockStale: we, order: l };
+}
+const Rn = ({ needsData: e, error: t, dataReady: n, held: r }) => !e || !!t || n && !r, Pn = (e, t) => ({ ...e, ...t }), Nt = (e) => Array.isArray(e) ? e : [e];
+function Se(e, t) {
+  if (typeof e == "number" && typeof t == "number") return e - t;
+  const n = Date.parse(e), r = Date.parse(t);
+  if (!Number.isNaN(n) && !Number.isNaN(r)) return n - r;
+  const i = Number(e), a = Number(t);
+  return Number.isFinite(i) && Number.isFinite(a) ? i - a : String(e) < String(t) ? -1 : String(e) > String(t) ? 1 : 0;
+}
+const Fe = (e, t) => e === t ? !0 : Se(e, t) === 0 && typeof e == typeof t;
+function In(e, t) {
+  const n = H(e.left, t);
+  switch (e.op) {
+    // Unary operators take no `right` — the schema enforces that, so we never read one.
+    case "is_empty":
+      return !U(n) || n === "" || Array.isArray(n) && n.length === 0;
+    case "is_not_empty":
+      return U(n) && n !== "" && !(Array.isArray(n) && n.length === 0);
+    case "is_true":
+      return n === !0;
+    case "is_false":
+      return n === !1;
+  }
+  const r = H(e.right, t);
+  switch (e.op) {
+    case "eq":
+      return Fe(n, r);
+    case "neq":
+      return !Fe(n, r);
+    // A comparison against absent data is FALSE, never a coerced 0. `null > 0` must not be true.
+    case "gt":
+      return U(n) && U(r) && Se(n, r) > 0;
+    case "gte":
+      return U(n) && U(r) && Se(n, r) >= 0;
+    case "lt":
+      return U(n) && U(r) && Se(n, r) < 0;
+    case "lte":
+      return U(n) && U(r) && Se(n, r) <= 0;
+    case "in":
+      return Nt(r).some((i) => Fe(n, i));
+    case "not_in":
+      return !Nt(r).some((i) => Fe(n, i));
+    case "contains":
+      return Array.isArray(n) ? n.some((i) => Fe(i, r)) : U(n) && String(n).toLowerCase().includes(String(r).toLowerCase());
+    default:
+      throw new ge(`unknown condition operator "${e.op}"`);
+  }
+}
+function Ce(e, t) {
+  return !e || typeof e != "object" ? !0 : Array.isArray(e.all) ? e.all.every((n) => Ce(n, t)) : Array.isArray(e.any) ? e.any.some((n) => Ce(n, t)) : e.not ? !Ce(e.not, t) : In(e, t);
+}
+function On(e, t, n) {
+  if (!e.visible_when) return "visible";
+  if (!n) return "pending";
+  try {
+    return Ce(e.visible_when, t) ? "visible" : "hidden";
+  } catch {
+    return "visible";
+  }
+}
+const Ln = [
+  { at: 1e12, suffix: "T" },
+  { at: 1e9, suffix: "B" },
+  { at: 1e6, suffix: "M" },
+  { at: 1e3, suffix: "K" }
+];
+function Oe(e, { compact: t, as: n }) {
+  const r = Math.abs(e);
+  return t ? r >= 1e3 && r < 1e6 ? 0 : 1 : n === "currency" ? r >= 1e3 ? 0 : 2 : n === "percent" ? r < 10 ? 1 : 0 : Number.isInteger(e) ? 0 : r < 1 ? 2 : r < 100 ? 1 : 0;
+}
+function Le(e, t, n) {
+  return n === "never" ? e.replace(/^-/, "") : n === "always" && t > 0 ? `+${e}` : e;
+}
+function kt(e) {
+  return e.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+}
+function pe(e, t) {
+  const n = Math.abs(e).toFixed(t), [r, i] = n.split("."), a = i ? `${kt(r)}.${i}` : kt(r);
+  return e < 0 ? `-${a}` : a;
+}
+function ze(e, t) {
+  const n = Math.abs(e);
+  for (const { at: r, suffix: i } of Ln)
+    if (n >= r) {
+      const a = e / r, o = t ?? (Math.abs(a) >= 100 ? 0 : 1);
+      return `${a.toFixed(o).replace(/\.0$/, "")}${i}`;
+    }
+  return pe(e, t ?? 0);
+}
+const Un = { GBP: "£", USD: "$", EUR: "€", JPY: "¥", AUD: "A$", CAD: "C$", CHF: "CHF ", SEK: "kr " }, Vn = (e) => Un[e] ?? `${e} `, jn = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+function Ut(e) {
+  if (e instanceof Date) return e;
+  if (typeof e == "number") return new Date(e);
+  if (typeof e != "string") return null;
+  const t = /^\d{4}-\d{2}-\d{2}$/.test(e), n = new Date(t ? `${e}T12:00:00` : e);
+  return Number.isNaN(n.getTime()) ? null : n;
+}
+function Hn(e, t) {
+  const n = Ut(e);
+  if (!n) return String(e);
+  const r = n.getDate(), i = jn[n.getMonth()], a = n.getFullYear();
+  switch (t) {
+    case "iso":
+      return n.toISOString().slice(0, 10);
+    case "year":
+      return String(a);
+    case "quarter":
+      return `Q${Math.floor(n.getMonth() / 3) + 1} ${a}`;
+    case "month":
+      return `${i} ${a}`;
+    case "full":
+      return `${r} ${i} ${a}`;
+    case "day":
+    default:
+      return `${r} ${i}`;
+  }
+}
+const ve = 60, Ne = 3600, ce = 86400;
+function zn(e, t) {
+  const n = Ut(e);
+  if (!n) return String(e);
+  const r = Math.round((n.getTime() - t.getTime()) / 1e3), i = r < 0, a = Math.abs(r), o = (d, c) => `${d} ${c}${d === 1 ? "" : "s"}`;
+  let l;
+  return a < 45 ? "just now" : (a < 45 * ve ? l = o(Math.round(a / ve), "minute") : a < 22 * Ne ? l = o(Math.round(a / Ne), "hour") : a < 26 * ce ? l = o(Math.round(a / ce), "day") : a < 320 * ce ? l = o(Math.round(a / (30 * ce)), "month") : l = o(Math.round(a / (365 * ce)), "year"), i ? `${l} ago` : `in ${l}`);
+}
+function Yn(e, t) {
+  const n = Number(e);
+  if (!Number.isFinite(n)) return String(e);
+  const r = Math.abs(n);
+  if (r < ve) return `${pe(n, t ?? 0)}s`;
+  if (r < Ne) {
+    const o = Math.floor(r / ve), l = Math.round(r % ve);
+    return l ? `${o}m ${l}s` : `${o}m`;
+  }
+  if (r < ce) {
+    const o = Math.floor(r / Ne), l = Math.round(r % Ne / ve);
+    return l ? `${o}h ${l}m` : `${o}h`;
+  }
+  const i = Math.floor(r / ce), a = Math.round(r % ce / Ne);
+  return a ? `${i}d ${a}h` : `${i}d`;
+}
+const $t = ["B", "KB", "MB", "GB", "TB", "PB"];
+function Kn(e, t) {
+  let n = Number(e);
+  if (!Number.isFinite(n)) return String(e);
+  let r = 0;
+  for (; Math.abs(n) >= 1024 && r < $t.length - 1; )
+    n /= 1024, r++;
+  return `${pe(n, t ?? (r === 0 ? 0 : 1))} ${$t[r]}`;
+}
+function q(e, t, n = {}) {
+  const r = n.now ?? /* @__PURE__ */ new Date(), i = n.column;
+  if (e == null) return "";
+  const a = (t == null ? void 0 : t.as) ?? ((i == null ? void 0 : i.type) === "currency" ? "currency" : (i == null ? void 0 : i.type) === "date" ? "date" : void 0), o = (t == null ? void 0 : t.currency) ?? (i == null ? void 0 : i.currency), l = t == null ? void 0 : t.precision, d = (t == null ? void 0 : t.compact) ?? !1, c = (t == null ? void 0 : t.sign) ?? "auto";
+  switch (a) {
+    case "currency": {
+      const u = Number(e);
+      if (!Number.isFinite(u)) return String(e);
+      const h = l ?? Oe(u, { compact: d, as: a }), f = d ? ze(u, l) : pe(u, h), k = f.startsWith("-"), p = k ? f.slice(1) : f, y = `${k ? "-" : ""}${Vn(o ?? "")}${p}`;
+      return Le(y, u, c);
+    }
+    case "percent": {
+      const u = Number(e);
+      if (!Number.isFinite(u)) return String(e);
+      const h = l ?? Oe(u, { compact: d, as: a });
+      return Le(`${pe(u, h)}%`, u, c);
+    }
+    case "number": {
+      const u = Number(e);
+      if (!Number.isFinite(u)) return String(e);
+      const h = l ?? Oe(u, { compact: d, as: a });
+      return Le(d ? ze(u, l) : pe(u, h), u, c);
+    }
+    case "date":
+      return Hn(e, (t == null ? void 0 : t.date_style) ?? ((i == null ? void 0 : i.precision) === "time" ? "full" : "day"));
+    case "relative_time":
+      return zn(e, r);
+    case "duration":
+      return Yn(e, l);
+    case "bytes":
+      return Kn(e, l);
+    case "text":
+      return String(e);
+    default:
+      return typeof e == "boolean" ? e ? "Yes" : "No" : typeof e == "number" ? Le(d ? ze(e, l) : pe(e, l ?? Oe(e, { compact: d })), e, c) : String(e);
+  }
+}
+function qn(e, t) {
+  const n = (e == null ? void 0 : e.as) ?? ((t == null ? void 0 : t.type) === "currency" ? "currency" : void 0);
+  return n === "number" || n === "currency" || n === "percent" || n === "bytes" || n === "duration" || !n && ((t == null ? void 0 : t.type) === "number" || (t == null ? void 0 : t.type) === "currency");
+}
+function Vt(e) {
+  return { show: (e == null ? void 0 : e.show) ?? "dash", text: e == null ? void 0 : e.text };
+}
+function ke(e) {
+  return !!(e == null || typeof e == "number" && Number.isNaN(e));
+}
+const Wn = (e) => Vt(e).show === "hide";
+function Gn(e) {
+  const { show: t, text: n } = Vt(e);
+  return t === "text" ? { kind: "text", text: n ?? "" } : { kind: t };
+}
+const Jn = [
+  [/^(live|released|complete|completed|done|signed|approved|delivered|paid|cleared)$/i, "positive"],
+  [/^(overdue|blocked|rejected|cancelled|canceled|failed|void|at risk)$/i, "negative"],
+  [/^(pending|waiting|in progress|in review|draft|scheduled|chasing|on hold)$/i, "warning"]
+];
+function Zn(e) {
+  const t = String(e ?? "").trim();
+  for (const [n, r] of Jn) if (n.test(t)) return r;
+  return "neutral";
+}
+const jt = (e) => typeof e == "string" && /^https?:\/\//i.test(e), xt = (e) => jt(e) || typeof e == "string" && /^data:image\//i.test(e), At = (e) => e == null || e === "";
+function Xn(e) {
+  try {
+    const t = new URL(e), n = `${t.pathname}${t.search}`.replace(/\/$/, "");
+    return `${t.host.replace(/^www\./, "")}${n}`;
+  } catch {
+    return e;
+  }
+}
+const qe = (e) => (e ?? []).find((t) => (t == null ? void 0 : t.role) === "image") ?? null, Qn = 4, er = (e) => e >= Qn ? "rail" : "grid", Ht = (e) => {
+  var t, n;
+  return !!(e != null && e.title) && ((n = (t = e == null ? void 0 : e.children) == null ? void 0 : t[0]) == null ? void 0 : n.type) === "text";
+}, tr = (e) => {
+  var n;
+  const t = (e == null ? void 0 : e.blocks) ?? [];
+  return t.length === 1 && ((n = t[0]) == null ? void 0 : n.type) === "section" && Ht(t[0]);
+}, zt = "_thumb_url", Yt = (e) => typeof e == "string" ? `${e.replace(/_url$/, "")}${zt}` : null, nr = (e) => typeof e == "string" && e.endsWith(zt), Kt = (e, t) => {
+  if (!t) return null;
+  const n = Yt(t.name);
+  return (e ?? []).find((r) => (r == null ? void 0 : r.name) === n) ?? null;
+}, rr = (e) => (e ?? []).filter((t) => !nr(t == null ? void 0 : t.name)).map((t) => ({ field: t.name })), ar = 12, ir = (e) => Math.min(e, ar);
+function sr(e, t) {
+  const n = e.find(({ col: o }) => (o == null ? void 0 : o.role) === "name" && !At(t[o.name])) ?? null, r = n ? e.filter(({ col: o }) => (o == null ? void 0 : o.role) === "status" && !At(t[o.name])) : [], i = new Set([n, ...r].filter(Boolean).map(({ spec: o }) => o.field)), a = e.filter(({ spec: o }) => !i.has(o.field));
+  return { head: n, badges: r, facts: a };
+}
+const ka = { hero: 0, primary: 1, normal: 2, subtle: 3 }, le = {
+  fold: "0.45s cubic-bezier(0.2, 0.7, 0.3, 1)",
+  shimmer: "1.4s linear infinite",
+  tick: "2.6s ease forwards",
+  // Sheet `2a · Chat to page prototype`. Extracted from its inline styles, not chosen.
+  slideIn: "0.32s cubic-bezier(0.2, 0.7, 0.3, 1)",
+  fade: "0.25s ease",
+  dot: "1.2s ease infinite",
+  barIn: "0.9s cubic-bezier(0.2, 0.7, 0.3, 1)",
+  // No count-up in the design. See `countUp` below and NOTES-designsync D7.
+  countUp: "0.62s cubic-bezier(0.2, 0.7, 0.3, 1)"
+}, Ye = {
+  width: "372px",
+  scrim: "rgba(9, 9, 11, 0.18)",
+  shadow: "-16px 0 40px rgba(0, 0, 0, 0.1)"
+}, T = {
+  name: "OBL element system",
+  scheme: "light",
+  // Sheet light (`data-screen-label="Sheet light"`). Zinc neutrals.
+  color: {
+    ground: "#FFFFFF",
+    sheet: "#FFFFFF",
+    sunk: "#F4F4F5",
+    // segmented control track, row hover
+    sunkStrong: "#FAFAFA",
+    // shimmer highlight, button hover
+    ink: "#18181B",
+    muted: "#52525B",
+    // subtle metric value, legend labels
+    graphite: "#71717A",
+    // tile labels
+    faint: "#A1A1AA",
+    // column headers, captions, units
+    rule: "#E4E4E7",
+    // tile border
+    ruleSoft: "#F0F0F2",
+    // separators INSIDE a tile — lighter than its own border
+    ruleStrong: "#D4D4D8",
+    // The one accent. `#3B6FE6` is the design's default; its tweak offered teal and violet too.
+    brand: "#3B6FE6",
+    brandHover: "#2D5AC4",
+    brandSoft: "#EFF6FF",
+    // Status tones, from the design's `tones` map.
+    positive: "#177A3D",
+    positiveSoft: "#ECFDF3",
+    warning: "#B54708",
+    warningSoft: "#FFFAEB",
+    negative: "#B42318",
+    negativeSoft: "#FEF3F2",
+    info: "#175CD3",
+    infoSoft: "#EFF6FF",
+    neutral: "#52525B",
+    neutralSoft: "#F4F4F5",
+    /** The validation tick's check. Deliberately not `positive`: it is a mark, not a status. */
+    tick: "#16A34A",
+    focus: "#3B6FE6"
+  },
+  /** Only our own donut reads this. Their charts are handed no palette and keep their own. */
+  chart: ["#3B6FE6", "#A1A1AA", "#1F9E86", "#7A5AF0", "#B54708", "#B42318", "#175CD3", "#52525B"],
+  /** Sheet `02 · Chart`: one accent slice, then four desaturating neutrals. */
+  pie: ["#3B6FE6", "#A7BFF2", "#C9CDD4", "#A1A1AA", "#E4E4E7"],
+  font: {
+    body: '-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif',
+    mono: "ui-monospace, Menlo, SFMono-Regular, Consolas, monospace",
+    display: '-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif'
+  },
+  /**
+   * The metric ladder, read off the four tiles in `01 · Metric`:
+   *   hero 44 / 600 / -0.02em    primary 30 / 600 / -0.015em
+   *   normal 22 / 600            subtle 17 / 500, in `muted`
+   * Emphasis is type scale and tile size. Never colour, never rule weight.
+   */
+  size: {
+    stamp: "0.625rem",
+    // 10px — the mono captions under each sheet tile
+    micro: "0.6875rem",
+    // 11px
+    small: "0.75rem",
+    // 12px — column headers, legend
+    label: "0.8125rem",
+    // 13px — a tile's label
+    base: "0.8125rem",
+    // 13px
+    large: "0.9375rem",
+    // 15px — a tile's title
+    heroValue: "2.75rem",
+    // 44px
+    primaryValue: "1.875rem",
+    // 30px
+    normalValue: "1.375rem",
+    // 22px
+    subtleValue: "1.0625rem",
+    // 17px
+    unit: "0.875rem"
+    // 14px
+  },
+  space: { xs: "4px", sm: "8px", md: "12px", lg: "16px", xl: "24px", xxl: "36px" },
+  /** Tile 12, inner element 8, control 6. */
+  radius: { sm: "6px", md: "8px", lg: "12px" },
+  /** Tile padding is asymmetric in the design: 18px vertical, 20px horizontal. */
+  tilePad: { y: "18px", x: "20px" },
+  shadow: "0 1px 2px rgba(0, 0, 0, 0.04)",
+  /** `rowPadY` in the design's table: 12 comfortable, 6 compact. */
+  density: { comfortable: "12px", compact: "6px" },
+  /** The skeleton's shimmer sweep. */
+  shimmer: { from: "#F0F0F2", to: "#FAFAFA" },
+  measure: "1260px"
+  // the sheets are drawn at 1260px
+}, qt = {
+  name: "OBL element system — dark",
+  scheme: "dark",
+  color: {
+    ground: "#0E0E10",
+    sheet: "#17171A",
+    sunk: "#232327",
+    sunkStrong: "#2A2A2F",
+    ink: "#F4F4F5",
+    muted: "#D4D4D8",
+    graphite: "#A1A1AA",
+    faint: "#6E6E78",
+    rule: "#2A2A2F",
+    ruleSoft: "#222227",
+    ruleStrong: "#34343B",
+    brand: "#6F95F2",
+    // the design's `accentDark` map for #3B6FE6
+    brandHover: "#8FAEF6",
+    brandSoft: "rgba(96, 165, 250, 0.14)",
+    positive: "#4ADE80",
+    positiveSoft: "rgba(74, 222, 128, 0.13)",
+    warning: "#FBBF24",
+    warningSoft: "rgba(251, 191, 36, 0.13)",
+    negative: "#F87171",
+    negativeSoft: "rgba(248, 113, 113, 0.14)",
+    info: "#60A5FA",
+    infoSoft: "rgba(96, 165, 250, 0.14)",
+    neutral: "#A1A1AA",
+    neutralSoft: "rgba(161, 161, 170, 0.16)",
+    tick: "#4ADE80",
+    focus: "#6F95F2"
+  },
+  chart: ["#6F95F2", "#A1A1AA", "#4CC5AE", "#A08CF5", "#FBBF24", "#F87171", "#60A5FA", "#D4D4D8"],
+  pie: ["#6F95F2", "#5372B8", "#52525B", "#3F3F46", "#2C2C31"],
+  shadow: "0 1px 2px rgba(0, 0, 0, 0.5)",
+  shimmer: { from: "#222227", to: "#2A2A2F" }
+}, be = (e) => e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`), or = {
+  "--openui-background": { light: "oklch(0.97 0 89.876 / 1)", dark: "oklch(0.145 0 0 / 1)" },
+  "--openui-foreground": { light: "oklch(0.994 0 89.876 / 1)", dark: "oklch(0.205 0 0 / 1)" },
+  "--openui-popover-background": { light: "oklch(0.994 0 89.876 / 1)", dark: "oklch(0.205 0 0 / 1)" },
+  "--openui-sunk-light": { light: "oklch(0.097 0 0 / 0.02)", dark: "oklch(0.994 0 89.876 / 0.02)" },
+  "--openui-sunk": { light: "oklch(0.097 0 0 / 0.04)", dark: "oklch(0.994 0 89.876 / 0.04)" },
+  "--openui-sunk-deep": { light: "oklch(0.097 0 0 / 0.08)", dark: "oklch(0.994 0 89.876 / 0.08)" },
+  "--openui-elevated-light": { light: "oklch(0.097 0 0 / 0.04)", dark: "oklch(0.994 0 89.876 / 0.04)" },
+  "--openui-elevated": { light: "oklch(0.097 0 0 / 0.08)", dark: "oklch(0.994 0 89.876 / 0.08)" },
+  "--openui-elevated-strong": { light: "oklch(0.097 0 0 / 0.16)", dark: "oklch(0.994 0 89.876 / 0.16)" },
+  "--openui-elevated-intense": { light: "oklch(0.097 0 0 / 0.32)", dark: "oklch(0.994 0 89.876 / 0.32)" },
+  "--openui-overlay": { light: "oklch(0 0 0 / 0.4)", dark: "oklch(0 0 0 / 0.6)" },
+  "--openui-highlight-subtle": { light: "oklch(0.097 0 0 / 0.02)", dark: "oklch(0.994 0 89.876 / 0.02)" },
+  "--openui-highlight": { light: "oklch(0.097 0 0 / 0.04)", dark: "oklch(0.994 0 89.876 / 0.04)" },
+  "--openui-highlight-strong": { light: "oklch(0.097 0 0 / 0.08)", dark: "oklch(0.994 0 89.876 / 0.08)" },
+  "--openui-highlight-intense": { light: "oklch(0.097 0 0 / 0.32)", dark: "oklch(0.994 0 89.876 / 0.3)" },
+  "--openui-inverted-background": { light: "oklch(0.097 0 0 / 1)", dark: "oklch(0.994 0 89.876 / 1)" },
+  "--openui-text-neutral-primary": { light: "oklch(0.097 0 0 / 1)", dark: "oklch(0.985 0 89.876 / 1)" },
+  "--openui-text-neutral-secondary": { light: "oklch(0.097 0 0 / 0.5)", dark: "oklch(0.985 0 89.876 / 0.5)" },
+  "--openui-text-neutral-tertiary": { light: "oklch(0.097 0 0 / 0.2)", dark: "oklch(0.985 0 89.876 / 0.2)" },
+  "--openui-text-neutral-link": { light: "oklch(0.097 0 0 / 1)", dark: "oklch(0.985 0 89.876 / 1)" },
+  "--openui-text-brand": { light: "oklch(0.097 0 0 / 1)", dark: "oklch(0.994 0 89.876 / 1)" },
+  "--openui-text-accent-primary": { light: "oklch(0.994 0 89.876 / 1)", dark: "oklch(0.097 0 0 / 1)" },
+  "--openui-text-accent-secondary": { light: "oklch(0.994 0 89.876 / 0.5)", dark: "oklch(0.097 0 0 / 0.5)" },
+  "--openui-text-accent-tertiary": { light: "oklch(0.994 0 89.876 / 0.2)", dark: "oklch(0.097 0 0 / 0.2)" },
+  "--openui-text-success-primary": { light: "oklch(0.448 0.108 151.328 / 1)", dark: "oklch(0.871 0.136 154.449 / 1)" },
+  "--openui-text-alert-primary": { light: "oklch(0.476 0.103 61.907 / 1)", dark: "oklch(0.905 0.166 98.111 / 1)" },
+  "--openui-text-danger-primary": { light: "oklch(0.505 0.19 27.518 / 1)", dark: "oklch(0.808 0.103 19.571 / 1)" },
+  "--openui-text-danger-secondary": { light: "oklch(0.711 0.166 22.216 / 1)", dark: "oklch(0.885 0.059 18.334 / 1)" },
+  "--openui-text-danger-tertiary": { light: "oklch(0.808 0.103 19.571 / 1)", dark: "oklch(0.936 0.031 17.717 / 1)" },
+  "--openui-text-info-primary": { light: "oklch(0.424 0.181 265.638 / 1)", dark: "oklch(0.809 0.096 251.813 / 1)" },
+  "--openui-text-pink-primary": { light: "oklch(0.459 0.17 3.815 / 1)", dark: "oklch(0.823 0.11 346.018 / 1)" },
+  "--openui-text-purple-primary": { light: "oklch(0.438 0.198 303.724 / 1)", dark: "oklch(0.827 0.108 306.383 / 1)" },
+  "--openui-interactive-accent-default": { light: "oklch(0.097 0 0 / 1)", dark: "oklch(0.994 0 89.876 / 1)" },
+  "--openui-interactive-accent-hover": { light: "oklch(0.097 0 0 / 0.8)", dark: "oklch(0.994 0 89.876 / 0.8)" },
+  "--openui-interactive-accent-disabled": { light: "oklch(0.097 0 0 / 0.4)", dark: "oklch(0.994 0 89.876 / 0.4)" },
+  "--openui-interactive-accent-pressed": { light: "oklch(0.097 0 0 / 1)", dark: "oklch(0.994 0 89.876 / 1)" },
+  "--openui-chat-user-response-bg": { light: "oklch(0.097 0 0 / 0.08)", dark: "oklch(0.994 0 89.876 / 0.08)" },
+  "--openui-chat-user-response-text": { light: "oklch(0.097 0 0 / 1)", dark: "oklch(0.985 0 89.876 / 1)" },
+  "--openui-border-default": { light: "oklch(0.097 0 0 / 0.06)", dark: "oklch(0.994 0 89.876 / 0.06)" },
+  "--openui-border-interactive": { light: "oklch(0.097 0 0 / 0.12)", dark: "oklch(0.994 0 89.876 / 0.12)" },
+  "--openui-border-interactive-emphasis": { light: "oklch(0.097 0 0 / 0.3)", dark: "oklch(0.994 0 89.876 / 0.4)" },
+  "--openui-border-interactive-selected": { light: "oklch(0.097 0 0 / 1)", dark: "oklch(0.985 0 89.876 / 1)" },
+  "--openui-border-accent": { light: "oklch(0.097 0 0 / 0.08)", dark: "oklch(0.994 0 89.876 / 0.2)" },
+  "--openui-border-accent-emphasis": { light: "oklch(0.097 0 0 / 0.3)", dark: "oklch(0.994 0 89.876 / 0.4)" },
+  "--openui-shadow-s": { light: "0 1px 3px -2px oklch(0 0 0 / 0.02), 0 2px 5px -2px oklch(0 0 0 / 0.04)", dark: "0 1px 3px -2px oklch(0 0 0 / 0.06), 0 2px 5px -2px oklch(0 0 0 / 0.10)" },
+  "--openui-shadow-m": { light: "0 4px 6px -2px oklch(0 0 0 / 0.025), 0 2px 2px -2px oklch(0 0 0 / 0.05)", dark: "0 4px 6px -2px oklch(0 0 0 / 0.08), 0 2px 2px -2px oklch(0 0 0 / 0.12)" },
+  "--openui-shadow-l": { light: "0 4px 4px -2px oklch(0 0 0 / 0.05), 0 4px 8px -2px oklch(0 0 0 / 0.04)", dark: "0 4px 4px -2px oklch(0 0 0 / 0.12), 0 4px 8px -2px oklch(0 0 0 / 0.10)" },
+  "--openui-shadow-xl": { light: "0 8px 16px -4px oklch(0 0 0 / 0.08), 0 16px 32px -6px oklch(0 0 0 / 0.12)", dark: "0 8px 16px -4px oklch(0 0 0 / 0.16), 0 16px 32px -6px oklch(0 0 0 / 0.20)" },
+  "--openui-shadow-2xl": { light: "0 12px 24px -6px oklch(0 0 0 / 0.12), 0 24px 48px -8px oklch(0 0 0 / 0.16)", dark: "0 12px 24px -6px oklch(0 0 0 / 0.20), 0 24px 48px -8px oklch(0 0 0 / 0.24)" },
+  "--openui-shadow-3xl": { light: "0 16px 32px -8px oklch(0 0 0 / 0.16), 0 32px 64px -12px oklch(0 0 0 / 0.22)", dark: "0 16px 32px -8px oklch(0 0 0 / 0.24), 0 32px 64px -12px oklch(0 0 0 / 0.28)" }
+};
+function lr(e = T) {
+  const t = {
+    ...T,
+    ...e,
+    color: { ...T.color, ...e.color ?? {} },
+    font: { ...T.font, ...e.font ?? {} },
+    size: { ...T.size, ...e.size ?? {} },
+    shimmer: { ...T.shimmer, ...e.shimmer ?? {} },
+    tilePad: { ...T.tilePad, ...e.tilePad ?? {} }
+  }, n = {};
+  for (const [a, o] of Object.entries(t.color)) n[`--uir-color-${be(a)}`] = o;
+  for (const [a, o] of Object.entries(t.font)) n[`--uir-font-${be(a)}`] = o;
+  for (const [a, o] of Object.entries(t.size)) n[`--uir-size-${be(a)}`] = o;
+  for (const [a, o] of Object.entries(t.space)) n[`--uir-space-${be(a)}`] = o;
+  for (const [a, o] of Object.entries(t.radius)) n[`--uir-radius-${be(a)}`] = o;
+  for (const [a, o] of Object.entries(t.density)) n[`--uir-density-${be(a)}`] = o;
+  n["--uir-tile-pad-y"] = t.tilePad.y, n["--uir-tile-pad-x"] = t.tilePad.x, n["--uir-shimmer-from"] = t.shimmer.from, n["--uir-shimmer-to"] = t.shimmer.to, n["--uir-measure"] = t.measure, n["--uir-shadow"] = t.shadow ?? T.shadow, n["--uir-motion-fold"] = le.fold, n["--uir-motion-shimmer"] = le.shimmer, n["--uir-motion-tick"] = le.tick, n["--uir-motion-slide-in"] = le.slideIn, n["--uir-motion-fade"] = le.fade, n["--uir-motion-dot"] = le.dot, n["--uir-motion-bar-in"] = le.barIn, n["--uir-motion-count-up"] = le.countUp, n["--uir-overlay-width"] = Ye.width, n["--uir-overlay-scrim"] = Ye.scrim, n["--uir-overlay-shadow"] = Ye.shadow, (t.chart ?? T.chart).forEach((a, o) => {
+    n[`--uir-chart-${o + 1}`] = a;
+  });
+  const r = t.scheme === "dark" ? qt.pie : T.pie;
+  (e.pie ?? [t.color.brand, ...r.slice(1)]).forEach((a, o) => {
+    n[`--uir-pie-${o + 1}`] = a;
+  });
+  const i = t.scheme === "dark" ? "dark" : "light";
+  for (const [a, o] of Object.entries(or)) n[a] = o[i];
+  return t.scheme === "dark" && Object.assign(n, {
+    "--openui-background": t.color.ground,
+    "--openui-foreground": t.color.sheet,
+    "--openui-popover-background": t.color.sheet,
+    "--openui-inverted-background": t.color.ink,
+    "--openui-sunk-light": "rgba(255,255,255,0.02)",
+    "--openui-sunk": "rgba(255,255,255,0.04)",
+    "--openui-sunk-deep": "rgba(255,255,255,0.08)",
+    "--openui-elevated-light": "rgba(255,255,255,0.04)",
+    "--openui-elevated": "rgba(255,255,255,0.08)",
+    "--openui-elevated-strong": "rgba(255,255,255,0.16)",
+    "--openui-highlight-subtle": "rgba(255,255,255,0.02)",
+    "--openui-highlight": "rgba(255,255,255,0.04)",
+    "--openui-highlight-strong": "rgba(255,255,255,0.08)",
+    "--openui-text-neutral-primary": t.color.ink,
+    "--openui-text-neutral-secondary": t.color.graphite,
+    "--openui-text-neutral-tertiary": t.color.faint,
+    "--openui-text-neutral-link": t.color.ink,
+    "--openui-text-brand": t.color.ink,
+    // `--openui-border-neutral` / `-strong` used to be here. OpenUI defines NEITHER and reads
+    // neither: two variables repairing nothing, for as long as the dark theme has existed. Their
+    // real border properties are these.
+    "--openui-border-default": t.color.rule,
+    "--openui-border-interactive": t.color.ruleStrong
+  }), n;
+}
+const cr = (e = {}) => {
+  var n;
+  const t = e.scheme === "dark" ? qt.pie : T.pie;
+  return {
+    ...T,
+    ...e,
+    color: { ...T.color, ...e.color ?? {} },
+    font: { ...T.font, ...e.font ?? {} },
+    size: { ...T.size, ...e.size ?? {} },
+    chart: e.chart ?? T.chart,
+    pie: e.pie ?? [((n = e.color) == null ? void 0 : n.brand) ?? t[0], ...t.slice(1)]
+  };
+}, We = {
+  navigate: "Navigation between pages is the host application's job. This renderer draws one page.",
+  mutate: "Writes are disabled in v1. A mutation must be authorized by the resolver, and this renderer will not pretend a write succeeded."
+}, ur = "This page asks to be presented in an overlay, but the host supplied no `resolvePage`, so there is no page to present.";
+function dr(e, t) {
+  return e ? e.type === "mutate" ? We.mutate : e.type !== "navigate" ? null : e.mode === "overlay" ? t != null && t.openOverlay ? null : ur : We.navigate : null;
+}
+const $a = (e) => !!(e && We[e.type]), hr = (e, t = "Run") => (e == null ? void 0 : e.label) ?? t;
+function Qe(e, t) {
+  if (!e) return { disabled: !1, reason: null };
+  const n = dr(e, t);
+  if (n) return { disabled: !0, reason: n };
+  if (!e.enabled_when) return { disabled: !1, reason: null };
+  let r;
+  try {
+    r = Ce(e.enabled_when, t == null ? void 0 : t.scope);
+  } catch {
+    r = !1;
+  }
+  return r === !0 ? { disabled: !1, reason: null } : { disabled: !0, reason: e.disabled_reason ?? "This action is not available right now." };
+}
+async function et(e, t) {
+  var r, i, a, o;
+  if (!e) return;
+  const n = Qe(e, t);
+  if (n.disabled) {
+    (r = t.onNotice) == null || r.call(t, n.reason);
+    return;
+  }
+  switch (e.type) {
+    case "navigate": {
+      const l = {};
+      for (const [d, c] of Object.entries(e.params ?? {})) l[d] = t.resolveValue(c, t.scope);
+      await t.openOverlay({ pageId: e.page, params: l });
+      break;
+    }
+    case "set_param": {
+      const l = t.resolveValue(e.value, t.scope);
+      t.setParam(e.param, l);
+      break;
+    }
+    case "refresh":
+      t.refresh(e.datasets === "all" ? "all" : e.datasets);
+      break;
+    case "open": {
+      if (e.url) {
+        if (!/^https?:\/\//i.test(e.url)) {
+          (i = t.onNotice) == null || i.call(t, "Refused to open a non-http(s) URL.");
+          return;
+        }
+        window.open(e.url, e.target === "self" ? "_self" : "_blank", "noopener,noreferrer");
+      } else if (e.record) {
+        const l = t.resolveValue(e.record.id, t.scope);
+        if (!t.onOpenRecord) {
+          (a = t.onNotice) == null || a.call(t, `Opening ${e.record.dataset} record "${l}" needs a host. Pass \`onOpenRecord\` to <UIResponsePage>.`);
+          return;
+        }
+        t.onOpenRecord({ dataset: e.record.dataset, id: l, target: e.target ?? "new_window" });
+      }
+      break;
+    }
+    default:
+      (o = t.onNotice) == null || o.call(t, `Unknown action verb "${e.type}".`);
+      return;
+  }
+  for (const l of e.then ?? []) await et(l, t);
+}
+async function mr(e, t, { row: n, widgetValue: r }) {
+  const i = { ...t.scope, row: n, self: r };
+  if (n === null && (e == null ? void 0 : e.type) === "set_param" && !Ot(e.value)) {
+    t.setParam(e.param, null);
+    for (const a of e.then ?? []) await et(a, { ...t, scope: i });
+    return;
+  }
+  await Be(e, { ...t, scope: i });
+}
+async function Be(e, t) {
+  if (e != null && e.confirm && !Qe(e, t).disabled) {
+    const { title: n, body: r, confirm_label: i } = e.confirm;
+    if (!(t.confirm ? await t.confirm(e.confirm) : window.confirm([n, r].filter(Boolean).join(`
+
+`) + (i ? `
+
+[${i}]` : "")))) return;
+  }
+  await et(e, t);
+}
+const fr = 5;
+function pr(e) {
+  const t = String(e ?? "").trim().split(/\s+/).filter(Boolean);
+  return t.length ? `${t[0][0]}${t.length > 1 ? t[t.length - 1][0] : t[0][1] ?? ""}`.toUpperCase() : "—";
+}
+function gr(e, t, n = fr) {
+  const r = (e == null ? void 0 : e.length) ?? 0, i = Math.max(1, Math.ceil(r / n)), a = Math.max(0, Math.min(Number.isFinite(t) ? t : 0, i - 1)), o = a * n;
+  return { items: (e ?? []).slice(o, o + n), page: a, pageCount: i, start: r ? o + 1 : 0, end: Math.min(o + n, r), count: r };
+}
+const yr = (e) => new Intl.DateTimeFormat("en", { month: "short" }).format(new Date(e));
+function _r(e, t, n, r) {
+  const i = (e ?? []).map((h) => ({ row: h, t: Date.parse(h[t]), end: n ? Date.parse(h[n]) : NaN })).filter((h) => Number.isFinite(h.t)).sort((h, f) => h.t - f.t);
+  if (!i.length) return { items: [], ticks: [], today: null };
+  const a = i[0].t, o = Math.max(...i.map((h) => Number.isFinite(h.end) ? h.end : h.t)), l = o - a || 1, d = (h) => 6 + (h - a) / l * 88, c = [0, 1 / 3, 2 / 3, 1].map((h) => {
+    const f = a + l * h;
+    return { label: yr(f), left: d(f) };
+  }), u = new Date(r).getTime();
+  return {
+    items: i.map((h) => ({
+      ...h,
+      left: d(h.t),
+      width: Number.isFinite(h.end) ? d(h.end) - d(h.t) : 0
+    })),
+    ticks: c,
+    today: Number.isFinite(u) && u >= a && u <= o ? d(u) : null
+  };
+}
+function Ft(e) {
+  if (!Number.isFinite(e) || e < 0) return "0:00";
+  const t = Math.floor(e);
+  return `${Math.floor(t / 60)}:${String(t % 60).padStart(2, "0")}`;
+}
+const wr = (e) => {
+  var t;
+  return !!((t = e == null ? void 0 : e.confirm) != null && t.destructive || (e == null ? void 0 : e.type) === "mutate" && e.operation === "delete");
+}, br = (e) => typeof e == "string" && /^https?:\/\/[^"'()\s\\]+$/i.test(e) ? `url("${e}")` : null;
+function tt({ src: e, thumb: t, alt: n = "", className: r, ...i }) {
+  const a = C(null), [o, l] = V(!1);
+  j(() => {
+    const c = a.current;
+    l(!!(c != null && c.complete && c.naturalWidth > 0));
+  }, [e]);
+  const d = br(t);
+  return /* @__PURE__ */ s(
+    "img",
+    {
+      ...i,
+      ref: a,
+      className: ["uir-img", r].filter(Boolean).join(" "),
+      src: e,
+      alt: n,
+      loading: "lazy",
+      decoding: "async",
+      style: d ? { ...i.style, backgroundImage: d } : i.style,
+      "data-blurup": d ? "thumb" : "none",
+      "data-loaded": o || void 0,
+      onLoad: () => l(!0),
+      onError: () => l(!0)
+    }
+  );
+}
+function De({ policy: e }) {
+  const { kind: t, text: n } = Gn(e);
+  return t === "hide" || t === "blank" ? null : t === "zero" ? /* @__PURE__ */ s("span", { className: "uir-absent uir-absent--zero", children: "0" }) : t === "text" ? /* @__PURE__ */ s("span", { className: "uir-absent uir-absent--text", title: "No value recorded", children: n }) : /* @__PURE__ */ s("span", { className: "uir-absent uir-absent--dash", "aria-label": "No value recorded", title: "No value recorded", children: "—" });
+}
+function _e({ value: e, format: t, empty: n, column: r, now: i, thumb: a, spec: o }) {
+  var d, c;
+  if (ke(e)) return /* @__PURE__ */ s(De, { policy: n });
+  if ((r == null ? void 0 : r.role) === "image" && typeof e == "string")
+    return /^https?:\/\//i.test(e) ? /* @__PURE__ */ s(tt, { className: "uir-thumb", src: e, thumb: a, alt: "" }) : /* @__PURE__ */ s(De, { policy: n });
+  const l = q(e, t, { column: r, now: i });
+  if ((o == null ? void 0 : o.as) === "badge") {
+    const u = o.tone ?? ((c = (d = o.tone_map) == null ? void 0 : d.find((h) => h.value === e)) == null ? void 0 : c.tone) ?? "neutral";
+    return /* @__PURE__ */ s("span", { className: "uir-badge uir-badge--cell", "data-tone": u, children: l });
+  }
+  return /* @__PURE__ */ s(Me, { children: l });
+}
+const Ge = (e, t) => qn(e, t);
+function Wt({ value: e, shape: t = "round" }) {
+  return /* @__PURE__ */ s("span", { className: "uir-initials", "data-shape": t, "aria-hidden": "true", children: pr(e) });
+}
+const vr = (e) => String(e).replace(/_/g, " ").replace(/^./, (t) => t.toUpperCase());
+function Je({ variant: e = "bars", block: t }) {
+  const n = t == null ? void 0 : t.title, r = (t == null ? void 0 : t.type) === "table" ? t.columns : null;
+  return e === "metric" ? /* @__PURE__ */ m("div", { className: "uir-skeleton", children: [
+    t != null && t.label ? /* @__PURE__ */ s("span", { className: "uir-skeleton__label", children: t.label }) : /* @__PURE__ */ s("div", { className: "uir-skeleton__bar" }),
+    /* @__PURE__ */ s("div", { className: "uir-skeleton__value" })
+  ] }) : e === "value" ? /* @__PURE__ */ m("div", { className: "uir-skeleton", children: [
+    t != null && t.label ? /* @__PURE__ */ s("span", { className: "uir-skeleton__label", children: t.label }) : /* @__PURE__ */ s("div", { className: "uir-skeleton__bar" }),
+    /* @__PURE__ */ s("div", { className: "uir-skeleton__bar uir-skeleton__bar--narrow" })
+  ] }) : /* @__PURE__ */ m("div", { className: "uir-skeleton", children: [
+    n ? /* @__PURE__ */ s("h3", { className: "uir-skeleton__heading", children: n }) : /* @__PURE__ */ s("div", { className: "uir-skeleton__bar" }),
+    r != null && r.length ? (
+      // The column heads are the table's shape. They are in the document, so they are on the screen.
+      /* @__PURE__ */ s("div", { className: "uir-skeleton__cols", children: r.map((i) => /* @__PURE__ */ s("span", { children: i.label ?? vr(i.field) }, i.field)) })
+    ) : null,
+    /* @__PURE__ */ s("div", { className: "uir-skeleton__value", style: { height: 56, width: "100%" } })
+  ] });
+}
+function de({ message: e, onRetry: t }) {
+  const n = String(e).split(/`([^`]+)`/g);
+  return /* @__PURE__ */ m("div", { className: "uir-error", role: "alert", children: [
+    /* @__PURE__ */ s("span", { className: "uir-error__mark", "aria-hidden": "true", children: "!" }),
+    /* @__PURE__ */ m("span", { className: "uir-error__body", children: [
+      /* @__PURE__ */ s("span", { className: "uir-error__label", children: "Could not resolve" }),
+      /* @__PURE__ */ s("span", { className: "uir-error__msg", title: e, children: n.map((r, i) => i % 2 ? /* @__PURE__ */ s("code", { children: r }, i) : r) }),
+      t && /* @__PURE__ */ s("button", { type: "button", className: "uir-error__retry", onClick: t, children: "Retry" })
+    ] })
+  ] });
+}
+function Nr() {
+  return /* @__PURE__ */ s("span", { className: "uir-tick", "aria-hidden": "true", children: /* @__PURE__ */ s("svg", { width: "9", height: "7", viewBox: "0 0 9 7", children: /* @__PURE__ */ s("polyline", { points: "1,3.5 3.5,6 8,1" }) }) });
+}
+function kr({ prompt: e, onResolve: t }) {
+  const n = C(null), r = Pt();
+  return j(() => {
+    var a;
+    (a = n.current) == null || a.focus();
+    const i = (o) => {
+      o.key === "Escape" && t(!1);
+    };
+    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
+  }, [t]), /* @__PURE__ */ m("div", { className: "uir-confirm", role: "dialog", "aria-modal": "true", "aria-labelledby": r, children: [
+    /* @__PURE__ */ s("button", { className: "uir-confirm__scrim", type: "button", "aria-label": "Cancel", onClick: () => t(!1) }),
+    /* @__PURE__ */ m("div", { className: "uir-confirm__panel", ref: n, tabIndex: -1, children: [
+      /* @__PURE__ */ s("h2", { id: r, children: e.title }),
+      e.body && /* @__PURE__ */ s("p", { children: e.body }),
+      /* @__PURE__ */ m("div", { className: "uir-confirm__actions", children: [
+        /* @__PURE__ */ s("button", { type: "button", className: "uir-button uir-button--ghost", onClick: () => t(!1), children: "Cancel" }),
+        /* @__PURE__ */ s("button", { type: "button", className: `uir-button${e.destructive ? " uir-button--confirm" : ""}`, onClick: () => t(!0), children: e.confirm_label ?? "Confirm" })
+      ] })
+    ] })
+  ] });
+}
+function Gt({ action: e, ctx: t, variant: n = "ghost", small: r = !1, fallbackLabel: i }) {
+  const a = Pt(), { disabled: o, reason: l } = Qe(e, t), d = hr(e, i), c = wr(e) ? "danger" : n, u = [
+    "uir-button",
+    c === "ghost" ? "uir-button--ghost" : "",
+    c === "danger" ? "uir-button--danger" : "",
+    r ? "uir-button--small" : ""
+  ].filter(Boolean).join(" "), h = /* @__PURE__ */ s(
+    "button",
+    {
+      type: "button",
+      className: u,
+      disabled: o,
+      "aria-describedby": o ? a : void 0,
+      onClick: (f) => {
+        f.stopPropagation(), Be(e, t);
+      },
+      children: d
+    }
+  );
+  return o ? /* @__PURE__ */ m("span", { className: "uir-disabled-wrap", children: [
+    h,
+    /* @__PURE__ */ s("span", { className: "uir-reason", role: "note", id: a, children: l })
+  ] }) : h;
+}
+const Jt = (e) => {
+  var t;
+  return ((t = e.layout) == null ? void 0 : t.arrangement) ?? "stack";
+}, St = (e) => {
+  var t;
+  return ((t = e.layout) == null ? void 0 : t.density) ?? void 0;
+}, Ct = { primary: 0, supporting: 1, ambient: 2 }, Dt = { hero: 0, primary: 1, normal: 2, subtle: 3 };
+function Zt(e, t) {
+  return t === "stack" ? e : e.map((n, r) => ({ block: n, index: r })).sort((n, r) => {
+    var d, c;
+    const i = Dt[n.block.emphasis ?? "normal"], a = Dt[r.block.emphasis ?? "normal"];
+    if (i !== a) return i - a;
+    const o = Ct[(d = n.block.intent) == null ? void 0 : d.priority] ?? 1, l = Ct[(c = r.block.intent) == null ? void 0 : c.priority] ?? 1;
+    return o !== l ? o - l : n.index - r.index;
+  }).map((n) => n.block);
+}
+function $r({ block: e, children: t }) {
+  return /* @__PURE__ */ s("div", { className: "uir-arrange", "data-arrangement": Jt(e), children: t });
+}
+function xr({ block: e, renderChild: t, hideTitle: n }) {
+  const r = W(), i = Jt(e), a = St(e) ?? r.density, o = Ht(e) && !n;
+  return /* @__PURE__ */ m("section", { className: "uir-section", "data-density": St(e), "data-editorial": o || void 0, children: [
+    e.title && !n && /* @__PURE__ */ s("h2", { className: "uir-section__label", children: e.title }),
+    /* @__PURE__ */ s(Xe.Provider, { value: { ...r, density: a }, children: /* @__PURE__ */ s($r, { block: e, children: Zt(e.children ?? [], o ? "stack" : i).map(t) }) })
+  ] });
+}
+function Ar({ block: e, renderChild: t, emphasis: n }) {
+  const r = W(), i = !!e.on_click;
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: `uir-card${i ? " uir-card--clickable" : ""}`,
+      "data-emphasis": n,
+      onClick: i ? () => Be(e.on_click, { ...r.actionCtx, scope: Y(r) }) : void 0,
+      children: [
+        e.title && /* @__PURE__ */ s("h3", { className: "uir-card__title", children: e.title }),
+        /* @__PURE__ */ s("div", { className: "uir-arrange", "data-arrangement": "grid", children: Zt(e.children ?? [], "grid").map(t) })
+      ]
+    }
+  );
+}
+function Fr({ block: e, renderChild: t }) {
+  const [n, r] = V(0), i = e.children ?? [];
+  return /* @__PURE__ */ m("div", { className: "uir-tabs", children: [
+    /* @__PURE__ */ s("div", { className: "uir-tabs__list", role: "tablist", children: i.map((a, o) => /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        className: "uir-tab",
+        "aria-selected": o === n,
+        "aria-controls": `panel-${a.id}`,
+        onClick: () => r(o),
+        children: a.title
+      },
+      a.id
+    )) }),
+    i.map((a, o) => /* @__PURE__ */ s(
+      "div",
+      {
+        id: `panel-${a.id}`,
+        role: "tabpanel",
+        hidden: o !== n,
+        children: t(a, o)
+      },
+      a.id
+    ))
+  ] });
+}
+const Xt = rr, Sr = () => /* @__PURE__ */ s("svg", { className: "uir-chevron", width: "7", height: "11", viewBox: "0 0 7 11", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ s("polyline", { points: "1.5,1.5 5.5,5.5 1.5,9.5", fill: "none", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), nt = (e) => ({ "--uir-i": ir(e) }), ye = (e, t) => e.find((n) => n.name === t), Mt = (e) => e.replace(/_/g, " ").replace(/^./, (t) => t.toUpperCase()), Ze = (e, t) => e.label ?? (t == null ? void 0 : t.label) ?? (t != null && t.name ? Mt(t.name) : Mt(e.field));
+function Ee(e, t) {
+  var a;
+  const n = W(), r = (a = e[t]) == null ? void 0 : a.$bind, i = r ? n.dataset(r.dataset) : null;
+  return { uir: n, bind: r, rows: (i == null ? void 0 : i.rows) ?? [], columns: (i == null ? void 0 : i.columns) ?? [] };
+}
+function rt(e) {
+  return (t, n) => Be(t, { ...e.actionCtx, scope: Y(e, n) });
+}
+function Cr({ block: e }) {
+  const { uir: t, rows: n, columns: r } = Ee(e, "rows"), i = rt(t), a = e.columns ?? Xt(r), o = e.row_actions ?? [], l = !!e.row_action, [d, c] = V(t.density ?? "comfortable"), [u, h] = V(0), f = Kt(r, qe(r)), p = qe(r) ? null : a.find((v) => {
+    var S;
+    return ((S = ye(r, v.field)) == null ? void 0 : S.role) === "name";
+  }), y = gr(n, u);
+  return j(() => {
+    y.page !== u && h(y.page);
+  }, [u, y.page]), /* @__PURE__ */ m(Me, { children: [
+    /* @__PURE__ */ m("div", { className: "uir-table__head", children: [
+      e.title && /* @__PURE__ */ s("h3", { className: "uir-table__title", children: e.title }),
+      /* @__PURE__ */ s("div", { className: "uir-density", role: "group", "aria-label": "Table density", children: [["comfortable", "Comfortable"], ["compact", "Compact"]].map(([v, S]) => /* @__PURE__ */ s("button", { type: "button", "aria-pressed": d === v, onClick: () => c(v), children: S }, v)) })
+    ] }),
+    /* @__PURE__ */ m("div", { className: "uir-table-wrap", children: [
+      /* @__PURE__ */ s("div", { className: "uir-table__scroll", children: /* @__PURE__ */ m("table", { className: "uir-table", "data-density": d, children: [
+        /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ m("tr", { children: [
+          a.map((v) => {
+            const S = ye(r, v.field);
+            return /* @__PURE__ */ s("th", { "data-numeric": Ge(v.format, S) || void 0, scope: "col", children: Ze(v, S) }, v.field);
+          }),
+          o.length > 0 && /* @__PURE__ */ s("th", { className: "uir-table__actions-cell", scope: "col", "aria-label": "Row actions" })
+        ] }) }),
+        /* @__PURE__ */ s("tbody", { children: y.items.map((v, S) => /* @__PURE__ */ m(
+          "tr",
+          {
+            style: nt(S),
+            "data-clickable": l || void 0,
+            tabIndex: l ? 0 : void 0,
+            role: l ? "button" : void 0,
+            onClick: l ? (w) => {
+              w.currentTarget.focus(), i(e.row_action, v);
+            } : void 0,
+            onKeyDown: l ? (w) => {
+              (w.key === "Enter" || w.key === " ") && (w.preventDefault(), i(e.row_action, v));
+            } : void 0,
+            children: [
+              a.map((w) => {
+                const M = ye(r, w.field);
+                return /* @__PURE__ */ s("td", { "data-numeric": Ge(w.format, M) || void 0, children: p === w ? /* @__PURE__ */ m("span", { className: "uir-name-cell", children: [
+                  /* @__PURE__ */ s(Wt, { value: v[w.field] }),
+                  /* @__PURE__ */ s(
+                    _e,
+                    {
+                      value: v[w.field],
+                      format: w.format,
+                      empty: w.empty,
+                      column: M,
+                      now: t.now,
+                      spec: w
+                    }
+                  )
+                ] }) : /* @__PURE__ */ s(
+                  _e,
+                  {
+                    value: v[w.field],
+                    format: w.format,
+                    empty: w.empty,
+                    column: M,
+                    now: t.now,
+                    thumb: (M == null ? void 0 : M.role) === "image" && f ? v[f.name] : void 0,
+                    spec: w
+                  }
+                ) }, w.field);
+              }),
+              o.length > 0 && /* @__PURE__ */ s("td", { className: "uir-table__actions-cell", children: /* @__PURE__ */ s("div", { className: "uir-table__actions", children: o.map((w, M) => /* @__PURE__ */ s(
+                Gt,
+                {
+                  action: w,
+                  small: !0,
+                  ctx: { ...t.actionCtx, scope: Y(t, v) },
+                  fallbackLabel: w.type
+                },
+                M
+              )) }) })
+            ]
+          },
+          S
+        )) })
+      ] }) }),
+      y.count > 0 && /* @__PURE__ */ m("div", { className: "uir-pagination", children: [
+        /* @__PURE__ */ m("span", { children: [
+          y.start,
+          "–",
+          y.end,
+          " of ",
+          y.count
+        ] }),
+        /* @__PURE__ */ m("div", { children: [
+          /* @__PURE__ */ s("button", { type: "button", "aria-label": "Previous page", disabled: y.page === 0, onClick: () => h((v) => v - 1), children: "‹" }),
+          /* @__PURE__ */ s("button", { type: "button", "aria-label": "Next page", disabled: y.page >= y.pageCount - 1, onClick: () => h((v) => v + 1), children: "›" })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function Dr({ block: e, uir: t, rows: n, columns: r, imageCol: i }) {
+  const a = rt(t), o = !!e.item_action, l = e.subtitle_field ? ye(r, e.subtitle_field) : null, d = Kt(r, i), c = o ? "button" : "div";
+  return /* @__PURE__ */ s("div", { className: "uir-posters", "data-mode": er(n.length), children: n.map((u, h) => {
+    const f = u[i.name];
+    return /* @__PURE__ */ m(
+      c,
+      {
+        type: o ? "button" : void 0,
+        className: "uir-poster",
+        style: nt(h),
+        "data-clickable": o || void 0,
+        onClick: o ? (k) => {
+          k.currentTarget.focus(), a(e.item_action, u);
+        } : void 0,
+        children: [
+          /* @__PURE__ */ s("span", { className: "uir-poster__art", "data-empty": xt(f) ? void 0 : "true", children: xt(f) && /* @__PURE__ */ s(tt, { src: f, thumb: d ? u[d.name] : null, alt: "" }) }),
+          /* @__PURE__ */ s("span", { className: "uir-poster__title", children: u[e.title_field] }),
+          e.subtitle_field && /* @__PURE__ */ s("span", { className: "uir-poster__caption", children: /* @__PURE__ */ s(_e, { value: u[e.subtitle_field], column: l, now: t.now }) })
+        ]
+      },
+      h
+    );
+  }) });
+}
+function Mr({ block: e }) {
+  const { uir: t, rows: n, columns: r } = Ee(e, "items"), i = rt(t), a = !!e.item_action, o = e.subtitle_field ? ye(r, e.subtitle_field) : null, l = qe(r);
+  return l && n.length ? /* @__PURE__ */ s(Dr, { block: e, uir: t, rows: n, columns: r, imageCol: l }) : /* @__PURE__ */ s("div", { className: "uir-list", children: n.map((d, c) => /* @__PURE__ */ m(
+    a ? "button" : "div",
+    {
+      type: a ? "button" : void 0,
+      className: "uir-list__item",
+      style: nt(c),
+      "data-clickable": a || void 0,
+      onClick: a ? (h) => {
+        h.currentTarget.focus(), i(e.item_action, d);
+      } : void 0,
+      children: [
+        /* @__PURE__ */ s(Wt, { value: d[e.title_field], shape: "square" }),
+        /* @__PURE__ */ m("span", { className: "uir-list__copy", children: [
+          /* @__PURE__ */ s("span", { className: "uir-list__title", children: d[e.title_field] }),
+          e.subtitle_field && /* @__PURE__ */ s("span", { className: "uir-list__subtitle", children: /* @__PURE__ */ s(_e, { value: d[e.subtitle_field], column: o, now: t.now }) })
+        ] }),
+        a && /* @__PURE__ */ s(Sr, {})
+      ]
+    },
+    c
+  )) });
+}
+const Br = (e) => e == null ? void 0 : e.role;
+function Er({ block: e, emphasis: t = "normal" }) {
+  const { uir: n, rows: r, columns: i } = Ee(e, "source"), a = e.select ?? "only";
+  if (a === "only" && r.length !== 1)
+    return /* @__PURE__ */ s(de, { message: `\`select: "only"\` requires exactly one row; the dataset resolved ${r.length}.` });
+  const o = a === "last" ? r[r.length - 1] : r[0];
+  if (!o) return /* @__PURE__ */ s(de, { message: "The dataset resolved no rows to describe." });
+  const d = (e.fields ?? Xt(i)).map((f) => ({ spec: f, col: ye(i, f.field) })), { head: c, badges: u, facts: h } = sr(d, o);
+  return /* @__PURE__ */ m("div", { className: "uir-detail", "data-emphasis": t, "data-headed": c ? "true" : void 0, children: [
+    c && /* @__PURE__ */ m("div", { className: "uir-detail__head", children: [
+      /* @__PURE__ */ s("h3", { className: "uir-detail__name", children: /* @__PURE__ */ s(_e, { value: o[c.spec.field], format: c.spec.format, empty: c.spec.empty, column: c.col, now: n.now, spec: c.spec }) }),
+      u.length > 0 && /* @__PURE__ */ s("div", { className: "uir-detail__badges", children: u.map(({ spec: f, col: k }) => /* @__PURE__ */ m("span", { className: "uir-badge", "data-tone": Zn(o[f.field]), children: [
+        /* @__PURE__ */ s("span", { className: "uir-badge__label", children: Ze(f, k) }),
+        String(o[f.field])
+      ] }, f.field)) })
+    ] }),
+    h.length > 0 && /* @__PURE__ */ s("dl", { className: "uir-detail__facts", children: h.map(({ spec: f, col: k }) => /* @__PURE__ */ m("div", { className: "uir-detail__row", children: [
+      /* @__PURE__ */ s("dt", { className: "uir-eyebrow", children: Ze(f, k) }),
+      /* @__PURE__ */ s("dd", { className: "uir-detail__value", "data-numeric": Ge(f.format, k) || void 0, children: Br(k) === "url" && jt(o[f.field]) ? /* @__PURE__ */ s("a", { className: "uir-detail__link", href: o[f.field], target: "_blank", rel: "noreferrer noopener", children: Xn(o[f.field]) }) : /* @__PURE__ */ s(_e, { value: o[f.field], format: f.format, empty: f.empty, column: k, now: n.now, spec: f }) })
+    ] }, f.field)) })
+  ] });
+}
+function Tr({ block: e }) {
+  const { uir: t, rows: n, columns: r } = Ee(e, "items"), i = ye(r, e.date_field), a = E(
+    () => _r(n, e.date_field, e.end_date_field, t.now),
+    [n, e.date_field, e.end_date_field, t.now]
+  ), { items: o, ticks: l, today: d } = a;
+  return o.length ? /* @__PURE__ */ s("div", { className: "uir-timeline", children: /* @__PURE__ */ m("div", { className: "uir-timeline__track", children: [
+    /* @__PURE__ */ s("div", { className: "uir-timeline__axis" }),
+    d !== null && /* @__PURE__ */ m(Me, { children: [
+      /* @__PURE__ */ s("div", { className: "uir-timeline__today-line", style: { left: `${d}%` } }),
+      /* @__PURE__ */ s("span", { className: "uir-timeline__today", style: { left: `${d}%` }, children: "today" })
+    ] }),
+    o.map(({ row: c, left: u, width: h }, f) => (
+      // Captions rotate through FOUR lanes — two above the axis, two below. Alternating only two
+      // sides was not enough: eight releases across twelve weeks put four captions inside one
+      // hundred pixels and they printed over each other. The dots never move, because their
+      // positions are the only thing this block asserts; only the captions are given room.
+      /* @__PURE__ */ m(
+        "div",
+        {
+          className: "uir-timeline__item",
+          style: { left: `${u}%` },
+          "data-side": f % 2 === 0 ? "above" : "below",
+          "data-lane": f % 4,
+          children: [
+            h > 0 && /* @__PURE__ */ s("div", { className: "uir-timeline__span", style: { width: `${h}%` } }),
+            /* @__PURE__ */ s("div", { className: "uir-timeline__stem" }),
+            /* @__PURE__ */ s("div", { className: "uir-timeline__dot" }),
+            /* @__PURE__ */ m("div", { className: "uir-timeline__caption", children: [
+              /* @__PURE__ */ s("div", { className: "uir-timeline__label", children: c[e.label_field] }),
+              /* @__PURE__ */ s("div", { className: "uir-timeline__date", children: q(c[e.date_field], { as: "date", date_style: "day" }, { column: i, now: t.now }) })
+            ] })
+          ]
+        },
+        f
+      )
+    )),
+    /* @__PURE__ */ s("div", { className: "uir-timeline__ticks", children: l.map((c, u) => /* @__PURE__ */ s("span", { style: { left: `${c.left}%` }, children: c.label }, u)) })
+  ] }) }) : null;
+}
+const Rr = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], Bt = (e, t, n) => `${e}-${String(t + 1).padStart(2, "0")}-${String(n).padStart(2, "0")}`, Et = (e) => (e + 6) % 7;
+function Pr(e) {
+  if (typeof e == "string") {
+    const n = /^(\d{4})-(\d{2})-(\d{2})/.exec(e);
+    if (n) return { y: +n[1], m: +n[2] - 1, d: +n[3] };
+  }
+  if (e == null) return null;
+  const t = e instanceof Date ? e : new Date(e);
+  return Number.isNaN(t.getTime()) ? null : { y: t.getFullYear(), m: t.getMonth(), d: t.getDate() };
+}
+function Ir({ block: e }) {
+  const { rows: t } = Ee(e, "items"), n = e.span === "week" ? "week" : "month", { cells: r, title: i, count: a } = E(() => {
+    const o = [];
+    for (const p of t) {
+      const y = Pr(p[e.date_field]);
+      y && o.push({ day: y, label: p[e.label_field] });
+    }
+    if (!o.length) return { cells: [], title: null, count: 0 };
+    const l = /* @__PURE__ */ new Map();
+    for (const p of o) {
+      const y = Bt(p.day.y, p.day.m, p.day.d);
+      l.has(y) || l.set(y, []), l.get(y).push(p.label);
+    }
+    const c = [...o].sort((p, y) => new Date(p.day.y, p.day.m, p.day.d) - new Date(y.day.y, y.day.m, y.day.d))[0].day;
+    let u, h;
+    if (n === "week") {
+      const p = new Date(c.y, c.m, c.d);
+      p.setDate(p.getDate() - Et(p.getDay())), u = p, h = 7;
+    } else {
+      const p = new Date(c.y, c.m, 1), y = Et(p.getDay());
+      u = new Date(c.y, c.m, 1 - y);
+      const v = new Date(c.y, c.m + 1, 0).getDate();
+      h = Math.ceil((y + v) / 7) * 7;
+    }
+    const f = [];
+    for (let p = 0; p < h; p++) {
+      const y = new Date(u.getFullYear(), u.getMonth(), u.getDate() + p), v = Bt(y.getFullYear(), y.getMonth(), y.getDate());
+      f.push({
+        key: v,
+        date: y.getDate(),
+        inPeriod: n === "week" || y.getMonth() === c.m,
+        labels: l.get(v) ?? []
+      });
+    }
+    const k = n === "week" ? `Week of ${u.toLocaleDateString(void 0, { month: "long", day: "numeric" })}` : new Date(c.y, c.m, 1).toLocaleDateString(void 0, { month: "long", year: "numeric" });
+    return { cells: f, title: k, count: o.length };
+  }, [t, e.date_field, e.label_field, n]);
+  return r.length ? /* @__PURE__ */ m("div", { className: "uir-calendar", "data-span": n, children: [
+    /* @__PURE__ */ m("div", { className: "uir-calendar__head", children: [
+      /* @__PURE__ */ s("span", { className: "uir-eyebrow", children: i }),
+      /* @__PURE__ */ m("span", { className: "uir-calendar__count", children: [
+        a,
+        " ",
+        a === 1 ? "item" : "items"
+      ] })
+    ] }),
+    /* @__PURE__ */ m("div", { className: "uir-calendar__grid", role: "grid", "aria-label": `${i}: ${a} items`, children: [
+      Rr.map((o) => /* @__PURE__ */ s("div", { className: "uir-calendar__weekday", role: "columnheader", children: o }, o)),
+      r.map((o) => /* @__PURE__ */ m(
+        "div",
+        {
+          className: "uir-calendar__cell",
+          role: "gridcell",
+          "data-outside": !o.inPeriod || void 0,
+          "data-occupied": o.labels.length > 0 || void 0,
+          children: [
+            /* @__PURE__ */ s("span", { className: "uir-calendar__date", children: o.date }),
+            o.labels.map((l, d) => /* @__PURE__ */ s("span", { className: "uir-calendar__item", title: String(l), children: l }, d))
+          ]
+        },
+        o.key
+      ))
+    ] })
+  ] }) : null;
+}
+const Or = {
+  up: { up: "positive", down: "negative", flat: "neutral" },
+  down: { up: "negative", down: "positive", flat: "neutral" }
+}, Lr = { up: "▲", down: "▼", flat: "–" }, Ur = { up: "up", down: "down", flat: "unchanged" };
+function Vr({ delta: e, scope: t, now: n }) {
+  var u;
+  if (!e) return null;
+  let r;
+  try {
+    r = H(e.value, t);
+  } catch {
+    return null;
+  }
+  if (ke(r) || !Number.isFinite(Number(r))) return null;
+  const i = Number(r), a = i > 0 ? "up" : i < 0 ? "down" : "flat", o = ((u = Or[e.direction_good]) == null ? void 0 : u[a]) ?? "neutral", l = X(e.value) ? e.value.$bind : null, d = q(Math.abs(i), { ...(l == null ? void 0 : l.format) ?? {}, sign: "never" }, { column: l ? fe(l, t) : null, now: n }), c = `${Ur[a]} ${d}${e.vs ? ` ${e.vs}` : ""}`;
+  return /* @__PURE__ */ m("span", { className: "uir-metric__delta", "data-tone": o, "data-direction": a, "aria-label": c, children: [
+    /* @__PURE__ */ m("em", { "aria-hidden": "true", children: [
+      Lr[a],
+      " ",
+      d
+    ] }),
+    e.vs && /* @__PURE__ */ s("span", { "aria-hidden": "true", children: e.vs })
+  ] });
+}
+const jr = () => typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1, Hr = 750, zr = (e, t) => e && t ? `uir-count:${e}:${t}` : null;
+function Yr(e) {
+  if (!e || typeof window > "u") return null;
+  try {
+    const t = window.sessionStorage.getItem(e), n = t === null ? NaN : Number(t);
+    return Number.isFinite(n) ? n : null;
+  } catch {
+    return null;
+  }
+}
+function Tt(e, t) {
+  if (!(!e || typeof window > "u"))
+    try {
+      window.sessionStorage.setItem(e, String(t));
+    } catch {
+    }
+}
+function Kr(e, t, n = null) {
+  const [r, i] = V(e), a = C(!1);
+  return j(() => {
+    if (!t || a.current || jr()) {
+      i(e), t && (a.current = !0, Tt(n, e));
+      return;
+    }
+    a.current = !0;
+    const o = Yr(n) ?? 0;
+    if (Tt(n, e), o === e) {
+      i(e);
+      return;
+    }
+    let l = 0;
+    const d = performance.now(), c = (u) => {
+      const h = Math.min(1, (u - d) / Hr);
+      i(o + (e - o) * (1 - (1 - h) ** 3)), h < 1 ? l = requestAnimationFrame(c) : i(e);
+    };
+    return l = requestAnimationFrame(c), () => cancelAnimationFrame(l);
+  }, [e, t, n]), r;
+}
+const qr = /* @__PURE__ */ new Set(["date", "relative_time"]);
+function Wr({ block: e, emphasis: t }) {
+  const n = W(), r = Y(n), i = X(e.value) ? fe(e.value.$bind, r) : null, a = X(e.value) ? e.value.$bind.format : void 0, o = X(e.value) ? e.value.$bind.empty : void 0;
+  let l = null, d = null;
+  try {
+    l = H(e.value, r);
+  } catch (f) {
+    d = f;
+  }
+  const c = typeof l == "number" && Number.isFinite(l) && !qr.has(a == null ? void 0 : a.as) && (i == null ? void 0 : i.type) !== "date", u = Kr(c ? l : 0, c, c ? zr(n.pageId, e.id) : null);
+  if (d) return /* @__PURE__ */ s(de, { message: d.message });
+  const h = /* @__PURE__ */ m("div", { className: "uir-metric", "data-emphasis": t, children: [
+    /* @__PURE__ */ s("span", { className: "uir-eyebrow uir-metric__label", children: e.label }),
+    /* @__PURE__ */ m("span", { className: "uir-metric__value", children: [
+      /* @__PURE__ */ s(_e, { value: c ? u : l, format: a, empty: o, column: i, now: n.now }),
+      e.unit && !ke(l) && !Gr.has(a == null ? void 0 : a.as) && /* @__PURE__ */ s("span", { className: "uir-metric__unit", children: e.unit })
+    ] }),
+    /* @__PURE__ */ s(Vr, { delta: e.delta, scope: r, now: n.now })
+  ] });
+  return e.on_click ? /* @__PURE__ */ s("button", { type: "button", className: "uir-metric--clickable", onClick: () => Be(e.on_click, { ...n.actionCtx, scope: r }), children: h }) : h;
+}
+const Gr = /* @__PURE__ */ new Set(["currency", "percent", "bytes", "duration"]);
+function Jr({ block: e }) {
+  const t = W(), n = Y(t), r = H(e.value, n), i = H(e.total, n), a = X(e.value) ? fe(e.value.$bind, n) : null, o = X(e.value) ? e.value.$bind.format : void 0, l = !ke(r) && !ke(i) && Number(i) > 0, d = l ? Math.max(0, Math.min(100, Number(r) / Number(i) * 100)) : 0;
+  return /* @__PURE__ */ m("div", { className: "uir-progress", children: [
+    /* @__PURE__ */ m("div", { className: "uir-progress__head", children: [
+      e.label && /* @__PURE__ */ s("span", { className: "uir-eyebrow", children: e.label }),
+      /* @__PURE__ */ s("span", { className: "uir-progress__value", children: l ? /* @__PURE__ */ m(Me, { children: [
+        q(r, o, { column: a, now: t.now }),
+        /* @__PURE__ */ m("span", { className: "uir-progress__ratio", children: [
+          " / ",
+          q(i, o, { column: a, now: t.now })
+        ] })
+      ] }) : (
+        // Progress against an unknown total is not 0%. It is unknown, and it says so.
+        /* @__PURE__ */ s(De, { policy: X(e.value) ? e.value.$bind.empty : void 0 })
+      ) })
+    ] }),
+    /* @__PURE__ */ s(
+      "div",
+      {
+        className: "uir-progress__track",
+        role: "progressbar",
+        "aria-valuenow": l ? Math.round(d) : void 0,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-label": e.label ?? "Progress",
+        children: /* @__PURE__ */ s("div", { className: "uir-progress__fill", style: { width: `${d}%` } })
+      }
+    )
+  ] });
+}
+function Zr({ block: e }) {
+  var o, l;
+  const t = W(), n = Y(t, t.row), r = H(e.value, n), i = (l = (o = e.tone_map) == null ? void 0 : o.find((d) => d.value === r)) == null ? void 0 : l.tone, a = e.tone ?? i ?? "neutral";
+  return ke(r) ? /* @__PURE__ */ s(De, { policy: X(e.value) ? e.value.$bind.empty : void 0 }) : /* @__PURE__ */ m("span", { className: "uir-badge", "data-tone": a, children: [
+    e.label && /* @__PURE__ */ s("span", { className: "uir-badge__label", children: e.label }),
+    String(r)
+  ] });
+}
+function Xr({ block: e }) {
+  const t = W(), n = Y(t, t.row), r = (e.stages ?? []).map((a) => {
+    let o = !1;
+    try {
+      o = H(a.done, n) === !0;
+    } catch {
+      o = !1;
+    }
+    return { label: a.label, done: o };
+  }), i = r.findIndex((a) => !a.done);
+  return /* @__PURE__ */ s("ol", { className: "uir-stages", "aria-label": e.title ?? "Stages", children: r.map((a, o) => /* @__PURE__ */ m(
+    "li",
+    {
+      className: "uir-stages__stage",
+      "data-done": a.done || void 0,
+      "data-current": o === i || void 0,
+      children: [
+        /* @__PURE__ */ s("span", { className: "uir-stages__mark", "aria-hidden": "true", children: a.done ? "✓" : "" }),
+        /* @__PURE__ */ s("span", { className: "uir-stages__label", children: a.label }),
+        /* @__PURE__ */ s("span", { className: "uir-stages__state", children: a.done ? "done" : "pending" })
+      ]
+    },
+    o
+  )) });
+}
+const Rt = 300;
+function Qr() {
+  const e = C(null), [t, n] = V(0);
+  return hn(() => {
+    const r = e.current;
+    if (!r) return;
+    const i = () => n(r.clientWidth);
+    i();
+    const a = new ResizeObserver(i);
+    return a.observe(r), () => a.disconnect();
+  }, []), [e, t];
+}
+const Qt = Math.PI * 2, Ue = (e, t, n, r) => [e + n * Math.cos(r - Math.PI / 2), t + n * Math.sin(r - Math.PI / 2)];
+function ea(e, t, n, r, i, a) {
+  if (a - i >= Qt - 1e-6)
+    return [
+      `M ${e - n} ${t}`,
+      `A ${n} ${n} 0 1 1 ${e + n} ${t}`,
+      `A ${n} ${n} 0 1 1 ${e - n} ${t}`,
+      `M ${e - r} ${t}`,
+      `A ${r} ${r} 0 1 0 ${e + r} ${t}`,
+      `A ${r} ${r} 0 1 0 ${e - r} ${t}`,
+      "Z"
+    ].join(" ");
+  const o = a - i > Math.PI ? 1 : 0, [l, d] = Ue(e, t, n, i), [c, u] = Ue(e, t, n, a), [h, f] = Ue(e, t, r, a), [k, p] = Ue(e, t, r, i);
+  return `M ${l} ${d} A ${n} ${n} 0 ${o} 1 ${c} ${u} L ${h} ${f} A ${r} ${r} 0 ${o} 0 ${k} ${p} Z`;
+}
+function ta({ slices: e, palette: t, format: n, column: r, now: i }) {
+  const a = e.reduce((p, y) => p + y.value, 0), o = 148, l = o / 2, d = o / 2, c = 68, u = 44;
+  let h = 0;
+  const f = e.map((p, y) => {
+    const v = a > 0 ? p.value / a * Qt : 0, S = ea(l, d, c, u, h, h + v);
+    return h += v, { d: S, color: t[y % t.length], ...p };
+  }), k = (p) => a > 0 ? `${(p / a * 100).toFixed(a > 0 && p / a < 0.1 ? 1 : 0)}%` : null;
+  return /* @__PURE__ */ m("div", { className: "uir-pie", children: [
+    /* @__PURE__ */ m("svg", { width: o, height: o, viewBox: `0 0 ${o} ${o}`, role: "img", "aria-label": `${e.length} categories`, children: [
+      f.map((p, y) => /* @__PURE__ */ s("path", { d: p.d, fill: p.color, stroke: "var(--uir-color-sheet)", strokeWidth: "1.5", children: /* @__PURE__ */ s("title", { children: `${p.label}: ${p.value}` }) }, y)),
+      /* @__PURE__ */ s(
+        "text",
+        {
+          x: l,
+          y: d - 3,
+          textAnchor: "middle",
+          fill: "var(--uir-color-ink)",
+          style: { font: "600 20px var(--uir-font-body)", fontVariantNumeric: "tabular-nums" },
+          children: q(a, n, { column: r, now: i })
+        }
+      ),
+      /* @__PURE__ */ s(
+        "text",
+        {
+          x: l,
+          y: d + 14,
+          textAnchor: "middle",
+          fill: "var(--uir-color-faint)",
+          style: { font: "400 10px var(--uir-font-body)" },
+          children: "total"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s("div", { className: "uir-pie__legend", children: f.map((p, y) => /* @__PURE__ */ m("div", { className: "uir-pie__row", children: [
+      /* @__PURE__ */ s("span", { className: "uir-pie__swatch", style: { background: p.color } }),
+      /* @__PURE__ */ s("span", { className: "uir-pie__label", title: p.label, children: p.label }),
+      /* @__PURE__ */ s("span", { className: "uir-pie__value", children: q(p.value, n, { column: r, now: i }) }),
+      /* @__PURE__ */ s("span", { className: "uir-pie__pct", children: k(p.value) ?? /* @__PURE__ */ s(De, {}) })
+    ] }, y)) })
+  ] });
+}
+function na({ names: e, values: t, palette: n }) {
+  return e.length < 2 ? null : /* @__PURE__ */ s("div", { className: "uir-chart__legend", children: e.map((r, i) => /* @__PURE__ */ m("span", { className: "uir-chart__legend-item", children: [
+    /* @__PURE__ */ s("span", { className: "uir-chart__swatch", style: { background: n[i % n.length] } }),
+    /* @__PURE__ */ s("span", { className: "uir-chart__legend-label", children: r }),
+    /* @__PURE__ */ s("span", { className: "uir-chart__legend-value", children: t[i] })
+  ] }, i)) });
+}
+function ra({ block: e }) {
+  var S;
+  const t = W(), n = E(() => Y(t), [t]), { data: r, xKey: i, yKey: a, yValues: o, names: l, legendValues: d } = E(() => {
+    const w = e.y.$bind, M = fe(w, n), I = Ve(w, n), K = (M == null ? void 0 : M.label) ?? w.field;
+    if (!e.x) return { data: [], xKey: null, yKey: K, yValues: I.map(Number), names: [K], legendValues: [] };
+    const Q = e.x.$bind, ee = fe(Q, n), we = Ve(Q, n), N = (ee == null ? void 0 : ee.label) ?? Q.field, b = (e.series ?? []).filter((F) => {
+      var R;
+      return (R = F == null ? void 0 : F.y) == null ? void 0 : R.$bind;
+    }).map((F) => ({
+      name: F.label,
+      values: Ve(F.y.$bind, n),
+      bind: F.y.$bind,
+      column: fe(F.y.$bind, n)
+    })), $ = /* @__PURE__ */ new Set([N, K]);
+    for (const F of b) {
+      let R = F.name;
+      for (let G = 2; $.has(R); G++) R = `${F.name} (${G})`;
+      $.add(R), F.name = R;
+    }
+    const B = we.map((F, R) => {
+      const G = {
+        [N]: q(F, Q.format, { column: ee, now: t.now }),
+        [K]: Number(I[R])
+      };
+      for (const $e of b) G[$e.name] = Number($e.values[R]);
+      return G;
+    }), x = (F) => [...F].reverse().find((R) => R != null), te = [
+      q(x(I), w.format, { column: M, now: t.now }),
+      ...b.map((F) => q(x(F.values), F.bind.format, { column: F.column, now: t.now }))
+    ];
+    return { data: B, xKey: N, yKey: K, yValues: I.map(Number), names: [K, ...b.map((F) => F.name)], legendValues: te };
+  }, [e, n, t.now]), c = (e.series ?? []).filter((w) => w.kind && w.kind !== e.kind).map((w) => w.label), u = (S = t.actionCtx) == null ? void 0 : S.onNotice;
+  j(() => {
+    c.length && (u == null || u(`This renderer draws every series in one shape. ${c.length === 1 ? `"${c[0]}" is` : `${c.length} series are`} drawn as ${e.kind} rather than the shape the page asked for.`));
+  }, [e.id, c.length, u]);
+  const h = t.theme.chart, [f, k] = Qr(), p = E(() => e.kind !== "pie" || !e.x ? [] : r.map((w) => ({ label: String(w[i]), value: Number(w[a]) })).filter((w) => Number.isFinite(w.value) && w.value > 0).sort((w, M) => M.value - w.value), [e.kind, e.x, r, i, a]);
+  if (e.kind === "sparkline")
+    return /* @__PURE__ */ s(mn, { data: o, size: "100%" });
+  if (!r.length) return null;
+  if (e.kind === "pie") {
+    const w = fe(e.y.$bind, n);
+    return /* @__PURE__ */ s(ta, { slices: p, palette: t.theme.pie, format: e.y.$bind.format, column: w, now: t.now });
+  }
+  const y = Math.max(0, k), v = { data: r, categoryKey: i, height: Rt, legend: !1, isAnimationActive: !0, width: y };
+  return /* @__PURE__ */ m("div", { className: "uir-chart-frame", children: [
+    /* @__PURE__ */ s(na, { names: l, values: d, palette: h }),
+    /* @__PURE__ */ s("div", { className: "uir-chart-frame__inner", ref: f, children: y === 0 ? /* @__PURE__ */ s("div", { style: { height: Rt } }) : /* @__PURE__ */ m(Me, { children: [
+      e.kind === "area" && /* @__PURE__ */ s(fn, { ...v, grid: !0, showYAxis: !0 }),
+      e.kind === "line" && /* @__PURE__ */ s(pn, { ...v, grid: !0, showYAxis: !0 }),
+      e.kind === "bar" && /* @__PURE__ */ s(gn, { ...v, grid: !0, showYAxis: !0, radius: 2 })
+    ] }) })
+  ] });
+}
+function aa({ block: e, emphasis: t }) {
+  return /* @__PURE__ */ s("p", { className: "uir-text", "data-emphasis": t, children: e.body });
+}
+const ia = {
+  youtube: { origin: "https://www.youtube-nocookie.com", url: (e) => `https://www.youtube-nocookie.com/embed/${e}`, open: (e) => `https://www.youtube.com/watch?v=${e}`, domain: "youtube.com", name: "YouTube" },
+  tiktok: { origin: "https://www.tiktok.com", url: (e) => `https://www.tiktok.com/embed/v2/${e}`, open: (e) => `https://www.tiktok.com/player/v1/${e}`, domain: "tiktok.com", name: "TikTok" },
+  // An opaque id cannot say track-vs-playlist-vs-episode, so `spotify` resolves to the default
+  // surface. Widening that is a `content_type` prop or more enum members; encoding it in the id
+  // would be a microsyntax (B2) and would reopen the path surface the pattern closes.
+  spotify: { origin: "https://open.spotify.com", url: (e) => `https://open.spotify.com/embed/track/${e}`, open: (e) => `https://open.spotify.com/track/${e}`, domain: "open.spotify.com", name: "Spotify" }
+}, sa = "allow-scripts allow-same-origin allow-presentation";
+function oa({ block: e }) {
+  const t = ia[e.provider];
+  if (!t)
+    return /* @__PURE__ */ s(de, { message: `This renderer does not know the media provider \`${e.provider}\`. It will not guess an origin.` });
+  const n = t.url(encodeURIComponent(e.content_id)), r = t.open(encodeURIComponent(e.content_id)), i = e.aspect ?? "16:9";
+  return /* @__PURE__ */ m("figure", { className: "uir-media", children: [
+    /* @__PURE__ */ s("div", { className: "uir-media__frame", "data-aspect": i, style: { aspectRatio: i.replace(":", " / ") }, children: /* @__PURE__ */ s(
+      "iframe",
+      {
+        className: "uir-media__embed",
+        src: n,
+        title: e.alt,
+        sandbox: sa,
+        referrerPolicy: "no-referrer",
+        allow: "encrypted-media; picture-in-picture; clipboard-write",
+        allowFullScreen: !0,
+        loading: "lazy"
+      }
+    ) }),
+    /* @__PURE__ */ m("figcaption", { className: "uir-embed-meta", children: [
+      /* @__PURE__ */ s("span", { className: "uir-embed-meta__icon", "aria-hidden": "true", children: t.name[0] }),
+      /* @__PURE__ */ m("span", { className: "uir-embed-meta__copy", children: [
+        /* @__PURE__ */ s("strong", { children: e.caption ?? e.alt }),
+        /* @__PURE__ */ s("span", { children: t.domain })
+      ] }),
+      /* @__PURE__ */ m("a", { href: r, target: "_blank", rel: "noreferrer", children: [
+        "Open ",
+        /* @__PURE__ */ s("span", { "aria-hidden": "true", children: "↗" })
+      ] })
+    ] })
+  ] });
+}
+function la({ src: e, title: t }) {
+  const n = C(null), [r, i] = V(!1), [a, o] = V(0), [l, d] = V(0);
+  j(() => {
+    i(!1), o(0), d(0);
+  }, [e]);
+  const c = async () => {
+    if (n.current)
+      try {
+        n.current.paused ? await n.current.play() : n.current.pause();
+      } catch {
+        i(!1);
+      }
+  }, u = l > 0 ? Math.min(100, a / l * 100) : 0;
+  return /* @__PURE__ */ m("div", { className: "uir-audio", children: [
+    /* @__PURE__ */ s(
+      "audio",
+      {
+        ref: n,
+        src: e,
+        preload: "metadata",
+        onPlay: () => i(!0),
+        onPause: () => i(!1),
+        onEnded: () => i(!1),
+        onTimeUpdate: (h) => o(h.currentTarget.currentTime),
+        onLoadedMetadata: (h) => d(h.currentTarget.duration)
+      }
+    ),
+    /* @__PURE__ */ s("button", { type: "button", onClick: c, "aria-label": r ? `Pause ${t}` : `Play ${t}`, children: /* @__PURE__ */ s("span", { "aria-hidden": "true", children: r ? "Ⅱ" : "▶" }) }),
+    /* @__PURE__ */ m("div", { className: "uir-audio__body", children: [
+      /* @__PURE__ */ m("div", { className: "uir-audio__line", children: [
+        /* @__PURE__ */ s("strong", { title: t, children: t }),
+        /* @__PURE__ */ m("span", { children: [
+          Ft(a),
+          " / ",
+          Ft(l)
+        ] })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "uir-audio__track", children: /* @__PURE__ */ s("span", { style: { width: `${u}%` } }) })
+    ] })
+  ] });
+}
+function ca({ block: e }) {
+  const t = W(), n = Y(t, t.row);
+  if (e.kind === "video" || e.kind === "embed") return /* @__PURE__ */ s(oa, { block: e });
+  const r = H(e.src, n);
+  return typeof r != "string" || !/^https?:\/\//i.test(r) ? /* @__PURE__ */ m("div", { className: "uir-error", role: "alert", children: [
+    /* @__PURE__ */ s("span", { className: "uir-error__label", children: "Refused media source" }),
+    "Only absolute http(s) URLs may be rendered."
+  ] }) : e.kind === "audio" ? /* @__PURE__ */ s("figure", { className: "uir-media", children: /* @__PURE__ */ s(la, { src: r, title: e.caption ?? "Audio" }) }) : /* @__PURE__ */ m("figure", { className: "uir-media", children: [
+    /* @__PURE__ */ s(tt, { className: "uir-media__image", src: r, thumb: ua(e.src, n), alt: e.alt ?? "" }),
+    e.caption && /* @__PURE__ */ s("figcaption", { className: "uir-media__caption", children: e.caption })
+  ] });
+}
+function ua(e, t) {
+  var a;
+  const n = e == null ? void 0 : e.$bind;
+  if (!(n != null && n.dataset) || !n.field) return null;
+  const r = Yt(n.field);
+  if (!(((a = t.dataset(n.dataset)) == null ? void 0 : a.columns) ?? []).some((o) => (o == null ? void 0 : o.name) === r)) return null;
+  try {
+    const o = H({ $bind: { ...n, field: r } }, t);
+    return typeof o == "string" && o ? o : null;
+  } catch {
+    return null;
+  }
+}
+function da({ block: e }) {
+  var o, l, d;
+  const t = W();
+  Y(t);
+  const n = ((o = e.value) == null ? void 0 : o.$param) ?? (((l = e.on_change) == null ? void 0 : l.type) === "set_param" ? e.on_change.param : null), r = n ? t.params[n] : void 0, i = { ...t.actionCtx, scope: Y(t) }, a = ({ row: c, widgetValue: u }) => mr(e.on_change, i, { row: c, widgetValue: u });
+  if (e.input_type === "select") {
+    const c = (d = e.options) == null ? void 0 : d.$bind, u = c ? t.dataset(c.dataset) : null, h = (u == null ? void 0 : u.rows) ?? [], f = e.option_label_field, k = e.option_value_field ?? f;
+    return /* @__PURE__ */ m("div", { className: "uir-field", children: [
+      /* @__PURE__ */ s("span", { className: "uir-eyebrow", children: e.label }),
+      /* @__PURE__ */ m("div", { className: "uir-select-row", children: [
+        /* @__PURE__ */ m(
+          "select",
+          {
+            "aria-label": e.label,
+            className: "uir-select",
+            value: r ?? "",
+            onChange: (p) => {
+              const y = h.find((v) => String(v[k]) === p.target.value);
+              if (!y) {
+                a({ row: null, widgetValue: null });
+                return;
+              }
+              a({ row: y, widgetValue: y[k] ?? null });
+            },
+            children: [
+              /* @__PURE__ */ s("option", { value: "", children: "All" }),
+              h.map((p, y) => /* @__PURE__ */ s("option", { value: String(p[k]), children: p[f] }, y))
+            ]
+          }
+        ),
+        r != null && r !== "" && /* @__PURE__ */ s("button", { type: "button", className: "uir-select-clear", onClick: () => a({ row: null, widgetValue: null }), children: "Clear" })
+      ] })
+    ] });
+  }
+  return e.input_type === "toggle" ? /* @__PURE__ */ m("div", { className: "uir-toggle", children: [
+    /* @__PURE__ */ s("span", { children: e.label }),
+    /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        role: "switch",
+        "aria-checked": !!r,
+        "aria-label": e.label,
+        onClick: () => a({ widgetValue: !r }),
+        children: /* @__PURE__ */ s("span", { "aria-hidden": "true" })
+      }
+    )
+  ] }) : /* @__PURE__ */ m("label", { className: "uir-field", children: [
+    /* @__PURE__ */ s("span", { className: "uir-eyebrow", children: e.label }),
+    /* @__PURE__ */ s(
+      "input",
+      {
+        className: "uir-input",
+        type: e.input_type === "date" ? "date" : "text",
+        placeholder: e.placeholder,
+        value: r ?? "",
+        onChange: (c) => a({ widgetValue: c.target.value })
+      }
+    )
+  ] });
+}
+function ha({ block: e, emphasis: t }) {
+  var r;
+  const n = W();
+  return /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
+    Gt,
+    {
+      action: e.on_click,
+      ctx: { ...n.actionCtx, scope: Y(n) },
+      variant: t === "hero" || t === "primary" ? "solid" : "ghost",
+      fallbackLabel: (r = e.on_click) == null ? void 0 : r.type
+    }
+  ) });
+}
+const ma = {
+  table: Cr,
+  list: Mr,
+  detail: Er,
+  timeline: Tr,
+  calendar: Ir,
+  chart: ra,
+  metric: Wr,
+  progress: Jr,
+  badge: Zr,
+  stage_checklist: Xr,
+  text: aa,
+  media: ca,
+  input: da,
+  button: ha
+}, en = /* @__PURE__ */ new Set(["section", "card", "tabs"]), fa = /* @__PURE__ */ new Set(["metric", "chart", "table", "list", "detail", "timeline", "calendar", "progress", "media"]), pa = { metric: "metric", progress: "value", badge: "value", text: "value", stage_checklist: "value" }, ga = () => typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
+function tn(e, t = 0) {
+  for (const n of e ?? [])
+    t = en.has(n.type) ? tn(n.children, t) : t + 1;
+  return t;
+}
+function ya({
+  page: e,
+  resolve: t,
+  theme: n,
+  params: r,
+  onOpenRecord: i,
+  onNotice: a,
+  confirm: o,
+  now: l,
+  concurrency: d = 2,
+  datasetTimeoutMs: c,
+  /** Inline chat context: same artifact and data semantics, without title/shell chrome. */
+  inline: u = !1,
+  className: h,
+  /**
+   * The minimum time a data-bearing block wears its skeleton before its content is allowed to
+   * paint (design behavior B4: "skeleton-before-content, always"). Instant data is real — but a
+   * tile that skips its skeleton reads as a pop, not an arrival, so the host may ask for a floor.
+   * 0 (the default) keeps today's paint-when-ready behavior; `prefers-reduced-motion` forces 0.
+   */
+  revealDwellMs: f = 0,
+  /**
+   * The host says the page passed Phase 2. Only then does a block draw the design's validation tick:
+   * the renderer does not validate, so a tick it drew unbidden would assert a check nobody ran.
+   */
+  validated: k = !1,
+  /**
+   * `(pageId) => pageDoc | Promise<pageDoc>`. What makes `navigate.mode: "overlay"` executable
+   * (DECISIONS A13): the renderer can PRESENT a page over the one it is drawing, but it cannot
+   * invent the document. Without this, an overlay navigate draws disabled, wearing its reason.
+   *
+   * The host must return a page it has VALIDATED. The overlay renders it exactly as `<UIResponsePage>`
+   * renders anything, and this renderer trusts its input.
+   */
+  resolvePage: p,
+  /**
+   * THE COMMENTARY TRACK. Generation-time narration lines — `[{ after, text, slots }]` — spoken
+   * over the page as it fills in: "The soonest is {title}, {date}." The model PHRASES a line and
+   * POINTS at values with slots (ordinary OBL bindings); it never states one, because it has
+   * never seen a row. Each line paints after the block it narrates, once every slot's dataset is
+   * ready, with the slots resolved and formatted by the same machinery as every block. A slot
+   * that cannot resolve withholds its line — narration understates, never invents. Not part of
+   * the page document: a saved view keeps its data live and its commentary in the past.
+   */
+  narration: y = null,
+  /**
+   * `(settled: boolean) => void` — called with `true` each time the page reaches the state where
+   * every data-bearing block on screen has revealed its content (or settled terminally into an
+   * error), and with `false` when new unrevealed content appears (a streamed document growing,
+   * a refresh). Reported after commit, on transitions only; the mount state is always reported.
+   *
+   * THE SEAM, and why it is this and not dataset events: "revealed" is not "resolved". The dwell
+   * gate holds a tile's content on its skeleton after its rows are already in memory, page-wide,
+   * one per beat — timing only this component knows. A host deriving readiness from its own
+   * `resolve` calls would re-implement that private choreography and drift the first time it
+   * changed. So the renderer reports the FACT (what a viewer can see) and keeps the mechanism;
+   * the host composes rhythm — outros, CTAs, composer re-enable — on top of the fact.
+   */
+  onAllRevealed: v,
+  /** Internal. An overlay does not open an overlay — see the comment on `openOverlay`. */
+  __inOverlay: S = !1
+}) {
+  const w = E(() => n ? cr(n) : T, [n]), M = E(() => lr(w), [w]), I = E(() => l ?? /* @__PURE__ */ new Date(), [l]), [K, Q] = V(null), [ee, we] = V(null), N = C(null), b = P((_) => new Promise((g) => {
+    var A;
+    (A = N.current) == null || A.call(N, !1), N.current = g, we(_);
+  }), []), $ = P((_) => {
+    const g = N.current;
+    N.current = null, we(null), g == null || g(_);
+  }, []);
+  j(() => () => {
+    var _;
+    return (_ = N.current) == null ? void 0 : _.call(N, !1);
+  }, []);
+  const B = o ?? b, { datasets: x, dataset: te, params: F, setParam: R, refresh: G, blockReady: $e, blockError: at, blockStale: it } = Tn(e, t, { params: r, concurrency: d, timeoutMs: c }), je = E(() => {
+    const _ = Object.values(x);
+    if (!_.length) return null;
+    const g = _.filter((z) => z.status === "ready").length, A = _.filter((z) => z.status === "error").length;
+    return A ? `${A} of ${_.length} datasets failed` : g < _.length ? `Resolving · ${g} of ${_.length} datasets` : `${_.length} ${_.length === 1 ? "dataset" : "datasets"} · live`;
+  }, [x]), st = P((_) => {
+    a == null || a(_), Q(_);
+  }, [a]), [xe, Te] = V(null), ot = C(null), lt = P(async ({ pageId: _, params: g }) => {
+    ot.current = typeof document < "u" ? document.activeElement : null, Te({ pageId: _, params: g, doc: null, error: null });
+    try {
+      const A = await p(_);
+      if (!A) throw new Error(`the host has no page \`${_}\``);
+      Te({ pageId: _, params: g, doc: A, error: null });
+    } catch (A) {
+      Te({ pageId: _, params: g, doc: null, error: A.message });
+    }
+  }, [p]), nn = P(() => Te(null), []), ct = E(() => ({
+    setParam: R,
+    refresh: G,
+    onOpenRecord: i,
+    onNotice: st,
+    confirm: B,
+    resolveValue: H,
+    ...p && !S ? { openOverlay: lt } : null
+  }), [R, G, i, st, B, p, S, lt]), rn = E(() => ({
+    // `pageId` is here for continuity across closes and reopens — the count-up seeds its climb
+    // from the value this page last showed, and a value is only "the same one" per page per block.
+    dataset: te,
+    params: F,
+    now: I,
+    theme: w,
+    actionCtx: ct,
+    row: void 0,
+    pageId: e.id
+  }), [te, F, I, w, ct, e.id]), Ae = E(() => ({ dataset: te, params: F, now: I }), [te, F, I]), Re = f > 0 && !ga() ? f : 0, ut = C(/* @__PURE__ */ new Map()), dt = C(/* @__PURE__ */ new Set()), ht = C(-1 / 0), Pe = C(/* @__PURE__ */ new Map()), [, an] = V(0);
+  j(() => {
+    const _ = Pe.current;
+    return () => {
+      for (const g of _.values()) clearTimeout(g);
+    };
+  }, []);
+  const mt = P((_, g) => {
+    if (!Re || dt.current.has(_)) return !1;
+    const A = Date.now();
+    let z = ut.current.get(_);
+    if (z === void 0 && (z = A, ut.current.set(_, z)), !g) return !1;
+    const ne = Math.max(z + Re, ht.current + Re);
+    return A >= ne ? (dt.current.add(_), ht.current = A, !1) : (Pe.current.has(_) || Pe.current.set(
+      _,
+      setTimeout(() => {
+        Pe.current.delete(_), an((ae) => ae + 1);
+      }, ne - A + 15)
+    ), !0);
+  }, [Re]), He = C(/* @__PURE__ */ new Map()), ft = C(void 0);
+  He.current = /* @__PURE__ */ new Map(), j(() => {
+    if (!v) return;
+    let _ = !0;
+    for (const g of He.current.values())
+      if (!g) {
+        _ = !1;
+        break;
+      }
+    _ !== ft.current && (ft.current = _, v(_));
+  });
+  const pt = E(() => tn(e.blocks) <= 2, [e.blocks]), gt = !E(() => tr(e), [e]) && !S, sn = P(function _(g, A, z = {}) {
+    var bt, vt;
+    const ne = g.emphasis ?? "normal", ae = ue(g).size > 0, ie = !ae || $e(g), he = at(g), Ie = it(g), se = ae && !he && mt(g.id ?? A, ie), J = ie && !se, D = (L, oe) => (He.current.set(String(g.id ?? A), L), oe), O = Rn({ needsData: ae, error: he, dataReady: ie, held: se }), me = On(g, Ae, ie);
+    if (me === "hidden") return D(!0, null);
+    if (me === "pending") return D(O, null);
+    const Z = fa.has(g.type), re = (L, oe) => /* @__PURE__ */ m(
+      "div",
+      {
+        className: "uir-block",
+        "data-block": g.id,
+        "data-type": g.type,
+        "data-emphasis": ne,
+        "data-state": oe,
+        "data-stale": Ie || void 0,
+        "data-tile": Z || void 0,
+        "data-arrived": Z && oe === "ready" && ae || void 0,
+        children: [
+          k && Z && oe === "ready" && /* @__PURE__ */ s(Nr, {}),
+          L
+        ]
+      },
+      A
+    );
+    if (en.has(g.type)) {
+      const L = (oe, on) => _(oe, oe.id ?? on, { hideTitle: g.type === "tabs" });
+      if (g.type === "section") return D(!0, re(/* @__PURE__ */ s(xr, { block: g, renderChild: L, hideTitle: z.hideTitle }), "ready"));
+      if (g.type === "card")
+        return !J && ae ? D(O, re(/* @__PURE__ */ s(Je, { block: g }), "pending")) : D(O, re(/* @__PURE__ */ s(Ar, { block: g, renderChild: L, emphasis: ne }), "ready"));
+      if (g.type === "tabs") return D(!0, re(/* @__PURE__ */ s(Fr, { block: g, renderChild: L }), "ready"));
+    }
+    const wt = ma[g.type];
+    if (!wt)
+      return D(!0, re(/* @__PURE__ */ s(de, { message: `This renderer does not know the block type "${g.type}". It needs a newer renderer.` }), "ready"));
+    if (he)
+      return D(!0, re(/* @__PURE__ */ s(de, { message: he, onRetry: () => G([...ue(g)]) }), "error"));
+    if (!J)
+      return D(O, re(/* @__PURE__ */ s(Je, { variant: pa[g.type] ?? "bars", block: g }), "pending"));
+    if ((vt = (bt = g.value) == null ? void 0 : bt.$bind) != null && vt.empty && Wn(g.value.$bind.empty)) {
+      const L = H(g.value, Ae);
+      if (L == null) return D(!0, null);
+    }
+    try {
+      return D(O, re(/* @__PURE__ */ s(wt, { block: g, emphasis: ne }), "ready"));
+    } catch (L) {
+      return D(!0, re(/* @__PURE__ */ s(de, { message: L.message }), "error"));
+    }
+  }, [$e, at, it, Ae, G, k, mt]), yt = E(() => {
+    const _ = /* @__PURE__ */ new Map();
+    for (const g of y ?? []) {
+      if (!g || typeof g.text != "string") continue;
+      const A = typeof g.after == "string" ? g.after : "__end__";
+      _.has(A) || _.set(A, []), _.get(A).push(g);
+    }
+    return _;
+  }, [y]), _t = P((_) => {
+    const g = yt.get(_);
+    return g != null && g.length ? g.map((A, z) => {
+      var he, Ie;
+      const ne = Object.keys(A.slots ?? {});
+      if (ne.some((se) => {
+        var D, O, me, Z;
+        const J = ((O = (D = A.slots[se]) == null ? void 0 : D.$bind) == null ? void 0 : O.dataset) ?? ((me = A.slots[se]) == null ? void 0 : me.dataset);
+        return J && ((Z = x[J]) == null ? void 0 : Z.status) !== "ready";
+      })) return null;
+      let ie = A.text;
+      try {
+        for (const se of ne) {
+          const J = A.slots[se], D = (J == null ? void 0 : J.$bind) ?? J, O = H({ $bind: D }, Ae);
+          if (O == null || O === "") throw new Error("empty slot");
+          const me = (Ie = (he = (e.data ?? []).find((Z) => Z.name === D.dataset)) == null ? void 0 : he.columns) == null ? void 0 : Ie.find((Z) => Z.name === D.field);
+          ie = ie.split(`{${se}}`).join(q(O, D.format, { column: me, now: I }));
+        }
+      } catch {
+        return null;
+      }
+      return /* @__PURE__ */ s("p", { className: "uir-narration", children: ie }, `narr-${_}-${z}`);
+    }) : null;
+  }, [yt, x, Ae, e, I]);
+  return /* @__PURE__ */ s(Xe.Provider, { value: rn, children: /* @__PURE__ */ m(
+    "div",
+    {
+      className: ["uir-page", u ? "uir-page--inline" : null, h].filter(Boolean).join(" "),
+      style: M,
+      "aria-label": u ? e.title : void 0,
+      children: [
+        /* @__PURE__ */ m("div", { className: "uir-shell", children: [
+          !u && /* @__PURE__ */ m("header", { className: "uir-header", "data-minimal": pt || void 0, children: [
+            /* @__PURE__ */ m("div", { className: "uir-header__line", children: [
+              gt && /* @__PURE__ */ s("h1", { className: "uir-header__title", children: e.title }),
+              je && /* @__PURE__ */ s("span", { className: "uir-header__status", "data-settled": je.endsWith("live") || void 0, children: je })
+            ] }),
+            e.subtitle && !pt && gt && /* @__PURE__ */ s("p", { className: "uir-header__subtitle", children: e.subtitle })
+          ] }),
+          e.blocks.map((_, g) => /* @__PURE__ */ m(ln.Fragment, { children: [
+            sn(_, _.id ?? g),
+            _t(_.id)
+          ] }, `f-${_.id ?? g}`)),
+          _t("__end__"),
+          K && /* @__PURE__ */ m("div", { className: "uir-notice", role: "status", children: [
+            /* @__PURE__ */ s("button", { type: "button", className: "uir-notice__close", onClick: () => Q(null), "aria-label": "Dismiss", children: "×" }),
+            K
+          ] })
+        ] }),
+        xe && /* @__PURE__ */ s(_a, { overlay: xe, onClose: nn, returnFocusTo: ot, children: xe.doc && /* @__PURE__ */ s(
+          ya,
+          {
+            page: xe.doc,
+            resolve: t,
+            theme: n,
+            params: Pn(r, xe.params),
+            onOpenRecord: i,
+            onNotice: a,
+            confirm: o,
+            now: l,
+            validated: k,
+            revealDwellMs: f,
+            className: "uir-page--nested",
+            __inOverlay: !0
+          }
+        ) }),
+        ee && /* @__PURE__ */ s(kr, { prompt: ee, onResolve: $ })
+      ]
+    }
+  ) });
+}
+function _a({ overlay: e, onClose: t, returnFocusTo: n, children: r }) {
+  var a, o;
+  const i = C(null);
+  return j(() => {
+    var d;
+    (d = i.current) == null || d.focus();
+    const l = (c) => {
+      c.key === "Escape" && (c.stopPropagation(), t());
+    };
+    return document.addEventListener("keydown", l), () => {
+      document.removeEventListener("keydown", l);
+      const c = n == null ? void 0 : n.current;
+      c && c !== document.body && c.isConnected && c.focus();
+    };
+  }, [t]), /* @__PURE__ */ m("div", { className: "uir-overlay", role: "dialog", "aria-modal": "true", "aria-label": ((a = e.doc) == null ? void 0 : a.title) ?? "Loading", children: [
+    /* @__PURE__ */ s("div", { className: "uir-overlay__scrim", onClick: t }),
+    /* @__PURE__ */ m("div", { className: "uir-overlay__panel", ref: i, tabIndex: -1, children: [
+      /* @__PURE__ */ m("div", { className: "uir-overlay__head", children: [
+        /* @__PURE__ */ s("span", { className: "uir-overlay__title", children: ((o = e.doc) == null ? void 0 : o.title) ?? e.pageId }),
+        /* @__PURE__ */ s("button", { type: "button", className: "uir-overlay__close", onClick: t, "aria-label": "Close", children: /* @__PURE__ */ m("svg", { width: "9", height: "9", viewBox: "0 0 9 9", "aria-hidden": "true", children: [
+          /* @__PURE__ */ s("line", { x1: "1", y1: "1", x2: "8", y2: "8" }),
+          /* @__PURE__ */ s("line", { x1: "8", y1: "1", x2: "1", y2: "8" })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "uir-overlay__body", children: e.error ? /* @__PURE__ */ s(de, { message: `Could not present \`${e.pageId}\`: ${e.error}` }) : e.doc ? r : /* @__PURE__ */ s(Je, {}) })
+    ] })
+  ] });
+}
+export {
+  We as DISABLED_VERBS,
+  ka as EMPHASIS_RANK,
+  fr as TABLE_PAGE_SIZE,
+  ya as UIResponsePage,
+  Qe as actionGate,
+  kn as aggregate,
+  _n as bindingArity,
+  ue as collectDatasets,
+  Ke as collectParams,
+  qt as darkTheme,
+  ya as default,
+  T as defaultTheme,
+  Gn as emptyRender,
+  Ce as evaluateCondition,
+  Fn as flattenBlocks,
+  Ft as formatAudioTime,
+  q as formatValue,
+  Wn as hidesBlock,
+  pr as initialsFor,
+  wr as isDestructiveAction,
+  $a as isDisabledVerb,
+  ke as isEmptyValue,
+  qn as isNumericFormat,
+  cr as makeTheme,
+  Pn as overlayParams,
+  gr as paginateRows,
+  Sn as planDatasetOrder,
+  Ve as resolveBinding,
+  H as resolveValue,
+  lr as themeToCssVars,
+  _r as timelineLayout,
+  dr as verbReason
+};