@adatechnology/game-test-room 0.13.0 → 0.15.0

package/dist/index.js

@@ -9,6 +9,9 @@ import { createGroundField, createVfx } from "@adatechnology/game-vfx";
 import { createGroundPatch, createVfxRenderer } from "@adatechnology/game-vfx-three";
 import { checkAnimation, checkBench, checkDestructible, checkSpec, createEnvironmentBus, shotExtras, useToHit } from "@adatechnology/game-contracts";
 
+// src/arena.ts
+import { markKitOrigin } from "@adatechnology/game-contracts";
+
 // src/items.ts
 var box = (id, material, size, position, extra = {}) => ({ id, material, shape: { kind: "box", size }, position, ...extra });
 var joint = (a, b, kind, extra = {}) => ({ a, b, kind, ...extra });
@@ -110,7 +113,7 @@ function resolveScenery(scenery) {
   return [...merged.entries()].map(([id, o]) => ({ id, spec: o.spec, position: o.position, rotationY: o.rotationY ?? 0, colors: o.colors, build: o.build, label: o.label, top: o.top, spout: o.spout }));
 }
 function createArena(THREE, size, scene, scenery, tapOption) {
-  const group = new THREE.Group();
+  const group = markKitOrigin(new THREE.Group(), { owner: "game-test-room", kind: "room" });
   group.name = "test-room-arena";
   scene.background = new THREE.Color(10466504);
   group.add(new THREE.HemisphereLight(13624319, 7037527, 0.75));
@@ -468,7 +471,7 @@ function buildFromSpec(THREE, spec, options = {}) {
 }
 
 // src/explosives.ts
-import { backblastEffect, blastEffect, createExplosiveBody, tripwireSegment } from "@adatechnology/game-weapons";
+import { ExplosiveBody, backblastEffect, blastEffect, createExplosiveBody, tripwireSegment } from "@adatechnology/game-weapons";
 
 // src/segment-box.ts
 var segmentTouchesBox = (from, to, min, max) => {
@@ -711,6 +714,14 @@ function createExplosives(context) {
       ...projectile.fire ? { fire: projectile.fire } : {}
     });
   };
+  const blastAt = (weapon, explosive, point) => {
+    const def = arsenal.explosives.get(explosive);
+    if (!def) return false;
+    const event = new ExplosiveBody({ explosive: def, origin: point, triggers: ["remote"], rules: arsenal.rules.explosives }).trigger("remote");
+    if (event?.type !== "detonate") return false;
+    detonate({ weapon }, event.detonation);
+    return true;
+  };
   const detonateCharges = () => {
     let count = 0;
     for (const projectile of [...projectiles]) {
@@ -802,7 +813,172 @@ function createExplosives(context) {
       }
     }
   };
