@nice2dev/ui-3d 1.3.15 → 1.3.17

package/dist/esm/model/ModelEditor.js

@@ -1,40 +1,92 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { NiceAppShell } from '@nice2dev/ui';
-import { EditorAskDialog } from '../core/editorAsk.js';
-import { useNiceTranslation } from '../core/i18n.js';
-import styles from './ModelEditor.module.css.js';
-import ModelEditorLeftPanel from './ModelEditorLeftPanel.js';
-import ModelEditorMenuBar from './ModelEditorMenuBar.js';
-import ModelEditorRightPanel from './ModelEditorRightPanel.js';
-import ModelEditorTimeline from './ModelEditorTimeline.js';
-import ModelEditorToolbar from './ModelEditorToolbar.js';
-import { SUPPORTED_EXTENSIONS } from './modelEditorTypes.js';
-import ModelEditorViewport from './ModelEditorViewport.js';
-import { useModelEditor } from './useModelEditor.js';
-
-const ACCEPT = /* @__PURE__ */ SUPPORTED_EXTENSIONS.map((e) => `.${e}`).join(',');
-const NiceModelEditor = ({ className, onSaveToLibrary, onAIPoseVideo, }) => {
-    const { t } = useNiceTranslation();
-    const api = useModelEditor({ onSaveToLibrary, onAIPoseVideo });
-    return (jsxs(Fragment, { children: [jsx("input", { ref: api.fileInputRef, type: "file", accept: ACCEPT, style: { display: 'none' }, onChange: (e) => {
-                    var _a;
-                    const f = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
-                    if (f) {
-                        api.loadFile(f);
-                    }
-                    e.target.value = '';
-                } }), jsx("input", { ref: api.mergeInputRef, type: "file", accept: ".fbx", style: { display: 'none' }, onChange: (e) => {
-                    var _a;
-                    const f = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
-                    if (f) {
-                        api.mergeAnimationFBX(f);
-                    }
-                    e.target.value = '';
-                } }), jsx("input", { ref: api.videoInputRef, type: "file", accept: "video/*", style: { display: 'none' }, onChange: api.handleAIVideo }), jsx(EditorAskDialog, { ask: api.pendingAsk }), jsx(NiceAppShell, { className: `${styles.root} ${className !== null && className !== void 0 ? className : ''}`, flush: true, menubar: jsx(ModelEditorMenuBar, { api: api, hasOnSaveToLibrary: !!onSaveToLibrary }), sidebar: jsxs("div", { style: { display: 'flex', minHeight: 0 }, children: [jsx(ModelEditorLeftPanel, { api: api }), jsx(ModelEditorToolbar, { api: api })] }), rightSidebar: jsx(ModelEditorRightPanel, { api: api }), bottomPanel: jsx(ModelEditorTimeline, { api: api }), statusBar: jsxs("div", { className: styles.statusBar, children: [jsx("span", { children: api.statusText }), jsx("span", { style: { marginLeft: 'auto' }, children: t('modelEditor.trianglesMeshesBonesAnimS', '{polyCount} triangles · {meshCount} meshes · {boneCount} bones · {animations} anim(s)')
-                                .replace('{polyCount}', String(api.polyCount.toLocaleString()))
-                                .replace('{meshCount}', String(api.meshCount))
-                                .replace('{boneCount}', String(api.boneCount))
-                                .replace('{animations}', String(api.animations.length)) })] }), children: jsx(ModelEditorViewport, { api: api }) })] }));
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { NiceAppShell } from "@nice2dev/ui";
+import { EditorAskDialog } from "../core/editorAsk.js";
+import { useNiceTranslation } from "../core/i18n.js";
+import styles from "./ModelEditor.module.css.js";
+import ModelEditorLeftPanel from "./ModelEditorLeftPanel.js";
+import ModelEditorMenuBar from "./ModelEditorMenuBar.js";
+import ModelEditorRightPanel from "./ModelEditorRightPanel.js";
+import ModelEditorTimeline from "./ModelEditorTimeline.js";
+import ModelEditorToolbar from "./ModelEditorToolbar.js";
+import { SUPPORTED_EXTENSIONS } from "./modelEditorTypes.js";
+import ModelEditorViewport from "./ModelEditorViewport.js";
+import { useModelEditor } from "./useModelEditor.js";
+const ACCEPT = /* @__PURE__ */ SUPPORTED_EXTENSIONS.map((e) => `.${e}`).join(",");
+const NiceModelEditor = ({
+  className,
+  onSaveToLibrary,
+  onAIPoseVideo
+}) => {
+  const { t } = useNiceTranslation();
+  const api = useModelEditor({ onSaveToLibrary, onAIPoseVideo });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: api.fileInputRef,
+        type: "file",
+        accept: ACCEPT,
+        style: { display: "none" },
+        onChange: (e) => {
+          const f = e.target.files?.[0];
+          if (f) {
+            api.loadFile(f);
+          }
+          e.target.value = "";
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: api.mergeInputRef,
+        type: "file",
+        accept: ".fbx",
+        style: { display: "none" },
+        onChange: (e) => {
+          const f = e.target.files?.[0];
+          if (f) {
+            api.mergeAnimationFBX(f);
+          }
+          e.target.value = "";
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: api.videoInputRef,
+        type: "file",
+        accept: "video/*",
+        style: { display: "none" },
+        onChange: api.handleAIVideo
+      }
+    ),
+    /* @__PURE__ */ jsx(EditorAskDialog, { ask: api.pendingAsk }),
+    /* @__PURE__ */ jsx(
+      NiceAppShell,
+      {
+        className: `${styles.root} ${className ?? ""}`,
+        flush: true,
+        menubar: /* @__PURE__ */ jsx(ModelEditorMenuBar, { api, hasOnSaveToLibrary: !!onSaveToLibrary }),
+        sidebar: /* @__PURE__ */ jsxs("div", { style: { display: "flex", minHeight: 0 }, children: [
+          /* @__PURE__ */ jsx(ModelEditorLeftPanel, { api }),
+          /* @__PURE__ */ jsx(ModelEditorToolbar, { api })
+        ] }),
+        rightSidebar: /* @__PURE__ */ jsx(ModelEditorRightPanel, { api }),
+        bottomPanel: /* @__PURE__ */ jsx(ModelEditorTimeline, { api }),
+        statusBar: /* @__PURE__ */ jsxs("div", { className: styles.statusBar, children: [
+          /* @__PURE__ */ jsx("span", { children: api.statusText }),
+          /* @__PURE__ */ jsx("span", { style: { marginLeft: "auto" }, children: t(
+            "modelEditor.trianglesMeshesBonesAnimS",
+            "{polyCount} triangles · {meshCount} meshes · {boneCount} bones · {animations} anim(s)"
+          ).replace("{polyCount}", String(api.polyCount.toLocaleString())).replace("{meshCount}", String(api.meshCount)).replace("{boneCount}", String(api.boneCount)).replace("{animations}", String(api.animations.length)) })
+        ] }),
+        children: /* @__PURE__ */ jsx(ModelEditorViewport, { api })
+      }
+    )
+  ] });
+};
+export {
+  NiceModelEditor
 };
