@nice2dev/ui-3d 1.2.0 → 1.2.2

package/dist/cjs/model/useModelEditor.js

@@ -23,6 +23,8 @@ 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 VTKLoader_js = require('three/examples/jsm/loaders/VTKLoader.js');
+var editorAsk = require('../core/editorAsk.js');
+var i18n = require('../core/i18n.js');
 var threeCompat = require('../core/threeCompat.js');
 var modelEditorTypes = require('./modelEditorTypes.js');
 var modelEditorUtils = require('./modelEditorUtils.js');
@@ -53,7 +55,7 @@ var THREE__namespace = /*#__PURE__*/_interopNamespaceDefault(THREE);
  *
  * Extracted from the original ModelEditor.tsx god-component.
  */
-const log = { error: console.error, warn: console.warn, info: console.info };
+const log = { error: console.error, warn: console.warn };
 /* helpers */
 let _nid = 0;
 const nid = () => `n${++_nid}`;
@@ -75,6 +77,8 @@ function findNodeById(nodes, id) {
    ═══════════════════════════════════════════ */
 function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     var _a;
+    const { t } = i18n.useNiceTranslation();
+    const { pendingAsk, ask } = editorAsk.useEditorAsk();
     /* ── refs ── */
     const mountRef = React.useRef(null);
     const rendererRef = React.useRef(null);
@@ -225,10 +229,9 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         // goes into the scene is its helper.
         const tcHelper = tc.getHelper();
         tcHelper.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(tcHelper);
         transformRef.current = tc;
         // Resize handler
@@ -414,14 +417,16 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         }
         focusOnObjectRef.current(obj);
         rebuildTree();
-        setStatusText(`Loaded: ${filename} (${clips.length} animation(s))`);
-    }, [rebuildTree]);
+        setStatusText(t('useModelEditor.loadedAnimationS', 'Loaded: {filename} ({clips} animation(s))')
+            .replace('{filename}', String(filename))
+            .replace('{clips}', String(clips.length)));
+    }, [rebuildTree, t]);
     const loadFile = React.useCallback(async (file) => {
         var _a, _b, _c, _d, _e, _f;
         const name = file.name.toLowerCase();
         const ext = '.' + name.split('.').pop();
         const url = URL.createObjectURL(file);
-        setStatusText(`Loading ${file.name}...`);
+        setStatusText(t('useModelEditor.loading', 'Loading {name}...').replace('{name}', String(file.name)));
         try {
             if (ext === '.fbx') {
                 const loader = new FBXLoader_js.FBXLoader();
@@ -545,32 +550,34 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
                 addObjectToScene(group, [], file.name);
             }
             else {
-                setStatusText(`Unsupported format: ${ext}`);
+                setStatusText(t('useModelEditor.unsupportedFormat', 'Unsupported format: {ext}').replace('{ext}', String(ext)));
             }
         }
         catch (err) {
             log.error('Load error:', err);
-            setStatusText(`Error loading ${file.name}: ${String(err)}`);
+            setStatusText(t('useModelEditor.errorLoading', 'Error loading {name}: {err}')
+                .replace('{name}', String(file.name))
+                .replace('{err}', String(String(err))));
         }
         finally {
             URL.revokeObjectURL(url);
         }
-    }, [addObjectToScene]);
+    }, [addObjectToScene, t]);
     const mergeAnimationFBX = React.useCallback(async (file) => {
         var _a;
         const url = URL.createObjectURL(file);
-        setStatusText(`Merging animations from ${file.name}...`);
+        setStatusText(t('useModelEditor.mergingAnimationsFrom', 'Merging animations from {name}...').replace('{name}', String(file.name)));
         try {
             const loader = new FBXLoader_js.FBXLoader();
             const obj = await new Promise((res, rej) => loader.load(url, res, undefined, rej));
             const clips = (_a = obj.animations) !== null && _a !== void 0 ? _a : [];
             if (clips.length === 0) {
-                setStatusText(`No animations found in ${file.name}`);
+                setStatusText(t('useModelEditor.noAnimationsFoundIn', 'No animations found in {name}').replace('{name}', String(file.name)));
                 return;
             }
             const root = rootObjectRef.current;
             if (!root) {
-                setStatusText('No model loaded — load a base model first');
+                setStatusText(t('useModelEditor.noModelLoadedLoadA', 'No model loaded — load a base model first'));
                 return;
             }
             if (!mixerRef.current) {
@@ -584,16 +591,20 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             }));
             allClipsRef.current = [...allClipsRef.current, ...newAnims];
             setAnimations([...allClipsRef.current]);
-            setStatusText(`Merged ${clips.length} animation(s) from ${file.name}`);
+            setStatusText(t('useModelEditor.mergedAnimationSFrom', 'Merged {clips} animation(s) from {name}')
+                .replace('{clips}', String(clips.length))
+                .replace('{name}', String(file.name)));
         }
         catch (err) {
             log.error('Merge error:', err);
-            setStatusText(`Error merging ${file.name}: ${String(err)}`);
+            setStatusText(t('useModelEditor.errorMerging', 'Error merging {name}: {err}')
+                .replace('{name}', String(file.name))
+                .replace('{err}', String(String(err))));
         }
         finally {
             URL.revokeObjectURL(url);
         }
