@fps-games/editor 0.1.1-beta.3 → 0.1.1-beta.5

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

@@ -1,18 +1,24 @@
-import { createPanelHeader, createToolbarButton, createTreeView, createTreeViewItem, } from './local-editor-ui-primitives';
+import { createBadge, createPanelHeader, createToolbarButton, createTreeView, createTreeViewItem, } from './local-editor-ui-primitives';
+import { createLocalEditorIcon } from './local-editor-ui-icons';
 import { clearElement } from './local-editor-ui-shared';
 import { canLocalEditorHierarchyNodeHaveChildren } from './local-editor-ui-hierarchy-tree';
+const HIERARCHY_ROLE_ICONS = {
+    root: 'root',
+    group: 'group',
+    object: 'object',
+};
 export function renderLocalEditorHierarchyPanel(doc, panel, input) {
     clearElement(panel);
-    const createGroupButton = createToolbarButton(doc, '+ Group');
+    const createGroupButton = createToolbarButton(doc, '+ Group', 'group');
     createGroupButton.dataset.editorHierarchyCreateGroup = 'true';
     createGroupButton.style.padding = '3px 7px';
     createGroupButton.style.fontSize = '11px';
-    panel.appendChild(createPanelHeader(doc, 'Graph', [createGroupButton]));
+    panel.appendChild(createPanelHeader(doc, 'Graph', [createGroupButton], 'hierarchy'));
     const list = createTreeView(doc);
     list.dataset.editorHierarchyRootDrop = input.rootDrop ? 'active' : 'ready';
     if (input.rootDrop) {
-        list.style.boxShadow = 'inset 0 -2px 0 rgba(248,196,79,0.95)';
-        list.style.background = 'rgba(248,196,79,0.08)';
+        list.style.boxShadow = 'inset 0 -2px 0 var(--fps-editor-warn-strong)';
+        list.style.background = 'var(--fps-editor-warn-soft)';
     }
     if (input.model.visibleRows.length === 0) {
         const empty = doc.createElement('div');
@@ -60,7 +66,6 @@ function appendDisclosure(doc, parent, node) {
     const disclosure = doc.createElement('span');
     if (node.childIds.length > 0)
         disclosure.dataset.editorHierarchyToggle = node.id;
-    disclosure.textContent = node.childIds.length > 0 ? (node.expanded ? '▾' : '▸') : '';
     disclosure.style.cssText = [
         'width:12px',
         'flex:0 0 12px',
@@ -70,11 +75,17 @@ 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', {
+            size: 12,
+            strokeWidth: 2.4,
+        }));
+    }
     parent.appendChild(disclosure);
 }
 function appendRoleBadge(doc, parent, node) {
     const badge = doc.createElement('span');
-    badge.textContent = node.role === 'root' ? 'R' : node.role === 'group' ? 'G' : 'O';
+    badge.title = node.role;
     badge.style.cssText = [
         'width:15px',
         'height:15px',
@@ -84,11 +95,12 @@ function appendRoleBadge(doc, parent, node) {
         'justify-content:center',
         'border:1px solid var(--fps-editor-border)',
         'border-radius:2px',
-        `background:${node.role === 'root' ? '#3a2f18' : node.role === 'group' ? '#243426' : '#252b34'}`,
+        `background:${node.role === 'root' ? 'var(--fps-editor-role-root-bg)' : node.role === 'group' ? 'var(--fps-editor-role-group-bg)' : 'var(--fps-editor-role-object-bg)'}`,
         'color:var(--fps-editor-muted-strong)',
         'font-size:9px',
         'font-weight:900',
     ].join(';');
+    badge.appendChild(createLocalEditorIcon(doc, HIERARCHY_ROLE_ICONS[node.role], { size: 11, strokeWidth: 2.3 }));
     parent.appendChild(badge);
 }
 function appendLabel(doc, parent, node) {
@@ -98,17 +110,8 @@ function appendLabel(doc, parent, node) {
     parent.appendChild(label);
 }
 function appendProtectedBadge(doc, parent) {
-    const badge = doc.createElement('span');
-    badge.textContent = 'protected';
-    badge.style.cssText = [
-        'flex:0 0 auto',
-        'padding:1px 4px',
-        'border:1px solid rgba(229,180,84,0.45)',
-        'border-radius:2px',
-        'color:var(--fps-editor-warn)',
-        'font-size:9px',
-        'font-weight:900',
-    ].join(';');
+    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) {
@@ -123,7 +126,7 @@ function appendRenameInput(doc, parent, node, value) {
         'border:1px solid var(--fps-editor-accent-strong)',
         'border-radius:2px',
         'background:var(--fps-editor-field)',
-        'color:#fff',
+        'color:var(--fps-editor-text-strong)',
         'font-size:12px',
         'font-weight:700',
         'padding:2px 5px',

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

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

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

@@ -0,0 +1,10 @@
+export declare const LOCAL_EDITOR_ICON_NAMES: readonly ["asset", "camera", "chevron-down", "chevron-right", "discard", "execute", "group", "help", "hierarchy", "history", "inspector", "local", "lock", "move", "object", "place-ground", "place-off", "place-surface", "redo", "root", "rotate", "save", "scale", "select", "snap", "theme", "undo", "world"];
+export type LocalEditorIconName = typeof LOCAL_EDITOR_ICON_NAMES[number];
+export interface LocalEditorIconOptions {
+    size?: number;
+    strokeWidth?: number;
+}
+export declare function isLocalEditorIconName(value: unknown): value is LocalEditorIconName;
+export declare function resolveLocalEditorIconName(value: unknown, fallback?: LocalEditorIconName): LocalEditorIconName;
+export declare function createLocalEditorIcon(doc: Document, name: LocalEditorIconName, options?: LocalEditorIconOptions): HTMLSpanElement;
+//# sourceMappingURL=local-editor-ui-icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"local-editor-ui-icons.d.ts","sourceRoot":"","sources":["../src/local-editor-ui-icons.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,mTA6B1B,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,OAAO,uBAAuB,CAAC,MAAM,CAAC,CAAC;AAEzE,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAoID,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,mBAAmB,CAElF;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,OAAO,EACd,QAAQ,GAAE,mBAA8B,GACvC,mBAAmB,CAErB;AAED,wBAAgB,qBAAqB,CACnC,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,mBAAmB,EACzB,OAAO,GAAE,sBAA2B,GACnC,eAAe,CAuCjB"}

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

@@ -0,0 +1,195 @@
+export const LOCAL_EDITOR_ICON_NAMES = [
+    'asset',
+    'camera',
+    'chevron-down',
+    'chevron-right',
+    'discard',
+    'execute',
+    'group',
+    'help',
+    'hierarchy',
+    'history',
+    'inspector',
+    'local',
+    'lock',
+    'move',
+    'object',
+    'place-ground',
+    'place-off',
+    'place-surface',
+    'redo',
+    'root',
+    'rotate',
+    'save',
+    'scale',
+    'select',
+    'snap',
+    'theme',
+    'undo',
+    'world',
+];
+const LOCAL_EDITOR_ICON_SET = new Set(LOCAL_EDITOR_ICON_NAMES);
+const LOCAL_EDITOR_ICON_DEFINITIONS = {
+    asset: [
+        { tag: 'rect', attrs: { x: '4', y: '5', width: '16', height: '14', rx: '2' } },
+        { tag: 'path', attrs: { d: 'M8 9h8M8 13h5' } },
+        { tag: 'path', attrs: { d: 'M7 19l5-4 5 4' } },
+    ],
+    camera: [
+        { tag: 'path', attrs: { d: 'M4 8.5A2.5 2.5 0 0 1 6.5 6h2l1.5-2h4l1.5 2h2A2.5 2.5 0 0 1 20 8.5v7A2.5 2.5 0 0 1 17.5 18h-11A2.5 2.5 0 0 1 4 15.5z' } },
+        { tag: 'circle', attrs: { cx: '12', cy: '12', r: '3' } },
+    ],
+    'chevron-down': [
+        { tag: 'polyline', attrs: { points: '7 10 12 15 17 10' } },
+    ],
+    'chevron-right': [
+        { tag: 'polyline', attrs: { points: '10 7 15 12 10 17' } },
+    ],
+    discard: [
+        { tag: 'path', attrs: { d: 'M6 6l12 12M18 6L6 18' } },
+        { tag: 'path', attrs: { d: 'M5 12a7 7 0 0 1 7-7 7 7 0 0 1 5.2 2.3M19 12a7 7 0 0 1-7 7 7 7 0 0 1-5.2-2.3' } },
+    ],
+    execute: [
+        { tag: 'path', attrs: { d: 'M8 5l10 7-10 7z' } },
+    ],
+    group: [
+        { tag: 'rect', attrs: { x: '5', y: '5', width: '7', height: '7', rx: '1.5' } },
+        { tag: 'rect', attrs: { x: '12', y: '12', width: '7', height: '7', rx: '1.5' } },
+        { tag: 'path', attrs: { d: 'M8.5 12v3.5H12M12 8.5h3.5V12' } },
+    ],
+    help: [
+        { tag: 'circle', attrs: { cx: '12', cy: '12', r: '9' } },
+        { tag: 'path', attrs: { d: 'M9.8 9.4a2.4 2.4 0 0 1 4.4 1.3c0 1.7-1.9 2.1-2.2 3.4' } },
+        { tag: 'line', attrs: { x1: '12', y1: '17', x2: '12.01', y2: '17' } },
+    ],
+    hierarchy: [
+        { tag: 'path', attrs: { d: 'M12 5v5M6 14v-3h12v3' } },
+        { tag: 'rect', attrs: { x: '9', y: '3', width: '6', height: '4', rx: '1' } },
+        { tag: 'rect', attrs: { x: '3', y: '14', width: '6', height: '5', rx: '1' } },
+        { tag: 'rect', attrs: { x: '15', y: '14', width: '6', height: '5', rx: '1' } },
+    ],
+    history: [
+        { tag: 'path', attrs: { d: 'M5 7v5h5' } },
+        { tag: 'path', attrs: { d: 'M5.8 15.4A7 7 0 1 0 5 7' } },
+        { tag: 'path', attrs: { d: 'M12 8v4l3 2' } },
+    ],
+    inspector: [
+        { tag: 'rect', attrs: { x: '5', y: '4', width: '14', height: '16', rx: '2' } },
+        { tag: 'path', attrs: { d: 'M9 8h6M9 12h6M9 16h3' } },
+    ],
+    local: [
+        { tag: 'circle', attrs: { cx: '12', cy: '12', r: '3' } },
+        { tag: 'path', attrs: { d: 'M12 3v3M12 18v3M3 12h3M18 12h3' } },
+    ],
+    lock: [
+        { tag: 'rect', attrs: { x: '6', y: '10', width: '12', height: '9', rx: '2' } },
+        { tag: 'path', attrs: { d: 'M9 10V7a3 3 0 0 1 6 0v3' } },
+    ],
+    move: [
+        { tag: 'path', attrs: { d: 'M12 3v18M3 12h18' } },
+        { tag: 'path', attrs: { d: 'M12 3l-3 3M12 3l3 3M12 21l-3-3M12 21l3-3M3 12l3-3M3 12l3 3M21 12l-3-3M21 12l-3 3' } },
+    ],
+    object: [
+        { tag: 'path', attrs: { d: 'M12 3l7 4v9l-7 4-7-4V7z' } },
+        { tag: 'path', attrs: { d: 'M5 7l7 4 7-4M12 11v9' } },
+    ],
+    'place-ground': [
+        { tag: 'path', attrs: { d: 'M4 18h16' } },
+        { tag: 'path', attrs: { d: 'M12 4v10' } },
+        { tag: 'path', attrs: { d: 'M8 10l4 4 4-4' } },
+    ],
+    'place-off': [
+        { tag: 'path', attrs: { d: 'M4 18h16M12 4v10M8 10l4 4 4-4' } },
+        { tag: 'path', attrs: { d: 'M5 5l14 14' } },
+    ],
+    'place-surface': [
+        { tag: 'path', attrs: { d: 'M4 16l5-5 4 4 7-7' } },
+        { tag: 'path', attrs: { d: 'M12 4v10M8 10l4 4 4-4' } },
+    ],
+    redo: [
+        { tag: 'path', attrs: { d: 'M19 7v6h-6' } },
+        { tag: 'path', attrs: { d: 'M18 13a6 6 0 1 1-1.7-4.2L19 11' } },
+    ],
+    root: [
+        { tag: 'circle', attrs: { cx: '12', cy: '5', r: '2' } },
+        { tag: 'path', attrs: { d: 'M12 7v11M7 12h10' } },
+        { tag: 'circle', attrs: { cx: '7', cy: '18', r: '2' } },
+        { tag: 'circle', attrs: { cx: '17', cy: '18', r: '2' } },
+    ],
+    rotate: [
+        { tag: 'path', attrs: { d: 'M18 8a7 7 0 1 0 1.3 6.1' } },
+        { tag: 'path', attrs: { d: 'M18 4v4h-4' } },
+    ],
+    save: [
+        { tag: 'path', attrs: { d: 'M5 4h12l2 2v15H5z' } },
+        { tag: 'path', attrs: { d: 'M8 4v6h9M8 21v-6h8v6' } },
+    ],
+    scale: [
+        { tag: 'path', attrs: { d: 'M4 14v6h6M20 10V4h-6' } },
+        { tag: 'path', attrs: { d: 'M20 4l-7 7M4 20l7-7' } },
+    ],
+    select: [
+        { tag: 'path', attrs: { d: 'M5 4l10 10-5 1.5L8.5 20z' } },
+    ],
+    snap: [
+        { tag: 'path', attrs: { d: 'M8 4v6a4 4 0 0 0 8 0V4' } },
+        { tag: 'path', attrs: { d: 'M8 8h4M16 8h-4M8 4h4M16 4h-4M12 14v6' } },
+    ],
+    theme: [
+        { tag: 'circle', attrs: { cx: '12', cy: '12', r: '9' } },
+        { tag: 'path', attrs: { d: 'M12 3v18' } },
+        { tag: 'path', attrs: { d: 'M12 5a7 7 0 0 1 0 14' } },
+    ],
+    undo: [
+        { tag: 'path', attrs: { d: 'M5 7v6h6' } },
+        { tag: 'path', attrs: { d: 'M6 13a6 6 0 1 0 1.7-4.2L5 11' } },
+    ],
+    world: [
+        { tag: 'circle', attrs: { cx: '12', cy: '12', r: '9' } },
+        { tag: 'path', attrs: { d: 'M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18' } },
+    ],
+};
+export function isLocalEditorIconName(value) {
+    return typeof value === 'string' && LOCAL_EDITOR_ICON_SET.has(value);
+}
+export function resolveLocalEditorIconName(value, fallback = 'object') {
+    return isLocalEditorIconName(value) ? value : fallback;
+}
+export function createLocalEditorIcon(doc, name, options = {}) {
+    const resolvedName = resolveLocalEditorIconName(name);
+    const size = options.size ?? 14;
+    const strokeWidth = options.strokeWidth ?? 2;
+    const icon = doc.createElement('span');
+    icon.dataset.editorIcon = resolvedName;
+    icon.setAttribute('aria-hidden', 'true');
+    icon.style.cssText = [
+        `width:${size}px`,
+        `height:${size}px`,
+        `flex:0 0 ${size}px`,
+        'display:inline-flex',
+        'align-items:center',
+        'justify-content:center',
+        'color:currentColor',
+        'pointer-events:none',
+    ].join(';');
+    const svg = doc.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.setAttribute('viewBox', '0 0 24 24');
+    svg.setAttribute('width', String(size));
+    svg.setAttribute('height', String(size));
+    svg.setAttribute('fill', 'none');
+    svg.setAttribute('stroke', 'currentColor');
+    svg.setAttribute('stroke-width', String(strokeWidth));
+    svg.setAttribute('stroke-linecap', 'round');
+    svg.setAttribute('stroke-linejoin', 'round');
+    svg.setAttribute('focusable', 'false');
+    for (const node of LOCAL_EDITOR_ICON_DEFINITIONS[resolvedName]) {
+        const element = doc.createElementNS('http://www.w3.org/2000/svg', node.tag);
+        for (const [key, value] of Object.entries(node.attrs)) {
+            element.setAttribute(key, value);
+        }
+        svg.appendChild(element);
+    }
+    icon.appendChild(svg);
+    return icon;
+}
+//# sourceMappingURL=local-editor-ui-icons.js.map

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

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

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":"AAAA,OAAO,KAAK,EACV,wBAAwB,EAIxB,2CAA2C,EAC3C,gDAAgD,EAEhD,8CAA8C,EAC9C,+CAA+C,EAC/C,iCAAiC,EACjC,mCAAmC,EAEnC,sCAAsC,EAItC,yBAAyB,EACzB,mCAAmC,EACpC,MAAM,yBAAyB,CAAC;AAYjC,MAAM,WAAW,wCAAwC,CAAC,SAAS,GAAG,OAAO;IAC3E,QAAQ,CAAC,EAAE,SAAS,8CAA8C,CAAC,SAAS,CAAC,EAAE,CAAC;IAChF,eAAe,CAAC,EAAE,2CAA2C,CAAC;CAC/D;AAED,wBAAgB,oBAAoB,CAAC,SAAS,EAC5C,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,yBAAyB,CAAC,SAAS,CAAC,EAC3C,MAAM,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,EAC5C,IAAI,EAAE,sCAAsC,GAAG,IAAI,GAClD,IAAI,CAqDN;AAED,wBAAgB,qBAAqB,CAAC,SAAS,EAC7C,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,yBAAyB,CAAC,SAAS,CAAC,EAC3C,SAAS,EAAE,wBAAwB,GAClC,IAAI,CAKN;AAED,wBAAgB,8BAA8B,CAAC,SAAS,EACtD,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,yBAAyB,CAAC,SAAS,CAAC,EAC3C,SAAS,EAAE,wBAAwB,EACnC,MAAM,GAAE,mCAAmC,EAAO,GACjD,IAAI,CA8BN;AAgMD,wBAAgB,oBAAoB,CAAC,SAAS,EAC5C,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,yBAAyB,CAAC,SAAS,CAAC,EAC3C,MAAM,SAAK,EACX,OAAO,GAAE,wCAAwC,CAAC,SAAS,CAAM,GAChE,IAAI,CAyCN;AAqQD,wBAAgB,gDAAgD,CAAC,SAAS,EACxE,QAAQ,GAAE,SAAS,8CAA8C,CAAC,SAAS,CAAC,EAAO,EACnF,QAAQ,GAAE,2CAAqD,GAC9D,8CAA8C,CAAC,SAAS,CAAC,EAAE,CAS7D;AA4CD,wBAAgB,qDAAqD,CAAC,SAAS,EAC7E,aAAa,EAAE,SAAS,8CAA8C,CAAC,SAAS,CAAC,EAAE,EACnF,OAAO,EAAE,+CAA+C,CAAC,SAAS,CAAC,GAClE,8CAA8C,CAAC,SAAS,CAAC,GAAG,IAAI,CAKlE;AAuMD,wBAAgB,8CAA8C,CAAC,SAAS,EACtE,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,iCAAiC,CAAC,SAAS,CAAC,EACpD,QAAQ,EAAE,mCAAmC,CAAC,SAAS,CAAC,EACxD,OAAO,CAAC,EAAE,gDAAgD,GACzD,IAAI,CAaN;AAuHD,wBAAgB,sCAAsC,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAM7E"}
+{"version":3,"file":"local-editor-ui-panels.d.ts","sourceRoot":"","sources":["../src/local-editor-ui-panels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EAIxB,2CAA2C,EAC3C,gDAAgD,EAEhD,8CAA8C,EAC9C,+CAA+C,EAC/C,iCAAiC,EACjC,mCAAmC,EAEnC,sCAAsC,EAItC,yBAAyB,EACzB,mCAAmC,EACpC,MAAM,yBAAyB,CAAC;AAsBjC,MAAM,WAAW,wCAAwC,CAAC,SAAS,GAAG,OAAO;IAC3E,QAAQ,CAAC,EAAE,SAAS,8CAA8C,CAAC,SAAS,CAAC,EAAE,CAAC;IAChF,eAAe,CAAC,EAAE,2CAA2C,CAAC;CAC/D;AAED,wBAAgB,oBAAoB,CAAC,SAAS,EAC5C,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,yBAAyB,CAAC,SAAS,CAAC,EAC3C,MAAM,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,EAC5C,IAAI,EAAE,sCAAsC,GAAG,IAAI,GAClD,IAAI,CAqDN;AAED,wBAAgB,qBAAqB,CAAC,SAAS,EAC7C,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,yBAAyB,CAAC,SAAS,CAAC,EAC3C,SAAS,EAAE,wBAAwB,GAClC,IAAI,CAKN;AAED,wBAAgB,8BAA8B,CAAC,SAAS,EACtD,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,yBAAyB,CAAC,SAAS,CAAC,EAC3C,SAAS,EAAE,wBAAwB,EACnC,MAAM,GAAE,mCAAmC,EAAO,GACjD,IAAI,CA8BN;AAyLD,wBAAgB,oBAAoB,CAAC,SAAS,EAC5C,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,yBAAyB,CAAC,SAAS,CAAC,EAC3C,MAAM,SAAK,EACX,OAAO,GAAE,wCAAwC,CAAC,SAAS,CAAM,GAChE,IAAI,CA0CN;AAiQD,wBAAgB,gDAAgD,CAAC,SAAS,EACxE,QAAQ,GAAE,SAAS,8CAA8C,CAAC,SAAS,CAAC,EAAO,EACnF,QAAQ,GAAE,2CAAqD,GAC9D,8CAA8C,CAAC,SAAS,CAAC,EAAE,CAS7D;AA4CD,wBAAgB,qDAAqD,CAAC,SAAS,EAC7E,aAAa,EAAE,SAAS,8CAA8C,CAAC,SAAS,CAAC,EAAE,EACnF,OAAO,EAAE,+CAA+C,CAAC,SAAS,CAAC,GAClE,8CAA8C,CAAC,SAAS,CAAC,GAAG,IAAI,CAKlE;AAuMD,wBAAgB,8CAA8C,CAAC,SAAS,EACtE,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,iCAAiC,CAAC,SAAS,CAAC,EACpD,QAAQ,EAAE,mCAAmC,CAAC,SAAS,CAAC,EACxD,OAAO,CAAC,EAAE,gDAAgD,GACzD,IAAI,CAaN;AAiHD,wBAAgB,sCAAsC,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAM7E"}

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

@@ -1,12 +1,17 @@
-import { createAssetList, createDockTab, createPanelHeader, createPropertyRow, createToolbarButton, createTreeView, createTreeViewItem, } from './local-editor-ui-primitives';
+import { createLocalEditorIcon } from './local-editor-ui-icons';
+import { createBadge, createAssetList, createDockTab, createEditorInputStyle, createEmptyState, createListItemBlock, createPanelHeader, createPropertyRow, createToolbarButton, createTreeView, createTreeViewItem, } from './local-editor-ui-primitives';
 import { clearElement, toTitle } from './local-editor-ui-shared';
+const DOCK_TAB_ICONS = {
+    assets: 'asset',
+    history: 'history',
+};
 export function renderHierarchyPanel(doc, panel, state, rename, drop) {
     clearElement(panel);
-    const createGroupButton = createToolbarButton(doc, '+ Group');
+    const createGroupButton = createToolbarButton(doc, '+ Group', 'group');
     createGroupButton.dataset.editorHierarchyCreateGroup = 'true';
     createGroupButton.style.padding = '3px 7px';
     createGroupButton.style.fontSize = '11px';
-    panel.appendChild(createPanelHeader(doc, 'Graph', [createGroupButton]));
+    panel.appendChild(createPanelHeader(doc, 'Graph', [createGroupButton], 'hierarchy'));
     const list = createTreeView(doc);
     for (const item of state.hierarchy) {
         const isRenaming = rename?.id === item.id;
@@ -35,7 +40,7 @@ export function renderHierarchyPanel(doc, panel, state, rename, drop) {
                 'border:1px solid var(--fps-editor-accent-strong)',
                 'border-radius:2px',
                 'background:var(--fps-editor-field)',
-                'color:#fff',
+                'color:var(--fps-editor-text-strong)',
                 'font-size:12px',
                 'font-weight:700',
                 'padding:2px 5px',
@@ -80,7 +85,7 @@ export function renderWorkbenchBottomDockPanel(doc, panel, state, activeTab, pan
             { id: 'history', title: '历史', area: 'bottom' },
         ];
     for (const tabPanel of dockTabs) {
-        const button = createDockTab(doc, tabPanel.title, activeTab === tabPanel.id);
+        const button = createDockTab(doc, tabPanel.title, activeTab === tabPanel.id, DOCK_TAB_ICONS[tabPanel.id]);
         button.dataset.editorDockTab = tabPanel.id;
         tabHeader.appendChild(button);
     }
@@ -107,30 +112,29 @@ function appendDockTabs(doc, panel, activeTab) {
         history: '历史',
     };
     for (const tab of ['assets', 'history']) {
-        const button = doc.createElement('button');
-        button.type = 'button';
-        button.dataset.editorDockTab = tab;
-        button.textContent = labels[tab];
         const active = activeTab === tab;
-        button.style.cssText = [
-            'border:0',
-            'border-bottom:2px solid transparent',
-            `border-bottom-color:${active ? '#58a6ff' : 'transparent'}`,
-            'background:transparent',
-            `color:${active ? 'var(--fps-editor-text-strong)' : 'var(--fps-editor-muted)'}`,
-            'font-size:12px',
-            'font-weight:900',
-            'padding:0 8px 8px',
-            'cursor:pointer',
-        ].join(';');
+        const button = createDockTab(doc, labels[tab], active, DOCK_TAB_ICONS[tab]);
+        button.dataset.editorDockTab = tab;
+        button.style.border = '0';
+        button.style.borderBottom = `2px solid ${active ? 'var(--fps-editor-accent-strong)' : 'transparent'}`;
+        button.style.background = 'transparent';
+        button.style.color = active ? 'var(--fps-editor-text-strong)' : 'var(--fps-editor-muted)';
+        button.style.padding = '0 8px 8px';
         tabs.appendChild(button);
     }
     panel.appendChild(tabs);
 }
+function createHeadingLabel(doc, text) {
+    const label = doc.createElement('span');
+    label.textContent = text;
+    label.style.cssText = 'min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap';
+    return label;
+}
 function renderAssetBrowserContent(doc, panel, state, variant = 'list') {
     const title = doc.createElement('h2');
-    title.textContent = '资产浏览器';
-    title.style.cssText = 'font-size:13px;margin:0 0 8px;font-weight:800;color:var(--fps-editor-text-strong)';
+    title.style.cssText = 'display:flex;align-items:center;gap:6px;font-size:13px;margin:0 0 8px;font-weight:800;color:var(--fps-editor-text-strong)';
+    title.appendChild(createLocalEditorIcon(doc, 'asset'));
+    title.appendChild(createHeadingLabel(doc, '资产浏览器'));
     panel.appendChild(title);
     const filter = doc.createElement('input');
     filter.type = 'search';
@@ -177,19 +181,27 @@ function renderAssetBrowserContent(doc, panel, state, variant = 'list') {
             'padding:6px 8px',
             'border:1px solid var(--fps-editor-border)',
             'border-radius:3px',
-            'background:#243426',
+            'background:var(--fps-editor-asset-card-bg)',
             'color:var(--fps-editor-text)',
+            'display:flex',
+            'align-items:center',
+            'gap:8px',
             'font-size:12px',
             'cursor:pointer',
         ].join(';');
+        const icon = createLocalEditorIcon(doc, 'asset', { size: 16 });
+        const body = doc.createElement('div');
+        body.style.cssText = 'min-width:0;flex:1';
         const label = doc.createElement('div');
         label.textContent = asset.label;
         label.style.cssText = 'font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap';
         const meta = doc.createElement('div');
         meta.textContent = asset.meta ?? asset.id;
         meta.style.cssText = 'color:var(--fps-editor-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap';
-        button.appendChild(label);
-        button.appendChild(meta);
+        body.appendChild(label);
+        body.appendChild(meta);
+        button.appendChild(icon);
+        button.appendChild(body);
         list.appendChild(button);
     }
     panel.appendChild(list);
@@ -197,36 +209,21 @@ function renderAssetBrowserContent(doc, panel, state, variant = 'list') {
 function renderHistoryPanel(doc, panel, history) {
     const title = doc.createElement('h2');
     const entries = history?.entries ?? [];
-    title.textContent = `历史记录 (${entries.length})`;
-    title.style.cssText = 'font-size:13px;margin:0 0 8px;font-weight:800;color:var(--fps-editor-text-strong)';
+    title.style.cssText = 'display:flex;align-items:center;gap:6px;font-size:13px;margin:0 0 8px;font-weight:800;color:var(--fps-editor-text-strong)';
+    title.appendChild(createLocalEditorIcon(doc, 'history'));
+    title.appendChild(createHeadingLabel(doc, `历史记录 (${entries.length})`));
     panel.appendChild(title);
     appendHistoryEntries(doc, panel, entries);
 }
 function appendHistoryEntries(doc, panel, entries) {
     if (entries.length === 0) {
-        const empty = doc.createElement('div');
-        empty.textContent = '暂无文档修改。';
-        empty.style.cssText = [
-            'padding:8px',
-            'border:1px solid var(--fps-editor-border-soft)',
-            'border-radius:3px',
-            'background:var(--fps-editor-field)',
-            'color:var(--fps-editor-muted)',
-            'font-size:11px',
-        ].join(';');
-        panel.appendChild(empty);
+        panel.appendChild(createEmptyState(doc, '暂无文档修改。'));
         return;
     }
     const list = doc.createElement('div');
     list.style.cssText = 'display:flex;flex-direction:column;gap:4px';
     for (const entry of entries) {
-        const item = doc.createElement('div');
-        item.style.cssText = [
-            'padding:7px 8px',
-            'border:1px solid var(--fps-editor-border-soft)',
-            'border-radius:3px',
-            'background:var(--fps-editor-panel-soft)',
-        ].join(';');
+        const item = createListItemBlock(doc);
         const label = doc.createElement('div');
         label.textContent = entry.label;
         label.style.cssText = 'font-size:12px;font-weight:900;color:var(--fps-editor-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap';
@@ -261,8 +258,9 @@ function formatHistoryTimestamp(createdAt) {
 export function renderInspectorPanel(doc, panel, state, filter = '', options = {}) {
     clearElement(panel);
     const title = doc.createElement('h2');
-    title.textContent = 'Inspector';
-    title.style.cssText = 'font-size:13px;margin:-8px -8px 8px;padding:7px 8px;border-bottom:1px solid var(--fps-editor-divider);background:var(--fps-editor-chrome-dark);font-weight:800;color:var(--fps-editor-text-strong)';
+    title.style.cssText = 'display:flex;align-items:center;gap:6px;font-size:13px;margin:-8px -8px 8px;padding:7px 8px;border-bottom:1px solid var(--fps-editor-divider);background:var(--fps-editor-chrome-dark);font-weight:800;color:var(--fps-editor-text-strong)';
+    title.appendChild(createLocalEditorIcon(doc, 'inspector'));
+    title.appendChild(createHeadingLabel(doc, 'Inspector'));
     panel.appendChild(title);
     const search = createInspectorSearchInput(doc, filter);
     panel.appendChild(search);
@@ -300,16 +298,10 @@ function createInspectorSearchInput(doc, value) {
     input.value = value;
     input.placeholder = 'Search...';
     input.style.cssText = [
+        createEditorInputStyle(),
         'width:100%',
         'height:30px',
-        'box-sizing:border-box',
         'margin:0 0 8px',
-        'border:1px solid var(--fps-editor-border)',
-        'border-radius:3px',
-        'background:var(--fps-editor-field)',
-        'color:var(--fps-editor-text)',
-        'font-size:12px',
-        'padding:0 8px',
         'outline:none',
     ].join(';');
     return input;
@@ -376,9 +368,11 @@ function createInspectorSectionBlock(doc, inspectorObject, section, controlRegis
         meta.appendChild(summary);
     }
     if (section.persistence === 'runtime' || section.runtimeOnly || section.persistence === 'readonly') {
-        const badge = doc.createElement('span');
-        badge.textContent = section.persistence === 'runtime' || section.runtimeOnly ? 'Runtime' : 'Readonly';
-        badge.style.cssText = 'flex:0 0 auto';
+        const badge = createBadge(doc, section.persistence === 'runtime' || section.runtimeOnly ? 'Runtime' : 'Readonly', {
+            compact: true,
+            tone: section.persistence === 'readonly' ? 'default' : 'warning',
+        });
+        badge.style.flex = '0 0 auto';
         meta.appendChild(badge);
     }
     sectionTitle.appendChild(meta);
@@ -733,13 +727,7 @@ export function applyLocalEditorBrowserInspectorControlBinding(element, target,
 }
 function createInspectorInputStyle() {
     return [
-        'min-width:0',
-        'height:28px',
-        'border:1px solid var(--fps-editor-border)',
-        'border-radius:3px',
-        'background:var(--fps-editor-field)',
-        'color:var(--fps-editor-text)',
-        'font-size:12px',
+        createEditorInputStyle(),
         'padding:0 6px',
     ].join(';');
 }