@nice2dev/game-engine 1.1.6 → 1.1.9

package/dist/cjs/unity-integration/components/UnityProjectBrowser.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@nice2dev/ui');
 var React = require('react');
 
 const DEFAULT_THEME = {
@@ -104,23 +105,23 @@ function useBrowser() {
 function getAssetIcon(type) {
     switch (type) {
         case 'scene':
-            return '🎬';
+            return 'video';
         case 'prefab':
-            return '📦';
+            return 'box';
         case 'material':
-            return '🎨';
+            return 'palette';
         case 'texture':
-            return '🖼️';
+            return 'image';
         case 'mesh':
-            return '🔷';
+            return 'hexagon';
         case 'animation':
-            return '🏃';
+            return 'play';
         case 'script':
-            return '📜';
+            return 'code';
         case 'audio':
-            return '🔊';
+            return 'volume';
         default:
-            return '📄';
+            return 'file';
     }
 }
 function formatFileSize(bytes) {
@@ -151,7 +152,7 @@ const BrowserHeader = ({ projectPath }) => {
                     alignItems: 'center',
                     justifyContent: 'center',
                     fontSize: 20,
-                }, children: "\uD83C\uDFAE" }), jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [jsxRuntime.jsx("div", { style: { fontSize: 14, fontWeight: 600, color: theme.textPrimary }, children: state.projectInfo?.name ?? 'No Project Loaded' }), jsxRuntime.jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: state.projectInfo ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: ["Unity ", state.projectInfo.unityVersion, " \u2022", ' ', state.projectInfo.renderPipeline.toUpperCase()] })) : ((projectPath ?? 'Select a Unity project folder')) })] }), jsxRuntime.jsxs("div", { style: {
+                }, children: jsxRuntime.jsx(ui.NiceIcon, { name: "gamepad", size: 18 }) }), jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [jsxRuntime.jsx("div", { style: { fontSize: 14, fontWeight: 600, color: theme.textPrimary }, children: state.projectInfo?.name ?? 'No Project Loaded' }), jsxRuntime.jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: state.projectInfo ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: ["Unity ", state.projectInfo.unityVersion, " \u2022", ' ', state.projectInfo.renderPipeline.toUpperCase()] })) : ((projectPath ?? 'Select a Unity project folder')) })] }), jsxRuntime.jsxs("div", { style: {
                     display: 'flex',
                     alignItems: 'center',
                     gap: 8,
@@ -218,21 +219,21 @@ const BrowserToolbar = () => {
                     backgroundColor: 'rgba(0,0,0,0.2)',
                     borderRadius: 6,
                     overflow: 'hidden',
-                }, children: [jsxRuntime.jsx("button", { onClick: () => dispatch({ type: 'SET_VIEW_MODE', mode: 'tree' }), style: {
+                }, children: [jsxRuntime.jsx("button", { onClick: () => dispatch({ type: 'SET_VIEW_MODE', mode: 'tree' }), "aria-label": "Tree view", style: {
                             padding: '6px 10px',
                             fontSize: 12,
                             backgroundColor: state.viewMode === 'tree' ? theme.accent : 'transparent',
                             border: 'none',
                             color: '#fff',
                             cursor: 'pointer',
-                        }, children: "\uD83D\uDCD1" }), jsxRuntime.jsx("button", { onClick: () => dispatch({ type: 'SET_VIEW_MODE', mode: 'grid' }), style: {
+                        }, children: jsxRuntime.jsx(ui.NiceIcon, { name: "list", size: 14 }) }), jsxRuntime.jsx("button", { onClick: () => dispatch({ type: 'SET_VIEW_MODE', mode: 'grid' }), "aria-label": "Grid view", style: {
                             padding: '6px 10px',
                             fontSize: 12,
                             backgroundColor: state.viewMode === 'grid' ? theme.accent : 'transparent',
                             border: 'none',
                             color: '#fff',
                             cursor: 'pointer',
-                        }, children: "\uD83D\uDD32" })] }), jsxRuntime.jsx("div", { style: { flex: 1 } }), jsxRuntime.jsxs("span", { style: { fontSize: 11, color: theme.textSecondary }, children: [state.selectedAssets.size, " selected"] }), jsxRuntime.jsx("button", { onClick: importSelectedAssets, disabled: state.selectedAssets.size === 0 || state.importProgress !== null, style: {
+                        }, children: jsxRuntime.jsx(ui.NiceIcon, { name: "grid", size: 14 }) })] }), jsxRuntime.jsx("div", { style: { flex: 1 } }), jsxRuntime.jsxs("span", { style: { fontSize: 11, color: theme.textSecondary }, children: [state.selectedAssets.size, " selected"] }), jsxRuntime.jsxs("button", { onClick: importSelectedAssets, disabled: state.selectedAssets.size === 0 || state.importProgress !== null, style: {
                     padding: '8px 16px',
                     fontSize: 12,
                     fontWeight: 500,
@@ -244,16 +245,16 @@ const BrowserToolbar = () => {
                     color: '#fff',
                     cursor: state.selectedAssets.size > 0 && !state.importProgress ? 'pointer' : 'not-allowed',
                     opacity: state.selectedAssets.size > 0 && !state.importProgress ? 1 : 0.5,
-                }, children: state.importProgress ? '⏳ Importing...' : '📥 Import Selected' })] }));
+                }, children: [jsxRuntime.jsx(ui.NiceIcon, { name: state.importProgress ? 'clock' : 'download', size: 14 }), ' ', state.importProgress ? 'Importing...' : 'Import Selected'] })] }));
 };
 /* ── Tab Bar Component ────────────────────────────────────────── */
 const TabBar = () => {
     const { state, dispatch, theme } = useBrowser();
     const tabs = [
-        { id: 'assets', label: 'Assets', icon: '📁' },
-        { id: 'scenes', label: 'Scenes', icon: '🎬' },
-        { id: 'packages', label: 'Packages', icon: '📦' },
-        { id: 'settings', label: 'Settings', icon: '⚙️' },
+        { id: 'assets', label: 'Assets', icon: 'folder' },
+        { id: 'scenes', label: 'Scenes', icon: 'video' },
+        { id: 'packages', label: 'Packages', icon: 'box' },
+        { id: 'settings', label: 'Settings', icon: 'settings' },
     ];
     return (jsxRuntime.jsx("div", { style: {
             display: 'flex',
@@ -269,7 +270,7 @@ const TabBar = () => {
                 borderBottom: state.tab === tab.id ? `2px solid ${theme.accent}` : '2px solid transparent',
                 color: state.tab === tab.id ? theme.textPrimary : theme.textSecondary,
                 cursor: 'pointer',
-            }, children: [tab.icon, " ", tab.label] }, tab.id))) }));
+            }, children: [jsxRuntime.jsx(ui.NiceIcon, { name: tab.icon, size: 14 }), " ", tab.label] }, tab.id))) }));
 };
 /* ── Asset Tree View ──────────────────────────────────────────── */
 const AssetTreeItem = ({ asset, indent }) => {
@@ -283,7 +284,7 @@ const AssetTreeItem = ({ asset, indent }) => {
             paddingLeft: indent * 16 + 8,
             backgroundColor: isSelected ? theme.itemSelected : 'transparent',
             cursor: 'pointer',
-        }, children: [jsxRuntime.jsx("input", { type: "checkbox", checked: isSelected, onChange: () => dispatch({ type: 'SELECT_ASSET', id: asset.id, additive: true }), onClick: (e) => e.stopPropagation() }), jsxRuntime.jsx("span", { style: { fontSize: 14 }, children: getAssetIcon(asset.type) }), jsxRuntime.jsx("span", { style: {
+        }, children: [jsxRuntime.jsx("input", { type: "checkbox", checked: isSelected, onChange: () => dispatch({ type: 'SELECT_ASSET', id: asset.id, additive: true }), onClick: (e) => e.stopPropagation() }), jsxRuntime.jsx(ui.NiceIcon, { name: getAssetIcon(asset.type), size: 14 }), jsxRuntime.jsx("span", { style: {
                     flex: 1,
                     fontSize: 12,
                     color: isSelected ? theme.textPrimary : theme.textSecondary,
@@ -320,7 +321,7 @@ const FolderTreeItem = ({ folder, indent }) => {
                     padding: '4px 8px',
                     paddingLeft: indent * 16 + 8,
                     cursor: 'pointer',
-                }, children: [jsxRuntime.jsx("span", { style: { fontSize: 10, color: theme.textSecondary }, children: isExpanded ? '▼' : '▶' }), jsxRuntime.jsx("span", { style: { fontSize: 14, color: theme.folderColor }, children: "\uD83D\uDCC1" }), jsxRuntime.jsx("span", { style: { fontSize: 12, color: theme.textPrimary, fontWeight: 500 }, children: folder.name }), jsxRuntime.jsxs("span", { style: { fontSize: 10, color: theme.textSecondary }, children: ["(", filteredChildren.length, ")"] })] }), isExpanded &&
+                }, children: [jsxRuntime.jsx(ui.NiceIcon, { name: isExpanded ? 'chevron-down' : 'chevron-right', size: 10, color: theme.textSecondary }), jsxRuntime.jsx(ui.NiceIcon, { name: "folder", size: 14, color: theme.folderColor }), jsxRuntime.jsx("span", { style: { fontSize: 12, color: theme.textPrimary, fontWeight: 500 }, children: folder.name }), jsxRuntime.jsxs("span", { style: { fontSize: 10, color: theme.textSecondary }, children: ["(", filteredChildren.length, ")"] })] }), isExpanded &&
                 filteredChildren.map((child, _i) => 'children' in child ? (jsxRuntime.jsx(FolderTreeItem, { folder: child, indent: indent + 1 }, child.path)) : (jsxRuntime.jsx(AssetTreeItem, { asset: child, indent: indent + 1 }, child.id)))] }));
 };
 /* ── Asset Grid View ──────────────────────────────────────────── */
