@pieai/swimmer-ui-kit 1.0.0 → 1.1.0

package/dist/index.js

@@ -1,44 +1,44 @@
 import { jsx as e, jsxs as o, Fragment as Ge } from "react/jsx-runtime";
-import { useId as Y, useState as M, useEffect as te, forwardRef as Oe, useRef as aa, createContext as ia, useContext as ta } from "react";
-let W = null, we = !1;
+import { useId as _, isValidElement as aa, cloneElement as ia, useState as M, useEffect as te, forwardRef as Oe, useRef as ta, createContext as na, useContext as la } from "react";
+let Y = null, we = !1;
 function Ne(a) {
   return typeof a != "number" || !Number.isFinite(a) ? 1 : Math.min(1, Math.max(0, a));
 }
-function na() {
+function oa() {
   we || typeof document > "u" || (document.addEventListener("visibilitychange", () => {
-    document.visibilityState === "hidden" && W?.state === "running" && W.suspend();
+    document.visibilityState === "hidden" && Y?.state === "running" && Y.suspend();
   }), we = !0);
 }
-function la() {
-  return typeof window > "u" || typeof window.AudioContext > "u" ? null : (na(), W ??= new window.AudioContext(), W);
+function sa() {
+  return typeof window > "u" || typeof window.AudioContext > "u" ? null : (oa(), Y ??= new window.AudioContext(), Y);
 }
-function oa(a) {
+function ra(a) {
   const t = /* @__PURE__ */ new WeakMap();
   return {
     createGain: () => {
-      const i = a.createGain(), l = {
-        connect: (n) => {
-          n instanceof AudioNode && i.connect(n);
+      const i = a.createGain(), n = {
+        connect: (l) => {
+          l instanceof AudioNode && i.connect(l);
         },
         gain: i.gain
       };
-      return t.set(l, i), l;
+      return t.set(n, i), n;
     },
     createOscillator: () => {
       const i = a.createOscillator();
       return {
-        connect: (l) => {
-          const n = t.get(l);
-          n && i.connect(n);
+        connect: (n) => {
+          const l = t.get(n);
+          l && i.connect(l);
         },
         frequency: i.frequency,
-        start: (l) => i.start(l),
-        stop: (l) => i.stop(l),
+        start: (n) => i.start(n),
+        stop: (n) => i.stop(n),
         get type() {
           return i.type;
         },
-        set type(l) {
-          i.type = l;
+        set type(n) {
+          i.type = n;
         }
       };
     },
@@ -49,41 +49,54 @@ function oa(a) {
     suspend: () => a.suspend()
   };
 }
-function sa(a, t = {}) {
+function ca(a, t = {}) {
   if (t.enabled === !1) return !1;
   const i = 0.06 * Ne(t.masterVolume) * Ne(t.sfxVolume);
   if (i <= 0) return !1;
   a.state === "suspended" && a.resume();
-  const l = a.currentTime, n = a.createOscillator(), s = a.createGain();
-  return n.type = "triangle", n.frequency.setValueAtTime(420, l), n.frequency.exponentialRampToValueAtTime(620, l + 0.045), s.gain.setValueAtTime(1e-4, l), s.gain.exponentialRampToValueAtTime(i, l + 8e-3), s.gain.exponentialRampToValueAtTime(1e-4, l + 0.055), n.connect(s), s.connect(a.destination), n.start(l), n.stop(l + 0.055), !0;
+  const n = a.currentTime, l = a.createOscillator(), s = a.createGain();
+  return l.type = "triangle", l.frequency.setValueAtTime(420, n), l.frequency.exponentialRampToValueAtTime(620, n + 0.045), s.gain.setValueAtTime(1e-4, n), s.gain.exponentialRampToValueAtTime(i, n + 8e-3), s.gain.exponentialRampToValueAtTime(1e-4, n + 0.055), l.connect(s), s.connect(a.destination), l.start(n), l.stop(n + 0.055), !0;
 }
-function ra(a = {}) {
-  const t = la();
-  return t ? sa(oa(t), a) : !1;
+function da(a = {}) {
+  const t = sa();
+  return t ? ca(ra(t), a) : !1;
 }
 function C({
   children: a,
   className: t,
   onClick: i,
-  sound: l = !1,
-  static: n = !1,
+  sound: n = !1,
+  static: l = !1,
   type: s = "button",
-  variant: r = "secondary",
-  ...d
+  variant: d = "secondary",
+  ...r
 }) {
-  const u = ["game-ui-button", `game-ui-button--${r}`, n && "game-ui-button--static", t].filter(Boolean).join(" ");
+  const u = ["game-ui-button", `game-ui-button--${d}`, l && "game-ui-button--static", t].filter(Boolean).join(" ");
   return /* @__PURE__ */ e("button", { className: u, onClick: (b) => {
-    l && ra(l), i?.(b);
-  }, type: s, ...d, children: a });
+    n && da(n), i?.(b);
+  }, type: s, ...r, children: a });
 }
-function ca({ children: a, className: t, title: i }) {
-  const l = Y(), n = ["game-ui-dialog", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("section", { "aria-labelledby": l, "aria-modal": "true", className: n, role: "dialog", children: [
-    /* @__PURE__ */ e("h2", { id: l, children: i }),
+function Ai({
+  heading: a,
+  children: t,
+  tone: i = "info",
+  className: n,
+  ...l
+}) {
+  const s = ["game-ui-callout", `game-ui-callout--${i}`, n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("div", { className: s, role: "note", "data-tone": i, ...l, children: [
+    a ? /* @__PURE__ */ e("div", { className: "game-ui-callout-title", children: a }) : null,
+    /* @__PURE__ */ e("div", { className: "game-ui-callout-body", children: t })
+  ] });
+}
+function ma({ children: a, className: t, title: i }) {
+  const n = _(), l = ["game-ui-dialog", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("section", { "aria-labelledby": n, "aria-modal": "true", className: l, role: "dialog", children: [
+    /* @__PURE__ */ e("h2", { id: n, children: i }),
     /* @__PURE__ */ e("div", { className: "game-ui-dialog-body", children: a })
   ] });
 }
-function da({ entries: a, label: t }) {
+function ua({ entries: a, label: t }) {
   return /* @__PURE__ */ e("section", { "aria-label": t, className: "game-ui-history", children: a.map((i) => /* @__PURE__ */ o("article", { className: "game-ui-history-entry", "data-entry-kind": i.kind, children: [
     /* @__PURE__ */ o("div", { className: "game-ui-history-entry-header", children: [
       /* @__PURE__ */ e("strong", { children: i.speaker }),
@@ -92,80 +105,86 @@ function da({ entries: a, label: t }) {
     /* @__PURE__ */ e("p", { children: i.text })
   ] }, i.id)) });
 }
-function K({ children: a, className: t, label: i, ...l }) {
-  const n = ["game-ui-hud-actions", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("nav", { "aria-label": i, className: n, "data-safe-area": "hud-actions", ...l, children: a });
+function K({ children: a, className: t, label: i, ...n }) {
+  const l = ["game-ui-hud-actions", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("nav", { "aria-label": i, className: l, "data-safe-area": "hud-actions", ...n, children: a });
 }
-function B({ children: a, className: t, title: i, tone: l = "default", ...n }) {
+function B({ children: a, className: t, title: i, tone: n = "default", ...l }) {
   const s = ["game-ui-panel", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("section", { ...n, className: s, "data-panel-tone": l, children: [
+  return /* @__PURE__ */ o("section", { ...l, className: s, "data-panel-tone": n, children: [
     i ? /* @__PURE__ */ e("h3", { children: i }) : null,
     a
   ] });
 }
-function O({ children: a, className: t, label: i, type: l = "button", ...n }) {
+function O({ children: a, className: t, label: i, type: n = "button", ...l }) {
   const s = ["game-ui-icon-button", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("button", { "aria-label": i, className: s, type: l, ...n, children: a });
+  return /* @__PURE__ */ e("button", { "aria-label": i, className: s, type: n, ...l, children: a });
 }
-function ma({ children: a, label: t }) {
+function ga({ children: a, label: t }) {
+  const i = _(), n = aa(a) ? ia(a, {
+    "aria-describedby": [a.props["aria-describedby"], i].filter(Boolean).join(" ")
+  }) : a;
   return /* @__PURE__ */ o("span", { className: "game-ui-tooltip", children: [
-    a,
-    /* @__PURE__ */ e("span", { role: "tooltip", children: t })
+    n,
+    /* @__PURE__ */ e("span", { id: i, role: "tooltip", children: t })
   ] });
 }
-function ua({ activeId: a, onSelect: t, tabs: i }) {
-  return /* @__PURE__ */ e("div", { className: "game-ui-tabs", onKeyDown: (n) => {
-    if (!t || i.length === 0) return;
-    const s = Math.max(0, i.findIndex((c) => c.id === a));
-    let r;
-    switch (n.key) {
+function pa({ activeId: a, id: t, onSelect: i, tabs: n }) {
+  const l = _(), s = t ?? l;
+  return /* @__PURE__ */ e("div", { className: "game-ui-tabs", onKeyDown: (r) => {
+    if (!i || n.length === 0) return;
+    const u = Math.max(0, n.findIndex((f) => f.id === a));
+    let c;
+    switch (r.key) {
       case "ArrowLeft":
-        r = (s - 1 + i.length) % i.length;
+        c = (u - 1 + n.length) % n.length;
         break;
       case "ArrowRight":
-        r = (s + 1) % i.length;
+        c = (u + 1) % n.length;
         break;
       case "Home":
-        r = 0;
+        c = 0;
         break;
       case "End":
-        r = i.length - 1;
+        c = n.length - 1;
         break;
       default:
         return;
     }
-    n.preventDefault();
-    const d = i[r];
-    if (!d) return;
-    d.id !== a && t(d.id), n.currentTarget.querySelectorAll('[role="tab"]')[r]?.focus();
-  }, role: "tablist", children: i.map((n) => /* @__PURE__ */ e(
+    r.preventDefault();
+    const b = n[c];
+    if (!b) return;
+    b.id !== a && i(b.id), r.currentTarget.querySelectorAll('[role="tab"]')[c]?.focus();
+  }, role: "tablist", children: n.map((r) => /* @__PURE__ */ e(
     "button",
     {
-      "aria-selected": n.id === a,
+      "aria-controls": r.panelId,
+      "aria-selected": r.id === a,
       className: "game-ui-tab",
-      onClick: t ? () => t(n.id) : void 0,
+      id: `${s}-${r.id}`,
+      onClick: i ? () => i(r.id) : void 0,
       role: "tab",
-      tabIndex: n.id === a ? 0 : -1,
+      tabIndex: r.id === a ? 0 : -1,
       type: "button",
-      children: n.label
+      children: r.label
     },
-    n.id
+    r.id
   )) });
 }
-function Pe({ activeId: a, label: t, onSelect: i, options: l }) {
-  return /* @__PURE__ */ e("div", { "aria-label": t, className: "game-ui-segmented", role: "group", children: l.map((n) => /* @__PURE__ */ e(
+function Pe({ activeId: a, label: t, onSelect: i, options: n }) {
+  return /* @__PURE__ */ e("div", { "aria-label": t, className: "game-ui-segmented", role: "group", children: n.map((l) => /* @__PURE__ */ e(
     "button",
     {
-      "aria-pressed": n.id === a,
+      "aria-pressed": l.id === a,
       className: "game-ui-segmented-option",
-      onClick: i ? () => i(n.id) : void 0,
+      onClick: i ? () => i(l.id) : void 0,
       type: "button",
-      children: n.label
+      children: l.label
     },
-    n.id
+    l.id
   )) });
 }
-function ga({ label: a, max: t, min: i, onChange: l, value: n }) {
+function ha({ label: a, max: t, min: i, onChange: n, value: l }) {
   return /* @__PURE__ */ o("label", { className: "game-ui-slider", children: [
     /* @__PURE__ */ e("span", { children: a }),
     /* @__PURE__ */ e(
@@ -174,27 +193,46 @@ function ga({ label: a, max: t, min: i, onChange: l, value: n }) {
         "aria-label": a,
         max: t,
         min: i,
-        onChange: l ? (s) => l(Number(s.currentTarget.value)) : void 0,
-        readOnly: !l,
+        onChange: n ? (s) => n(Number(s.currentTarget.value)) : void 0,
+        readOnly: !n,
         type: "range",
-        value: n
+        value: l
       }
     )
   ] });
 }
-function pa({ checked: a, disabled: t, label: i, onClick: l }) {
-  return /* @__PURE__ */ o("button", { "aria-checked": a, className: "game-ui-toggle", disabled: t, onClick: l, role: "switch", type: "button", children: [
+function ba({ checked: a, disabled: t, label: i, onClick: n }) {
+  return /* @__PURE__ */ o("button", { "aria-checked": a, className: "game-ui-toggle", disabled: t, onClick: n, role: "switch", type: "button", children: [
     /* @__PURE__ */ e("span", { children: i }),
     /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-toggle-track" })
   ] });
 }
-function ha({ items: a, label: t }) {
-  return /* @__PURE__ */ e("div", { "aria-label": t, className: "game-ui-radial-menu", role: "menu", children: a.map((i) => /* @__PURE__ */ e("button", { className: "game-ui-radial-item", role: "menuitem", type: "button", children: i.label }, i.id)) });
+function va({ items: a, label: t, onSelect: i }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "aria-label": t,
+      className: "game-ui-radial-menu",
+      role: "group",
+      style: { "--radial-count": a.length },
+      children: a.map((n, l) => /* @__PURE__ */ e(
+        "button",
+        {
+          className: "game-ui-radial-item",
+          onClick: i ? () => i(n.id) : void 0,
+          style: { "--radial-index": l },
+          type: "button",
+          children: n.label
+        },
+        n.id
+      ))
+    }
+  );
 }
 function ke({ children: a, tone: t = "info" }) {
   return /* @__PURE__ */ e("div", { className: "game-ui-toast", "data-toast-tone": t, role: t === "danger" ? "alert" : "status", children: a });
 }
-function Ti({ actionLabel: a, children: t, title: i }) {
+function Bi({ actionLabel: a, children: t, title: i }) {
   return /* @__PURE__ */ o("section", { "aria-label": i, className: "game-ui-prompt", children: [
     /* @__PURE__ */ o("div", { children: [
       /* @__PURE__ */ e("h3", { children: i }),
@@ -205,7 +243,7 @@ function Ti({ actionLabel: a, children: t, title: i }) {
 }
 const N = {
   ink: "#3b2d23",
-  inkMuted: "#7b6652",
+  inkMuted: "#786250",
   parchment: "#fff8ec",
   parchmentDeep: "#f4e2c6",
   cream: "#f3e8d8",
@@ -319,7 +357,7 @@ const N = {
   terrainToolHitSize: "var(--game-ui-terrain-tool-hit-size)",
   buildRailCardSize: "var(--game-ui-build-rail-card-size)",
   brushNumberWidth: "var(--game-ui-brush-number-width)"
-}, Ci = {
+}, xi = {
   colors: N,
   semantic: ne,
   typography: le,
@@ -330,7 +368,7 @@ const N = {
   layers: de,
   targets: me,
   assetSizing: ue
-}, ba = "/assets/game/ui/clay/phase03-clay-kit", m = (a) => `${ba}/${a}`, ge = {
+}, fa = "/assets/game/ui/clay/phase03-clay-kit", m = (a) => `${fa}/${a}`, ge = {
   ai: { line: m("icons/function/brain-v1.png") },
   alert: { game: m("components/common/alert-v1.png"), line: m("icons/function/warning-v1.png") },
   card: { line: m("icons/function/card-v1.png") },
@@ -405,7 +443,7 @@ const ze = {
   swordB: m("icons/common/sword-b-v1.png"),
   talaria: m("icons/common/talaria-v1.png"),
   treasure: m("icons/common/treasure-v1.png")
-}, va = Object.keys(ze), V = {
+}, ya = Object.keys(ze), H = {
   buttons: {
     primary: m("buttons/button-brown-large-v2.png"),
     blue: m("buttons/button-blue-large-v2.png"),
@@ -436,7 +474,7 @@ const ze = {
     contactSheetComponents: m("catalog/component-candidates-contact-sheet-v1.png"),
     contactSheetFunction: m("catalog/function-icons-contact-sheet-v1.png")
   }
-}, fa = {
+}, wa = {
   ai: "AI",
   alert: "!",
   card: "▣",
@@ -472,7 +510,7 @@ const ze = {
   timer: "◷",
   trophy: "★",
   vote: "⌾"
-}, ya = {
+}, Na = {
   ai: N.berry,
   alert: N.red,
   card: N.honey,
@@ -509,34 +547,34 @@ const ze = {
   trophy: N.honey,
   vote: N.red
 };
-function wa(a) {
-  const t = fa[a], i = ya[a], l = N.parchment, n = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96"><defs><filter id="s" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="0" dy="5" stdDeviation="4" flood-color="#4c341c" flood-opacity=".22"/></filter></defs><rect x="10" y="8" width="76" height="76" rx="25" fill="${l}" filter="url(#s)"/><circle cx="48" cy="46" r="28" fill="${i}" opacity=".88"/><path d="M23 28c10-12 36-16 52 0" stroke="#fff" stroke-width="6" stroke-linecap="round" opacity=".38"/><text x="48" y="58" text-anchor="middle" font-family="system-ui,sans-serif" font-size="28" font-weight="900" fill="${l}">${t}</text></svg>`;
-  return `data:image/svg+xml,${encodeURIComponent(n)}`;
+function ka(a) {
+  const t = wa[a], i = Na[a], n = N.parchment, l = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96"><defs><filter id="s" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="0" dy="5" stdDeviation="4" flood-color="#4c341c" flood-opacity=".22"/></filter></defs><rect x="10" y="8" width="76" height="76" rx="25" fill="${n}" filter="url(#s)"/><circle cx="48" cy="46" r="28" fill="${i}" opacity=".88"/><path d="M23 28c10-12 36-16 52 0" stroke="#fff" stroke-width="6" stroke-linecap="round" opacity=".38"/><text x="48" y="58" text-anchor="middle" font-family="system-ui,sans-serif" font-size="28" font-weight="900" fill="${n}">${t}</text></svg>`;
+  return `data:image/svg+xml,${encodeURIComponent(l)}`;
 }
 let be = "inline";
-function Ai(a) {
+function Ii(a) {
   be = a;
 }
-function Bi() {
+function Ei() {
   return be;
 }
 function Z(a, t = {}) {
-  return t.inline ?? be === "inline" ? wa(a) : he(a, t.style);
+  return t.inline ?? be === "inline" ? ka(a) : he(a, t.style);
 }
-function xi(a, t) {
+function Ri(a, t) {
   return he(a, t);
 }
 function S({ children: a, className: t, tone: i = "neutral" }) {
-  const l = ["game-ui-badge", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("span", { className: l, "data-badge-tone": i, children: a });
+  const n = ["game-ui-badge", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("span", { className: n, "data-badge-tone": i, children: a });
 }
-function L({ className: a, icon: t, label: i, size: l = "md", style: n, useSourceAsset: s = !1 }) {
-  const r = ["game-ui-asset-icon", a].filter(Boolean).join(" "), d = i ? { "aria-label": i } : { "aria-hidden": !0 }, u = Z(t, { ...n ? { style: n } : {}, ...s ? { inline: !1 } : {} });
-  return /* @__PURE__ */ e("span", { className: r, "data-icon-size": l, "data-icon-style": n ?? "game", ...d, children: /* @__PURE__ */ e("img", { alt: "", src: u }) });
+function L({ className: a, icon: t, label: i, size: n = "md", style: l, useSourceAsset: s = !1 }) {
+  const d = ["game-ui-asset-icon", a].filter(Boolean).join(" "), r = i ? { "aria-label": i } : { "aria-hidden": !0 }, u = Z(t, { ...l ? { style: l } : {}, ...s ? { inline: !1 } : {} });
+  return /* @__PURE__ */ e("span", { className: d, "data-icon-size": n, "data-icon-style": l ?? "game", ...r, children: /* @__PURE__ */ e("img", { alt: "", src: u }) });
 }
-function Ve({ actions: a, className: t, items: i, label: l }) {
-  const n = ["game-ui-hud", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("section", { "aria-label": l, className: n, children: [
+function Ve({ actions: a, className: t, items: i, label: n }) {
+  const l = ["game-ui-hud", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("section", { "aria-label": n, className: l, children: [
     /* @__PURE__ */ e("div", { className: "game-ui-hud-cluster", children: i.map((s) => /* @__PURE__ */ o("article", { className: "game-ui-hud-chip", children: [
       s.icon ? /* @__PURE__ */ e(L, { icon: s.icon, size: "md" }) : null,
       /* @__PURE__ */ o("span", { children: [
@@ -548,54 +586,54 @@ function Ve({ actions: a, className: t, items: i, label: l }) {
     a ? /* @__PURE__ */ e("div", { className: "game-ui-hud-tools", children: a }) : null
   ] });
 }
-function Na({ cards: a, className: t, label: i }) {
-  const l = ["game-ui-card-fan", t].filter(Boolean).join(" "), n = (a.length - 1) / 2;
-  return /* @__PURE__ */ e("div", { "aria-label": i, className: l, role: "list", children: a.map((s, r) => {
-    const d = {
-      "--game-ui-card-index": r,
-      "--game-ui-card-offset": r - n
+function Sa({ cards: a, className: t, label: i }) {
+  const n = ["game-ui-card-fan", t].filter(Boolean).join(" "), l = (a.length - 1) / 2;
+  return /* @__PURE__ */ e("div", { "aria-label": i, className: n, role: "list", children: a.map((s, d) => {
+    const r = {
+      "--game-ui-card-index": d,
+      "--game-ui-card-offset": d - l
     };
-    return /* @__PURE__ */ o("article", { className: "game-ui-card-fan-card", role: "listitem", style: d, children: [
+    return /* @__PURE__ */ o("li", { className: "game-ui-card-fan-card", style: r, children: [
       s.icon ? /* @__PURE__ */ e(L, { icon: s.icon, size: "lg" }) : null,
       /* @__PURE__ */ e("small", { children: s.kicker }),
       /* @__PURE__ */ e("strong", { children: s.title })
     ] }, s.id);
   }) });
 }
-function q({ badge: a, className: t, icon: i, kicker: l, selected: n = !1, summary: s, title: r, tone: d = "daily", type: u = "button", ...c }) {
+function q({ badge: a, className: t, icon: i, kicker: n, selected: l = !1, summary: s, title: d, tone: r = "daily", type: u = "button", ...c }) {
   const b = ["game-ui-stage-tile", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("button", { "aria-pressed": n, className: b, "data-stage-tone": d, type: u, ...c, children: [
+  return /* @__PURE__ */ o("button", { "aria-pressed": l, className: b, "data-stage-tone": r, type: u, ...c, children: [
     i ? /* @__PURE__ */ e(L, { icon: i, size: "xl" }) : null,
     /* @__PURE__ */ o("span", { className: "game-ui-stage-tile-copy", children: [
-      /* @__PURE__ */ e("small", { children: l }),
-      /* @__PURE__ */ e("strong", { children: r }),
+      /* @__PURE__ */ e("small", { children: n }),
+      /* @__PURE__ */ e("strong", { children: d }),
       /* @__PURE__ */ e("span", { children: s })
     ] }),
-    a ? /* @__PURE__ */ e(S, { tone: n ? "success" : "neutral", children: a }) : null
+    a ? /* @__PURE__ */ e(S, { tone: l ? "success" : "neutral", children: a }) : null
   ] });
 }
 function J() {
   return typeof window > "u" ? !1 : (window.matchMedia?.("(pointer: coarse), (max-width: 899px)").matches ?? window.innerWidth < 900) && window.innerHeight > window.innerWidth;
 }
-function ka({ body: a, cta: t, badgeLabel: i = "Landscape only", manualHint: l = "Rotate manually if this browser blocks automatic landscape lock.", preview: n = !1, title: s }) {
-  const [r, d] = M(n || J), [u, c] = M("");
+function La({ body: a, cta: t, badgeLabel: i = "Landscape only", manualHint: n = "Rotate manually if this browser blocks automatic landscape lock.", preview: l = !1, title: s }) {
+  const [d, r] = M(l || J), [u, c] = M("");
   if (te(() => {
-    if (n) return;
+    if (l) return;
     const g = () => {
-      const v = J();
-      d(v), v || c("");
+      const f = J();
+      r(f), f || c("");
     };
     return g(), window.addEventListener("resize", g), window.addEventListener("orientationchange", g), () => {
       window.removeEventListener("resize", g), window.removeEventListener("orientationchange", g);
     };
-  }, [n]), !r) return null;
+  }, [l]), !d) return null;
   const b = async () => {
-    if (c(""), !n)
+    if (c(""), !l)
       try {
         const g = document.documentElement;
-        !document.fullscreenElement && g.requestFullscreen && await g.requestFullscreen(), await screen.orientation.lock?.("landscape-primary"), d(J());
+        !document.fullscreenElement && g.requestFullscreen && await g.requestFullscreen(), await screen.orientation.lock?.("landscape-primary"), r(J());
       } catch {
-        c(l);
+        c(n);
       }
   };
   return /* @__PURE__ */ e("aside", { "aria-label": s, className: "game-ui-orientation-gate", children: /* @__PURE__ */ o("div", { className: "game-ui-orientation-card", children: [
@@ -609,21 +647,21 @@ function ka({ body: a, cta: t, badgeLabel: i = "Landscape only", manualHint: l =
     u ? /* @__PURE__ */ e("small", { children: u }) : null
   ] }) });
 }
-function Sa({ className: a, currentLabel: t, label: i, options: l, value: n, defaultValue: s, onSelect: r }) {
-  const [d, u] = M(!1), [c, b] = M(s ?? l[0]?.id ?? ""), g = Y(), v = ["game-ui-language-menu", a].filter(Boolean).join(" "), y = n ?? c, k = l.find((w) => w.id === y), p = t ?? k?.label ?? l[0]?.label ?? "", f = (w) => {
-    n === void 0 && b(w), r?.(w), u(!1);
+function Ta({ className: a, currentLabel: t, label: i, options: n, value: l, defaultValue: s, onSelect: d }) {
+  const [r, u] = M(!1), [c, b] = M(s ?? n[0]?.id ?? ""), g = _(), f = ["game-ui-language-menu", a].filter(Boolean).join(" "), v = l ?? c, k = n.find((w) => w.id === v), p = t ?? k?.label ?? n[0]?.label ?? "", y = (w) => {
+    l === void 0 && b(w), d?.(w), u(!1);
   };
-  return /* @__PURE__ */ o("div", { className: v, children: [
-    /* @__PURE__ */ o("button", { "aria-controls": g, "aria-expanded": d, className: "game-ui-language-trigger", onClick: () => u((w) => !w), type: "button", children: [
+  return /* @__PURE__ */ o("div", { className: f, children: [
+    /* @__PURE__ */ o("button", { "aria-controls": g, "aria-expanded": r, className: "game-ui-language-trigger", onClick: () => u((w) => !w), type: "button", children: [
       /* @__PURE__ */ e(L, { icon: "globe", size: "sm" }),
       /* @__PURE__ */ e("span", { children: p })
     ] }),
-    d ? /* @__PURE__ */ e("div", { "aria-label": i, className: "game-ui-language-popover", id: g, role: "menu", children: l.map((w) => /* @__PURE__ */ e(
+    r ? /* @__PURE__ */ e("div", { "aria-label": i, className: "game-ui-language-popover", id: g, role: "menu", children: n.map((w) => /* @__PURE__ */ e(
       "button",
       {
-        "aria-checked": w.id === y,
-        "data-selected": w.id === y,
-        onClick: () => f(w.id),
+        "aria-checked": w.id === v,
+        "data-selected": w.id === v,
+        onClick: () => y(w.id),
         role: "menuitemradio",
         type: "button",
         children: /* @__PURE__ */ o("span", { children: [
@@ -641,13 +679,13 @@ function Se({ label: a, tone: t = "loading" }) {
     /* @__PURE__ */ e("span", { children: a })
   ] });
 }
-function Ii() {
-  return V.catalog;
+function Mi() {
+  return H.catalog;
 }
-function z({ fallback: a, slot: t }) {
+function V({ fallback: a, slot: t }) {
   return t ?? /* @__PURE__ */ e(L, { icon: a, size: "sm" });
 }
-function La({ authenticated: a, batteryCount: t, className: i, dailyStreak: l, iconSlots: n, labels: s, onHistory: r, onSettings: d, onWardrobe: u, playerName: c }) {
+function Ca({ authenticated: a, batteryCount: t, className: i, dailyStreak: n, iconSlots: l, labels: s, onHistory: d, onSettings: r, onWardrobe: u, playerName: c }) {
   const b = ["swimmer-first-session-shell", i].filter(Boolean).join(" "), g = a ? `${t} 🔋` : s.guest ?? "guest";
   return /* @__PURE__ */ o("section", { "aria-label": s.shell, className: b, children: [
     /* @__PURE__ */ e(
@@ -657,21 +695,21 @@ function La({ authenticated: a, batteryCount: t, className: i, dailyStreak: l, i
         items: [
           { icon: "crown", id: "role", label: s.roleLabel, meta: c, value: s.roleValue },
           { icon: "portal", id: "room", label: s.roomLabel, meta: g, value: s.roomValue },
-          { icon: "trophy", id: "goal", label: s.goalLabel, meta: `${s.streak ?? "Daily"} ${l}`, value: s.goalValue },
+          { icon: "trophy", id: "goal", label: s.goalLabel, meta: `${s.streak ?? "Daily"} ${n}`, value: s.goalValue },
           { icon: "timer", id: "timer", label: s.timerLabel, value: s.timerValue }
         ],
         label: s.hud,
         actions: /* @__PURE__ */ o(K, { className: "swimmer-first-session-hud-actions", label: s.tools, children: [
           /* @__PURE__ */ o(C, { "aria-label": s.wardrobe, onClick: u, variant: "secondary", children: [
-            /* @__PURE__ */ e(z, { fallback: "shirt", slot: n?.wardrobe }),
+            /* @__PURE__ */ e(V, { fallback: "shirt", slot: l?.wardrobe }),
             s.wardrobe
           ] }),
-          /* @__PURE__ */ o(C, { "aria-label": s.settings, onClick: d, variant: "secondary", children: [
-            /* @__PURE__ */ e(z, { fallback: "settings", slot: n?.settings }),
+          /* @__PURE__ */ o(C, { "aria-label": s.settings, onClick: r, variant: "secondary", children: [
+            /* @__PURE__ */ e(V, { fallback: "settings", slot: l?.settings }),
             s.settings
           ] }),
-          /* @__PURE__ */ o(C, { "aria-label": s.history, onClick: r, variant: "secondary", children: [
-            /* @__PURE__ */ e(z, { fallback: "history", slot: n?.history }),
+          /* @__PURE__ */ o(C, { "aria-label": s.history, onClick: d, variant: "secondary", children: [
+            /* @__PURE__ */ e(V, { fallback: "history", slot: l?.history }),
             s.history
           ] })
         ] })
@@ -684,17 +722,17 @@ function La({ authenticated: a, batteryCount: t, className: i, dailyStreak: l, i
         /* @__PURE__ */ e("strong", { children: s.move })
       ] }),
       /* @__PURE__ */ o("label", { className: "swimmer-first-session-input", children: [
-        /* @__PURE__ */ e(z, { fallback: "chat", slot: n?.input }),
+        /* @__PURE__ */ e(V, { fallback: "chat", slot: l?.input }),
         /* @__PURE__ */ e("span", { children: s.input })
       ] }),
       /* @__PURE__ */ o("button", { className: "swimmer-first-session-emote", type: "button", children: [
-        /* @__PURE__ */ e(z, { fallback: "smile", slot: n?.emote }),
+        /* @__PURE__ */ e(V, { fallback: "smile", slot: l?.emote }),
         s.emote
       ] })
     ] })
   ] });
 }
-function Ta({ labels: a, onDismiss: t, open: i }) {
+function Aa({ labels: a, onDismiss: t, open: i }) {
   return i ? /* @__PURE__ */ o("aside", { "aria-labelledby": "swimmer-first-session-onboarding-title", "aria-modal": "true", className: "swimmer-first-session-onboarding", role: "dialog", children: [
     /* @__PURE__ */ e("div", { className: "swimmer-first-session-onboarding-scrim" }),
     /* @__PURE__ */ o("div", { className: "swimmer-first-session-onboarding-card", children: [
@@ -702,11 +740,11 @@ function Ta({ labels: a, onDismiss: t, open: i }) {
       /* @__PURE__ */ e(S, { tone: "warning", children: a.badge }),
       /* @__PURE__ */ e("h2", { id: "swimmer-first-session-onboarding-title", children: a.title }),
       /* @__PURE__ */ e("p", { children: a.body }),
-      /* @__PURE__ */ e("ol", { className: "swimmer-first-session-onboarding-steps", children: a.steps.map((l, n) => /* @__PURE__ */ o("li", { children: [
-        /* @__PURE__ */ e("span", { children: String(n + 1).padStart(2, "0") }),
-        /* @__PURE__ */ e("strong", { children: l.title }),
-        /* @__PURE__ */ e("small", { children: l.body })
-      ] }, l.title)) }),
+      /* @__PURE__ */ e("ol", { className: "swimmer-first-session-onboarding-steps", children: a.steps.map((n, l) => /* @__PURE__ */ o("li", { children: [
+        /* @__PURE__ */ e("span", { children: String(l + 1).padStart(2, "0") }),
+        /* @__PURE__ */ e("strong", { children: n.title }),
+        /* @__PURE__ */ e("small", { children: n.body })
+      ] }, n.title)) }),
       /* @__PURE__ */ o("div", { className: "swimmer-first-session-onboarding-actions", children: [
         /* @__PURE__ */ e(C, { onClick: t, variant: "primary", children: a.start }),
         /* @__PURE__ */ e(C, { onClick: t, variant: "ghost", children: a.skip })
@@ -714,73 +752,73 @@ function Ta({ labels: a, onDismiss: t, open: i }) {
     ] })
   ] }) : null;
 }
-const Le = Oe(function({ className: t, invalid: i, type: l = "text", ...n }, s) {
-  const r = ["game-ui-input", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("input", { className: r, "data-invalid": i ? "true" : void 0, ref: s, type: l, ...n });
-}), Ca = Oe(function({ className: t, invalid: i, rows: l = 3, ...n }, s) {
-  const r = ["game-ui-input", "game-ui-textarea", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("textarea", { className: r, "data-invalid": i ? "true" : void 0, ref: s, rows: l, ...n });
+const Le = Oe(function({ className: t, invalid: i, type: n = "text", ...l }, s) {
+  const d = ["game-ui-input", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("input", { className: d, "data-invalid": i ? "true" : void 0, ref: s, type: n, ...l });
+}), Ba = Oe(function({ className: t, invalid: i, rows: n = 3, ...l }, s) {
+  const d = ["game-ui-input", "game-ui-textarea", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("textarea", { className: d, "data-invalid": i ? "true" : void 0, ref: s, rows: n, ...l });
 });
-function H({ children: a, className: t, error: i, hint: l, label: n, required: s }) {
-  const r = ["game-ui-field", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("label", { className: r, "data-invalid": i ? "true" : void 0, children: [
+function D({ children: a, className: t, error: i, hint: n, label: l, required: s }) {
+  const d = ["game-ui-field", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("label", { className: d, "data-invalid": i ? "true" : void 0, children: [
     /* @__PURE__ */ o("span", { className: "game-ui-field-label", children: [
-      n,
+      l,
       s ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-field-required", children: " *" }) : null
     ] }),
     a,
-    l && !i ? /* @__PURE__ */ e("span", { className: "game-ui-field-hint", children: l }) : null,
+    n && !i ? /* @__PURE__ */ e("span", { className: "game-ui-field-hint", children: n }) : null,
     i ? /* @__PURE__ */ e("span", { className: "game-ui-field-error", role: "alert", children: i }) : null
   ] });
 }
-function Aa({ className: a, label: t, ...i }) {
-  const l = ["game-ui-checkbox", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("label", { className: l, children: [
+function xa({ className: a, label: t, ...i }) {
+  const n = ["game-ui-checkbox", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("label", { className: n, children: [
     /* @__PURE__ */ e("input", { className: "game-ui-checkbox-input", type: "checkbox", ...i }),
     /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-checkbox-box" }),
     /* @__PURE__ */ e("span", { className: "game-ui-checkbox-label", children: t })
   ] });
 }
-function Ba(a) {
+function Ia(a) {
   const t = a.trim().split(/\s+/).filter(Boolean);
-  return t.length === 0 ? "?" : t.slice(0, 2).map((l) => l[0] ?? "").join("").toUpperCase();
+  return t.length === 0 ? "?" : t.slice(0, 2).map((n) => n[0] ?? "").join("").toUpperCase();
 }
-function $({ className: a, name: t, size: i = "md", src: l, status: n = "none" }) {
+function j({ className: a, name: t, size: i = "md", src: n, status: l = "none" }) {
   const s = ["game-ui-avatar", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("span", { className: s, "data-avatar-size": i, "data-avatar-status": n, children: [
-    l ? /* @__PURE__ */ e("img", { alt: t, src: l }) : /* @__PURE__ */ o(Ge, { children: [
-      /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-avatar-initials", children: Ba(t) }),
+  return /* @__PURE__ */ o("span", { className: s, "data-avatar-size": i, "data-avatar-status": l, children: [
+    n ? /* @__PURE__ */ e("img", { alt: t, src: n }) : /* @__PURE__ */ o(Ge, { children: [
+      /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-avatar-initials", children: Ia(t) }),
       /* @__PURE__ */ e("span", { className: "game-ui-sr-only", children: t })
     ] }),
-    n !== "none" ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-avatar-status" }) : null
+    l !== "none" ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-avatar-status" }) : null
   ] });
 }
-function D({ className: a, label: t, max: i = 100, showValue: l = !1, tone: n = "accent", value: s }) {
-  const r = i <= 0 ? 100 : i, d = Math.max(0, Math.min(100, s / r * 100)), u = ["game-ui-progress", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("div", { className: u, "data-progress-tone": n, children: [
+function U({ className: a, label: t, max: i = 100, showValue: n = !1, tone: l = "accent", value: s }) {
+  const d = i <= 0 ? 100 : i, r = Math.max(0, Math.min(100, s / d * 100)), u = ["game-ui-progress", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("div", { className: u, "data-progress-tone": l, children: [
     /* @__PURE__ */ e(
       "div",
       {
         "aria-label": t,
-        "aria-valuemax": r,
+        "aria-valuemax": d,
         "aria-valuemin": 0,
         "aria-valuenow": s,
         className: "game-ui-progress-track",
         role: "progressbar",
-        children: /* @__PURE__ */ e("div", { className: "game-ui-progress-fill", style: { width: `${d}%` } })
+        children: /* @__PURE__ */ e("div", { className: "game-ui-progress-fill", style: { width: `${r}%` } })
       }
     ),
-    l ? /* @__PURE__ */ o("span", { className: "game-ui-progress-value", children: [
-      Math.round(d),
+    n ? /* @__PURE__ */ o("span", { className: "game-ui-progress-value", children: [
+      Math.round(r),
       "%"
     ] }) : null
   ] });
 }
-function P({ action: a, className: t, description: i, icon: l, title: n }) {
+function P({ action: a, className: t, description: i, icon: n, title: l }) {
   const s = ["game-ui-empty-state", t].filter(Boolean).join(" ");
   return /* @__PURE__ */ o("div", { className: s, children: [
-    l ? /* @__PURE__ */ e(L, { icon: l, size: "xl" }) : null,
-    /* @__PURE__ */ e("strong", { className: "game-ui-empty-state-title", children: n }),
+    n ? /* @__PURE__ */ e(L, { icon: n, size: "xl" }) : null,
+    /* @__PURE__ */ e("strong", { className: "game-ui-empty-state-title", children: l }),
     i ? /* @__PURE__ */ e("p", { className: "game-ui-empty-state-body", children: i }) : null,
     a ? /* @__PURE__ */ e("div", { className: "game-ui-empty-state-action", children: a }) : null
   ] });
@@ -789,84 +827,84 @@ function He({
   assetLibrary: a,
   bottomBar: t,
   children: i,
-  className: l,
-  density: n = "comfortable",
+  className: n,
+  density: l = "comfortable",
   hud: s,
-  layout: r = "auto",
-  movementPad: d,
+  layout: d = "auto",
+  movementPad: r,
   overlay: u,
   sidePanel: c,
   title: b
 }) {
-  const g = ["game-ui-shell", l].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("section", { "aria-label": b, className: g, "data-density": n, "data-layout": r, children: [
+  const g = ["game-ui-shell", n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("section", { "aria-label": b, className: g, "data-density": l, "data-layout": d, children: [
     /* @__PURE__ */ e("div", { className: "game-ui-shell-scene", children: i }),
     s ? /* @__PURE__ */ e("div", { className: "game-ui-shell-hud", children: s }) : null,
     a ? /* @__PURE__ */ e("aside", { className: "game-ui-shell-library", children: a }) : null,
     c ? /* @__PURE__ */ e("aside", { className: "game-ui-shell-side-panel", children: c }) : null,
-    d ? /* @__PURE__ */ e("div", { className: "game-ui-shell-movement", children: d }) : null,
+    r ? /* @__PURE__ */ e("div", { className: "game-ui-shell-movement", children: r }) : null,
     t ? /* @__PURE__ */ e("div", { className: "game-ui-shell-bottom-bar", children: t }) : null,
     u ? /* @__PURE__ */ e("div", { className: "game-ui-shell-overlay", children: u }) : null
   ] });
 }
-const Ei = He;
-function ve({ className: a, density: t = "comfortable", facts: i, label: l, variant: n = "facts" }) {
+const Gi = He;
+function ve({ className: a, density: t = "comfortable", facts: i, label: n, variant: l = "facts" }) {
   const s = ["game-ui-fact-list", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("section", { "aria-label": l, className: s, "data-density": t, "data-variant": n, children: i.map((r) => /* @__PURE__ */ o("article", { className: "game-ui-fact", children: [
-    r.icon ? /* @__PURE__ */ e(L, { icon: r.icon, size: t === "dense" ? "sm" : "md" }) : null,
+  return /* @__PURE__ */ e("section", { "aria-label": n, className: s, "data-density": t, "data-variant": l, children: i.map((d) => /* @__PURE__ */ o("article", { className: "game-ui-fact", children: [
+    d.icon ? /* @__PURE__ */ e(L, { icon: d.icon, size: t === "dense" ? "sm" : "md" }) : null,
     /* @__PURE__ */ o("span", { className: "game-ui-fact-copy", children: [
-      /* @__PURE__ */ e("small", { children: r.label }),
-      /* @__PURE__ */ e("strong", { children: r.value }),
-      r.meta ? /* @__PURE__ */ e("em", { children: r.meta }) : null
+      /* @__PURE__ */ e("small", { children: d.label }),
+      /* @__PURE__ */ e("strong", { children: d.value }),
+      d.meta ? /* @__PURE__ */ e("em", { children: d.meta }) : null
     ] }),
-    r.tone ? /* @__PURE__ */ e(S, { tone: r.tone, children: n === "stats" ? r.label : r.value }) : null
-  ] }, r.id)) });
+    d.tone ? /* @__PURE__ */ e(S, { tone: d.tone, children: l === "stats" ? d.label : d.value }) : null
+  ] }, d.id)) });
 }
-const Ri = ve;
-function U({ actions: a, className: t, density: i = "comfortable", iconLabelMode: l = "hidden", label: n, style: s = "button" }) {
-  const r = ["game-ui-action-grid", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(K, { className: r, "data-icon-label-mode": s === "icon" ? l : void 0, label: n, children: [
-    /* @__PURE__ */ e("span", { className: "game-ui-sr-only", children: n }),
-    a.map((d) => {
-      const u = d.compactLabel ?? d.label, c = /* @__PURE__ */ o(Ge, { children: [
-        d.icon ? /* @__PURE__ */ e(L, { icon: d.icon, size: i === "dense" ? "sm" : "md", ...s === "icon" ? { style: "line" } : {} }) : null,
-        s === "button" ? /* @__PURE__ */ e("span", { children: d.label }) : null,
-        s === "icon" && l === "caption" ? /* @__PURE__ */ e("span", { className: "game-ui-action-grid-caption", children: u }) : null,
-        d.badge ? /* @__PURE__ */ e(S, { tone: d.selected ? "success" : "neutral", children: d.badge }) : null,
-        d.shortcut ? /* @__PURE__ */ e("kbd", { children: d.shortcut }) : null
-      ] }), b = () => d.onAction?.(d.id);
+const Oi = ve;
+function $({ actions: a, className: t, density: i = "comfortable", iconLabelMode: n = "hidden", label: l, style: s = "button" }) {
+  const d = ["game-ui-action-grid", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o(K, { className: d, "data-icon-label-mode": s === "icon" ? n : void 0, label: l, children: [
+    /* @__PURE__ */ e("span", { className: "game-ui-sr-only", children: l }),
+    a.map((r) => {
+      const u = r.compactLabel ?? r.label, c = /* @__PURE__ */ o(Ge, { children: [
+        r.icon ? /* @__PURE__ */ e(L, { icon: r.icon, size: i === "dense" ? "sm" : "md", ...s === "icon" ? { style: "line" } : {} }) : null,
+        s === "button" ? /* @__PURE__ */ e("span", { children: r.label }) : null,
+        s === "icon" && n === "caption" ? /* @__PURE__ */ e("span", { className: "game-ui-action-grid-caption", children: u }) : null,
+        r.badge ? /* @__PURE__ */ e(S, { tone: r.selected ? "success" : "neutral", children: r.badge }) : null,
+        r.shortcut ? /* @__PURE__ */ e("kbd", { children: r.shortcut }) : null
+      ] }), b = () => r.onAction?.(r.id);
       return s === "icon" ? /* @__PURE__ */ e(
         O,
         {
-          "aria-pressed": d.selected,
+          "aria-pressed": r.selected,
           className: "game-ui-action-grid-button",
-          disabled: d.disabled,
-          label: d.ariaLabel ?? d.label,
+          disabled: r.disabled,
+          label: r.ariaLabel ?? r.label,
           onClick: b,
           children: c
         },
-        d.id
+        r.id
       ) : /* @__PURE__ */ e(
         C,
         {
-          "aria-pressed": d.selected,
+          "aria-pressed": r.selected,
           className: "game-ui-action-grid-button",
-          disabled: d.disabled,
+          disabled: r.disabled,
           onClick: b,
-          variant: d.tone ?? "secondary",
+          variant: r.tone ?? "secondary",
           children: c
         },
-        d.id
+        r.id
       );
     })
   ] });
 }
-const xa = [
+const Ea = [
   { direction: "forward", label: "Move forward", shortcut: "W / ↑", symbol: "↑" },
   { direction: "left", label: "Move left", shortcut: "A / ←", symbol: "←" },
   { direction: "right", label: "Move right", shortcut: "D / →", symbol: "→" },
   { direction: "backward", label: "Move backward", shortcut: "S / ↓", symbol: "↓" }
-], Ia = {
+], Ra = {
   ArrowUp: "forward",
   w: "forward",
   W: "forward",
@@ -881,31 +919,31 @@ const xa = [
   S: "backward",
   " ": "reset"
 };
-function Ea({
-  actions: a = xa,
+function Ma({
+  actions: a = Ea,
   className: t,
   density: i = "comfortable",
-  disabled: l = !1,
-  helpText: n,
+  disabled: n = !1,
+  helpText: l,
   label: s,
-  layout: r = "dpad",
-  onMove: d
+  layout: d = "dpad",
+  onMove: r
 }) {
   const u = ["game-ui-movement-pad", t].filter(Boolean).join(" "), c = (g) => {
-    l || d?.(g);
+    n || r?.(g);
   };
-  return /* @__PURE__ */ o("section", { "aria-label": s, className: u, "data-density": i, "data-layout": r, onKeyDown: (g) => {
-    const v = Ia[g.key];
-    if (!v) return;
-    const y = a.find((k) => k.direction === v);
-    !y || y.disabled || l || (g.preventDefault(), c(v));
+  return /* @__PURE__ */ o("section", { "aria-label": s, className: u, "data-density": i, "data-layout": d, onKeyDown: (g) => {
+    const f = Ra[g.key];
+    if (!f) return;
+    const v = a.find((k) => k.direction === f);
+    !v || v.disabled || n || (g.preventDefault(), c(f));
   }, tabIndex: 0, children: [
     /* @__PURE__ */ e("div", { className: "game-ui-movement-pad-grid", children: a.map((g) => /* @__PURE__ */ o(
       O,
       {
         className: "game-ui-movement-button",
         "data-direction": g.direction,
-        disabled: l || g.disabled,
+        disabled: n || g.disabled,
         label: g.label,
         onClick: () => c(g.direction),
         children: [
@@ -915,7 +953,7 @@ function Ea({
       },
       g.direction
     )) }),
-    n ? /* @__PURE__ */ e("p", { children: n }) : null
+    l ? /* @__PURE__ */ e("p", { children: l }) : null
   ] });
 }
 const X = {
@@ -926,7 +964,7 @@ const X = {
   generated: "ai",
   imported: "warning",
   starter: "neutral"
-}, Ra = {
+}, Ga = {
   error: "danger",
   generating: "ai",
   missing: "danger",
@@ -934,38 +972,38 @@ const X = {
   ready: "neutral",
   selected: "success"
 };
-function Ma({
+function Oa({
   assetId: a,
   badges: t = [],
   cardLayout: i = "list",
-  className: l,
-  description: n,
+  className: n,
+  description: l,
   disabled: s,
-  facts: r = [],
-  icon: d = "gem",
+  facts: d = [],
+  icon: r = "gem",
   onClick: u,
   onSelect: c,
   selected: b = !1,
   source: g,
-  sourceLabel: v,
-  status: y = "ready",
+  sourceLabel: f,
+  status: v = "ready",
   statusLabel: k,
   thumbnailAlt: p = "",
-  thumbnailSrc: f,
+  thumbnailSrc: y,
   title: w,
   type: h = "button",
   ...A
 }) {
-  const { "aria-label": T, ...G } = A, _ = ["game-ui-asset-card", l].filter(Boolean).join(" "), x = v ?? X[g], E = k ?? y;
+  const { "aria-label": T, ...G } = A, z = ["game-ui-asset-card", n].filter(Boolean).join(" "), x = f ?? X[g], E = k ?? v;
   return /* @__PURE__ */ o(
     "button",
     {
       "aria-label": T ?? w,
       "aria-pressed": b,
-      className: _,
+      className: z,
       "data-asset-card-layout": i,
       "data-asset-source": g,
-      "data-asset-status": y,
+      "data-asset-status": v,
       disabled: s,
       onClick: (I) => {
         u?.(I), I.defaultPrevented || c?.(a);
@@ -973,16 +1011,16 @@ function Ma({
       type: h,
       ...G,
       children: [
-        /* @__PURE__ */ e("span", { className: "game-ui-asset-card-preview", children: f ? /* @__PURE__ */ e("img", { alt: p, src: f }) : /* @__PURE__ */ e(L, { className: "game-ui-asset-card-icon", icon: d, size: "xl" }) }),
+        /* @__PURE__ */ e("span", { className: "game-ui-asset-card-preview", children: y ? /* @__PURE__ */ e("img", { alt: p, src: y }) : /* @__PURE__ */ e(L, { className: "game-ui-asset-card-icon", icon: r, size: "xl" }) }),
         /* @__PURE__ */ o("span", { className: "game-ui-asset-card-copy", children: [
           /* @__PURE__ */ o("span", { className: "game-ui-asset-card-badges", children: [
             /* @__PURE__ */ e(S, { tone: Q[g], children: x }),
-            /* @__PURE__ */ e(S, { tone: Ra[y], children: E }),
+            /* @__PURE__ */ e(S, { tone: Ga[v], children: E }),
             t.map((I) => /* @__PURE__ */ e(S, { tone: I.tone ?? "neutral", children: I.label }, I.label))
           ] }),
           /* @__PURE__ */ e("strong", { children: w }),
-          n ? /* @__PURE__ */ e("span", { children: n }) : null,
-          r.length > 0 ? /* @__PURE__ */ e("span", { className: "game-ui-asset-card-facts", children: r.map((I) => /* @__PURE__ */ o("span", { children: [
+          l ? /* @__PURE__ */ e("span", { children: l }) : null,
+          d.length > 0 ? /* @__PURE__ */ e("span", { className: "game-ui-asset-card-facts", children: d.map((I) => /* @__PURE__ */ o("span", { children: [
             /* @__PURE__ */ e("small", { children: I.label }),
             /* @__PURE__ */ e("b", { children: I.value })
           ] }, I.id)) }) : null
@@ -995,42 +1033,42 @@ function De({
   cardLayout: a = "auto",
   className: t,
   density: i = "comfortable",
-  emptyAction: l,
-  emptyDescription: n = "Assets will appear here when they are ready to place.",
+  emptyAction: n,
+  emptyDescription: l = "Assets will appear here when they are ready to place.",
   emptyTitle: s = "No assets ready",
-  groups: r,
-  label: d,
+  groups: d,
+  label: r,
   onSelectAsset: u,
   selectedAssetId: c,
   subtitle: b,
   title: g
 }) {
-  const v = ["game-ui-asset-library", t].filter(Boolean).join(" "), y = r.reduce((p, f) => p + f.assets.length, 0), k = r.reduce((p, f) => (f.assets.forEach((w) => {
+  const f = ["game-ui-asset-library", t].filter(Boolean).join(" "), v = d.reduce((p, y) => p + y.assets.length, 0), k = d.reduce((p, y) => (y.assets.forEach((w) => {
     p[w.source] += 1;
   }), p), { generated: 0, imported: 0, starter: 0 });
-  return /* @__PURE__ */ e(B, { className: v, "data-card-layout": a, title: g, tone: "strong", children: /* @__PURE__ */ o("section", { "aria-label": d, "data-density": i, children: [
+  return /* @__PURE__ */ e(B, { className: f, "data-card-layout": a, title: g, tone: "strong", children: /* @__PURE__ */ o("section", { "aria-label": r, "data-density": i, children: [
     b ? /* @__PURE__ */ e("p", { className: "game-ui-asset-library-subtitle", children: b }) : null,
-    /* @__PURE__ */ e("div", { "aria-label": "Asset source counts", className: "game-ui-asset-library-counts", children: Object.entries(k).map(([p, f]) => /* @__PURE__ */ o(S, { tone: Q[p], children: [
+    /* @__PURE__ */ e("div", { "aria-label": "Asset source counts", className: "game-ui-asset-library-counts", children: Object.entries(k).map(([p, y]) => /* @__PURE__ */ o(S, { tone: Q[p], children: [
       X[p],
       " ",
-      f
+      y
     ] }, p)) }),
-    y === 0 ? /* @__PURE__ */ e(P, { action: l, description: n, icon: "gem", title: s }) : /* @__PURE__ */ e("div", { className: "game-ui-asset-library-groups", children: r.map((p) => /* @__PURE__ */ o("section", { "aria-label": p.label, className: "game-ui-asset-library-group", "data-asset-source": p.source, children: [
+    v === 0 ? /* @__PURE__ */ e(P, { action: n, description: l, icon: "gem", title: s }) : /* @__PURE__ */ e("div", { className: "game-ui-asset-library-groups", children: d.map((p) => /* @__PURE__ */ o("section", { "aria-label": p.label, className: "game-ui-asset-library-group", "data-asset-source": p.source, children: [
       /* @__PURE__ */ o("header", { children: [
         /* @__PURE__ */ e("strong", { children: p.label }),
         p.source ? /* @__PURE__ */ e(S, { tone: Q[p.source], children: X[p.source] }) : null
       ] }),
-      /* @__PURE__ */ e("div", { className: "game-ui-asset-library-grid", children: p.assets.map((f) => {
-        const w = a === "auto" ? f.cardLayout : a;
+      /* @__PURE__ */ e("div", { className: "game-ui-asset-library-grid", children: p.assets.map((y) => {
+        const w = a === "auto" ? y.cardLayout : a;
         return /* @__PURE__ */ e(
-          Ma,
+          Oa,
           {
-            ...f,
+            ...y,
             ...w ? { cardLayout: w } : {},
             ...u ? { onSelect: u } : {},
-            selected: f.assetId === c
+            selected: y.assetId === c
           },
-          f.assetId
+          y.assetId
         );
       }) })
     ] }, p.id)) })
@@ -1040,29 +1078,29 @@ function Ue({
   actions: a = [],
   capacityLabel: t = "Objects",
   className: i,
-  density: l = "comfortable",
-  maxObjects: n,
+  density: n = "comfortable",
+  maxObjects: l,
   objectActions: s = [],
-  placedObjects: r,
-  selectedLabel: d = "Selected",
+  placedObjects: d,
+  selectedLabel: r = "Selected",
   selectedTitle: u,
   statusLabel: c = "Status",
   statusTone: b = "neutral",
   statusValue: g = "Idle",
-  title: v
+  title: f
 }) {
-  const y = ["game-ui-placement-toolbar", i].filter(Boolean).join(" "), k = typeof r == "number" && typeof n == "number", p = k && n > 0 ? Math.min(n, r) : 0;
-  return /* @__PURE__ */ e(B, { className: y, title: v, tone: "strong", children: /* @__PURE__ */ o("div", { "data-density": l, children: [
-    /* @__PURE__ */ e(ve, { density: l, facts: [
-      { icon: "gem", id: "selected", label: d, value: u ?? "None" },
+  const v = ["game-ui-placement-toolbar", i].filter(Boolean).join(" "), k = typeof d == "number" && typeof l == "number", p = k && l > 0 ? Math.min(l, d) : 0;
+  return /* @__PURE__ */ e(B, { className: v, title: f, tone: "strong", children: /* @__PURE__ */ o("div", { "data-density": n, children: [
+    /* @__PURE__ */ e(ve, { density: n, facts: [
+      { icon: "gem", id: "selected", label: r, value: u ?? "None" },
       { icon: "check", id: "status", label: c, tone: b, value: g }
-    ], label: `${v} facts` }),
-    k ? /* @__PURE__ */ e(D, { label: t, max: n, showValue: !0, tone: p >= n ? "warning" : "success", value: p }) : null,
-    a.length > 0 ? /* @__PURE__ */ e(U, { actions: a, density: l, label: `${v} actions` }) : null,
-    s.length > 0 ? /* @__PURE__ */ e(U, { actions: s, density: l, label: `${v} object actions`, style: "icon" }) : null
+    ], label: `${f} facts` }),
+    k ? /* @__PURE__ */ e(U, { label: t, max: l, showValue: !0, tone: p >= l ? "warning" : "success", value: p }) : null,
+    a.length > 0 ? /* @__PURE__ */ e($, { actions: a, density: n, label: `${f} actions` }) : null,
+    s.length > 0 ? /* @__PURE__ */ e($, { actions: s, density: n, label: `${f} object actions`, style: "icon" }) : null
   ] }) });
 }
-const Mi = Ue, fe = {
+const Pi = Ue, fe = {
   build: "home",
   flatten: "card",
   inspect: "compass",
@@ -1072,7 +1110,7 @@ const Mi = Ue, fe = {
   raise: "energy",
   smooth: "lucky",
   terrain: "portal"
-}, Ga = {
+}, Pa = {
   error: "danger",
   locked: "warning",
   missing: "danger",
@@ -1080,38 +1118,38 @@ const Mi = Ue, fe = {
   ready: "neutral",
   selected: "success"
 };
-function Oa(a, t, i, l) {
-  const n = {
-    disabled: !!(l || a.disabled),
+function _a(a, t, i, n) {
+  const l = {
+    disabled: !!(n || a.disabled),
     icon: a.icon ?? fe[a.id] ?? "gem",
     id: a.id,
     label: a.label,
     selected: a.id === t,
     tone: a.id === t ? "primary" : "secondary"
   };
-  return a.ariaLabel && (n.ariaLabel = a.ariaLabel), a.compactLabel && (n.compactLabel = a.compactLabel), a.meta && (n.meta = a.meta), a.shortcut && (n.shortcut = a.shortcut), i && (n.onAction = i), n;
+  return a.ariaLabel && (l.ariaLabel = a.ariaLabel), a.compactLabel && (l.compactLabel = a.compactLabel), a.meta && (l.meta = a.meta), a.shortcut && (l.shortcut = a.shortcut), i && (l.onAction = i), l;
 }
 function F(a, t, i) {
   return Number.isNaN(a) ? t : Math.min(i, Math.max(t, a));
 }
-function Pa(a, t) {
+function za(a, t) {
   return a !== "auto" ? a : t === "mobile" || t === "small-mobile" ? "caption" : "hidden";
 }
-function _a({
+function Va({
   activeModeId: a,
   className: t,
   disabled: i = !1,
-  label: l,
-  modes: n,
+  label: n,
+  modes: l,
   onModeChange: s,
-  variant: r = "desktop",
-  "data-testid": d
+  variant: d = "desktop",
+  "data-testid": r
 }) {
   const u = ["game-ui-terrain-mode-control", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("section", { "aria-label": l, className: u, "data-ui-hook": "terrain-mode-control", "data-variant": r, "data-testid": d, children: [
-    /* @__PURE__ */ e("span", { className: "game-ui-sr-only", children: l }),
-    /* @__PURE__ */ e("div", { className: "game-ui-terrain-mode-options", role: "group", children: n.map((c) => {
-      const b = c.id === a, g = i || c.disabled, v = r === "small-mobile" ? c.compactLabel ?? c.label : c.label;
+  return /* @__PURE__ */ o("section", { "aria-label": n, className: u, "data-ui-hook": "terrain-mode-control", "data-variant": d, "data-testid": r, children: [
+    /* @__PURE__ */ e("span", { className: "game-ui-sr-only", children: n }),
+    /* @__PURE__ */ e("div", { className: "game-ui-terrain-mode-options", role: "group", children: l.map((c) => {
+      const b = c.id === a, g = i || c.disabled, f = d === "small-mobile" ? c.compactLabel ?? c.label : c.label;
       return /* @__PURE__ */ o(
         "button",
         {
@@ -1125,8 +1163,8 @@ function _a({
           onClick: s && !g ? () => s(c.id) : void 0,
           type: "button",
           children: [
-            /* @__PURE__ */ e(L, { icon: c.icon ?? fe[c.id] ?? "portal", size: r === "small-mobile" ? "sm" : "md", style: "line" }),
-            /* @__PURE__ */ e("span", { children: v }),
+            /* @__PURE__ */ e(L, { icon: c.icon ?? fe[c.id] ?? "portal", size: d === "small-mobile" ? "sm" : "md", style: "line" }),
+            /* @__PURE__ */ e("span", { children: f }),
             c.meta ? /* @__PURE__ */ e("small", { id: `${c.id}-mode-meta`, children: c.meta }) : null
           ]
         },
@@ -1135,52 +1173,52 @@ function _a({
     }) })
   ] });
 }
-function za({
+function Ha({
   activeToolId: a,
   className: t,
   compactLabelMode: i = "auto",
-  density: l = "comfortable",
-  disabled: n = !1,
+  density: n = "comfortable",
+  disabled: l = !1,
   label: s,
-  onToolChange: r,
-  tools: d,
+  onToolChange: d,
+  tools: r,
   variant: u = "desktop",
   "data-testid": c
 }) {
-  const b = ["game-ui-terrain-tool-strip", t].filter(Boolean).join(" "), g = Pa(i, u);
+  const b = ["game-ui-terrain-tool-strip", t].filter(Boolean).join(" "), g = za(i, u);
   return /* @__PURE__ */ e("section", { "aria-label": s, className: b, "data-active-tool": a, "data-icon-label-mode": g, "data-ui-hook": "terrain-tool-strip", "data-variant": u, "data-testid": c, children: /* @__PURE__ */ e(
-    U,
+    $,
     {
-      actions: d.map((v) => Oa(v, a, r, n)),
-      density: l,
+      actions: r.map((f) => _a(f, a, d, l)),
+      density: n,
       iconLabelMode: g,
       label: s,
       style: u === "desktop" ? "button" : "icon"
     }
   ) });
 }
-function Va({
+function Da({
   className: a,
   labels: t = {},
   onRadiusChange: i,
-  onStrengthChange: l,
-  state: n,
+  onStrengthChange: n,
+  state: l,
   variant: s = "desktop",
-  "data-testid": r
+  "data-testid": d
 }) {
-  const d = ["game-ui-brush-controls", a].filter(Boolean).join(" "), u = n.minRadius ?? 1, c = n.maxRadius ?? 8, b = n.radiusStep ?? 0.25, g = n.minStrength ?? 0, v = n.maxStrength ?? 1, y = n.strengthStep ?? 0.05, k = F(n.radius, u, c), p = F(n.strength, g, v), f = !!n.disabled, w = (A) => {
+  const r = ["game-ui-brush-controls", a].filter(Boolean).join(" "), u = l.minRadius ?? 1, c = l.maxRadius ?? 8, b = l.radiusStep ?? 0.25, g = l.minStrength ?? 0, f = l.maxStrength ?? 1, v = l.strengthStep ?? 0.05, k = F(l.radius, u, c), p = F(l.strength, g, f), y = !!l.disabled, w = (A) => {
     i?.(F(Number(A.currentTarget.value), u, c));
   }, h = (A) => {
-    l?.(F(Number(A.currentTarget.value), g, v));
+    n?.(F(Number(A.currentTarget.value), g, f));
   };
-  return /* @__PURE__ */ o("section", { className: d, "data-ui-hook": "brush-controls", "data-variant": s, "data-testid": r, children: [
-    /* @__PURE__ */ e(H, { ...t.radiusHint ? { hint: t.radiusHint } : {}, label: t.radius ?? "Brush radius", children: /* @__PURE__ */ o("div", { className: "game-ui-brush-control-row", "data-control": "radius", children: [
+  return /* @__PURE__ */ o("section", { className: r, "data-ui-hook": "brush-controls", "data-variant": s, "data-testid": d, children: [
+    /* @__PURE__ */ e(D, { ...t.radiusHint ? { hint: t.radiusHint } : {}, label: t.radius ?? "Brush radius", children: /* @__PURE__ */ o("div", { className: "game-ui-brush-control-row", "data-control": "radius", children: [
       /* @__PURE__ */ e(
         "input",
         {
           "aria-label": t.radius ?? "Brush radius",
           className: "game-ui-brush-range",
-          disabled: f,
+          disabled: y,
           max: c,
           min: u,
           onChange: i ? w : void 0,
@@ -1195,7 +1233,7 @@ function Va({
         {
           "aria-label": `${t.radius ?? "Brush radius"} value`,
           className: "game-ui-brush-number",
-          disabled: f,
+          disabled: y,
           max: c,
           min: u,
           onChange: i ? w : void 0,
@@ -1206,18 +1244,18 @@ function Va({
         }
       )
     ] }) }),
-    /* @__PURE__ */ e(H, { ...t.strengthHint ? { hint: t.strengthHint } : {}, label: t.strength ?? "Brush strength", children: /* @__PURE__ */ o("div", { className: "game-ui-brush-control-row", "data-control": "strength", children: [
+    /* @__PURE__ */ e(D, { ...t.strengthHint ? { hint: t.strengthHint } : {}, label: t.strength ?? "Brush strength", children: /* @__PURE__ */ o("div", { className: "game-ui-brush-control-row", "data-control": "strength", children: [
       /* @__PURE__ */ e(
         "input",
         {
           "aria-label": t.strength ?? "Brush strength",
           className: "game-ui-brush-range",
-          disabled: f,
-          max: v,
+          disabled: y,
+          max: f,
           min: g,
-          onChange: l ? h : void 0,
-          readOnly: !l,
-          step: y,
+          onChange: n ? h : void 0,
+          readOnly: !n,
+          step: v,
           type: "range",
           value: p
         }
@@ -1227,12 +1265,12 @@ function Va({
         {
           "aria-label": `${t.strength ?? "Brush strength"} value`,
           className: "game-ui-brush-number",
-          disabled: f,
-          max: v,
+          disabled: y,
+          max: f,
           min: g,
-          onChange: l ? h : void 0,
-          readOnly: !l,
-          step: y,
+          onChange: n ? h : void 0,
+          readOnly: !n,
+          step: v,
           type: "number",
           value: p
         }
@@ -1240,19 +1278,19 @@ function Va({
     ] }) })
   ] });
 }
-function Ha({
+function Ua({
   activeMaterialId: a,
   className: t,
   disabled: i = !1,
-  label: l,
-  materials: n,
+  label: n,
+  materials: l,
   onMaterialChange: s,
-  variant: r = "desktop",
-  "data-testid": d
+  variant: d = "desktop",
+  "data-testid": r
 }) {
   const u = ["game-ui-material-swatches", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("section", { "aria-label": l, className: u, "data-ui-hook": "material-swatches", "data-variant": r, "data-testid": d, children: /* @__PURE__ */ e("div", { className: "game-ui-material-swatch-grid", role: "listbox", "aria-label": l, children: n.map((c) => {
-    const b = c.id === a, g = i || c.disabled, v = r === "small-mobile" ? c.compactLabel ?? c.label : c.label, y = {
+  return /* @__PURE__ */ e("section", { "aria-label": n, className: u, "data-ui-hook": "material-swatches", "data-variant": d, "data-testid": r, children: /* @__PURE__ */ e("div", { className: "game-ui-material-swatch-grid", role: "listbox", "aria-label": n, children: l.map((c) => {
+    const b = c.id === a, g = i || c.disabled, f = d === "small-mobile" ? c.compactLabel ?? c.label : c.label, v = {
       "--swatch-color": c.color,
       "--swatch-secondary-color": c.secondaryColor ?? c.color
     };
@@ -1269,9 +1307,9 @@ function Ha({
         role: "option",
         type: "button",
         children: [
-          /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-material-swatch-chip", "data-swatch-pattern": c.pattern ?? "solid", style: y }),
+          /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-material-swatch-chip", "data-swatch-pattern": c.pattern ?? "solid", style: v }),
           /* @__PURE__ */ o("span", { className: "game-ui-material-swatch-copy", children: [
-            /* @__PURE__ */ e("strong", { children: v }),
+            /* @__PURE__ */ e("strong", { children: f }),
             c.meta ? /* @__PURE__ */ e("small", { id: `${c.id}-material-meta`, children: c.meta }) : null
           ] })
         ]
@@ -1280,46 +1318,46 @@ function Ha({
     );
   }) }) });
 }
-function Da({
+function $a({
   canRedo: a = !1,
   canUndo: t = !1,
   className: i,
-  disabled: l = !1,
-  label: n,
+  disabled: n = !1,
+  label: l,
   onRedo: s,
-  onUndo: r,
-  redoLabel: d = "Redo",
+  onUndo: d,
+  redoLabel: r = "Redo",
   undoLabel: u = "Undo",
   variant: c = "desktop",
   "data-testid": b
 }) {
   const g = ["game-ui-undo-redo-actions", i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("section", { "aria-label": n, className: g, "data-ui-hook": "undo-redo-actions", "data-variant": c, "data-testid": b, children: /* @__PURE__ */ e(U, { actions: [
-    { disabled: l || !t, icon: "undo", id: "undo", label: u, onAction: (y) => {
-      r?.();
+  return /* @__PURE__ */ e("section", { "aria-label": l, className: g, "data-ui-hook": "undo-redo-actions", "data-variant": c, "data-testid": b, children: /* @__PURE__ */ e($, { actions: [
+    { disabled: n || !t, icon: "undo", id: "undo", label: u, onAction: (v) => {
+      d?.();
     }, shortcut: "⌘Z" },
-    { disabled: l || !a, icon: "redo", id: "redo", label: d, onAction: (y) => {
+    { disabled: n || !a, icon: "redo", id: "redo", label: r, onAction: (v) => {
       s?.();
     }, shortcut: "⇧⌘Z" }
-  ], density: "dense", label: n, style: "icon" }) });
+  ], density: "dense", label: l, style: "icon" }) });
 }
-function Ua({
+function ja({
   activeCategoryId: a,
   categories: t,
   className: i,
-  density: l = "comfortable",
-  emptyDescription: n = "Building pieces will appear here when a category is available.",
+  density: n = "comfortable",
+  emptyDescription: l = "Building pieces will appear here when a category is available.",
   emptyTitle: s = "No build pieces ready",
-  label: r,
-  onCategoryChange: d,
+  label: d,
+  onCategoryChange: r,
   onSelectItem: u,
   selectedItemId: c,
   title: b,
   variant: g = "desktop",
-  "data-testid": v
+  "data-testid": f
 }) {
-  const y = ["game-ui-build-library", i].filter(Boolean).join(" "), k = t.filter((h) => !h.disabled), p = t.find((h) => h.id === a) ?? k[0] ?? t[0], f = p?.items ?? [], w = g === "small-mobile";
-  return /* @__PURE__ */ e(B, { className: y, "data-ui-hook": "build-library", "data-variant": g, "data-testid": v, title: b, tone: "strong", children: /* @__PURE__ */ o("section", { "aria-label": r, "data-density": l, children: [
+  const v = ["game-ui-build-library", i].filter(Boolean).join(" "), k = t.filter((h) => !h.disabled), p = t.find((h) => h.id === a) ?? k[0] ?? t[0], y = p?.items ?? [], w = g === "small-mobile";
+  return /* @__PURE__ */ e(B, { className: v, "data-ui-hook": "build-library", "data-variant": g, "data-testid": f, title: b, tone: "strong", children: /* @__PURE__ */ o("section", { "aria-label": d, "data-density": n, children: [
     /* @__PURE__ */ e("div", { "aria-label": "Build categories", className: "game-ui-build-categories", role: "tablist", children: t.map((h) => {
       const A = h.id === p?.id, T = g === "small-mobile" ? h.compactLabel ?? h.label : h.label;
       return /* @__PURE__ */ o(
@@ -1331,7 +1369,7 @@ function Ua({
           className: "game-ui-build-category",
           "data-build-category-id": h.id,
           disabled: h.disabled,
-          onClick: d && !h.disabled ? () => d(h.id) : void 0,
+          onClick: r && !h.disabled ? () => r(h.id) : void 0,
           role: "tab",
           type: "button",
           children: [
@@ -1343,8 +1381,8 @@ function Ua({
         h.id
       );
     }) }),
-    f.length === 0 || !p ? /* @__PURE__ */ e(P, { description: n, icon: "home", title: s }) : /* @__PURE__ */ e("div", { "aria-label": `${p.label} pieces`, className: "game-ui-build-items", "data-card-layout": w ? "rail" : "list", id: `${p.id}-build-panel`, role: "tabpanel", children: f.map((h) => {
-      const A = h.id === c || h.status === "selected", T = A ? "selected" : h.status ?? "ready", G = !!(h.disabled || T === "locked" || T === "missing"), _ = w ? h.compactLabel ?? h.label : h.label;
+    y.length === 0 || !p ? /* @__PURE__ */ e(P, { description: l, icon: "home", title: s }) : /* @__PURE__ */ e("div", { "aria-label": `${p.label} pieces`, className: "game-ui-build-items", "data-card-layout": w ? "rail" : "list", id: `${p.id}-build-panel`, role: "tabpanel", children: y.map((h) => {
+      const A = h.id === c || h.status === "selected", T = A ? "selected" : h.status ?? "ready", G = !!(h.disabled || T === "locked" || T === "missing"), z = w ? h.compactLabel ?? h.label : h.label;
       return /* @__PURE__ */ o(
         "button",
         {
@@ -1361,10 +1399,10 @@ function Ua({
             /* @__PURE__ */ e("span", { className: "game-ui-build-item-icon", children: h.previewSrc ? /* @__PURE__ */ e("img", { alt: h.previewAlt ?? "", className: "game-ui-build-item-preview", src: h.previewSrc }) : /* @__PURE__ */ e(L, { icon: h.icon ?? p.icon ?? "home", size: w ? "sm" : "md" }) }),
             /* @__PURE__ */ o("span", { className: "game-ui-build-item-copy", children: [
               /* @__PURE__ */ o("span", { className: "game-ui-build-item-badges", children: [
-                /* @__PURE__ */ e(S, { tone: Ga[T], children: T }),
+                /* @__PURE__ */ e(S, { tone: Pa[T], children: T }),
                 h.badges?.map((x) => /* @__PURE__ */ e(S, { tone: x.tone ?? "neutral", children: x.label }, x.label))
               ] }),
-              /* @__PURE__ */ e("strong", { children: _ }),
+              /* @__PURE__ */ e("strong", { children: z }),
               h.description ? /* @__PURE__ */ e("span", { children: h.description }) : null,
               h.meta ? /* @__PURE__ */ e("small", { children: h.meta }) : null
             ] })
@@ -1379,102 +1417,102 @@ function $e({
   children: a,
   className: t,
   closeIcon: i = "close",
-  closeLabel: l = "Close tools",
-  disabled: n = !1,
+  closeLabel: n = "Close tools",
+  disabled: l = !1,
   label: s,
-  onOpenChange: r,
-  open: d,
+  onOpenChange: d,
+  open: r,
   panelId: u,
   title: c,
   triggerIcon: b = "settings",
   triggerLabel: g = "Tools",
-  variant: v = "mobile",
-  "data-testid": y
+  variant: f = "mobile",
+  "data-testid": v
 }) {
   const k = ["game-ui-compact-game-drawer", t].filter(Boolean).join(" "), p = u ?? `${c.toLowerCase().replace(/[^a-z0-9]+/g, "-") || "tools"}-drawer-panel`;
-  return /* @__PURE__ */ o("aside", { "aria-label": s, className: k, "data-open": d ? "true" : "false", "data-ui-hook": "compact-game-drawer", "data-variant": v, "data-testid": y, children: [
+  return /* @__PURE__ */ o("aside", { "aria-label": s, className: k, "data-open": r ? "true" : "false", "data-ui-hook": "compact-game-drawer", "data-variant": f, "data-testid": v, children: [
     /* @__PURE__ */ o(
       C,
       {
         "aria-controls": p,
-        "aria-expanded": d,
+        "aria-expanded": r,
         className: "game-ui-compact-game-drawer-trigger",
-        disabled: n,
-        onClick: r ? () => r(!d) : void 0,
+        disabled: l,
+        onClick: d ? () => d(!r) : void 0,
         type: "button",
         variant: "secondary",
         children: [
-          /* @__PURE__ */ e(L, { icon: d ? i : b, size: "sm", style: "line" }),
-          d ? l : g
+          /* @__PURE__ */ e(L, { icon: r ? i : b, size: "sm", style: "line" }),
+          r ? n : g
         ]
       }
     ),
-    /* @__PURE__ */ e("div", { "aria-hidden": !d, className: "game-ui-compact-game-drawer-panel", "data-drawer-panel": "true", id: p, children: /* @__PURE__ */ e(B, { title: c, tone: "strong", children: a }) })
+    /* @__PURE__ */ e("div", { "aria-hidden": !r, className: "game-ui-compact-game-drawer-panel", "data-drawer-panel": "true", id: p, children: /* @__PURE__ */ e(B, { title: c, tone: "strong", children: a }) })
   ] });
 }
-function $a({ status: a }) {
+function Fa({ status: a }) {
   if (!a) return null;
-  const t = typeof a.progressValue == "number" && typeof a.progressMax == "number", i = a.tone === "danger" ? "danger" : a.tone === "warning" ? "warning" : "success", l = a.progressMax ?? 100, n = a.progressValue ?? 0;
+  const t = typeof a.progressValue == "number" && typeof a.progressMax == "number", i = a.tone === "danger" ? "danger" : a.tone === "warning" ? "warning" : "success", n = a.progressMax ?? 100, l = a.progressValue ?? 0;
   return /* @__PURE__ */ o("div", { className: "game-ui-terrain-status", "data-status-tone": a.tone ?? "neutral", "data-ui-hook": "terrain-status", children: [
     /* @__PURE__ */ e(S, { tone: a.tone ?? "neutral", children: a.label }),
     a.description ? /* @__PURE__ */ e("p", { children: a.description }) : null,
     t ? /* @__PURE__ */ e(
-      D,
+      U,
       {
         label: a.progressLabel ?? a.label,
-        max: l,
+        max: n,
         showValue: !0,
         tone: i,
-        value: n
+        value: l
       }
     ) : null
   ] });
 }
-function Fa({
+function Wa({
   activeBuildCategoryId: a,
   activeMaterialId: t,
   activeModeId: i,
-  activeToolId: l,
-  brush: n,
+  activeToolId: n,
+  brush: l,
   buildCategories: s = [],
-  density: r = "comfortable",
-  disabled: d = !1,
+  density: d = "comfortable",
+  disabled: r = !1,
   materials: u = [],
   modes: c,
   onBrushRadiusChange: b,
   onBrushStrengthChange: g,
-  onBuildCategoryChange: v,
-  onMaterialChange: y,
+  onBuildCategoryChange: f,
+  onMaterialChange: v,
   onModeChange: k,
   onRedo: p,
-  onSelectBuildItem: f,
+  onSelectBuildItem: y,
   onToolChange: w,
   onUndo: h,
   selectedBuildItemId: A,
   status: T,
   toolCompactLabelMode: G = "auto",
-  tools: _,
+  tools: z,
   undoRedo: x,
   variant: E = "desktop"
 }) {
-  return /* @__PURE__ */ o("div", { className: "game-ui-terrain-build-toolbox-body", "data-active-mode": i, "data-active-tool": l, "data-variant": E, children: [
-    /* @__PURE__ */ e($a, { status: T }),
-    /* @__PURE__ */ e(_a, { activeModeId: i, disabled: d, label: "Tool mode", modes: c, onModeChange: k, variant: E }),
+  return /* @__PURE__ */ o("div", { className: "game-ui-terrain-build-toolbox-body", "data-active-mode": i, "data-active-tool": n, "data-variant": E, children: [
+    /* @__PURE__ */ e(Fa, { status: T }),
+    /* @__PURE__ */ e(Va, { activeModeId: i, disabled: r, label: "Tool mode", modes: c, onModeChange: k, variant: E }),
     /* @__PURE__ */ o("div", { className: "game-ui-terrain-build-main-grid", children: [
-      /* @__PURE__ */ e(za, { activeToolId: l, compactLabelMode: G, density: r, disabled: d, label: "Terrain tools", onToolChange: w, tools: _, variant: E }),
-      /* @__PURE__ */ e(Da, { canRedo: x?.canRedo, canUndo: x?.canUndo, disabled: d, label: "Terrain history", onRedo: p, onUndo: h, redoLabel: x?.redoLabel, undoLabel: x?.undoLabel, variant: E }),
-      /* @__PURE__ */ e(Va, { onRadiusChange: b, onStrengthChange: g, state: { ...n, disabled: !!(d || n.disabled) }, variant: E }),
-      u.length > 0 ? /* @__PURE__ */ e(Ha, { activeMaterialId: t, disabled: d, label: "Terrain materials", materials: u, onMaterialChange: y, variant: E }) : null
+      /* @__PURE__ */ e(Ha, { activeToolId: n, compactLabelMode: G, density: d, disabled: r, label: "Terrain tools", onToolChange: w, tools: z, variant: E }),
+      /* @__PURE__ */ e($a, { canRedo: x?.canRedo, canUndo: x?.canUndo, disabled: r, label: "Terrain history", onRedo: p, onUndo: h, redoLabel: x?.redoLabel, undoLabel: x?.undoLabel, variant: E }),
+      /* @__PURE__ */ e(Da, { onRadiusChange: b, onStrengthChange: g, state: { ...l, disabled: !!(r || l.disabled) }, variant: E }),
+      u.length > 0 ? /* @__PURE__ */ e(Ua, { activeMaterialId: t, disabled: r, label: "Terrain materials", materials: u, onMaterialChange: v, variant: E }) : null
     ] }),
     s.length > 0 ? /* @__PURE__ */ e(
-      Ua,
+      ja,
       {
         activeCategoryId: a,
         categories: s,
-        density: r,
+        density: d,
         label: "Build library",
-        onCategoryChange: v,
-        onSelectItem: f,
+        onCategoryChange: f,
+        onSelectItem: y,
         selectedItemId: A,
         title: "Build pieces",
         variant: E
@@ -1486,30 +1524,30 @@ function Te({
   className: a,
   drawerOpen: t = !1,
   drawerTitle: i = "Terrain and build tools",
-  label: l,
-  onDrawerOpenChange: n,
+  label: n,
+  onDrawerOpenChange: l,
   title: s,
-  variant: r = "desktop",
-  "data-testid": d,
+  variant: d = "desktop",
+  "data-testid": r,
   ...u
 }) {
-  const c = ["game-ui-terrain-build-toolbox", a].filter(Boolean).join(" "), b = /* @__PURE__ */ e(Fa, { ...u, variant: r });
-  return r === "mobile" || r === "small-mobile" ? /* @__PURE__ */ e(
+  const c = ["game-ui-terrain-build-toolbox", a].filter(Boolean).join(" "), b = /* @__PURE__ */ e(Wa, { ...u, variant: d });
+  return d === "mobile" || d === "small-mobile" ? /* @__PURE__ */ e(
     $e,
     {
       className: c,
-      label: l,
-      onOpenChange: n,
+      label: n,
+      onOpenChange: l,
       open: t,
       title: i,
       triggerLabel: s,
-      variant: r,
-      "data-testid": d,
+      variant: d,
+      "data-testid": r,
       children: b
     }
-  ) : /* @__PURE__ */ e(B, { className: c, "data-ui-hook": "terrain-build-toolbox", "data-variant": r, "data-testid": d, title: s, tone: "strong", children: /* @__PURE__ */ e("section", { "aria-label": l, children: b }) });
+  ) : /* @__PURE__ */ e(B, { className: c, "data-ui-hook": "terrain-build-toolbox", "data-variant": d, "data-testid": r, title: s, tone: "strong", children: /* @__PURE__ */ e("section", { "aria-label": n, children: b }) });
 }
-const Fe = {
+const je = {
   accepted: "success",
   blocked: "danger",
   cancelled: "neutral",
@@ -1518,7 +1556,7 @@ const Fe = {
   queued: "warning",
   readyForReview: "success",
   working: "ai"
-}, je = {
+}, Fe = {
   accepted: "check",
   blocked: "alert",
   cancelled: "close",
@@ -1527,12 +1565,12 @@ const Fe = {
   queued: "hourglass",
   readyForReview: "vote",
   working: "energy"
-}, ja = {
+}, Ya = {
   active: "ai",
   blocked: "danger",
   complete: "success",
   pending: "neutral"
-}, Wa = {
+}, Ka = {
   blocked: "danger",
   done: "success",
   idle: "neutral",
@@ -1546,7 +1584,7 @@ const Fe = {
   "local-only": "success",
   mock: "ai",
   "paid-disabled": "warning"
-}, Ya = {
+}, qa = {
   accepted: [{ id: "revert", label: "Revert", icon: "undo", tone: "ghost" }],
   blocked: [
     { id: "revise", label: "Revise", icon: "scroll", tone: "primary" },
@@ -1575,10 +1613,10 @@ const Fe = {
 function Ke(a, t) {
   return t || (a === "readyForReview" ? "Ready for review" : a.replace(/([A-Z])/g, " $1").replace(/^./, (i) => i.toUpperCase()));
 }
-function Ka(a) {
+function Ja(a) {
   return a === "blocked" || a === "cancelled" ? "danger" : a === "accepted" || a === "readyForReview" ? "success" : a === "queued" || a === "draft" || a === "preview" ? "warning" : "accent";
 }
-function qa(a) {
+function Za(a) {
   switch (a) {
     case "accepted":
       return 100;
@@ -1598,16 +1636,16 @@ function qa(a) {
       return 64;
   }
 }
-function Ja(a, t, i) {
-  const l = {
+function Xa(a, t, i) {
+  const n = {
     disabled: !!(i || a.disabled),
     id: a.id,
     label: a.label,
     tone: a.tone ?? "secondary"
   };
-  return a.icon && (l.icon = a.icon), a.ariaLabel && (l.ariaLabel = a.ariaLabel), a.meta && (l.meta = a.meta), t && (l.onAction = t), l;
+  return a.icon && (n.icon = a.icon), a.ariaLabel && (n.ariaLabel = a.ariaLabel), a.meta && (n.meta = a.meta), t && (n.onAction = t), n;
 }
-function Za(a) {
+function Qa(a) {
   return a === "danger" || a === "warning" ? "alert" : "status";
 }
 function ee(a) {
@@ -1617,35 +1655,35 @@ function qe({
   className: a,
   label: t,
   max: i = 100,
-  progressLabel: l = "Construction progress",
-  showStatusBadge: n = !0,
+  progressLabel: n = "Construction progress",
+  showStatusBadge: l = !0,
   status: s,
-  statusLabel: r,
-  steps: d = [],
+  statusLabel: d,
+  steps: r = [],
   validationWarnings: u = [],
   value: c,
   variant: b = "desktop",
   "data-testid": g
 }) {
-  const v = ["game-ui-construction-progress", a].filter(Boolean).join(" "), y = c ?? qa(s), k = Ke(s, r);
-  return /* @__PURE__ */ o("section", { "aria-label": t, className: v, "data-status": s, "data-ui-hook": "construction-progress", "data-variant": b, "data-testid": g, children: [
+  const f = ["game-ui-construction-progress", a].filter(Boolean).join(" "), v = c ?? Za(s), k = Ke(s, d);
+  return /* @__PURE__ */ o("section", { "aria-label": t, className: f, "data-status": s, "data-ui-hook": "construction-progress", "data-variant": b, "data-testid": g, children: [
     /* @__PURE__ */ o("header", { className: "game-ui-construction-progress-header", children: [
       /* @__PURE__ */ o("span", { children: [
-        /* @__PURE__ */ e(L, { icon: je[s], size: "sm" }),
-        /* @__PURE__ */ e("strong", { children: l })
+        /* @__PURE__ */ e(L, { icon: Fe[s], size: "sm" }),
+        /* @__PURE__ */ e("strong", { children: n })
       ] }),
-      n ? /* @__PURE__ */ e(S, { tone: Fe[s], children: k }) : null
+      l ? /* @__PURE__ */ e(S, { tone: je[s], children: k }) : null
     ] }),
-    /* @__PURE__ */ e(D, { label: l, max: i, showValue: !0, tone: Ka(s), value: y }),
-    d.length > 0 ? /* @__PURE__ */ e("ol", { className: "game-ui-construction-steps", "aria-label": `${l} steps`, children: d.map((p) => /* @__PURE__ */ o("li", { "data-step-status": p.status, children: [
+    /* @__PURE__ */ e(U, { label: n, max: i, showValue: !0, tone: Ja(s), value: v }),
+    r.length > 0 ? /* @__PURE__ */ e("ol", { className: "game-ui-construction-steps", "aria-label": `${n} steps`, children: r.map((p) => /* @__PURE__ */ o("li", { "data-step-status": p.status, children: [
       /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-construction-step-dot" }),
       /* @__PURE__ */ o("span", { children: [
         /* @__PURE__ */ e("strong", { children: p.label }),
         p.caption ? /* @__PURE__ */ e("small", { children: p.caption }) : null
       ] }),
-      /* @__PURE__ */ e(S, { tone: ja[p.status], children: p.status })
+      /* @__PURE__ */ e(S, { tone: Ya[p.status], children: p.status })
     ] }, p.id)) }) : null,
-    u.length > 0 ? /* @__PURE__ */ e("div", { className: "game-ui-construction-warnings", "data-ui-hook": "construction-validation-warnings", children: u.map((p) => /* @__PURE__ */ o("div", { className: "game-ui-construction-warning", "data-warning-tone": p.tone ?? "warning", role: Za(p.tone), children: [
+    u.length > 0 ? /* @__PURE__ */ e("div", { className: "game-ui-construction-warnings", "data-ui-hook": "construction-validation-warnings", children: u.map((p) => /* @__PURE__ */ o("div", { className: "game-ui-construction-warning", "data-warning-tone": p.tone ?? "warning", role: Qa(p.tone), children: [
       /* @__PURE__ */ e(L, { icon: p.tone === "danger" || p.tone === "warning" ? "alert" : "check", size: "sm" }),
       /* @__PURE__ */ o("span", { children: [
         /* @__PURE__ */ e("strong", { children: p.label }),
@@ -1658,49 +1696,49 @@ function Je({
   actions: a,
   className: t,
   disabled: i = !1,
-  label: l,
-  localOnlyLabel: n = "Local-only construction",
+  label: n,
+  localOnlyLabel: l = "Local-only construction",
   onAction: s,
-  providerMode: r,
-  status: d,
+  providerMode: d,
+  status: r,
   validationWarnings: u = [],
   variant: c = "desktop",
   "data-testid": b
 }) {
-  const g = ["game-ui-construction-approval-bar", t].filter(Boolean).join(" "), v = a ?? Ya[d], y = u.filter((p) => p.tone !== "success").length, k = v.map((p) => Ja(p, s, i));
-  return /* @__PURE__ */ o("section", { "aria-label": l, className: g, "data-status": d, "data-ui-hook": "construction-approval-bar", "data-variant": c, "data-testid": b, children: [
+  const g = ["game-ui-construction-approval-bar", t].filter(Boolean).join(" "), f = a ?? qa[r], v = u.filter((p) => p.tone !== "success").length, k = f.map((p) => Xa(p, s, i));
+  return /* @__PURE__ */ o("section", { "aria-label": n, className: g, "data-status": r, "data-ui-hook": "construction-approval-bar", "data-variant": c, "data-testid": b, children: [
     /* @__PURE__ */ o("div", { className: "game-ui-construction-approval-meta", children: [
-      r ? /* @__PURE__ */ e(S, { tone: Ye[r], children: We[r] }) : /* @__PURE__ */ e(S, { tone: "success", children: n }),
-      y > 0 ? /* @__PURE__ */ o(S, { tone: "warning", children: [
-        y,
+      d ? /* @__PURE__ */ e(S, { tone: Ye[d], children: We[d] }) : /* @__PURE__ */ e(S, { tone: "success", children: l }),
+      v > 0 ? /* @__PURE__ */ o(S, { tone: "warning", children: [
+        v,
         " validation warning",
-        y === 1 ? "" : "s"
+        v === 1 ? "" : "s"
       ] }) : /* @__PURE__ */ e(S, { tone: "success", children: "Validation clear" })
     ] }),
-    k.length > 0 ? /* @__PURE__ */ e(U, { actions: k, density: c === "small-mobile" ? "dense" : "comfortable", label: `${l} actions` }) : null
+    k.length > 0 ? /* @__PURE__ */ e($, { actions: k, density: c === "small-mobile" ? "dense" : "comfortable", label: `${n} actions` }) : null
   ] });
 }
 function Ze({
   className: a,
   crew: t,
   emptyDescription: i = "Robot crew members appear here when a construction job starts.",
-  emptyTitle: l = "No robot crew assigned",
-  label: n,
+  emptyTitle: n = "No robot crew assigned",
+  label: l,
   title: s,
-  variant: r = "desktop",
-  "data-testid": d
+  variant: d = "desktop",
+  "data-testid": r
 }) {
   const u = ["game-ui-robot-crew-status", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("section", { "aria-label": n, className: u, "data-ui-hook": "robot-crew-status", "data-variant": r, "data-testid": d, children: [
+  return /* @__PURE__ */ o("section", { "aria-label": l, className: u, "data-ui-hook": "robot-crew-status", "data-variant": d, "data-testid": r, children: [
     s ? /* @__PURE__ */ e("header", { children: /* @__PURE__ */ e("strong", { children: s }) }) : null,
-    t.length === 0 ? /* @__PURE__ */ e(P, { description: i, icon: "ai", title: l }) : /* @__PURE__ */ e("div", { className: "game-ui-robot-crew-list", children: t.map((c) => /* @__PURE__ */ o("article", { className: "game-ui-robot-crew-member", "data-crew-status": c.status, children: [
-      /* @__PURE__ */ e(L, { icon: c.icon ?? "ai", size: r === "small-mobile" ? "sm" : "md" }),
+    t.length === 0 ? /* @__PURE__ */ e(P, { description: i, icon: "ai", title: n }) : /* @__PURE__ */ e("div", { className: "game-ui-robot-crew-list", children: t.map((c) => /* @__PURE__ */ o("article", { className: "game-ui-robot-crew-member", "data-crew-status": c.status, children: [
+      /* @__PURE__ */ e(L, { icon: c.icon ?? "ai", size: d === "small-mobile" ? "sm" : "md" }),
       /* @__PURE__ */ o("span", { className: "game-ui-robot-crew-copy", children: [
         /* @__PURE__ */ e("strong", { children: c.name }),
         /* @__PURE__ */ e("small", { children: c.role }),
         c.task ? /* @__PURE__ */ e("em", { children: c.task }) : null
       ] }),
-      /* @__PURE__ */ e(S, { tone: Wa[c.status], children: c.status })
+      /* @__PURE__ */ e(S, { tone: Ka[c.status], children: c.status })
     ] }, c.id)) })
   ] });
 }
@@ -1708,19 +1746,19 @@ function Xe({
   activeView: a,
   after: t,
   before: i,
-  className: l,
-  label: n,
+  className: n,
+  label: l,
   onViewChange: s,
-  variant: r = "desktop",
-  "data-testid": d
+  variant: d = "desktop",
+  "data-testid": r
 }) {
-  const u = ["game-ui-before-after-toggle", l].filter(Boolean).join(" "), c = a === "before" ? i : t;
-  return /* @__PURE__ */ o("section", { "aria-label": n, className: u, "data-active-view": a, "data-ui-hook": "before-after-toggle", "data-variant": r, "data-testid": d, children: [
+  const u = ["game-ui-before-after-toggle", n].filter(Boolean).join(" "), c = a === "before" ? i : t;
+  return /* @__PURE__ */ o("section", { "aria-label": l, className: u, "data-active-view": a, "data-ui-hook": "before-after-toggle", "data-variant": d, "data-testid": r, children: [
     /* @__PURE__ */ e(
       Pe,
       {
         activeId: a,
-        label: `${n} view`,
+        label: `${l} view`,
         ...s ? { onSelect: (b) => s(b) } : {},
         options: [{ id: "before", label: i.label }, { id: "after", label: t.label }]
       }
@@ -1735,28 +1773,28 @@ function ae({
   className: a,
   density: t = "comfortable",
   job: i,
-  onAction: l,
-  onSelect: n,
+  onAction: n,
+  onSelect: l,
   selected: s = !1,
-  showApprovalBar: r = !0,
-  showBeforeAfter: d = !1,
+  showApprovalBar: d = !0,
+  showBeforeAfter: r = !1,
   variant: u = "desktop",
   "data-testid": c
 }) {
-  const b = ["game-ui-construction-job-card", a].filter(Boolean).join(" "), g = Ke(i.status, i.statusLabel), v = u === "mobile" || u === "small-mobile", y = i.facts ?? [], k = () => n?.(i.id), p = (f) => l?.(f, i.id);
+  const b = ["game-ui-construction-job-card", a].filter(Boolean).join(" "), g = Ke(i.status, i.statusLabel), f = u === "mobile" || u === "small-mobile", v = i.facts ?? [], k = () => l?.(i.id), p = (y) => n?.(y, i.id);
   return /* @__PURE__ */ o("article", { className: b, "data-density": t, "data-job-id": i.id, "data-selected": s ? "true" : "false", "data-status": i.status, "data-ui-hook": "construction-job-card", "data-variant": u, "data-testid": c, children: [
     /* @__PURE__ */ o("header", { className: "game-ui-construction-job-header", children: [
-      /* @__PURE__ */ o("button", { "aria-pressed": s, className: "game-ui-construction-job-select", disabled: !n, onClick: k, type: "button", children: [
-        /* @__PURE__ */ e(L, { icon: je[i.status], size: v ? "sm" : "md" }),
+      /* @__PURE__ */ o("button", { "aria-pressed": s, className: "game-ui-construction-job-select", disabled: !l, onClick: k, type: "button", children: [
+        /* @__PURE__ */ e(L, { icon: Fe[i.status], size: f ? "sm" : "md" }),
         /* @__PURE__ */ o("span", { children: [
           /* @__PURE__ */ e("strong", { children: i.title }),
           i.description ? /* @__PURE__ */ e("small", { children: i.description }) : null
         ] })
       ] }),
       /* @__PURE__ */ o("span", { className: "game-ui-construction-job-badges", children: [
-        /* @__PURE__ */ e(S, { tone: Fe[i.status], children: g }),
+        /* @__PURE__ */ e(S, { tone: je[i.status], children: g }),
         i.providerMode ? /* @__PURE__ */ e(S, { tone: Ye[i.providerMode], children: We[i.providerMode] }) : null,
-        i.badges?.map((f) => /* @__PURE__ */ e(S, { tone: f.tone ?? "neutral", children: f.label }, f.label))
+        i.badges?.map((y) => /* @__PURE__ */ e(S, { tone: y.tone ?? "neutral", children: y.label }, y.label))
       ] })
     ] }),
     /* @__PURE__ */ o("div", { className: "game-ui-construction-job-facts", "aria-label": `${i.title} facts`, children: [
@@ -1768,10 +1806,10 @@ function ae({
         /* @__PURE__ */ e("small", { children: "ETA" }),
         /* @__PURE__ */ e("b", { children: i.estimate })
       ] }) : null,
-      y.map((f) => /* @__PURE__ */ o("span", { children: [
-        /* @__PURE__ */ e("small", { children: f.label }),
-        /* @__PURE__ */ e("b", { children: f.value })
-      ] }, f.id))
+      v.map((y) => /* @__PURE__ */ o("span", { children: [
+        /* @__PURE__ */ e("small", { children: y.label }),
+        /* @__PURE__ */ e("b", { children: y.value })
+      ] }, y.id))
     ] }),
     /* @__PURE__ */ e(
       qe,
@@ -1780,16 +1818,16 @@ function ae({
         progressLabel: i.progressLabel,
         status: i.status,
         statusLabel: g,
-        steps: v ? [] : i.steps,
+        steps: f ? [] : i.steps,
         validationWarnings: i.validationWarnings,
         value: i.progressValue,
         max: i.progressMax,
         variant: u
       }
     ),
-    d && ee(i) ? /* @__PURE__ */ e(Xe, { activeView: "after", after: i.after, before: i.before, label: `${i.title} preview`, variant: u }) : null,
+    r && ee(i) ? /* @__PURE__ */ e(Xe, { activeView: "after", after: i.after, before: i.before, label: `${i.title} preview`, variant: u }) : null,
     i.crew && i.crew.length > 0 ? /* @__PURE__ */ e(Ze, { crew: i.crew, label: `${i.title} robot crew`, variant: u }) : null,
-    r ? /* @__PURE__ */ e(
+    d ? /* @__PURE__ */ e(
       Je,
       {
         actions: i.actions,
@@ -1803,46 +1841,46 @@ function ae({
     ) : null
   ] });
 }
-function Xa({
+function ei({
   children: a,
   className: t,
   closeLabel: i = "Close jobs",
-  disabled: l = !1,
-  jobs: n = [],
+  disabled: n = !1,
+  jobs: l = [],
   label: s,
-  onAction: r,
-  onOpenChange: d,
+  onAction: d,
+  onOpenChange: r,
   onSelectJob: u,
   open: c,
   panelId: b = "game-compact-job-drawer-panel",
   selectedJobId: g,
-  title: v,
-  triggerLabel: y = "Construction jobs",
+  title: f,
+  triggerLabel: v = "Construction jobs",
   variant: k = "mobile",
   "data-testid": p
 }) {
-  const f = ["game-ui-compact-job-drawer", t].filter(Boolean).join(" ");
+  const y = ["game-ui-compact-job-drawer", t].filter(Boolean).join(" ");
   return /* @__PURE__ */ e(
     $e,
     {
-      className: f,
+      className: y,
       closeLabel: i,
-      disabled: l,
+      disabled: n,
       label: s,
-      onOpenChange: d,
+      onOpenChange: r,
       open: c,
       panelId: b,
-      title: v,
+      title: f,
       triggerIcon: "energy",
-      triggerLabel: y,
+      triggerLabel: v,
       variant: k,
       "data-testid": p,
-      children: a ?? /* @__PURE__ */ e("div", { className: "game-ui-compact-job-drawer-list", children: n.map((w) => /* @__PURE__ */ e(
+      children: a ?? /* @__PURE__ */ e("div", { className: "game-ui-compact-job-drawer-list", tabIndex: 0, children: l.map((w) => /* @__PURE__ */ e(
         ae,
         {
           density: "dense",
           job: w,
-          onAction: r,
+          onAction: d,
           onSelect: u,
           selected: w.id === g,
           showApprovalBar: !1,
@@ -1857,44 +1895,45 @@ function Ce({
   activePreviewView: a = "after",
   className: t,
   density: i = "comfortable",
-  drawerOpen: l = !1,
-  emptyDescription: n = "Draft construction jobs will appear here before any provider call is allowed.",
+  drawerOpen: n = !1,
+  emptyDescription: l = "Draft construction jobs will appear here before any provider call is allowed.",
   emptyTitle: s = "No construction jobs",
-  jobs: r,
-  label: d,
+  jobs: d,
+  label: r,
   onAction: u,
   onDrawerOpenChange: c,
   onPreviewViewChange: b,
   onSelectJob: g,
-  selectedJobId: v,
-  subtitle: y,
+  selectedJobId: f,
+  subtitle: v,
   title: k,
   variant: p = "desktop",
-  "data-testid": f
+  "data-testid": y
 }) {
-  const w = ["game-ui-contractor-panel", t].filter(Boolean).join(" "), h = r.find((T) => T.id === v) ?? r[0];
-  return p === "mobile" || p === "small-mobile" ? /* @__PURE__ */ o("section", { "aria-label": d, className: w, "data-ui-hook": "contractor-panel", "data-variant": p, "data-testid": f, children: [
+  const w = ["game-ui-contractor-panel", t].filter(Boolean).join(" "), h = d.find((T) => T.id === f) ?? d[0];
+  return p === "mobile" || p === "small-mobile" ? /* @__PURE__ */ o("section", { "aria-label": r, className: w, "data-ui-hook": "contractor-panel", "data-variant": p, "data-testid": y, children: [
     /* @__PURE__ */ e(
-      Xa,
+      ei,
       {
-        jobs: r,
-        label: `${d} drawer`,
+        jobs: d,
+        label: `${r} drawer`,
         onAction: u,
         onOpenChange: c,
         onSelectJob: g,
-        open: l,
+        open: n,
         selectedJobId: h?.id,
         title: k,
         triggerLabel: "Contractor",
         variant: p
       }
     ),
-    h ? /* @__PURE__ */ e(ae, { density: "dense", job: h, onAction: u, onSelect: g, selected: !0, showBeforeAfter: ee(h), variant: p }) : /* @__PURE__ */ e(P, { description: n, icon: "energy", title: s })
-  ] }) : /* @__PURE__ */ e(B, { className: w, "data-ui-hook": "contractor-panel", "data-variant": p, "data-testid": f, title: k, tone: "strong", children: /* @__PURE__ */ o("section", { "aria-label": d, "data-density": i, children: [
-    y ? /* @__PURE__ */ e("p", { className: "game-ui-contractor-panel-subtitle", children: y }) : null,
-    r.length === 0 ? /* @__PURE__ */ e(P, { description: n, icon: "energy", title: s }) : null,
-    r.length > 0 ? /* @__PURE__ */ o("div", { className: "game-ui-contractor-panel-grid", children: [
-      /* @__PURE__ */ e("div", { className: "game-ui-contractor-job-list", "aria-label": "Construction job queue", children: r.map((T) => /* @__PURE__ */ e(
+    h && !n ? /* @__PURE__ */ e(ae, { density: "dense", job: h, onAction: u, onSelect: g, selected: !0, showBeforeAfter: ee(h), variant: p }) : null,
+    h ? null : /* @__PURE__ */ e(P, { description: l, icon: "energy", title: s })
+  ] }) : /* @__PURE__ */ e(B, { className: w, "data-ui-hook": "contractor-panel", "data-variant": p, "data-testid": y, title: k, tone: "strong", children: /* @__PURE__ */ o("section", { "aria-label": r, "data-density": i, children: [
+    v ? /* @__PURE__ */ e("p", { className: "game-ui-contractor-panel-subtitle", children: v }) : null,
+    d.length === 0 ? /* @__PURE__ */ e(P, { description: l, icon: "energy", title: s }) : null,
+    d.length > 0 ? /* @__PURE__ */ o("div", { className: "game-ui-contractor-panel-grid", children: [
+      /* @__PURE__ */ e("div", { "aria-label": "Construction job queue", className: "game-ui-contractor-job-list", tabIndex: 0, children: d.map((T) => /* @__PURE__ */ e(
         ae,
         {
           density: i,
@@ -1953,32 +1992,32 @@ function Ce({
 function ye(...a) {
   return a.filter(Boolean).join(" ");
 }
-const Qa = {
+const ai = {
   collapse: "Collapse",
   expand: "Expand"
 };
-function Gi({
+function _i({
   actions: a,
   children: t,
   className: i,
-  defaultOpen: l = !0,
-  labels: n,
+  defaultOpen: n = !0,
+  labels: l,
   onOpenChange: s,
-  open: r,
-  title: d,
+  open: d,
+  title: r,
   tone: u = "default",
   ...c
 }) {
-  const b = Y(), [g, v] = M(l), y = r ?? g, k = { ...Qa, ...n }, p = () => {
-    const f = !y;
-    r === void 0 && v(f), s?.(f);
+  const b = _(), [g, f] = M(n), v = d ?? g, k = { ...ai, ...l }, p = () => {
+    const y = !v;
+    d === void 0 && f(y), s?.(y);
   };
   return /* @__PURE__ */ o(
     "section",
     {
       ...c,
       className: ye("game-ui-collapsible", i),
-      "data-open": y,
+      "data-open": v,
       "data-panel-tone": u,
       children: [
         /* @__PURE__ */ o("header", { className: "game-ui-collapsible-header", children: [
@@ -1986,14 +2025,14 @@ function Gi({
             "button",
             {
               "aria-controls": b,
-              "aria-expanded": y,
+              "aria-expanded": v,
               className: "game-ui-collapsible-toggle",
               onClick: p,
-              title: y ? k.collapse : k.expand,
+              title: v ? k.collapse : k.expand,
               type: "button",
               children: [
                 /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-collapsible-chevron" }),
-                /* @__PURE__ */ e("span", { className: "game-ui-collapsible-title", children: d })
+                /* @__PURE__ */ e("span", { className: "game-ui-collapsible-title", children: r })
               ]
             }
           ) }),
@@ -2004,13 +2043,13 @@ function Gi({
     }
   );
 }
-const ei = {
+const ii = {
   close: "Close",
   maximize: "Maximize",
   minimize: "Minimize",
   restore: "Restore"
 };
-function j({ kind: a }) {
+function W({ kind: a }) {
   return /* @__PURE__ */ e("svg", { "aria-hidden": "true", fill: "none", height: "14", viewBox: "0 0 14 14", width: "14", children: /* @__PURE__ */ e("path", { d: {
     close: "M3 3l8 8M11 3l-8 8",
     maximize: "M3 5V3h2M9 3h2v2M11 9v2H9M5 11H3V9",
@@ -2018,65 +2057,65 @@ function j({ kind: a }) {
     restore: "M4 6h6v5H4zM6 6V4h6v5h-2"
   }[a], stroke: "currentColor", strokeLinecap: "round", strokeWidth: "2" }) });
 }
-function Oi({
+function zi({
   allowMaximize: a = !0,
   allowMinimize: t = !0,
   children: i,
-  className: l,
-  defaultState: n = "normal",
+  className: n,
+  defaultState: l = "normal",
   footer: s,
-  icon: r,
-  labels: d,
+  icon: d,
+  labels: r,
   onClose: u,
   onStateChange: c,
   state: b,
   title: g,
-  ...v
+  ...f
 }) {
-  const [y, k] = M(n), p = b ?? y, f = { ...ei, ...d }, w = (T) => {
+  const [v, k] = M(l), p = b ?? v, y = { ...ii, ...r }, w = (T) => {
     b === void 0 && k(T), c?.(T);
   }, h = p === "minimized", A = p === "maximized";
   return /* @__PURE__ */ o(
     "section",
     {
-      ...v,
+      ...f,
       "aria-label": g,
-      className: ye("game-ui-window", l),
+      className: ye("game-ui-window", n),
       "data-window-state": p,
       role: "group",
       children: [
         /* @__PURE__ */ o("header", { className: "game-ui-window-titlebar", children: [
-          r ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-window-icon", children: r }) : null,
+          d ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-window-icon", children: d }) : null,
           /* @__PURE__ */ e("h3", { className: "game-ui-window-title", children: g }),
           /* @__PURE__ */ o("span", { className: "game-ui-window-actions", children: [
             t ? /* @__PURE__ */ e(
               "button",
               {
-                "aria-label": h ? f.restore : f.minimize,
+                "aria-label": h ? y.restore : y.minimize,
                 className: "game-ui-icon-button game-ui-window-button",
                 onClick: () => w(h ? "normal" : "minimized"),
                 type: "button",
-                children: /* @__PURE__ */ e(j, { kind: h ? "restore" : "minimize" })
+                children: /* @__PURE__ */ e(W, { kind: h ? "restore" : "minimize" })
               }
             ) : null,
             a ? /* @__PURE__ */ e(
               "button",
               {
-                "aria-label": A ? f.restore : f.maximize,
+                "aria-label": A ? y.restore : y.maximize,
                 className: "game-ui-icon-button game-ui-window-button",
                 onClick: () => w(A ? "normal" : "maximized"),
                 type: "button",
-                children: /* @__PURE__ */ e(j, { kind: A ? "restore" : "maximize" })
+                children: /* @__PURE__ */ e(W, { kind: A ? "restore" : "maximize" })
               }
             ) : null,
             u ? /* @__PURE__ */ e(
               "button",
               {
-                "aria-label": f.close,
+                "aria-label": y.close,
                 className: "game-ui-icon-button game-ui-window-button",
                 onClick: u,
                 type: "button",
-                children: /* @__PURE__ */ e(j, { kind: "close" })
+                children: /* @__PURE__ */ e(W, { kind: "close" })
               }
             ) : null
           ] })
@@ -2089,39 +2128,41 @@ function Oi({
     }
   );
 }
-function Pi({
+function Vi({
   children: a,
   className: t,
   closeLabel: i = "Close",
-  closeOnBackdrop: l = !0,
-  footer: n,
+  closeOnBackdrop: n = !0,
+  footer: l,
   onClose: s,
-  open: r,
-  size: d = "md",
-  title: u
+  open: d,
+  position: r = "center",
+  size: u = "md",
+  title: c
 }) {
-  const c = aa(null), b = Y();
+  const b = ta(null), g = _();
   te(() => {
-    const v = c.current;
-    v && (r && !v.open && v.showModal(), !r && v.open && v.close());
-  }, [r]);
-  const g = (v) => {
-    l && v.target === c.current && s();
+    const v = b.current;
+    v && (d && !v.open && v.showModal(), !d && v.open && v.close());
+  }, [d]);
+  const f = (v) => {
+    n && v.target === b.current && s();
   };
   return /* @__PURE__ */ e(
     "dialog",
     {
-      "aria-labelledby": b,
+      "aria-labelledby": g,
       className: ye("game-ui-modal", t),
-      "data-size": d,
+      "data-position": r,
+      "data-size": u,
       onCancel: (v) => {
         v.preventDefault(), s();
       },
-      onClick: g,
-      ref: c,
+      onClick: f,
+      ref: b,
       children: /* @__PURE__ */ o("div", { className: "game-ui-modal-frame", children: [
         /* @__PURE__ */ o("header", { className: "game-ui-modal-header", children: [
-          /* @__PURE__ */ e("h2", { className: "game-ui-modal-title", id: b, children: u }),
+          /* @__PURE__ */ e("h2", { className: "game-ui-modal-title", id: g, children: c }),
           /* @__PURE__ */ e(
             "button",
             {
@@ -2129,17 +2170,17 @@ function Pi({
               className: "game-ui-icon-button game-ui-window-button",
               onClick: s,
               type: "button",
-              children: /* @__PURE__ */ e(j, { kind: "close" })
+              children: /* @__PURE__ */ e(W, { kind: "close" })
             }
           )
         ] }),
-        /* @__PURE__ */ e("div", { className: "game-ui-modal-body", children: r ? a : null }),
-        n ? /* @__PURE__ */ e("footer", { className: "game-ui-modal-footer", children: n }) : null
+        /* @__PURE__ */ e("div", { className: "game-ui-modal-body", children: d ? a : null }),
+        l ? /* @__PURE__ */ e("footer", { className: "game-ui-modal-footer", children: l }) : null
       ] })
     }
   );
 }
-const ai = [
+const ti = [
   {
     id: "history-human-long",
     kind: "human",
@@ -2161,7 +2202,7 @@ const ai = [
     speaker: "Table",
     text: "Three votes are locked. One more read can still change the pact."
   }
-], ii = [
+], ni = [
   { id: "history-human-long", kind: "human", meta: "第 2 局 · 公开桌", speaker: "Mika", text: "这个回答像背稿——把每种可能都点了一遍,却从不押一个真实的偏好。" },
   { id: "history-zh-long", kind: "mystery", meta: "第 2 局 · 桌边发言", speaker: "Noa", text: "这段回答太顺了,像是在把所有安全选项都摆出来,却故意不留下能被追问的破绽。" },
   { id: "history-system", kind: "system", meta: "即将揭晓", speaker: "牌桌", text: "三票已锁定。再读一轮,仍可能改写这份密约。" }
@@ -2274,7 +2315,7 @@ const ai = [
     responsive: { desktop: "desktop", mobileLandscape: "mobile landscape" },
     orientation: { title: "Please rotate your device", body: "Clay game surfaces are tuned for a landscape table. Rotate before live chat so keyboard, emotes, and vote rail do not crush the playfield.", cta: "Try landscape", badge: "Landscape only", hint: "Rotate manually if this browser blocks automatic landscape lock." },
     historyLabel: "Round history",
-    history: ai
+    history: ti
   },
   "zh-CN": {
     triggerLabel: "中",
@@ -2384,9 +2425,9 @@ const ai = [
     responsive: { desktop: "桌面", mobileLandscape: "手机横屏" },
     orientation: { title: "请旋转你的设备", body: "黏土游戏界面是为横屏牌桌调校的。开聊前请先横屏,以免键盘、表情与投票栏挤压牌面。", cta: "试试横屏", badge: "仅限横屏", hint: "若浏览器拦截了自动横屏锁定,请手动旋转。" },
     historyLabel: "回合历史",
-    history: ii
+    history: ni
   }
-}, ea = ia(Qe.en), R = () => ta(ea), ti = [
+}, ea = na(Qe.en), R = () => la(ea), li = [
   { id: "colors", tokens: N },
   { id: "semantic", tokens: ne },
   { id: "typography", tokens: le },
@@ -2398,16 +2439,16 @@ const ai = [
   { id: "targets", tokens: me },
   { id: "assetSizing", tokens: ue }
 ];
-function ni({ id: a, label: t, tokens: i }) {
+function oi({ id: a, label: t, tokens: i }) {
   return /* @__PURE__ */ o("article", { className: "game-ui-token-card", children: [
     /* @__PURE__ */ e("h3", { children: t }),
-    /* @__PURE__ */ e("div", { className: "game-ui-token-grid", children: Object.entries(i).map(([l, n]) => /* @__PURE__ */ o("div", { className: "game-ui-token-row", children: [
-      /* @__PURE__ */ e("span", { children: l }),
-      /* @__PURE__ */ e("code", { children: String(n) })
-    ] }, `${a}-${l}`)) })
+    /* @__PURE__ */ e("div", { className: "game-ui-token-grid", children: Object.entries(i).map(([n, l]) => /* @__PURE__ */ o("div", { className: "game-ui-token-row", children: [
+      /* @__PURE__ */ e("span", { children: n }),
+      /* @__PURE__ */ e("code", { children: String(l) })
+    ] }, `${a}-${n}`)) })
   ] });
 }
-function li() {
+function si() {
   return /* @__PURE__ */ e("div", { "aria-label": "Clay color swatches", className: "game-ui-swatch-grid", children: Object.entries(N).map(([a, t]) => /* @__PURE__ */ o("figure", { className: "game-ui-swatch", children: [
     /* @__PURE__ */ e("span", { style: { background: t } }),
     /* @__PURE__ */ o("figcaption", { children: [
@@ -2416,7 +2457,7 @@ function li() {
     ] })
   ] }, a)) });
 }
-function oi() {
+function ri() {
   const { type: a } = R();
   return /* @__PURE__ */ o("div", { className: "game-ui-type-scale", children: [
     /* @__PURE__ */ e("p", { className: "game-ui-type-kicker", children: a.kicker }),
@@ -2426,7 +2467,7 @@ function oi() {
     /* @__PURE__ */ e("small", { children: a.small })
   ] });
 }
-function si() {
+function ci() {
   const { buttons: a } = R();
   return /* @__PURE__ */ o(B, { title: a.panelTitle, tone: "strong", children: [
     /* @__PURE__ */ o("div", { className: "game-ui-component-row", children: [
@@ -2438,17 +2479,17 @@ function si() {
       /* @__PURE__ */ e(C, { disabled: !0, variant: "secondary", children: a.waiting })
     ] }),
     /* @__PURE__ */ o("div", { className: "game-ui-component-row", children: [
-      /* @__PURE__ */ e(ma, { label: a.settingsTip, children: /* @__PURE__ */ e(O, { label: a.settingsTip, children: /* @__PURE__ */ e(L, { icon: "settings", size: "sm" }) }) }),
+      /* @__PURE__ */ e(ga, { label: a.settingsTip, children: /* @__PURE__ */ e(O, { label: a.settingsTip, children: /* @__PURE__ */ e(L, { icon: "settings", size: "sm" }) }) }),
       /* @__PURE__ */ e(O, { label: a.copyInvite, children: /* @__PURE__ */ e(L, { icon: "copy", size: "sm" }) }),
       /* @__PURE__ */ e(S, { tone: "ai", children: a.aiBadge }),
       /* @__PURE__ */ e(S, { tone: "success", children: a.readyBadge }),
       /* @__PURE__ */ e(S, { tone: "warning", children: a.hostGateBadge })
     ] }),
     /* @__PURE__ */ e(Pe, { activeId: "live", label: a.segmentedLabel, options: [{ id: "daily", label: a.segDaily }, { id: "live", label: a.segLive }, { id: "tokens", label: a.segTokens }] }),
-    /* @__PURE__ */ e(ua, { activeId: "portal", tabs: [{ id: "portal", label: a.tabsPortal }, { id: "vote", label: a.tabsVote }, { id: "history", label: a.tabsHistory }] }),
-    /* @__PURE__ */ e(ha, { items: [{ id: "wave", label: a.wave }, { id: "think", label: a.think }, { id: "doubt", label: a.doubt }], label: a.radialLabel }),
-    /* @__PURE__ */ e(ga, { label: a.sliderLabel, max: 100, min: 0, value: 68 }),
-    /* @__PURE__ */ e(pa, { checked: !0, label: a.toggleLabel })
+    /* @__PURE__ */ e(pa, { activeId: "portal", tabs: [{ id: "portal", label: a.tabsPortal }, { id: "vote", label: a.tabsVote }, { id: "history", label: a.tabsHistory }] }),
+    /* @__PURE__ */ e(va, { items: [{ id: "wave", label: a.wave }, { id: "think", label: a.think }, { id: "doubt", label: a.doubt }], label: a.radialLabel }),
+    /* @__PURE__ */ e(ha, { label: a.sliderLabel, max: 100, min: 0, value: 68 }),
+    /* @__PURE__ */ e(ba, { checked: !0, label: a.toggleLabel })
   ] });
 }
 function ie() {
@@ -2485,10 +2526,10 @@ function ie() {
     ] })
   ] });
 }
-function ri() {
+function di() {
   const { modals: a } = R();
   return /* @__PURE__ */ o("div", { className: "game-ui-preview-two-up", children: [
-    /* @__PURE__ */ o(ca, { title: a.dialogTitle, children: [
+    /* @__PURE__ */ o(ma, { title: a.dialogTitle, children: [
       /* @__PURE__ */ e("p", { children: a.dialogBody }),
       /* @__PURE__ */ o(K, { label: a.actionsLabel, children: [
         /* @__PURE__ */ e(C, { variant: "primary", children: a.confirm }),
@@ -2503,17 +2544,17 @@ function ri() {
     ] })
   ] });
 }
-function ci() {
+function mi() {
   const { cards: a } = R();
   return /* @__PURE__ */ o("div", { className: "game-ui-preview-two-up", children: [
-    /* @__PURE__ */ e(B, { title: a.fanTitle, tone: "strong", children: /* @__PURE__ */ e(Na, { label: a.fanLabel, cards: [{ id: "human", icon: "home", kicker: a.human, title: "Mika" }, { id: "ai", icon: "ai", kicker: a.ai, title: "River" }, { id: "sympathizer", icon: "crown", kicker: a.sympathizer, title: "Noa" }] }) }),
+    /* @__PURE__ */ e(B, { title: a.fanTitle, tone: "strong", children: /* @__PURE__ */ e(Sa, { label: a.fanLabel, cards: [{ id: "human", icon: "home", kicker: a.human, title: "Mika" }, { id: "ai", icon: "ai", kicker: a.ai, title: "River" }, { id: "sympathizer", icon: "crown", kicker: a.sympathizer, title: "Noa" }] }) }),
     /* @__PURE__ */ o(B, { title: a.assetTitle, tone: "strong", children: [
       /* @__PURE__ */ e("p", { className: "game-ui-small-copy", children: a.assetNote }),
       /* @__PURE__ */ o("div", { className: "game-ui-asset-path-grid", children: [
-        /* @__PURE__ */ e("code", { children: V.catalog.manifest }),
-        /* @__PURE__ */ e("code", { children: V.catalog.sourceCatalog }),
-        /* @__PURE__ */ e("code", { children: V.buttons.primary }),
-        /* @__PURE__ */ e("code", { children: V.icons.trophy })
+        /* @__PURE__ */ e("code", { children: H.catalog.manifest }),
+        /* @__PURE__ */ e("code", { children: H.catalog.sourceCatalog }),
+        /* @__PURE__ */ e("code", { children: H.buttons.primary }),
+        /* @__PURE__ */ e("code", { children: H.icons.trophy })
       ] })
     ] })
   ] });
@@ -2536,7 +2577,7 @@ const Ae = [
   { id: "foundation", label: "Foundation", icon: "home", items: [{ id: "floor-2x2", label: "2x2 floor", status: "selected" }] },
   { id: "wall", label: "Walls", icon: "card", items: [{ id: "wall-solid", label: "Solid wall", status: "ready" }] }
 ];
-function di() {
+function ui() {
   return /* @__PURE__ */ o("div", { className: "game-ui-preview-two-up", children: [
     /* @__PURE__ */ e(
       Te,
@@ -2633,7 +2674,7 @@ const Re = [
     validationWarnings: [{ id: "collision", label: "Collision risk", description: "Fence crosses an existing chair placement.", tone: "warning" }]
   }
 ];
-function mi() {
+function gi() {
   return /* @__PURE__ */ o("div", { className: "game-ui-preview-two-up", children: [
     /* @__PURE__ */ e(
       Ce,
@@ -2659,7 +2700,7 @@ function mi() {
     )
   ] });
 }
-function ui() {
+function pi() {
   return /* @__PURE__ */ e(
     He,
     {
@@ -2675,7 +2716,7 @@ function ui() {
           ]
         }
       ),
-      movementPad: /* @__PURE__ */ e(Ea, { helpText: "WASD or arrows", label: "Move avatar" }),
+      movementPad: /* @__PURE__ */ e(Ma, { helpText: "WASD or arrows", label: "Move avatar" }),
       assetLibrary: /* @__PURE__ */ e(
         De,
         {
@@ -2707,7 +2748,7 @@ function ui() {
     }
   );
 }
-const gi = [
+const hi = [
   {
     id: "starter",
     label: "Starter pieces",
@@ -2719,7 +2760,7 @@ const gi = [
     ]
   }
 ];
-function pi() {
+function bi() {
   return /* @__PURE__ */ e("div", { className: "game-ui-asset-compression-repro", "aria-label": "Asset card compression repro", children: [
     { id: "comfortable", label: "Comfortable library", width: "320px" },
     { id: "narrow", label: "Narrow library", width: "156px" },
@@ -2730,7 +2771,7 @@ function pi() {
       De,
       {
         density: "dense",
-        groups: gi,
+        groups: hi,
         label: `${a.label} assets`,
         selectedAssetId: "asset-repro-chair",
         title: "Build"
@@ -2738,7 +2779,7 @@ function pi() {
     )
   ] }, a.id)) });
 }
-function hi() {
+function vi() {
   const { firstSession: a } = R(), t = {
     controls: a.controls,
     emote: a.emote,
@@ -2763,12 +2804,12 @@ function hi() {
     wardrobe: a.wardrobe
   };
   return /* @__PURE__ */ o("div", { className: "game-ui-first-session-preview", children: [
-    /* @__PURE__ */ e("div", { className: "game-ui-first-session-world", children: /* @__PURE__ */ e(La, { authenticated: !0, batteryCount: 5, dailyStreak: 3, labels: t, onHistory: () => {
+    /* @__PURE__ */ e("div", { className: "game-ui-first-session-world", children: /* @__PURE__ */ e(Ca, { authenticated: !0, batteryCount: 5, dailyStreak: 3, labels: t, onHistory: () => {
     }, onSettings: () => {
     }, onWardrobe: () => {
     }, playerName: a.playerName }) }),
     /* @__PURE__ */ e("div", { className: "game-ui-first-session-modal-slot", children: /* @__PURE__ */ e(
-      Ta,
+      Aa,
       {
         open: !0,
         onDismiss: () => {
@@ -2789,7 +2830,7 @@ function hi() {
     ) })
   ] });
 }
-function bi() {
+function fi() {
   const { responsive: a } = R();
   return /* @__PURE__ */ o("div", { className: "game-ui-proof-frames", children: [
     /* @__PURE__ */ o("article", { className: "game-ui-proof-frame is-desktop", children: [
@@ -2808,24 +2849,24 @@ function bi() {
     ] })
   ] });
 }
-function vi() {
+function yi() {
   const { forms: a } = R();
   return /* @__PURE__ */ o("div", { className: "game-ui-preview-two-up", children: [
     /* @__PURE__ */ o(B, { title: a.formsTitle, tone: "strong", children: [
-      /* @__PURE__ */ e(H, { hint: a.roomCodeHint, label: a.roomCodeLabel, children: /* @__PURE__ */ e(Le, { placeholder: a.roomCodePlaceholder }) }),
-      /* @__PURE__ */ e(H, { label: a.nameLabel, required: !0, children: /* @__PURE__ */ e(Le, { placeholder: a.namePlaceholder }) }),
-      /* @__PURE__ */ e(H, { error: a.readError, label: a.readLabel, children: /* @__PURE__ */ e(Ca, { invalid: !0, placeholder: a.readPlaceholder }) }),
-      /* @__PURE__ */ e(Aa, { defaultChecked: !0, label: a.rememberLabel })
+      /* @__PURE__ */ e(D, { hint: a.roomCodeHint, label: a.roomCodeLabel, children: /* @__PURE__ */ e(Le, { placeholder: a.roomCodePlaceholder }) }),
+      /* @__PURE__ */ e(D, { label: a.nameLabel, required: !0, children: /* @__PURE__ */ e(Le, { placeholder: a.namePlaceholder }) }),
+      /* @__PURE__ */ e(D, { error: a.readError, label: a.readLabel, children: /* @__PURE__ */ e(Ba, { invalid: !0, placeholder: a.readPlaceholder }) }),
+      /* @__PURE__ */ e(xa, { defaultChecked: !0, label: a.rememberLabel })
     ] }),
     /* @__PURE__ */ o(B, { title: a.displayTitle, tone: "strong", children: [
       /* @__PURE__ */ o("div", { className: "game-ui-component-row", children: [
-        /* @__PURE__ */ e($, { name: "Mika Ono", status: "online" }),
-        /* @__PURE__ */ e($, { name: "River", size: "lg", status: "busy" }),
-        /* @__PURE__ */ e($, { name: "Noa", status: "away" }),
-        /* @__PURE__ */ e($, { name: a.guestName, size: "sm" })
+        /* @__PURE__ */ e(j, { name: "Mika Ono", status: "online" }),
+        /* @__PURE__ */ e(j, { name: "River", size: "lg", status: "busy" }),
+        /* @__PURE__ */ e(j, { name: "Noa", status: "away" }),
+        /* @__PURE__ */ e(j, { name: a.guestName, size: "sm" })
       ] }),
-      /* @__PURE__ */ e(D, { label: a.revealLabel, showValue: !0, value: 64 }),
-      /* @__PURE__ */ e(D, { label: a.batteryLabel, max: 20, showValue: !0, tone: "success", value: 14 }),
+      /* @__PURE__ */ e(U, { label: a.revealLabel, showValue: !0, value: 64 }),
+      /* @__PURE__ */ e(U, { label: a.batteryLabel, max: 20, showValue: !0, tone: "success", value: 14 }),
       /* @__PURE__ */ e(
         P,
         {
@@ -2838,20 +2879,20 @@ function vi() {
     ] })
   ] });
 }
-const fi = pe.filter((a) => _e(a).includes("game")), yi = pe.filter((a) => _e(a).includes("line"));
+const wi = pe.filter((a) => _e(a).includes("game")), Ni = pe.filter((a) => _e(a).includes("line"));
 function Me({ names: a, style: t }) {
   return /* @__PURE__ */ e("div", { className: "game-ui-icon-grid", children: a.map((i) => /* @__PURE__ */ o("figure", { className: "game-ui-icon-cell", children: [
     /* @__PURE__ */ e(L, { icon: i, size: "lg", style: t }),
     /* @__PURE__ */ e("figcaption", { children: i })
   ] }, `${t}-${i}`)) });
 }
-function wi() {
-  return /* @__PURE__ */ e("div", { className: "game-ui-icon-grid", children: va.map((a) => /* @__PURE__ */ o("figure", { className: "game-ui-icon-cell", children: [
+function ki() {
+  return /* @__PURE__ */ e("div", { className: "game-ui-icon-grid", children: ya.map((a) => /* @__PURE__ */ o("figure", { className: "game-ui-icon-cell", children: [
     /* @__PURE__ */ e("span", { className: "game-ui-asset-icon", "data-icon-size": "lg", "data-icon-style": "game", "aria-hidden": !0, children: /* @__PURE__ */ e("img", { alt: "", src: ze[a] }) }),
     /* @__PURE__ */ e("figcaption", { children: a })
   ] }, `sprite-${a}`)) });
 }
-function Ni() {
+function Si() {
   const { gallery: a } = R();
   return /* @__PURE__ */ o("div", { className: "game-ui-icon-gallery", children: [
     /* @__PURE__ */ o("section", { className: "game-ui-icon-family", children: [
@@ -2859,104 +2900,104 @@ function Ni() {
         /* @__PURE__ */ e(S, { tone: "success", children: a.gameLabel }),
         /* @__PURE__ */ e("p", { className: "game-ui-small-copy", children: a.gameHint })
       ] }),
-      /* @__PURE__ */ e(Me, { names: fi, style: "game" })
+      /* @__PURE__ */ e(Me, { names: wi, style: "game" })
     ] }),
     /* @__PURE__ */ o("section", { className: "game-ui-icon-family", children: [
       /* @__PURE__ */ o("header", { className: "game-ui-icon-family-head", children: [
         /* @__PURE__ */ e(S, { children: a.lineLabel }),
         /* @__PURE__ */ e("p", { className: "game-ui-small-copy", children: a.lineHint })
       ] }),
-      /* @__PURE__ */ e(Me, { names: yi, style: "line" })
+      /* @__PURE__ */ e(Me, { names: Ni, style: "line" })
     ] }),
     /* @__PURE__ */ o("section", { className: "game-ui-icon-family", children: [
       /* @__PURE__ */ o("header", { className: "game-ui-icon-family-head", children: [
         /* @__PURE__ */ e(S, { tone: "warning", children: a.spriteLabel }),
         /* @__PURE__ */ e("p", { className: "game-ui-small-copy", children: a.spriteHint })
       ] }),
-      /* @__PURE__ */ e(wi, {})
+      /* @__PURE__ */ e(ki, {})
     ] })
   ] });
 }
-function _i({ title: a, body: t }) {
-  const [i, l] = M("en"), n = Qe[i], s = a && i === "en" ? a : n.heroTitle, r = t && i === "en" ? t : n.heroBody;
+function Hi({ title: a, body: t }) {
+  const [i, n] = M("en"), l = Qe[i], s = a && i === "en" ? a : l.heroTitle, d = t && i === "en" ? t : l.heroBody;
   return te(() => (document.documentElement.dataset.gameUiPreview = "clay", () => {
     delete document.documentElement.dataset.gameUiPreview;
-  }), []), /* @__PURE__ */ e(ea.Provider, { value: n, children: /* @__PURE__ */ o("main", { "aria-label": "Swimmer UI Kit clay preview", className: "game-ui-preview game-ui-clay-preview", children: [
+  }), []), /* @__PURE__ */ e(ea.Provider, { value: l, children: /* @__PURE__ */ o("main", { "aria-label": "Swimmer UI Kit clay preview", className: "game-ui-preview game-ui-clay-preview", children: [
     /* @__PURE__ */ o("header", { className: "game-ui-preview-hero", children: [
       /* @__PURE__ */ e(S, { tone: "ai", children: "@pieai/swimmer-ui-kit" }),
       /* @__PURE__ */ e(
-        Sa,
+        Ta,
         {
-          currentLabel: n.triggerLabel,
-          label: n.langMenuLabel,
-          onSelect: (d) => l(d),
+          currentLabel: l.triggerLabel,
+          label: l.langMenuLabel,
+          onSelect: (r) => n(r),
           options: [{ id: "en", label: "English", meta: "DOM UI labels" }, { id: "zh-CN", label: "简体中文", meta: "Host app owned copy" }],
           value: i
         }
       ),
       /* @__PURE__ */ e("h1", { children: s }),
-      /* @__PURE__ */ e("p", { children: r })
+      /* @__PURE__ */ e("p", { children: d })
     ] }),
     /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-token-title", className: "game-ui-preview-section", children: [
-      /* @__PURE__ */ e("h2", { id: "game-ui-preview-token-title", children: n.sections.tokens }),
-      /* @__PURE__ */ e(li, {}),
-      /* @__PURE__ */ e("div", { className: "game-ui-token-ledger", children: ti.map((d) => /* @__PURE__ */ e(ni, { id: d.id, label: n.tokenGroups[d.id] ?? d.id, tokens: d.tokens }, d.id)) })
+      /* @__PURE__ */ e("h2", { id: "game-ui-preview-token-title", children: l.sections.tokens }),
+      /* @__PURE__ */ e(si, {}),
+      /* @__PURE__ */ e("div", { className: "game-ui-token-ledger", children: li.map((r) => /* @__PURE__ */ e(oi, { id: r.id, label: l.tokenGroups[r.id] ?? r.id, tokens: r.tokens }, r.id)) })
     ] }),
     /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-icons-title", className: "game-ui-preview-section", children: [
-      /* @__PURE__ */ e("h2", { id: "game-ui-preview-icons-title", children: n.sections.icons }),
-      /* @__PURE__ */ e("p", { className: "game-ui-small-copy", children: n.iconsIntro }),
-      /* @__PURE__ */ e(Ni, {})
+      /* @__PURE__ */ e("h2", { id: "game-ui-preview-icons-title", children: l.sections.icons }),
+      /* @__PURE__ */ e("p", { className: "game-ui-small-copy", children: l.iconsIntro }),
+      /* @__PURE__ */ e(Si, {})
     ] }),
     /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-type-title", className: "game-ui-preview-section", children: [
-      /* @__PURE__ */ e("h2", { id: "game-ui-preview-type-title", children: n.sections.typography }),
-      /* @__PURE__ */ e(oi, {})
+      /* @__PURE__ */ e("h2", { id: "game-ui-preview-type-title", children: l.sections.typography }),
+      /* @__PURE__ */ e(ri, {})
     ] }),
     /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-components-title", className: "game-ui-preview-section", children: [
-      /* @__PURE__ */ e("h2", { id: "game-ui-preview-components-title", children: n.sections.components }),
-      /* @__PURE__ */ e(si, {}),
-      /* @__PURE__ */ e(ie, {}),
-      /* @__PURE__ */ e(ri, {}),
+      /* @__PURE__ */ e("h2", { id: "game-ui-preview-components-title", children: l.sections.components }),
       /* @__PURE__ */ e(ci, {}),
-      /* @__PURE__ */ e(da, { entries: n.history, label: n.historyLabel })
+      /* @__PURE__ */ e(ie, {}),
+      /* @__PURE__ */ e(di, {}),
+      /* @__PURE__ */ e(mi, {}),
+      /* @__PURE__ */ e(ua, { entries: l.history, label: l.historyLabel })
     ] }),
     /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-forms-title", className: "game-ui-preview-section", children: [
-      /* @__PURE__ */ e("h2", { id: "game-ui-preview-forms-title", children: n.sections.forms }),
-      /* @__PURE__ */ e(vi, {})
+      /* @__PURE__ */ e("h2", { id: "game-ui-preview-forms-title", children: l.sections.forms }),
+      /* @__PURE__ */ e(yi, {})
     ] }),
     /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-ownmyspace-title", className: "game-ui-preview-section", children: [
       /* @__PURE__ */ e("h2", { id: "game-ui-preview-ownmyspace-title", children: "OwnMySpace game surface pack" }),
-      /* @__PURE__ */ e(ui, {})
+      /* @__PURE__ */ e(pi, {})
     ] }),
     /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-terrain-build-title", className: "game-ui-preview-section", children: [
       /* @__PURE__ */ e("h2", { id: "game-ui-preview-terrain-build-title", children: "Terrain/build tooling" }),
       /* @__PURE__ */ e("p", { className: "game-ui-small-copy", children: "Official terrain controls cover mode, brush, material, undo/redo, build library, status, progress, and compact mobile drawer surfaces." }),
-      /* @__PURE__ */ e(di, {})
+      /* @__PURE__ */ e(ui, {})
     ] }),
     /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-contractor-title", className: "game-ui-preview-section", children: [
       /* @__PURE__ */ e("h2", { id: "game-ui-preview-contractor-title", children: "AI contractor / construction robot UI" }),
       /* @__PURE__ */ e("p", { className: "game-ui-small-copy", children: "Official construction surfaces cover job queue states, before/after review, robot crew status, validation warnings, approval actions, and local-only provider badges." }),
-      /* @__PURE__ */ e(mi, {})
+      /* @__PURE__ */ e(gi, {})
     ] }),
     /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-asset-compression-title", className: "game-ui-preview-section", children: [
       /* @__PURE__ */ e("h2", { id: "game-ui-preview-asset-compression-title", children: "Asset card compression proof" }),
       /* @__PURE__ */ e("p", { className: "game-ui-small-copy", children: "Official asset cards must stay visually complete when a game shell uses dense, narrow, or rail-style inventory slots." }),
-      /* @__PURE__ */ e(pi, {})
+      /* @__PURE__ */ e(bi, {})
     ] }),
     /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-first-session-title", className: "game-ui-preview-section", children: [
-      /* @__PURE__ */ e("h2", { id: "game-ui-preview-first-session-title", children: n.sections.firstSession }),
-      /* @__PURE__ */ e(hi, {})
+      /* @__PURE__ */ e("h2", { id: "game-ui-preview-first-session-title", children: l.sections.firstSession }),
+      /* @__PURE__ */ e(vi, {})
     ] }),
     /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-orientation-title", className: "game-ui-preview-section", children: [
-      /* @__PURE__ */ e("h2", { id: "game-ui-preview-orientation-title", children: n.sections.orientation }),
-      /* @__PURE__ */ e(ka, { badgeLabel: n.orientation.badge, body: n.orientation.body, cta: n.orientation.cta, manualHint: n.orientation.hint, preview: !0, title: n.orientation.title })
+      /* @__PURE__ */ e("h2", { id: "game-ui-preview-orientation-title", children: l.sections.orientation }),
+      /* @__PURE__ */ e(La, { badgeLabel: l.orientation.badge, body: l.orientation.body, cta: l.orientation.cta, manualHint: l.orientation.hint, preview: !0, title: l.orientation.title })
     ] }),
     /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-responsive-title", className: "game-ui-preview-section", children: [
-      /* @__PURE__ */ e("h2", { id: "game-ui-preview-responsive-title", children: n.sections.responsive }),
-      /* @__PURE__ */ e(bi, {})
+      /* @__PURE__ */ e("h2", { id: "game-ui-preview-responsive-title", children: l.sections.responsive }),
+      /* @__PURE__ */ e(fi, {})
     ] })
   ] }) });
 }
-const zi = {
+const Di = {
   ...ne,
   ...le,
   ...oe,
@@ -2965,15 +3006,41 @@ const zi = {
   ...ce,
   ...de,
   ...ue
-}, Vi = me;
+}, Ui = me, $i = [
+  "--game-ui-bg",
+  "--game-ui-surface",
+  "--game-ui-surface-raised",
+  "--game-ui-panel",
+  "--game-ui-panel-strong",
+  "--game-ui-panel-deep",
+  "--game-ui-text",
+  "--game-ui-text-muted",
+  "--game-ui-accent",
+  "--game-ui-accent-bright",
+  "--game-ui-secondary",
+  "--game-ui-success",
+  "--game-ui-success-bright",
+  "--game-ui-danger",
+  "--game-ui-danger-bright",
+  "--game-ui-warning",
+  "--game-ui-focus-ring",
+  "--game-ui-border-subtle",
+  "--game-ui-border-strong",
+  "--game-ui-disabled",
+  "--game-ui-ink-deep",
+  "--game-ui-border-ink",
+  "--game-ui-wood",
+  "--game-ui-ink-title",
+  "--game-ui-ink-heading"
+];
 export {
-  V as CLAY_ASSETS,
-  ba as CLAY_ASSET_BASE_PATH,
+  H as CLAY_ASSETS,
+  fa as CLAY_ASSET_BASE_PATH,
   ue as CLAY_ASSET_SIZE_TOKENS,
   N as CLAY_COLOR_TOKENS,
   re as CLAY_ELEVATION_TOKENS,
   ze as CLAY_GAME_SPRITES,
-  va as CLAY_GAME_SPRITE_NAMES,
+  ya as CLAY_GAME_SPRITE_NAMES,
   pe as CLAY_ICON_NAMES,
   ge as CLAY_ICON_VARIANTS,
   de as CLAY_LAYER_TOKENS,
@@ -2983,76 +3050,78 @@ export {
   oe as CLAY_SPACE_TOKENS,
   me as CLAY_TARGET_TOKENS,
   le as CLAY_TYPE_TOKENS,
-  Ci as CLAY_UI_TOKENS,
-  La as FirstSessionHud,
-  Ta as FirstSessionOnboarding,
-  ai as GAME_UI_PREVIEW_MESSAGES,
-  Vi as GAME_UI_TARGETS,
-  zi as GAME_UI_TOKENS,
-  U as GameActionGrid,
-  Ma as GameAssetCard,
+  xi as CLAY_UI_TOKENS,
+  Ca as FirstSessionHud,
+  Aa as FirstSessionOnboarding,
+  ti as GAME_UI_PREVIEW_MESSAGES,
+  Ui as GAME_UI_TARGETS,
+  $i as GAME_UI_THEME_CONTRACT,
+  Di as GAME_UI_TOKENS,
+  $ as GameActionGrid,
+  Oa as GameAssetCard,
   L as GameAssetIcon,
   De as GameAssetLibrary,
-  $ as GameAvatar,
+  j as GameAvatar,
   S as GameBadge,
   Xe as GameBeforeAfterToggle,
-  Va as GameBrushControls,
-  Ua as GameBuildLibrary,
+  Da as GameBrushControls,
+  ja as GameBuildLibrary,
   C as GameButton,
-  Na as GameCardFan,
-  Aa as GameCheckbox,
-  Gi as GameCollapsiblePanel,
+  Ai as GameCallout,
+  Sa as GameCardFan,
+  xa as GameCheckbox,
+  _i as GameCollapsiblePanel,
   $e as GameCompactGameDrawer,
-  Xa as GameCompactJobDrawer,
+  ei as GameCompactJobDrawer,
   Je as GameConstructionApprovalBar,
   ae as GameConstructionJobCard,
   qe as GameConstructionProgress,
   Ce as GameContractorPanel,
-  ca as GameDialog,
+  ma as GameDialog,
   P as GameEmptyState,
   ve as GameFactList,
-  H as GameField,
-  da as GameHistoryPanel,
+  D as GameField,
+  ua as GameHistoryPanel,
   Ve as GameHud,
   K as GameHudActions,
   O as GameIconButton,
   Le as GameInput,
-  Sa as GameLanguageMenu,
+  Ta as GameLanguageMenu,
   Se as GameLoadingState,
-  Ha as GameMaterialSwatches,
-  Pi as GameModal,
-  Ea as GameMovementPad,
-  Mi as GameObjectToolbar,
-  ka as GameOrientationGate,
+  Ua as GameMaterialSwatches,
+  Vi as GameModal,
+  Ma as GameMovementPad,
+  Pi as GameObjectToolbar,
+  La as GameOrientationGate,
   B as GamePanel,
   Ue as GamePlacementToolbar,
-  D as GameProgress,
-  Ti as GamePrompt,
-  ha as GameRadialMenu,
+  U as GameProgress,
+  Bi as GamePrompt,
+  va as GameRadialMenu,
   Ze as GameRobotCrewStatus,
-  Ei as GameSceneHudLayout,
+  Gi as GameSceneHudLayout,
   Pe as GameSegmentedControl,
   He as GameShell,
-  ga as GameSlider,
+  ha as GameSlider,
   q as GameStageTile,
-  Ri as GameStatList,
-  ua as GameTabs,
+  Oi as GameStatList,
+  pa as GameTabs,
   Te as GameTerrainBuildToolbox,
-  _a as GameTerrainModeControl,
-  za as GameTerrainToolStrip,
-  Ca as GameTextArea,
+  Va as GameTerrainModeControl,
+  Ha as GameTerrainToolStrip,
+  Ba as GameTextArea,
   ke as GameToast,
-  pa as GameToggle,
-  ma as GameTooltip,
-  _i as GameUiPreview,
-  Da as GameUndoRedoActions,
-  Oi as GameWindowPanel,
-  Bi as getClayAssetMode,
-  Ii as getClayCatalogPaths,
+  ba as GameToggle,
+  ga as GameTooltip,
+  Hi as GameUiPreview,
+  $a as GameUndoRedoActions,
+  zi as GameWindowPanel,
+  Ei as getClayAssetMode,
+  Mi as getClayCatalogPaths,
   Z as getClayIconPath,
   _e as getClayIconStyles,
-  xi as getClaySourceAssetPath,
-  ra as playGameInteractionSound,
-  sa as playGameInteractionSoundForContext,
-  Ai as setClayAssetMode
+  Ri as getClaySourceAssetPath,
+  da as playGameInteractionSound,
+  ca as playGameInteractionSoundForContext,
+  Ii as setClayAssetMode
 };