@minicode-dev/chat 0.1.4 → 0.1.6

package/README.md

@@ -230,6 +230,7 @@ const config = {
     enabled: true,
     autoPlay: true,
     sound: true,
+    backgroundSound: true,
     volume: 0.35,
     cooldownMs: 5000,
     maxAgeMs: 10000,
@@ -247,7 +248,10 @@ alongside the versioned payload. Set `effects: false` to disable the feature.
 Audio requires browser permission to play after a user gesture and respects the chat's
 mute control. Effects stop when closed or when leaving the conversation; motion reduction
 uses a static alternative. History, duplicates and reconnection baselines do not trigger
-automatic playback. Automatic effects require a visible conversation in a visible tab. Same-origin
+automatic playback. Automatic animations require a visible conversation in a visible tab.
+With `backgroundSound` (default `true`), an effect nobody is watching — hidden tab, closed
+chat window or another conversation — still plays its sound, like new-message sounds; returning
+to that conversation within `maxAgeMs` replays it with its animation. Same-origin
 tab deduplication is best effort. Receiving clients use a cooldown and ignore stale events.
 The server should enforce its own authorization and rate limits; browser controls alone
 cannot prevent abusive clients.
@@ -286,7 +290,7 @@ excluded from npm. Source generators are in `demo/audio-lab/`; see
 
 New incoming effects automatically animate in the visible conversation by default;
 manual replay is still available. The default cooldown is 5 seconds. Window focus is
-not required, but hidden tabs and old messages do not replay effects. A new permitted
+not required; hidden tabs only play the sound (see `backgroundSound`) and old messages do not replay effects. A new permitted
 effect can replace the animation currently playing. Confetti fills the panel with
 220 colored particles and scales to its height. Reduced-motion preferences remain respected.
 Browsers can still block sound before the recipient interacts with the site; the visual

package/dist/chunks/{BattleshipGameCard-CW_A8Nim.js → BattleshipGameCard-S-UdM6rn.js}

@@ -1,9 +1,9 @@
-import { S as e, _ as t, a as n, m as r, o as i, p as a, s as o, t as s, u as c, v as l } from "./connect4Sounds-Do3nvVFx.js";
+import { S as e, _ as t, a as n, m as r, o as i, p as a, s as o, t as s, u as c, v as l } from "./connect4Sounds-9u0p-dAf.js";
 import { l as u, n as d, s as f, t as p } from "./battleship-DXKuIZ1I.js";
 import { t as ee } from "./webglSupport-2WjPEPZ_.js";
 import { memo as m, useCallback as h, useEffect as g, useId as te, useMemo as _, useRef as v, useState as y } from "react";
-import { Fragment as ne, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { Anchor as re, Check as ie, ChevronDown as ae, Crosshair as oe, LocateFixed as se, Maximize2 as ce, Minimize2 as le, Radar as ue, RotateCw as de, ShieldCheck as S, Shuffle as fe, TriangleAlert as pe, Waves as me, X as he } from "lucide-react";
+import { Anchor as ne, Check as re, ChevronDown as ie, Crosshair as ae, LocateFixed as oe, Maximize2 as se, Minimize2 as ce, Radar as le, RotateCw as ue, ShieldCheck as b, Shuffle as de, TriangleAlert as fe, Waves as pe, X as me } from "lucide-react";
+import { Fragment as he, jsx as x, jsxs as S } from "react/jsx-runtime";
 // src/games/battleship/sound/battleshipSounds.js
 var C = "ocean_ambient_loop", w = n({
 	id: "battleship",
@@ -157,23 +157,23 @@ function Ie(e) {
 	};
 }
 function Le({ sync: e, connected: t, onResync: n, onAdoptOffer: r }) {
-	return e?.status === "requesting" ? /* @__PURE__ */ b("div", {
+	return e?.status === "requesting" ? /* @__PURE__ */ x("div", {
 		className: "chat-game-sync",
 		role: "status",
 		children: "Sincronizando partida…"
-	}) : /* @__PURE__ */ x("div", {
+	}) : /* @__PURE__ */ S("div", {
 		className: "chat-game-sync",
 		role: "alert",
 		children: [
-			e?.message && /* @__PURE__ */ b("span", { children: e.message }),
-			e?.status === "incompatible" && e.offer && /* @__PURE__ */ b("button", {
+			e?.message && /* @__PURE__ */ x("span", { children: e.message }),
+			e?.status === "incompatible" && e.offer && /* @__PURE__ */ x("button", {
 				type: "button",
 				className: "chat-game-action chat-game-action--primary",
 				disabled: !t,
 				onClick: r,
 				children: "Usar estado del anfitrión"
 			}),
-			/* @__PURE__ */ b("button", {
+			/* @__PURE__ */ x("button", {
 				type: "button",
 				className: "chat-game-action",
 				disabled: !t,
@@ -185,14 +185,14 @@ function Le({ sync: e, connected: t, onResync: n, onAdoptOffer: r }) {
 }
 function Re({ game: e }) {
 	let t = c(e);
-	return t ? /* @__PURE__ */ x("span", {
+	return t ? /* @__PURE__ */ S("span", {
 		className: `bs-badge bs-badge--${e.verification}`,
 		children: [
-			e.verification === "ok" && /* @__PURE__ */ b(S, {
+			e.verification === "ok" && /* @__PURE__ */ x(b, {
 				size: 12,
 				"aria-hidden": "true"
 			}),
-			e.verification === "mismatch" && /* @__PURE__ */ b(pe, {
+			e.verification === "mismatch" && /* @__PURE__ */ x(fe, {
 				size: 12,
 				"aria-hidden": "true"
 			}),
@@ -204,12 +204,12 @@ function ze({ view: e, selected: t, cursor: n, onSelect: r, onHover: i }) {
 	let a = /* @__PURE__ */ new Map();
 	e.ships.forEach((e) => e.cells.forEach((t) => a.set(`${t.row}-${t.col}`, e)));
 	let o = new Set((e.preview?.cells || []).map((e) => `${e.row}-${e.col}`));
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ x("div", {
 		className: "bs-grid",
 		role: "grid",
 		"aria-label": e.mode === "target" ? "Tablero objetivo" : "Mi flota",
 		onMouseLeave: () => i(null),
-		children: Array.from({ length: 10 }, (s, c) => /* @__PURE__ */ b("div", {
+		children: Array.from({ length: 10 }, (s, c) => /* @__PURE__ */ x("div", {
 			role: "row",
 			className: "bs-grid__row",
 			children: Array.from({ length: 10 }, (s, l) => {
@@ -228,7 +228,7 @@ function ze({ view: e, selected: t, cursor: n, onSelect: r, onHover: i }) {
 						col: l
 					}) && "is-cursor"
 				].filter(Boolean).join(" ");
-				return /* @__PURE__ */ b("button", {
+				return /* @__PURE__ */ x("button", {
 					type: "button",
 					role: "gridcell",
 					tabIndex: -1,
@@ -255,29 +255,29 @@ function N({ game: e, currentUserId: t, status: n }) {
 		"closed",
 		"conflict"
 	].includes(e.status) && i > 0, c = e.status === "won" && r(t, e.winnerId);
-	return /* @__PURE__ */ x("section", {
+	return /* @__PURE__ */ S("section", {
 		className: "chat-game-card chat-game-card--history bs-card bs-card--history",
 		"aria-label": "Partida de Batalla Naval",
 		children: [
-			/* @__PURE__ */ b("header", {
+			/* @__PURE__ */ x("header", {
 				className: "chat-game-header",
-				children: /* @__PURE__ */ x("div", {
+				children: /* @__PURE__ */ S("div", {
 					className: "chat-game-heading",
-					children: [/* @__PURE__ */ b("span", {
+					children: [/* @__PURE__ */ x("span", {
 						className: "chat-game-eyebrow",
 						children: "MINIJUEGOS · 2 JUGADORES"
-					}), /* @__PURE__ */ x("h3", { children: ["Batalla Naval ", /* @__PURE__ */ b(re, {
+					}), /* @__PURE__ */ S("h3", { children: ["Batalla Naval ", /* @__PURE__ */ x(ne, {
 						size: 13,
 						"aria-hidden": "true",
 						className: "bs-title-icon"
 					})] })]
 				})
 			}),
-			/* @__PURE__ */ b("p", {
+			/* @__PURE__ */ x("p", {
 				className: `chat-game-status${c ? " bs-status--win" : ""}`,
 				children: n
 			}),
-			s && /* @__PURE__ */ x("p", {
+			s && /* @__PURE__ */ S("p", {
 				className: "bs-history-stats",
 				children: [
 					"Disparos ",
@@ -290,7 +290,7 @@ function N({ game: e, currentUserId: t, status: n }) {
 					p.length
 				]
 			}),
-			/* @__PURE__ */ b(Re, { game: e })
+			/* @__PURE__ */ x(Re, { game: e })
 		]
 	});
 }
@@ -298,11 +298,11 @@ function P({ gameKey: n, currentUserId: r, variant: i = "panel", onMinimize: a,
 	let c = e((e) => e.games[n]), l = t() === "connected";
 	if (!c) return null;
 	let u = o(c, r);
-	return i === "history" ? /* @__PURE__ */ b(N, {
+	return i === "history" ? /* @__PURE__ */ x(N, {
 		game: c,
 		currentUserId: r,
 		status: u
-	}) : /* @__PURE__ */ b(Be, {
+	}) : /* @__PURE__ */ x(Be, {
 		game: c,
 		gameKey: n,
 		currentUserId: r,
@@ -314,7 +314,7 @@ function P({ gameKey: n, currentUserId: r, variant: i = "panel", onMinimize: a,
 	});
 }
 function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, variant: c, onMinimize: l, onDismiss: d }) {
-	let f = v(null), m = v(null), S = v(!1), C = v(void 0), ge = v({
+	let f = v(null), m = v(null), b = v(!1), C = v(void 0), ge = v({
 		cell: null,
 		time: 0
 	}), E = v({}), D = v(/* @__PURE__ */ new Set()), ye = v(e.status), be = te(), [O, k] = y("idle"), [we, N] = y("own"), [P, Be] = y(null), [F, Ve] = y(null), [I, He] = y(null), [L, Ue] = y("horizontal"), [We, Ge] = y(null), [Ke, qe] = y(!1), [R, Je] = y(!1), [Ye, Xe] = y(!1), [Ze, Qe] = y(null), $e = r(n, e.hostId), et = r(n, e.guestId), tt = $e || et, nt = a(e), z = e.status === "placement", rt = e.status === "active" || e.status === "won", it = e.status === "active" && r(n, e.turnId), at = !o || !!e.pending || !!e.pendingEvent, B = it && !e.pendingShot && !at && !e.error && !Ye, V = z && !e.myReady && !at, H = Te.includes(e.status) && (e.status !== "closed" || (e.myFleet?.length ?? 0) > 0), U = O === "ready", W = _(() => e.myFleet || [], [e.myFleet]), G = e.incomingShots || De, K = e.targetShots || De, ot = _(() => Pe(W), [W]), q = _(() => new Set(W.map((e) => e.id)), [W]), st = p.every((e) => q.has(e.id)), J = p.find((e) => e.id === We && !q.has(e.id)) || p.find((e) => !q.has(e.id)) || null, ct = _(() => W.map((e) => ({
@@ -527,7 +527,7 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 			_e(f, p, ee), Z(c, l);
 			return;
 		}
-		_e(Se({ incoming: i }), p, ee), S.current = !0, Xe(!0);
+		_e(Se({ incoming: i }), p, ee), b.current = !0, Xe(!0);
 		let g = !1;
 		try {
 			h.setView(mt(u, a));
@@ -540,9 +540,9 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 			sunk: !!Q.sunk,
 			incoming: i
 		})).catch(() => {}).then(() => (_e(f, p, ee), g || Z(c, l), new Promise((e) => setTimeout(e, te)))).then(() => {
-			g || (S.current = !1, Xe(!1));
+			g || (b.current = !1, Xe(!1));
 		}), () => {
-			g = !0, S.current = !1, Xe(!1);
+			g = !0, b.current = !1, Xe(!1);
 		};
 	}, [
 		U,
@@ -557,7 +557,7 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 	]), g(() => {
 		B || He(null);
 	}, [B]), g(() => {
-		if (U && !S.current) try {
+		if (U && !b.current) try {
 			m.current?.setView(ht);
 		} catch (e) {
 			console.error("[battleship] setView", e);
@@ -611,40 +611,40 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 		} else (e.key === "Enter" || e.key === " ") && (e.preventDefault(), z ? _t(F || P) : gt(I || F));
 	}, wt = (e) => {
 		e.defaultPrevented || e.altKey || e.ctrlKey || e.metaKey || /^(INPUT|TEXTAREA|SELECT)$/.test(e.target.tagName) || e.target.isContentEditable || (e.key === "r" || e.key === "R" ? (e.preventDefault(), z ? bt() : m.current?.resetCamera?.()) : e.key === "Escape" && R && (e.preventDefault(), e.stopPropagation(), Je(!1)));
-	}, Tt = /* @__PURE__ */ b(Re, { game: e }), Et = e.status === "won" && r(n, e.winnerId), Dt = !o && !nt ? "Sin conexión · esperando reconexión" : e.pending ? "Sincronizando…" : s, Ot = lt.length;
-	return /* @__PURE__ */ x("section", {
+	}, Tt = /* @__PURE__ */ x(Re, { game: e }), Et = e.status === "won" && r(n, e.winnerId), Dt = !o && !nt ? "Sin conexión · esperando reconexión" : e.pending ? "Sincronizando…" : s, Ot = lt.length;
+	return /* @__PURE__ */ S("section", {
 		className: `chat-game-card bs-card${it ? " chat-game-card--my-turn" : ""}${c ? ` chat-game-card--${c}` : ""}${R ? " bs-card--expanded" : ""}`,
 		"aria-label": "Partida de Batalla Naval",
 		onKeyDown: wt,
 		children: [
-			/* @__PURE__ */ x("header", {
+			/* @__PURE__ */ S("header", {
 				className: "chat-game-header",
 				children: [
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ S("div", {
 						className: "chat-game-heading",
-						children: [/* @__PURE__ */ b("span", {
+						children: [/* @__PURE__ */ x("span", {
 							className: "chat-game-eyebrow",
 							children: "MINIJUEGOS · 2 JUGADORES"
-						}), /* @__PURE__ */ x("h3", { children: ["Batalla Naval ", /* @__PURE__ */ b(re, {
+						}), /* @__PURE__ */ S("h3", { children: ["Batalla Naval ", /* @__PURE__ */ x(ne, {
 							size: 13,
 							"aria-hidden": "true",
 							className: "bs-title-icon"
 						})] })]
 					}),
-					c === "panel" && /* @__PURE__ */ b(i, { manager: w }),
-					H && /* @__PURE__ */ b("button", {
+					c === "panel" && /* @__PURE__ */ x(i, { manager: w }),
+					H && /* @__PURE__ */ x("button", {
 						className: "chat-game-close bs-expand",
 						type: "button",
 						"aria-pressed": R,
 						"aria-label": R ? "Reducir tablero" : "Ampliar tablero",
 						title: R ? "Reducir (Esc)" : "Ampliar",
 						onClick: $(() => Je((e) => !e)),
-						children: b(R ? le : ce, {
+						children: x(R ? ce : se, {
 							size: 15,
 							"aria-hidden": "true"
 						})
 					}),
-					l && /* @__PURE__ */ b("button", {
+					l && /* @__PURE__ */ x("button", {
 						className: "chat-game-close",
 						type: "button",
 						"aria-label": "Minimizar tablero",
@@ -652,55 +652,55 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 						onClick: () => {
 							Je(!1), l();
 						},
-						children: /* @__PURE__ */ b(ae, {
+						children: /* @__PURE__ */ x(ie, {
 							size: 16,
 							"aria-hidden": "true"
 						})
 					}),
-					tt && !nt && /* @__PURE__ */ b("button", {
+					tt && !nt && /* @__PURE__ */ x("button", {
 						className: "chat-game-close",
 						type: "button",
 						"aria-label": "Finalizar partida para ambos jugadores",
 						title: "Finalizar partida para ambos",
 						onClick: () => void M("act", t, "game_end"),
 						disabled: !o,
-						children: /* @__PURE__ */ b(he, {
+						children: /* @__PURE__ */ x(me, {
 							size: 16,
 							"aria-hidden": "true"
 						})
 					}),
-					d && /* @__PURE__ */ b("button", {
+					d && /* @__PURE__ */ x("button", {
 						className: "chat-game-close",
 						type: "button",
 						"aria-label": "Cerrar tablero y volver al chat",
 						title: "Cerrar tablero",
 						onClick: d,
-						children: /* @__PURE__ */ b(he, {
+						children: /* @__PURE__ */ x(me, {
 							size: 16,
 							"aria-hidden": "true"
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ S("div", {
 				className: "bs-statusline",
-				children: [/* @__PURE__ */ b("p", {
+				children: [/* @__PURE__ */ x("p", {
 					className: `chat-game-status${Et ? " bs-status--win" : ""}`,
 					role: "status",
 					children: Dt
 				}), Tt]
 			}),
-			e.status === "invited" && /* @__PURE__ */ x("div", {
+			e.status === "invited" && /* @__PURE__ */ S("div", {
 				className: "bs-invite",
-				children: [/* @__PURE__ */ b("p", { children: "Coloca 5 barcos en un tablero de 10×10 y hunde la flota rival por turnos." }), et && /* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ x("p", { children: "Coloca 5 barcos en un tablero de 10×10 y hunde la flota rival por turnos." }), et && /* @__PURE__ */ S("div", {
 					className: "chat-game-actions",
-					children: [/* @__PURE__ */ b("button", {
+					children: [/* @__PURE__ */ x("button", {
 						type: "button",
 						className: "chat-game-action chat-game-action--primary",
 						disabled: at,
 						onClick: $(() => void M("act", t, "game_accept")),
 						children: "Aceptar partida"
-					}), /* @__PURE__ */ b("button", {
+					}), /* @__PURE__ */ x("button", {
 						type: "button",
 						className: "chat-game-action",
 						disabled: at,
@@ -709,36 +709,36 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 					})]
 				})]
 			}),
-			H && /* @__PURE__ */ x(ne, { children: [
-				rt && /* @__PURE__ */ x("div", {
+			H && /* @__PURE__ */ S(he, { children: [
+				rt && /* @__PURE__ */ S("div", {
 					className: "bs-hud",
 					role: "toolbar",
 					"aria-label": "Vista del tablero",
-					children: [/* @__PURE__ */ x("div", {
+					children: [/* @__PURE__ */ S("div", {
 						className: "bs-segment",
-						children: [/* @__PURE__ */ x("button", {
+						children: [/* @__PURE__ */ S("button", {
 							type: "button",
 							"aria-pressed": we === "target",
 							onClick: $(() => N("target")),
-							children: [/* @__PURE__ */ b(oe, {
+							children: [/* @__PURE__ */ x(ae, {
 								size: 14,
 								"aria-hidden": "true"
 							}), "Objetivo"]
-						}), /* @__PURE__ */ x("button", {
+						}), /* @__PURE__ */ S("button", {
 							type: "button",
 							"aria-pressed": we === "own",
 							onClick: $(() => N("own")),
-							children: [/* @__PURE__ */ b(re, {
+							children: [/* @__PURE__ */ x(ne, {
 								size: 14,
 								"aria-hidden": "true"
 							}), "Mi flota"]
 						})]
-					}), /* @__PURE__ */ x("dl", {
+					}), /* @__PURE__ */ S("dl", {
 						className: "bs-stats",
 						children: [
-							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", { children: "Disparos" }), /* @__PURE__ */ b("dd", { children: ut })] }),
-							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", { children: "Impactos" }), /* @__PURE__ */ b("dd", { children: dt })] }),
-							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", { children: "Hundidos" }), /* @__PURE__ */ x("dd", { children: [
+							/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("dt", { children: "Disparos" }), /* @__PURE__ */ x("dd", { children: ut })] }),
+							/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("dt", { children: "Impactos" }), /* @__PURE__ */ x("dd", { children: dt })] }),
+							/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("dt", { children: "Hundidos" }), /* @__PURE__ */ S("dd", { children: [
 								Ot,
 								"/",
 								p.length
@@ -746,10 +746,10 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 						]
 					})]
 				}),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ S("div", {
 					className: "bs-stage-wrap",
 					children: [
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ x("div", {
 							ref: f,
 							className: `bs-stage${O === "fallback" ? " bs-stage--fallback" : ""}`,
 							tabIndex: 0,
@@ -758,7 +758,7 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 							"aria-describedby": be,
 							"aria-busy": O === "loading",
 							onKeyDown: Ct,
-							children: O === "fallback" && /* @__PURE__ */ b(ze, {
+							children: O === "fallback" && /* @__PURE__ */ x(ze, {
 								view: ht,
 								selected: Y === "target" ? I : null,
 								cursor: F,
@@ -766,51 +766,51 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 								onHover: Be
 							})
 						}),
-						O === "loading" && /* @__PURE__ */ x("div", {
+						O === "loading" && /* @__PURE__ */ S("div", {
 							className: "bs-stage-state",
 							role: "status",
-							children: [/* @__PURE__ */ b(me, {
+							children: [/* @__PURE__ */ x(pe, {
 								size: 16,
 								"aria-hidden": "true"
 							}), " Preparando el océano…"]
 						}),
-						O === "fallback" && /* @__PURE__ */ x("p", {
+						O === "fallback" && /* @__PURE__ */ S("p", {
 							className: "bs-fallback-note",
-							children: [/* @__PURE__ */ b(pe, {
+							children: [/* @__PURE__ */ x(fe, {
 								size: 12,
 								"aria-hidden": "true"
 							}), " Vista 3D no disponible · modo 2D"]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ x("div", {
 							className: "bs-cell-chip",
 							"aria-hidden": "true",
 							children: A(z ? X : Y === "target" && I || P)
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ x("div", {
 							className: "bs-live",
 							"aria-live": "polite",
 							"aria-atomic": "true",
-							children: Ze && /* @__PURE__ */ b("span", {
+							children: Ze && /* @__PURE__ */ x("span", {
 								className: `bs-toast bs-toast--${Ze.kind}`,
 								children: Ze.text
 							}, Ze.id)
 						})
 					]
 				}),
-				/* @__PURE__ */ b("p", {
+				/* @__PURE__ */ x("p", {
 					id: be,
 					className: "bs-hint",
 					children: z ? "Clic para colocar · clic en un barco para quitarlo · R para rotar" : "Arrastra para rotar · doble clic o Enter para disparar"
 				}),
-				z && /* @__PURE__ */ x("div", {
+				z && /* @__PURE__ */ S("div", {
 					className: "bs-placement",
 					children: [
-						/* @__PURE__ */ b("ul", {
+						/* @__PURE__ */ x("ul", {
 							className: "bs-fleet",
 							"aria-label": "Tu flota",
 							children: p.map((e) => {
 								let n = q.has(e.id), r = J?.id === e.id;
-								return /* @__PURE__ */ b("li", { children: /* @__PURE__ */ x("button", {
+								return /* @__PURE__ */ x("li", { children: /* @__PURE__ */ S("button", {
 									type: "button",
 									className: `bs-ship${n ? " is-placed" : ""}${r ? " is-active" : ""}`,
 									"aria-pressed": r,
@@ -820,16 +820,16 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 										n && M("bsRemoveShip", t, e.id), Ge(e.id);
 									}),
 									children: [
-										/* @__PURE__ */ b("span", {
+										/* @__PURE__ */ x("span", {
 											className: "bs-ship__name",
 											children: Me(ke(e.id))
 										}),
-										/* @__PURE__ */ b("span", {
+										/* @__PURE__ */ x("span", {
 											className: "bs-ship__pips",
 											"aria-label": `${e.size} casillas`,
-											children: Array.from({ length: e.size }, (e, t) => /* @__PURE__ */ b("i", {}, t))
+											children: Array.from({ length: e.size }, (e, t) => /* @__PURE__ */ x("i", {}, t))
 										}),
-										n && /* @__PURE__ */ b(ie, {
+										n && /* @__PURE__ */ x(re, {
 											size: 13,
 											"aria-label": "colocado"
 										})
@@ -837,61 +837,61 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 								}) }, e.id);
 							})
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							className: "chat-game-actions bs-actions",
 							children: [
-								/* @__PURE__ */ x("button", {
+								/* @__PURE__ */ S("button", {
 									type: "button",
 									className: "chat-game-action bs-btn",
 									disabled: !V,
 									onClick: bt,
 									title: "Rotar (R)",
-									children: [/* @__PURE__ */ b(de, {
+									children: [/* @__PURE__ */ x(ue, {
 										size: 15,
 										"aria-hidden": "true"
 									}), L === "horizontal" ? "Horizontal" : "Vertical"]
 								}),
-								/* @__PURE__ */ x("button", {
+								/* @__PURE__ */ S("button", {
 									type: "button",
 									className: "chat-game-action bs-btn",
 									disabled: !V,
 									onClick: () => {
 										T("ship_place"), M("bsRandomFleet", t);
 									},
-									children: [/* @__PURE__ */ b(fe, {
+									children: [/* @__PURE__ */ x(de, {
 										size: 15,
 										"aria-hidden": "true"
 									}), "Aleatorio"]
 								}),
-								/* @__PURE__ */ x("button", {
+								/* @__PURE__ */ S("button", {
 									type: "button",
 									className: "chat-game-action chat-game-action--primary bs-btn",
 									disabled: !V || !st,
 									onClick: xt,
-									children: [/* @__PURE__ */ b(ie, {
+									children: [/* @__PURE__ */ x(re, {
 										size: 15,
 										"aria-hidden": "true"
 									}), e.myReady ? "Flota lista" : `Listo (${q.size}/${p.length})`]
 								})
 							]
 						}),
-						e.myReady && /* @__PURE__ */ b("p", {
+						e.myReady && /* @__PURE__ */ x("p", {
 							className: "bs-waiting",
 							children: e.opponentReady ? "Ambas flotas listas · iniciando…" : "Flota lista. Esperando a que el rival coloque su flota…"
 						})
 					]
 				}),
-				rt && /* @__PURE__ */ x("div", {
+				rt && /* @__PURE__ */ S("div", {
 					className: "chat-game-actions bs-actions",
 					children: [
-						/* @__PURE__ */ x("button", {
+						/* @__PURE__ */ S("button", {
 							type: "button",
 							className: "chat-game-action chat-game-action--primary bs-btn bs-btn--fire",
 							disabled: !B || !I || Y !== "target",
 							onClick: () => gt(),
 							title: I ? `Disparar en ${A(I)} (Enter)` : "Selecciona una casilla",
 							children: [
-								/* @__PURE__ */ b(oe, {
+								/* @__PURE__ */ x(ae, {
 									size: 15,
 									"aria-hidden": "true"
 								}),
@@ -899,28 +899,28 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 								I ? ` · ${A(I)}` : ""
 							]
 						}),
-						/* @__PURE__ */ x("button", {
+						/* @__PURE__ */ S("button", {
 							type: "button",
 							className: "chat-game-action bs-btn",
 							"aria-pressed": Ke,
 							disabled: Y !== "target" || !U,
 							onClick: St,
 							title: "Radar de impactos",
-							children: [/* @__PURE__ */ b(ue, {
+							children: [/* @__PURE__ */ x(le, {
 								size: 15,
 								"aria-hidden": "true"
 							}), "Radar"]
 						}),
-						/* @__PURE__ */ x("button", {
+						/* @__PURE__ */ S("button", {
 							type: "button",
 							className: "chat-game-action bs-btn",
 							disabled: !U,
 							onClick: $(() => m.current?.resetCamera?.()),
 							title: "Centrar cámara (R)",
-							children: [/* @__PURE__ */ b(se, {
+							children: [/* @__PURE__ */ x(oe, {
 								size: 15,
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ b("span", {
+							}), /* @__PURE__ */ x("span", {
 								className: "bs-btn-label",
 								children: "Centrar"
 							})]
@@ -928,16 +928,16 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 					]
 				})
 			] }),
-			e.status === "conflict" && tt && /* @__PURE__ */ b(Le, {
+			e.status === "conflict" && tt && /* @__PURE__ */ x(Le, {
 				sync: e.sync,
 				connected: o,
 				onResync: () => void M("requestResync", t),
 				onAdoptOffer: () => void M("adoptResyncOffer", t)
 			}),
-			e.error && /* @__PURE__ */ x("div", {
+			e.error && /* @__PURE__ */ S("div", {
 				className: "chat-game-error",
 				role: "alert",
-				children: [/* @__PURE__ */ b("span", { children: e.error }), e.pendingEvent && /* @__PURE__ */ b("button", {
+				children: [/* @__PURE__ */ x("span", { children: e.error }), e.pendingEvent && /* @__PURE__ */ x("button", {
 					type: "button",
 					className: "chat-game-action",
 					disabled: !o || e.pending,
@@ -945,7 +945,7 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 					children: "Reintentar"
 				})]
 			}),
-			/* @__PURE__ */ b("footer", {
+			/* @__PURE__ */ x("footer", {
 				className: "chat-game-footer",
 				children: nt ? "Puedes seguir conversando o invitar a otra partida." : "Hunde los 5 barcos rivales. El chat sigue disponible."
 			})
@@ -955,4 +955,4 @@ function Be({ game: e, gameKey: t, currentUserId: n, connected: o, status: s, va
 var F = m(P);
 export { F as default };
 
-//# sourceMappingURL=BattleshipGameCard-CW_A8Nim.js.map
+//# sourceMappingURL=BattleshipGameCard-S-UdM6rn.js.map