@fps-games/editor 0.2.0-beta.3 → 0.2.1-beta.1

package/node_modules/@fps-games/editor-browser/dist/local-editor-ui-hierarchy-view-adapter.d.ts

@@ -0,0 +1,7 @@
+import type { HierarchyOperationResult, HierarchyViewAdapter, HierarchyViewIntent, HierarchyViewModel } from '@fps-games/plugin-hierarchy';
+export interface LocalEditorHierarchyViewAdapter {
+    readonly adapter: HierarchyViewAdapter;
+    dispatch(intent: HierarchyViewIntent): Promise<HierarchyOperationResult>;
+}
+export declare function createLocalEditorHierarchyViewAdapter(render: (model: HierarchyViewModel | null) => void): LocalEditorHierarchyViewAdapter;
+//# sourceMappingURL=local-editor-ui-hierarchy-view-adapter.d.ts.map

package/node_modules/@fps-games/editor-browser/dist/local-editor-ui-hierarchy-view-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"local-editor-ui-hierarchy-view-adapter.d.ts","sourceRoot":"","sources":["../src/local-editor-ui-hierarchy-view-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,6BAA6B,CAAC;AAErC,MAAM,WAAW,+BAA+B;IAC9C,QAAQ,CAAC,OAAO,EAAE,oBAAoB,CAAC;IACvC,QAAQ,CAAC,MAAM,EAAE,mBAAmB,GAAG,OAAO,CAAC,wBAAwB,CAAC,CAAC;CAC1E;AAED,wBAAgB,qCAAqC,CACnD,MAAM,EAAE,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,GACjD,+BAA+B,CAgBjC"}

package/node_modules/@fps-games/editor-browser/dist/local-editor-ui-hierarchy-view-adapter.js

@@ -0,0 +1,20 @@
+export function createLocalEditorHierarchyViewAdapter(render) {
+    let dispatchIntent = null;
+    return {
+        adapter: {
+            render,
+            bind(dispatch) {
+                if (dispatchIntent)
+                    throw new Error('Hierarchy ViewAdapter is already bound.');
+                dispatchIntent = dispatch;
+                return () => { dispatchIntent = null; };
+            },
+        },
+        dispatch(intent) {
+            if (!dispatchIntent)
+                throw new Error('Hierarchy ViewAdapter is not bound.');
+            return dispatchIntent(intent);
+        },
+    };
+}
+//# sourceMappingURL=local-editor-ui-hierarchy-view-adapter.js.map

package/node_modules/@fps-games/editor-browser/dist/local-editor-ui-hierarchy-view-adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"local-editor-ui-hierarchy-view-adapter.js","sourceRoot":"","sources":["../src/local-editor-ui-hierarchy-view-adapter.ts"],"names":[],"mappings":"AAYA,MAAM,UAAU,qCAAqC,CACnD,MAAkD;IAElD,IAAI,cAAc,GAAgF,IAAI,CAAC;IACvG,OAAO;QACL,OAAO,EAAE;YACP,MAAM;YACN,IAAI,CAAC,QAAQ;gBACX,IAAI,cAAc;oBAAE,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;gBAC/E,cAAc,GAAG,QAAQ,CAAC;gBAC1B,OAAO,GAAG,EAAE,GAAG,cAAc,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;YAC1C,CAAC;SACF;QACD,QAAQ,CAAC,MAAM;YACb,IAAI,CAAC,cAAc;gBAAE,MAAM,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAC;YAC5E,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC;QAChC,CAAC;KACF,CAAC;AACJ,CAAC","sourcesContent":["import type {\n  HierarchyOperationResult,\n  HierarchyViewAdapter,\n  HierarchyViewIntent,\n  HierarchyViewModel,\n} from '@fps-games/plugin-hierarchy';\n\nexport interface LocalEditorHierarchyViewAdapter {\n  readonly adapter: HierarchyViewAdapter;\n  dispatch(intent: HierarchyViewIntent): Promise<HierarchyOperationResult>;\n}\n\nexport function createLocalEditorHierarchyViewAdapter(\n  render: (model: HierarchyViewModel | null) => void,\n): LocalEditorHierarchyViewAdapter {\n  let dispatchIntent: ((intent: HierarchyViewIntent) => Promise<HierarchyOperationResult>) | null = null;\n  return {\n    adapter: {\n      render,\n      bind(dispatch) {\n        if (dispatchIntent) throw new Error('Hierarchy ViewAdapter is already bound.');\n        dispatchIntent = dispatch;\n        return () => { dispatchIntent = null; };\n      },\n    },\n    dispatch(intent) {\n      if (!dispatchIntent) throw new Error('Hierarchy ViewAdapter is not bound.');\n      return dispatchIntent(intent);\n    },\n  };\n}\n"]}