-
-export { NiceModelEditor };

package/dist/esm/model/ModelEditor.module.css.js

@@ -1,3 +1,257 @@
-var styles = {"root":"ModelEditor-module_root__Aiqom","menuBar":"ModelEditor-module_menuBar__5P6Wi","menuBtn":"ModelEditor-module_menuBtn__f1u-N","menuSep":"ModelEditor-module_menuSep__Jilgu","menuLabel":"ModelEditor-module_menuLabel__gn6yQ","menuRight":"ModelEditor-module_menuRight__YQWk7","leftPanel":"ModelEditor-module_leftPanel__sVsxG","toolbar":"ModelEditor-module_toolbar__l8uKC","toolBtn":"ModelEditor-module_toolBtn__8DzAf","toolSep":"ModelEditor-module_toolSep__5I72j","viewportContainer":"ModelEditor-module_viewportContainer__O-e-6","viewportOverlay":"ModelEditor-module_viewportOverlay__LXDnT","viewportBadge":"ModelEditor-module_viewportBadge__-5C9w","viewportDropZone":"ModelEditor-module_viewportDropZone__PBrTo","rightPanel":"ModelEditor-module_rightPanel__oJf3N","panelSection":"ModelEditor-module_panelSection__yb-jc","panelTitle":"ModelEditor-module_panelTitle__rp8tH","panelContent":"ModelEditor-module_panelContent__IMNnR","treeItem":"ModelEditor-module_treeItem__MiVWT","treeItemActive":"ModelEditor-module_treeItemActive__4ntXK","treeIcon":"ModelEditor-module_treeIcon__PzniU","treeToggle":"ModelEditor-module_treeToggle__Ge5PW","treeVisibility":"ModelEditor-module_treeVisibility__BjKaL","propRow":"ModelEditor-module_propRow__AONtp","propLabel":"ModelEditor-module_propLabel__bwkAK","propInput":"ModelEditor-module_propInput__aFI4Q","propVec3":"ModelEditor-module_propVec3__2FcMf","propVec3X":"ModelEditor-module_propVec3X__lfQtN","propVec3Y":"ModelEditor-module_propVec3Y__PmF5p","propVec3Z":"ModelEditor-module_propVec3Z__swB76","propSelect":"ModelEditor-module_propSelect__1YXcX","bottomPanel":"ModelEditor-module_bottomPanel__ojUaN","bottomPanelCollapsed":"ModelEditor-module_bottomPanelCollapsed__P2I6E","bottomPanelHeader":"ModelEditor-module_bottomPanelHeader__z9D6b","bottomPanelTitle":"ModelEditor-module_bottomPanelTitle__0P32m","bottomToggle":"ModelEditor-module_bottomToggle__fsUEB","transportBar":"ModelEditor-module_transportBar__bh6Sb","transportBtn":"ModelEditor-module_transportBtn__egXSB","transportTime":"ModelEditor-module_transportTime__7RzUh","animListArea":"ModelEditor-module_animListArea__rzc1e","animList":"ModelEditor-module_animList__lGNt5","animItem":"ModelEditor-module_animItem__lZGOY","animItemActive":"ModelEditor-module_animItemActive__8pKLd","animDuration":"ModelEditor-module_animDuration__CAwuG","timelineArea":"ModelEditor-module_timelineArea__WFBHa","timelineRuler":"ModelEditor-module_timelineRuler__jlW8F","rulerTick":"ModelEditor-module_rulerTick__VhJRA","rulerLabel":"ModelEditor-module_rulerLabel__Pwl9a","playhead":"ModelEditor-module_playhead__Rd4rh","playheadHandle":"ModelEditor-module_playheadHandle__rIBHA","timelineTracks":"ModelEditor-module_timelineTracks__joMHo","statusBar":"ModelEditor-module_statusBar__AJMzx","materialCard":"ModelEditor-module_materialCard__1IGe7","materialCardActive":"ModelEditor-module_materialCardActive__VEnBX","materialHeader":"ModelEditor-module_materialHeader__WtTh3","materialName":"ModelEditor-module_materialName__TvRhs","textureSlot":"ModelEditor-module_textureSlot__PLqef","textureThumb":"ModelEditor-module_textureThumb__PdCTD","textureInfo":"ModelEditor-module_textureInfo__XOzZI","textureName":"ModelEditor-module_textureName__H-2d3","btnSecondary":"ModelEditor-module_btnSecondary__nJpgi","aiPanel":"ModelEditor-module_aiPanel__-U1jO","aiHeader":"ModelEditor-module_aiHeader__WMZF5","aiBtnRow":"ModelEditor-module_aiBtnRow__F-S-Z","aiBtn":"ModelEditor-module_aiBtn__8dcrE","aiStatus":"ModelEditor-module_aiStatus__Y5g59","dragOver":"ModelEditor-module_dragOver__2VGIz","contextMenu":"ModelEditor-module_contextMenu__sEb9s","contextItem":"ModelEditor-module_contextItem__W90fc","contextSep":"ModelEditor-module_contextSep__QCWTX","contextKey":"ModelEditor-module_contextKey__HxGV6","modeSelect":"ModelEditor-module_modeSelect__KroPg","menuDropdownWrap":"ModelEditor-module_menuDropdownWrap__6dicW","dropdownMenu":"ModelEditor-module_dropdownMenu__ixJxD","dropdownTitle":"ModelEditor-module_dropdownTitle__zzdA6","dropdownItem":"ModelEditor-module_dropdownItem__4dllG","dropdownSep":"ModelEditor-module_dropdownSep__oFx30","viewportShadingBar":"ModelEditor-module_viewportShadingBar__NOK0h","shadingBtn":"ModelEditor-module_shadingBtn__SAIR9","shadingBtnActive":"ModelEditor-module_shadingBtnActive__ST5YT","viewportGizmoInfo":"ModelEditor-module_viewportGizmoInfo__k0ily","propTabs":"ModelEditor-module_propTabs__Vw0-u","propTabBtn":"ModelEditor-module_propTabBtn__s8xDE","outlinerSearch":"ModelEditor-module_outlinerSearch__p5L46"};
-
-export { styles as default };
+const root = "_root_lw12r_5";
+const menuBar = "_menuBar_lw12r_35";
+const menuBtn = "_menuBtn_lw12r_55";
+const menuSep = "_menuSep_lw12r_91";
+const menuLabel = "_menuLabel_lw12r_103";
+const menuRight = "_menuRight_lw12r_115";
+const leftPanel = "_leftPanel_lw12r_141";
+const toolbar = "_toolbar_lw12r_163";
+const toolBtn = "_toolBtn_lw12r_183";
+const toolSep = "_toolSep_lw12r_229";
+const viewportContainer = "_viewportContainer_lw12r_243";
+const viewportOverlay = "_viewportOverlay_lw12r_277";
+const viewportBadge = "_viewportBadge_lw12r_293";
+const viewportDropZone = "_viewportDropZone_lw12r_309";
+const rightPanel = "_rightPanel_lw12r_349";
+const panelSection = "_panelSection_lw12r_371";
+const panelTitle = "_panelTitle_lw12r_379";
+const panelContent = "_panelContent_lw12r_425";
+const treeItem = "_treeItem_lw12r_441";
+const treeItemActive = "_treeItemActive_lw12r_471";
+const treeIcon = "_treeIcon_lw12r_479";
+const treeToggle = "_treeToggle_lw12r_503";
+const treeVisibility = "_treeVisibility_lw12r_519";
+const propRow = "_propRow_lw12r_543";
+const propLabel = "_propLabel_lw12r_555";
+const propInput = "_propInput_lw12r_567";
+const propVec3 = "_propVec3_lw12r_595";
+const propVec3X = "_propVec3X_lw12r_635";
+const propVec3Y = "_propVec3Y_lw12r_641";
+const propVec3Z = "_propVec3Z_lw12r_647";
+const propSelect = "_propSelect_lw12r_699";
+const bottomPanel = "_bottomPanel_lw12r_727";
+const bottomPanelCollapsed = "_bottomPanelCollapsed_lw12r_745";
+const bottomPanelHeader = "_bottomPanelHeader_lw12r_751";
+const bottomPanelTitle = "_bottomPanelTitle_lw12r_769";
+const bottomToggle = "_bottomToggle_lw12r_783";
+const transportBar = "_transportBar_lw12r_799";
+const transportBtn = "_transportBtn_lw12r_809";
+const transportTime = "_transportTime_lw12r_841";
+const animListArea = "_animListArea_lw12r_857";
+const animList = "_animList_lw12r_857";
+const animItem = "_animItem_lw12r_881";
+const animItemActive = "_animItemActive_lw12r_905";
+const animDuration = "_animDuration_lw12r_913";
+const timelineArea = "_timelineArea_lw12r_927";
+const timelineRuler = "_timelineRuler_lw12r_939";
+const rulerTick = "_rulerTick_lw12r_951";
+const rulerLabel = "_rulerLabel_lw12r_965";
+const playhead = "_playhead_lw12r_979";
+const playheadHandle = "_playheadHandle_lw12r_995";
+const timelineTracks = "_timelineTracks_lw12r_1013";
+const statusBar = "_statusBar_lw12r_1057";
+const materialCard = "_materialCard_lw12r_1089";
+const materialCardActive = "_materialCardActive_lw12r_1103";
+const materialHeader = "_materialHeader_lw12r_1109";
+const materialName = "_materialName_lw12r_1145";
+const textureSlot = "_textureSlot_lw12r_1165";
+const textureThumb = "_textureThumb_lw12r_1177";
+const textureInfo = "_textureInfo_lw12r_1205";
+const textureName = "_textureName_lw12r_1213";
+const btnSecondary = "_btnSecondary_lw12r_1295";
+const aiPanel = "_aiPanel_lw12r_1357";
+const aiHeader = "_aiHeader_lw12r_1371";
+const aiBtnRow = "_aiBtnRow_lw12r_1419";
+const aiBtn = "_aiBtn_lw12r_1419";
+const aiStatus = "_aiStatus_lw12r_1457";
+const dragOver = "_dragOver_lw12r_1475";
+const contextMenu = "_contextMenu_lw12r_1491";
+const contextItem = "_contextItem_lw12r_1511";
+const contextSep = "_contextSep_lw12r_1535";
+const contextKey = "_contextKey_lw12r_1545";
+const modeSelect = "_modeSelect_lw12r_1645";
+const menuDropdownWrap = "_menuDropdownWrap_lw12r_1687";
+const dropdownMenu = "_dropdownMenu_lw12r_1693";
+const dropdownTitle = "_dropdownTitle_lw12r_1721";
+const dropdownItem = "_dropdownItem_lw12r_1737";
+const dropdownSep = "_dropdownSep_lw12r_1765";
+const viewportShadingBar = "_viewportShadingBar_lw12r_1803";
+const shadingBtn = "_shadingBtn_lw12r_1827";
+const shadingBtnActive = "_shadingBtnActive_lw12r_1857";
+const viewportGizmoInfo = "_viewportGizmoInfo_lw12r_1875";
+const propTabs = "_propTabs_lw12r_1895";
+const propTabBtn = "_propTabBtn_lw12r_1907";
+const outlinerSearch = "_outlinerSearch_lw12r_1955";
+const styles = {
+  root,
+  menuBar,
+  menuBtn,
+  menuSep,
+  menuLabel,
+  menuRight,
+  leftPanel,
+  toolbar,
+  toolBtn,
+  toolSep,
+  viewportContainer,
+  viewportOverlay,
+  viewportBadge,
+  viewportDropZone,
+  rightPanel,
+  panelSection,
+  panelTitle,
+  panelContent,
+  treeItem,
+  treeItemActive,
+  treeIcon,
+  treeToggle,
+  treeVisibility,
+  propRow,
+  propLabel,
+  propInput,
+  propVec3,
+  propVec3X,
+  propVec3Y,
+  propVec3Z,
+  propSelect,
+  bottomPanel,
+  bottomPanelCollapsed,
+  bottomPanelHeader,
+  bottomPanelTitle,
+  bottomToggle,
+  transportBar,
+  transportBtn,
+  transportTime,
+  animListArea,
+  animList,
+  animItem,
+  animItemActive,
+  animDuration,
+  timelineArea,
+  timelineRuler,
+  rulerTick,
+  rulerLabel,
+  playhead,
+  playheadHandle,
+  timelineTracks,
+  statusBar,
+  materialCard,
+  materialCardActive,
+  materialHeader,
+  materialName,
+  textureSlot,
+  textureThumb,
+  textureInfo,
+  textureName,
+  btnSecondary,
+  aiPanel,
+  aiHeader,
+  aiBtnRow,
+  aiBtn,
+  aiStatus,
+  dragOver,
+  contextMenu,
+  contextItem,
+  contextSep,
+  contextKey,
+  modeSelect,
+  menuDropdownWrap,
+  dropdownMenu,
+  dropdownTitle,
+  dropdownItem,
+  dropdownSep,
+  viewportShadingBar,
+  shadingBtn,
+  shadingBtnActive,
+  viewportGizmoInfo,
+  propTabs,
+  propTabBtn,
+  outlinerSearch
+};
+export {
+  aiBtn,
+  aiBtnRow,
+  aiHeader,
+  aiPanel,
+  aiStatus,
+  animDuration,
+  animItem,
+  animItemActive,
+  animList,
+  animListArea,
+  bottomPanel,
+  bottomPanelCollapsed,
+  bottomPanelHeader,
+  bottomPanelTitle,
+  bottomToggle,
+  btnSecondary,
+  contextItem,
+  contextKey,
+  contextMenu,
+  contextSep,
+  styles as default,
+  dragOver,
+  dropdownItem,
+  dropdownMenu,
+  dropdownSep,
+  dropdownTitle,
+  leftPanel,
+  materialCard,
+  materialCardActive,
+  materialHeader,
+  materialName,
+  menuBar,
+  menuBtn,
+  menuDropdownWrap,
+  menuLabel,
+  menuRight,
+  menuSep,
+  modeSelect,
+  outlinerSearch,
+  panelContent,
+  panelSection,
+  panelTitle,
+  playhead,
+  playheadHandle,
+  propInput,
+  propLabel,
+  propRow,
+  propSelect,
+  propTabBtn,
+  propTabs,
+  propVec3,
+  propVec3X,
+  propVec3Y,
+  propVec3Z,
+  rightPanel,
+  root,
+  rulerLabel,
+  rulerTick,
+  shadingBtn,
+  shadingBtnActive,
+  statusBar,
+  textureInfo,
+  textureName,
+  textureSlot,
+  textureThumb,
+  timelineArea,
+  timelineRuler,
+  timelineTracks,
+  toolBtn,
+  toolSep,
+  toolbar,
+  transportBar,
+  transportBtn,
+  transportTime,
+  treeIcon,
+  treeItem,
+  treeItemActive,
+  treeToggle,
+  treeVisibility,
+  viewportBadge,
+  viewportContainer,
+  viewportDropZone,
+  viewportGizmoInfo,
+  viewportOverlay,
+  viewportShadingBar
+};

