可动态识别属性

packages/editor-app/src/components/SceneHierarchy.tsx

@@ -2,6 +2,7 @@ import { useState, useEffect } from 'react';
 import { Entity } from '@esengine/ecs-framework';
 import { EntityStoreService, MessageHub } from '@esengine/editor-core';
 import { useLocale } from '../hooks/useLocale';
+import { Box, Layers } from 'lucide-react';
 import '../styles/SceneHierarchy.css';
 
 interface SceneHierarchyProps {
@@ -45,11 +46,16 @@ export function SceneHierarchy({ entityStore, messageHub }: SceneHierarchyProps)
   return (
     <div className="scene-hierarchy">
       <div className="hierarchy-header">
+        <Layers size={16} className="hierarchy-header-icon" />
         <h3>{t('hierarchy.title')}</h3>
       </div>
-      <div className="hierarchy-content">
+      <div className="hierarchy-content scrollable">
         {entities.length === 0 ? (
-          <div className="empty-state">{t('hierarchy.empty')}</div>
+          <div className="empty-state">
+            <Box size={48} strokeWidth={1.5} className="empty-icon" />
+            <div className="empty-title">{t('hierarchy.empty')}</div>
+            <div className="empty-hint">Create an entity to get started</div>
+          </div>
         ) : (
           <ul className="entity-list">
             {entities.map(entity => (
@@ -58,7 +64,7 @@ export function SceneHierarchy({ entityStore, messageHub }: SceneHierarchyProps)
                 className={`entity-item ${selectedId === entity.id ? 'selected' : ''}`}
                 onClick={() => handleEntityClick(entity)}
               >
-                <span className="entity-icon">📦</span>
+                <Box size={14} className="entity-icon" />
                 <span className="entity-name">Entity {entity.id}</span>
               </li>
             ))}