-    }, []);
+    }, [t]);
     /* ─────────────────────────────────────────
        Animation controls
        ───────────────────────────────────────── */
@@ -951,8 +962,8 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         clone.position.x += 1;
         sceneRef.current.add(clone);
         rebuildTree();
-        setStatusText(`Duplicated ${selectedNode.name}`);
-    }, [selectedNode, rebuildTree]);
+        setStatusText(t('useModelEditor.duplicated', 'Duplicated {name}').replace('{name}', String(selectedNode.name)));
+    }, [selectedNode, rebuildTree, t]);
     /* ─────────────────────────────────────────
        Keyboard shortcuts
        ───────────────────────────────────────── */
@@ -1096,7 +1107,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     const exportGLTF = React.useCallback((binary) => {
         const root = rootObjectRef.current;
         if (!root) {
-            setStatusText('Nothing to export');
+            setStatusText(t('useModelEditor.nothingToExport', 'Nothing to export'));
             return;
         }
         const exporter = new GLTFExporter_js.GLTFExporter();
@@ -1117,16 +1128,16 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             a.download = `export.${binary ? 'glb' : 'gltf'}`;
             a.click();
             URL.revokeObjectURL(a.href);
-            setStatusText(`Exported ${binary ? 'GLB' : 'GLTF'} successfully`);
+            setStatusText(t('useModelEditor.exportedFormat', 'Exported {format} successfully').replace('{format}', binary ? 'GLB' : 'GLTF'));
         }, (err) => {
             log.error('Export error:', err);
-            setStatusText(`Export error: ${String(err)}`);
+            setStatusText(t('useModelEditor.exportError', 'Export error: {err}').replace('{err}', String(String(err))));
         }, options);
