@adatechnology/game-test-room 0.13.0 → 0.15.0

package/dist/index.global.js

@@ -23,20 +23,26 @@ var GameTestRoom = (() => {
   __export(index_exports, {
     DEFAULT_HAND_STANCES: () => DEFAULT_HAND_STANCES,
     DEFAULT_STRIKE_CLIPS: () => DEFAULT_STRIKE_CLIPS,
+    DEFAULT_TRIALS: () => DEFAULT_TRIALS,
     LOADING_CLASS: () => LOADING_CLASS,
     LOADING_CSS: () => LOADING_CSS,
     MATERIAL_COLORS: () => MATERIAL_COLORS,
+    TRIAL_KINDS: () => TRIAL_KINDS,
     brickWallSpec: () => brickWallSpec,
     buildFromSpec: () => buildFromSpec,
     createLoading: () => createLoading,
     createLog: () => createLog,
     createTestRoom: () => createTestRoom,
+    createTestTable: () => createTestTable,
     decodeBenchState: () => decodeBenchState,
     encodeBenchState: () => encodeBenchState,
+    fitRow: () => fitRow,
     loadingMarkup: () => loadingMarkup,
     locales: () => locales4,
     nextPaint: () => nextPaint,
-    resolveStrings: () => resolveStrings5
+    resolveStrings: () => resolveStrings5,
+    rowCentres: () => rowCentres,
+    trialView: () => trialView
   });
 
   // ../game-contracts/dist/index.js
@@ -469,6 +475,13 @@ var GameTestRoom = (() => {
       }
     };
   }
+  var KIT_ORIGIN_KEY = "kitOrigin";
+  function markKitOrigin(object, origin) {
+    const node = object;
+    node.userData = node.userData ?? {};
+    node.userData[KIT_ORIGIN_KEY] = { ...origin };
+    return object;
+  }
 
   // ../game-destruction/dist/index.js
   var FIRE_PRIME_C = 300;
@@ -799,6 +812,23 @@ var GameTestRoom = (() => {
     return angle === 0 ? q : quat.mul(q, quat.fromAxisAngle([0, 0, 1], angle));
   };
   var clamp = (v, a, b) => Math.max(a, Math.min(b, v));
+  var tearStack = (inp, root, t, u, v, n, sheet) => {
+    const { dims, rnd: rnd2, maxFragments } = inp;
+    const layers = clamp(Math.ceil(dims[t] / STACK_LAYER), 2, 4);
+    const per = clamp(n, 3, Math.max(3, Math.floor(maxFragments / layers)));
+    const out = [];
+    for (let k = 0; k < layers; k++) {
+      const off = -dims[t] / 2 + (k + 0.5) * dims[t] / layers;
+      for (const b of bsp(root, per, [u, v], rnd2)) {
+        if (out.length >= maxFragments) return out;
+        const c = [b.c[0], b.c[1], b.c[2]];
+        c[t] = off;
+        out.push({ center: c, size: [b.s[u], b.s[v], sheet], q: frame(u, v, t, (rnd2() - 0.5) * 0.8), shape: "scrap", weight: b.s[u] * b.s[v], inner: out.length % 4 !== 0 });
+      }
+    }
+    return out;
+  };
+  var STACK_LAYER = 0.012;
   var planFragments = (inp) => {
     const { style, dims, rnd: rnd2, maxFragments } = inp;
     const [fmin, fmax] = inp.fragmentSize;
@@ -841,6 +871,8 @@ var GameTestRoom = (() => {
     }
     if (style === "tear") {
       const n2 = clamp(Math.round(dims[u] * dims[v] / (mean * mean)), 3, maxFragments);
+      const sheet = inp.sheet ?? 0;
+      if (sheet > 0 && dims[t] > sheet * 4) return tearStack(inp, root, t, u, v, n2, sheet);
       const th2 = Math.min(inp.thickness, dims[t]);
       for (const b of bsp(root, n2, [u, v], rnd2)) {
         out.push({ center: [b.c[0], b.c[1], b.c[2]], size: [b.s[u], b.s[v], th2], q: frame(u, v, t), shape: "scrap", weight: b.s[u] * b.s[v] });
@@ -2413,6 +2445,7 @@ var GameTestRoom = (() => {
         0.03,
         0.15
       ],
+      sheet: 1e-3,
       damageScale: {
         slash: 3
       },
@@ -2428,7 +2461,8 @@ var GameTestRoom = (() => {
         smoke: "grey"
       },
       visual: {
-        charColor: 1709072
+        charColor: 1709072,
+        innerColor: 15524048
       },
       tags: [
         "fabric",
@@ -4146,7 +4180,8 @@ var GameTestRoom = (() => {
         hit: hitLocal,
         fragmentSize: p.mat.fragmentSize ?? [0.04, 0.2],
         maxFragments,
-        rnd: rnd2
+        rnd: rnd2,
+        sheet: p.mat.sheet
       });
       const holes = p.st.holes.length > 0 ? localHolesOf(p) : [];
       const mass = p.st.mass;
@@ -4170,7 +4205,8 @@ var GameTestRoom = (() => {
           velocity: [dv[0] * k, dv[1] * k + 0.5 * rnd2(), dv[2] * k],
           angularVelocity: [(rnd2() - 0.5) * 12, (rnd2() - 0.5) * 12, (rnd2() - 0.5) * 12],
           mass: mass * f.weight / totW,
-          ...marks.length > 0 ? { marks } : {}
+          ...marks.length > 0 ? { marks } : {},
+          ...f.inner ? { inner: true } : {}
         };
       });
       const reinforcement = p.spec.reinforcement;
@@ -15510,7 +15546,7 @@ void main(){vec2 d=gl_PointCoord-.5;float r=length(d)*2.;if(r>1.)discard;float a
       for (const mesh2 of anchors.meshes) mesh2.material.dispose();
       anchors = void 0;
     };
-    const root = new THREE.Group();
+    const root = markKitOrigin(new THREE.Group(), { owner: "game-vfx-three", kind: "effect" });
     options.scene.add(root);
     const direction = new THREE.Vector3(...options.lightDirection ?? LAB_LIGHT_DIRECTION).normalize();
     const sky = hexToLinearRgb(SKY_COLOR);
@@ -15735,6 +15771,9 @@ void main(){vec2 d=gl_PointCoord-.5;float r=length(d)*2.;if(r>1.)discard;float a
     const bl = Math.round(ab + ((b & 255) - ab) * t);
     return r << 16 | g << 8 | bl;
   }
+  var SHEET_MAX = 4e-3;
+  var SHEET_AIR = 2.5;
+  var SHEET_SWAY = 3;
   var FragmentSystem = class {
     constructor(THREE, o) {
       __publicField2(this, "THREE", THREE);
@@ -15840,7 +15879,8 @@ void main(){vec2 d=gl_PointCoord-.5;float r=length(d)*2.;if(r>1.)discard;float a
         asleep: false,
         rest: 0,
         fade: 1,
-        dying: false
+        dying: false,
+        air: f.shape === "scrap" && sz[2] <= SHEET_MAX ? SHEET_AIR : 0
       };
       this.list.push(live);
       let alive = this.list.reduce((n, l) => n + (l.dying ? 0 : 1), 0);
@@ -15924,6 +15964,7 @@ void main(){vec2 d=gl_PointCoord-.5;float r=length(d)*2.;if(r>1.)discard;float a
         }
       } else {
         f.ang.multiplyScalar(Math.exp(-0.15 * dt));
+        if (f.air > 0) this.flutter(f, dt);
       }
       if (contact && f.vel.lengthSq() < 4) this.settle(f, dt);
       const slow = f.vel.lengthSq() < 0.012 && f.ang.lengthSq() < 0.2;
@@ -15938,6 +15979,14 @@ void main(){vec2 d=gl_PointCoord-.5;float r=length(d)*2.;if(r>1.)discard;float a
         f.still = 0;
       }
     }
+    /** A sheet in the air: drag slows it to a slow fall, and it sways and turns over as it goes. */
+    flutter(f, dt) {
+      f.vel.multiplyScalar(Math.exp(-f.air * dt));
+      f.vel.x += (this.rng() - 0.5) * SHEET_SWAY * dt;
+      f.vel.z += (this.rng() - 0.5) * SHEET_SWAY * dt;
+      f.ang.x += (this.rng() - 0.5) * SHEET_SWAY * 4 * dt;
+      f.ang.z += (this.rng() - 0.5) * SHEET_SWAY * 4 * dt;
+    }
     /** Tip the fragment towards lying on its flattest face. */
     settle(f, dt) {
       const mesh2 = f.mesh;
@@ -18218,6 +18267,7 @@ void main(){vec2 d=gl_PointCoord-.5;float r=length(d)*2.;if(r>1.)discard;float a
       const def = pv ? this.world.materials.get(pv.material) : void 0;
       if (kind === "smoke") return { color: SMOKE_TONES[def?.thermal.smoke ?? "grey"] };
       if (kind === "fibers" || kind === "leaves") {
+        if (def?.visual?.innerColor !== void 0) return { color: def.visual.innerColor };
         const c = pv ? this.visuals.baseColorHex(pv.meshes[0] ?? {}) : -1;
         return c >= 0 ? { color: c } : void 0;
       }
@@ -18366,7 +18416,8 @@ void main(){vec2 d=gl_PointCoord-.5;float r=length(d)*2.;if(r>1.)discard;float a
       for (let i = 0; i < ev.fragments.length; i += step) {
         const fr = ev.fragments[i];
         const fdef = this.world.materials.get(fr.material);
-        const mat = this.fragments.materialFor(fr.material, fdef === def || !fdef ? color : fallbackColor(fr.material, fdef), transparent || fdef?.visual?.transparent === true, opacity);
+        const tone2 = fr.inner && fdef?.visual?.innerColor !== void 0 ? fdef.visual.innerColor : fdef === def || !fdef ? color : fallbackColor(fr.material, fdef);
+        const mat = this.fragments.materialFor(fr.material, tone2, transparent || fdef?.visual?.transparent === true, opacity);
         this.fragments.spawn(fr, mat, ev.object, maxAlive);
       }
       const up = [0, 1, 0];
@@ -18384,7 +18435,7 @@ void main(){vec2 d=gl_PointCoord-.5;float r=length(d)*2.;if(r>1.)discard;float a
           this.vfx.burst("dust", ev.point, up, 5, 0.8, { color: 11901556 });
           break;
         case "tear":
-          this.vfx.burst("fibers", ev.point, up, 12 * sizeK, 1.6, { color });
+          this.vfx.burst("fibers", ev.point, up, 12 * sizeK, 1.6, { color: def?.visual?.innerColor ?? color });
           break;
         case "snap":
           this.vfx.burst("chips", ev.point, up, 8 * sizeK, 3);
@@ -38143,7 +38194,7 @@ void main(){
     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, scene2, scenery, tapOption) {
-    const group = new THREE.Group();
+    const group = markKitOrigin(new THREE.Group(), { owner: "game-test-room", kind: "room" });
     group.name = "test-room-arena";
     scene2.background = new THREE.Color(10466504);
     group.add(new THREE.HemisphereLight(13624319, 7037527, 0.75));
@@ -38741,6 +38792,14 @@ void main(){
         ...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]) {
@@ -38832,7 +38891,172 @@ void main(){
         }
       }
     };
-    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, length3, 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 > length3) break;
+      used = next;
+      count++;
+    }
+    return count;
+  }
+  function rowCentres(widths, centreX, gap) {
+    const length3 = widths.reduce((sum2, w) => sum2 + w, 0) + gap * Math.max(0, widths.length - 1);
+    let x = centreX - length3 / 2;
+    return widths.map((w) => {
+      const centre = x + w / 2;
+      x += w + gap;
+      return centre;
+    });
+  }
+  function trialView(tool, kind, min2, max2) {
+    const target = [(min2[0] + max2[0]) / 2, (min2[1] + max2[1]) / 2, (min2[2] + max2[2]) / 2];
+    const away = kind === "blast" ? tool.watch ?? 6 : tool.distance;
+    return { eye: [target[0], target[1] + tool.lift, max2[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 emit2 = () => {
+      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, length3, 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, length3, gap));
+      }
+      return known;
+    };
+    const lengthOf2 = (top) => top.maxX - top.minX - 2 * margin;
+    const lay = (group, page, top) => {
+      const items = itemsOf(group);
+      const known = boundsUntil(group, lengthOf2(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 emit2();
+    };
+    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, lengthOf2(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 emit2();
+    };
+    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);
+      emit2();
+      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;
+        emit2();
+        return true;
+      },
+      trial,
+      on: (listener) => {
+        listeners.add(listener);
+        return () => listeners.delete(listener);
+      }
+    };
   }
 
   // src/host-events.ts
@@ -40264,7 +40488,7 @@ void main(){
       "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",
@@ -40278,6 +40502,32 @@ void main(){
       "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",
@@ -40545,7 +40795,7 @@ void main(){
       "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",
@@ -40559,6 +40809,32 @@ void main(){
       "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",
@@ -40900,6 +41176,122 @@ void main(){
     };
   }
 
+  // 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 sub4 = 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, sub4, 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) {
+        sub4.textContent = t("ui.test_table.hint");
+        return;
+      }
+      if (select.value !== page.group) select.value = page.group;
+      sub4.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}
@@ -40978,7 +41370,7 @@ void main(){
 @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;
@@ -40989,7 +41381,7 @@ void main(){
     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)}")`);
@@ -41010,42 +41402,43 @@ void main(){
   }
   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 cross5 = mk2("div", "tr-cross");
-    cross5.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 cross5 = mk3("div", "tr-cross");
+    cross5.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];
@@ -41056,8 +41449,8 @@ void main(){
       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 = () => {
@@ -41066,7 +41459,7 @@ void main(){
     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);
@@ -41074,7 +41467,7 @@ void main(){
     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";
@@ -41108,12 +41501,12 @@ void main(){
     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);
@@ -41135,18 +41528,18 @@ void main(){
         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 = () => {
@@ -41158,18 +41551,18 @@ void main(){
       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);
@@ -41183,7 +41576,7 @@ void main(){
       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;
@@ -41196,9 +41589,9 @@ void main(){
     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);
@@ -41223,29 +41616,29 @@ void main(){
     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());
@@ -41268,7 +41661,7 @@ void main(){
       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;
@@ -41294,7 +41687,7 @@ void main(){
         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");
@@ -41303,15 +41696,15 @@ void main(){
     toggle.onclick = togglePanels;
     root.append(cross5, top, bottom, help, left, right, toggle);
     const bar2 = (value, max2, 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, max2) * 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) => {
@@ -41320,13 +41713,13 @@ void main(){
     };
     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)}`));
@@ -41345,30 +41738,30 @@ void main(){
         insp.appendChild(bar2(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);
@@ -41385,8 +41778,8 @@ void main(){
       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;
@@ -41409,7 +41802,7 @@ void main(){
           ];
           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;
@@ -41419,9 +41812,9 @@ void main(){
           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);
@@ -41453,6 +41846,7 @@ void main(){
       refresh() {
         renderTabs();
         renderScenarios();
+        tablePanel?.refresh();
       },
       showGroup(group) {
         activeGroup = group;
@@ -41467,6 +41861,7 @@ void main(){
       },
       dispose() {
         offLog();
+        tablePanel?.dispose();
         if (toastTimer) clearTimeout(toastTimer);
         root.remove();
       }
@@ -42656,6 +43051,10 @@ void main(){
       heldPiece = null;
       heldTilt = 0;
     };
+    const handUse = () => {
+      if (heldPiece) grab();
+      else useTool(FIXED_DT, false);
+    };
     const grab = () => {
       if (heldPiece) {
         const name = heldName;
@@ -43124,10 +43523,10 @@ void main(){
       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);
@@ -43682,6 +44081,63 @@ void main(){
       const row = (list, gap, z) => list.map((item, index) => spawn2(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) => spawn2(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,
@@ -43701,6 +44157,7 @@ void main(){
       get scenarios() {
         return allScenarios();
       },
+      testTable,
       spawn: spawn2,
       clear,
       resetAll,
@@ -43708,7 +44165,8 @@ void main(){
       useItem,
       use(hold = 0) {
         if (tool.def.category === "hand") {
-          grab();
+          handUse();
+          flush();
           return;
         }
         useTool(FIXED_DT, false);
@@ -43779,6 +44237,7 @@ void main(){
       },
       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),
@@ -43940,7 +44399,8 @@ void main(){
         },
         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();