@@ -366,7 +367,7 @@ const AssetGridView = () => {
                             justifyContent: 'center',
                             fontSize: 24,
                             marginBottom: 8,
-                        }, children: asset.thumbnail ? (jsxRuntime.jsx("img", { src: asset.thumbnail, alt: asset.name, style: { width: '100%', height: '100%', objectFit: 'cover', borderRadius: 8 } })) : (getAssetIcon(asset.type)) }), jsxRuntime.jsx("span", { style: {
+                        }, children: asset.thumbnail ? (jsxRuntime.jsx("img", { src: asset.thumbnail, alt: asset.name, style: { width: '100%', height: '100%', objectFit: 'cover', borderRadius: 8 } })) : (jsxRuntime.jsx(ui.NiceIcon, { name: getAssetIcon(asset.type), size: 32 })) }), jsxRuntime.jsx("span", { style: {
                             fontSize: 11,
                             color: theme.textPrimary,
                             textAlign: 'center',
@@ -416,7 +417,7 @@ const PackagesPanel = () => {
                     marginBottom: 4,
                     backgroundColor: theme.itemBackground,
                     borderRadius: 6,
-                }, children: [jsxRuntime.jsx("span", { style: { fontSize: 14 }, children: "\uD83D\uDCE6" }), jsxRuntime.jsx("span", { style: { fontSize: 12, color: theme.textPrimary, flex: 1 }, children: pkg.name }), jsxRuntime.jsx("span", { style: {
+                }, children: [jsxRuntime.jsx(ui.NiceIcon, { name: "box", size: 14 }), jsxRuntime.jsx("span", { style: { fontSize: 12, color: theme.textPrimary, flex: 1 }, children: pkg.name }), jsxRuntime.jsx("span", { style: {
                             padding: '2px 8px',
                             fontSize: 10,
                             backgroundColor: getSourceBadge(pkg.source),
@@ -469,14 +470,14 @@ const PreviewPanel = () => {
                         gap: 12,
                         padding: 16,
                         borderBottom: `1px solid ${theme.border}`,
-                    }, children: [jsxRuntime.jsx("span", { style: { fontSize: 24 }, children: getAssetIcon(asset.type) }), jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 600, color: theme.textPrimary }, children: asset.name }), jsxRuntime.jsx("div", { style: { fontSize: 12, color: theme.textSecondary }, children: asset.path })] }), jsxRuntime.jsx("button", { onClick: () => dispatch({ type: 'SET_PREVIEW', asset: null }), style: {
+                    }, children: [jsxRuntime.jsx(ui.NiceIcon, { name: getAssetIcon(asset.type), size: 24 }), jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 600, color: theme.textPrimary }, children: asset.name }), jsxRuntime.jsx("div", { style: { fontSize: 12, color: theme.textSecondary }, children: asset.path })] }), jsxRuntime.jsx("button", { onClick: () => dispatch({ type: 'SET_PREVIEW', asset: null }), style: {
                                 padding: '4px 8px',
                                 fontSize: 14,
                                 backgroundColor: 'transparent',
                                 border: 'none',
                                 color: theme.textSecondary,
                                 cursor: 'pointer',
-                            }, children: "\u2715" })] }), jsxRuntime.jsxs("div", { style: { padding: 16 }, children: [jsxRuntime.jsx("div", { style: {
+                            }, children: jsxRuntime.jsx(ui.NiceIcon, { name: "close", size: 14 }) })] }), jsxRuntime.jsxs("div", { style: { padding: 16 }, children: [jsxRuntime.jsx("div", { style: {
                                 width: '100%',
                                 height: 300,
                                 backgroundColor: 'rgba(0,0,0,0.3)',
@@ -486,7 +487,7 @@ const PreviewPanel = () => {
                                 justifyContent: 'center',
                                 fontSize: 48,
                                 marginBottom: 16,
-                            }, children: asset.thumbnail ? (jsxRuntime.jsx("img", { src: asset.thumbnail, alt: asset.name, style: { maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' } })) : (getAssetIcon(asset.type)) }), jsxRuntime.jsxs("div", { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 12 }, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: "Type" }), jsxRuntime.jsx("div", { style: { fontSize: 13, color: theme.textPrimary }, children: asset.type })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: "Size" }), jsxRuntime.jsx("div", { style: { fontSize: 13, color: theme.textPrimary }, children: formatFileSize(asset.size) })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: "GUID" }), jsxRuntime.jsx("div", { style: { fontSize: 13, color: theme.textPrimary, fontFamily: 'monospace' }, children: asset.guid })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: "Last Modified" }), jsxRuntime.jsx("div", { style: { fontSize: 13, color: theme.textPrimary }, children: asset.lastModified })] })] }), asset.dependencies && asset.dependencies.length > 0 && (jsxRuntime.jsxs("div", { style: { marginTop: 16 }, children: [jsxRuntime.jsxs("div", { style: { fontSize: 12, fontWeight: 500, color: theme.textPrimary, marginBottom: 8 }, children: ["Dependencies (", asset.dependencies.length, ")"] }), jsxRuntime.jsx("div", { style: { maxHeight: 100, overflow: 'auto' }, children: asset.dependencies.map((dep, i) => (jsxRuntime.jsx("div", { style: {
+                            }, children: asset.thumbnail ? (jsxRuntime.jsx("img", { src: asset.thumbnail, alt: asset.name, style: { maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' } })) : (jsxRuntime.jsx(ui.NiceIcon, { name: getAssetIcon(asset.type), size: 32 })) }), jsxRuntime.jsxs("div", { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 12 }, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: "Type" }), jsxRuntime.jsx("div", { style: { fontSize: 13, color: theme.textPrimary }, children: asset.type })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: "Size" }), jsxRuntime.jsx("div", { style: { fontSize: 13, color: theme.textPrimary }, children: formatFileSize(asset.size) })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: "GUID" }), jsxRuntime.jsx("div", { style: { fontSize: 13, color: theme.textPrimary, fontFamily: 'monospace' }, children: asset.guid })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: "Last Modified" }), jsxRuntime.jsx("div", { style: { fontSize: 13, color: theme.textPrimary }, children: asset.lastModified })] })] }), asset.dependencies && asset.dependencies.length > 0 && (jsxRuntime.jsxs("div", { style: { marginTop: 16 }, children: [jsxRuntime.jsxs("div", { style: { fontSize: 12, fontWeight: 500, color: theme.textPrimary, marginBottom: 8 }, children: ["Dependencies (", asset.dependencies.length, ")"] }), jsxRuntime.jsx("div", { style: { maxHeight: 100, overflow: 'auto' }, children: asset.dependencies.map((dep, i) => (jsxRuntime.jsx("div", { style: {
                                             padding: '4px 8px',
                                             fontSize: 11,
                                             color: theme.textSecondary,
@@ -536,7 +537,7 @@ const ImportProgressOverlay = () => {
                 backgroundColor: theme.panelBackground,
                 borderRadius: 12,
                 padding: 24,
-            }, children: [jsxRuntime.jsx("h3", { style: { margin: '0 0 16px', fontSize: 16, fontWeight: 600, color: theme.textPrimary }, children: progress.phase === 'complete' ? '✅ Import Complete' : '📥 Importing Assets' }), jsxRuntime.jsx("div", { style: { fontSize: 12, color: theme.textSecondary, marginBottom: 8 }, children: progress.message }), progress.currentAsset && (jsxRuntime.jsx("div", { style: {
+            }, children: [jsxRuntime.jsxs("h3", { style: { margin: '0 0 16px', fontSize: 16, fontWeight: 600, color: theme.textPrimary }, children: [jsxRuntime.jsx(ui.NiceIcon, { name: progress.phase === 'complete' ? 'success' : 'download', size: 16 }), ' ', progress.phase === 'complete' ? 'Import Complete' : 'Importing Assets'] }), jsxRuntime.jsx("div", { style: { fontSize: 12, color: theme.textSecondary, marginBottom: 8 }, children: progress.message }), progress.currentAsset && (jsxRuntime.jsx("div", { style: {
                         fontSize: 11,
                         color: theme.textPrimary,
                         backgroundColor: 'rgba(0,0,0,0.2)',

package/dist/cjs/unreal-integration/components/UnrealProjectBrowser.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@nice2dev/ui');
 var React = require('react');
 
 const DEFAULT_THEME = {
@@ -112,29 +113,29 @@ function useBrowser() {
 function getAssetIcon(type) {
     switch (type) {
         case 'blueprint':
-            return '🔵';
+            return 'code';
         case 'level':
-            return '🗺️';
+            return 'map-pin';
         case 'material':
-            return '🎨';
+            return 'palette';
         case 'texture':
-            return '🖼️';
+            return 'image';
         case 'mesh':
-            return '🔷';
+            return 'hexagon';
         case 'skeletal_mesh':
-            return '🦴';
+            return 'user';
         case 'animation':
-            return '🏃';
+            return 'play';
         case 'sound':
-            return '🔊';
+            return 'volume';
         case 'particle':
-            return '✨';
+            return 'star';
         case 'widget':
-            return '📱';
+            return 'monitor';
         case 'data_asset':
-            return '📊';
+            return 'table';
         default:
-            return '📄';
+            return 'file';
     }
 }
 function formatFileSize(bytes) {
@@ -185,7 +186,7 @@ const BrowserHeader = () => {
                     justifyContent: 'center',
                     fontSize: 18,
                     border: '1px solid rgba(255,255,255,0.1)',
-                }, children: "\uD83C\uDFAE" }), jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [jsxRuntime.jsx("div", { style: { fontSize: 14, fontWeight: 600, color: theme.textPrimary }, children: state.projectInfo?.name ?? 'No Project Loaded' }), jsxRuntime.jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: state.projectInfo ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: ["UE ", state.projectInfo.engineVersion, " \u2022 ", state.projectInfo.targetPlatforms.join(', ')] })) : ('Select a .uproject file') })] }), state.liveLinkStatus.connected && state.liveLinkStatus.hotReloadAvailable && (jsxRuntime.jsx("button", { onClick: triggerHotReload, disabled: state.liveLinkStatus.compiling, style: {
+                }, children: jsxRuntime.jsx(ui.NiceIcon, { name: "gamepad", size: 18 }) }), jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [jsxRuntime.jsx("div", { style: { fontSize: 14, fontWeight: 600, color: theme.textPrimary }, children: state.projectInfo?.name ?? 'No Project Loaded' }), jsxRuntime.jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: state.projectInfo ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: ["UE ", state.projectInfo.engineVersion, " \u2022 ", state.projectInfo.targetPlatforms.join(', ')] })) : ('Select a .uproject file') })] }), state.liveLinkStatus.connected && state.liveLinkStatus.hotReloadAvailable && (jsxRuntime.jsxs("button", { onClick: triggerHotReload, disabled: state.liveLinkStatus.compiling, style: {
                     padding: '6px 12px',
                     fontSize: 11,
                     backgroundColor: state.liveLinkStatus.compiling ? theme.warning : theme.cppOrange,
@@ -193,7 +194,7 @@ const BrowserHeader = () => {
                     borderRadius: 4,
                     color: '#fff',
                     cursor: state.liveLinkStatus.compiling ? 'not-allowed' : 'pointer',
-                }, children: state.liveLinkStatus.compiling ? '⏳ Compiling...' : '🔥 Hot Reload' })), jsxRuntime.jsxs("div", { style: {
+                }, children: [jsxRuntime.jsx(ui.NiceIcon, { name: state.liveLinkStatus.compiling ? 'clock' : 'zap', size: 14 }), ' ', state.liveLinkStatus.compiling ? 'Compiling...' : 'Hot Reload'] })), jsxRuntime.jsxs("div", { style: {
                     display: 'flex',
                     alignItems: 'center',
                     gap: 8,
@@ -272,35 +273,35 @@ const BrowserToolbar = () => {
                     backgroundColor: 'rgba(0,0,0,0.2)',
                     borderRadius: 4,
                     overflow: 'hidden',
-                }, children: [jsxRuntime.jsx("button", { onClick: () => dispatch({ type: 'SET_VIEW_MODE', mode: 'tiles' }), style: {
+                }, children: [jsxRuntime.jsx("button", { onClick: () => dispatch({ type: 'SET_VIEW_MODE', mode: 'tiles' }), "aria-label": "Tile view", style: {
                             padding: '6px 10px',
                             fontSize: 12,
                             backgroundColor: state.viewMode === 'tiles' ? theme.accent : 'transparent',
                             border: 'none',
                             color: '#fff',
                             cursor: 'pointer',
-                        }, children: "\uD83D\uDD32" }), jsxRuntime.jsx("button", { onClick: () => dispatch({ type: 'SET_VIEW_MODE', mode: 'list' }), style: {
+                        }, children: jsxRuntime.jsx(ui.NiceIcon, { name: "grid", size: 14 }) }), jsxRuntime.jsx("button", { onClick: () => dispatch({ type: 'SET_VIEW_MODE', mode: 'list' }), "aria-label": "List view", style: {
                             padding: '6px 10px',
                             fontSize: 12,
                             backgroundColor: state.viewMode === 'list' ? theme.accent : 'transparent',
                             border: 'none',
                             color: '#fff',
                             cursor: 'pointer',
-                        }, children: "\uD83D\uDCCB" }), jsxRuntime.jsx("button", { onClick: () => dispatch({ type: 'SET_VIEW_MODE', mode: 'columns' }), style: {
+                        }, children: jsxRuntime.jsx(ui.NiceIcon, { name: "list", size: 14 }) }), jsxRuntime.jsx("button", { onClick: () => dispatch({ type: 'SET_VIEW_MODE', mode: 'columns' }), "aria-label": "Column view", style: {
                             padding: '6px 10px',
                             fontSize: 12,
                             backgroundColor: state.viewMode === 'columns' ? theme.accent : 'transparent',
                             border: 'none',
                             color: '#fff',
                             cursor: 'pointer',
-                        }, children: "\uD83D\uDCD1" })] }), state.viewMode === 'tiles' && (jsxRuntime.jsxs("select", { value: state.tileSize, onChange: (e) => dispatch({ type: 'SET_TILE_SIZE', size: e.target.value }), style: {
+                        }, children: jsxRuntime.jsx(ui.NiceIcon, { name: "columns", size: 14 }) })] }), state.viewMode === 'tiles' && (jsxRuntime.jsxs("select", { value: state.tileSize, onChange: (e) => dispatch({ type: 'SET_TILE_SIZE', size: e.target.value }), style: {
                     padding: '6px 10px',
                     fontSize: 12,
                     backgroundColor: 'rgba(0,0,0,0.3)',
                     border: `1px solid ${theme.border}`,
                     borderRadius: 4,
                     color: theme.textPrimary,
-                }, children: [jsxRuntime.jsx("option", { value: "small", children: "Small" }), jsxRuntime.jsx("option", { value: "medium", children: "Medium" }), jsxRuntime.jsx("option", { value: "large", children: "Large" })] })), jsxRuntime.jsx("div", { style: { flex: 1 } }), jsxRuntime.jsxs("span", { style: { fontSize: 11, color: theme.textSecondary }, children: [state.selectedAssets.size, " selected"] }), jsxRuntime.jsx("button", { onClick: importSelectedAssets, disabled: state.selectedAssets.size === 0 || state.importing, style: {
+                }, children: [jsxRuntime.jsx("option", { value: "small", children: "Small" }), jsxRuntime.jsx("option", { value: "medium", children: "Medium" }), jsxRuntime.jsx("option", { value: "large", children: "Large" })] })), jsxRuntime.jsx("div", { style: { flex: 1 } }), jsxRuntime.jsxs("span", { style: { fontSize: 11, color: theme.textSecondary }, children: [state.selectedAssets.size, " selected"] }), jsxRuntime.jsxs("button", { onClick: importSelectedAssets, disabled: state.selectedAssets.size === 0 || state.importing, style: {
                     padding: '8px 16px',
                     fontSize: 12,
                     fontWeight: 500,
@@ -310,17 +311,17 @@ const BrowserToolbar = () => {
                     color: '#fff',
                     cursor: state.selectedAssets.size > 0 && !state.importing ? 'pointer' : 'not-allowed',
                     opacity: state.selectedAssets.size > 0 && !state.importing ? 1 : 0.5,
-                }, children: state.importing ? `⏳ ${state.importProgress}%` : '📥 Import Selected' })] }));
+                }, children: [jsxRuntime.jsx(ui.NiceIcon, { name: state.importing ? 'clock' : 'download', size: 14 }), ' ', state.importing ? `${state.importProgress}%` : 'Import Selected'] })] }));
 };
 /* ── Tab Bar ─────────────────────────────────────────────────── */
 const TabBar = () => {
     const { state, dispatch, theme } = useBrowser();
     const tabs = [
-        { id: 'content', label: 'Content', icon: '📁' },
-        { id: 'levels', label: 'Levels', icon: '🗺️' },
-        { id: 'plugins', label: 'Plugins', icon: '🔌' },
-        { id: 'modules', label: 'Modules', icon: '📦' },
-        { id: 'settings', label: 'Settings', icon: '⚙️' },
+        { id: 'content', label: 'Content', icon: 'folder' },
+        { id: 'levels', label: 'Levels', icon: 'map-pin' },
+        { id: 'plugins', label: 'Plugins', icon: 'plug' },
+        { id: 'modules', label: 'Modules', icon: 'box' },
+        { id: 'settings', label: 'Settings', icon: 'settings' },
     ];
     return (jsxRuntime.jsx("div", { style: {
             display: 'flex',
@@ -335,7 +336,7 @@ const TabBar = () => {
                 borderBottom: state.tab === tab.id ? `2px solid ${theme.accent}` : '2px solid transparent',
                 color: state.tab === tab.id ? theme.textPrimary : theme.textSecondary,
                 cursor: 'pointer',
-            }, children: [tab.icon, " ", tab.label] }, tab.id))) }));
+            }, children: [jsxRuntime.jsx(ui.NiceIcon, { name: tab.icon, size: 14 }), " ", tab.label] }, tab.id))) }));
 };
 /* ── Asset Tile ───────────────────────────────────────────────── */
 const AssetTile = ({ asset, size, }) => {
@@ -371,7 +372,7 @@ const AssetTile = ({ asset, size, }) => {
                             backgroundSize: 'cover',
                             backgroundPosition: 'center',
                             borderRadius: 4,
-                        } })) : (getAssetIcon(asset.type)), jsxRuntime.jsx("div", { style: {
+                        } })) : (jsxRuntime.jsx(ui.NiceIcon, { name: getAssetIcon(asset.type), size: 32 })), jsxRuntime.jsx("div", { style: {
                             position: 'absolute',
                             bottom: 4,
                             right: 4,
@@ -434,7 +435,7 @@ const AssetListItem = ({ asset, isSelected, }) => {
                     height: 6,
                     borderRadius: 2,
                     backgroundColor: getAssetColor(asset.type, theme),
-                } }), jsxRuntime.jsx("span", { style: { fontSize: 14 }, children: getAssetIcon(asset.type) }), jsxRuntime.jsx("span", { style: { flex: 1, fontSize: 12, color: theme.textPrimary }, children: asset.name }), jsxRuntime.jsx("span", { style: { fontSize: 11, color: theme.textSecondary }, children: asset.className }), jsxRuntime.jsx("span", { style: { fontSize: 10, color: theme.textSecondary }, children: formatFileSize(asset.size) })] }));
+                } }), jsxRuntime.jsx(ui.NiceIcon, { name: getAssetIcon(asset.type), size: 14 }), jsxRuntime.jsx("span", { style: { flex: 1, fontSize: 12, color: theme.textPrimary }, children: asset.name }), jsxRuntime.jsx("span", { style: { fontSize: 11, color: theme.textSecondary }, children: asset.className }), jsxRuntime.jsx("span", { style: { fontSize: 10, color: theme.textSecondary }, children: formatFileSize(asset.size) })] }));
 };
 /* ── Levels Panel ─────────────────────────────────────────────── */
 const LevelsPanel = () => {
@@ -450,7 +451,7 @@ const LevelsPanel = () => {
                     marginBottom: 4,
                     backgroundColor: theme.itemBackground,
                     borderRadius: 4,
-                }, children: [jsxRuntime.jsx("span", { style: { fontSize: 20 }, children: "\uD83D\uDDFA\uFE0F" }), jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [jsxRuntime.jsx("div", { style: { fontSize: 13, color: theme.textPrimary, fontWeight: 500 }, children: map.name }), jsxRuntime.jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: map.path })] }), map.persistent && (jsxRuntime.jsx("span", { style: {
+                }, children: [jsxRuntime.jsx(ui.NiceIcon, { name: "map-pin", size: 20 }), jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [jsxRuntime.jsx("div", { style: { fontSize: 13, color: theme.textPrimary, fontWeight: 500 }, children: map.name }), jsxRuntime.jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: map.path })] }), map.persistent && (jsxRuntime.jsx("span", { style: {
                             padding: '2px 8px',
                             fontSize: 10,
                             backgroundColor: theme.accent,
@@ -529,7 +530,7 @@ const ModulesPanel = () => {
                     marginBottom: 4,
                     backgroundColor: theme.itemBackground,
                     borderRadius: 4,
-                }, children: [jsxRuntime.jsx("span", { style: { fontSize: 14 }, children: "\uD83D\uDCE6" }), jsxRuntime.jsx("span", { style: { flex: 1, fontSize: 13, color: theme.textPrimary, fontWeight: 500 }, children: module.name }), jsxRuntime.jsx("span", { style: {
+                }, children: [jsxRuntime.jsx(ui.NiceIcon, { name: "box", size: 14 }), jsxRuntime.jsx("span", { style: { flex: 1, fontSize: 13, color: theme.textPrimary, fontWeight: 500 }, children: module.name }), jsxRuntime.jsx("span", { style: {
                             padding: '2px 8px',
                             fontSize: 10,
                             backgroundColor: getModuleTypeColor(module.type),

package/dist/esm/core/GameConfig.js

@@ -35,13 +35,27 @@ class GameConfig {
     get settings() {
         return this._settings;
     }
-    get width() { return this._settings.width; }
-    get height() { return this._settings.height; }
-    get targetFps() { return this._settings.targetFps; }
-    get maxPlayers() { return this._settings.maxPlayers; }
-    get physics() { return this._settings.physics; }
-    get audio() { return this._settings.audio; }
-    get rendering() { return this._settings.rendering; }
+    get width() {
+        return this._settings.width;
+    }
+    get height() {
+        return this._settings.height;
+    }
+    get targetFps() {
+        return this._settings.targetFps;
+    }
+    get maxPlayers() {
+        return this._settings.maxPlayers;
+    }
+    get physics() {
+        return this._settings.physics;
+    }
+    get audio() {
+        return this._settings.audio;
+    }
+    get rendering() {
+        return this._settings.rendering;
+    }
     update(overrides) {
         this._settings = mergeSettings(this._settings, overrides);
     }

package/dist/esm/devtools/DeveloperExperience.js

@@ -123,16 +123,16 @@ function getEngineError(code, context) {
 }
 /** Format an engine error for console output */
 function formatEngineError(err) {
-    const icon = err.severity === 'error' ? '❌' : err.severity === 'warning' ? '⚠️' : 'ℹ️';
-    const lines = [`${icon} [Nice2Dev ${err.code}] ${err.message}`];
+    const label = err.severity === 'error' ? 'Error' : err.severity === 'warning' ? 'Warning' : 'Info';
+    const lines = [`${label}: [Nice2Dev ${err.code}] ${err.message}`];
     if (err.suggestion) {
-        lines.push(`   💡 ${err.suggestion}`);
+        lines.push(`   Tip: ${err.suggestion}`);
     }
     if (err.docsSection) {
-        lines.push(`   📖 Docs: https://nice2dev.com/docs/game-engine/${err.docsSection}`);
+        lines.push(`   Docs: https://nice2dev.com/docs/game-engine/${err.docsSection}`);
     }
     if (err.context) {
-        lines.push(`   📋 Context: ${JSON.stringify(err.context)}`);
+        lines.push(`   Context: ${JSON.stringify(err.context)}`);
     }
     return lines.join('\n');
 }

package/dist/esm/dialogue/DialogueSystem.js

@@ -702,7 +702,7 @@ const DialogueBox = ({ text, characterName, portrait, emotion = 'neutral', textE
                     opacity: isComplete ? 1 : 0.5,
                     fontSize: '12px',
                 },
-            }, isComplete ? '▼ Click to continue' : '...'),
+            }, isComplete ? 'Click to continue' : '...'),
         ]),
     ]);
 };

package/dist/esm/editor/AssetBrowser.js

@@ -538,7 +538,7 @@ class AssetBrowser {
             id: 'favorites',
             name: 'Favorites',
             description: 'Your favorite assets',
-            icon: '⭐',
+            icon: 'star',
             color: '#f9e2af',
             assetIds: [],
             createdAt: Date.now(),
@@ -549,7 +549,7 @@ class AssetBrowser {
             id: 'recent',
             name: 'Recent',
             description: 'Recently used assets',
-            icon: '🕐',
+            icon: 'clock',
             color: '#89b4fa',
             assetIds: [],
             createdAt: Date.now(),
@@ -560,7 +560,7 @@ class AssetBrowser {
             id: 'unused',
             name: 'Unused',
             description: 'Assets not referenced by any scene',
-            icon: '📦',
+            icon: 'box',
             color: '#cdd6f4',
             assetIds: [],
             createdAt: Date.now(),
@@ -995,7 +995,7 @@ class AssetBrowser {
             id: `collection_${Date.now()}`,
             name,
             description,
-            icon: '📁',
+            icon: 'folder',
             color: '#cdd6f4',
             assetIds: [],
             createdAt: Date.now(),
@@ -1144,30 +1144,31 @@ class AssetBrowser {
         }
         return `${(bytes / (1024 * 1024 * 1024)).toFixed(2)} GB`;
     }
+    /** NiceIcon name for an asset type. */
     getAssetTypeIcon(type) {
         const icons = {
-            image: '🖼️',
-            sprite: '🎨',
-            spritesheet: '📊',
-            tilemap: '🗺️',
-            audio: '🔊',
-            music: '🎵',
-            sfx: '💥',
-            model: '🎲',
-            material: '🎨',
-            shader: '✨',
-            script: '📜',
-            scene: '🎬',
-            prefab: '📦',
-            animation: '🎞️',
-            font: '🔤',
-            particle: '💫',
-            terrain: '🏔️',
-            video: '🎥',
-            json: '📋',
-            other: '📄',
+            image: 'image',
+            sprite: 'palette',
+            spritesheet: 'grid',
+            tilemap: 'map-pin',
+            audio: 'volume',
+            music: 'music',
+            sfx: 'zap',
+            model: 'box',
+            material: 'palette',
+            shader: 'wand',
+            script: 'code',
+            scene: 'video',
+            prefab: 'box',
+            animation: 'video',
+            font: 'type',
+            particle: 'star',
+            terrain: 'mountain',
+            video: 'video',
+            json: 'file',
+            other: 'file',
         };
-        return icons[type] ?? '📄';
+        return icons[type] ?? 'file';
     }
 }
 // ============================================================