-    }, []);
+    }, [t]);
     const exportOBJ = React.useCallback(() => {
         const root = rootObjectRef.current;
         if (!root) {
-            setStatusText('Nothing to export');
+            setStatusText(t('useModelEditor.nothingToExport', 'Nothing to export'));
             return;
         }
         const exporter = new OBJExporter_js.OBJExporter();
@@ -1137,12 +1148,12 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         a.download = 'export.obj';
         a.click();
         URL.revokeObjectURL(a.href);
-        setStatusText('Exported OBJ successfully');
-    }, []);
+        setStatusText(t('useModelEditor.exportedFormat', 'Exported {format} successfully').replace('{format}', 'OBJ'));
+    }, [t]);
     const exportSTL = React.useCallback((binary) => {
         const root = rootObjectRef.current;
         if (!root) {
-            setStatusText('Nothing to export');
+            setStatusText(t('useModelEditor.nothingToExport', 'Nothing to export'));
             return;
         }
         const exporter = new STLExporter_js.STLExporter();
@@ -1159,12 +1170,12 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         a.download = 'export.stl';
         a.click();
         URL.revokeObjectURL(a.href);
-        setStatusText(`Exported STL${binary ? ' (binary)' : ''} successfully`);
-    }, []);
+        setStatusText(t('useModelEditor.exportedFormat', 'Exported {format} successfully').replace('{format}', binary ? t('useModelEditor.stlBinary', 'STL (binary)') : 'STL'));
+    }, [t]);
     const exportPLY = React.useCallback((binary) => {
         const root = rootObjectRef.current;
         if (!root) {
-            setStatusText('Nothing to export');
+            setStatusText(t('useModelEditor.nothingToExport', 'Nothing to export'));
             return;
         }
         const exporter = new PLYExporter_js.PLYExporter();
@@ -1182,13 +1193,13 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             a.download = 'export.ply';
             a.click();
             URL.revokeObjectURL(a.href);
-            setStatusText(`Exported PLY${binary ? ' (binary)' : ''} successfully`);
+            setStatusText(t('useModelEditor.exportedFormat', 'Exported {format} successfully').replace('{format}', binary ? t('useModelEditor.plyBinary', 'PLY (binary)') : 'PLY'));
         }, { binary });
-    }, []);
+    }, [t]);
     const exportUSDZ = React.useCallback(async () => {
         const root = rootObjectRef.current;
         if (!root) {
-            setStatusText('Nothing to export');
+            setStatusText(t('useModelEditor.nothingToExport', 'Nothing to export'));
             return;
         }
         try {
@@ -1203,13 +1214,13 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             a.download = 'export.usdz';
             a.click();
             URL.revokeObjectURL(a.href);
-            setStatusText('Exported USDZ successfully');
+            setStatusText(t('useModelEditor.exportedFormat', 'Exported {format} successfully').replace('{format}', 'USDZ'));
         }
         catch (err) {
             log.error('USDZ export error:', err);
-            setStatusText(`USDZ export error: ${String(err)}`);
+            setStatusText(t('useModelEditor.usdzExportError', 'USDZ export error: {err}').replace('{err}', String(String(err))));
         }
-    }, []);
+    }, [t]);
     /* ─────────────────────────────────────────
        Dispose & clear
        ───────────────────────────────────────── */
@@ -1247,11 +1258,8 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             }
         });
     }, []);
-    const clearScene = React.useCallback(() => {
+    const clearSceneNow = React.useCallback(() => {
         var _a;
-        if (!window.confirm('Clear the entire scene? This cannot be undone.')) {
-            return;
-        }
         const scene = sceneRef.current;
         const toRemove = [];
         scene.traverse((obj) => {
@@ -1281,8 +1289,16 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         setAnimDuration(0);
         setSelectedId(null);
         rebuildTree();
-        setStatusText('Scene cleared');
-    }, [rebuildTree, disposeObject]);
+        setStatusText(t('useModelEditor.sceneCleared', 'Scene cleared'));
+    }, [rebuildTree, disposeObject, t]);
+    // asks first: clearing cannot be undone
+    const clearScene = React.useCallback(() => {
+        void ask('confirm', 'Clear the entire scene? This cannot be undone.').then((answer) => {
+            if (answer !== null) {
+                clearSceneNow();
+            }
+        });
+    }, [ask, clearSceneNow]);
     /* ─────────────────────────────────────────
        Save to Library
        ───────────────────────────────────────── */
@@ -1292,7 +1308,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         }
         const root = rootObjectRef.current;
         if (!root) {
-            setStatusText('Nothing to save');
+            setStatusText(t('useModelEditor.nothingToSave', 'Nothing to save'));
             return;
         }
         const exporter = new GLTFExporter_js.GLTFExporter();
@@ -1300,19 +1316,19 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             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()) {
-                    return;
-                }
-                onSaveToLibrary(reader.result, name.trim(), 'model/gltf-binary');
+                const dataUrl = reader.result;
+                void ask('prompt', 'Save to library as:', 'model.glb').then((name) => {
+                    if (name && name.trim()) {
+                        onSaveToLibrary(dataUrl, name.trim(), 'model/gltf-binary');
+                    }
+                });
             };
             reader.readAsDataURL(blob);
         }, (err) => {
             log.error('Save to library error:', err);
-            setStatusText(`Save error: ${String(err)}`);
+            setStatusText(t('useModelEditor.saveError', 'Save error: {err}').replace('{err}', String(String(err))));
         }, { binary: true, animations: allClipsRef.current.map((a) => a.clip) });
