Fix crash vao hang (R3F Gold) + day leo + bang chuyen can dung; cache-bust v8

patch_3d.mjs

@@ -200,11 +200,98 @@ function NatureGround() {
     </>
   )
 }` ],
-  /* Wire NatureGround vào HomeScene */
+  /* Dây leo quanh vòm cửa + bảng chuyên cần đứng — vines/board như gốc */
+  [ `function GroundGeom() {`,
+    `function Vines() {
+  const strands = useMemo(() => {
+    const out = []
+    const rand = mulberry(13)
+    for (let i = 0; i < 26; i++) {
+      const a = Math.PI + (i - 13) * 0.12
+      const r = 4.9
+      const x = Math.sin(a) * r * 1.15 + 1.2, z = Math.cos(a) * r - 1.5
+      const len = 1.6 + rand() * 2.2
+      out.push({ x, z, len, sway: rand() * Math.PI * 2, leaf: rand() * 5 })
+    }
+    return out
+  }, [])
+  return (
+    <group>
+      {strands.map((v, i) => (
+        <group key={i} position={[v.x, 3.4 - v.len / 2, v.z]}>
+          <mesh>
+            <cylinderGeometry args={[0.035, 0.05, v.len, 4]} />
+            <meshLambertMaterial color="#3d5a22" flatShading />
+          </mesh>
+          <mesh position={[0, -v.len / 2 + 0.1, 0]} rotation-x={0.5}>
+            <sphereGeometry args={[0.1, 5, 5]} />
+            <meshLambertMaterial color="#4c7a2e" flatShading />
+          </mesh>
+        </group>
+      ))}
+    </group>
+  )
+}
+function AttendanceBoard() {
+  const [rows, setRows] = React.useState(null)
+  React.useEffect(() => {
+    let alive = true
+    fetch('/api/attendance').then(r => r.ok ? r.json() : Promise.reject()).then(d => {
+      if (alive && d && d.rows) setRows(d.rows)
+    }).catch(() => {
+      if (!alive) return
+      const r = []
+      for (let i = 0; i < 5; i++) {
+        const row = []
+        for (let j = 0; j < 10; j++) row.push(Math.random() > 0.35 ? { name: '', number: 0 } : null)
+        r.push(row)
+      }
+      setRows(r)
+    })
+    return () => { alive = false }
+  }, [])
+  const tex = React.useMemo(() => {
+    const c = document.createElement('canvas'); c.width = 640; c.height = 320
+    const g = c.getContext('2d')
+    g.fillStyle = '#7a5f42'; g.fillRect(0, 0, 640, 320)
+    g.strokeStyle = '#4a3522'; g.lineWidth = 4; g.strokeRect(4, 4, 632, 312)
+    g.fillStyle = '#3a2a18'; g.font = '700 26px "Be Vietnam Pro", sans-serif'; g.textAlign = 'center'
+    g.fillText('CHUYÊN CẦN THÁNG NÀY', 320, 36)
+    for (let r = 0; r < 5; r++) for (let c = 0; c < 10; c++) {
+      const x = 16 + c * 61, y = 50 + r * 50
+      g.fillStyle = '#5a442c'; g.fillRect(x, y, 56, 42)
+      if (rows && rows[r] && rows[r][c]) {
+        g.fillStyle = '#c8102e'; g.fillRect(x + 3, y + 3, 50, 36)
+        g.fillStyle = '#fff'; g.font = '600 18px "Be Vietnam Pro", sans-serif'
+        g.fillText('✓', x + 28, y + 27)
+      } else { g.fillStyle = '#8a6f4e'; g.fillRect(x + 3, y + 3, 50, 36) }
+    }
+    const t = new THREE.CanvasTexture(c); t.colorSpace = THREE.SRGBColorSpace
+    return t
+  }, [rows])
+  if (!rows) return null
+  return (
+    <mesh position={[0, 1.45, 0.02]} castShadow>
+      <planeGeometry args={[2.9, 1.45]} />
+      <meshStandardMaterial map={tex} roughness={0.85} />
+    </mesh>
+  )
+}
+function GroundGeom() {` ],
+  /* Wire AttendanceBoard vào PostAndPlaque (trụ bảng) */
+  [ `          <meshStandardMaterial map={tex} alphaTest={0.5} side={THREE.DoubleSide} roughness={0.85} />
+        </mesh>
+      )}`,
+    `          <meshStandardMaterial map={tex} alphaTest={0.5} side={THREE.DoubleSide} roughness={0.85} />
+        </mesh>
+      )}
+      <AttendanceBoard />` ],
+  /* Wire NatureGround + Vines vào HomeScene */
   [ `      <CaveExterior />
       <group position={layout.stele} rotation-y={layout.steleRotY}>`,
     `      <CaveExterior />
       <NatureGround />