-  return { throwUse, placeUse, backblastUse, detonateCharges, update, clear };
+  return { throwUse, placeUse, backblastUse, detonateCharges, blastAt, update, clear };
+}
+
+// src/test-table.ts
+var TRIAL_KINDS = ["shot", "punch", "stab", "fire", "blast"];
+var DEFAULT_TRIALS = {
+  shot: { weapon: "pistol_9mm", distance: 2.5, lift: 0.5 },
+  punch: { weapon: "fists", distance: 0.3, lift: 0.15 },
+  stab: { weapon: "knife", distance: 0.22, lift: 0.1 },
+  fire: { weapon: "flamethrower", distance: 1.6, lift: 0.4, hold: 0.8 },
+  blast: { weapon: "frag_grenade", distance: 0.3, lift: 1, watch: 6 }
+};
+var resolveTrials = (overrides = {}) => Object.fromEntries(TRIAL_KINDS.map((kind) => [kind, { ...DEFAULT_TRIALS[kind], ...overrides[kind] }]));
+function fitRow(width, start, total, length, gap) {
+  let used = 0;
+  let count = 0;
+  for (let i = start; i < total; i++) {
+    const w = width(i);
+    const next = count === 0 ? w : used + gap + w;
+    if (count > 0 && next > length) break;
+    used = next;
+    count++;
+  }
+  return count;
+}
+function rowCentres(widths, centreX, gap) {
+  const length = widths.reduce((sum, w) => sum + w, 0) + gap * Math.max(0, widths.length - 1);
+  let x = centreX - length / 2;
+  return widths.map((w) => {
+    const centre = x + w / 2;
+    x += w + gap;
+    return centre;
+  });
+}
+function trialView(tool, kind, min, max) {
+  const target = [(min[0] + max[0]) / 2, (min[1] + max[1]) / 2, (min[2] + max[2]) / 2];
+  const away = kind === "blast" ? tool.watch ?? 6 : tool.distance;
+  return { eye: [target[0], target[1] + tool.lift, max[2] + away], target };
+}
+function createTestTable(context, options = {}) {
+  const gap = options.gap ?? 0.12;
+  const margin = options.margin ?? 0.1;
+  const trials = resolveTrials(options.trials);
+  const listeners = /* @__PURE__ */ new Set();
+  let current = null;
+  const itemsOf = (group) => context.groups().get(group) ?? [];
+  const emit = () => {
+    const page = state();
+    for (const listener of [...listeners]) listener(page);
+    return page;
+  };
+  const state = () => {
+    if (!current) return null;
+    const total = itemsOf(current.group).length;
+    const live = current.objects.filter((o) => context.box(o.objectId));
+    return {
+      group: current.group,
+      page: current.page,
+      first: current.first,
+      total,
+      objects: live,
+      selected: current.selected,
+      hasPrev: current.page > 0,
+      hasNext: current.first + current.objects.length < total
+    };
+  };
+  const bounds = /* @__PURE__ */ new Map();
+  const widthOf = (itemId) => context.measure(itemId).w;
+  const boundsUntil = (group, length, until) => {
+    const items = itemsOf(group);
+    const known = bounds.get(group) ?? [0];
+    bounds.set(group, known);
+    while (known[known.length - 1] < items.length && !until(known)) {
+      const first = known[known.length - 1];
+      known.push(first + fitRow((i) => widthOf(items[i].id), first, items.length, length, gap));
+    }
+    return known;
+  };
+  const lengthOf = (top) => top.maxX - top.minX - 2 * margin;
+  const lay = (group, page, top) => {
+    const items = itemsOf(group);
+    const known = boundsUntil(group, lengthOf(top), (b) => b.length > page + 1);
+    const index = Math.max(0, Math.min(page, known.length - 2));
+    const first = known[index];
+    const laid = items.slice(first, known[index + 1]);
+    context.clear();
+    const sizes = laid.map((item) => context.measure(item.id));
+    const centres = rowCentres(sizes.map((size) => size.w), (top.minX + top.maxX) / 2, gap);
+    const objects = laid.map((item, i) => {
+      const d = Math.min(sizes[i].d, top.maxZ - top.minZ);
+      const { objectId } = context.spawn(item.id, [centres[i], top.top, top.maxZ - margin / 2 - d / 2]);
+      return { objectId, itemId: item.id, name: item.name };
+    });
+    current = { group, page: index, first, objects, selected: objects[0]?.objectId ?? null };
+    context.log("test_table", context.translate("act.test_table", { group, from: first + 1, to: first + laid.length, total: items.length }), { group, page: index, items: laid.map((i) => i.id) });
+    return emit();
+  };
+  const open = (group, page = 0) => {
+    const top = context.top();
+    if (!itemsOf(group).length || !top) return null;
+    return lay(group, page, top);
+  };
+  const find = (itemId) => {
+    const top = context.top();
+    const group = [...context.groups()].find(([, items]) => items.some((i) => i.id === itemId))?.[0];
+    if (group === void 0 || !top) return null;
+    const index = itemsOf(group).findIndex((i) => i.id === itemId);
+    const known = boundsUntil(group, lengthOf(top), (b) => b[b.length - 1] > index);
+    lay(group, known.findIndex((bound, i) => bound <= index && index < known[i + 1]), top);
+    const target = current?.objects.find((o) => o.itemId === itemId);
+    if (current && target) current.selected = target.objectId;
+    return emit();
+  };
+  const selected = (objectId) => {
+    const id = objectId ?? current?.selected ?? null;
+    return id && context.box(id) ? id : null;
+  };
+  const trial = (kind, objectId) => {
+    const id = selected(objectId);
+    const box2 = id ? context.box(id) : null;
+    if (!id || !box2) return false;
+    const tool = trials[kind];
+    if (!context.equip(tool.weapon)) return false;
+    const view = trialView(tool, kind, box2.min, box2.max);
+    context.look(view.eye, view.target);
+    const name = current?.objects.find((o) => o.objectId === id)?.name ?? id;
+    context.log("trial", context.translate(`act.trial.${kind}`, { name }), { kind, objectId: id, weapon: tool.weapon });
+    if (kind === "blast") {
+      const point = [view.target[0], box2.min[1] + 0.05, box2.min[2] - tool.distance];
+      return context.blastAt(tool.weapon, point);
+    }
+    context.use(tool.hold ?? 0);
+    emit();
+    return true;
+  };
+  return {
+    groups: () => [...context.groups()].filter(([, items]) => items.length > 0).map(([group]) => group),
+    items: () => [...context.groups()].flatMap(([group, items]) => items.map((item) => ({ id: item.id, name: item.name, group }))),
+    open,
+    find,
+    next: () => {
+      const page = state();
+      return page?.hasNext ? open(page.group, page.page + 1) : page;
+    },
+    prev: () => {
+      const page = state();
+      return page?.hasPrev ? open(page.group, page.page - 1) : page;
+    },
+    relay: () => {
+      if (!current) return null;
+      context.resetAll();
+      return open(current.group, current.page);
+    },
+    state,
+    select: (objectId) => {
+      if (!current || !current.objects.some((o) => o.objectId === objectId) || !context.box(objectId)) return false;
+      current.selected = objectId;
+      emit();
+      return true;
+    },
+    trial,
+    on: (listener) => {
+      listeners.add(listener);
+      return () => listeners.delete(listener);
+    }
+  };
 }
 
 // src/host-events.ts