package/node_modules/@fps-games/editor-browser/dist/local-editor-ui-hierarchy-view.d.ts

@@ -1,22 +1,21 @@
-import type { LocalEditorBrowserSceneGraphDropIntent } from './local-editor-ui-types';
+import type { HierarchyViewModel } from '@fps-games/plugin-hierarchy';
 import type { LocalEditorHierarchyDropPreview } from './local-editor-ui-hierarchy-drag-policy';
-import type { LocalEditorHierarchyTreeModel, LocalEditorHierarchyTreeNode } from './local-editor-ui-hierarchy-tree';
 export interface LocalEditorHierarchyViewInput {
     title?: string;
     searchPlaceholder?: string;
-    showCreateGroup?: boolean;
-    showCreateMarker?: boolean;
-    model: LocalEditorHierarchyTreeModel;
+    showCreateMenu?: boolean;
+    viewModel: HierarchyViewModel;
+    presentationRevision: string;
     rename: {
         id: string;
         value: string;
     } | null;
-    drop: LocalEditorBrowserSceneGraphDropIntent | null;
+    dragId: string | null;
     dropPreview: LocalEditorHierarchyDropPreview | null;
     rootDrop: boolean;
     searchQuery: string;
 }
+export declare const LOCAL_EDITOR_HIERARCHY_ROW_HEIGHT = 26;
 export declare function renderLocalEditorHierarchyPanel(doc: Document, panel: HTMLElement, input: LocalEditorHierarchyViewInput): void;
 export declare function syncLocalEditorHierarchyDropPreview(doc: Document, panel: HTMLElement, input: Pick<LocalEditorHierarchyViewInput, 'dropPreview' | 'rootDrop'>): void;
-export declare function resolveLocalEditorHierarchySearchRows(model: LocalEditorHierarchyTreeModel, query: string): LocalEditorHierarchyTreeNode[];
 //# sourceMappingURL=local-editor-ui-hierarchy-view.d.ts.map

