Feature/ecs behavior tree (#188)

* feat(behavior-tree): 完全 ECS 化的行为树系统

* feat(editor-app): 添加行为树可视化编辑器

* chore: 移除 Cocos Creator 扩展目录

* feat(editor-app): 行为树编辑器功能增强

* fix(editor-app): 修复 TypeScript 类型错误

* feat(editor-app): 使用 FlexLayout 重构面板系统并优化资产浏览器

* feat(editor-app): 改进编辑器UI样式并修复行为树执行顺序

* feat(behavior-tree,editor-app): 添加装饰器系统并优化编辑器性能

* feat(behavior-tree,editor-app): 添加属性绑定系统

* feat(editor-app,behavior-tree): 优化编辑器UI并改进行为树功能

* feat(editor-app,behavior-tree): 添加全局黑板系统并增强资产浏览器功能

* feat(behavior-tree,editor-app): 添加运行时资产导出系统

* feat(behavior-tree,editor-app): 添加SubTree系统和资产选择器

* feat(behavior-tree,editor-app): 优化系统架构并改进编辑器文件管理

* fix(behavior-tree,editor-app): 修复SubTree节点错误显示空节点警告

* fix(editor-app): 修复局部黑板类型定义文件扩展名错误

packages/editor-app/src/styles/AssetBrowser.css

@@ -68,6 +68,43 @@
   overflow: hidden;
   display: flex;
   flex-direction: column;
+  container-type: inline-size;
+  container-name: asset-list-container;
+}
+
+.asset-browser-breadcrumb {
+  padding: 8px 12px;
+  background: #2d2d30;
+  border-bottom: 1px solid #3e3e3e;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 4px;
+  font-size: var(--font-size-sm);
+  min-height: 32px;
+}
+
+.breadcrumb-item {
+  color: #cccccc;
+  cursor: pointer;
+  padding: 2px 6px;
+  border-radius: 3px;
+  transition: all 0.2s ease;
+  user-select: none;
+}
+
+.breadcrumb-item:hover {
+  background: #3e3e3e;
+  color: #ffffff;
+}
+
+.breadcrumb-item:active {
+  background: #094771;
+}
+
+.breadcrumb-separator {
+  color: #858585;
+  pointer-events: none;
 }
 
 .asset-browser-toolbar {
@@ -109,13 +146,78 @@
 .asset-list {
   flex: 1;
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
-  gap: 10px;
+  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
+  gap: 8px;
   padding: 10px;
   overflow-y: auto;
   align-content: start;
 }
 
+/* 容器查询：根据容器宽度调整布局 */
+@container (max-width: 400px) {
+  .asset-list {
+    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
+    gap: 6px;
+  }
+}
+
+@container (max-width: 250px) {
+  .asset-list {
+    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
+    gap: 4px;
+    padding: 6px;
+  }
+}
+
+@container (max-width: 150px) {
+  .asset-list {
+    grid-template-columns: 1fr;
+    gap: 2px;
+  }
+
+  .asset-item {
+    flex-direction: row;
+    justify-content: flex-start;
+    padding: 6px 8px;
+    gap: 8px;
+  }
+
+  .asset-icon {
+    width: 24px;
+    height: 24px;
+    margin-bottom: 0;
+  }
+
+  .asset-name {
+    text-align: left;
+    margin-bottom: 0;
+  }
+
+  .asset-type {
+    display: none;
+  }
+}
+
+/* 中等窄度优化 */
+@container (max-width: 250px) {
+  .asset-item {
+    padding: 8px 6px;
+  }
+
+  .asset-icon {
+    width: 36px;
+    height: 36px;
+  }
+
+  .asset-name {
+    font-size: 11px;
+  }
+
+  .asset-type {
+    font-size: 9px;
+  }
+}
+
 .asset-item {
   display: flex;
   flex-direction: column;
@@ -198,13 +300,3 @@
   background: #4e4e4e;
 }
 
-@media (max-width: 768px) {
-  .asset-list {
-    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
-  }
-
-  .asset-icon {
-    width: 32px;
-    height: 32px;
-  }
-}