@nice2dev/ui-3d 1.1.0 → 1.1.1

package/dist/cjs/model/useModelEditor.js

@@ -1,28 +1,28 @@
 'use strict';
 
-var ke = require('react');
+var _e = require('react');
 var THREE = require('three');
 var OrbitControls_js = require('three/examples/jsm/controls/OrbitControls.js');
 var TransformControls_js = require('three/examples/jsm/controls/TransformControls.js');
-var FBXLoader_js = require('three/examples/jsm/loaders/FBXLoader.js');
-var GLTFLoader_js = require('three/examples/jsm/loaders/GLTFLoader.js');
 var GLTFExporter_js = require('three/examples/jsm/exporters/GLTFExporter.js');
 var OBJExporter_js = require('three/examples/jsm/exporters/OBJExporter.js');
-var STLExporter_js = require('three/examples/jsm/exporters/STLExporter.js');
 var PLYExporter_js = require('three/examples/jsm/exporters/PLYExporter.js');
+var STLExporter_js = require('three/examples/jsm/exporters/STLExporter.js');
 var USDZExporter_js = require('three/examples/jsm/exporters/USDZExporter.js');
-var OBJLoader_js = require('three/examples/jsm/loaders/OBJLoader.js');
-var ColladaLoader_js = require('three/examples/jsm/loaders/ColladaLoader.js');
-var STLLoader_js = require('three/examples/jsm/loaders/STLLoader.js');
-var PLYLoader_js = require('three/examples/jsm/loaders/PLYLoader.js');
-var TDSLoader_js = require('three/examples/jsm/loaders/TDSLoader.js');
 var _3MFLoader_js = require('three/examples/jsm/loaders/3MFLoader.js');
 var AMFLoader_js = require('three/examples/jsm/loaders/AMFLoader.js');
-var PCDLoader_js = require('three/examples/jsm/loaders/PCDLoader.js');
-var VTKLoader_js = require('three/examples/jsm/loaders/VTKLoader.js');
-var VRMLLoader_js = require('three/examples/jsm/loaders/VRMLLoader.js');
+var ColladaLoader_js = require('three/examples/jsm/loaders/ColladaLoader.js');
+var FBXLoader_js = require('three/examples/jsm/loaders/FBXLoader.js');
 var GCodeLoader_js = require('three/examples/jsm/loaders/GCodeLoader.js');
+var GLTFLoader_js = require('three/examples/jsm/loaders/GLTFLoader.js');
+var OBJLoader_js = require('three/examples/jsm/loaders/OBJLoader.js');
+var PCDLoader_js = require('three/examples/jsm/loaders/PCDLoader.js');
+var PLYLoader_js = require('three/examples/jsm/loaders/PLYLoader.js');
+var STLLoader_js = require('three/examples/jsm/loaders/STLLoader.js');
 var SVGLoader_js = require('three/examples/jsm/loaders/SVGLoader.js');
+var TDSLoader_js = require('three/examples/jsm/loaders/TDSLoader.js');
+var VRMLLoader_js = require('three/examples/jsm/loaders/VRMLLoader.js');
+var VTKLoader_js = require('three/examples/jsm/loaders/VTKLoader.js');
 var modelEditorTypes = require('./modelEditorTypes.js');
 var modelEditorUtils = require('./modelEditorUtils.js');
 
@@ -59,11 +59,13 @@ const nid = () => `n${++_nid}`;
 /* ── Pure helper — extracted outside the hook for stable identity ── */
 function findNodeById(nodes, id) {
     for (const n of nodes) {
-        if (n.id === id)
+        if (n.id === id) {
             return n;
+        }
         const found = findNodeById(n.children, id);
-        if (found)
+        if (found) {
             return found;
+        }
     }
     return null;
 }
