Feature/vehicle part editor (#14)

* Add vehicle part color editor to save editor

- Add Vehicles tab with 3D preview of customizable vehicle parts
- Support all 43 colorable parts across 4 vehicles (dune buggy, helicopter, jetski, race car)
- Implement shared LOD resolution for proper rendering of all parts
- Extract reusable NavButton and ResetButton components
- Remove debug console.log statements from ScoreCube

* Reserve space for reset button in vehicle editor to prevent layout shift

* Add tooltip to vehicle editor explaining click-to-cycle interaction

* Add scroll-into-view behavior for name slots on mobile

When name slots overflow on narrow screens, focusing a partially visible
slot now smoothly scrolls it into view. Scrollbar is hidden for cleaner UI.

* Extract EditorTooltip component for consistent tooltip positioning

Refactored tooltip markup into reusable EditorTooltip component used by
both ScoreCube and VehicleEditor. Tooltip now consistently appears in
top right corner of the editor section.

* Add transparency support to vehicle part rendering

Apply mesh alpha values from WDB to Three.js materials. In the original
game, alpha=0 means opaque while alpha>0 enables transparency. Disable
depthWrite for transparent meshes to prevent z-fighting.

* Use MeshLambertMaterial for original game-like rendering

Switch from MeshStandardMaterial (PBR) to MeshLambertMaterial for flat,
vibrant colors matching the original game. Simplify lighting setup for
solid colors without visible shadows.

* Fix WDB texture parsing for parts vs models

Parts and models have different texture info formats - models include a
skipTextures field that parts don't have. Add isModel parameter to
parseTextureInfo to handle this difference correctly. Also remove silent
catch blocks and overly defensive checks.

Author: foxtacles

src/core/formats/WdbParser.js

@@ -37,10 +37,11 @@ export class WdbParser {
         const nameLen = this.reader.readS32();
         const name = this.reader.readString(nameLen).replace(/\0/g, '');
 
-        // Parse parts (skip for now)
+        // Parse parts
         const numParts = this.reader.readS32();
+        const parts = [];
         for (let i = 0; i < numParts; i++) {
-            this.skipPartReference();
+            parts.push(this.parsePartReference());
         }
 
         // Parse models
@@ -50,14 +51,15 @@ export class WdbParser {
             models.push(this.parseModelEntry());
         }
 
-        return { name, numParts, models };
+        return { name, numParts, parts, models };
     }
 
-    skipPartReference() {
+    parsePartReference() {
         const nameLen = this.reader.readU32();
-        this.reader.skip(nameLen); // name
-        this.reader.skip(4); // data_length
-        this.reader.skip(4); // data_offset
+        const name = this.reader.readString(nameLen).replace(/\0/g, '');
+        const dataLength = this.reader.readU32();
+        const dataOffset = this.reader.readU32();
+        return { name, dataLength, dataOffset };
     }
 
     parseModelEntry() {
@@ -90,6 +92,39 @@ export class WdbParser {
         return this.reader.readString(length).replace(/\0/g, '');
     }
 
+    /**
+     * Parse part data blob at specified offset
+     * Parts have a simpler structure than models - no animation, direct LOD data
+     * @param {number} offset - Absolute file offset
+     * @returns {{ parts: Array, textures: Array }}
+     */
+    parsePartData(offset) {
+        this.reader.seek(offset);
+
+        const textureInfoOffset = this.reader.readU32();
+        const numRois = this.reader.readU32();
+        const parts = [];
+
+        for (let i = 0; i < numRois; i++) {
+            const nameLen = this.reader.readU32();
+            const name = this.readCleanString(nameLen);
+            const numLods = this.reader.readU32();
+            const roiInfoOffset = this.reader.readU32();
+
+            const lods = [];
+            for (let j = 0; j < numLods; j++) {
+                lods.push(this.parseLod());
+            }
+
+            parts.push({ name, lods });
+        }
+
+        this.reader.seek(offset + textureInfoOffset);
+        const textures = this.parseTextureInfo();
+
+        return { parts, textures };
+    }
+
     /**
      * Parse model_data blob at specified offset
      * @param {number} offset - Absolute file offset
@@ -112,9 +147,8 @@ export class WdbParser {
         // Parse ROI hierarchy
         const roi = this.parseRoi();
 
-        // Parse textures at textureInfoOffset
         this.reader.seek(offset + textureInfoOffset);
-        const textures = this.parseTextureInfo();
+        const textures = this.parseTextureInfo(true); // Models have skipTextures field
 
         return { version, anim, roi, textures };
     }
@@ -264,7 +298,7 @@ export class WdbParser {
             children.push(this.parseRoi());
         }
 
-        return { name, boundingSphere, boundingBox, textureName, lods, children };
+        return { name, boundingSphere, boundingBox, textureName, sharedLodList: sharedLodList !== 0, lods, children };
     }
 
     parseLod() {
@@ -366,9 +400,19 @@ export class WdbParser {
         return { color, alpha, shading, useAlias, textureName, materialName };
     }
 
-    parseTextureInfo() {
+    /**
+     * Parse texture info block
+     * @param {boolean} isModel - If true, read skipTextures field (models have it, parts don't)
+     */
+    parseTextureInfo(isModel = false) {
         const numTextures = this.reader.readU32();
-        const skipTextures = this.reader.readU32();
+
+        // Models have an extra skipTextures field that parts don't have
+        // See legomodelpresenter.cpp vs legopartpresenter.cpp in LEGO1 source
+        if (isModel) {
+            this.reader.readU32(); // skipTextures - skip over this field
+        }
+
         const textures = [];
 
         for (let i = 0; i < numTextures; i++) {
@@ -437,3 +481,48 @@ export function findRoi(roi, name) {
     }
     return null;
 }
+
+/**
+ * Resolve LODs for an ROI, handling shared LOD lists
+ * This mirrors how the game's ViewLODListManager resolves shared parts
+ * @param {object} roi - ROI data with lods and sharedLodList flag
+ * @param {Map} partsMap - Map of part name (lowercase) -> part data with lods
+ * @returns {Array} - Array of LODs (may be empty)
+ */
+export function resolveLods(roi, partsMap) {
+    // If ROI has its own LODs, use them
+    if (roi.lods && roi.lods.length > 0) {
+        return roi.lods;
+    }
+
+    // If ROI uses shared LOD list, look up by name (strip trailing digits)
+    // This matches the game's logic in LegoROI::Read
+    if (roi.sharedLodList && roi.name && partsMap) {
+        const baseName = roi.name.replace(/\d+$/, '').toLowerCase();
+        const part = partsMap.get(baseName);
+        if (part && part.lods && part.lods.length > 0) {
+            return part.lods;
+        }
+    }
+
+    return [];
+}
+
+/**
+ * Build a parts lookup map from a world's parts array
+ * @param {WdbParser} parser - Parser instance for reading part data
+ * @param {Array} worldParts - Array of part references from world entry
+ * @returns {Map} - Map of part name (lowercase) -> part data
+ */
+export function buildPartsMap(parser, worldParts) {
+    const partsMap = new Map();
+    if (!worldParts || worldParts.length === 0) return partsMap;
+
+    for (const partRef of worldParts) {
+        const partData = parser.parsePartData(partRef.dataOffset);
+        for (const part of partData.parts) {
+            partsMap.set(part.name.toLowerCase(), part);
+        }
+    }
+    return partsMap;
+}