package/node_modules/@fps-games/editor-browser/dist/local-editor-ui-hierarchy-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"local-editor-ui-hierarchy-view.d.ts","sourceRoot":"","sources":["../src/local-editor-ui-hierarchy-view.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,sCAAsC,EAAE,MAAM,yBAAyB,CAAC;AAKtF,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,yCAAyC,CAAC;AAE/F,OAAO,KAAK,EACV,6BAA6B,EAC7B,4BAA4B,EAC7B,MAAM,kCAAkC,CAAC;AAS1C,MAAM,WAAW,6BAA6B;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,6BAA6B,CAAC;IACrC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC7C,IAAI,EAAE,sCAAsC,GAAG,IAAI,CAAC;IACpD,WAAW,EAAE,+BAA+B,GAAG,IAAI,CAAC;IACpD,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,+BAA+B,CAC7C,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,6BAA6B,GACnC,IAAI,CAyCN;AAED,wBAAgB,mCAAmC,CACjD,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,IAAI,CAAC,6BAA6B,EAAE,aAAa,GAAG,UAAU,CAAC,GACrE,IAAI,CAYN;AA6BD,wBAAgB,qCAAqC,CACnD,KAAK,EAAE,6BAA6B,EACpC,KAAK,EAAE,MAAM,GACZ,4BAA4B,EAAE,CAUhC"}
+{"version":3,"file":"local-editor-ui-hierarchy-view.d.ts","sourceRoot":"","sources":["../src/local-editor-ui-hierarchy-view.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAEV,kBAAkB,EAEnB,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,yCAAyC,CAAC;AAwB/F,MAAM,WAAW,6BAA6B;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC7C,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,EAAE,+BAA+B,GAAG,IAAI,CAAC;IACpD,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,iCAAiC,KAAK,CAAC;AAoBpD,wBAAgB,+BAA+B,CAC7C,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,6BAA6B,GACnC,IAAI,CAyDN;AAkLD,wBAAgB,mCAAmC,CACjD,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,IAAI,CAAC,6BAA6B,EAAE,aAAa,GAAG,UAAU,CAAC,GACrE,IAAI,CAYN"}

package/node_modules/@fps-games/editor-browser/dist/local-editor-ui-hierarchy-view.js

@@ -1,8 +1,7 @@
-import { createBadge, createEditorInputStyle, createPanelHeader, createToolbarButton, createTreeViewItem, } from './local-editor-ui-primitives.js';
+import { createEditorInputStyle, createPanelHeader, createToolbarButton, createTreeViewItem, } from './local-editor-ui-primitives.js';
 import { configureLocalEditorDockPanelContent, createLocalEditorDockPanelViewport, } from './local-editor-ui-dock-panel.js';
 import { createLocalEditorIcon, isLocalEditorIconName } from './local-editor-ui-icons.js';
 import { clearElement } from './local-editor-ui-shared.js';
-import { canLocalEditorHierarchyNodeHaveChildren, canLocalEditorHierarchyNodeToggleEnabled, } from './local-editor-ui-hierarchy-tree.js';
 import { syncLocalEditorStructuredDragPreview } from './local-editor-ui-structured-drag-preview.js';
 const HIERARCHY_ROLE_ICONS = {
     root: 'root',
@@ -10,46 +9,238 @@ const HIERARCHY_ROLE_ICONS = {
     object: 'object',
     marker: 'view-overlay',
 };
+export const LOCAL_EDITOR_HIERARCHY_ROW_HEIGHT = 26;
+const HIERARCHY_VIRTUAL_OVERSCAN = 8;
+const hierarchyPanelShells = new WeakMap();
 export function renderLocalEditorHierarchyPanel(doc, panel, input) {
-    clearElement(panel);
-    configureLocalEditorDockPanelContent(panel);
-    const actions = [];
-    if (input.showCreateGroup !== false) {
-        const createGroupButton = createToolbarButton(doc, '+ Empty', 'object');
-        createGroupButton.dataset.editorHierarchyCreateGroup = 'true';
-        createGroupButton.style.padding = '3px 7px';
-        createGroupButton.style.fontSize = '11px';
-        actions.push(createGroupButton);
+    let shell = hierarchyPanelShells.get(panel);
+    if (shell && !panel.contains(shell.viewport)) {
+        hierarchyPanelShells.delete(panel);
+        shell = undefined;
     }
-    if (input.showCreateMarker === true) {
-        const createMarkerButton = createToolbarButton(doc, '+ Marker', 'view-overlay');
-        createMarkerButton.dataset.editorHierarchyCreateMarker = 'true';
-        createMarkerButton.style.padding = '3px 7px';
-        createMarkerButton.style.fontSize = '11px';
-        actions.push(createMarkerButton);
+    if (!shell) {
+        clearElement(panel);
+        configureLocalEditorDockPanelContent(panel);
+        const createMenu = createToolbarButton(doc, '+ 添加', 'plus');
+        createMenu.dataset.editorHierarchyCreateMenu = 'true';
+        createMenu.title = '添加节点或本地资源';
+        createMenu.setAttribute('aria-label', '添加节点或本地资源');
+        createMenu.style.padding = '3px 7px';
+        createMenu.style.fontSize = '11px';
+        const header = createPanelHeader(doc, input.title ?? 'Hierarchy', [createMenu], 'hierarchy');
+        const title = header.querySelector('h2 span:last-child') ?? header;
+        const search = createHierarchySearchInput(doc, input.searchQuery, input.searchPlaceholder);
+        search.classList.add('fps-editor-ui-search', 'fps-editor-ui-hierarchy-search');
+        const viewport = createLocalEditorDockPanelViewport(doc, 'editorHierarchyTreeViewport');
+        viewport.style.position = 'relative';
+        viewport.dataset.editorHierarchyRootDrop = 'ready';
+        const canvas = doc.createElement('div');
+        canvas.className = 'fps-editor-ui-hierarchy-canvas';
+        canvas.dataset.editorHierarchyVirtualCanvas = 'true';
+        viewport.appendChild(canvas);
+        panel.append(header, search, viewport);
+        const created = {
+            header, title, createMenu, search, viewport, canvas, input, rows: new Map(),
+            selectedIdsRef: null,
+            selectedIdsSet: new Set(),
+            domOrderKey: '',
+            frame: null,
+        };
+        shell = created;
+        hierarchyPanelShells.set(panel, created);
+        viewport.addEventListener('scroll', () => {
+            if (created.frame !== null)
+                return;
+            created.frame = doc.defaultView?.requestAnimationFrame(() => {
+                created.frame = null;
+                renderHierarchyVirtualWindow(doc, created);
+            }) ?? null;
+            if (created.frame === null)
+                renderHierarchyVirtualWindow(doc, created);
+        }, { passive: true });
     }
-    panel.appendChild(createPanelHeader(doc, input.title ?? 'Hierarchy', actions, 'hierarchy'));
-    panel.appendChild(createHierarchySearchInput(doc, input.searchQuery, input.searchPlaceholder));
-    const list = createLocalEditorDockPanelViewport(doc, 'editorHierarchyTreeViewport', { gap: '1px' });
-    list.dataset.editorHierarchyRootDrop = input.rootDrop ? 'active' : 'ready';
-    const rows = resolveLocalEditorHierarchySearchRows(input.model, input.searchQuery);
-    if (rows.length === 0) {
-        const empty = doc.createElement('div');
+    if (!shell)
+        return;
+    shell.input = input;
+    shell.title.textContent = input.title ?? 'Hierarchy';
+    shell.createMenu.style.display = input.showCreateMenu === false ? 'none' : '';
+    if (doc.activeElement !== shell.search && shell.search.value !== input.searchQuery)
+        shell.search.value = input.searchQuery;
+    shell.search.placeholder = input.searchPlaceholder ?? '搜索 GameObject 名称';
+    shell.viewport.dataset.editorHierarchyRootDrop = input.rootDrop ? 'active' : 'ready';
+    renderHierarchyVirtualWindow(doc, shell);
+    syncLocalEditorHierarchyDropPreview(doc, panel, {
+        dropPreview: input.dropPreview,
+        rootDrop: input.rootDrop,
+    });
+}
+function renderHierarchyVirtualWindow(doc, shell) {
+    const { input, viewport, canvas } = shell;
+    const projection = input.viewModel.projection;
+    const total = projection.totalCount;
+    canvas.style.height = `${Math.max(1, total * LOCAL_EDITOR_HIERARCHY_ROW_HEIGHT)}px`;
+    const viewportHeight = viewport.clientHeight || 520;
+    const firstVisible = Math.floor(viewport.scrollTop / LOCAL_EDITOR_HIERARCHY_ROW_HEIGHT);
+    const start = Math.max(0, firstVisible - HIERARCHY_VIRTUAL_OVERSCAN);
+    const count = Math.min(total - start, Math.ceil(viewportHeight / LOCAL_EDITOR_HIERARCHY_ROW_HEIGHT) + HIERARCHY_VIRTUAL_OVERSCAN * 2);
+    const windowRows = projection.getWindow(start, Math.max(0, count));
+    const selectedIds = resolveHierarchySelectedIdSet(shell, input.viewModel.snapshot.selectedIds);
+    const retained = new Set();
+    const orderedRows = [];
+    for (let offset = 0; offset < windowRows.length; offset += 1) {
+        const projected = windowRows[offset];
+        const node = createHierarchyRowPresentation(input.viewModel, projected, selectedIds);
+        if (!node)
+            continue;
+        retained.add(node.node.id);
+        const row = ensureHierarchyVirtualRow(doc, shell, node);
+        orderedRows.push(row);
+        const index = start + offset;
+        row.dataset.editorHierarchyVirtualIndex = String(index);
+        row.style.position = 'absolute';
+        row.style.left = '0';
+        row.style.right = '0';
+        row.style.top = `${index * LOCAL_EDITOR_HIERARCHY_ROW_HEIGHT}px`;
+        row.style.height = `${LOCAL_EDITOR_HIERARCHY_ROW_HEIGHT}px`;
+        if (row.parentElement !== canvas)
+            canvas.appendChild(row);
+    }
+    const pinnedRenameId = input.rename?.id;
+    if (pinnedRenameId && !retained.has(pinnedRenameId)) {
+        const index = projection.indexOf(pinnedRenameId);
+        const projected = projection.getRow(index);
+        const node = projected ? createHierarchyRowPresentation(input.viewModel, projected, selectedIds) : null;
+        const pinned = node ? ensureHierarchyVirtualRow(doc, shell, node) : null;
+        if (pinned && index >= 0) {
+            retained.add(pinnedRenameId);
+            pinned.dataset.editorHierarchyVirtualIndex = String(index);
+            pinned.style.position = 'absolute';
+            pinned.style.left = '0';
+            pinned.style.right = '0';
+            pinned.style.top = `${index * LOCAL_EDITOR_HIERARCHY_ROW_HEIGHT}px`;
+            pinned.style.height = `${LOCAL_EDITOR_HIERARCHY_ROW_HEIGHT}px`;
+        }
+    }
+    const pinnedDragId = input.dragId;
+    if (pinnedDragId && !retained.has(pinnedDragId)) {
+        const index = projection.indexOf(pinnedDragId);
+        const projected = projection.getRow(index);
+        const node = projected ? createHierarchyRowPresentation(input.viewModel, projected, selectedIds) : null;
+        const pinned = node ? ensureHierarchyVirtualRow(doc, shell, node) : null;
+        if (pinned && index >= 0) {
+            retained.add(pinnedDragId);
+            pinned.dataset.editorHierarchyVirtualIndex = String(index);
+            pinned.style.position = 'absolute';
+            pinned.style.left = '0';
+            pinned.style.right = '0';
+            pinned.style.top = `${index * LOCAL_EDITOR_HIERARCHY_ROW_HEIGHT}px`;
+            pinned.style.height = `${LOCAL_EDITOR_HIERARCHY_ROW_HEIGHT}px`;
+        }
+    }
+    for (const [id, row] of shell.rows) {
+        if (retained.has(id))
+            continue;
+        row.remove();
+        shell.rows.delete(id);
+    }
+    let domOrderKey = '';
+    for (const row of orderedRows) {
+        domOrderKey += `${row.dataset.editorHierarchyId ?? ''}@${row.dataset.editorHierarchyVirtualIndex ?? ''}\u0000`;
+    }
+    if (domOrderKey !== shell.domOrderKey) {
+        syncHierarchyVirtualRowDomOrder(canvas, orderedRows);
+        shell.domOrderKey = domOrderKey;
+    }
+    let empty = canvas.querySelector('[data-editor-hierarchy-empty]');
+    if (total === 0) {
+        if (!empty) {
+            empty = doc.createElement('div');
+            empty.dataset.editorHierarchyEmpty = 'true';
+            empty.style.cssText = 'position:absolute;inset:0;padding:8px;color:var(--fps-editor-muted);font-size:11px';
+            canvas.appendChild(empty);
+        }
         empty.textContent = input.searchQuery.trim() ? 'No matching GameObjects.' : 'No hierarchy nodes.';
-        empty.style.cssText = 'padding:8px;color:var(--fps-editor-muted);font-size:11px';
-        list.appendChild(empty);
     }
     else {
-        for (const node of rows) {
-            const row = renderHierarchyRow(doc, node, input.rename, null, null);
-            list.appendChild(row);
+        empty?.remove();
+    }
+}
+function resolveHierarchySelectedIdSet(shell, selectedIds) {
+    if (shell.selectedIdsRef === selectedIds)
+        return shell.selectedIdsSet;
+    shell.selectedIdsRef = selectedIds;
+    shell.selectedIdsSet = new Set(selectedIds);
+    return shell.selectedIdsSet;
+}
+function syncHierarchyVirtualRowDomOrder(canvas, orderedRows) {
+    let previous = null;
+    for (const row of orderedRows) {
+        if (row.parentElement !== canvas) {
+            if (previous?.nextSibling)
+                canvas.insertBefore(row, previous.nextSibling);
+            else
+                canvas.appendChild(row);
         }
+        else if (previous === null) {
+            const firstRow = findFirstHierarchyVirtualRow(canvas);
+            if (firstRow && firstRow !== row)
+                canvas.insertBefore(row, firstRow);
+        }
+        else if (previous.nextSibling !== row) {
+            canvas.insertBefore(row, previous.nextSibling);
+        }
+        previous = row;
     }
-    panel.appendChild(list);
-    syncLocalEditorHierarchyDropPreview(doc, panel, {
-        dropPreview: input.dropPreview,
-        rootDrop: input.rootDrop,
-    });
+}
+function findFirstHierarchyVirtualRow(canvas) {
+    for (const child of canvas.children) {
+        if (child instanceof HTMLElement && child.dataset.editorHierarchyId)
+            return child;
+    }
+    return null;
+}
+function ensureHierarchyVirtualRow(doc, shell, rowModel) {
+    const { input } = shell;
+    const { node } = rowModel;
+    const renderKey = [
+        input.presentationRevision,
+        node.label, rowModel.depth, rowModel.selected, rowModel.active, rowModel.expanded, rowModel.enabled,
+        node.editorLocked, node.draggable, input.rename?.id === node.id ? input.rename.value : '',
+    ].join('\u0000');
+    let row = shell.rows.get(node.id);
+    if (!row || row.dataset.editorHierarchyRenderKey !== renderKey) {
+        const replacement = renderHierarchyRow(doc, rowModel, input.rename);
+        replacement.dataset.editorHierarchyRenderKey = renderKey;
+        if (row)
+            row.replaceWith(replacement);
+        row = replacement;
+        shell.rows.set(node.id, row);
+    }
+    return row;
+}
+function createHierarchyRowPresentation(viewModel, projected, selectedIds) {
+    const node = viewModel.snapshot.nodeById.get(projected.id);
+    if (!node)
+        return null;
+    const childCount = viewModel.snapshot.childrenByParentId.get(node.id)?.length ?? 0;
+    const enabled = node.authoredEnabled ?? node.editorVisible;
+    const supportsToggle = node.authoredEnabled !== undefined
+        ? viewModel.snapshot.capabilities.authoredEnabled === true
+        : node.editorVisible !== undefined && viewModel.snapshot.capabilities.editorVisibility === true;
+    return {
+        node,
+        depth: projected.depth,
+        role: normalizeHierarchyRowRole(node.role),
+        selected: selectedIds.has(node.id),
+        active: viewModel.snapshot.activeId === node.id,
+        expanded: childCount > 0 && (viewModel.state.searchQuery.trim().length > 0 || !viewModel.state.collapsedIds.has(node.id)),
+        enabled,
+        canToggleEnabled: supportsToggle && node.editorLocked !== true,
+        childCount,
+    };
+}
+function normalizeHierarchyRowRole(role) {
+    return role === 'root' || role === 'group' || role === 'marker' ? role : 'object';
 }
 export function syncLocalEditorHierarchyDropPreview(doc, panel, input) {
     const list = panel.querySelector('[data-editor-hierarchy-tree-viewport]');
@@ -84,20 +275,6 @@ function applyHierarchyTargetDropPreview(doc, row, preview) {
     }
     row.appendChild(renderHierarchyInsertionPreview(doc, preview));
 }
-export function resolveLocalEditorHierarchySearchRows(model, query) {
-    const needle = query.trim().toLowerCase();
-    if (!needle)
-        return model.visibleRows;
-    const includedIds = new Set();
-    for (const node of collectHierarchyRows(model)) {
-        if (!node.label.toLowerCase().includes(needle))
-            continue;
-        includedIds.add(node.id);
-        for (const ancestor of model.getAncestors(node.id))
-            includedIds.add(ancestor.id);
-    }
-    return collectHierarchyRows(model).filter(node => includedIds.has(node.id));
-}
 function createHierarchySearchInput(doc, value, placeholder = '搜索 GameObject 名称') {
     const input = doc.createElement('input');
     input.type = 'search';
@@ -113,78 +290,51 @@ function createHierarchySearchInput(doc, value, placeholder = '搜索 GameObject
     ].join(';');
     return input;
 }
-function collectHierarchyRows(model) {
-    const rows = [];
-    const visit = (id) => {
-        const node = model.getNode(id);
-        if (!node)
-            return;
-        rows.push(node);
-        for (const child of model.getChildren(id))
-            visit(child.id);
-    };
-    for (const rootId of model.rootIds)
-        visit(rootId);
-    return rows;
-}
-function renderHierarchyRow(doc, node, rename, drop, dropPreview) {
+function renderHierarchyRow(doc, rowModel, rename) {
+    const { node } = rowModel;
     const isRenaming = rename?.id === node.id;
-    const dropPlacement = dropPreview?.kind === 'inside' && dropPreview.targetId === node.id
-        ? 'inside'
-        : drop?.targetId === node.id && drop.placement === 'inside'
-            ? 'inside'
-            : null;
-    const dropValid = dropPreview?.kind === 'inside' && dropPreview.targetId === node.id
-        ? dropPreview.valid
-        : undefined;
-    const canHaveChildren = canLocalEditorHierarchyNodeHaveChildren(node);
+    const canHaveChildren = node.canHaveChildren && node.editorLocked !== true;
     const button = createTreeViewItem(doc, {
         id: node.id,
         label: node.label,
-        depth: node.depth,
-        role: node.role,
-        selected: node.selected,
-        active: node.active,
-        locked: node.item.locked,
-        protected: node.protected,
-        selectable: node.item.selectable,
-        enabled: node.item.enabled,
-        draggable: node.item.draggable,
-        dropPlacement,
-        dropValid,
+        depth: rowModel.depth,
+        role: rowModel.role,
+        selected: rowModel.selected,
+        active: rowModel.active,
+        locked: node.editorLocked,
+        protected: false,
+        selectable: node.selectable,
+        enabled: rowModel.enabled,
+        draggable: node.draggable,
+        dropPlacement: null,
     });
-    if (dropPreview?.kind === 'inside' && dropPreview.targetId === node.id) {
-        button.dataset.editorHierarchyDropPreview = 'inside';
-        button.dataset.editorHierarchyDropPreviewValid = dropPreview.valid ? 'true' : 'false';
-    }
     button.dataset.editorHierarchyCanHaveChildren = canHaveChildren ? 'true' : 'false';
-    button.title = node.protected ? `${node.label} (protected)` : node.label;
-    appendDisclosure(doc, button, node);
-    appendEnabledToggle(doc, button, node);
-    appendRoleBadge(doc, button, node);
+    button.title = node.label;
+    appendDisclosure(doc, button, rowModel);
+    appendEnabledToggle(doc, button, rowModel);
+    appendRoleBadge(doc, button, rowModel);
     if (isRenaming)
         appendRenameInput(doc, button, node, rename.value);
     else
-        appendLabel(doc, button, node);
-    if (node.protected)
-        appendProtectedBadge(doc, button);
+        appendLabel(doc, button, rowModel);
     return button;
 }
-function appendEnabledToggle(doc, button, node) {
-    if (typeof node.item.enabled !== 'boolean') {
+function appendEnabledToggle(doc, button, rowModel) {
+    const { node } = rowModel;
+    if (typeof rowModel.enabled !== 'boolean') {
         const spacer = doc.createElement('span');
         spacer.style.cssText = 'width:18px;height:18px;flex:0 0 18px';
         button.appendChild(spacer);
         return;
     }
-    const enabled = node.item.enabled !== false;
+    const enabled = rowModel.enabled !== false;
     const toggle = doc.createElement('span');
     toggle.dataset.editorHierarchyEnabledToggle = node.id;
     toggle.dataset.editorHierarchyEnabled = enabled ? 'true' : 'false';
-    const disabled = !canLocalEditorHierarchyNodeToggleEnabled(node);
+    const disabled = !rowModel.canToggleEnabled;
     toggle.dataset.editorHierarchyEnabledToggleDisabled = disabled ? 'true' : 'false';
     toggle.title = disabled
-        ? node.item.enableToggleDisabledReason ?? 'This hierarchy item cannot be hidden.'
+        ? 'This hierarchy item cannot be hidden.'
         : `${enabled ? 'Hide' : 'Show'} ${node.label}`;
     toggle.style.cssText = [
         'width:18px',
@@ -282,9 +432,10 @@ function findHierarchyPreviewRow(panel, targetId) {
     }
     return null;
 }
-function appendDisclosure(doc, parent, node) {
+function appendDisclosure(doc, parent, rowModel) {
+    const { node } = rowModel;
     const disclosure = doc.createElement('span');
-    if (node.childIds.length > 0)
+    if (rowModel.childCount > 0)
         disclosure.dataset.editorHierarchyToggle = node.id;
     disclosure.style.cssText = [
         'width:12px',
@@ -295,20 +446,21 @@ function appendDisclosure(doc, parent, node) {
         'color:var(--fps-editor-muted)',
         'font-size:10px',
     ].join(';');
-    if (node.childIds.length > 0) {
-        disclosure.appendChild(createLocalEditorIcon(doc, node.expanded ? 'chevron-down' : 'chevron-right', {
+    if (rowModel.childCount > 0) {
+        disclosure.appendChild(createLocalEditorIcon(doc, rowModel.expanded ? 'chevron-down' : 'chevron-right', {
             size: 12,
             strokeWidth: 2.4,
         }));
     }
     parent.appendChild(disclosure);
 }
-function appendRoleBadge(doc, parent, node) {
+function appendRoleBadge(doc, parent, rowModel) {
+    const { node } = rowModel;
     const badge = doc.createElement('span');
-    const icon = isLocalEditorIconName(node.item.icon) ? node.item.icon : HIERARCHY_ROLE_ICONS[node.role];
+    const icon = isLocalEditorIconName(node.icon) ? node.icon : HIERARCHY_ROLE_ICONS[rowModel.role];
     const isMaterialSlot = icon === 'material-slot';
     const isPrefab = icon === 'prefab';
-    badge.title = isMaterialSlot ? 'material slot' : isPrefab ? 'prefab' : node.role;
+    badge.title = isMaterialSlot ? 'material slot' : isPrefab ? 'prefab' : rowModel.role;
     badge.style.cssText = [
         'width:15px',
         'height:15px',
@@ -318,7 +470,7 @@ function appendRoleBadge(doc, parent, node) {
         'justify-content:center',
         'border:1px solid var(--fps-editor-border)',
         'border-radius:2px',
-        `background:${isMaterialSlot ? 'var(--fps-editor-warn-soft)' : node.role === 'root' ? 'var(--fps-editor-role-root-bg)' : node.role === 'group' ? 'var(--fps-editor-role-group-bg)' : 'var(--fps-editor-role-object-bg)'}`,
+        `background:${isMaterialSlot ? 'var(--fps-editor-warn-soft)' : rowModel.role === 'root' ? 'var(--fps-editor-role-root-bg)' : rowModel.role === 'group' ? 'var(--fps-editor-role-group-bg)' : 'var(--fps-editor-role-object-bg)'}`,
         `border-color:${isMaterialSlot ? 'var(--fps-editor-warn-border)' : 'var(--fps-editor-border)'}`,
         `color:${isMaterialSlot ? 'var(--fps-editor-warn-strong)' : 'var(--fps-editor-muted-strong)'}`,
         'font-size:9px',
@@ -327,17 +479,13 @@ function appendRoleBadge(doc, parent, node) {
     badge.appendChild(createLocalEditorIcon(doc, icon, { size: 11, strokeWidth: 2.3 }));
     parent.appendChild(badge);
 }
-function appendLabel(doc, parent, node) {
+function appendLabel(doc, parent, rowModel) {
+    const { node } = rowModel;
     const label = doc.createElement('span');
-    label.textContent = node.item.locked && !node.protected ? `${node.label}  [locked]` : node.label;
+    label.textContent = node.editorLocked ? `${node.label}  [locked]` : node.label;
     label.style.cssText = 'min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap';
     parent.appendChild(label);
 }
-function appendProtectedBadge(doc, parent) {
-    const badge = createBadge(doc, 'protected', { compact: true, tone: 'warning', icon: 'lock' });
-    badge.style.flex = '0 0 auto';
-    parent.appendChild(badge);
-}
 function appendRenameInput(doc, parent, node, value) {
     const input = doc.createElement('input');
     input.dataset.editorHierarchyRenameInput = node.id;
@@ -358,6 +506,10 @@ function appendRenameInput(doc, parent, node, value) {
     ].join(';');
     parent.appendChild(input);
     setTimeout(() => {
+        // A kernel-driven draft render may already have restored focus and caret
+        // onto this replacement input. Only select all for the initial rename.
+        if (doc.activeElement === input)
+            return;
         input.focus();
         input.select();
     }, 0);