@@ -2234,7 +2410,7 @@ var en = {
     "hud.throw": "throw",
     "hud.tilt": "tilt (hold)",
     "hud.equip": "equip {weapon}",
-    "ui.help": "Click: look \xB7 WASD: walk \xB7 Shift: run \xB7 C: crouch \xB7 Space: jump \xB7 1-0 / wheel: tool \xB7 LMB: use \xB7 E: grab/drop \xB7 G or RMB: throw \xB7 R: reload \xB7 Q: fire mode \xB7 X: clear a jam \xB7 B: safety \xB7 Y: detonate charges set down \xB7 Tab: panels \xB7 Esc: free the mouse",
+    "ui.help": "Click: look \xB7 WASD: walk \xB7 Shift: run \xB7 C: crouch \xB7 Space: jump \xB7 1-0 / wheel: tool \xB7 LMB: use (bare hands: punch) \xB7 E: grab/drop \xB7 G or RMB: throw \xB7 R: reload \xB7 Q: fire mode \xB7 X: clear a jam \xB7 B: safety \xB7 Y: detonate charges set down \xB7 Tab: panels \xB7 Esc: free the mouse",
     "ui.help.camera": "V: 1st/3rd person (Shift+V: kick)",
     "camera.first": "1st person",
     "camera.third": "3rd person",
@@ -2248,6 +2424,32 @@ var en = {
     "ui.copy_json": "Copy JSON",
     "ui.download_ndjson": "Download NDJSON",
     "ui.download_txt": "Download TXT",
+    "ui.test_table": "Test table",
+    "ui.test_table.group": "Group to lay on the table",
+    "ui.test_table.lay": "Lay",
+    "ui.test_table.prev": "Previous items",
+    "ui.test_table.next": "Next items",
+    "ui.test_table.relay": "Put back",
+    "ui.test_table.search": "Find an item to put on the table",
+    "ui.test_table.hint": "Pick a group and lay it on the table, then pick an item and try it.",
+    "ui.test_table.page": "Items {from}\u2013{to} of {total}. Pick one, then a trial:",
+    "ui.trial.shot": "Shot",
+    "ui.trial.punch": "Punch",
+    "ui.trial.stab": "Knife",
+    "ui.trial.fire": "Fire",
+    "ui.trial.blast": "Blast",
+    "ui.trial.shot.hint": "A 9 mm round from 2.5 m",
+    "ui.trial.punch.hint": "A punch, up close",
+    "ui.trial.stab.hint": "A knife blow, up close",
+    "ui.trial.fire.hint": "A flamethrower burst from 1.6 m",
+    "ui.trial.blast.hint": "A fragmentation grenade goes off just behind it (it reaches the neighbours too)",
+    "act.test_table": "Test table: {group}, items {from}\u2013{to} of {total}",
+    "act.trial.shot": "Trial: shooting {name}",
+    "act.trial.punch": "Trial: punching {name}",
+    "act.trial.stab": "Trial: stabbing {name}",
+    "act.trial.fire": "Trial: setting fire to {name}",
+    "act.trial.blast": "Trial: a blast beside {name}",
+    "arena.test_table": "Test table",
     "ui.clear_log": "Clear",
     "ui.catalog": "Catalogue",
     "ui.clear": "Clear",
@@ -2515,7 +2717,7 @@ var ptBR = {
     "hud.throw": "arremessar",
     "hud.tilt": "inclinar (segurar)",
     "hud.equip": "equipar {weapon}",
-    "ui.help": "Clique: olhar \xB7 WASD: andar \xB7 Shift: correr \xB7 C: agachar \xB7 Espa\xE7o: pular \xB7 1-0 / roda: ferramenta \xB7 bot\xE3o esquerdo: usar \xB7 E: pegar/soltar \xB7 G ou bot\xE3o direito: arremessar \xB7 R: recarregar \xB7 Q: modo de tiro \xB7 X: destravar \xB7 B: trava \xB7 Y: detonar cargas postas \xB7 Tab: pain\xE9is \xB7 Esc: soltar o mouse",
+    "ui.help": "Clique: olhar \xB7 WASD: andar \xB7 Shift: correr \xB7 C: agachar \xB7 Espa\xE7o: pular \xB7 1-0 / roda: ferramenta \xB7 bot\xE3o esquerdo: usar (m\xE3o livre: soco) \xB7 E: pegar/soltar \xB7 G ou bot\xE3o direito: arremessar \xB7 R: recarregar \xB7 Q: modo de tiro \xB7 X: destravar \xB7 B: trava \xB7 Y: detonar cargas postas \xB7 Tab: pain\xE9is \xB7 Esc: soltar o mouse",
     "ui.help.camera": "V: 1\xAA/3\xAA pessoa (Shift+V: chute)",
     "camera.first": "1\xAA pessoa",
     "camera.third": "3\xAA pessoa",
@@ -2529,6 +2731,32 @@ var ptBR = {
     "ui.copy_json": "Copiar JSON",
     "ui.download_ndjson": "Baixar NDJSON",
     "ui.download_txt": "Baixar TXT",
+    "ui.test_table": "Mesa de testes",
+    "ui.test_table.group": "Grupo para p\xF4r na mesa",
+    "ui.test_table.lay": "P\xF4r na mesa",
+    "ui.test_table.prev": "Itens anteriores",
+    "ui.test_table.next": "Pr\xF3ximos itens",
+    "ui.test_table.relay": "Repor",
+    "ui.test_table.search": "Buscar item para p\xF4r na mesa",
+    "ui.test_table.hint": "Escolha um grupo e ponha na mesa; depois escolha um item e teste.",
+    "ui.test_table.page": "Itens {from}\u2013{to} de {total}. Escolha um e um teste:",
+    "ui.trial.shot": "Tiro",
+    "ui.trial.punch": "Soco",
+    "ui.trial.stab": "Faca",
+    "ui.trial.fire": "Fogo",
+    "ui.trial.blast": "Explos\xE3o",
+    "ui.trial.shot.hint": "Um tiro de 9 mm a 2,5 m",
+    "ui.trial.punch.hint": "Um soco, de perto",
+    "ui.trial.stab.hint": "Um golpe de faca, de perto",
+    "ui.trial.fire.hint": "Uma rajada de lan\xE7a-chamas a 1,6 m",
+    "ui.trial.blast.hint": "Uma granada de fragmenta\xE7\xE3o explode logo atr\xE1s dele (pega os vizinhos tamb\xE9m)",
+    "act.test_table": "Mesa de testes: {group}, itens {from}\u2013{to} de {total}",
+    "act.trial.shot": "Teste: tiro em {name}",
+    "act.trial.punch": "Teste: soco em {name}",
+    "act.trial.stab": "Teste: faca em {name}",
+    "act.trial.fire": "Teste: fogo em {name}",
+    "act.trial.blast": "Teste: explos\xE3o ao lado de {name}",
+    "arena.test_table": "Mesa de testes",
     "ui.clear_log": "Limpar",
     "ui.catalog": "Cat\xE1logo",
     "ui.clear": "Limpar",
@@ -2870,6 +3098,122 @@ function createBenchPanel(o) {
   };
 }
 
+// src/test-table-panel.ts
+var TEST_TABLE_CSS = `
+.tr-table{flex:0 0 auto;max-height:42%}
+.tr-table .sub{color:#9aa3b2;margin:4px 0}
+.tr-table .list{display:flex;flex-wrap:wrap;gap:3px}
+.tr-table .list .tr-btn{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.tr-table select{flex:1;min-width:0;max-width:55%}
+.tr-table .tr-search{margin:6px 0 0}
+.tr-root .tr-table button.tr-btn.on{background:#3b3a14;border-color:#ffd23f;color:#fff}
+`;
+var mk2 = (tag, cls, text) => {
+  const e = document.createElement(tag);
+  if (cls) e.className = cls;
+  if (text !== void 0) e.textContent = text;
+  return e;
+};
+function createTestTablePanel(table, t) {
+  const element = mk2("div", "tr-panel tr-table");
+  element.appendChild(mk2("h3", void 0, t("ui.test_table")));
+  const head = mk2("div", "tr-row");
+  const select = mk2("select");
+  select.setAttribute("aria-label", t("ui.test_table.group"));
+  const lay = mk2("button", "tr-btn", t("ui.test_table.lay"));
+  const prev = mk2("button", "tr-btn", "\u25C0");
+  const next = mk2("button", "tr-btn", "\u25B6");
+  prev.title = t("ui.test_table.prev");
+  next.title = t("ui.test_table.next");
+  for (const b of [lay, prev, next]) b.type = "button";
+  head.append(select, lay, prev, next);
+  const search = mk2("input", "tr-search");
+  search.type = "search";
+  search.placeholder = t("ui.test_table.search");
+  const found = mk2("div", "list");
+  const sub = mk2("div", "sub", t("ui.test_table.hint"));
+  const list = mk2("div", "list");
+  const trials = mk2("div", "tr-row");
+  const trialButtons = TRIAL_KINDS.map((kind) => {
+    const b = mk2("button", "tr-btn", t(`ui.trial.${kind}`));
+    b.type = "button";
+    b.dataset.trial = kind;
+    b.title = t(`ui.trial.${kind}.hint`);
+    b.onclick = () => table.trial(kind);
+    trials.appendChild(b);
+    return b;
+  });
+  const relay = mk2("button", "tr-btn", t("ui.test_table.relay"));
+  relay.type = "button";
+  relay.onclick = () => table.relay();
+  trials.appendChild(relay);
+  element.append(head, search, found, sub, list, trials);
+  const groups = () => {
+    const keep = select.value;
+    select.textContent = "";
+    for (const group of table.groups()) {
+      const op = mk2("option", void 0, group);
+      op.value = group;
+      select.appendChild(op);
+    }
+    if ([...select.options].some((o) => o.value === keep)) select.value = keep;
+  };
+  const render = (page) => {
+    list.textContent = "";
+    prev.disabled = !page?.hasPrev;
+    next.disabled = !page?.hasNext;
+    for (const b of [...trialButtons, relay]) b.disabled = !page?.selected;
+    if (!page) {
+      sub.textContent = t("ui.test_table.hint");
+      return;
+    }
+    if (select.value !== page.group) select.value = page.group;
+    sub.textContent = t("ui.test_table.page", { from: page.first + 1, to: page.first + page.objects.length, total: page.total });
+    for (const o of page.objects) {
+      const b = mk2("button", o.objectId === page.selected ? "tr-btn on" : "tr-btn", o.name);
+      b.type = "button";
+      b.title = o.itemId;
+      b.onclick = () => table.select(o.objectId);
+      list.appendChild(b);
+    }
+  };
+  const fold2 = (text) => text.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
+  search.oninput = () => {
+    found.textContent = "";
+    const term = fold2(search.value.trim());
+    if (!term) return;
+    const hits = table.items().filter((item) => fold2(`${item.name} ${item.id}`).includes(term)).slice(0, 8);
+    for (const item of hits) {
+      const b = mk2("button", "tr-btn", item.name);
+      b.type = "button";
+      b.title = `${item.group} \xB7 ${item.id}`;
+      b.onclick = () => {
+        search.value = "";
+        found.textContent = "";
+        table.find(item.id);
+      };
+      found.appendChild(b);
+    }
+    if (!hits.length) found.appendChild(mk2("div", "sub", t("ui.no_results")));
+  };
+  lay.onclick = () => table.open(select.value);
+  prev.onclick = () => table.prev();
+  next.onclick = () => table.next();
+  select.onchange = () => table.open(select.value);
+  for (const box2 of [select, search]) box2.addEventListener("keydown", (e) => e.stopPropagation());
+  const off = table.on(render);
+  groups();
+  render(table.state());
+  return {
+    element,
+    refresh: () => {
+      groups();
+      render(table.state());
+    },
+    dispose: off
+  };
+}
+
 // src/ui.ts
 var CSS = `
 .tr-root{position:absolute;inset:0;pointer-events:none;font:12px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#e8eaee;overflow:hidden}
@@ -2948,7 +3292,7 @@ var CSS = `
 @media (max-width:980px){.tr-left,.tr-right{display:none}.tr-root.open .tr-left,.tr-root.open .tr-right{display:flex}.tr-toggle{display:block;pointer-events:auto}.tr-root.open .tr-toggle{right:min(310px,34vw)}.tr-left{width:min(400px,46vw)}.tr-help{display:none}}
 `;
 var fold = (text) => text.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
-var mk2 = (tag, cls, text) => {
+var mk3 = (tag, cls, text) => {
   const e = document.createElement(tag);
   if (cls) e.className = cls;
   if (text !== void 0) e.textContent = text;
@@ -2959,7 +3303,7 @@ var thumbSource = (thumbnail) => {
   return source.replace(/["\\\n\r]/g, (char) => encodeURIComponent(char));
 };
 var thumb = (thumbnail, credit) => {
-  const e = mk2("span", "tr-thumb");
+  const e = mk3("span", "tr-thumb");
   if (credit) e.title = credit;
   else e.setAttribute("aria-hidden", "true");
   e.style.setProperty("--tr-thumb", `url("${thumbSource(thumbnail)}")`);
@@ -2980,42 +3324,43 @@ async function toggleFullscreen() {
 }
 function createUi(o) {
   const { t } = o;
-  const style = mk2("style");
-  style.textContent = CSS;
-  const root = mk2("div", "tr-root");
+  const style = mk3("style");
+  style.textContent = CSS + (o.testTable ? TEST_TABLE_CSS : "");
+  const root = mk3("div", "tr-root");
   const pos = getComputedStyle?.(o.container)?.position;
   if (!pos || pos === "static") o.container.style.position = "relative";
   root.appendChild(style);
   o.container.appendChild(root);
-  const cross = mk2("div", "tr-cross");
-  cross.appendChild(mk2("i"));
-  const top = mk2("div", "tr-top");
-  const toolBox = mk2("div", "tr-tool");
-  const status = mk2("div", "tr-status");
-  const prog = mk2("div", "tr-prog");
-  const progLabel = mk2("b");
-  const progBar = mk2("div", "tr-bar");
-  const progFill = mk2("i");
+  const cross = mk3("div", "tr-cross");
+  cross.appendChild(mk3("i"));
+  const top = mk3("div", "tr-top");
+  const toolBox = mk3("div", "tr-tool");
+  const status = mk3("div", "tr-status");
+  const prog = mk3("div", "tr-prog");
+  const progLabel = mk3("b");
+  const progBar = mk3("div", "tr-bar");
+  const progFill = mk3("i");
   progBar.appendChild(progFill);
   prog.append(progLabel, progBar);
   top.append(toolBox, status, prog);
-  const bottom = mk2("div", "tr-bottom");
-  const held = mk2("div", "tr-held");
-  const hotbar = mk2("div", "tr-hotbar");
+  const bottom = mk3("div", "tr-bottom");
+  const held = mk3("div", "tr-held");
+  const hotbar = mk3("div", "tr-hotbar");
   bottom.append(held, hotbar);
-  const help = mk2("div", "tr-help");
+  const help = mk3("div", "tr-help");
   help.textContent = t("ui.help");
-  const left = mk2("div", "tr-left");
-  const insp = mk2("div", "tr-panel tr-insp");
-  const logPanel = mk2("div", "tr-panel tr-log");
-  left.append(insp, logPanel);
-  const logTitle = mk2("h3", void 0, t("ui.log"));
-  const logBar = mk2("div", "tr-logbar");
-  const logBody = mk2("div", "tr-logbody");
+  const left = mk3("div", "tr-left");
+  const insp = mk3("div", "tr-panel tr-insp");
+  const logPanel = mk3("div", "tr-panel tr-log");
+  const tablePanel = o.testTable ? createTestTablePanel(o.testTable, t) : null;
+  left.append(insp, ...tablePanel ? [tablePanel.element] : [], logPanel);
+  const logTitle = mk3("h3", void 0, t("ui.log"));
+  const logBar = mk3("div", "tr-logbar");
+  const logBody = mk3("div", "tr-logbody");
   const filters = { action: true, event: true, check: true };
   const filterBtns = [];
   for (const ch of ["action", "event", "check"]) {
-    const b = mk2("button", "tr-btn on", t(`ui.filter.${ch}`));
+    const b = mk3("button", "tr-btn on", t(`ui.filter.${ch}`));
     b.type = "button";
     b.onclick = () => {
       filters[ch] = !filters[ch];
@@ -3026,8 +3371,8 @@ function createUi(o) {
     logBar.appendChild(b);
   }
   let autoscroll = true;
-  const asLabel = mk2("label");
-  const asBox = mk2("input");
+  const asLabel = mk3("label");
+  const asBox = mk3("input");
   asBox.type = "checkbox";
   asBox.checked = true;
   asBox.onchange = () => {
@@ -3036,7 +3381,7 @@ function createUi(o) {
   asLabel.append(asBox, document.createTextNode(" " + t("ui.autoscroll")));
   logBar.appendChild(asLabel);
   const logBtn = (label, fn) => {
-    const b = mk2("button", "tr-btn", label);
+    const b = mk3("button", "tr-btn", label);
     b.type = "button";
     b.onclick = fn;
     logBar.appendChild(b);
@@ -3044,7 +3389,7 @@ function createUi(o) {
   logBtn(t("ui.copy_json"), () => {
     const text = o.log.toJSON();
     const select = () => {
-      const ta = mk2("textarea");
+      const ta = mk3("textarea");
       ta.value = text;
       ta.setAttribute("readonly", "");
       ta.style.cssText = "position:fixed;left:8px;bottom:8px;width:min(480px,80vw);height:120px;z-index:99999";
@@ -3078,12 +3423,12 @@ function createUi(o) {
   const fill = (n, e) => {
     n.className = lineClass(e);
     n.textContent = "";
-    const tm = mk2("time", void 0, fmtTime(e.t));
+    const tm = mk3("time", void 0, fmtTime(e.t));
     n.append(tm, document.createTextNode(e.text));
   };
   const addNode = (e) => {
     if (!filters[e.channel]) return;
-    const n = mk2("div");
+    const n = mk3("div");
     fill(n, e);
     nodes.set(e.seq, n);
     logBody.appendChild(n);
@@ -3105,18 +3450,18 @@ function createUi(o) {
       if (n) fill(n, e);
     } else addNode(e);
   });
-  const right = mk2("div", "tr-right");
-  const cat = mk2("div", "tr-panel tr-cat");
-  const anim = mk2("div", "tr-panel tr-anim");
-  const tests = mk2("div", "tr-panel tr-tests");
+  const right = mk3("div", "tr-right");
+  const cat = mk3("div", "tr-panel tr-cat");
+  const anim = mk3("div", "tr-panel tr-anim");
+  const tests = mk3("div", "tr-panel tr-tests");
   const benchPanel = createBenchPanel({ t, num: (n, d) => num(n, d), onControl: o.onControl, onLayer: o.onLayer, onAction: o.onAction });
   right.append(cat, anim, benchPanel.element, tests);
-  cat.appendChild(mk2("h3", void 0, t("ui.catalog")));
-  const itemSearch = mk2("input", "tr-search");
+  cat.appendChild(mk3("h3", void 0, t("ui.catalog")));
+  const itemSearch = mk3("input", "tr-search");
   itemSearch.type = "search";
   itemSearch.placeholder = t("ui.search_items");
-  const tabs = mk2("div", "tr-tabs");
-  const items = mk2("div", "tr-items");
+  const tabs = mk3("div", "tr-tabs");
+  const items = mk3("div", "tr-items");
   cat.append(itemSearch, tabs, items);
   let activeGroup = "";
   const visibleItems = () => {
@@ -3128,18 +3473,18 @@ function createUi(o) {
     items.textContent = "";
     const searching = itemSearch.value.trim() !== "";
     const found = visibleItems();
-    if (!found.length) items.appendChild(mk2("div", "tr-empty", t("ui.no_results")));
+    if (!found.length) items.appendChild(mk3("div", "tr-empty", t("ui.no_results")));
     for (const { item: it, group } of found) {
-      const wrap = mk2("div", "tr-item");
-      const b = mk2("button", it.thumbnail ? "tr-btn has-thumb" : "tr-btn", it.thumbnail ? void 0 : it.name);
-      if (it.thumbnail) b.append(thumb(it.thumbnail), mk2("span", "tr-name", it.name));
-      if (searching) b.appendChild(mk2("small", void 0, group));
+      const wrap = mk3("div", "tr-item");
+      const b = mk3("button", it.thumbnail ? "tr-btn has-thumb" : "tr-btn", it.thumbnail ? void 0 : it.name);
+      if (it.thumbnail) b.append(thumb(it.thumbnail), mk3("span", "tr-name", it.name));
+      if (searching) b.appendChild(mk3("small", void 0, group));
       b.type = "button";
       b.title = it.note ?? it.name;
       b.onclick = () => o.onSpawn(it.id);
       wrap.appendChild(b);
       if (it.weapon) {
-        const w = mk2("button", "tr-btn", "\u2694");
+        const w = mk3("button", "tr-btn", "\u2694");
         w.type = "button";
         w.title = t("ui.equip");
         w.onclick = () => o.onEquip(it.id);
@@ -3153,7 +3498,7 @@ function createUi(o) {
     const groupNames = [...o.groups().keys()];
     if (!groupNames.includes(activeGroup)) activeGroup = groupNames[0] ?? "";
     for (const g of groupNames) {
-      const b = mk2("button", g === activeGroup ? "tr-btn on" : "tr-btn", g);
+      const b = mk3("button", g === activeGroup ? "tr-btn on" : "tr-btn", g);
       b.type = "button";
       b.onclick = () => {
         activeGroup = g;
@@ -3166,9 +3511,9 @@ function createUi(o) {
   renderTabs();
   itemSearch.oninput = renderItems;
   for (const box2 of [itemSearch]) box2.addEventListener("keydown", (e) => e.stopPropagation());
-  const controls = mk2("div", "tr-row");
+  const controls = mk3("div", "tr-row");
   const ctl = (label, fn) => {
-    const b = mk2("button", "tr-btn", label);
+    const b = mk3("button", "tr-btn", label);
     b.type = "button";
     b.onclick = () => fn(b);
     controls.appendChild(b);
@@ -3193,29 +3538,29 @@ function createUi(o) {
   fullscreenBtn.title = t("ui.fullscreen.hint");
   const blastBtns = ["shelter", "fragmentHits", "confinement"].map((key) => ({ key, b: ctl(t(`ui.blast.${key}`), () => o.onBlast(key)) }));
   for (const { key, b } of blastBtns) b.title = t(`ui.blast.${key}.hint`);
-  const qSel = mk2("select");
+  const qSel = mk3("select");
   for (const q of ["low", "medium", "high"]) {
-    const op = mk2("option", void 0, t(`ui.quality.${q}`));
+    const op = mk3("option", void 0, t(`ui.quality.${q}`));
     op.value = q;
     qSel.appendChild(op);
   }
   qSel.value = o.quality;
   qSel.onchange = () => o.onQuality(qSel.value);
-  const qLabel = mk2("label", void 0, t("ui.quality") + " ");
+  const qLabel = mk3("label", void 0, t("ui.quality") + " ");
   qLabel.appendChild(qSel);
   controls.appendChild(qLabel);
-  const count = mk2("span");
+  const count = mk3("span");
   controls.appendChild(count);
   cat.appendChild(controls);
-  tests.appendChild(mk2("h3", void 0, t("ui.tests")));
-  const runAll = mk2("button", "tr-btn", t("ui.run_all"));
+  tests.appendChild(mk3("h3", void 0, t("ui.tests")));
+  const runAll = mk3("button", "tr-btn", t("ui.run_all"));
   runAll.type = "button";
-  const summary = mk2("div", "tr-summary");
-  const testSearch = mk2("input", "tr-search");
+  const summary = mk3("div", "tr-summary");
+  const testSearch = mk3("input", "tr-search");
   testSearch.type = "search";
   testSearch.placeholder = t("ui.search_tests");
   testSearch.addEventListener("keydown", (e) => e.stopPropagation());
-  const list = mk2("div", "list");
+  const list = mk3("div", "list");
   tests.append(runAll, summary, testSearch, list);
   testSearch.oninput = () => {
     const term = fold(testSearch.value.trim());
@@ -3238,7 +3583,7 @@ function createUi(o) {
     list.textContent = "";
     scBtns.clear();
     for (const s of o.scenarios()) {
-      const b = mk2("button", "tr-btn", s.name);
+      const b = mk3("button", "tr-btn", s.name);
       b.type = "button";
       b.onclick = async () => {
         if (busy) return;
@@ -3264,7 +3609,7 @@ function createUi(o) {
       busy = false;
     }
   };
-  const toggle = mk2("button", "tr-btn tr-toggle", t("ui.panel"));
+  const toggle = mk3("button", "tr-btn tr-toggle", t("ui.panel"));
   toggle.type = "button";
   const togglePanels = () => {
     root.classList.toggle("open");
@@ -3273,15 +3618,15 @@ function createUi(o) {
   toggle.onclick = togglePanels;
   root.append(cross, top, bottom, help, left, right, toggle);
   const bar = (value, max, cls) => {
-    const b = mk2("div", `tr-bar ${cls}`);
-    const i = mk2("i");
+    const b = mk3("div", `tr-bar ${cls}`);
+    const i = mk3("i");
     i.style.width = `${Math.max(0, Math.min(100, value / Math.max(1e-9, max) * 100))}%`;
     b.appendChild(i);
     return b;
   };
   const row = (k, v) => {
-    const r = mk2("div", "r");
-    r.append(mk2("span", void 0, k), mk2("span", void 0, v));
+    const r = mk3("div", "r");
+    r.append(mk3("span", void 0, k), mk3("span", void 0, v));
     return r;
   };
   const num = (n, d = 1) => {
@@ -3290,13 +3635,13 @@ function createUi(o) {
   };
   const renderInspector = (i) => {
     insp.textContent = "";
-    insp.appendChild(mk2("h3", void 0, t("ui.inspector")));
+    insp.appendChild(mk3("h3", void 0, t("ui.inspector")));
     if (!i) {
-      insp.appendChild(mk2("div", void 0, t("ui.aim_at_something")));
+      insp.appendChild(mk3("div", void 0, t("ui.aim_at_something")));
       return;
     }
     if (i.thumbnail) insp.appendChild(thumb(i.thumbnail, i.thumbnailCredit));
-    insp.appendChild(mk2("div", "t", `${i.object} \u203A ${i.part}`));
+    insp.appendChild(mk3("div", "t", `${i.object} \u203A ${i.part}`));
     insp.appendChild(row(t("ins.material"), i.material));
     insp.appendChild(row(t("ins.status"), i.status + (i.burning ? ` \xB7 ${t("ins.burning")}` : "")));
     insp.appendChild(row(t("ins.hp"), `${num(i.hp, 0)} / ${num(i.maxHp, 0)}`));
@@ -3315,30 +3660,30 @@ function createUi(o) {
       insp.appendChild(bar(Math.min(i.stress, 1.2), 1.2, i.stress > 1 ? "bad" : i.stress > 0.7 ? "warn" : "hp"));
     }
     if (i.joints.length) {
-      insp.appendChild(mk2("div", void 0, t("ins.joints") + ":"));
+      insp.appendChild(mk3("div", void 0, t("ins.joints") + ":"));
       for (const j of i.joints) {
         const tools = j.tools.length ? j.tools.join(", ") : t("tool.none");
-        insp.appendChild(mk2("div", void 0, `\u2022 ${j.kind} (${j.id})${j.open ? ` \xB7 ${t("ins.open")}` : ` \u2192 ${tools}`}`));
+        insp.appendChild(mk3("div", void 0, `\u2022 ${j.kind} (${j.id})${j.open ? ` \xB7 ${t("ins.open")}` : ` \u2192 ${tools}`}`));
       }
     }
-    if (i.note) insp.appendChild(mk2("div", void 0, i.note));
+    if (i.note) insp.appendChild(mk3("div", void 0, i.note));
   };
   let lastAnim = "";
   const renderAnimations = (a) => {
     anim.textContent = "";
-    anim.appendChild(mk2("h3", void 0, t("ui.animations")));
+    anim.appendChild(mk3("h3", void 0, t("ui.animations")));
     if (!a) {
-      anim.appendChild(mk2("div", "sub", t("ui.animations_aim")));
+      anim.appendChild(mk3("div", "sub", t("ui.animations_aim")));
       return;
     }
-    anim.appendChild(mk2("div", "sub", a.name));
+    anim.appendChild(mk3("div", "sub", a.name));
     if (a.clips.length === 0) {
-      anim.appendChild(mk2("div", "sub", t("ui.animations_none")));
+      anim.appendChild(mk3("div", "sub", t("ui.animations_none")));
       return;
     }
-    const l = mk2("div", "list");
+    const l = mk3("div", "list");
     for (const c of a.clips) {
-      const b = mk2("button", a.playing === c.id ? "tr-btn on" : "tr-btn", `\u25B6 ${t(`anim.${c.id}`) === `anim.${c.id}` ? c.id : t(`anim.${c.id}`)} (${num(c.duration, 1)} s)`);
+      const b = mk3("button", a.playing === c.id ? "tr-btn on" : "tr-btn", `\u25B6 ${t(`anim.${c.id}`) === `anim.${c.id}` ? c.id : t(`anim.${c.id}`)} (${num(c.duration, 1)} s)`);
       b.type = "button";
       b.onclick = () => o.onPlay(a.objectId, c.id);
       l.appendChild(b);
@@ -3355,8 +3700,8 @@ function createUi(o) {
     hud(s) {
       toolBox.textContent = "";
       toolBox.append(document.createTextNode(s.toolName));
-      if (s.ammo) toolBox.append(mk2("small", void 0, s.ammo));
-      if (s.camera) toolBox.append(mk2("small", void 0, t(`camera.${s.camera}`)));
+      if (s.ammo) toolBox.append(mk3("small", void 0, s.ammo));
+      if (s.camera) toolBox.append(mk3("small", void 0, t(`camera.${s.camera}`)));
       const helpText = s.camera ? `${t("ui.help")} \xB7 ${t("ui.help.camera")}` : t("ui.help");
       if (help.textContent !== helpText) help.textContent = helpText;
       if (s.status) status.textContent = s.status;
@@ -3379,7 +3724,7 @@ function createUi(o) {
         ];
         if (s.held.weapon) keys.push(["H", t("hud.equip", { weapon: s.held.weapon })]);
         for (const [k, label] of keys) {
-          held.append(mk2("kbd", void 0, k), document.createTextNode(` ${label}  `));
+          held.append(mk3("kbd", void 0, k), document.createTextNode(` ${label}  `));
         }
       } else held.style.display = "none";
       const key = s.slots.join("|") + s.page;
@@ -3389,9 +3734,9 @@ function createUi(o) {
         slotsEl.length = 0;
         hudPage = s.page - 1;
         s.slots.forEach((name, i) => {
-          const b = mk2("button", "tr-slot");
+          const b = mk3("button", "tr-slot");
           b.type = "button";
-          b.append(mk2("b", void 0, String((i + 1) % 10)), document.createTextNode(name));
+          b.append(mk3("b", void 0, String((i + 1) % 10)), document.createTextNode(name));
           b.title = name;
           b.onclick = () => o.onTool(hudPage * 10 + i);
           hotbar.appendChild(b);
@@ -3423,6 +3768,7 @@ function createUi(o) {
     refresh() {
       renderTabs();
       renderScenarios();
+      tablePanel?.refresh();
     },
     showGroup(group) {
       activeGroup = group;
@@ -3437,6 +3783,7 @@ function createUi(o) {
     },
     dispose() {
       offLog();
+      tablePanel?.dispose();
       if (toastTimer) clearTimeout(toastTimer);
       root.remove();
     }
@@ -4626,6 +4973,10 @@ function createTestRoom(options) {
     heldPiece = null;
     heldTilt = 0;
   };
+  const handUse = () => {
+    if (heldPiece) grab();
+    else useTool(FIXED_DT, false);
+  };
   const grab = () => {
     if (heldPiece) {
       const name = heldName;
@@ -5094,10 +5445,10 @@ function createTestRoom(options) {
     if (tiltKey || heldTilt > 0) {
       heldTilt = Math.max(0, Math.min(2.4, heldTilt + (tiltKey ? 2.2 : -3) * dt));
     }
-    if (useHeld && !paused) {
+    if ((useHeld || useFirst) && !paused) {
       if (tool.def.category === "hand") {
-        if (useFirst) grab();
-      } else useTool(dt, !useFirst);
+        if (useFirst) handUse();
+      } else if (useHeld) useTool(dt, !useFirst);
       useFirst = false;
     }
     if (!paused) followHeld(dt);
@@ -5652,6 +6003,63 @@ function createTestRoom(options) {
     const row = (list, gap, z) => list.map((item, index) => spawn(item.id, [(index - (list.length - 1) / 2) * gap, 0, z], 0));
     return [...row(front, 1.6, 1.5), ...row(back, 4.5, -4)];
   };
+  const catalogGroups = () => {
+    const m = /* @__PURE__ */ new Map();
+    for (const i of catalog) {
+      const g = m.get(i.group) ?? [];
+      g.push(i);
+      m.set(i.group, g);
+    }
+    return m;
+  };
+  const tableOptions = options.testTable === false ? {} : options.testTable ?? {};
+  const tableScenery = tableOptions.scenery ?? "test_table";
+  const measured = /* @__PURE__ */ new Map();
+  const testTable = createTestTable(
+    {
+      groups: catalogGroups,
+      top: () => {
+        const top = arena.tops.find((x) => x.id === tableScenery);
+        return top && topOk(top) ? top : null;
+      },
+      measure: (itemId) => {
+        let size = measured.get(itemId);
+        if (!size) {
+          const item = catalogMap.get(itemId);
+          const box2 = item ? new THREE.Box3().setFromObject(buildRoot(item)) : null;
+          size = box2 && !box2.isEmpty() ? { w: box2.max.x - box2.min.x, d: box2.max.z - box2.min.z } : { w: 0.3, d: 0.3 };
+          measured.set(itemId, size);
+        }
+        return size;
+      },
+      spawn: (itemId, position) => spawn(itemId, position, 0),
+      clear,
+      resetAll,
+      box: (objectId) => {
+        const e = entries.get(objectId);
+        if (!e || !world.has(objectId)) return null;
+        const box2 = new THREE.Box3().setFromObject(e.so.root);
+        return box2.isEmpty() ? null : { min: [box2.min.x, box2.min.y, box2.min.z], max: [box2.max.x, box2.max.y, box2.max.z] };
+      },
+      equip: (weapon) => {
+        if (!arsenal.weapons.has(weapon)) return false;
+        if (heldEntry) releaseHeld();
+        equip(weapon);
+        room.waitUntilReady();
+        return true;
+      },
+      look: (eye, target) => player.look(eye, target),
+      use: (hold) => room.use(hold),
+      blastAt: (weapon, point) => {
+        const def = arsenal.weapons.get(weapon);
+        const explosive = def?.action.kind === "throwable" ? def.action.explosive : def?.action.kind === "launcher" ? def.action.projectile : void 0;
+        return explosive !== void 0 && explosives.blastAt(weapon, explosive, point);
+      },
+      log: (type, text, data) => action(type, text, { data }),
+      translate: t
+    },
+    tableOptions
+  );
   const room = {
     world,
     renderer,
@@ -5671,6 +6079,7 @@ function createTestRoom(options) {
     get scenarios() {
       return allScenarios();
     },
+    testTable,
     spawn,
     clear,
     resetAll,
@@ -5678,7 +6087,8 @@ function createTestRoom(options) {
     useItem,
     use(hold = 0) {
       if (tool.def.category === "hand") {
-        grab();
+        handUse();
+        flush();
         return;
       }
       useTool(FIXED_DT, false);
@@ -5749,6 +6159,7 @@ function createTestRoom(options) {
     },
     equip,
     openArea,
+    modules: () => [...modules.values()].map((m) => ({ id: m.id, name: m.name, group: m.group, hasArea: typeof m.area === "function" })),
     openAreaAsync: (area) => loading.busy(t("loading.open_area", { area: areaLabel(area) }), () => openArea(area)),
     loading,
     busy: (label, work, busyOptions) => loading.busy(label, work, busyOptions),
@@ -5910,7 +6321,8 @@ function createTestRoom(options) {
       },
       onAction: (id) => {
         if (activeBench) slowly(activeBench, id, () => benches.get(activeBench)?.act(id));
-      }
+      },
+      ...options.testTable !== false && arena.tops.some((x) => x.id === tableScenery) ? { testTable } : {}
     });
     ui.hud(hudState());
     showBench();
@@ -5963,19 +6375,25 @@ function structuredCloneSpec(spec) {
 export {
   DEFAULT_HAND_STANCES,
   DEFAULT_STRIKE_CLIPS,
+  DEFAULT_TRIALS,
   LOADING_CLASS,
   LOADING_CSS,
   MATERIAL_COLORS,
+  TRIAL_KINDS,
   brickWallSpec,
   buildFromSpec,
   createLoading,
   createLog,
   createTestRoom,
+  createTestTable,
   decodeBenchState,
   encodeBenchState,
+  fitRow,
   loadingMarkup,
   locales,
   nextPaint,
-  resolveStrings
+  resolveStrings,
+  rowCentres,
+  trialView
 };
 //# sourceMappingURL=index.js.map