@minicode-dev/chat 0.0.0-stage → 0.1.0

package/dist/chunks/BattleshipGameCard-CW_A8Nim.js

@@ -0,0 +1,958 @@
+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 { 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";
+// src/games/battleship/sound/battleshipSounds.js
+var C = "ocean_ambient_loop", w = n({
+	id: "battleship",
+	baseUrl: () => l("battleship_audio_pack/assets"),
+	settingsFrom: s,
+	sounds: Object.fromEntries([
+		"cannon_fire",
+		"projectile_flyby",
+		"water_splash",
+		"ship_hit",
+		"ship_heavy_hit",
+		"ship_sinking",
+		"sonar_ping",
+		"cruiser_damage_alarm",
+		"ship_place",
+		"ship_rotate",
+		"ui_click",
+		"victory",
+		"defeat",
+		C
+	].map((e) => [e, `${e}.ogg`])),
+	levels: {
+		cannon_fire: .7,
+		projectile_flyby: .3,
+		water_splash: .9,
+		ship_hit: .9,
+		ship_heavy_hit: 1,
+		ship_sinking: .4,
+		sonar_ping: .35,
+		cruiser_damage_alarm: .3,
+		ship_place: .4,
+		ship_rotate: .4,
+		ui_click: .3,
+		victory: .55,
+		defeat: .4,
+		[C]: .22
+	}
+}), ge = () => typeof document < "u" && document.hidden;
+function T(e) {
+	ge() || w.play(e);
+}
+function _e(e, t, n) {
+	e.forEach(({ name: e, at: r }) => {
+		let i = () => {
+			ge() || w.play(e, { key: t(e) });
+		};
+		if (r <= 0) {
+			i();
+			return;
+		}
+		let a = setTimeout(() => {
+			n.delete(a), i();
+		}, r);
+		n.add(a);
+	});
+}
+var E = 0, D = () => {
+	E > 0 && !ge() ? w.startLoop(C) : w.stopLoop(C);
+};
+function ve() {
+	E += 1, E === 1 && document.addEventListener("visibilitychange", D), D();
+	let e = !1;
+	return () => {
+		e || (e = !0, --E, E === 0 && document.removeEventListener("visibilitychange", D), D());
+	};
+}
+// src/games/battleship/sound/cues.js
+var ye = "cruiser", be = (e, t) => e.row === t.row && e.col === t.col, O = (e, t, n) => e.cells.filter((e) => t?.[e.row]?.[e.col] === "hit" && !(n && be(e, n))).length;
+function xe(e, t, n) {
+	if (n?.result !== "hit") return !1;
+	let r = (e || []).find((e) => e.id === ye);
+	if (!r?.cells?.some((e) => be(e, n))) return !1;
+	let i = O(r, t, n), a = O(r, t);
+	return i < 2 && a >= 2;
+}
+function Se({ incoming: e }) {
+	return e ? [{
+		name: "projectile_flyby",
+		at: 0
+	}] : [{
+		name: "cannon_fire",
+		at: 0
+	}, {
+		name: "projectile_flyby",
+		at: 180
+	}];
+}
+function Ce({ result: e, sunk: t, defeated: n, won: r, cruiserAlarm: i }) {
+	let a = e === "hit" ? t ? [{
+		name: "ship_heavy_hit",
+		at: 0
+	}, {
+		name: "ship_sinking",
+		at: 350
+	}] : [{
+		name: "ship_hit",
+		at: 0
+	}] : [{
+		name: "water_splash",
+		at: 0
+	}];
+	return i && a.push({
+		name: "cruiser_damage_alarm",
+		at: 500
+	}), n && a.push({
+		name: r ? "victory" : "defeat",
+		at: t ? 1600 : 600
+	}), a;
+}
+// src/games/battleship/BattleshipGameCard.jsx
+var k = "ABCDEFGHIJ", we = {
+	carrier: "portaaviones",
+	battleship: "acorazado",
+	cruiser: "crucero",
+	submarine: "submarino",
+	destroyer: "destructor"
+}, Te = [
+	"placement",
+	"active",
+	"won",
+	"conflict",
+	"closed"
+], Ee = 400, De = Array.from({ length: 10 }, () => Array(10).fill(null)), A = (e) => e ? `${k[e.row]}${e.col + 1}` : "—", Oe = (e, t) => !!(e && t && e.row === t.row && e.col === t.col), j = (e) => !!e && Number.isInteger(e.row) && Number.isInteger(e.col) && e.row >= 0 && e.row < 10 && e.col >= 0 && e.col < 10, ke = (e) => we[e] || "barco", Ae = (e, t) => e?.[t.row]?.[t.col] ?? null, je = (e, t) => e.find((e) => e.cells?.some((e) => Oe(e, t))), Me = (e) => e.charAt(0).toUpperCase() + e.slice(1), Ne = () => typeof window < "u" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, M = (t, ...n) => Promise.resolve().then(() => e.getState()[t]?.(...n)).catch(() => {});
+function Pe(e) {
+	let t = d();
+	for (let n of e || []) {
+		let e = n.cells?.[0];
+		if (!e) continue;
+		let r = f(t, {
+			shipId: n.id,
+			row: e.row,
+			col: e.col,
+			orientation: n.orientation
+		});
+		r.ok && (t = r.board);
+	}
+	return t;
+}
+function Fe(e, t, n) {
+	return Array.from({ length: t }, (t, r) => ({
+		row: e.row + (n === "vertical" ? r : 0),
+		col: e.col + (n === "horizontal" ? r : 0)
+	})).filter(j);
+}
+function Ie(e) {
+	let t = 0, n = 0;
+	for (let r of e || []) for (let e of r || []) e && (t += 1), e === "hit" && (n += 1);
+	return {
+		total: t,
+		hits: n
+	};
+}
+function Le({ sync: e, connected: t, onResync: n, onAdoptOffer: r }) {
+	return e?.status === "requesting" ? /* @__PURE__ */ b("div", {
+		className: "chat-game-sync",
+		role: "status",
+		children: "Sincronizando partida…"
+	}) : /* @__PURE__ */ x("div", {
+		className: "chat-game-sync",
+		role: "alert",
+		children: [
+			e?.message && /* @__PURE__ */ b("span", { children: e.message }),
+			e?.status === "incompatible" && e.offer && /* @__PURE__ */ b("button", {
+				type: "button",
+				className: "chat-game-action chat-game-action--primary",
+				disabled: !t,
+				onClick: r,
+				children: "Usar estado del anfitrión"
+			}),
+			/* @__PURE__ */ b("button", {
+				type: "button",
+				className: "chat-game-action",
+				disabled: !t,
+				onClick: n,
+				children: "Reintentar sincronización"
+			})
+		]
+	});
+}
+function Re({ game: e }) {
+	let t = c(e);
+	return t ? /* @__PURE__ */ x("span", {
+		className: `bs-badge bs-badge--${e.verification}`,
+		children: [
+			e.verification === "ok" && /* @__PURE__ */ b(S, {
+				size: 12,
+				"aria-hidden": "true"
+			}),
+			e.verification === "mismatch" && /* @__PURE__ */ b(pe, {
+				size: 12,
+				"aria-hidden": "true"
+			}),
+			t
+		]
+	}) : null;
+}
+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", {
+		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", {
+			role: "row",
+			className: "bs-grid__row",
+			children: Array.from({ length: 10 }, (s, l) => {
+				let u = `${c}-${l}`, d = a.get(u), f = e.shots?.[c]?.[l], p = [
+					"bs-grid__cell",
+					d && "is-ship",
+					d?.sunk && "is-sunk",
+					f && `is-${f}`,
+					o.has(u) && (e.preview.valid ? "is-preview" : "is-invalid"),
+					Oe(t, {
+						row: c,
+						col: l
+					}) && "is-selected",
+					Oe(n, {
+						row: c,
+						col: l
+					}) && "is-cursor"
+				].filter(Boolean).join(" ");
+				return /* @__PURE__ */ b("button", {
+					type: "button",
+					role: "gridcell",
+					tabIndex: -1,
+					className: p,
+					disabled: !e.interactive,
+					"aria-label": `${k[c]}${l + 1}${f === "hit" ? ", impacto" : f === "miss" ? ", agua" : ""}${d ? ", barco" : ""}`,
+					onMouseEnter: () => i({
+						row: c,
+						col: l
+					}),
+					onClick: () => r({
+						row: c,
+						col: l
+					})
+				}, u);
+			})
+		}, c))
+	});
+}
+function N({ game: e, currentUserId: t, status: n }) {
+	let { total: i, hits: a } = Ie(e.targetShots), o = e.sunkEnemyShips?.length || 0, s = [
+		"active",
+		"won",
+		"closed",
+		"conflict"
+	].includes(e.status) && i > 0, c = e.status === "won" && r(t, e.winnerId);
+	return /* @__PURE__ */ x("section", {
+		className: "chat-game-card chat-game-card--history bs-card bs-card--history",
+		"aria-label": "Partida de Batalla Naval",
+		children: [
+			/* @__PURE__ */ b("header", {
+				className: "chat-game-header",
+				children: /* @__PURE__ */ x("div", {
+					className: "chat-game-heading",
+					children: [/* @__PURE__ */ b("span", {
+						className: "chat-game-eyebrow",
+						children: "MINIJUEGOS · 2 JUGADORES"
+					}), /* @__PURE__ */ x("h3", { children: ["Batalla Naval ", /* @__PURE__ */ b(re, {
+						size: 13,
+						"aria-hidden": "true",
+						className: "bs-title-icon"
+					})] })]
+				})
+			}),
+			/* @__PURE__ */ b("p", {
+				className: `chat-game-status${c ? " bs-status--win" : ""}`,
+				children: n
+			}),
+			s && /* @__PURE__ */ x("p", {
+				className: "bs-history-stats",
+				children: [
+					"Disparos ",
+					i,
+					" · Impactos ",
+					a,
+					" · Hundidos ",
+					o,
+					"/",
+					p.length
+				]
+			}),
+			/* @__PURE__ */ b(Re, { game: e })
+		]
+	});
+}
+function P({ gameKey: n, currentUserId: r, variant: i = "panel", onMinimize: a, onDismiss: s }) {
+	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, {
+		game: c,
+		currentUserId: r,
+		status: u
+	}) : /* @__PURE__ */ b(Be, {
+		game: c,
+		gameKey: n,
+		currentUserId: r,
+		connected: l,
+		status: u,
+		variant: i,
+		onMinimize: a,
+		onDismiss: s
+	});
+}
+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({
+		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) => ({
+		...e,
+		sunk: !!e.cells?.length && e.cells.every((e) => Ae(G, e) === "hit")
+	})), [W, G]), lt = _(() => (e.sunkEnemyShips || []).filter((e) => e?.cells?.length).map((e) => ({
+		...e,
+		size: e.size ?? e.cells.length,
+		sunk: !0
+	})), [e.sunkEnemyShips]), { total: ut, hits: dt } = _(() => Ie(K), [K]), ft = _(() => {
+		let e = [];
+		return K.forEach((t, n) => t?.forEach((t, r) => {
+			t === "hit" && e.push({
+				row: n,
+				col: r
+			});
+		})), e;
+	}, [K]), Y = z ? "own" : we, X = P || F, pt = _(() => {
+		if (!V || !J || !X) return null;
+		let e = u(ot, {
+			shipId: J.id,
+			row: X.row,
+			col: X.col,
+			orientation: L
+		});
+		return {
+			cells: e.ok ? e.ship.cells : Fe(X, J.size, L),
+			valid: e.ok
+		};
+	}, [
+		V,
+		J,
+		X,
+		ot,
+		L
+	]), mt = h((e, t) => {
+		if (e === "target") {
+			let e = t ? K.map((e, n) => e.map((e, r) => n === t.row && r === t.col ? null : e)) : K;
+			return {
+				mode: "target",
+				ships: t ? lt.map((e) => je([e], t) ? {
+					...e,
+					sunk: !1
+				} : e) : lt,
+				shots: e,
+				preview: null,
+				interactive: B
+			};
+		}
+		let n = t ? G.map((e, n) => e.map((e, r) => n === t.row && r === t.col ? null : e)) : G;
+		return {
+			mode: "own",
+			ships: t ? ct.map((e) => je([e], t) ? {
+				...e,
+				sunk: !1
+			} : e) : ct,
+			shots: n,
+			preview: z ? pt : null,
+			interactive: V
+		};
+	}, [
+		K,
+		lt,
+		G,
+		ct,
+		z,
+		pt,
+		B,
+		V
+	]), ht = _(() => mt(Y), [mt, Y]), Z = h((e, t = "info") => Qe({
+		text: e,
+		kind: t,
+		id: Date.now()
+	}), []), gt = h((e = I) => {
+		B && j(e) && (Ae(K, e) ? Z(`Ya disparaste en ${A(e)}`) : (He(null), m.current?.selectCell?.(null), T("ui_click"), M("bsFire", t, {
+			row: e.row,
+			col: e.col
+		})));
+	}, [
+		B,
+		I,
+		K,
+		t,
+		Z
+	]), _t = h((e) => {
+		if (!V || !j(e)) return;
+		let n = je(W, e);
+		if (n) {
+			Ge(n.id), n.orientation && Ue(n.orientation), T("ui_click"), M("bsRemoveShip", t, n.id);
+			return;
+		}
+		if (!J) return;
+		let r = u(ot, {
+			shipId: J.id,
+			row: e.row,
+			col: e.col,
+			orientation: L
+		});
+		r.ok ? (Ge(null), T("ship_place"), M("bsPlaceShip", t, {
+			shipId: J.id,
+			row: e.row,
+			col: e.col,
+			orientation: L
+		})) : Z(r.reason === "overlap" ? "Se superpone con otro barco" : "No cabe en esa posición", "miss");
+	}, [
+		V,
+		W,
+		J,
+		ot,
+		L,
+		t,
+		Z
+	]), vt = h((e) => {
+		if (!j(e)) return;
+		if (Ve(e), z) {
+			_t(e);
+			return;
+		}
+		if (Y !== "target" || !B) return;
+		let t = Date.now(), n = ge.current;
+		ge.current = {
+			cell: e,
+			time: t
+		}, Oe(n.cell, e) && t - n.time < Ee ? gt(e) : Ae(K, e) ? Z(`Ya disparaste en ${A(e)}`) : (He(e), m.current?.selectCell?.(e));
+	}, [
+		z,
+		_t,
+		Y,
+		B,
+		gt,
+		K,
+		Z
+	]);
+	E.current = {
+		selectCell: vt,
+		setHovered: Be
+	}, g(() => {
+		let e = f.current;
+		if (!H || !e) return;
+		if (!ee()) {
+			k("fallback");
+			return;
+		}
+		let t = !1, n = null;
+		return k("loading"), import("./createBattleScene-HIAvjixn.js").then(({ createBattleScene: r }) => {
+			t || (n = r(e, {
+				quality: "auto",
+				reducedMotion: Ne(),
+				onCellHover: (e) => {
+					t || E.current.setHovered(j(e) ? {
+						row: e.row,
+						col: e.col
+					} : null);
+				},
+				onCellSelect: (e) => {
+					t || E.current.selectCell(j(e) ? {
+						row: e.row,
+						col: e.col
+					} : null);
+				}
+			}), m.current = n, k("ready"));
+		}).catch((e) => {
+			t || (console.error("[battleship] No se pudo iniciar la escena", e), k("fallback"));
+		}), () => {
+			t = !0, m.current = null;
+			try {
+				n?.dispose();
+			} catch (e) {
+				console.error("[battleship] Error al liberar la escena", e);
+			}
+		};
+	}, [H]), g(() => {
+		w.preload();
+		let e = D.current;
+		return () => {
+			e.forEach(clearTimeout), e.clear();
+		};
+	}, []);
+	let yt = H && !nt;
+	g(() => yt ? ve() : void 0, [yt]), g(() => {
+		let t = ye.current;
+		ye.current = e.status, t === "placement" && e.status === "active" && _e([{
+			name: "sonar_ping",
+			at: 0
+		}], () => `${e.gameId}:start`, D.current);
+	}, [e.status, e.gameId]);
+	let Q = e.lastShot;
+	g(() => {
+		if (!U && O !== "fallback") return;
+		let t = Q?.eventId ?? null;
+		if (C.current === void 0) {
+			C.current = t;
+			return;
+		}
+		if (!t || t === C.current) return;
+		C.current = t;
+		let i = !r(Q.by, n), a = {
+			row: Q.row,
+			col: Q.col
+		}, o = A(a), s = typeof Q.sunk == "string" ? Q.sunk : Q.sunk ? je(i ? W : e.sunkEnemyShips || [], a)?.id : null, c = i ? Q.sunk ? `Te hundieron el ${ke(s)}` : Q.result === "hit" ? `El rival impactó en ${o}` : `El rival falló: agua en ${o}` : Q.sunk ? `¡Hundiste el ${ke(s)}!` : Q.result === "hit" ? `¡Impacto en ${o}!` : `Agua en ${o}`, l = Q.result === "hit" ? "hit" : "miss", u = i ? "own" : "target", d = i && xe(W, e.incomingShots, Q), f = Ce({
+			result: Q.result,
+			sunk: !!Q.sunk,
+			defeated: !!Q.defeated,
+			won: !i,
+			cruiserAlarm: d
+		}), p = (n) => n === "cruiser_damage_alarm" ? `${e.gameId}:cruiser` : n === "victory" || n === "defeat" ? `${e.gameId}:end` : t, ee = D.current;
+		N(u);
+		let h = m.current;
+		if (!h?.playShot) {
+			_e(f, p, ee), Z(c, l);
+			return;
+		}
+		_e(Se({ incoming: i }), p, ee), S.current = !0, Xe(!0);
+		let g = !1;
+		try {
+			h.setView(mt(u, a));
+		} catch {}
+		let te = Ne() ? 0 : 600;
+		return Promise.resolve(h.playShot({
+			row: a.row,
+			col: a.col,
+			result: Q.result,
+			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 = !0, S.current = !1, Xe(!1);
+		};
+	}, [
+		U,
+		O,
+		Q?.eventId
+	]), g(() => {
+		Ye || e.status !== "active" || N(it ? "target" : "own");
+	}, [
+		it,
+		e.status,
+		Ye
+	]), g(() => {
+		B || He(null);
+	}, [B]), g(() => {
+		if (U && !S.current) try {
+			m.current?.setView(ht);
+		} catch (e) {
+			console.error("[battleship] setView", e);
+		}
+	}, [
+		U,
+		ht,
+		Ye
+	]), g(() => {
+		U && m.current?.selectCell?.(Y === "target" ? I : null);
+	}, [
+		U,
+		I,
+		Y
+	]), g(() => {
+		if (!U) return;
+		let e = m.current;
+		e?.setRadarVisible?.(Ke && Y === "target"), e?.setRadarContacts?.(ft);
+	}, [
+		U,
+		Ke,
+		Y,
+		ft
+	]);
+	let bt = () => {
+		T("ship_rotate"), Ue((e) => e === "horizontal" ? "vertical" : "horizontal");
+	}, xt = () => {
+		st && V && (T("ui_click"), M("bsReady", t));
+	}, $ = (e) => (...t) => {
+		T("ui_click"), e(...t);
+	}, St = () => {
+		T(Ke ? "ui_click" : "sonar_ping"), qe((e) => !e);
+	}, Ct = (e) => {
+		if (e.target !== e.currentTarget || e.altKey || e.ctrlKey || e.metaKey) return;
+		let t = {
+			ArrowUp: [-1, 0],
+			ArrowDown: [1, 0],
+			ArrowLeft: [0, -1],
+			ArrowRight: [0, 1]
+		};
+		if (t[e.key]) {
+			e.preventDefault();
+			let [n, r] = t[e.key], i = (Y === "target" ? I : null) || F || P, a = i ? {
+				row: Math.min(9, Math.max(0, i.row + n)),
+				col: Math.min(9, Math.max(0, i.col + r))
+			} : {
+				row: 0,
+				col: 0
+			};
+			Ve(a), Be(null), Y === "target" && B && (He(a), m.current?.selectCell?.(a));
+		} 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", {
+		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", {
+				className: "chat-game-header",
+				children: [
+					/* @__PURE__ */ x("div", {
+						className: "chat-game-heading",
+						children: [/* @__PURE__ */ b("span", {
+							className: "chat-game-eyebrow",
+							children: "MINIJUEGOS · 2 JUGADORES"
+						}), /* @__PURE__ */ x("h3", { children: ["Batalla Naval ", /* @__PURE__ */ b(re, {
+							size: 13,
+							"aria-hidden": "true",
+							className: "bs-title-icon"
+						})] })]
+					}),
+					c === "panel" && /* @__PURE__ */ b(i, { manager: w }),
+					H && /* @__PURE__ */ b("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, {
+							size: 15,
+							"aria-hidden": "true"
+						})
+					}),
+					l && /* @__PURE__ */ b("button", {
+						className: "chat-game-close",
+						type: "button",
+						"aria-label": "Minimizar tablero",
+						title: "Minimizar tablero",
+						onClick: () => {
+							Je(!1), l();
+						},
+						children: /* @__PURE__ */ b(ae, {
+							size: 16,
+							"aria-hidden": "true"
+						})
+					}),
+					tt && !nt && /* @__PURE__ */ b("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, {
+							size: 16,
+							"aria-hidden": "true"
+						})
+					}),
+					d && /* @__PURE__ */ b("button", {
+						className: "chat-game-close",
+						type: "button",
+						"aria-label": "Cerrar tablero y volver al chat",
+						title: "Cerrar tablero",
+						onClick: d,
+						children: /* @__PURE__ */ b(he, {
+							size: 16,
+							"aria-hidden": "true"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "bs-statusline",
+				children: [/* @__PURE__ */ b("p", {
+					className: `chat-game-status${Et ? " bs-status--win" : ""}`,
+					role: "status",
+					children: Dt
+				}), Tt]
+			}),
+			e.status === "invited" && /* @__PURE__ */ x("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", {
+					className: "chat-game-actions",
+					children: [/* @__PURE__ */ b("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", {
+						type: "button",
+						className: "chat-game-action",
+						disabled: at,
+						onClick: $(() => void M("act", t, "game_decline")),
+						children: "Rechazar"
+					})]
+				})]
+			}),
+			H && /* @__PURE__ */ x(ne, { children: [
+				rt && /* @__PURE__ */ x("div", {
+					className: "bs-hud",
+					role: "toolbar",
+					"aria-label": "Vista del tablero",
+					children: [/* @__PURE__ */ x("div", {
+						className: "bs-segment",
+						children: [/* @__PURE__ */ x("button", {
+							type: "button",
+							"aria-pressed": we === "target",
+							onClick: $(() => N("target")),
+							children: [/* @__PURE__ */ b(oe, {
+								size: 14,
+								"aria-hidden": "true"
+							}), "Objetivo"]
+						}), /* @__PURE__ */ x("button", {
+							type: "button",
+							"aria-pressed": we === "own",
+							onClick: $(() => N("own")),
+							children: [/* @__PURE__ */ b(re, {
+								size: 14,
+								"aria-hidden": "true"
+							}), "Mi flota"]
+						})]
+					}), /* @__PURE__ */ x("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: [
+								Ot,
+								"/",
+								p.length
+							] })] })
+						]
+					})]
+				}),
+				/* @__PURE__ */ x("div", {
+					className: "bs-stage-wrap",
+					children: [
+						/* @__PURE__ */ b("div", {
+							ref: f,
+							className: `bs-stage${O === "fallback" ? " bs-stage--fallback" : ""}`,
+							tabIndex: 0,
+							role: "application",
+							"aria-label": z ? "Tablero 3D de tu flota. Flechas para mover, Enter para colocar o quitar un barco, R para rotar." : "Tablero 3D de Batalla Naval. Flechas para mover la selección, Enter para disparar, R para centrar la cámara.",
+							"aria-describedby": be,
+							"aria-busy": O === "loading",
+							onKeyDown: Ct,
+							children: O === "fallback" && /* @__PURE__ */ b(ze, {
+								view: ht,
+								selected: Y === "target" ? I : null,
+								cursor: F,
+								onSelect: vt,
+								onHover: Be
+							})
+						}),
+						O === "loading" && /* @__PURE__ */ x("div", {
+							className: "bs-stage-state",
+							role: "status",
+							children: [/* @__PURE__ */ b(me, {
+								size: 16,
+								"aria-hidden": "true"
+							}), " Preparando el océano…"]
+						}),
+						O === "fallback" && /* @__PURE__ */ x("p", {
+							className: "bs-fallback-note",
+							children: [/* @__PURE__ */ b(pe, {
+								size: 12,
+								"aria-hidden": "true"
+							}), " Vista 3D no disponible · modo 2D"]
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "bs-cell-chip",
+							"aria-hidden": "true",
+							children: A(z ? X : Y === "target" && I || P)
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "bs-live",
+							"aria-live": "polite",
+							"aria-atomic": "true",
+							children: Ze && /* @__PURE__ */ b("span", {
+								className: `bs-toast bs-toast--${Ze.kind}`,
+								children: Ze.text
+							}, Ze.id)
+						})
+					]
+				}),
+				/* @__PURE__ */ b("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", {
+					className: "bs-placement",
+					children: [
+						/* @__PURE__ */ b("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", {
+									type: "button",
+									className: `bs-ship${n ? " is-placed" : ""}${r ? " is-active" : ""}`,
+									"aria-pressed": r,
+									disabled: !V,
+									title: n ? "Quitar y volver a colocar" : "Seleccionar barco",
+									onClick: $(() => {
+										n && M("bsRemoveShip", t, e.id), Ge(e.id);
+									}),
+									children: [
+										/* @__PURE__ */ b("span", {
+											className: "bs-ship__name",
+											children: Me(ke(e.id))
+										}),
+										/* @__PURE__ */ b("span", {
+											className: "bs-ship__pips",
+											"aria-label": `${e.size} casillas`,
+											children: Array.from({ length: e.size }, (e, t) => /* @__PURE__ */ b("i", {}, t))
+										}),
+										n && /* @__PURE__ */ b(ie, {
+											size: 13,
+											"aria-label": "colocado"
+										})
+									]
+								}) }, e.id);
+							})
+						}),
+						/* @__PURE__ */ x("div", {
+							className: "chat-game-actions bs-actions",
+							children: [
+								/* @__PURE__ */ x("button", {
+									type: "button",
+									className: "chat-game-action bs-btn",
+									disabled: !V,
+									onClick: bt,
+									title: "Rotar (R)",
+									children: [/* @__PURE__ */ b(de, {
+										size: 15,
+										"aria-hidden": "true"
+									}), L === "horizontal" ? "Horizontal" : "Vertical"]
+								}),
+								/* @__PURE__ */ x("button", {
+									type: "button",
+									className: "chat-game-action bs-btn",
+									disabled: !V,
+									onClick: () => {
+										T("ship_place"), M("bsRandomFleet", t);
+									},
+									children: [/* @__PURE__ */ b(fe, {
+										size: 15,
+										"aria-hidden": "true"
+									}), "Aleatorio"]
+								}),
+								/* @__PURE__ */ x("button", {
+									type: "button",
+									className: "chat-game-action chat-game-action--primary bs-btn",
+									disabled: !V || !st,
+									onClick: xt,
+									children: [/* @__PURE__ */ b(ie, {
+										size: 15,
+										"aria-hidden": "true"
+									}), e.myReady ? "Flota lista" : `Listo (${q.size}/${p.length})`]
+								})
+							]
+						}),
+						e.myReady && /* @__PURE__ */ b("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", {
+					className: "chat-game-actions bs-actions",
+					children: [
+						/* @__PURE__ */ x("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, {
+									size: 15,
+									"aria-hidden": "true"
+								}),
+								"Disparar",
+								I ? ` · ${A(I)}` : ""
+							]
+						}),
+						/* @__PURE__ */ x("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, {
+								size: 15,
+								"aria-hidden": "true"
+							}), "Radar"]
+						}),
+						/* @__PURE__ */ x("button", {
+							type: "button",
+							className: "chat-game-action bs-btn",
+							disabled: !U,
+							onClick: $(() => m.current?.resetCamera?.()),
+							title: "Centrar cámara (R)",
+							children: [/* @__PURE__ */ b(se, {
+								size: 15,
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ b("span", {
+								className: "bs-btn-label",
+								children: "Centrar"
+							})]
+						})
+					]
+				})
+			] }),
+			e.status === "conflict" && tt && /* @__PURE__ */ b(Le, {
+				sync: e.sync,
+				connected: o,
+				onResync: () => void M("requestResync", t),
+				onAdoptOffer: () => void M("adoptResyncOffer", t)
+			}),
+			e.error && /* @__PURE__ */ x("div", {
+				className: "chat-game-error",
+				role: "alert",
+				children: [/* @__PURE__ */ b("span", { children: e.error }), e.pendingEvent && /* @__PURE__ */ b("button", {
+					type: "button",
+					className: "chat-game-action",
+					disabled: !o || e.pending,
+					onClick: () => void M("retry", t),
+					children: "Reintentar"
+				})]
+			}),
+			/* @__PURE__ */ b("footer", {
+				className: "chat-game-footer",
+				children: nt ? "Puedes seguir conversando o invitar a otra partida." : "Hunde los 5 barcos rivales. El chat sigue disponible."
+			})
+		]
+	});
+}
+var F = m(P);
+export { F as default };
+
+//# sourceMappingURL=BattleshipGameCard-CW_A8Nim.js.map