@nice2dev/ui-3d 1.0.2 → 1.0.4

package/dist/cjs/model/useModelEditor.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Ae = require('react');
+var Ve = 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');
@@ -72,82 +72,82 @@ function findNodeById(nodes, id) {
    ═══════════════════════════════════════════ */
 function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ── refs ── */
-    const mountRef = Ae.useRef(null);
-    const rendererRef = Ae.useRef(null);
-    const sceneRef = Ae.useRef(new THREE__namespace.Scene());
-    const cameraRef = Ae.useRef(new THREE__namespace.PerspectiveCamera(50, 1, 0.01, 10000));
-    const orbitRef = Ae.useRef(null);
-    const transformRef = Ae.useRef(null);
-    const clockRef = Ae.useRef(new THREE__namespace.Clock());
-    const mixerRef = Ae.useRef(null);
-    const rafRef = Ae.useRef(0);
-    const fileInputRef = Ae.useRef(null);
-    const mergeInputRef = Ae.useRef(null);
-    const videoInputRef = Ae.useRef(null);
-    const raycasterRef = Ae.useRef(new THREE__namespace.Raycaster());
-    const skeletonHelperRef = Ae.useRef(null);
+    const mountRef = Ve.useRef(null);
+    const rendererRef = Ve.useRef(null);
+    const sceneRef = Ve.useRef(new THREE__namespace.Scene());
+    const cameraRef = Ve.useRef(new THREE__namespace.PerspectiveCamera(50, 1, 0.01, 10000));
+    const orbitRef = Ve.useRef(null);
+    const transformRef = Ve.useRef(null);
+    const clockRef = Ve.useRef(new THREE__namespace.Clock());
+    const mixerRef = Ve.useRef(null);
+    const rafRef = Ve.useRef(0);
+    const fileInputRef = Ve.useRef(null);
+    const mergeInputRef = Ve.useRef(null);
+    const videoInputRef = Ve.useRef(null);
+    const raycasterRef = Ve.useRef(new THREE__namespace.Raycaster());
+    const skeletonHelperRef = Ve.useRef(null);
     /* ── state ── */
-    const [sceneTree, setSceneTree] = Ae.useState([]);
-    const [selectedId, setSelectedId] = Ae.useState(null);
-    const [transformMode, setTransformMode] = Ae.useState("translate");
-    const [animations, setAnimations] = Ae.useState([]);
-    const [activeAnimIdx, setActiveAnimIdx] = Ae.useState(-1);
-    const [isPlaying, setIsPlaying] = Ae.useState(false);
-    const [animTime, setAnimTime] = Ae.useState(0);
-    const [animDuration, setAnimDuration] = Ae.useState(0);
-    const [animSpeed, setAnimSpeed] = Ae.useState(1);
-    const [loopAnim, setLoopAnim] = Ae.useState(true);
-    const [bottomCollapsed, setBottomCollapsed] = Ae.useState(false);
-    const [showGrid, setShowGrid] = Ae.useState(true);
-    const [showAxes, setShowAxes] = Ae.useState(true);
-    const [wireframe, setWireframe] = Ae.useState(false);
-    const [bgColor, setBgColor] = Ae.useState("#111122");
-    const [statusText, setStatusText] = Ae.useState("Ready");
-    const [dragOver, setDragOver] = Ae.useState(false);
-    const [polyCount, setPolyCount] = Ae.useState(0);
-    const [meshCount, setMeshCount] = Ae.useState(0);
-    const [boneCount, setBoneCount] = Ae.useState(0);
+    const [sceneTree, setSceneTree] = Ve.useState([]);
+    const [selectedId, setSelectedId] = Ve.useState(null);
+    const [transformMode, setTransformMode] = Ve.useState("translate");
+    const [animations, setAnimations] = Ve.useState([]);
+    const [activeAnimIdx, setActiveAnimIdx] = Ve.useState(-1);
+    const [isPlaying, setIsPlaying] = Ve.useState(false);
+    const [animTime, setAnimTime] = Ve.useState(0);
+    const [animDuration, setAnimDuration] = Ve.useState(0);
+    const [animSpeed, setAnimSpeed] = Ve.useState(1);
+    const [loopAnim, setLoopAnim] = Ve.useState(true);
+    const [bottomCollapsed, setBottomCollapsed] = Ve.useState(false);
+    const [showGrid, setShowGrid] = Ve.useState(true);
+    const [showAxes, setShowAxes] = Ve.useState(true);
+    const [wireframe, setWireframe] = Ve.useState(false);
+    const [bgColor, setBgColor] = Ve.useState("#111122");
+    const [statusText, setStatusText] = Ve.useState("Ready");
+    const [dragOver, setDragOver] = Ve.useState(false);
+    const [polyCount, setPolyCount] = Ve.useState(0);
+    const [meshCount, setMeshCount] = Ve.useState(0);
+    const [boneCount, setBoneCount] = Ve.useState(0);
     // Material editor
-    const [selMaterialIdx, setSelMaterialIdx] = Ae.useState(0);
-    const [matRefresh, setMatRefresh] = Ae.useState(0);
+    const [selMaterialIdx, setSelMaterialIdx] = Ve.useState(0);
+    const [matRefresh, setMatRefresh] = Ve.useState(0);
     // AI panel
-    const [aiStatus, setAiStatus] = Ae.useState("");
-    const [aiBusy, setAiBusy] = Ae.useState(false);
+    const [aiStatus, setAiStatus] = Ve.useState("");
+    const [aiBusy, setAiBusy] = Ve.useState(false);
     // Blender 2.0 — viewport & editor
-    const [shadingMode, setShadingMode] = Ae.useState("solid");
-    const [editorMode, setEditorMode] = Ae.useState("object");
-    const [contextMenu, setContextMenu] = Ae.useState(null);
-    const [outlinerSearch, setOutlinerSearch] = Ae.useState("");
-    const [snapEnabled, setSnapEnabled] = Ae.useState(false);
-    const [snapGrid, setSnapGrid] = Ae.useState(1);
-    const [showSkeleton, setShowSkeleton] = Ae.useState(true);
-    const [addMenuOpen, setAddMenuOpen] = Ae.useState(null);
-    const [gizmoSpace, setGizmoSpace] = Ae.useState("world");
-    const [propTab, setPropTab] = Ae.useState("object");
-    const [fogEnabled, setFogEnabled] = Ae.useState(false);
-    const [fogColor, setFogColor] = Ae.useState("#111122");
-    const [fogNear, setFogNear] = Ae.useState(10);
-    const [fogFar, setFogFar] = Ae.useState(100);
-    const [showLightHelpers, setShowLightHelpers] = Ae.useState(true);
+    const [shadingMode, setShadingMode] = Ve.useState("solid");
+    const [editorMode, setEditorMode] = Ve.useState("object");
+    const [contextMenu, setContextMenu] = Ve.useState(null);
+    const [outlinerSearch, setOutlinerSearch] = Ve.useState("");
+    const [snapEnabled, setSnapEnabled] = Ve.useState(false);
+    const [snapGrid, setSnapGrid] = Ve.useState(1);
+    const [showSkeleton, setShowSkeleton] = Ve.useState(true);
+    const [addMenuOpen, setAddMenuOpen] = Ve.useState(null);
+    const [gizmoSpace, setGizmoSpace] = Ve.useState("world");
+    const [propTab, setPropTab] = Ve.useState("object");
+    const [fogEnabled, setFogEnabled] = Ve.useState(false);
+    const [fogColor, setFogColor] = Ve.useState("#111122");
+    const [fogNear, setFogNear] = Ve.useState(10);
+    const [fogFar, setFogFar] = Ve.useState(100);
+    const [showLightHelpers, setShowLightHelpers] = Ve.useState(true);
     // The root object that was loaded (mesh/character)
-    const rootObjectRef = Ae.useRef(null);
+    const rootObjectRef = Ve.useRef(null);
     // Active animation action
-    const activeActionRef = Ae.useRef(null);
+    const activeActionRef = Ve.useRef(null);
     // All loaded animation clips (for the current model)
-    const allClipsRef = Ae.useRef([]);
+    const allClipsRef = Ve.useRef([]);
     /* keep refs current */
-    const animTimeRef = Ae.useRef(animTime);
+    const animTimeRef = Ve.useRef(animTime);
     animTimeRef.current = animTime;
-    const isPlayingRef = Ae.useRef(isPlaying);
+    const isPlayingRef = Ve.useRef(isPlaying);
     isPlayingRef.current = isPlaying;
-    const animSpeedRef = Ae.useRef(animSpeed);
+    const animSpeedRef = Ve.useRef(animSpeed);
     animSpeedRef.current = animSpeed;
-    const loopAnimRef = Ae.useRef(loopAnim);
+    const loopAnimRef = Ve.useRef(loopAnim);
     loopAnimRef.current = loopAnim;
     /* ─────────────────────────────────────────
        Scene setup
        ───────────────────────────────────────── */
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         const container = mountRef.current;
         if (!container)
             return;
@@ -280,7 +280,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Rebuild scene tree from Three.js scene
        ───────────────────────────────────────── */
-    const rebuildTree = Ae.useCallback(() => {
+    const rebuildTree = Ve.useCallback(() => {
         const scene = sceneRef.current;
         let polys = 0;
         let meshes = 0;
@@ -347,9 +347,9 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        File loading
        ───────────────────────────────────────── */
-    const playClipRef = Ae.useRef(() => { });
-    const focusOnObjectRef = Ae.useRef(() => { });
-    const addObjectToScene = Ae.useCallback((obj, clips, filename) => {
+    const playClipRef = Ve.useRef(() => { });
+    const focusOnObjectRef = Ve.useRef(() => { });
+    const addObjectToScene = Ve.useCallback((obj, clips, filename) => {
         const scene = sceneRef.current;
         obj.traverse((child) => {
             if (child instanceof THREE__namespace.Mesh) {
@@ -396,7 +396,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         rebuildTree();
         setStatusText(`Loaded: ${filename} (${clips.length} animation(s))`);
     }, [rebuildTree]);
-    const loadFile = Ae.useCallback(async (file) => {
+    const loadFile = Ve.useCallback(async (file) => {
         var _a, _b, _c, _d, _e, _f;
         const name = file.name.toLowerCase();
         const ext = "." + name.split(".").pop();
@@ -515,7 +515,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             URL.revokeObjectURL(url);
         }
     }, [addObjectToScene]);
-    const mergeAnimationFBX = Ae.useCallback(async (file) => {
+    const mergeAnimationFBX = Ve.useCallback(async (file) => {
         var _a;
         const url = URL.createObjectURL(file);
         setStatusText(`Merging animations from ${file.name}...`);
@@ -556,7 +556,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Animation controls
        ───────────────────────────────────────── */
-    const playClip = Ae.useCallback((index) => {
+    const playClip = Ve.useCallback((index) => {
         const mixer = mixerRef.current;
         if (!mixer || index < 0 || index >= allClipsRef.current.length)
             return;
@@ -576,7 +576,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         setIsPlaying(true);
     }, []);
     playClipRef.current = playClip;
-    const togglePlay = Ae.useCallback(() => {
+    const togglePlay = Ve.useCallback(() => {
         if (activeAnimIdx < 0 && allClipsRef.current.length > 0) {
             playClip(0);
             return;
@@ -593,7 +593,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             setIsPlaying(true);
         }
     }, [activeAnimIdx, playClip]);
-    const stopAnim = Ae.useCallback(() => {
+    const stopAnim = Ve.useCallback(() => {
         const action = activeActionRef.current;
         if (action) {
             action.stop();
@@ -602,7 +602,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         setIsPlaying(false);
         setAnimTime(0);
     }, []);
-    const seekAnim = Ae.useCallback((t) => {
+    const seekAnim = Ve.useCallback((t) => {
         var _a;
         const action = activeActionRef.current;
         if (!action)
@@ -616,7 +616,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Camera helpers
        ───────────────────────────────────────── */
-    const focusOnObject = Ae.useCallback((obj) => {
+    const focusOnObject = Ve.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,7 +630,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         }
     }, []);
     focusOnObjectRef.current = focusOnObject;
-    const setCameraPreset = Ae.useCallback((preset) => {
+    const setCameraPreset = Ve.useCallback((preset) => {
         const orbit = orbitRef.current;
         if (!orbit)
             return;
@@ -664,7 +664,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Selection & transform
        ───────────────────────────────────────── */
-    const selectObject = Ae.useCallback((node) => {
+    const selectObject = Ve.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;
@@ -678,29 +678,29 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             tc.detach();
         }
     }, [transformMode]);
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         var _a;
         (_a = transformRef.current) === null || _a === void 0 ? void 0 : _a.setMode(transformMode);
     }, [transformMode]);
     /* ─────────────────────────────────────────
        Toggle helpers
        ───────────────────────────────────────── */
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         const scene = sceneRef.current;
         const grid = scene.getObjectByName("__grid");
         if (grid)
             grid.visible = showGrid;
     }, [showGrid]);
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         const scene = sceneRef.current;
         const axes = scene.getObjectByName("__axes");
         if (axes)
             axes.visible = showAxes;
     }, [showAxes]);
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         sceneRef.current.background = new THREE__namespace.Color(bgColor);
     }, [bgColor]);
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         const root = rootObjectRef.current;
         if (!root)
             return;
@@ -719,7 +719,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Viewport shading mode
        ───────────────────────────────────────── */
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         const renderer = rendererRef.current;
         if (!renderer)
             return;
@@ -772,12 +772,12 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         }
     }, [shadingMode]);
     /* Gizmo space */
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         var _a;
         (_a = transformRef.current) === null || _a === void 0 ? void 0 : _a.setSpace(gizmoSpace);
     }, [gizmoSpace]);
     /* Snap settings */
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         const tc = transformRef.current;
         if (!tc)
             return;
@@ -793,7 +793,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         }
     }, [snapEnabled, snapGrid]);
     /* Skeleton helper */
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         const scene = sceneRef.current;
         if (skeletonHelperRef.current) {
             scene.remove(skeletonHelperRef.current);
@@ -814,7 +814,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         }
     }, [showSkeleton, sceneTree]);
     /* Fog */
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (fogEnabled) {
             sceneRef.current.fog = new THREE__namespace.Fog(fogColor, fogNear, fogFar);
         }
@@ -823,7 +823,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         }
     }, [fogEnabled, fogColor, fogNear, fogFar]);
     /* Light helpers visibility */
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         sceneRef.current.traverse((obj) => {
             if (obj.name.startsWith("__helper_")) {
                 obj.visible = showLightHelpers;
@@ -833,16 +833,16 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Drag-and-drop
        ───────────────────────────────────────── */
-    const handleDragOver = Ae.useCallback((e) => {
+    const handleDragOver = Ve.useCallback((e) => {
         e.preventDefault();
         e.stopPropagation();
         setDragOver(true);
     }, []);
-    const handleDragLeave = Ae.useCallback((e) => {
+    const handleDragLeave = Ve.useCallback((e) => {
         e.preventDefault();
         setDragOver(false);
     }, []);
-    const handleDrop = Ae.useCallback((e) => {
+    const handleDrop = Ve.useCallback((e) => {
         e.preventDefault();
         e.stopPropagation();
         setDragOver(false);
@@ -857,14 +857,14 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Helpers
        ───────────────────────────────────────── */
-    const selectedNode = Ae.useMemo(() => (selectedId ? findNodeById(sceneTree, selectedId) : null), [selectedId, sceneTree]);
-    const selectedMaterials = Ae.useMemo(() => {
+    const selectedNode = Ve.useMemo(() => (selectedId ? findNodeById(sceneTree, selectedId) : null), [selectedId, sceneTree]);
+    const selectedMaterials = Ve.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 = Ae.useCallback(() => {
+    const deleteSelected = Ve.useCallback(() => {
         var _a;
         if (!selectedNode)
             return;
@@ -873,7 +873,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         setSelectedId(null);
         rebuildTree();
     }, [selectedNode, rebuildTree]);
-    const duplicateSelected = Ae.useCallback(() => {
+    const duplicateSelected = Ve.useCallback(() => {
         if (!selectedNode)
             return;
         const clone = selectedNode.object.clone(true);
@@ -886,7 +886,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Keyboard shortcuts
        ───────────────────────────────────────── */
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         const handleKey = (e) => {
             var _a, _b, _c;
             const tag = (_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName;
@@ -994,14 +994,14 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        File input handlers
        ───────────────────────────────────────── */
-    const handleFileInput = Ae.useCallback((e) => {
+    const handleFileInput = Ve.useCallback((e) => {
         const files = e.target.files;
         if (!files)
             return;
         Array.from(files).forEach(loadFile);
         e.target.value = "";
     }, [loadFile]);
-    const handleMergeInput = Ae.useCallback((e) => {
+    const handleMergeInput = Ve.useCallback((e) => {
         const files = e.target.files;
         if (!files)
             return;
@@ -1011,7 +1011,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Export functions
        ───────────────────────────────────────── */
-    const exportGLTF = Ae.useCallback((binary) => {
+    const exportGLTF = Ve.useCallback((binary) => {
         const root = rootObjectRef.current;
         if (!root) {
             setStatusText("Nothing to export");
@@ -1038,7 +1038,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             setStatusText(`Export error: ${String(err)}`);
         }, options);
     }, []);
-    const exportOBJ = Ae.useCallback(() => {
+    const exportOBJ = Ve.useCallback(() => {
         const root = rootObjectRef.current;
         if (!root) {
             setStatusText("Nothing to export");
@@ -1054,7 +1054,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         URL.revokeObjectURL(a.href);
         setStatusText("Exported OBJ successfully");
     }, []);
-    const exportSTL = Ae.useCallback((binary) => {
+    const exportSTL = Ve.useCallback((binary) => {
         const root = rootObjectRef.current;
         if (!root) {
             setStatusText("Nothing to export");
@@ -1076,7 +1076,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         URL.revokeObjectURL(a.href);
         setStatusText(`Exported STL${binary ? " (binary)" : ""} successfully`);
     }, []);
-    const exportPLY = Ae.useCallback((binary) => {
+    const exportPLY = Ve.useCallback((binary) => {
         const root = rootObjectRef.current;
         if (!root) {
             setStatusText("Nothing to export");
@@ -1100,7 +1100,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             setStatusText(`Exported PLY${binary ? " (binary)" : ""} successfully`);
         }, { binary });
     }, []);
-    const exportUSDZ = Ae.useCallback(async () => {
+    const exportUSDZ = Ve.useCallback(async () => {
         const root = rootObjectRef.current;
         if (!root) {
             setStatusText("Nothing to export");
@@ -1128,7 +1128,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Dispose & clear
        ───────────────────────────────────────── */
-    const disposeObject = Ae.useCallback((obj) => {
+    const disposeObject = Ve.useCallback((obj) => {
         obj.traverse((child) => {
             if (child.geometry) {
                 child.geometry.dispose();
@@ -1148,7 +1148,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             }
         });
     }, []);
-    const clearScene = Ae.useCallback(() => {
+    const clearScene = Ve.useCallback(() => {
         var _a;
         if (!window.confirm("Clear the entire scene? This cannot be undone."))
             return;
@@ -1186,7 +1186,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Save to Library
        ───────────────────────────────────────── */
-    const saveToLibrary = Ae.useCallback(() => {
+    const saveToLibrary = Ve.useCallback(() => {
         if (!onSaveToLibrary)
             return;
         const root = rootObjectRef.current;
@@ -1214,7 +1214,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Add Mesh / Light / Camera / Empty
        ───────────────────────────────────────── */
-    const addPrimitive = Ae.useCallback((type) => {
+    const addPrimitive = Ve.useCallback((type) => {
         let geo;
         switch (type) {
             case "cube":
@@ -1275,7 +1275,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         setStatusText(`Added ${mesh.name}`);
         setAddMenuOpen(null);
     }, [rebuildTree]);
-    const addSceneLight = Ae.useCallback((type) => {
+    const addSceneLight = Ve.useCallback((type) => {
         let light;
         switch (type) {
             case "point": {
@@ -1328,7 +1328,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         setStatusText(`Added ${light.name}`);
         setAddMenuOpen(null);
     }, [rebuildTree]);
-    const addCameraObject = Ae.useCallback(() => {
+    const addCameraObject = Ve.useCallback(() => {
         const cam = new THREE__namespace.PerspectiveCamera(50, 16 / 9, 0.1, 1000);
         cam.name = "Camera";
         cam.position.set(5, 3, 5);
@@ -1341,7 +1341,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         setStatusText("Added Camera");
         setAddMenuOpen(null);
     }, [rebuildTree]);
-    const addEmpty = Ae.useCallback((type) => {
+    const addEmpty = Ve.useCallback((type) => {
         const obj = new THREE__namespace.Object3D();
         obj.name = type === "arrows" ? "Empty_Arrows" : type === "cube_empty" ? "Empty_Cube" : "Empty";
         sceneRef.current.add(obj);
@@ -1357,7 +1357,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Raycaster click-to-select
        ───────────────────────────────────────── */
-    const handleViewportClick = Ae.useCallback((e) => {
+    const handleViewportClick = Ve.useCallback((e) => {
         if (editorMode !== "object")
             return;
         if (!mountRef.current || !rendererRef.current || !cameraRef.current)
@@ -1393,12 +1393,12 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Context menu
        ───────────────────────────────────────── */
-    const handleContextMenu = Ae.useCallback((e) => {
+    const handleContextMenu = Ve.useCallback((e) => {
         e.preventDefault();
         setContextMenu({ x: e.clientX, y: e.clientY });
     }, []);
-    const closeContextMenu = Ae.useCallback(() => setContextMenu(null), []);
-    Ae.useEffect(() => {
+    const closeContextMenu = Ve.useCallback(() => setContextMenu(null), []);
+    Ve.useEffect(() => {
         if (!contextMenu)
             return;
         const close = () => setContextMenu(null);
@@ -1408,7 +1408,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        AI animation from video
        ───────────────────────────────────────── */
-    const handleAIVideo = Ae.useCallback(async (e) => {
+    const handleAIVideo = Ve.useCallback(async (e) => {
         var _a;
         const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
         if (!file)
@@ -1454,24 +1454,24 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Node helpers
        ───────────────────────────────────────── */
-    const toggleNodeVisibility = Ae.useCallback((node) => {
+    const toggleNodeVisibility = Ve.useCallback((node) => {
         node.object.visible = !node.object.visible;
         rebuildTree();
     }, [rebuildTree]);
-    const toggleNodeExpanded = Ae.useCallback((node) => {
+    const toggleNodeExpanded = Ve.useCallback((node) => {
         node.expanded = !node.expanded;
         setSceneTree((prev) => [...prev]);
     }, []);
     /* ─────────────────────────────────────────
        Undo / Redo
        ───────────────────────────────────────── */
-    const undoRedoRef = Ae.useRef(new modelEditorUtils.UndoRedoStack());
-    const [undoRedoVer, setUndoRedoVer] = Ae.useState(0);
-    const pushUndo = Ae.useCallback((action) => {
+    const undoRedoRef = Ve.useRef(new modelEditorUtils.UndoRedoStack());
+    const [undoRedoVer, setUndoRedoVer] = Ve.useState(0);
+    const pushUndo = Ve.useCallback((action) => {
         undoRedoRef.current.push(action);
         setUndoRedoVer((v) => v + 1);
     }, []);
-    const undo = Ae.useCallback(() => {
+    const undo = Ve.useCallback(() => {
         const label = undoRedoRef.current.undo();
         if (label) {
             setStatusText(`Undo: ${label}`);
@@ -1479,7 +1479,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         }
         setUndoRedoVer((v) => v + 1);
     }, [rebuildTree]);
-    const redo = Ae.useCallback(() => {
+    const redo = Ve.useCallback(() => {
         const label = undoRedoRef.current.redo();
         if (label) {
             setStatusText(`Redo: ${label}`);
@@ -1492,7 +1492,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     const undoLabel = undoRedoRef.current.undoLabel;
     const redoLabel = undoRedoRef.current.redoLabel;
     // Keyboard shortcuts for undo/redo
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         const handleKeyDown = (e) => {
             if ((e.ctrlKey || e.metaKey) && e.key === "z" && !e.shiftKey) {
                 e.preventDefault();
@@ -1509,7 +1509,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Batch Import
        ───────────────────────────────────────── */
-    const loadFiles = Ae.useCallback(async (files) => {
+    const loadFiles = Ve.useCallback(async (files) => {
         const fileArray = Array.from(files).filter((f) => {
             const ext = f.name.substring(f.name.lastIndexOf(".")).toLowerCase();
             return modelEditorTypes.SUPPORTED_EXTENSIONS.includes(ext);
@@ -1535,7 +1535,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        PBR Presets
        ───────────────────────────────────────── */
-    const applyPreset = Ae.useCallback((preset) => {
+    const applyPreset = Ve.useCallback((preset) => {
         const node = selectedNode;
         if (!node || !(node.object instanceof THREE__namespace.Mesh)) {
             setStatusText("Select a mesh to apply material preset");
@@ -1589,7 +1589,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        LOD Generation
        ───────────────────────────────────────── */
-    const generateSelectedLOD = Ae.useCallback(() => {
+    const generateSelectedLOD = Ve.useCallback(() => {
         const node = selectedNode;
         if (!node || !(node.object instanceof THREE__namespace.Mesh)) {
             setStatusText("Select a mesh to generate LOD");
@@ -1611,7 +1611,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     /* ─────────────────────────────────────────
        Instancing
        ───────────────────────────────────────── */
-    const convertSelectedToInstanced = Ae.useCallback(() => {
+    const convertSelectedToInstanced = Ve.useCallback(() => {
         const root = rootObjectRef.current || sceneRef.current;
         const result = modelEditorUtils.convertToInstanced(root);
         if (result.created === 0) {
@@ -1622,7 +1622,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         setStatusText(`Created ${result.created} instanced meshes, removed ${result.removed} duplicates`);
     }, [rebuildTree]);
     /* ── HDRI Environment ── */
-    const applyHDRI = Ae.useCallback((preset) => {
+    const applyHDRI = Ve.useCallback((preset) => {
         const renderer = rendererRef.current;
         if (!renderer)
             return;
@@ -1640,7 +1640,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         setStatusText(`Environment: ${preset.name}`);
     }, []);
     /* ── Snap ── */
-    const snapPoint = Ae.useCallback((point) => {
+    const snapPoint = Ve.useCallback((point) => {
         const root = rootObjectRef.current || sceneRef.current;
         const modes = snapEnabled ? ["vertex", "edge", "grid"] : ["grid"];
         return modelEditorUtils.snapMulti(point, root, snapGrid, modes, 0.5);