+      <Vines />
       <group position={layout.stele} rotation-y={layout.steleRotY}>` ],
   /* Bảng chuyên cần attendance trên bia đá */
   [ `/* ---- Camera rig + layout (MA gốc) ---- */`,
@@ -293,8 +380,6 @@ patchFile('frontend/cave3d.js', [
    CÚP VÀNG TRUNG TÂM (trophy) — trước vòng huyền thoại, kỷ vật MU
    ========================================================================= */
 function Trophy() {
-  const gold = new THREE.MeshStandardMaterial({ color: '#c9a24e', metalness: 0.85, roughness: 0.25 })
-  const darkGold = new THREE.MeshStandardMaterial({ color: '#8a6a2c', metalness: 0.7, roughness: 0.35 })
   return (
     <group position={[0, 0, 0]} rotation-y={0.5}>
       <mesh position={[0, 0.12, 0]} castShadow>
@@ -303,27 +388,27 @@ function Trophy() {
       </mesh>
       <mesh position={[0, 0.34, 0]} castShadow>
         <cylinderGeometry args={[0.55, 0.7, 0.2, 8]} />
-        <darkGold />
+        <meshStandardMaterial color="#8a6a2c" metalness={0.7} roughness={0.35} flatShading />
       </mesh>
       <mesh position={[0, 0.85, 0]} castShadow>
         <cylinderGeometry args={[0.42, 0.5, 0.85, 10]} />
-        <gold />
+        <meshStandardMaterial color="#c9a24e" metalness={0.85} roughness={0.25} flatShading />
       </mesh>
       <mesh position={[0, 1.32, 0]} castShadow>
         <torusGeometry args={[0.5, 0.09, 8, 18]} />
-        <gold />
+        <meshStandardMaterial color="#c9a24e" metalness={0.85} roughness={0.25} flatShading />
       </mesh>
       <mesh position={[-0.42, 0.85, 0]} rotation-z={0.3}>
         <torusGeometry args={[0.26, 0.07, 8, 14, Math.PI]} />
-        <gold />
+        <meshStandardMaterial color="#c9a24e" metalness={0.85} roughness={0.25} flatShading />
       </mesh>
       <mesh position={[0.42, 0.85, 0]} rotation-z={-0.3}>
         <torusGeometry args={[0.26, 0.07, 8, 14, Math.PI]} />
-        <gold />
+        <meshStandardMaterial color="#c9a24e" metalness={0.85} roughness={0.25} flatShading />
       </mesh>
       <mesh position={[0, 1.62, 0]} castShadow>
         <sphereGeometry args={[0.2, 14, 14]} />
-        <gold />
+        <meshStandardMaterial color="#c9a24e" metalness={0.85} roughness={0.25} flatShading />
       </mesh>
       <pointLight position={[0, 2.6, 0]} color="#ffd76a" intensity={18} distance={9} decay={1.6} />
     </group>

patch_backend.mjs

@@ -19,7 +19,7 @@ if (!s.includes(oldVer)) {
   console.error('PATCH FAILED: VERSION_ID marker not found')
   process.exit(1)
 }
-s = s.replace(oldVer, 'VERSION_ID = "v7"')
+s = s.replace(oldVer, 'VERSION_ID = "v8"')
 
 // IMPORTANT: phải chèn TRƯỚC catch-all @app.get("/{path:path}") (serve_static) —
 // nếu chèn sau, FastAPI match route theo thứ tự đăng ký → GET /api/logs bị
@@ -83,4 +83,4 @@ async def api_attendance():
 `
 s = s.slice(0, idx) + inject + s.slice(idx)
 fs.writeFileSync(path, s)
-console.log(`patched backend.py ok: VERSION_ID=v7, /api/log + /api/logs + /api/attendance (marker [${used}])`)
+console.log(`patched backend.py ok: VERSION_ID=v8, /api/log + /api/logs + /api/attendance (marker [${used}])`)