package/dist/esm/model/ModelEditorLeftPanel.js

@@ -1,50 +1,131 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { NiceIcon, NiceButton, NiceTextInput, clickOnActivationKey } from '@nice2dev/ui';
-import React from 'react';
-import { useNiceTranslation } from '../core/i18n.js';
-import styles from './ModelEditor.module.css.js';
-
+import { jsx, jsxs } from "react/jsx-runtime";
+import { NiceIcon, NiceButton, NiceTextInput, clickOnActivationKey } from "@nice2dev/ui";
+import React from "react";
+import { useNiceTranslation } from "../core/i18n.js";
+import styles from "./ModelEditor.module.css.js";
 const ModelEditorLeftPanel = /* @__PURE__ */ Object.assign(
-/* @__PURE__ */ React.memo(({ api }) => {
+  /* @__PURE__ */ React.memo(({ api }) => {
     const { t } = useNiceTranslation();
-    const { sceneTree, selectedId, outlinerSearch, setOutlinerSearch, selectObject, rebuildTree, toggleNodeExpanded, toggleNodeVisibility, } = api;
+    const {
+      sceneTree,
+      selectedId,
+      outlinerSearch,
+      setOutlinerSearch,
+      selectObject,
+      rebuildTree,
+      toggleNodeExpanded,
+      toggleNodeVisibility
+    } = api;
     const renderTreeNode = (node, depth) => {
-        // Outliner search filter
-        if (outlinerSearch) {
-            const q = outlinerSearch.toLowerCase();
-            const match = node.name.toLowerCase().includes(q);
-            const childMatch = node.children.some(function cm(c) {
-                return c.name.toLowerCase().includes(q) || c.children.some(cm);
-            });
-            if (!match && !childMatch) {
-                return null;
-            }
+      if (outlinerSearch) {
+        const q = outlinerSearch.toLowerCase();
+        const match = node.name.toLowerCase().includes(q);
+        const childMatch = node.children.some(function cm(c) {
+          return c.name.toLowerCase().includes(q) || c.children.some(cm);
+        });
+        if (!match && !childMatch) {
+          return null;
         }
-        const hasChildren = node.children.length > 0;
-        const icon = node.type === 'mesh'
-            ? 'box'
-            : node.type === 'bone'
-                ? 'target'
-                : node.type === 'light'
-                    ? 'lightbulb'
-                    : node.type === 'camera'
-                        ? 'camera'
-                        : node.type === 'helper'
-                            ? 'hexagon'
-                            : 'folder';
-        return (jsxs(React.Fragment, { children: [jsxs("div", { role: "button", tabIndex: 0, onKeyDown: clickOnActivationKey, className: `${styles.treeItem} ${selectedId === node.id ? styles.treeItemActive : ''}`, style: { paddingLeft: depth * 16 + 4 }, onClick: () => selectObject(node), children: [hasChildren ? (jsx("span", { role: "button", tabIndex: 0, "aria-label": t(node.expanded ? 'controls.collapse' : 'controls.expand', node.expanded ? 'Collapse' : 'Expand'), onKeyDown: clickOnActivationKey, className: styles.treeToggle, onClick: (e) => {
-                                e.stopPropagation();
-                                toggleNodeExpanded(node);
-                            }, children: jsx(NiceIcon, { name: node.expanded ? 'chevron-down' : 'chevron-right', size: 14 }) })) : (jsx("span", { className: styles.treeToggle })), jsx("span", { className: styles.treeIcon, children: jsx(NiceIcon, { name: icon, size: 14 }) }), jsx("span", { style: { flex: 1, overflow: 'hidden', textOverflow: 'ellipsis' }, children: node.name }), jsx("span", { role: "button", tabIndex: 0, "aria-label": t(node.visible ? 'hide' : 'show', node.visible ? 'Hide' : 'Show'), onKeyDown: clickOnActivationKey, className: styles.treeVisibility, onClick: (e) => {
-                                e.stopPropagation();
-                                toggleNodeVisibility(node);
-                            }, children: jsx(NiceIcon, { name: node.visible ? 'eye' : 'eye-off', size: 14 }) })] }), node.expanded && node.children.map((c) => renderTreeNode(c, depth + 1))] }, node.id));
+      }
+      const hasChildren = node.children.length > 0;
+      const icon = node.type === "mesh" ? "box" : node.type === "bone" ? "target" : node.type === "light" ? "lightbulb" : node.type === "camera" ? "camera" : node.type === "helper" ? "hexagon" : "folder";
+      return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            role: "button",
+            tabIndex: 0,
+            onKeyDown: clickOnActivationKey,
+            className: `${styles.treeItem} ${selectedId === node.id ? styles.treeItemActive : ""}`,
+            style: { paddingLeft: depth * 16 + 4 },
+            onClick: () => selectObject(node),
+            children: [
+              hasChildren ? /* @__PURE__ */ jsx(
+                "span",
+                {
+                  role: "button",
+                  tabIndex: 0,
+                  "aria-label": t(
+                    node.expanded ? "controls.collapse" : "controls.expand",
+                    node.expanded ? "Collapse" : "Expand"
+                  ),
+                  onKeyDown: clickOnActivationKey,
+                  className: styles.treeToggle,
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    toggleNodeExpanded(node);
+                  },
+                  children: /* @__PURE__ */ jsx(NiceIcon, { name: node.expanded ? "chevron-down" : "chevron-right", size: 14 })
+                }
+              ) : /* @__PURE__ */ jsx("span", { className: styles.treeToggle }),
+              /* @__PURE__ */ jsx("span", { className: styles.treeIcon, children: /* @__PURE__ */ jsx(NiceIcon, { name: icon, size: 14 }) }),
+              /* @__PURE__ */ jsx("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis" }, children: node.name }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  role: "button",
+                  tabIndex: 0,
+                  "aria-label": t(node.visible ? "hide" : "show", node.visible ? "Hide" : "Show"),
+                  onKeyDown: clickOnActivationKey,
+                  className: styles.treeVisibility,
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    toggleNodeVisibility(node);
+                  },
+                  children: /* @__PURE__ */ jsx(NiceIcon, { name: node.visible ? "eye" : "eye-off", size: 14 })
+                }
+              )
+            ]
+          }
+        ),
+        node.expanded && node.children.map((c) => renderTreeNode(c, depth + 1))
+      ] }, node.id);
     };