-    }, [onSaveToLibrary]);
+    }, [onSaveToLibrary, ask, t]);
     /* ─────────────────────────────────────────
        Add Mesh / Light / Camera / Empty
        ───────────────────────────────────────── */
@@ -1379,9 +1395,9 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         }
         sceneRef.current.add(mesh);
         rebuildTree();
-        setStatusText(`Added ${mesh.name}`);
+        setStatusText(t('useModelEditor.added', 'Added {name}').replace('{name}', String(mesh.name)));
         setAddMenuOpen(null);
-    }, [rebuildTree]);
+    }, [rebuildTree, t]);
     const addSceneLight = React.useCallback((type) => {
         let light;
         switch (type) {
@@ -1433,9 +1449,9 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             sceneRef.current.add(helper);
         }
         rebuildTree();
-        setStatusText(`Added ${light.name}`);
+        setStatusText(t('useModelEditor.added', 'Added {name}').replace('{name}', String(light.name)));
         setAddMenuOpen(null);
-    }, [rebuildTree]);
+    }, [rebuildTree, t]);
     const addCameraObject = React.useCallback(() => {
         const cam = new THREE__namespace.PerspectiveCamera(50, 16 / 9, 0.1, 1000);
         cam.name = 'Camera';
@@ -1446,9 +1462,9 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         helper.name = '__helper_Camera';
         sceneRef.current.add(helper);
         rebuildTree();
-        setStatusText('Added Camera');
+        setStatusText(t('useModelEditor.addedCamera', 'Added Camera'));
         setAddMenuOpen(null);
-    }, [rebuildTree]);
+    }, [rebuildTree, t]);
     const addEmpty = React.useCallback((type) => {
         const obj = new THREE__namespace.Object3D();
         obj.name =
@@ -1460,9 +1476,9 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             obj.add(h);
         }
         rebuildTree();
-        setStatusText(`Added ${obj.name}`);
+        setStatusText(t('useModelEditor.added', 'Added {name}').replace('{name}', String(obj.name)));
         setAddMenuOpen(null);
-    }, [rebuildTree]);
+    }, [rebuildTree, t]);
     /* ─────────────────────────────────────────
        Raycaster click-to-select
        ───────────────────────────────────────── */
@@ -1530,14 +1546,16 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         }
         e.target.value = '';
         if (!onAIPoseVideo) {
-            setAiStatus('AI pose callback not configured.');
+            setAiStatus(t('useModelEditor.aiPoseCallbackNotConfigured', 'AI pose callback not configured.'));
             return;
         }
         setAiBusy(true);
-        setAiStatus('Uploading video for AI pose estimation...');
+        setAiStatus(t('useModelEditor.uploadingVideoForAiPose', '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...`);
+            setAiStatus(t('useModelEditor.gotFramesAtFpsCreating', 'Got {frame_count} frames at {fps} fps. Creating animation clip...')
+                .replace('{frame_count}', String(result.frame_count))
+                .replace('{fps}', String(result.fps)));
             const clip = modelEditorTypes.pose3dToClip(result);
             if (clip && rootObjectRef.current) {
                 if (!mixerRef.current) {
@@ -1552,20 +1570,20 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
                 allClipsRef.current = [...allClipsRef.current, newAnim];
                 setAnimations([...allClipsRef.current]);
                 playClip(allClipsRef.current.length - 1);
-                setAiStatus('Animation created successfully!');
+                setAiStatus(t('useModelEditor.animationCreatedSuccessfully', 'Animation created successfully!'));
             }
             else {
-                setAiStatus('Could not create animation — load a rigged model first.');
+                setAiStatus(t('useModelEditor.couldNotCreateAnimationLoad', 'Could not create animation — load a rigged model first.'));
             }
         }
         catch (err) {
             log.error('AI pose error:', err);
-            setAiStatus(`Error: ${String(err)}`);
+            setAiStatus(t('useModelEditor.error', 'Error: {err}').replace('{err}', String(String(err))));
         }
         finally {
             setAiBusy(false);
         }
-    }, [playClip, onAIPoseVideo]);
+    }, [playClip, onAIPoseVideo, t]);
     /* ─────────────────────────────────────────
        Node helpers
        ───────────────────────────────────────── */
