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

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

@@ -1,7 +1,15 @@
 import { type EditorUiMount, type EditorUiLayerHost } from '@fps-games/editor-ui';
 import type { LocalEditorAssetBrowserTab, LocalEditorBottomDockTab, LocalEditorBrowserInspectorConflictStrategy, LocalEditorBrowserInspectorControlBindingOptions, LocalEditorBrowserInspectorControlRegistration, LocalEditorBrowserInspectorControlRenderContext, LocalEditorBrowserInspectorEffectMode, LocalEditorBrowserInspectorObject, LocalEditorBrowserInspectorProperty, LocalEditorBrowserInspectorSection, LocalEditorBrowserUiAssetItem, LocalEditorBrowserUiState, LocalEditorRightDockTab, LocalEditorWorkbenchPanelDescriptor } from './local-editor-ui-types';
+import { type LocalEditorAssetFilesystemViewMode } from './local-editor-asset-filesystem';
 export declare function registerInspectorUiMount<T extends EditorUiMount>(mount: T): T;
 export declare function disposeInspectorPanelUi(panel: HTMLElement): void;
+export type LocalEditorAssetBrowserViewMode = LocalEditorAssetFilesystemViewMode;
+export interface LocalEditorAssetBrowserViewState {
+    expandedFolderPaths?: ReadonlySet<string>;
+    folderPath?: string;
+    viewMode?: LocalEditorAssetBrowserViewMode;
+    selectedEntryPath?: string | null;
+}
 export type LocalEditorAssetPreviewVariant = 'list' | 'grid' | 'modal';
 export interface LocalEditorBrowserInspectorRenderOptions<TDocument = unknown> {
     title?: string;
@@ -13,7 +21,8 @@ export interface LocalEditorBrowserInspectorRenderOptions<TDocument = unknown> {
     lockedVectorGroups?: ReadonlySet<string>;
 }
 export declare function renderBottomDockPanel<TDocument>(doc: Document, panel: HTMLElement, state: LocalEditorBrowserUiState<TDocument>, activeTab: LocalEditorBottomDockTab, activeAssetBrowserTab?: LocalEditorAssetBrowserTab): void;
-export declare function renderWorkbenchBottomDockPanel<TDocument>(doc: Document, panel: HTMLElement, state: LocalEditorBrowserUiState<TDocument>, activeTab: LocalEditorBottomDockTab, panels?: LocalEditorWorkbenchPanelDescriptor[], activeAssetBrowserTab?: LocalEditorAssetBrowserTab): void;
+export declare function renderWorkbenchBottomDockPanel<TDocument>(doc: Document, panel: HTMLElement, state: LocalEditorBrowserUiState<TDocument>, activeTab: LocalEditorBottomDockTab, panels?: LocalEditorWorkbenchPanelDescriptor[], activeAssetBrowserTab?: LocalEditorAssetBrowserTab, assetBrowserView?: LocalEditorAssetBrowserViewState): void;
+export declare function syncLocalEditorAssetBrowserEffectiveFolderPath(panel: Pick<HTMLElement, 'dataset'>, content: Pick<HTMLElement, 'dataset'>): void;
 export declare function renderWorkbenchRightDockTabs(doc: Document, panel: HTMLElement, activeTab: LocalEditorRightDockTab, panels?: LocalEditorWorkbenchPanelDescriptor[]): void;
 export declare function renderMarkerPanel<TDocument>(doc: Document, panel: HTMLElement, state: LocalEditorBrowserUiState<TDocument>): void;
 export declare function shouldShowPrefabModelAddAction<TDocument>(state: LocalEditorBrowserUiState<TDocument>, asset: LocalEditorBrowserUiAssetItem): boolean;
@@ -21,6 +30,16 @@ export declare function renderWorkbenchLeftDockTabs(doc: Document, panel: HTMLEl
 export declare function renderRenderingPanel<TDocument>(doc: Document, panel: HTMLElement, state: LocalEditorBrowserUiState<TDocument>, options?: {
     layerHost?: EditorUiLayerHost;
 }): void;
+export declare function resolveLocalEditorAssetBrowserTypeOptionTitle(title: string, itemCount: number, truncated: boolean): string;
+export declare function resolveLocalEditorAssetBrowserFolderTitle(label: string, descendantItemCount: number, truncated: boolean): string;
+export declare function resolveLocalEditorAssetBrowserCountLabel(input: {
+    matchingCount: number;
+    normalizedFilter: string;
+    resultLimited: boolean;
+    truncated: boolean;
+    typeLabel: string | null;
+    visibleCount: number;
+}): string;
 export declare function createAssetPreviewElement(doc: Document, asset: LocalEditorBrowserUiAssetItem, variant: LocalEditorAssetPreviewVariant): HTMLElement;
 export declare function renderInspectorPanel<TDocument>(doc: Document, panel: HTMLElement, state: LocalEditorBrowserUiState<TDocument>, filter?: string, options?: LocalEditorBrowserInspectorRenderOptions<TDocument>): void;
 export type LocalEditorBrowserInspectorAccessMode = 'editable' | 'mixed' | 'readonly' | 'runtime';

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

@@ -1 +1 @@
-{"version":3,"file":"local-editor-ui-panels.d.ts","sourceRoot":"","sources":["../src/local-editor-ui-panels.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"local-editor-ui-panels.d.ts","sourceRoot":"","sources":["../src/local-editor-ui-panels.ts"],"names":[],"mappings":"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"}

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

@@ -4,6 +4,7 @@ import { createBadge, createAssetList, createDockTab, createEditorInputStyle, cr
 import { configureLocalEditorDockPanelContent, createLocalEditorDockPanelViewport, renderLocalEditorDockTabStrip, } from './local-editor-ui-dock-panel.js';
 import { clearElement, createButton, toTitle } from './local-editor-ui-shared.js';
 import { resolveLocalEditorAssetBrowserTab, resolveLocalEditorBrowserAssetKind, } from './local-editor-ui-asset-kind.js';
+import { createLocalEditorAssetFilesystemSnapshot, filterLocalEditorAssetFilesystemEntries, resolveLocalEditorAssetFilesystemBreadcrumbs, resolveLocalEditorAssetFilesystemEntryTab, resolveLocalEditorAssetFilesystemExistingFolderPath, resolveLocalEditorAssetFilesystemParentPath, resolveLocalEditorAssetFilesystemVisibleFolders, resolveLocalEditorProjectMediaThumbnailCacheKey, resolveLocalEditorProjectMediaThumbnailKind, } from './local-editor-asset-filesystem.js';
 import { createLocalEditorBrowserInspectorVectorCopyPayload, } from './local-editor-inspector-clipboard.js';
 import { resolveLocalEditorBrowserInspectorVectorGroupAxisFromPropertyPath, resolveLocalEditorBrowserInspectorVectorGroupPathFromProperties, } from './local-editor-inspector-groups.js';
 const inspectorUiMounts = new WeakMap();
@@ -67,6 +68,7 @@ const ASSET_BROWSER_TABS = [
     { id: 'prefabs', label: '预制体', title: '显示预制体资产' },
     { id: 'materials', label: '材质', title: '显示项目材质资产' },
     { id: 'textures', label: '贴图', title: '显示贴图资产' },
+    { id: 'audio', label: '音频', title: '显示音频资产' },
 ];
 export function renderBottomDockPanel(doc, panel, state, activeTab, activeAssetBrowserTab = 'all') {
     clearElement(panel);
@@ -76,7 +78,7 @@ export function renderBottomDockPanel(doc, panel, state, activeTab, activeAssetB
     else
         renderAssetBrowserContent(doc, panel, state, 'list', activeAssetBrowserTab);
 }
-export function renderWorkbenchBottomDockPanel(doc, panel, state, activeTab, panels = [], activeAssetBrowserTab = 'all') {
+export function renderWorkbenchBottomDockPanel(doc, panel, state, activeTab, panels = [], activeAssetBrowserTab = 'all', assetBrowserView = {}) {
     clearElement(panel);
     const tabHeader = doc.createElement('div');
     renderLocalEditorDockTabStrip(doc, {
@@ -97,10 +99,21 @@ export function renderWorkbenchBottomDockPanel(doc, panel, state, activeTab, pan
     content.dataset.editorPanelId = activeTab;
     content.style.cssText = 'flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:8px';
     panel.appendChild(content);
-    if (activeTab === 'history')
+    if (activeTab === 'history') {
+        delete panel.dataset.editorAssetBrowserFolderPath;
         renderHistoryPanel(doc, content, state.session?.history ?? null);
+    }
+    else {
+        renderAssetBrowserContent(doc, content, state, assetBrowserView.viewMode ?? 'grid', activeAssetBrowserTab, assetBrowserView.folderPath ?? '/', assetBrowserView.selectedEntryPath ?? null, assetBrowserView.expandedFolderPaths ?? new Set(['/']));
+        syncLocalEditorAssetBrowserEffectiveFolderPath(panel, content);
+    }
+}
+export function syncLocalEditorAssetBrowserEffectiveFolderPath(panel, content) {
+    const effectiveFolderPath = content.dataset.editorAssetBrowserFolderPath;
+    if (effectiveFolderPath === undefined)
+        delete panel.dataset.editorAssetBrowserFolderPath;
     else
-        renderAssetBrowserContent(doc, content, state, 'grid', activeAssetBrowserTab);
+        panel.dataset.editorAssetBrowserFolderPath = effectiveFolderPath;
 }
 function appendDockTabs(doc, panel, activeTab) {
     const tabs = doc.createElement('div');
@@ -1311,86 +1324,254 @@ function createHeadingLabel(doc, text) {
     label.style.cssText = 'min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap';
     return label;
 }
-function renderAssetBrowserContent(doc, panel, state, variant = 'list', activeTab = 'all') {
+function renderAssetBrowserContent(doc, panel, state, variant = 'list', activeTab = 'all', requestedFolderPath = '/', selectedEntryPath = null, expandedFolderPaths = new Set(['/'])) {
     configureLocalEditorDockPanelContent(panel);
-    const title = doc.createElement('h2');
-    title.className = 'fps-editor-ui-panel-title';
-    title.appendChild(createLocalEditorIcon(doc, 'asset'));
-    title.appendChild(createHeadingLabel(doc, '资产浏览器'));
-    panel.appendChild(title);
-    appendAssetBrowserTabs(doc, panel, state, activeTab);
-    if (activeTab === 'materials') {
-        const createMaterialButton = createToolbarButton(doc, '+ 材质', 'asset');
+    panel.classList.add('fps-editor-ui-asset-filesystem');
+    const snapshot = createLocalEditorAssetFilesystemSnapshot(state.assets, state.projectFiles);
+    const folderPath = resolveLocalEditorAssetFilesystemExistingFolderPath(snapshot, requestedFolderPath);
+    panel.dataset.editorAssetBrowserFolderPath = folderPath;
+    const toolbar = doc.createElement('div');
+    toolbar.className = 'fps-editor-ui-asset-toolbar';
+    const toolbarPrimary = doc.createElement('div');
+    toolbarPrimary.className = 'fps-editor-ui-asset-toolbar-group';
+    if (folderPath === '/@editor/materials' || activeTab === 'materials') {
+        const createMaterialButton = createToolbarButton(doc, '', 'plus');
         createMaterialButton.dataset.editorCreateMaterialAsset = 'true';
         createMaterialButton.title = '新建项目材质';
-        createMaterialButton.style.cssText = [
-            'height:28px',
-            'margin:0 0 8px',
-            'padding:0 10px',
-            'font-size:12px',
-            'font-weight:800',
-            'align-self:flex-start',
-        ].join(';');
-        panel.appendChild(createMaterialButton);
+        createMaterialButton.setAttribute('aria-label', createMaterialButton.title);
+        createMaterialButton.dataset.editorAssetToolbarIcon = 'true';
+        toolbarPrimary.appendChild(createMaterialButton);
     }
+    const parentFolderPath = resolveLocalEditorAssetFilesystemParentPath(snapshot, folderPath);
+    const parentButton = createToolbarButton(doc, '', 'arrow-up');
+    parentButton.dataset.editorAssetBrowserParent = 'true';
+    parentButton.dataset.editorAssetToolbarIcon = 'true';
+    parentButton.title = parentFolderPath ? '返回上一级目录' : '已位于项目根目录';
+    parentButton.setAttribute('aria-label', parentButton.title);
+    parentButton.disabled = !parentFolderPath;
+    if (parentFolderPath)
+        parentButton.dataset.editorAssetFolderPath = parentFolderPath;
+    toolbarPrimary.appendChild(parentButton);
+    const refreshButton = createToolbarButton(doc, '', 'refresh');
+    refreshButton.dataset.editorAssetBrowserRefresh = 'true';
+    refreshButton.dataset.editorAssetToolbarIcon = 'true';
+    refreshButton.title = '刷新项目文件与资产';
+    refreshButton.setAttribute('aria-label', refreshButton.title);
+    toolbarPrimary.appendChild(refreshButton);
+    const gridButton = createToolbarButton(doc, '', 'grid');
+    gridButton.dataset.editorAssetViewMode = 'grid';
+    gridButton.dataset.active = variant === 'grid' ? 'true' : 'false';
+    gridButton.dataset.editorAssetToolbarIcon = 'true';
+    gridButton.title = '网格视图';
+    gridButton.setAttribute('aria-label', gridButton.title);
+    gridButton.setAttribute('aria-pressed', variant === 'grid' ? 'true' : 'false');
+    const listButton = createToolbarButton(doc, '', 'list');
+    listButton.dataset.editorAssetViewMode = 'list';
+    listButton.dataset.active = variant === 'list' ? 'true' : 'false';
+    listButton.dataset.editorAssetToolbarIcon = 'true';
+    listButton.title = '列表视图';
+    listButton.setAttribute('aria-label', listButton.title);
+    listButton.setAttribute('aria-pressed', variant === 'list' ? 'true' : 'false');
+    toolbarPrimary.append(gridButton, listButton);
+    toolbar.appendChild(toolbarPrimary);
+    const typeFilter = doc.createElement('select');
+    typeFilter.className = 'fps-editor-ui-asset-type-filter';
+    typeFilter.dataset.editorAssetBrowserTypeFilter = 'true';
+    typeFilter.title = '按资产类型筛选';
+    for (const tab of ASSET_BROWSER_TABS) {
+        const option = doc.createElement('option');
+        option.value = tab.id;
+        const itemCount = snapshot.entries.filter(entry => (entry.kind !== 'directory'
+            && (tab.id === 'all' || resolveLocalEditorAssetFilesystemEntryTab(entry) === tab.id))).length;
+        option.textContent = tab.label;
+        option.title = resolveLocalEditorAssetBrowserTypeOptionTitle(tab.title, itemCount, snapshot.truncated);
+        typeFilter.appendChild(option);
+    }
+    typeFilter.value = activeTab;
+    toolbar.appendChild(typeFilter);
+    const search = doc.createElement('div');
+    search.className = 'fps-editor-ui-asset-search';
     const filter = doc.createElement('input');
     filter.className = 'fps-editor-ui-search';
     filter.type = 'search';
-    filter.placeholder = '筛选资产';
+    filter.placeholder = '搜索文件和资产';
     filter.value = state.assetFilter;
     filter.dataset.editorAssetFilter = 'true';
-    panel.appendChild(filter);
-    const tabAssets = filterAssetsByBrowserTab(state.assets, activeTab);
+    const searchIcon = createLocalEditorIcon(doc, 'search', { size: 16 });
+    searchIcon.classList.add('fps-editor-ui-asset-search-icon');
+    const clearFilterButton = createToolbarButton(doc, '', 'close');
+    clearFilterButton.dataset.editorAssetFilterClear = 'true';
+    clearFilterButton.dataset.editorAssetToolbarIcon = 'true';
+    clearFilterButton.title = '清除搜索';
+    clearFilterButton.setAttribute('aria-label', clearFilterButton.title);
+    clearFilterButton.hidden = state.assetFilter.length === 0;
+    search.append(searchIcon, filter, clearFilterButton);
+    toolbar.appendChild(search);
+    panel.appendChild(toolbar);
     const normalizedFilter = state.assetFilter.trim().toLowerCase();
-    const filteredAssets = tabAssets
-        .filter((asset) => {
+    const typeFilterActive = activeTab !== 'all';
+    const recursiveFilterActive = normalizedFilter.length > 0 || typeFilterActive;
+    const folderEntries = filterLocalEditorAssetFilesystemEntries(snapshot, folderPath, recursiveFilterActive, activeTab);
+    const matchingEntries = folderEntries.filter((entry) => {
         if (!normalizedFilter)
             return true;
+        const asset = entry.asset;
         return [
-            asset.id,
-            asset.assetId ?? '',
-            asset.guid ?? '',
-            asset.kind ?? '',
-            asset.label,
-            asset.meta ?? '',
-            asset.external?.platformAssetId ?? '',
-            asset.external?.assetPath ?? '',
-            asset.external?.assetUrl ?? '',
+            entry.label,
+            entry.path,
+            entry.extension ?? '',
+            asset?.id ?? '',
+            asset?.assetId ?? '',
+            asset?.guid ?? '',
+            asset?.label ?? '',
+            asset?.kind ?? '',
+            asset?.relativePath ?? '',
+            asset?.meta ?? '',
+            asset?.external?.platformAssetId ?? '',
+            asset?.external?.assetPath ?? '',
+            asset?.external?.assetUrl ?? '',
         ]
             .some(value => value.toLowerCase().includes(normalizedFilter));
-    })
-        .slice(0, 80);
+    });
+    const filteredEntries = matchingEntries.slice(0, 200);
+    const resultLimited = matchingEntries.length > filteredEntries.length;
+    const body = doc.createElement('div');
+    body.className = 'fps-editor-ui-asset-filesystem-body';
+    const tree = doc.createElement('aside');
+    tree.className = 'fps-editor-ui-asset-folder-tree';
+    tree.setAttribute('aria-label', '资产目录');
+    const visibleFolders = resolveLocalEditorAssetFilesystemVisibleFolders(snapshot, expandedFolderPaths);
+    for (const folder of visibleFolders) {
+        const hasChildFolders = snapshot.folders.some(candidate => candidate.parentPath === folder.path);
+        const expanded = expandedFolderPaths.has(folder.path);
+        const row = doc.createElement('div');
+        row.className = 'fps-editor-ui-asset-folder-tree-row';
+        row.style.setProperty('--fps-editor-asset-folder-depth', String(folder.depth));
+        const toggle = doc.createElement('button');
+        toggle.type = 'button';
+        toggle.className = 'fps-editor-ui-asset-folder-toggle';
+        toggle.dataset.editorAssetFolderToggle = folder.path;
+        toggle.disabled = !hasChildFolders;
+        toggle.title = hasChildFolders
+            ? `${expanded ? '折叠' : '展开'} ${folder.path === '/' ? snapshot.rootName : folder.label}`
+            : '';
+        toggle.setAttribute('aria-label', toggle.title || `${folder.label} 无子目录`);
+        toggle.setAttribute('aria-expanded', hasChildFolders ? String(expanded) : 'false');
+        if (hasChildFolders) {
+            toggle.appendChild(createLocalEditorIcon(doc, expanded ? 'chevron-down' : 'chevron-right', { size: 13 }));
+        }
+        const button = doc.createElement('button');
+        button.type = 'button';
+        button.className = 'fps-editor-ui-asset-folder-row';
+        button.dataset.editorAssetFolderPath = folder.path;
+        button.dataset.editorAssetFolderTreePath = folder.path;
+        button.dataset.selected = folder.path === folderPath ? 'true' : 'false';
+        button.appendChild(createLocalEditorIcon(doc, folder.path === '/' ? 'root' : 'folder', { size: 15 }));
+        const label = doc.createElement('span');
+        label.className = 'fps-editor-ui-ellipsis';
+        label.textContent = folder.path === '/' ? snapshot.rootName : folder.label;
+        button.title = resolveLocalEditorAssetBrowserFolderTitle(label.textContent, folder.descendantItemCount, snapshot.truncated);
+        button.append(label);
+        row.append(toggle, button);
+        tree.appendChild(row);
+    }
+    body.appendChild(tree);
+    const browser = doc.createElement('section');
+    browser.className = 'fps-editor-ui-asset-browser';
+    const summary = doc.createElement('div');
+    summary.className = 'fps-editor-ui-asset-browser-summary';
+    const breadcrumb = doc.createElement('nav');
+    breadcrumb.className = 'fps-editor-ui-asset-breadcrumb';
+    breadcrumb.setAttribute('aria-label', '当前项目路径');
+    const breadcrumbs = resolveLocalEditorAssetFilesystemBreadcrumbs(snapshot, folderPath);
+    breadcrumbs.forEach((item, index) => {
+        if (index > 0) {
+            const separator = doc.createElement('span');
+            separator.className = 'fps-editor-ui-asset-breadcrumb-separator';
+            separator.textContent = '/';
+            breadcrumb.appendChild(separator);
+        }
+        if (index === breadcrumbs.length - 1) {
+            const current = doc.createElement('span');
+            current.className = 'fps-editor-ui-asset-breadcrumb-current fps-editor-ui-ellipsis';
+            current.textContent = item.label;
+            current.title = item.path;
+            current.setAttribute('aria-current', 'page');
+            breadcrumb.appendChild(current);
+            return;
+        }
+        const segment = doc.createElement('button');
+        segment.type = 'button';
+        segment.className = 'fps-editor-ui-asset-breadcrumb-button fps-editor-ui-ellipsis';
+        segment.dataset.editorAssetFolderPath = item.path;
+        segment.textContent = item.label;
+        segment.title = item.path;
+        breadcrumb.appendChild(segment);
+    });
     const count = doc.createElement('div');
     count.className = 'fps-editor-ui-asset-count';
-    const activeTabLabel = ASSET_BROWSER_TABS.find(tab => tab.id === activeTab)?.label ?? '资产';
-    count.textContent = activeTab === 'all' && state.assetCountLabel
-        ? `${filteredAssets.length} / ${state.assetCountLabel}`
-        : `${filteredAssets.length} / ${tabAssets.length} 个${activeTabLabel}资产`;
-    panel.appendChild(count);
+    count.textContent = resolveLocalEditorAssetBrowserCountLabel({
+        matchingCount: matchingEntries.length,
+        normalizedFilter,
+        resultLimited,
+        truncated: snapshot.truncated,
+        typeLabel: typeFilterActive
+            ? ASSET_BROWSER_TABS.find(tab => tab.id === activeTab)?.label ?? ''
+            : null,
+        visibleCount: filteredEntries.length,
+    });
+    summary.append(breadcrumb, count);
+    browser.appendChild(summary);
     const list = createAssetList(doc, variant === 'grid');
     list.dataset.editorAssetBrowserList = 'true';
+    list.dataset.searchActive = recursiveFilterActive ? 'true' : 'false';
     list.style.overflow = 'visible';
+    list.style.maxHeight = 'none';
     list.style.paddingRight = '0';
-    for (const asset of filteredAssets) {
+    for (const entry of filteredEntries) {
+        if (entry.kind === 'directory') {
+            list.appendChild(createProjectFilesystemEntryButton(doc, entry, variant, selectedEntryPath === entry.path, recursiveFilterActive ? entry.parentPath : undefined));
+            continue;
+        }
+        const asset = entry.asset;
+        if (!asset) {
+            list.appendChild(createProjectFilesystemEntryButton(doc, entry, variant, selectedEntryPath === entry.path, recursiveFilterActive ? entry.parentPath : undefined));
+            continue;
+        }
         const selected = state.selectedAssetId === asset.id;
         const hasPreview = !!asset.preview;
         const button = doc.createElement('button');
         button.className = 'fps-editor-ui-asset-card';
         button.type = 'button';
         button.dataset.editorAssetId = asset.id;
+        button.dataset.editorProjectFilePath = entry.path;
         button.disabled = asset.disabled ?? false;
         button.setAttribute('aria-selected', selected ? 'true' : 'false');
         button.dataset.variant = variant;
         button.dataset.hasPreview = hasPreview ? 'true' : 'false';
-        const preview = createAssetPreviewElement(doc, asset, variant);
+        button.dataset.searchResult = recursiveFilterActive ? 'true' : 'false';
+        button.title = entry.path;
+        const mediaThumbnailKind = asset.preview ? null : resolveLocalEditorProjectMediaThumbnailKind(entry);
+        const preview = mediaThumbnailKind
+            ? createProjectMediaThumbnailPlaceholder(doc, entry, variant, mediaThumbnailKind)
+            : createAssetPreviewElement(doc, asset, variant);
         const body = doc.createElement('div');
         body.className = 'fps-editor-ui-asset-card-body';
         const label = doc.createElement('div');
         label.className = 'fps-editor-ui-asset-card-label fps-editor-ui-ellipsis';
-        label.textContent = asset.label;
+        label.textContent = entry.kind === 'file' ? entry.label : asset.label;
         const meta = doc.createElement('div');
         meta.className = 'fps-editor-ui-asset-card-meta fps-editor-ui-ellipsis';
-        meta.textContent = asset.meta ?? asset.id;
+        meta.textContent = recursiveFilterActive
+            ? [asset.label !== entry.label ? asset.label : '', entry.parentPath]
+                .filter(Boolean)
+                .join(' · ')
+            : entry.kind === 'file'
+                ? [entry.extension?.toUpperCase(), asset.label !== entry.label ? asset.label : '', asset.kind ?? 'asset']
+                    .filter(Boolean)
+                    .join(' · ')
+                : asset.meta ?? asset.id;
+        meta.title = meta.textContent;
         body.appendChild(label);
         body.appendChild(meta);
         button.appendChild(preview);
@@ -1418,15 +1599,92 @@ function renderAssetBrowserContent(doc, panel, state, variant = 'list', activeTa
             list.appendChild(button);
         }
     }
-    if (filteredAssets.length === 0) {
-        list.appendChild(createEmptyState(doc, normalizedFilter ? '没有匹配的资产。' : '暂无该类型资产。'));
+    if (filteredEntries.length === 0) {
+        list.appendChild(createEmptyState(doc, recursiveFilterActive ? '当前目录及子目录中没有匹配的资源。' : '当前目录为空。'));
     }
     const viewport = createLocalEditorDockPanelViewport(doc, 'editorAssetBrowserScrollViewport');
     viewport.appendChild(list);
-    panel.appendChild(viewport);
+    browser.appendChild(viewport);
+    body.appendChild(browser);
+    panel.appendChild(body);
+}
+export function resolveLocalEditorAssetBrowserTypeOptionTitle(title, itemCount, truncated) {
+    return truncated
+        ? `${title}，当前清单 ${itemCount} 项 · 文件清单已截断`
+        : `${title}，共 ${itemCount} 项`;
+}
+export function resolveLocalEditorAssetBrowserFolderTitle(label, descendantItemCount, truncated) {
+    return truncated
+        ? `${label} · 当前清单 ${descendantItemCount} 个文件 · 文件清单已截断`
+        : `${label} · ${descendantItemCount} 个文件`;
+}
+export function resolveLocalEditorAssetBrowserCountLabel(input) {
+    const truncationSuffix = input.truncated ? ' · 文件清单已截断' : '';
+    if (input.resultLimited) {
+        return input.truncated
+            ? `显示前 ${input.visibleCount} 项（当前清单 ${input.matchingCount} 项）${truncationSuffix}`
+            : `显示前 ${input.visibleCount} 项（共 ${input.matchingCount} 项）`;
+    }
+    if (input.normalizedFilter)
+        return `${input.visibleCount} 个匹配项${truncationSuffix}`;
+    if (input.typeLabel != null)
+        return `${input.visibleCount} 个${input.typeLabel}资源${truncationSuffix}`;
+    return `${input.visibleCount} 个项目${truncationSuffix}`;
+}
+function createProjectFilesystemEntryButton(doc, entry, variant, selected, searchParentPath) {
+    const button = doc.createElement('button');
+    button.className = 'fps-editor-ui-asset-card';
+    button.type = 'button';
+    button.dataset.variant = variant;
+    const mediaThumbnailKind = resolveLocalEditorProjectMediaThumbnailKind(entry);
+    button.dataset.hasPreview = mediaThumbnailKind ? 'true' : 'false';
+    button.dataset.searchResult = searchParentPath ? 'true' : 'false';
+    button.setAttribute('aria-selected', selected ? 'true' : 'false');
+    button.title = entry.path;
+    if (entry.kind === 'directory')
+        button.dataset.editorProjectDirectoryPath = entry.path;
+    else
+        button.dataset.editorProjectFilePath = entry.path;
+    button.appendChild(mediaThumbnailKind
+        ? createProjectMediaThumbnailPlaceholder(doc, entry, variant, mediaThumbnailKind)
+        : createLocalEditorIcon(doc, entry.kind === 'directory' ? 'folder' : 'asset', {
+            size: variant === 'grid' ? 42 : 16,
+            strokeWidth: variant === 'grid' ? 1.35 : 2,
+        }));
+    const body = doc.createElement('div');
+    body.className = 'fps-editor-ui-asset-card-body';
+    const label = doc.createElement('div');
+    label.className = 'fps-editor-ui-asset-card-label fps-editor-ui-ellipsis';
+    label.textContent = entry.label;
+    const meta = doc.createElement('div');
+    meta.className = 'fps-editor-ui-asset-card-meta fps-editor-ui-ellipsis';
+    meta.textContent = searchParentPath || (entry.kind === 'directory'
+        ? 'Folder'
+        : entry.extension?.toUpperCase() || 'File');
+    body.append(label, meta);
+    button.appendChild(body);
+    return button;
+}
+function createProjectMediaThumbnailPlaceholder(doc, entry, variant, kind) {
+    const frame = doc.createElement('div');
+    frame.className = 'fps-editor-ui-project-media-thumbnail';
+    frame.dataset.editorProjectMediaThumbnailPath = entry.path;
+    frame.dataset.editorProjectMediaThumbnailKind = kind;
+    const cacheKey = resolveLocalEditorProjectMediaThumbnailCacheKey(entry);
+    if (cacheKey)
+        frame.dataset.editorProjectMediaThumbnailCacheKey = cacheKey;
+    frame.dataset.thumbnailState = 'loading';
+    frame.dataset.variant = variant;
+    const fallback = createLocalEditorIcon(doc, kind === 'model' ? 'object' : 'asset', {
+        size: variant === 'grid' ? 34 : 15,
+        strokeWidth: variant === 'grid' ? 1.35 : 2,
+    });
+    fallback.classList.add('fps-editor-ui-project-media-thumbnail-fallback');
+    frame.appendChild(fallback);
+    return frame;
 }
 export function createAssetPreviewElement(doc, asset, variant) {
-    const size = variant === 'modal' ? 220 : variant === 'grid' ? 46 : 24;
+    const size = variant === 'modal' ? 220 : variant === 'grid' ? 64 : 24;
     const preview = asset.preview;
     if (!preview) {
         const kind = resolveLocalEditorBrowserAssetKind(asset);
@@ -1437,7 +1695,10 @@ export function createAssetPreviewElement(doc, asset, variant) {
                 : kind === 'texture'
                     ? 'asset'
                     : 'object';
-        return createLocalEditorIcon(doc, icon, { size: variant === 'grid' ? 18 : 16 });
+        return createLocalEditorIcon(doc, icon, {
+            size: variant === 'grid' ? 42 : 16,
+            strokeWidth: variant === 'grid' ? 1.35 : 2,
+        });
     }
     const frame = doc.createElement('div');
     frame.style.cssText = [
@@ -1475,16 +1736,16 @@ export function createAssetPreviewElement(doc, asset, variant) {
     const emissionColor = formatAssetPreviewColor(preview.emissionColor, '#ffffff');
     sphere.style.cssText = [
         'position:relative',
-        'width:82%',
-        'height:82%',
+        'width:76%',
+        'height:76%',
         'overflow:hidden',
         'border-radius:999px',
         `background:${baseColor}`,
-        'border:1px solid rgba(255,255,255,0.22)',
+        'border:1px solid rgba(255,255,255,0.12)',
         'box-shadow:' + [
-            `inset -5px -7px 12px rgba(0,0,0,${(0.26 + roughness * 0.14).toFixed(2)})`,
-            `inset 5px 5px 10px rgba(255,255,255,${(0.12 + metallic * 0.2).toFixed(2)})`,
-            emissionIntensity > 0 ? `0 0 ${Math.round(6 + emissionIntensity * 5)}px ${emissionColor}` : '0 1px 2px rgba(0,0,0,0.4)',
+            `inset -5px -7px 12px rgba(0,0,0,${(0.24 + roughness * 0.12).toFixed(2)})`,
+            `inset 4px 4px 9px rgba(255,255,255,${(0.08 + metallic * 0.14).toFixed(2)})`,
+            emissionIntensity > 0 ? `0 0 ${Math.round(3 + emissionIntensity * 2)}px ${emissionColor}` : '0 1px 2px rgba(0,0,0,0.34)',
         ].join(','),
     ].join(';');
     if (preview.textureUrl) {
@@ -1503,8 +1764,8 @@ export function createAssetPreviewElement(doc, asset, variant) {
         sphere.appendChild(image);
     }
     const shading = doc.createElement('div');
-    const highlightAlpha = clampNumber(0.86 - roughness * 0.48 + metallic * 0.12, 0.25, 0.92);
-    const highlightEnd = Math.round(9 + roughness * 12);
+    const highlightAlpha = clampNumber(0.66 - roughness * 0.38 + metallic * 0.08, 0.18, 0.72);
+    const highlightEnd = Math.round(8 + roughness * 11);
     const shadowAlpha = clampNumber(0.28 + roughness * 0.14 + metallic * 0.16, 0.2, 0.62);
     const rimAlpha = clampNumber(0.12 + metallic * 0.36, 0.08, 0.52);
     shading.style.cssText = [
@@ -1513,7 +1774,7 @@ export function createAssetPreviewElement(doc, asset, variant) {
         'border-radius:inherit',
         'pointer-events:none',
         'background:' + [
-            `radial-gradient(circle at 31% 23%, rgba(255,255,255,${highlightAlpha.toFixed(2)}) 0 ${highlightEnd}%, rgba(255,255,255,0) ${highlightEnd + 17}%)`,
+            `radial-gradient(circle at 31% 23%, rgba(255,255,255,${highlightAlpha.toFixed(2)}) 0 ${highlightEnd}%, rgba(255,255,255,0) ${highlightEnd + 20}%)`,
             `radial-gradient(circle at 70% 82%, rgba(0,0,0,${shadowAlpha.toFixed(2)}) 0 26%, rgba(0,0,0,0) 58%)`,
             `radial-gradient(circle at 82% 22%, rgba(255,255,255,${rimAlpha.toFixed(2)}) 0 9%, rgba(255,255,255,0) 36%)`,
             `linear-gradient(135deg, rgba(255,255,255,${(0.08 + metallic * 0.16).toFixed(2)}), rgba(0,0,0,${(0.12 + roughness * 0.1).toFixed(2)}))`,