-    return (jsx("div", { className: styles.leftPanel, children: jsxs("div", { className: styles.panelSection, children: [jsxs("div", { className: styles.panelTitle, children: [jsx(NiceIcon, { name: "clipboard", size: 14 }), " ", t('modelEditorLeftPanel.outliner', 'Outliner'), jsx(NiceButton, { variant: "ghost", size: "sm", onClick: rebuildTree, title: t('modelEditorLeftPanel.refresh', 'Refresh'), "aria-label": t('modelEditorLeftPanel.refreshOutliner', 'Refresh outliner'), children: jsx(NiceIcon, { name: "refresh", size: 14 }) })] }), jsx("div", { className: styles.outlinerSearch, children: jsx(NiceTextInput, { className: styles.propInput, placeholder: t('modelEditorLeftPanel.filter', 'Filter...'), value: outlinerSearch, onChange: (val) => setOutlinerSearch(val), style: { width: '100%', marginBottom: 4 } }) }), jsxs("div", { className: styles.panelContent, style: { overflowY: 'auto', flex: 1 }, children: [sceneTree.length === 0 && (jsx("div", { style: {
-                                color: 'var(--nice-text-secondary, #666)',
-                                fontSize: 10,
-                                padding: '8px 0',
-                            }, children: t('modelEditorLeftPanel.dropA3dFileTo', 'Drop a 3D file to begin') })), sceneTree.map((n) => renderTreeNode(n, 0))] })] }) }));
-}), { displayName: 'ModelEditorLeftPanel' });
-
-export { ModelEditorLeftPanel as default };
+    return /* @__PURE__ */ jsx("div", { className: styles.leftPanel, children: /* @__PURE__ */ jsxs("div", { className: styles.panelSection, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles.panelTitle, children: [
+        /* @__PURE__ */ jsx(NiceIcon, { name: "clipboard", size: 14 }),
+        " ",
+        t("modelEditorLeftPanel.outliner", "Outliner"),
+        /* @__PURE__ */ jsx(
+          NiceButton,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: rebuildTree,
+            title: t("modelEditorLeftPanel.refresh", "Refresh"),
+            "aria-label": t("modelEditorLeftPanel.refreshOutliner", "Refresh outliner"),
+            children: /* @__PURE__ */ jsx(NiceIcon, { name: "refresh", size: 14 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: styles.outlinerSearch, children: /* @__PURE__ */ jsx(
+        NiceTextInput,
+        {
+          className: styles.propInput,
+          placeholder: t("modelEditorLeftPanel.filter", "Filter..."),
+          value: outlinerSearch,
+          onChange: (val) => setOutlinerSearch(val),
+          style: { width: "100%", marginBottom: 4 }
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: styles.panelContent, style: { overflowY: "auto", flex: 1 }, children: [
+        sceneTree.length === 0 && /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              color: "var(--nice-text-secondary, #666)",
+              fontSize: 10,
+              padding: "8px 0"
+            },
+            children: t("modelEditorLeftPanel.dropA3dFileTo", "Drop a 3D file to begin")
+          }
+        ),
+        sceneTree.map((n) => renderTreeNode(n, 0))
+      ] })
+    ] }) });
+  }),
+  { displayName: "ModelEditorLeftPanel" }
+);
+export {
+  ModelEditorLeftPanel as default
+};