@@ -1589,19 +1607,19 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     const undo = React.useCallback(() => {
         const label = undoRedoRef.current.undo();
         if (label) {
-            setStatusText(`Undo: ${label}`);
+            setStatusText(t('useModelEditor.undo', 'Undo: {label}').replace('{label}', String(label)));
             rebuildTree();
         }
         setUndoRedoVer((v) => v + 1);
-    }, [rebuildTree]);
+    }, [rebuildTree, t]);
     const redo = React.useCallback(() => {
         const label = undoRedoRef.current.redo();
         if (label) {
-            setStatusText(`Redo: ${label}`);
+            setStatusText(t('useModelEditor.redo', 'Redo: {label}').replace('{label}', String(label)));
             rebuildTree();
         }
         setUndoRedoVer((v) => v + 1);
-    }, [rebuildTree]);
+    }, [rebuildTree, t]);
     const canUndo = undoRedoRef.current.canUndo();
     const canRedo = undoRedoRef.current.canRedo();
     const undoLabel = undoRedoRef.current.undoLabel;
@@ -1630,30 +1648,35 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             return modelEditorTypes.SUPPORTED_EXTENSIONS.includes(ext);
         });
         if (fileArray.length === 0) {
-            setStatusText('No supported files found');
+            setStatusText(t('useModelEditor.noSupportedFilesFound', 'No supported files found'));
             return;
         }
-        setStatusText(`Importing ${fileArray.length} file(s)...`);
+        setStatusText(t('useModelEditor.importingFileS', 'Importing {fileArray} file(s)...').replace('{fileArray}', String(fileArray.length)));
         let loaded = 0;
         for (const file of fileArray) {
             try {
                 await loadFile(file);
                 loaded++;
-                setStatusText(`Imported ${loaded}/${fileArray.length}: ${file.name}`);
+                setStatusText(t('useModelEditor.imported', 'Imported {loaded}/{fileArray}: {name}')
+                    .replace('{loaded}', String(loaded))
+                    .replace('{fileArray}', String(fileArray.length))
+                    .replace('{name}', String(file.name)));
             }
             catch (err) {
                 log.error(`Failed to import ${file.name}:`, err);
             }
         }
