Fix "Có bản mới" reload loop + cache-bust v6 + lối vào hang & áo đỏ MU

frontend/index.html

@@ -93,6 +93,6 @@
   <body>
     <div id="root"></div>
     <!-- Bundle: app.bundle.js tự chứa toàn bộ (react, three, zustand) -->
-    <script src="/static/app.bundle.js?v=5"></script>
+    <script src="/static/app.bundle.js?v=6"></script>
   </body>
-</html>
+</html>

patch_app.mjs

@@ -1,9 +1,9 @@
 /* Patch app.js + cave3d.js tại build-time.
    app.js: thêm nút Kéo co + Giữ bóng (challenge sheet),
-           ErrorBoundary + window.onerror/unhandledrejection → POST /api/log.
-   cave3d.js: OutdoorScene — sân ngoài cửa hang (trời, đất, lối đi, đá, cây, ánh sáng ngày).
-   Tọa độ: tunnel kết thúc ~z=73.5 → outdoor bắt đầu z>76 để không che cửa hang.
-   Ánh sáng ngày chiếu từ phía sân (z=140) về phía hang để mặt tiền được rọi sáng.
+           ErrorBoundary + window.onerror/unhandledrejection → POST /api/log,
+           FIX UpdateNotice "Có bản mới": lần check đầu = baseline version đang chạy;
+           chỉ báo "Có bản mới" khi version.json thực sự đổi — hết tự reload liên tục.
+   cave3d.js: OutdoorScene (sân ngoài cửa hang) + LỐI VÀO sáng rõ + ÁO ĐỎ MU #7 trưng bày.
    Chạy TRƯỚC esbuild trong Dockerfile build stage.
    Nếu pattern không khớp -> exit(1) để build fail (không ship bản thiếu). */
 import fs from 'node:fs'
@@ -113,32 +113,103 @@ createRoot(document.getElementById('root')).render(
     </CaveErrorBoundary>
   </React.StrictMode>
 )` ],
+  /* ---- FIX "Có bản mới" tự tải lại liên tục ----
+     Cũ: `window.__hangmuVersion = null` mỗi lần mount → `id !== null`
+     LUÔN đúng → cứ 15s reload, kể cả khi không có bản mới.
+     Mới: lần check đầu = baseline (version đang chạy), chỉ báo "Có bản mới"
+     khi version.json thay đổi THẬT SỰ sau đó. */
+  [ `        if (alive && id && id !== window.__hangmuVersion) setState({ available: true, seconds: 15, busy: false })`,
+    `        if (!alive || !id) return
+        if (baseline === null) { baseline = id; return }
+        if (id !== baseline) setState({ available: true, seconds: 15, busy: false })` ],
+  [ `    window.__hangmuVersion = null`,
+    `    let baseline = null` ],
 ])
 
 /* ================= cave3d.js ================= */
 patchFile('frontend/cave3d.js', [
+  /* CaveScene: thêm JerseyDisplay + OutdoorScene */
   [ `      <Entrance />
       <hemisphereLight args={[0xe8c090, 0x7a6152, 1.5]} />`,
-    `      <Entrance />
+    `      <JerseyDisplay />
+      <Entrance />
       <OutdoorScene />
       <hemisphereLight args={[0xe8c090, 0x7a6152, 1.5]} />` ],