@@ -72,85 +74,86 @@ function findNodeById(nodes, id) {
    ═══════════════════════════════════════════ */
 function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ── refs ── */
-    const mountRef = ke.useRef(null);
-    const rendererRef = ke.useRef(null);
-    const sceneRef = ke.useRef(new THREE__namespace.Scene());
-    const cameraRef = ke.useRef(new THREE__namespace.PerspectiveCamera(50, 1, 0.01, 10000));
-    const orbitRef = ke.useRef(null);
-    const transformRef = ke.useRef(null);
-    const clockRef = ke.useRef(new THREE__namespace.Clock());
-    const mixerRef = ke.useRef(null);
-    const rafRef = ke.useRef(0);
-    const fileInputRef = ke.useRef(null);
-    const mergeInputRef = ke.useRef(null);
-    const videoInputRef = ke.useRef(null);
-    const raycasterRef = ke.useRef(new THREE__namespace.Raycaster());
-    const skeletonHelperRef = ke.useRef(null);
+    const mountRef = _e.useRef(null);
+    const rendererRef = _e.useRef(null);
+    const sceneRef = _e.useRef(new THREE__namespace.Scene());
+    const cameraRef = _e.useRef(new THREE__namespace.PerspectiveCamera(50, 1, 0.01, 10000));
+    const orbitRef = _e.useRef(null);
+    const transformRef = _e.useRef(null);
+    const clockRef = _e.useRef(new THREE__namespace.Clock());
+    const mixerRef = _e.useRef(null);
+    const rafRef = _e.useRef(0);
+    const fileInputRef = _e.useRef(null);
+    const mergeInputRef = _e.useRef(null);
+    const videoInputRef = _e.useRef(null);
+    const raycasterRef = _e.useRef(new THREE__namespace.Raycaster());
+    const skeletonHelperRef = _e.useRef(null);
     /* ── state ── */
-    const [sceneTree, setSceneTree] = ke.useState([]);
-    const [selectedId, setSelectedId] = ke.useState(null);
-    const [transformMode, setTransformMode] = ke.useState("translate");
-    const [animations, setAnimations] = ke.useState([]);
-    const [activeAnimIdx, setActiveAnimIdx] = ke.useState(-1);
-    const [isPlaying, setIsPlaying] = ke.useState(false);
-    const [animTime, setAnimTime] = ke.useState(0);
-    const [animDuration, setAnimDuration] = ke.useState(0);
-    const [animSpeed, setAnimSpeed] = ke.useState(1);
-    const [loopAnim, setLoopAnim] = ke.useState(true);
-    const [bottomCollapsed, setBottomCollapsed] = ke.useState(false);
-    const [showGrid, setShowGrid] = ke.useState(true);
-    const [showAxes, setShowAxes] = ke.useState(true);
-    const [wireframe, setWireframe] = ke.useState(false);
-    const [bgColor, setBgColor] = ke.useState("#111122");
-    const [statusText, setStatusText] = ke.useState("Ready");
-    const [dragOver, setDragOver] = ke.useState(false);
-    const [polyCount, setPolyCount] = ke.useState(0);
-    const [meshCount, setMeshCount] = ke.useState(0);
-    const [boneCount, setBoneCount] = ke.useState(0);
+    const [sceneTree, setSceneTree] = _e.useState([]);
+    const [selectedId, setSelectedId] = _e.useState(null);
+    const [transformMode, setTransformMode] = _e.useState('translate');
+    const [animations, setAnimations] = _e.useState([]);
+    const [activeAnimIdx, setActiveAnimIdx] = _e.useState(-1);
+    const [isPlaying, setIsPlaying] = _e.useState(false);
+    const [animTime, setAnimTime] = _e.useState(0);
+    const [animDuration, setAnimDuration] = _e.useState(0);
+    const [animSpeed, setAnimSpeed] = _e.useState(1);
+    const [loopAnim, setLoopAnim] = _e.useState(true);
+    const [bottomCollapsed, setBottomCollapsed] = _e.useState(false);
+    const [showGrid, setShowGrid] = _e.useState(true);
+    const [showAxes, setShowAxes] = _e.useState(true);
+    const [wireframe, setWireframe] = _e.useState(false);
+    const [bgColor, setBgColor] = _e.useState('#111122');
+    const [statusText, setStatusText] = _e.useState('Ready');
+    const [dragOver, setDragOver] = _e.useState(false);
+    const [polyCount, setPolyCount] = _e.useState(0);
+    const [meshCount, setMeshCount] = _e.useState(0);
+    const [boneCount, setBoneCount] = _e.useState(0);
     // Material editor
-    const [selMaterialIdx, setSelMaterialIdx] = ke.useState(0);
-    const [matRefresh, setMatRefresh] = ke.useState(0);
+    const [selMaterialIdx, setSelMaterialIdx] = _e.useState(0);
+    const [matRefresh, setMatRefresh] = _e.useState(0);
     // AI panel
-    const [aiStatus, setAiStatus] = ke.useState("");
-    const [aiBusy, setAiBusy] = ke.useState(false);
+    const [aiStatus, setAiStatus] = _e.useState('');
+    const [aiBusy, setAiBusy] = _e.useState(false);
     // Blender 2.0 — viewport & editor
-    const [shadingMode, setShadingMode] = ke.useState("solid");
-    const [editorMode, setEditorMode] = ke.useState("object");
-    const [contextMenu, setContextMenu] = ke.useState(null);
-    const [outlinerSearch, setOutlinerSearch] = ke.useState("");
-    const [snapEnabled, setSnapEnabled] = ke.useState(false);
-    const [snapGrid, setSnapGrid] = ke.useState(1);
-    const [showSkeleton, setShowSkeleton] = ke.useState(true);
-    const [addMenuOpen, setAddMenuOpen] = ke.useState(null);
-    const [gizmoSpace, setGizmoSpace] = ke.useState("world");
-    const [propTab, setPropTab] = ke.useState("object");
-    const [fogEnabled, setFogEnabled] = ke.useState(false);
-    const [fogColor, setFogColor] = ke.useState("#111122");
-    const [fogNear, setFogNear] = ke.useState(10);
-    const [fogFar, setFogFar] = ke.useState(100);
-    const [showLightHelpers, setShowLightHelpers] = ke.useState(true);
+    const [shadingMode, setShadingMode] = _e.useState('solid');
+    const [editorMode, setEditorMode] = _e.useState('object');
+    const [contextMenu, setContextMenu] = _e.useState(null);
+    const [outlinerSearch, setOutlinerSearch] = _e.useState('');
+    const [snapEnabled, setSnapEnabled] = _e.useState(false);
+    const [snapGrid, setSnapGrid] = _e.useState(1);
+    const [showSkeleton, setShowSkeleton] = _e.useState(true);
+    const [addMenuOpen, setAddMenuOpen] = _e.useState(null);
+    const [gizmoSpace, setGizmoSpace] = _e.useState('world');
+    const [propTab, setPropTab] = _e.useState('object');
+    const [fogEnabled, setFogEnabled] = _e.useState(false);
+    const [fogColor, setFogColor] = _e.useState('#111122');
+    const [fogNear, setFogNear] = _e.useState(10);
+    const [fogFar, setFogFar] = _e.useState(100);
+    const [showLightHelpers, setShowLightHelpers] = _e.useState(true);
     // The root object that was loaded (mesh/character)
-    const rootObjectRef = ke.useRef(null);
+    const rootObjectRef = _e.useRef(null);
     // Active animation action
-    const activeActionRef = ke.useRef(null);
+    const activeActionRef = _e.useRef(null);
     // All loaded animation clips (for the current model)
-    const allClipsRef = ke.useRef([]);
+    const allClipsRef = _e.useRef([]);
     /* keep refs current */
-    const animTimeRef = ke.useRef(animTime);
+    const animTimeRef = _e.useRef(animTime);
     animTimeRef.current = animTime;
-    const isPlayingRef = ke.useRef(isPlaying);
+    const isPlayingRef = _e.useRef(isPlaying);
     isPlayingRef.current = isPlaying;
-    const animSpeedRef = ke.useRef(animSpeed);
+    const animSpeedRef = _e.useRef(animSpeed);
     animSpeedRef.current = animSpeed;
-    const loopAnimRef = ke.useRef(loopAnim);
+    const loopAnimRef = _e.useRef(loopAnim);
     loopAnimRef.current = loopAnim;
     /* ─────────────────────────────────────────
        Scene setup
        ───────────────────────────────────────── */
-    ke.useEffect(() => {
+    _e.useEffect(() => {
         const container = mountRef.current;
-        if (!container)
+        if (!container) {
             return;
+        }
         const scene = sceneRef.current;
         const camera = cameraRef.current;
         // Renderer
@@ -167,13 +170,13 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         camera.position.set(3, 2, 5);
         camera.lookAt(0, 0, 0);
         // Scene background
-        scene.background = new THREE__namespace.Color("#111122");
+        scene.background = new THREE__namespace.Color('#111122');
         // Lights
         const ambientLight = new THREE__namespace.AmbientLight(0xffffff, 0.5);
-        ambientLight.name = "__ambient";
+        ambientLight.name = '__ambient';
         scene.add(ambientLight);
         const dirLight = new THREE__namespace.DirectionalLight(0xffffff, 1.2);
-        dirLight.name = "__dirLight";
+        dirLight.name = '__dirLight';
         dirLight.position.set(5, 8, 5);
         dirLight.castShadow = true;
         dirLight.shadow.mapSize.set(2048, 2048);
@@ -185,21 +188,21 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         dirLight.shadow.camera.bottom = -10;
         scene.add(dirLight);
         const hemiLight = new THREE__namespace.HemisphereLight(0x8888ff, 0x444422, 0.4);
-        hemiLight.name = "__hemiLight";
+        hemiLight.name = '__hemiLight';
         scene.add(hemiLight);
         // Ground plane
         const ground = new THREE__namespace.Mesh(new THREE__namespace.PlaneGeometry(100, 100), new THREE__namespace.ShadowMaterial({ opacity: 0.15 }));
-        ground.name = "__ground";
+        ground.name = '__ground';
         ground.rotation.x = -Math.PI / 2;
         ground.receiveShadow = true;
         scene.add(ground);
         // Grid
         const grid = new THREE__namespace.GridHelper(20, 20, 0x333355, 0x22223a);
-        grid.name = "__grid";
+        grid.name = '__grid';
         scene.add(grid);
         // Axes
         const axes = new THREE__namespace.AxesHelper(2);
-        axes.name = "__axes";
+        axes.name = '__axes';
         scene.add(axes);
         // Orbit controls
         const orbit = new OrbitControls_js.OrbitControls(camera, renderer.domElement);
@@ -211,9 +214,9 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         orbitRef.current = orbit;
         // Transform controls
         const tc = new TransformControls_js.TransformControls(camera, renderer.domElement);
-        tc.name = "__transformControls";
+        tc.name = '__transformControls';
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        tc.addEventListener("dragging-changed", ((e) => {
+        tc.addEventListener('dragging-changed', ((e) => {
             orbit.enabled = !e.value;
         }));
         scene.add(tc);
@@ -222,8 +225,9 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         const onResize = () => {
             const w = container.clientWidth;
             const h = container.clientHeight;
-            if (w === 0 || h === 0)
+            if (w === 0 || h === 0) {
                 return;
+            }
             camera.aspect = w / h;
             camera.updateProjectionMatrix();
             renderer.setSize(w, h);
@@ -256,8 +260,9 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             ro.disconnect();
             const scn = sceneRef.current;
             scn.traverse((obj) => {
-                if (obj.geometry)
+                if (obj.geometry) {
                     obj.geometry.dispose();
+                }
                 if (obj.material) {
                     const mats = Array.isArray(obj.material)
                         ? obj.material
@@ -275,27 +280,29 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
                 container.removeChild(renderer.domElement);
             }
         };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     /* ─────────────────────────────────────────
        Rebuild scene tree from Three.js scene
        ───────────────────────────────────────── */
-    const rebuildTree = ke.useCallback(() => {
+    const rebuildTree = _e.useCallback(() => {
         const scene = sceneRef.current;
         let polys = 0;
         let meshes = 0;
         let bones = 0;
         const walk = (obj, depth) => {
             var _a, _b;
-            if (obj.name.startsWith("__"))
+            if (obj.name.startsWith('__')) {
                 return null;
-            if (obj.type === "TransformControlsPlane" || obj.type === "TransformControlsGizmo")
+            }
+            if (obj.type === 'TransformControlsPlane' || obj.type === 'TransformControlsGizmo') {
                 return null;
-            if ("isTransformControls" in obj)
+            }
+            if ('isTransformControls' in obj) {
                 return null;
-            let nodeType = "group";
+            }
+            let nodeType = 'group';
             if (obj instanceof THREE__namespace.Mesh) {
-                nodeType = "mesh";
+                nodeType = 'mesh';
                 meshes++;
                 const geo = obj.geometry;
                 if (geo) {
@@ -304,27 +311,28 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
                 }
             }
             else if (obj instanceof THREE__namespace.Bone) {
-                nodeType = "bone";
+                nodeType = 'bone';
                 bones++;
             }
             else if (obj instanceof THREE__namespace.Light) {
-                nodeType = "light";
+                nodeType = 'light';
             }
             else if (obj instanceof THREE__namespace.Camera) {
-                nodeType = "camera";
+                nodeType = 'camera';
             }
-            else if (obj instanceof THREE__namespace.GridHelper ||
-                obj instanceof THREE__namespace.AxesHelper) {
-                nodeType = "helper";
+            else if (obj instanceof THREE__namespace.GridHelper || obj instanceof THREE__namespace.AxesHelper) {
+                nodeType = 'helper';
             }
             const children = [];
             for (const c of obj.children) {
                 const cn = walk(c, depth + 1);
-                if (cn)
+                if (cn) {
                     children.push(cn);
+                }
             }
             return {
-                id: obj.userData.__nodeId || ((obj.userData.__nodeId = nid()), obj.userData.__nodeId),
+                id: obj.userData.__nodeId ||
+                    ((obj.userData.__nodeId = nid()), obj.userData.__nodeId),
                 name: obj.name || obj.type,
                 type: nodeType,
                 object: obj,
@@ -336,8 +344,9 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         const roots = [];
         for (const c of scene.children) {
             const n = walk(c, 0);
-            if (n)
+            if (n) {
                 roots.push(n);
+            }
         }
         setSceneTree(roots);
         setPolyCount(Math.round(polys));
@@ -347,9 +356,9 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        File loading
        ───────────────────────────────────────── */
-    const playClipRef = ke.useRef(() => { });
-    const focusOnObjectRef = ke.useRef(() => { });
-    const addObjectToScene = ke.useCallback((obj, clips, filename) => {
+    const playClipRef = _e.useRef(() => { });
+    const focusOnObjectRef = _e.useRef(() => { });
+    const addObjectToScene = _e.useCallback((obj, clips, filename) => {
         const scene = sceneRef.current;
         obj.traverse((child) => {
             if (child instanceof THREE__namespace.Mesh) {
@@ -378,7 +387,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             const mixer = new THREE__namespace.AnimationMixer(obj);
             mixerRef.current = mixer;
             const newAnims = clips.map((c) => ({
-                name: c.name || "Animation",
+                name: c.name || 'Animation',
                 clip: c,
                 duration: c.duration,
                 source: filename,
@@ -396,73 +405,81 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         rebuildTree();
         setStatusText(`Loaded: ${filename} (${clips.length} animation(s))`);
     }, [rebuildTree]);
-    const loadFile = ke.useCallback(async (file) => {
+    const loadFile = _e.useCallback(async (file) => {
         var _a, _b, _c, _d, _e, _f;
         const name = file.name.toLowerCase();
-        const ext = "." + name.split(".").pop();
+        const ext = '.' + name.split('.').pop();
         const url = URL.createObjectURL(file);
         setStatusText(`Loading ${file.name}...`);
         try {
-            if (ext === ".fbx") {
+            if (ext === '.fbx') {
                 const loader = new FBXLoader_js.FBXLoader();
                 const obj = await new Promise((res, rej) => loader.load(url, res, undefined, rej));
                 addObjectToScene(obj, (_a = obj.animations) !== null && _a !== void 0 ? _a : [], file.name);
             }
-            else if (ext === ".glb" || ext === ".gltf") {
+            else if (ext === '.glb' || ext === '.gltf') {
                 const loader = new GLTFLoader_js.GLTFLoader();
                 const gltf = await new Promise((res, rej) => loader.load(url, res, undefined, rej));
                 addObjectToScene(gltf.scene, (_b = gltf.animations) !== null && _b !== void 0 ? _b : [], file.name);
             }
-            else if (ext === ".obj") {
+            else if (ext === '.obj') {
                 const loader = new OBJLoader_js.OBJLoader();
                 const obj = await new Promise((res, rej) => loader.load(url, res, undefined, rej));
                 addObjectToScene(obj, [], file.name);
             }
-            else if (ext === ".dae") {
+            else if (ext === '.dae') {
                 const loader = new ColladaLoader_js.ColladaLoader();
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                const collada = await new Promise((res, rej) => loader.load(url, res, undefined, rej));
+                const collada = await new Promise((res, rej) => 
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any -- ColladaLoader callback type widens beyond { scene: Group }
+                loader.load(url, res, undefined, rej));
                 addObjectToScene(collada.scene, (_d = (_c = collada.scene) === null || _c === void 0 ? void 0 : _c.animations) !== null && _d !== void 0 ? _d : [], file.name);
             }
-            else if (ext === ".stl") {
+            else if (ext === '.stl') {
                 const loader = new STLLoader_js.STLLoader();
                 const geo = await new Promise((res, rej) => loader.load(url, res, undefined, rej));
-                const mat = new THREE__namespace.MeshStandardMaterial({ color: 0x888888, metalness: 0.3, roughness: 0.6 });
+                const mat = new THREE__namespace.MeshStandardMaterial({
+                    color: 0x888888,
+                    metalness: 0.3,
+                    roughness: 0.6,
+                });
                 const mesh = new THREE__namespace.Mesh(geo, mat);
                 mesh.name = file.name;
                 addObjectToScene(mesh, [], file.name);
             }
-            else if (ext === ".ply") {
+            else if (ext === '.ply') {
                 const loader = new PLYLoader_js.PLYLoader();
                 const geo = await new Promise((res, rej) => loader.load(url, res, undefined, rej));
                 geo.computeVertexNormals();
-                const mat = new THREE__namespace.MeshStandardMaterial({ color: 0x888888, vertexColors: geo.hasAttribute("color") });
+                const mat = new THREE__namespace.MeshStandardMaterial({
+                    color: 0x888888,
+                    vertexColors: geo.hasAttribute('color'),
+                });
                 const mesh = new THREE__namespace.Mesh(geo, mat);
                 mesh.name = file.name;
                 addObjectToScene(mesh, [], file.name);
             }
-            else if (ext === ".3ds") {
+            else if (ext === '.3ds') {
                 const loader = new TDSLoader_js.TDSLoader();
                 const obj = await new Promise((res, rej) => loader.load(url, res, undefined, rej));
                 addObjectToScene(obj, [], file.name);
             }
-            else if (ext === ".3mf") {
+            else if (ext === '.3mf') {
                 const loader = new _3MFLoader_js.ThreeMFLoader();
                 const obj = await new Promise((res, rej) => loader.load(url, res, undefined, rej));
                 addObjectToScene(obj, [], file.name);
             }
-            else if (ext === ".amf") {
+            else if (ext === '.amf') {
                 const loader = new AMFLoader_js.AMFLoader();
                 const obj = await new Promise((res, rej) => loader.load(url, res, undefined, rej));
                 addObjectToScene(obj, [], file.name);
             }
-            else if (ext === ".pcd") {
+            else if (ext === '.pcd') {
                 const loader = new PCDLoader_js.PCDLoader();
                 const points = await new Promise((res, rej) => loader.load(url, res, undefined, rej));
                 points.name = file.name;
                 addObjectToScene(points, [], file.name);
             }
-            else if (ext === ".vtk" || ext === ".vtp") {
+            else if (ext === '.vtk' || ext === '.vtp') {
                 const loader = new VTKLoader_js.VTKLoader();
                 const geo = await new Promise((res, rej) => loader.load(url, res, undefined, rej));
                 geo.computeVertexNormals();
@@ -471,31 +488,36 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
                 mesh.name = file.name;
                 addObjectToScene(mesh, [], file.name);
             }
-            else if (ext === ".wrl" || ext === ".vrml") {
+            else if (ext === '.wrl' || ext === '.vrml') {
                 const loader = new VRMLLoader_js.VRMLLoader();
                 const scn = await new Promise((res, rej) => loader.load(url, res, undefined, rej));
                 const group = new THREE__namespace.Group();
                 group.name = file.name;
-                while (scn.children.length)
+                while (scn.children.length) {
                     group.add(scn.children[0]);
+                }
                 addObjectToScene(group, [], file.name);
             }
-            else if (ext === ".gcode") {
+            else if (ext === '.gcode') {
                 const loader = new GCodeLoader_js.GCodeLoader();
                 const obj = await new Promise((res, rej) => loader.load(url, res, undefined, rej));
                 addObjectToScene(obj, [], file.name);
             }
-            else if (ext === ".svg") {
+            else if (ext === '.svg') {
                 const loader = new SVGLoader_js.SVGLoader();
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                const data = await new Promise((res, rej) => loader.load(url, res, undefined, rej));
+                const data = await new Promise((res, rej) => 
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any -- SVGLoader callback type widens beyond { paths: SVGResultPaths[] }
+                loader.load(url, res, undefined, rej));
                 const group = new THREE__namespace.Group();
                 group.name = file.name;
                 for (const path of data.paths) {
                     const shapes2 = SVGLoader_js.SVGLoader.createShapes(path);
                     for (const shape of shapes2) {
                         const geo = new THREE__namespace.ExtrudeGeometry(shape, { depth: 2, bevelEnabled: false });
-                        const mat = new THREE__namespace.MeshStandardMaterial({ color: ((_f = (_e = path.color) === null || _e === void 0 ? void 0 : _e.getHex) === null || _f === void 0 ? void 0 : _f.call(_e)) || 0x888888, side: THREE__namespace.DoubleSide });
+                        const mat = new THREE__namespace.MeshStandardMaterial({
+                            color: ((_f = (_e = path.color) === null || _e === void 0 ? void 0 : _e.getHex) === null || _f === void 0 ? void 0 : _f.call(_e)) || 0x888888,
+                            side: THREE__namespace.DoubleSide,
+                        });
                         const mesh = new THREE__namespace.Mesh(geo, mat);
                         group.add(mesh);
                     }
@@ -508,14 +530,14 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             }
         }
         catch (err) {
-            log.error("Load error:", err);
+            log.error('Load error:', err);
             setStatusText(`Error loading ${file.name}: ${String(err)}`);
         }
         finally {
             URL.revokeObjectURL(url);
         }
     }, [addObjectToScene]);
-    const mergeAnimationFBX = ke.useCallback(async (file) => {
+    const mergeAnimationFBX = _e.useCallback(async (file) => {
         var _a;
         const url = URL.createObjectURL(file);
         setStatusText(`Merging animations from ${file.name}...`);
@@ -529,14 +551,14 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             }
             const root = rootObjectRef.current;
             if (!root) {
-                setStatusText("No model loaded — load a base model first");
+                setStatusText('No model loaded — load a base model first');
                 return;
             }
             if (!mixerRef.current) {
                 mixerRef.current = new THREE__namespace.AnimationMixer(root);
             }
             const newAnims = clips.map((c) => ({
-                name: c.name || file.name.replace(/\.[^.]+$/, ""),
+                name: c.name || file.name.replace(/\.[^.]+$/, ''),
                 clip: c,
                 duration: c.duration,
                 source: file.name,
@@ -546,7 +568,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             setStatusText(`Merged ${clips.length} animation(s) from ${file.name}`);
         }
         catch (err) {
-            log.error("Merge error:", err);
+            log.error('Merge error:', err);
             setStatusText(`Error merging ${file.name}: ${String(err)}`);
         }
         finally {
@@ -556,10 +578,11 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Animation controls
        ───────────────────────────────────────── */
-    const playClip = ke.useCallback((index) => {
+    const playClip = _e.useCallback((index) => {
         const mixer = mixerRef.current;
-        if (!mixer || index < 0 || index >= allClipsRef.current.length)
+        if (!mixer || index < 0 || index >= allClipsRef.current.length) {
             return;
+        }
         if (activeActionRef.current) {
             activeActionRef.current.stop();
         }
@@ -576,14 +599,15 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         setIsPlaying(true);
     }, []);
     playClipRef.current = playClip;
-    const togglePlay = ke.useCallback(() => {
+    const togglePlay = _e.useCallback(() => {
         if (activeAnimIdx < 0 && allClipsRef.current.length > 0) {
             playClip(0);
             return;
         }
         const action = activeActionRef.current;
-        if (!action)
+        if (!action) {
             return;
+        }
         if (isPlayingRef.current) {
             action.paused = true;
             setIsPlaying(false);
@@ -593,7 +617,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             setIsPlaying(true);
         }
     }, [activeAnimIdx, playClip]);
-    const stopAnim = ke.useCallback(() => {
+    const stopAnim = _e.useCallback(() => {
         const action = activeActionRef.current;
         if (action) {
             action.stop();
@@ -602,11 +626,12 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         setIsPlaying(false);
         setAnimTime(0);
     }, []);
-    const seekAnim = ke.useCallback((t) => {
+    const seekAnim = _e.useCallback((t) => {
         var _a;
         const action = activeActionRef.current;
-        if (!action)
+        if (!action) {
             return;
+        }
         action.time = t;
         action.paused = true;
         setAnimTime(t);
@@ -616,7 +641,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Camera helpers
        ───────────────────────────────────────── */
-    const focusOnObject = ke.useCallback((obj) => {
+    const focusOnObject = _e.useCallback((obj) => {
         const box = new THREE__namespace.Box3().setFromObject(obj);
         const center = box.getCenter(new THREE__namespace.Vector3());
         const size = box.getSize(new THREE__namespace.Vector3());
@@ -630,33 +655,35 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         }
     }, []);
     focusOnObjectRef.current = focusOnObject;
-    const setCameraPreset = ke.useCallback((preset) => {
+    const setCameraPreset = _e.useCallback((preset) => {
         const orbit = orbitRef.current;
-        if (!orbit)
+        if (!orbit) {
             return;
+        }
         const target = orbit.target.clone();
         const d = cameraRef.current.position.distanceTo(target);
         const pos = new THREE__namespace.Vector3();
         switch (preset) {
-            case "front":
+            case 'front':
                 pos.set(0, 0, d);
                 break;
-            case "back":
+            case 'back':
                 pos.set(0, 0, -d);
                 break;
-            case "left":
+            case 'left':
                 pos.set(-d, 0, 0);
                 break;
-            case "right":
+            case 'right':
                 pos.set(d, 0, 0);
                 break;
-            case "top":
+            case 'top':
                 pos.set(0, d, 0.001);
                 break;
-            case "bottom":
+            case 'bottom':
                 pos.set(0, -d, 0.001);
                 break;
-            default: return;
+            default:
+                return;
         }
         cameraRef.current.position.copy(target.clone().add(pos));
         orbit.update();
@@ -664,13 +691,14 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Selection & transform
        ───────────────────────────────────────── */
-    const selectObject = ke.useCallback((node) => {
+    const selectObject = _e.useCallback((node) => {
         var _a;
         setSelectedId((_a = node === null || node === void 0 ? void 0 : node.id) !== null && _a !== void 0 ? _a : null);
         const tc = transformRef.current;
-        if (!tc)
+        if (!tc) {
             return;
-        if (node && node.type !== "helper") {
+        }
+        if (node && node.type !== 'helper') {
             tc.attach(node.object);
             tc.setMode(transformMode);
         }
@@ -678,40 +706,42 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             tc.detach();
         }
     }, [transformMode]);
-    ke.useEffect(() => {
+    _e.useEffect(() => {
         var _a;
         (_a = transformRef.current) === null || _a === void 0 ? void 0 : _a.setMode(transformMode);
     }, [transformMode]);
     /* ─────────────────────────────────────────
        Toggle helpers
        ───────────────────────────────────────── */
-    ke.useEffect(() => {
+    _e.useEffect(() => {
         const scene = sceneRef.current;
-        const grid = scene.getObjectByName("__grid");
-        if (grid)
+        const grid = scene.getObjectByName('__grid');
+        if (grid) {
             grid.visible = showGrid;
+        }
     }, [showGrid]);
-    ke.useEffect(() => {
+    _e.useEffect(() => {
         const scene = sceneRef.current;
-        const axes = scene.getObjectByName("__axes");
-        if (axes)
+        const axes = scene.getObjectByName('__axes');
+        if (axes) {
             axes.visible = showAxes;
+        }
     }, [showAxes]);
-    ke.useEffect(() => {
+    _e.useEffect(() => {
         sceneRef.current.background = new THREE__namespace.Color(bgColor);
     }, [bgColor]);
-    ke.useEffect(() => {
+    _e.useEffect(() => {
         const root = rootObjectRef.current;
-        if (!root)
+        if (!root) {
             return;
+        }
         root.traverse((child) => {
             if (child instanceof THREE__namespace.Mesh) {
-                const mats = Array.isArray(child.material)
-                    ? child.material
-                    : [child.material];
+                const mats = Array.isArray(child.material) ? child.material : [child.material];
                 mats.forEach((m) => {
-                    if ("wireframe" in m)
+                    if ('wireframe' in m) {
                         m.wireframe = wireframe;
+                    }
                 });
             }
         });
@@ -719,51 +749,64 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Viewport shading mode
        ───────────────────────────────────────── */
-    ke.useEffect(() => {
+    _e.useEffect(() => {
         const renderer = rendererRef.current;
-        if (!renderer)
+        if (!renderer) {
             return;
+        }
         const scene = sceneRef.current;
         switch (shadingMode) {
-            case "wireframe":
+            case 'wireframe':
                 scene.traverse((obj) => {
-                    if (obj instanceof THREE__namespace.Mesh && !obj.name.startsWith("__")) {
+                    if (obj instanceof THREE__namespace.Mesh && !obj.name.startsWith('__')) {
                         const mats = Array.isArray(obj.material) ? obj.material : [obj.material];
-                        mats.forEach((m) => { if ("wireframe" in m)
-                            m.wireframe = true; });
+                        mats.forEach((m) => {
+                            if ('wireframe' in m) {
+                                m.wireframe = true;
+                            }
+                        });
                     }
                 });
                 renderer.toneMapping = THREE__namespace.NoToneMapping;
                 renderer.toneMappingExposure = 1;
                 break;
-            case "solid":
+            case 'solid':
                 scene.traverse((obj) => {
-                    if (obj instanceof THREE__namespace.Mesh && !obj.name.startsWith("__")) {
+                    if (obj instanceof THREE__namespace.Mesh && !obj.name.startsWith('__')) {
                         const mats = Array.isArray(obj.material) ? obj.material : [obj.material];
-                        mats.forEach((m) => { if ("wireframe" in m)
-                            m.wireframe = false; });
+                        mats.forEach((m) => {
+                            if ('wireframe' in m) {
+                                m.wireframe = false;
+                            }
+                        });
                     }
                 });
                 renderer.toneMapping = THREE__namespace.NoToneMapping;
                 renderer.toneMappingExposure = 1;
                 break;
-            case "material":
+            case 'material':
                 scene.traverse((obj) => {
-                    if (obj instanceof THREE__namespace.Mesh && !obj.name.startsWith("__")) {
+                    if (obj instanceof THREE__namespace.Mesh && !obj.name.startsWith('__')) {
                         const mats = Array.isArray(obj.material) ? obj.material : [obj.material];
-                        mats.forEach((m) => { if ("wireframe" in m)
-                            m.wireframe = false; });
+                        mats.forEach((m) => {
+                            if ('wireframe' in m) {
+                                m.wireframe = false;
+                            }
+                        });
                     }
                 });
                 renderer.toneMapping = THREE__namespace.ACESFilmicToneMapping;
                 renderer.toneMappingExposure = 1.2;
                 break;
-            case "rendered":
+            case 'rendered':
                 scene.traverse((obj) => {
-                    if (obj instanceof THREE__namespace.Mesh && !obj.name.startsWith("__")) {
+                    if (obj instanceof THREE__namespace.Mesh && !obj.name.startsWith('__')) {
                         const mats = Array.isArray(obj.material) ? obj.material : [obj.material];
-                        mats.forEach((m) => { if ("wireframe" in m)
-                            m.wireframe = false; });
+                        mats.forEach((m) => {
+                            if ('wireframe' in m) {
+                                m.wireframe = false;
+                            }
+                        });
                     }
                 });
                 renderer.toneMapping = THREE__namespace.ACESFilmicToneMapping;
@@ -772,15 +815,16 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         }
     }, [shadingMode]);
     /* Gizmo space */
-    ke.useEffect(() => {
+    _e.useEffect(() => {
         var _a;
         (_a = transformRef.current) === null || _a === void 0 ? void 0 : _a.setSpace(gizmoSpace);
     }, [gizmoSpace]);
     /* Snap settings */
-    ke.useEffect(() => {
+    _e.useEffect(() => {
         const tc = transformRef.current;
-        if (!tc)
+        if (!tc) {
             return;
+        }
         if (snapEnabled) {
             tc.setTranslationSnap(snapGrid);
             tc.setRotationSnap(THREE__namespace.MathUtils.degToRad(15));
@@ -793,28 +837,30 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         }
     }, [snapEnabled, snapGrid]);
     /* Skeleton helper */
-    ke.useEffect(() => {
+    _e.useEffect(() => {
         const scene = sceneRef.current;
         if (skeletonHelperRef.current) {
             scene.remove(skeletonHelperRef.current);
             skeletonHelperRef.current = null;
         }
-        if (!showSkeleton || !rootObjectRef.current)
+        if (!showSkeleton || !rootObjectRef.current) {
             return;
+        }
         let hasRig = false;
         rootObjectRef.current.traverse((obj) => {
-            if (obj instanceof THREE__namespace.SkinnedMesh)
+            if (obj instanceof THREE__namespace.SkinnedMesh) {
                 hasRig = true;
+            }
         });
         if (hasRig) {
             const helper = new THREE__namespace.SkeletonHelper(rootObjectRef.current);
-            helper.name = "__skeletonHelper";
+            helper.name = '__skeletonHelper';
             scene.add(helper);
             skeletonHelperRef.current = helper;
         }
     }, [showSkeleton, sceneTree]);
     /* Fog */
-    ke.useEffect(() => {
+    _e.useEffect(() => {
         if (fogEnabled) {
             sceneRef.current.fog = new THREE__namespace.Fog(fogColor, fogNear, fogFar);
         }
@@ -823,9 +869,9 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         }
     }, [fogEnabled, fogColor, fogNear, fogFar]);
     /* Light helpers visibility */
-    ke.useEffect(() => {
+    _e.useEffect(() => {
         sceneRef.current.traverse((obj) => {
-            if (obj.name.startsWith("__helper_")) {
+            if (obj.name.startsWith('__helper_')) {
                 obj.visible = showLightHelpers;
             }
         });
@@ -833,22 +879,22 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Drag-and-drop
        ───────────────────────────────────────── */
-    const handleDragOver = ke.useCallback((e) => {
+    const handleDragOver = _e.useCallback((e) => {
         e.preventDefault();
         e.stopPropagation();
         setDragOver(true);
     }, []);
-    const handleDragLeave = ke.useCallback((e) => {
+    const handleDragLeave = _e.useCallback((e) => {
         e.preventDefault();
         setDragOver(false);
     }, []);
-    const handleDrop = ke.useCallback((e) => {
+    const handleDrop = _e.useCallback((e) => {
         e.preventDefault();
         e.stopPropagation();
         setDragOver(false);
         const files = Array.from(e.dataTransfer.files);
         files.forEach((f) => {
-            const ext = "." + f.name.toLowerCase().split(".").pop();
+            const ext = '.' + f.name.toLowerCase().split('.').pop();
             if (modelEditorTypes.SUPPORTED_EXTENSIONS.includes(ext)) {
                 loadFile(f);
             }
@@ -857,27 +903,30 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Helpers
        ───────────────────────────────────────── */
-    const selectedNode = ke.useMemo(() => (selectedId ? findNodeById(sceneTree, selectedId) : null), [selectedId, sceneTree]);
-    const selectedMaterials = ke.useMemo(() => {
-        if (!selectedNode || !(selectedNode.object instanceof THREE__namespace.Mesh))
+    const selectedNode = _e.useMemo(() => (selectedId ? findNodeById(sceneTree, selectedId) : null), [selectedId, sceneTree]);
+    const selectedMaterials = _e.useMemo(() => {
+        if (!selectedNode || !(selectedNode.object instanceof THREE__namespace.Mesh)) {
             return [];
+        }
         const m = selectedNode.object.material;
         return Array.isArray(m) ? m : [m];
     }, [selectedNode, matRefresh]);
-    const deleteSelected = ke.useCallback(() => {
+    const deleteSelected = _e.useCallback(() => {
         var _a;
-        if (!selectedNode)
+        if (!selectedNode) {
             return;
+        }
         selectedNode.object.removeFromParent();
         (_a = transformRef.current) === null || _a === void 0 ? void 0 : _a.detach();
         setSelectedId(null);
         rebuildTree();
     }, [selectedNode, rebuildTree]);
-    const duplicateSelected = ke.useCallback(() => {
-        if (!selectedNode)
+    const duplicateSelected = _e.useCallback(() => {
+        if (!selectedNode) {
             return;
+        }
         const clone = selectedNode.object.clone(true);
-        clone.name = selectedNode.object.name + ".001";
+        clone.name = selectedNode.object.name + '.001';
         clone.position.x += 1;
         sceneRef.current.add(clone);
         rebuildTree();
@@ -886,32 +935,35 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Keyboard shortcuts
        ───────────────────────────────────────── */
-    ke.useEffect(() => {
+    _e.useEffect(() => {
         const handleKey = (e) => {
             var _a, _b, _c;
             const tag = (_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName;
-            if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT")
+            if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') {
                 return;
+            }
             switch (e.key.toLowerCase()) {
-                case "g":
-                    setTransformMode("translate");
+                case 'g':
+                    setTransformMode('translate');
                     break;
-                case "r":
-                    setTransformMode("rotate");
+                case 'r':
+                    setTransformMode('rotate');
                     break;
-                case "s":
-                    if (!e.ctrlKey)
-                        setTransformMode("scale");
+                case 's':
+                    if (!e.ctrlKey) {
+                        setTransformMode('scale');
+                    }
                     break;
-                case " ":
+                case ' ':
                     e.preventDefault();
                     togglePlay();
                     break;
-                case "f":
-                    if (rootObjectRef.current)
+                case 'f':
+                    if (rootObjectRef.current) {
                         focusOnObject(rootObjectRef.current);
+                    }
                     break;
-                case "delete":
+                case 'delete':
                     if (selectedId) {
                         const sel = findNodeById(sceneTree, selectedId);
                         if (sel) {
@@ -922,7 +974,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
                         }
                     }
                     break;
-                case "x":
+                case 'x':
                     if (e.ctrlKey && selectedId) {
                         const sel = findNodeById(sceneTree, selectedId);
                         if (sel) {
@@ -933,55 +985,62 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
                         }
                     }
                     break;
-                case "d":
+                case 'd':
                     if (e.shiftKey) {
                         e.preventDefault();
                         duplicateSelected();
                     }
                     break;
-                case "tab":
+                case 'tab':
                     e.preventDefault();
-                    setEditorMode((m) => m === "object" ? "edit" : m === "edit" ? "pose" : "object");
+                    setEditorMode((m) => (m === 'object' ? 'edit' : m === 'edit' ? 'pose' : 'object'));
                     break;
-                case "n":
+                case 'n':
                     if (!e.ctrlKey) ;
                     break;
-                case "1":
-                    if (e.code.startsWith("Numpad"))
-                        setCameraPreset("front");
+                case '1':
+                    if (e.code.startsWith('Numpad')) {
+                        setCameraPreset('front');
+                    }
                     break;
-                case "3":
-                    if (e.code.startsWith("Numpad"))
-                        setCameraPreset("right");
+                case '3':
+                    if (e.code.startsWith('Numpad')) {
+                        setCameraPreset('right');
+                    }
                     break;
-                case "7":
-                    if (e.code.startsWith("Numpad"))
-                        setCameraPreset("top");
+                case '7':
+                    if (e.code.startsWith('Numpad')) {
+                        setCameraPreset('top');
+                    }
                     break;
-                case "4":
-                    if (e.code.startsWith("Numpad"))
-                        setCameraPreset("left");
+                case '4':
+                    if (e.code.startsWith('Numpad')) {
+                        setCameraPreset('left');
+                    }
                     break;
-                case "6":
-                    if (e.code.startsWith("Numpad"))
-                        setCameraPreset("right");
+                case '6':
+                    if (e.code.startsWith('Numpad')) {
+                        setCameraPreset('right');
+                    }
                     break;
-                case "9":
-                    if (e.code.startsWith("Numpad"))
-                        setCameraPreset("back");
+                case '9':
+                    if (e.code.startsWith('Numpad')) {
+                        setCameraPreset('back');
+                    }
                     break;
-                case "2":
-                    if (e.code.startsWith("Numpad"))
-                        setCameraPreset("bottom");
+                case '2':
+                    if (e.code.startsWith('Numpad')) {
+                        setCameraPreset('bottom');
+                    }
                     break;
             }
-            if (e.key === "Escape") {
+            if (e.key === 'Escape') {
                 setAddMenuOpen(null);
                 setContextMenu(null);
             }
         };
-        window.addEventListener("keydown", handleKey);
-        return () => window.removeEventListener("keydown", handleKey);
+        window.addEventListener('keydown', handleKey);
+        return () => window.removeEventListener('keydown', handleKey);
     }, [
         togglePlay,
         focusOnObject,
@@ -994,92 +1053,97 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        File input handlers
        ───────────────────────────────────────── */
-    const handleFileInput = ke.useCallback((e) => {
+    const handleFileInput = _e.useCallback((e) => {
         const files = e.target.files;
-        if (!files)
+        if (!files) {
             return;
+        }
         Array.from(files).forEach(loadFile);
-        e.target.value = "";
+        e.target.value = '';
     }, [loadFile]);
-    const handleMergeInput = ke.useCallback((e) => {
+    const handleMergeInput = _e.useCallback((e) => {
         const files = e.target.files;
-        if (!files)
+        if (!files) {
             return;
+        }
         Array.from(files).forEach(mergeAnimationFBX);
-        e.target.value = "";
+        e.target.value = '';
     }, [mergeAnimationFBX]);
     /* ─────────────────────────────────────────
        Export functions
        ───────────────────────────────────────── */
-    const exportGLTF = ke.useCallback((binary) => {
+    const exportGLTF = _e.useCallback((binary) => {
         const root = rootObjectRef.current;
         if (!root) {
-            setStatusText("Nothing to export");
+            setStatusText('Nothing to export');
             return;
         }
         const exporter = new GLTFExporter_js.GLTFExporter();
-        const options = { binary, animations: allClipsRef.current.map((a) => a.clip) };
+        const options = {
+            binary,
+            animations: allClipsRef.current.map((a) => a.clip),
+        };
         exporter.parse(root, (result) => {
             let blob;
             if (binary) {
-                blob = new Blob([result], { type: "application/octet-stream" });
+                blob = new Blob([result], { type: 'application/octet-stream' });
             }
             else {
-                blob = new Blob([JSON.stringify(result, null, 2)], { type: "application/json" });
+                blob = new Blob([JSON.stringify(result, null, 2)], { type: 'application/json' });
             }
-            const a = document.createElement("a");
+            const a = document.createElement('a');
             a.href = URL.createObjectURL(blob);
-            a.download = `export.${binary ? "glb" : "gltf"}`;
+            a.download = `export.${binary ? 'glb' : 'gltf'}`;
             a.click();
             URL.revokeObjectURL(a.href);
-            setStatusText(`Exported ${binary ? "GLB" : "GLTF"} successfully`);
+            setStatusText(`Exported ${binary ? 'GLB' : 'GLTF'} successfully`);
         }, (err) => {
-            log.error("Export error:", err);
+            log.error('Export error:', err);
             setStatusText(`Export error: ${String(err)}`);
         }, options);
     }, []);
-    const exportOBJ = ke.useCallback(() => {
+    const exportOBJ = _e.useCallback(() => {
         const root = rootObjectRef.current;
         if (!root) {
-            setStatusText("Nothing to export");
+            setStatusText('Nothing to export');
             return;
         }
         const exporter = new OBJExporter_js.OBJExporter();
         const result = exporter.parse(root);
-        const blob = new Blob([result], { type: "text/plain" });
-        const a = document.createElement("a");
+        const blob = new Blob([result], { type: 'text/plain' });
+        const a = document.createElement('a');
         a.href = URL.createObjectURL(blob);
-        a.download = "export.obj";
+        a.download = 'export.obj';
         a.click();
         URL.revokeObjectURL(a.href);
-        setStatusText("Exported OBJ successfully");
+        setStatusText('Exported OBJ successfully');
     }, []);
-    const exportSTL = ke.useCallback((binary) => {
+    const exportSTL = _e.useCallback((binary) => {
         const root = rootObjectRef.current;
         if (!root) {
-            setStatusText("Nothing to export");
+            setStatusText('Nothing to export');
             return;
         }
         const exporter = new STLExporter_js.STLExporter();
         const result = exporter.parse(root, { binary });
         let blob;
         if (binary) {
-            blob = new Blob([result], { type: "application/octet-stream" });
+            blob = new Blob([result], { type: 'application/octet-stream' });
         }
         else {
-            blob = new Blob([result], { type: "text/plain" });
+            blob = new Blob([result], { type: 'text/plain' });
         }
-        const a = document.createElement("a");
+        const a = document.createElement('a');
         a.href = URL.createObjectURL(blob);
-        a.download = "export.stl";
+        a.download = 'export.stl';
         a.click();
         URL.revokeObjectURL(a.href);
-        setStatusText(`Exported STL${binary ? " (binary)" : ""} successfully`);
+        setStatusText(`Exported STL${binary ? ' (binary)' : ''} successfully`);
     }, []);
-    const exportPLY = ke.useCallback((binary) => {
+    const exportPLY = _e.useCallback((binary) => {
         const root = rootObjectRef.current;
         if (!root) {
-            setStatusText("Nothing to export");
+            setStatusText('Nothing to export');
             return;
         }
         const exporter = new PLYExporter_js.PLYExporter();
@@ -1087,48 +1151,48 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         exporter.parse(root, (result) => {
             let blob;
             if (binary) {
-                blob = new Blob([result], { type: "application/octet-stream" });
+                blob = new Blob([result], { type: 'application/octet-stream' });
             }
             else {
-                blob = new Blob([result], { type: "text/plain" });
+                blob = new Blob([result], { type: 'text/plain' });
             }
-            const a = document.createElement("a");
+            const a = document.createElement('a');
             a.href = URL.createObjectURL(blob);
-            a.download = "export.ply";
+            a.download = 'export.ply';
             a.click();
             URL.revokeObjectURL(a.href);
-            setStatusText(`Exported PLY${binary ? " (binary)" : ""} successfully`);
+            setStatusText(`Exported PLY${binary ? ' (binary)' : ''} successfully`);
         }, { binary });
     }, []);
-    const exportUSDZ = ke.useCallback(async () => {
+    const exportUSDZ = _e.useCallback(async () => {
         const root = rootObjectRef.current;
         if (!root) {
-            setStatusText("Nothing to export");
+            setStatusText('Nothing to export');
             return;
         }
         try {
             const exporter = new USDZExporter_js.USDZExporter();
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             const result = await new Promise((resolve) => {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any -- USDZExporter.parse callback signature varies between three.js minor versions
                 exporter.parse(root, resolve);
             });
-            const blob = new Blob([result.buffer], { type: "application/octet-stream" });
-            const a = document.createElement("a");
+            const blob = new Blob([result.buffer], { type: 'application/octet-stream' });
+            const a = document.createElement('a');
             a.href = URL.createObjectURL(blob);
-            a.download = "export.usdz";
+            a.download = 'export.usdz';
             a.click();
             URL.revokeObjectURL(a.href);
-            setStatusText("Exported USDZ successfully");
+            setStatusText('Exported USDZ successfully');
         }
         catch (err) {
-            log.error("USDZ export error:", err);
+            log.error('USDZ export error:', err);
             setStatusText(`USDZ export error: ${String(err)}`);
         }
     }, []);
     /* ─────────────────────────────────────────
        Dispose & clear
        ───────────────────────────────────────── */
-    const disposeObject = ke.useCallback((obj) => {
+    const disposeObject = _e.useCallback((obj) => {
         obj.traverse((child) => {
             if (child.geometry) {
                 child.geometry.dispose();
@@ -1139,23 +1203,38 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
                     : [child.material];
                 mats.forEach((mat) => {
                     const m = mat;
-                    ["map", "normalMap", "roughnessMap", "metalnessMap", "emissiveMap", "aoMap", "alphaMap", "envMap", "lightMap", "bumpMap", "displacementMap", "specularMap"].forEach((prop) => {
-                        if (m[prop] && typeof m[prop].dispose === "function")
+                    [
+                        'map',
+                        'normalMap',
+                        'roughnessMap',
+                        'metalnessMap',
+                        'emissiveMap',
+                        'aoMap',
+                        'alphaMap',
+                        'envMap',
+                        'lightMap',
+                        'bumpMap',
+                        'displacementMap',
+                        'specularMap',
+                    ].forEach((prop) => {
+                        if (m[prop] && typeof m[prop].dispose === 'function') {
                             m[prop].dispose();
+                        }
                     });
                     mat.dispose();
                 });
             }
         });
     }, []);
-    const clearScene = ke.useCallback(() => {
+    const clearScene = _e.useCallback(() => {
         var _a;
-        if (!window.confirm("Clear the entire scene? This cannot be undone."))
+        if (!window.confirm('Clear the entire scene? This cannot be undone.')) {
             return;
+        }
         const scene = sceneRef.current;
         const toRemove = [];
         scene.traverse((obj) => {
-            if (!obj.name.startsWith("__") && obj !== scene && obj.parent === scene) {
+            if (!obj.name.startsWith('__') && obj !== scene && obj.parent === scene) {
                 toRemove.push(obj);
             }
         });
@@ -1181,89 +1260,96 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         setAnimDuration(0);
         setSelectedId(null);
         rebuildTree();
-        setStatusText("Scene cleared");
+        setStatusText('Scene cleared');
     }, [rebuildTree, disposeObject]);
     /* ─────────────────────────────────────────
        Save to Library
        ───────────────────────────────────────── */
-    const saveToLibrary = ke.useCallback(() => {
-        if (!onSaveToLibrary)
+    const saveToLibrary = _e.useCallback(() => {
+        if (!onSaveToLibrary) {
             return;
+        }
         const root = rootObjectRef.current;
         if (!root) {
-            setStatusText("Nothing to save");
+            setStatusText('Nothing to save');
             return;
         }
         const exporter = new GLTFExporter_js.GLTFExporter();
         exporter.parse(root, (result) => {
-            const blob = new Blob([result], { type: "model/gltf-binary" });
+            const blob = new Blob([result], { type: 'model/gltf-binary' });
             const reader = new FileReader();
             reader.onload = () => {
-                const defaultName = "model.glb";
-                const name = window.prompt("Save to library as:", defaultName);
-                if (!name || !name.trim())
+                const defaultName = 'model.glb';
+                const name = window.prompt('Save to library as:', defaultName);
+                if (!name || !name.trim()) {
                     return;
-                onSaveToLibrary(reader.result, name.trim(), "model/gltf-binary");
+                }
+                onSaveToLibrary(reader.result, name.trim(), 'model/gltf-binary');
             };
             reader.readAsDataURL(blob);
         }, (err) => {
-            log.error("Save to library error:", err);
+            log.error('Save to library error:', err);
             setStatusText(`Save error: ${String(err)}`);
         }, { binary: true, animations: allClipsRef.current.map((a) => a.clip) });
     }, [onSaveToLibrary]);
     /* ─────────────────────────────────────────
        Add Mesh / Light / Camera / Empty
        ───────────────────────────────────────── */
-    const addPrimitive = ke.useCallback((type) => {
+    const addPrimitive = _e.useCallback((type) => {
         let geo;
         switch (type) {
-            case "cube":
+            case 'cube':
                 geo = new THREE__namespace.BoxGeometry(1, 1, 1);
                 break;
-            case "sphere":
+            case 'sphere':
                 geo = new THREE__namespace.SphereGeometry(0.5, 32, 32);
                 break;
-            case "cylinder":
+            case 'cylinder':
                 geo = new THREE__namespace.CylinderGeometry(0.5, 0.5, 1, 32);
                 break;
-            case "cone":
+            case 'cone':
                 geo = new THREE__namespace.ConeGeometry(0.5, 1, 32);
                 break;
-            case "torus":
+            case 'torus':
                 geo = new THREE__namespace.TorusGeometry(0.5, 0.2, 16, 32);
                 break;
-            case "plane":
+            case 'plane':
                 geo = new THREE__namespace.PlaneGeometry(2, 2);
                 break;
-            case "circle":
+            case 'circle':
                 geo = new THREE__namespace.CircleGeometry(0.5, 32);
                 break;
-            case "ring":
+            case 'ring':
                 geo = new THREE__namespace.RingGeometry(0.3, 0.5, 32);
                 break;
-            case "dodecahedron":
+            case 'dodecahedron':
                 geo = new THREE__namespace.DodecahedronGeometry(0.5);
                 break;
-            case "icosahedron":
+            case 'icosahedron':
                 geo = new THREE__namespace.IcosahedronGeometry(0.5);
                 break;
-            case "octahedron":
+            case 'octahedron':
                 geo = new THREE__namespace.OctahedronGeometry(0.5);
                 break;
-            case "tetrahedron":
+            case 'tetrahedron':
                 geo = new THREE__namespace.TetrahedronGeometry(0.5);
                 break;
-            case "torusKnot":
+            case 'torusKnot':
                 geo = new THREE__namespace.TorusKnotGeometry(0.4, 0.15, 64, 16);
                 break;
-            default: return;
+            default:
+                return;
         }
-        const mat = new THREE__namespace.MeshStandardMaterial({ color: 0x888888, metalness: 0.1, roughness: 0.7 });
+        const mat = new THREE__namespace.MeshStandardMaterial({
+            color: 0x888888,
+            metalness: 0.1,
+            roughness: 0.7,
+        });
         const mesh = new THREE__namespace.Mesh(geo, mat);
         mesh.name = type.charAt(0).toUpperCase() + type.slice(1);
         mesh.castShadow = true;
         mesh.receiveShadow = true;
-        if (type === "plane" || type === "circle") {
+        if (type === 'plane' || type === 'circle') {
             mesh.rotation.x = -Math.PI / 2;
             mesh.position.y = 0.001;
         }
@@ -1275,37 +1361,38 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         setStatusText(`Added ${mesh.name}`);
         setAddMenuOpen(null);
     }, [rebuildTree]);
-    const addSceneLight = ke.useCallback((type) => {
+    const addSceneLight = _e.useCallback((type) => {
         let light;
         switch (type) {
-            case "point": {
+            case 'point': {
                 const l = new THREE__namespace.PointLight(0xffffff, 1, 20);
                 l.position.set(0, 3, 0);
                 l.castShadow = true;
                 light = l;
                 break;
             }
-            case "spot": {
+            case 'spot': {
                 const l = new THREE__namespace.SpotLight(0xffffff, 1, 20, Math.PI / 6, 0.3);
                 l.position.set(0, 4, 2);
                 l.castShadow = true;
                 light = l;
                 break;
             }
-            case "directional": {
+            case 'directional': {
                 const l = new THREE__namespace.DirectionalLight(0xffffff, 1);
                 l.position.set(3, 5, 3);
                 l.castShadow = true;
                 light = l;
                 break;
             }
-            case "hemisphere": {
+            case 'hemisphere': {
                 light = new THREE__namespace.HemisphereLight(0x8888ff, 0x442200, 0.5);
                 break;
             }
-            default: return;
+            default:
+                return;
         }
-        light.name = type.charAt(0).toUpperCase() + type.slice(1) + "Light";
+        light.name = type.charAt(0).toUpperCase() + type.slice(1) + 'Light';
         sceneRef.current.add(light);
         let helper = null;
         if (light instanceof THREE__namespace.PointLight) {
@@ -1328,26 +1415,27 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         setStatusText(`Added ${light.name}`);
         setAddMenuOpen(null);
     }, [rebuildTree]);
-    const addCameraObject = ke.useCallback(() => {
+    const addCameraObject = _e.useCallback(() => {
         const cam = new THREE__namespace.PerspectiveCamera(50, 16 / 9, 0.1, 1000);
-        cam.name = "Camera";
+        cam.name = 'Camera';
         cam.position.set(5, 3, 5);
         cam.lookAt(0, 0, 0);
         sceneRef.current.add(cam);
         const helper = new THREE__namespace.CameraHelper(cam);
-        helper.name = "__helper_Camera";
+        helper.name = '__helper_Camera';
         sceneRef.current.add(helper);
         rebuildTree();
-        setStatusText("Added Camera");
+        setStatusText('Added Camera');
         setAddMenuOpen(null);
     }, [rebuildTree]);
-    const addEmpty = ke.useCallback((type) => {
+    const addEmpty = _e.useCallback((type) => {
         const obj = new THREE__namespace.Object3D();
-        obj.name = type === "arrows" ? "Empty_Arrows" : type === "cube_empty" ? "Empty_Cube" : "Empty";
+        obj.name =
+            type === 'arrows' ? 'Empty_Arrows' : type === 'cube_empty' ? 'Empty_Cube' : 'Empty';
         sceneRef.current.add(obj);
-        if (type === "arrows") {
+        if (type === 'arrows') {
             const h = new THREE__namespace.AxesHelper(0.5);
-            h.name = "__emptyAxes";
+            h.name = '__emptyAxes';
             obj.add(h);
         }
         rebuildTree();
@@ -1357,21 +1445,25 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Raycaster click-to-select
        ───────────────────────────────────────── */
-    const handleViewportClick = ke.useCallback((e) => {
-        if (editorMode !== "object")
+    const handleViewportClick = _e.useCallback((e) => {
+        if (editorMode !== 'object') {
             return;
-        if (!mountRef.current || !rendererRef.current || !cameraRef.current)
+        }
+        if (!mountRef.current || !rendererRef.current || !cameraRef.current) {
             return;
-        if (e.target !== rendererRef.current.domElement)
+        }
+        if (e.target !== rendererRef.current.domElement) {
             return;
+        }
         const rect = mountRef.current.getBoundingClientRect();
         const x = ((e.clientX - rect.left) / rect.width) * 2 - 1;
         const y = -((e.clientY - rect.top) / rect.height) * 2 + 1;
         raycasterRef.current.setFromCamera(new THREE__namespace.Vector2(x, y), cameraRef.current);
         const meshes = [];
         sceneRef.current.traverse((obj) => {
-            if (obj instanceof THREE__namespace.Mesh && !obj.name.startsWith("__"))
+            if (obj instanceof THREE__namespace.Mesh && !obj.name.startsWith('__')) {
                 meshes.push(obj);
+            }
         });
         const intersects = raycasterRef.current.intersectObjects(meshes, false);
         if (intersects.length > 0) {
@@ -1393,33 +1485,35 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Context menu
        ───────────────────────────────────────── */
-    const handleContextMenu = ke.useCallback((e) => {
+    const handleContextMenu = _e.useCallback((e) => {
         e.preventDefault();
         setContextMenu({ x: e.clientX, y: e.clientY });
     }, []);
-    const closeContextMenu = ke.useCallback(() => setContextMenu(null), []);
-    ke.useEffect(() => {
-        if (!contextMenu)
+    const closeContextMenu = _e.useCallback(() => setContextMenu(null), []);
+    _e.useEffect(() => {
+        if (!contextMenu) {
             return;
+        }
         const close = () => setContextMenu(null);
-        window.addEventListener("click", close);
-        return () => window.removeEventListener("click", close);
+        window.addEventListener('click', close);
+        return () => window.removeEventListener('click', close);
     }, [contextMenu]);
     /* ─────────────────────────────────────────
        AI animation from video
        ───────────────────────────────────────── */
-    const handleAIVideo = ke.useCallback(async (e) => {
+    const handleAIVideo = _e.useCallback(async (e) => {
         var _a;
         const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
-        if (!file)
+        if (!file) {
             return;
-        e.target.value = "";
+        }
+        e.target.value = '';
         if (!onAIPoseVideo) {
-            setAiStatus("AI pose callback not configured.");
+            setAiStatus('AI pose callback not configured.');
             return;
         }
         setAiBusy(true);
-        setAiStatus("Uploading video for AI pose estimation...");
+        setAiStatus('Uploading video for AI pose estimation...');
         try {
             const result = await onAIPoseVideo(file);
             setAiStatus(`Got ${result.frame_count} frames at ${result.fps} fps. Creating animation clip...`);
@@ -1437,14 +1531,14 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
                 allClipsRef.current = [...allClipsRef.current, newAnim];
                 setAnimations([...allClipsRef.current]);
                 playClip(allClipsRef.current.length - 1);
-                setAiStatus("Animation created successfully!");
+                setAiStatus('Animation created successfully!');
             }
             else {
-                setAiStatus("Could not create animation — load a rigged model first.");
+                setAiStatus('Could not create animation — load a rigged model first.');
             }
         }
         catch (err) {
-            log.error("AI pose error:", err);
+            log.error('AI pose error:', err);
             setAiStatus(`Error: ${String(err)}`);
         }
         finally {
@@ -1454,24 +1548,24 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Node helpers
        ───────────────────────────────────────── */
-    const toggleNodeVisibility = ke.useCallback((node) => {
+    const toggleNodeVisibility = _e.useCallback((node) => {
         node.object.visible = !node.object.visible;
         rebuildTree();
     }, [rebuildTree]);
-    const toggleNodeExpanded = ke.useCallback((node) => {
+    const toggleNodeExpanded = _e.useCallback((node) => {
         node.expanded = !node.expanded;
         setSceneTree((prev) => [...prev]);
     }, []);
     /* ─────────────────────────────────────────
        Undo / Redo
        ───────────────────────────────────────── */
-    const undoRedoRef = ke.useRef(new modelEditorUtils.UndoRedoStack());
-    const [undoRedoVer, setUndoRedoVer] = ke.useState(0);
-    const pushUndo = ke.useCallback((action) => {
+    const undoRedoRef = _e.useRef(new modelEditorUtils.UndoRedoStack());
+    const [undoRedoVer, setUndoRedoVer] = _e.useState(0);
+    const pushUndo = _e.useCallback((action) => {
         undoRedoRef.current.push(action);
         setUndoRedoVer((v) => v + 1);
     }, []);
-    const undo = ke.useCallback(() => {
+    const undo = _e.useCallback(() => {
         const label = undoRedoRef.current.undo();
         if (label) {
             setStatusText(`Undo: ${label}`);
@@ -1479,7 +1573,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         }
         setUndoRedoVer((v) => v + 1);
     }, [rebuildTree]);
-    const redo = ke.useCallback(() => {
+    const redo = _e.useCallback(() => {
         const label = undoRedoRef.current.redo();
         if (label) {
             setStatusText(`Redo: ${label}`);
@@ -1492,30 +1586,30 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     const undoLabel = undoRedoRef.current.undoLabel;
     const redoLabel = undoRedoRef.current.redoLabel;
     // Keyboard shortcuts for undo/redo
-    ke.useEffect(() => {
+    _e.useEffect(() => {
         const handleKeyDown = (e) => {
-            if ((e.ctrlKey || e.metaKey) && e.key === "z" && !e.shiftKey) {
+            if ((e.ctrlKey || e.metaKey) && e.key === 'z' && !e.shiftKey) {
                 e.preventDefault();
                 undo();
             }
-            else if ((e.ctrlKey || e.metaKey) && (e.key === "y" || (e.key === "z" && e.shiftKey))) {
+            else if ((e.ctrlKey || e.metaKey) && (e.key === 'y' || (e.key === 'z' && e.shiftKey))) {
                 e.preventDefault();
                 redo();
             }
         };
-        window.addEventListener("keydown", handleKeyDown);
-        return () => window.removeEventListener("keydown", handleKeyDown);
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
     }, [undo, redo]);
     /* ─────────────────────────────────────────
        Batch Import
        ───────────────────────────────────────── */
-    const loadFiles = ke.useCallback(async (files) => {
+    const loadFiles = _e.useCallback(async (files) => {
         const fileArray = Array.from(files).filter((f) => {
-            const ext = f.name.substring(f.name.lastIndexOf(".")).toLowerCase();
+            const ext = f.name.substring(f.name.lastIndexOf('.')).toLowerCase();
             return modelEditorTypes.SUPPORTED_EXTENSIONS.includes(ext);
         });
         if (fileArray.length === 0) {
-            setStatusText("No supported files found");
+            setStatusText('No supported files found');
             return;
         }
         setStatusText(`Importing ${fileArray.length} file(s)...`);
@@ -1535,28 +1629,34 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        PBR Presets
        ───────────────────────────────────────── */
-    const applyPreset = ke.useCallback((preset) => {
+    const applyPreset = _e.useCallback((preset) => {
         const node = selectedNode;
         if (!node || !(node.object instanceof THREE__namespace.Mesh)) {
-            setStatusText("Select a mesh to apply material preset");
+            setStatusText('Select a mesh to apply material preset');
             return;
         }
         const mesh = node.object;
-        const oldMaterial = Array.isArray(mesh.material) ? mesh.material[selMaterialIdx] : mesh.material;
-        if (!oldMaterial)
+        const oldMaterial = Array.isArray(mesh.material)
+            ? mesh.material[selMaterialIdx]
+            : mesh.material;
+        if (!oldMaterial) {
             return;
+        }
         // Save for undo
         const oldClone = oldMaterial.clone();
         const materialIdx = selMaterialIdx;
         const newMaterial = modelEditorUtils.createMaterialFromPreset(preset);
         // Copy existing textures if present
         if (oldMaterial instanceof THREE__namespace.MeshStandardMaterial) {
-            if (oldMaterial.map)
+            if (oldMaterial.map) {
                 newMaterial.map = oldMaterial.map;
-            if (oldMaterial.normalMap)
+            }
+            if (oldMaterial.normalMap) {
                 newMaterial.normalMap = oldMaterial.normalMap;
-            if (oldMaterial.aoMap)
+            }
+            if (oldMaterial.aoMap) {
                 newMaterial.aoMap = oldMaterial.aoMap;
+            }
         }
         if (Array.isArray(mesh.material)) {
             mesh.material[materialIdx] = newMaterial;
@@ -1589,10 +1689,10 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        LOD Generation
        ───────────────────────────────────────── */
-    const generateSelectedLOD = ke.useCallback(() => {
+    const generateSelectedLOD = _e.useCallback(() => {
         const node = selectedNode;
         if (!node || !(node.object instanceof THREE__namespace.Mesh)) {
-            setStatusText("Select a mesh to generate LOD");
+            setStatusText('Select a mesh to generate LOD');
             return;
         }
         const mesh = node.object;
@@ -1602,8 +1702,14 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         parent.add(lod);
         pushUndo({
             label: `Generate LOD for ${mesh.name}`,
-            undo: () => { parent.remove(lod); parent.add(mesh); },
-            redo: () => { parent.remove(mesh); parent.add(lod); },
+            undo: () => {
+                parent.remove(lod);
+                parent.add(mesh);
+            },
+            redo: () => {
+                parent.remove(mesh);
+                parent.add(lod);
+            },
         });
         rebuildTree();
         setStatusText(`Generated LOD for ${mesh.name} (4 levels)`);
@@ -1611,21 +1717,22 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Instancing
        ───────────────────────────────────────── */
-    const convertSelectedToInstanced = ke.useCallback(() => {
+    const convertSelectedToInstanced = _e.useCallback(() => {
         const root = rootObjectRef.current || sceneRef.current;
         const result = modelEditorUtils.convertToInstanced(root);
         if (result.created === 0) {
-            setStatusText("No duplicate meshes found to instance");
+            setStatusText('No duplicate meshes found to instance');
             return;
         }
         rebuildTree();
         setStatusText(`Created ${result.created} instanced meshes, removed ${result.removed} duplicates`);
     }, [rebuildTree]);
     /* ── HDRI Environment ── */
-    const applyHDRI = ke.useCallback((preset) => {
+    const applyHDRI = _e.useCallback((preset) => {
         const renderer = rendererRef.current;
-        if (!renderer)
+        if (!renderer) {
             return;
+        }
         modelEditorUtils.applyHDRIPreset(sceneRef.current, renderer, preset);
         setBgColor(`#${new THREE__namespace.Color(preset.bgColor).getHexString()}`);
         if (preset.fog) {
@@ -1640,9 +1747,9 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         setStatusText(`Environment: ${preset.name}`);
     }, []);
     /* ── Snap ── */
-    const snapPoint = ke.useCallback((point) => {
+    const snapPoint = _e.useCallback((point) => {
         const root = rootObjectRef.current || sceneRef.current;
-        const modes = snapEnabled ? ["vertex", "edge", "grid"] : ["grid"];
+        const modes = snapEnabled ? ['vertex', 'edge', 'grid'] : ['grid'];
         return modelEditorUtils.snapMulti(point, root, snapGrid, modes, 0.5);
     }, [snapEnabled, snapGrid]);
     /* ═══════════════════════════════════════════