-        setStatusText(`Batch import complete: ${loaded}/${fileArray.length} files loaded`);
-    }, [loadFile]);
+        setStatusText(t('useModelEditor.batchImportCompleteFilesLoaded', 'Batch import complete: {loaded}/{fileArray} files loaded')
+            .replace('{loaded}', String(loaded))
+            .replace('{fileArray}', String(fileArray.length)));
+    }, [loadFile, t]);
     /* ─────────────────────────────────────────
        PBR Presets
        ───────────────────────────────────────── */
     const applyPreset = React.useCallback((preset) => {
         const node = selectedNode;
         if (!node || !(node.object instanceof THREE__namespace.Mesh)) {
-            setStatusText('Select a mesh to apply material preset');
+            setStatusText(t('useModelEditor.selectAMeshToApply', 'Select a mesh to apply material preset'));
             return;
         }
         const mesh = node.object;
@@ -1686,7 +1709,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             mesh.material = newMaterial;
         }
         pushUndo({
-            label: `Apply ${preset.name} preset`,
+            label: t('useModelEditor.applyPreset', 'Apply {name} preset').replace('{name}', String(preset.name)),
             undo: () => {
                 if (Array.isArray(mesh.material)) {
                     mesh.material[materialIdx] = oldClone;
@@ -1705,15 +1728,15 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             },
         });
         setMatRefresh((v) => v + 1);
-        setStatusText(`Applied ${preset.name} preset`);
-    }, [selectedNode, selMaterialIdx, pushUndo]);
+        setStatusText(t('useModelEditor.appliedPreset', 'Applied {name} preset').replace('{name}', String(preset.name)));
+    }, [selectedNode, selMaterialIdx, pushUndo, t]);
     /* ─────────────────────────────────────────
        LOD Generation
        ───────────────────────────────────────── */
     const generateSelectedLOD = React.useCallback(() => {
         const node = selectedNode;
         if (!node || !(node.object instanceof THREE__namespace.Mesh)) {
-            setStatusText('Select a mesh to generate LOD');
+            setStatusText(t('useModelEditor.selectAMeshToGenerate', 'Select a mesh to generate LOD'));
             return;
         }
         const mesh = node.object;
@@ -1722,7 +1745,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         parent.remove(mesh);
         parent.add(lod);
         pushUndo({
-            label: `Generate LOD for ${mesh.name}`,
+            label: t('useModelEditor.generateLodFor', 'Generate LOD for {name}').replace('{name}', String(mesh.name)),
             undo: () => {
                 parent.remove(lod);
                 parent.add(mesh);
@@ -1733,8 +1756,8 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
             },
         });
         rebuildTree();
-        setStatusText(`Generated LOD for ${mesh.name} (4 levels)`);
-    }, [selectedNode, pushUndo, rebuildTree]);
+        setStatusText(t('useModelEditor.generatedLodFor4Levels', 'Generated LOD for {name} (4 levels)').replace('{name}', String(mesh.name)));
+    }, [selectedNode, pushUndo, rebuildTree, t]);
     /* ─────────────────────────────────────────
        Instancing
        ───────────────────────────────────────── */
@@ -1742,12 +1765,14 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         const root = rootObjectRef.current || sceneRef.current;
         const result = modelEditorUtils.convertToInstanced(root);
         if (result.created === 0) {
-            setStatusText('No duplicate meshes found to instance');
+            setStatusText(t('useModelEditor.noDuplicateMeshesFoundTo', 'No duplicate meshes found to instance'));
             return;
         }
         rebuildTree();