+  /* LỐI VÀO HANG: thay tấm chặn mờ bằng vành đá sáng + vòm đá quanh cửa */
   [ `      <mesh position={[0, 3, 17.5]}>
         <planeGeometry args={[14, 10]} />
         <meshBasicMaterial color="#f4e7cf" side={THREE.DoubleSide} fog={false} />
       </mesh>`,
     `      <mesh position={[0, 3.2, 17.6]}>
         <ringGeometry args={[6.3, 7.5, 30]} />
-        <meshBasicMaterial color="#0b0705" side={THREE.DoubleSide} fog={false} />
-      </mesh>` ],
+        <meshLambertMaterial color="#6b5540" side={THREE.DoubleSide} fog={false} />
+      </mesh>
+      <mesh position={[0, 3.3, 17.3]}>
+        <torusGeometry args={[6.9, 0.72, 8, 26, Math.PI]} />
+        <meshLambertMaterial color="#8a6f55" flatShading side={THREE.DoubleSide} fog={false} />
+      </mesh>
+      <pointLight position={[0, 10, 15.5]} color="#ffe9c8" intensity={45} distance={30} decay={1.2} fog={false} />` ],
+  /* ÁO ĐỎ MU TRƯNG BÀY — jersey #7 trong khung gỗ cạnh màn hình lớn */
+  [ `export function CaveScene() {`,
+    `/* =========================================================================
+   ÁO ĐỎ MU TRƯNG BÀY — jersey #7 trong khung gỗ cạnh màn hình lớn
+   ========================================================================= */
+function _jerseyTex() {
+  if (typeof document === 'undefined') return null
+  const c = document.createElement('canvas'); c.width = 512; c.height = 640
+  const g = c.getContext('2d')
+  g.fillStyle = '#17120d'; g.fillRect(0, 0, 512, 640)
+  g.fillStyle = '#241b12'; g.fillRect(26, 26, 460, 588)
+  g.fillStyle = '#c8102e'
+  g.beginPath(); g.moveTo(138, 168); g.lineTo(374, 168); g.lineTo(374, 468); g.lineTo(138, 468); g.closePath(); g.fill()
+  g.beginPath(); g.moveTo(138, 168); g.lineTo(50, 118); g.lineTo(86, 332); g.lineTo(138, 298); g.closePath(); g.fill()
+  g.beginPath(); g.moveTo(374, 168); g.lineTo(462, 118); g.lineTo(426, 332); g.lineTo(374, 298); g.closePath(); g.fill()
+  g.fillStyle = '#7c0d20'
+  g.beginPath(); g.arc(256, 172, 36, 0, Math.PI * 2); g.fill()
+  g.fillStyle = '#ffffff'
+  g.font = '800 200px Georgia, serif'; g.textAlign = 'center'; g.textBaseline = 'middle'
+  g.fillText('7', 256, 368)
+  g.fillStyle = '#ffe9c0'; g.font = '700 40px Georgia, serif'
+  g.fillText('MANCHESTER UNITED', 256, 548)
+  const t = new THREE.CanvasTexture(c)
+  t.colorSpace = THREE.SRGBColorSpace
+  t.anisotropy = 16
+  return t
+}
+function JerseyDisplay() {
+  const [tex, setTex] = React.useState(null)
+  React.useEffect(() => {
+    let alive = true
+    const t = _jerseyTex()
+    if (alive && t) setTex(t)
+    return () => { alive = false }
+  }, [])
+  return (
+    <group position={[15.5, 0, -41]} rotation={[0, -0.42, 0]}>
+      <mesh position={[0, 0.425, -0.12]}>
+        <boxGeometry args={[0.55, 0.85, 0.55]} />
+        <meshLambertMaterial color="#3d2a1a" flatShading />
+      </mesh>
+      <mesh position={[0, 2.15, -0.1]}>
+        <boxGeometry args={[2.7, 3.55, 0.16]} />
+        <meshLambertMaterial color="#5a3b22" flatShading />
+      </mesh>
+      {tex && (
+        <mesh position={[0, 2.18, 0.04]}>
+          <planeGeometry args={[2.35, 2.94]} />
+          <meshBasicMaterial map={tex} transparent fog={false} toneMapped={false} />
+        </mesh>
+      )}
+    </group>
+  )
+}
+export function CaveScene() {` ],
+  /* OutdoorScene — sân ngoài cửa hang */
   [ `export { floorHeight, domeHeight }`,
     `export { floorHeight, domeHeight }
 
 /* =========================================================================
-   OUTDOOR SCENE — sân ngoài cửa hang (+z), nhìn qua lối vào:
-   trời + đất + lối đi + đá tảng + cây + ánh sáng ban ngày
-   Tunnel kết thúc ~z=73.5 → mọi vật outdoor nằm z>76 để không che cửa hang.
-   Mặt trời (directionalLight) đặt phía sân z=140 → chiếu về phía hang,
-   rọi sáng mặt tiền của đá/cây khi nhìn từ trong hang ra.
+   OUTDOOR SCENE — sân ngoài cửa hang (+z), nhìn qua lối vào
    ========================================================================= */
 function _makeSkyTex() {
   if (typeof document === 'undefined') return null
@@ -262,4 +333,4 @@ function OutdoorScene() {
     </group>
   )
 }` ],
-])
+])