-        setStatusText(`Created ${result.created} instanced meshes, removed ${result.removed} duplicates`);
-    }, [rebuildTree]);
+        setStatusText(t('useModelEditor.createdInstancedMeshesRemovedDuplicates', 'Created {created} instanced meshes, removed {removed} duplicates')
+            .replace('{created}', String(result.created))
+            .replace('{removed}', String(result.removed)));
+    }, [rebuildTree, t]);
     /* ── HDRI Environment ── */
     const applyHDRI = React.useCallback((preset) => {
         const renderer = rendererRef.current;
@@ -1765,8 +1790,8 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         else {
             setFogEnabled(false);
         }
-        setStatusText(`Environment: ${preset.name}`);
-    }, []);
+        setStatusText(t('useModelEditor.environment', 'Environment: {name}').replace('{name}', String(preset.name)));
+    }, [t]);
     /* ── Snap ── */
     const snapPoint = React.useCallback((point) => {
         const root = rootObjectRef.current || sceneRef.current;
@@ -1808,6 +1833,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         bgColor,
         setBgColor,
         statusText,
+        pendingAsk,
         dragOver,
         polyCount,
         meshCount,

package/dist/cjs/model/useModelViewer.js

@@ -10,6 +10,7 @@ var GLTFLoader_js = require('three/examples/jsm/loaders/GLTFLoader.js');
 var OBJLoader_js = require('three/examples/jsm/loaders/OBJLoader.js');
 var PLYLoader_js = require('three/examples/jsm/loaders/PLYLoader.js');
 var STLLoader_js = require('three/examples/jsm/loaders/STLLoader.js');
+var i18n = require('../core/i18n.js');
 var threeCompat = require('../core/threeCompat.js');
 
 function _interopNamespaceDefault(e) {
@@ -62,6 +63,7 @@ const TONE_MAP = {
    ═══════════════════════════════════════════ */
 function useModelViewer(props = {}) {
     var _a;
+    const { t } = i18n.useNiceTranslation();
     const { src, format, navigationMode: initNavMode = 'orbit', quality = 'high', autoRotateSpeed: initAutoRotate = 0, backgroundColor = 'var(--nice-bg, #1a1a2e)', showGrid: initShowGrid = true, shadows = true, gamepad = false, cameraPresets: _cameraPresets = [], annotations: _annotations = [], hotspots: _hotspots = [], floorPlans: _floorPlans = [], onHotspotClick: _onHotspotClick, onAnnotationClick: _onAnnotationClick, onLoadProgress, onLoad, onError, clippingPlanes = [], measureMode: initMeasureMode = false, measurements: _measurements = [], onMeasure: _onMeasure, minDistance = 0.1, maxDistance = 1000, fov = 50, vr: _vr = false, walkSpeed = 5, ambientIntensity = 0.5, directionalIntensity = 0.8, antiAlias = true, toneMapping = 'aces', exposure = 1, } = props;
     /* ── refs ── */
     const mountRef = React.useRef(null);
@@ -349,7 +351,7 @@ function useModelViewer(props = {}) {
         setLoading(true);
         setLoadProgress(0);
         setError(null);
-        setStatusText('Loading…');
+        setStatusText(t('useModelViewer.loading', 'Loading…'));
         const detectedFmt = detectFormat(url, fmt);
         const onProgress = (e) => {
             if (e.lengthComputable) {
@@ -457,21 +459,23 @@ function useModelViewer(props = {}) {
                     mixerRef.current = mixer;
                 }
                 countScene();
-                setStatusText(`Loaded – ${polyCount} tris, ${meshCount} meshes`);
+                setStatusText(t('useModelViewer.loadedTrisMeshes', 'Loaded – {polyCount} tris, {meshCount} meshes')
+                    .replace('{polyCount}', String(polyCount))
+                    .replace('{meshCount}', String(meshCount)));
                 onLoad === null || onLoad === void 0 ? void 0 : onLoad();
             }
         }
         catch (err) {
             const msg = err instanceof Error ? err.message : String(err);
             setError(msg);
-            setStatusText(`Error: ${msg}`);
+            setStatusText(t('useModelViewer.error', 'Error: {msg}').replace('{msg}', String(msg)));
             onError === null || onError === void 0 ? void 0 : onError(err instanceof Error ? err : new Error(msg));
         }
         finally {
             setLoading(false);
             setLoadProgress(1);
         }
-    }, [countScene, detectFormat, onLoad, onError, onLoadProgress, polyCount, meshCount]);
+    }, [countScene, detectFormat, onLoad, onError, onLoadProgress, polyCount, meshCount, t]);
     /* ── auto-load from src ── */
     React.useEffect(() => {
         if (src) {
@@ -612,9 +616,12 @@ function useModelViewer(props = {}) {
     /* ── finalise status text ── */
     React.useEffect(() => {
         if (!loading && !error && polyCount > 0) {
-            setStatusText(`${polyCount.toLocaleString()} triangles · ${meshCount} meshes · ${animNames.length} animation(s)`);
+            setStatusText(t('useModelViewer.trianglesMeshesAnimationS', '{polyCount} triangles · {meshCount} meshes · {animNames} animation(s)')
+                .replace('{polyCount}', String(polyCount.toLocaleString()))
+                .replace('{meshCount}', String(meshCount))
+                .replace('{animNames}', String(animNames.length)));
         }
-    }, [loading, error, polyCount, meshCount, animNames.length]);
+    }, [loading, error, polyCount, meshCount, animNames.length, t]);
     return {
         mountRef,
         loading,