@zenfg/inspector 0.1.0-beta.1

package/dist/panelGraphVisuals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelGraphVisuals.js","sourceRoot":"","sources":["../src/panelGraphVisuals.ts"],"names":[],"mappings":"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","sourcesContent":["import type cytoscape from 'cytoscape';\n\nimport type { GraphScene, GraphSceneEdge, GraphSceneNode } from './panelGraphScene.ts';\nimport { GRAPH_VISUAL_THEME } from './panelVisualTheme.ts';\n\nexport { GRAPH_VISUAL_THEME } from './panelVisualTheme.ts';\n\n\nexport const GRAPH_GEOMETRY = {\n    fitPadding: 28,\n    baseFontSize: 13,\n    overviewFontThreshold: 9,\n    minimumZoomedFontSize: 5,\n    groupTitleInset: 8,\n    groupTitleLineHeight: 1.2,\n    groupPadding: 32,\n    elkGroupPadding: { top: 46, right: 24, bottom: 24, left: 24 },\n    edgeCornerRadius: 6,\n} as const;\n\nconst ENDPOINT_EDGE_DISTANCES = 'endpoints' as unknown as cytoscape.Css.Edge['edge-distances'];\nconst EDGE_SEGMENT_RADII = `${GRAPH_GEOMETRY.edgeCornerRadius}px` as unknown as cytoscape.Css.Edge['segment-radii'];\n\nexport type GraphLegendEntry = {\n    readonly key: string;\n    readonly label: string;\n    readonly color: string;\n    readonly shape: 'box' | 'ellipse' | 'group' | 'line';\n    readonly lineStyle?: 'solid' | 'dotted' | 'dashed';\n    readonly hollowArrow?: boolean;\n};\n\nconst NODE_LEGEND_ENTRIES = {\n    render: nodeLegend('render', 'Render', GRAPH_VISUAL_THEME.render.stroke),\n    compute: nodeLegend('compute', 'Compute', GRAPH_VISUAL_THEME.compute.stroke),\n    copy: nodeLegend('copy', 'Copy', GRAPH_VISUAL_THEME.copy.stroke),\n    'clear-buffer': nodeLegend('clear', 'Clear', GRAPH_VISUAL_THEME.clear.stroke),\n    command: nodeLegend('command', 'Command', GRAPH_VISUAL_THEME.command.stroke),\n    'external-submission': nodeLegend('external', 'External', GRAPH_VISUAL_THEME.external.stroke),\n} as const;\n\nexport function createGraphLegend(scene: GraphScene): readonly GraphLegendEntry[] {\n    const entries: GraphLegendEntry[] = [];\n    const passKinds = new Set(scene.nodes.flatMap((node) => node.kind === 'pass' || node.kind === 'culled-pass'\n        ? [node.passKind]\n        : []));\n    for (const kind of ['render', 'compute', 'copy', 'clear-buffer', 'command', 'external-submission'] as const) {\n        if (passKinds.has(kind)) entries.push(NODE_LEGEND_ENTRIES[kind]);\n    }\n    if (scene.nodes.some((node) => node.kind === 'group')) {\n        entries.push({ key: 'group', label: 'Group', color: GRAPH_VISUAL_THEME.group.stroke, shape: 'group' });\n    }\n    if (scene.nodes.some((node) => node.kind === 'resource' && node.resourceKind === 'texture')) {\n        entries.push({ key: 'texture', label: 'Texture', color: GRAPH_VISUAL_THEME.texture.stroke, shape: 'ellipse' });\n    }\n    if (scene.nodes.some((node) => node.kind === 'resource' && node.resourceKind === 'buffer')) {\n        entries.push({ key: 'buffer', label: 'Buffer', color: GRAPH_VISUAL_THEME.buffer.stroke, shape: 'ellipse' });\n    }\n    if (scene.nodes.some((node) => node.kind === 'culled-pass')) {\n        entries.push({\n            key: 'culled',\n            label: 'Culled',\n            color: GRAPH_VISUAL_THEME.culled.stroke,\n            shape: 'box',\n            lineStyle: 'dashed',\n        });\n    }\n    if (scene.edges.some((edge) => edge.kind === 'dependency' && edge.dependencyKind === 'value')) {\n        entries.push(edgeLegend('value', 'Value', GRAPH_VISUAL_THEME.dependency.value, 'solid'));\n    }\n    if (scene.edges.some((edge) => edge.kind === 'dependency' && edge.dependencyKind === 'ordering')) {\n        entries.push({\n            ...edgeLegend('ordering', 'Order', GRAPH_VISUAL_THEME.dependency.ordering, 'dotted'),\n            hollowArrow: true,\n        });\n    }\n    if (scene.edges.some((edge) => edge.kind === 'access' && edge.accessMode === 'read')) {\n        entries.push(edgeLegend('read', 'Read', GRAPH_VISUAL_THEME.access.read, 'solid'));\n    }\n    if (scene.edges.some((edge) => edge.kind === 'access' && edge.accessMode === 'write')) {\n        entries.push(edgeLegend('write', 'Write', GRAPH_VISUAL_THEME.access.write, 'solid'));\n    }\n    return entries;\n}\n\nexport function createGraphStyles(): cytoscape.StylesheetJson {\n    const theme = GRAPH_VISUAL_THEME;\n    return [\n        {\n            selector: 'node',\n            style: {\n                'shape': 'round-rectangle',\n                'width': 'data(width)',\n                'height': 'data(height)',\n                'label': 'data(displayLabel)',\n                'text-wrap': 'wrap',\n                'text-max-width': '160px',\n                'font-family': 'ui-monospace, SFMono-Regular, Consolas, Liberation Mono, monospace',\n                'font-size': GRAPH_GEOMETRY.baseFontSize,\n                'min-zoomed-font-size': GRAPH_GEOMETRY.minimumZoomedFontSize,\n                'color': theme.text,\n                'background-color': theme.surfaceRaised,\n                'border-color': theme.group.stroke,\n                'border-width': 1.25,\n                'text-valign': 'center',\n                'text-halign': 'center',\n                'overlay-opacity': 0,\n                'underlay-opacity': 0,\n            },\n        },\n        passStyle('render', theme.render),\n        passStyle('compute', theme.compute),\n        passStyle('copy', theme.copy),\n        passStyle('clear-buffer', theme.clear),\n        passStyle('command', theme.command),\n        {\n            selector: 'node[passKind = \"external-submission\"]',\n            style: {\n                'background-color': theme.external.fill,\n                'border-color': theme.external.stroke,\n                'border-style': 'double',\n                'border-width': 3,\n            },\n        },\n        {\n            selector: 'node[kind = \"culled-pass\"]',\n            style: {\n                'background-color': theme.culled.fill,\n                'border-color': theme.culled.stroke,\n                'color': theme.muted,\n                'border-style': 'dashed',\n                'opacity': 0.72,\n            },\n        },\n        {\n            selector: 'node[kind = \"resource\"][resourceKind = \"texture\"]',\n            style: {\n                'shape': 'ellipse',\n                'background-color': theme.texture.fill,\n                'border-color': theme.texture.stroke,\n            },\n        },\n        {\n            selector: 'node[kind = \"resource\"][resourceKind = \"buffer\"]',\n            style: {\n                'shape': 'ellipse',\n                'background-color': theme.buffer.fill,\n                'border-color': theme.buffer.stroke,\n            },\n        },\n        {\n            selector: 'node[kind = \"group\"]',\n            style: {\n                'text-max-width': (element: cytoscape.SingularElementArgument) => `${element.data('labelMaxWidth') as number}px`,\n            },\n        },\n        {\n            selector: 'node[kind = \"group\"][collapsed = 1]',\n            style: {\n                'background-color': theme.group.fill,\n                'border-color': theme.group.stroke,\n                'border-width': 2,\n                'color': theme.text,\n            },\n        },\n        {\n            selector: 'node[kind = \"group\"][collapsed = 0]',\n            style: expandedGroupStyle(theme.group.fill),\n        },\n        {\n            selector: 'node[kind = \"group\"][collapsed = 0][depthBand = 1]',\n            style: { 'background-color': theme.group.alternateFill },\n        },\n        {\n            selector: 'edge',\n            style: {\n                'width': 1.5,\n                'line-color': theme.dependency.value,\n                'line-opacity': 0.82,\n                'target-arrow-color': theme.dependency.value,\n                'target-arrow-shape': 'triangle',\n                'target-arrow-fill': 'filled',\n                'arrow-scale': 0.8,\n                'curve-style': 'straight',\n                'label': 'data(displayLabel)',\n                'font-family': 'ui-monospace, SFMono-Regular, Consolas, Liberation Mono, monospace',\r\n                'font-size': 10,\n                'min-zoomed-font-size': GRAPH_GEOMETRY.minimumZoomedFontSize,\n                'color': theme.text,\n                'text-background-color': theme.canvas,\n                'text-background-opacity': 0.82,\n                'text-background-padding': '2px',\n                'text-rotation': 'autorotate',\n                'overlay-opacity': 0,\n                'underlay-opacity': 0,\n            },\n        },\n        {\n            selector: 'edge[dependencyKind = \"ordering\"]',\n            style: {\n                'line-color': theme.dependency.ordering,\n                'target-arrow-color': theme.dependency.ordering,\n                'line-style': 'dotted',\n                'target-arrow-fill': 'hollow',\n                'line-opacity': 0.72,\n            },\n        },\n        {\n            selector: 'edge[accessMode = \"read\"]',\n            style: {\n                'line-color': theme.access.read,\n                'target-arrow-color': theme.access.read,\n            },\n        },\n        {\n            selector: 'edge[accessMode = \"write\"]',\n            style: {\n                'line-color': theme.access.write,\n                'target-arrow-color': theme.access.write,\n            },\n        },\n        {\n            selector: 'edge[dashed = 1]',\n            style: { 'line-style': 'dashed', 'line-opacity': 0.46, 'opacity': 0.58 },\n        },\n        {\n            selector: 'edge.elk-route',\n            style: {\n                'source-endpoint': 'data(sourceEndpoint)',\n                'target-endpoint': 'data(targetEndpoint)',\n                'edge-distances': ENDPOINT_EDGE_DISTANCES,\n            },\n        },\n        {\n            selector: 'edge.elk-segments',\n            style: {\n                'curve-style': 'round-segments',\n                'segment-distances': 'data(segmentDistances)',\n                'segment-weights': 'data(segmentWeights)',\n                'segment-radii': EDGE_SEGMENT_RADII,\n            },\n        },\n        {\n            selector: 'node.semantic-hover',\n            style: {\n                'border-color': theme.hover,\n                'border-width': 2,\n                'z-index': 15,\n            },\n        },\n        {\n            selector: 'edge.semantic-hover',\n            style: {\n                'line-color': theme.hover,\n                'target-arrow-color': theme.hover,\n                'line-opacity': 1,\n                'width': 2.5,\n                'z-index': 15,\n            },\n        },\n        {\n            selector: 'node.semantic-selected',\n            style: {\n                'border-color': theme.selected,\n                'border-width': 3,\n                'underlay-color': theme.selected,\n                'underlay-padding': 5,\n                'underlay-opacity': 0.18,\n                'opacity': 1,\n                'z-index': 20,\n            },\n        },\n        {\n            selector: 'edge.semantic-selected',\n            style: {\n                'line-color': theme.selected,\n                'target-arrow-color': theme.selected,\n                'line-opacity': 1,\n                'width': 3,\n                'z-index': 20,\n            },\n        },\n    ];\n}\n\nexport function nodeDimensions(node: GraphSceneNode): { readonly width: number; readonly height: number } {\n    switch (node.kind) {\n        case 'pass':\n            return { width: 184, height: node.label.includes('\\n') ? 62 : 48 };\n        case 'culled-pass':\n            return { width: 184, height: 64 };\n        case 'resource':\n            return { width: 166, height: node.label.includes('\\n') ? 58 : 46 };\n        case 'group':\n            return node.collapsed ? { width: 224, height: 68 } : { width: 120, height: 80 };\n    }\n}\n\nexport function graphLayoutGeometryKey(scene: GraphScene): string {\n    return JSON.stringify({\n        topology: scene.topologyKey,\n        dimensions: scene.nodes.map((node) => {\n            const dimensions = nodeDimensions(node);\n            return [node.id, dimensions.width, dimensions.height];\n        }),\n    });\n}\n\nexport function graphEdgeDisplayLabel(edge: GraphSceneEdge): string {\n    return edge.kind === 'access' ? '' : edge.label ?? '';\n}\n\nexport function expandedGroupLabelMaxWidth(outerWidth: number): number {\n    return Math.max(80, Math.floor(outerWidth - GRAPH_GEOMETRY.groupTitleInset * 2));\n}\n\nexport function isOverviewGraphScale(zoom: number): boolean {\n    return GRAPH_GEOMETRY.baseFontSize * zoom < GRAPH_GEOMETRY.overviewFontThreshold;\n}\n\nfunction nodeLegend(key: string, label: string, color: string): GraphLegendEntry {\n    return { key, label, color, shape: 'box' };\n}\n\nfunction edgeLegend(\n    key: string,\n    label: string,\n    color: string,\n    lineStyle: NonNullable<GraphLegendEntry['lineStyle']>,\n): GraphLegendEntry {\n    return { key, label, color, shape: 'line', lineStyle };\n}\n\nfunction passStyle(\n    kind: string,\n    colors: { readonly stroke: string; readonly fill: string },\n): cytoscape.StylesheetStyle {\n    return {\n        selector: `node[passKind = \"${kind}\"]`,\n        style: { 'background-color': colors.fill, 'border-color': colors.stroke },\n    };\n}\n\nfunction expandedGroupStyle(backgroundColor: string): cytoscape.Css.Node {\n    const geometry = GRAPH_GEOMETRY;\n    return {\n        'background-color': backgroundColor,\n        'background-opacity': 0.34,\n        'border-color': GRAPH_VISUAL_THEME.group.stroke,\n        'border-width': 1.5,\n        'padding': `${geometry.groupPadding}px`,\n        'compound-sizing-wrt-labels': 'include',\n        'min-width': '120px',\n        'min-height': '80px',\n        'text-valign': 'top-inside',\n        'text-halign': 'left-inside',\n        'text-justification': 'left',\n        'text-margin-x': geometry.groupTitleInset - geometry.groupPadding * 2,\n        'text-margin-y': geometry.groupTitleInset - geometry.groupPadding * 2,\n        'line-height': geometry.groupTitleLineHeight,\n        'color': GRAPH_VISUAL_THEME.text,\n        'font-weight': 600,\n    };\n}\n"]}

package/dist/panelIcons.d.ts

@@ -0,0 +1,4 @@
+export type PanelIconName = 'capture' | 'check' | 'close' | 'copy' | 'empty' | 'error' | 'fit' | 'inspector' | 'spinner' | 'waiting';
+export declare function createPanelIcon(name: PanelIconName): SVGSVGElement;
+export declare function setPanelButtonContent(button: HTMLButtonElement, icon: PanelIconName, label: string): void;
+//# sourceMappingURL=panelIcons.d.ts.map

package/dist/panelIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelIcons.d.ts","sourceRoot":"","sources":["../src/panelIcons.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GACtB,SAAS,GACT,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,OAAO,GACP,KAAK,GACL,WAAW,GACX,SAAS,GACT,SAAS,CAAC;AAqBb,wBAAgB,eAAe,CAAC,IAAI,EAAE,aAAa,GAAG,aAAa,CAoBlE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAEzG"}

package/dist/panelIcons.js

@@ -0,0 +1,43 @@
+const ICON_PATHS = {
+    capture: [
+        'M6 2.5H2.5V6',
+        'M10 2.5h3.5V6',
+        'M6 13.5H2.5V10',
+        'M10 13.5h3.5V10',
+        'M8 6.25a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5',
+    ],
+    check: ['M3 8.2 6.3 11.5 13 4.8'],
+    close: ['M4 4l8 8', 'M12 4l-8 8'],
+    copy: ['M5.5 4h7.5v9H5.5z', 'M3 11V2.5h7.5'],
+    empty: ['M3 3h10v10H3z', 'M5.5 8h5'],
+    error: ['M8 2.5l5.5 10H2.5z', 'M8 6v3', 'M8 11.2v.1'],
+    fit: ['M6 2.5H2.5V6', 'M10 2.5h3.5V6', 'M6 13.5H2.5V10', 'M10 13.5h3.5V10'],
+    inspector: ['M2.5 3h11v10h-11z', 'M9.5 3v10'],
+    spinner: ['M13 8a5 5 0 1 1-2-4'],
+    waiting: ['M5.5 5v6', 'M10.5 5v6'],
+};
+export function createPanelIcon(name) {
+    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.classList.add('zenfg-inspector-control-icon');
+    svg.dataset.icon = name;
+    svg.setAttribute('viewBox', '0 0 16 16');
+    svg.setAttribute('width', '14');
+    svg.setAttribute('height', '14');
+    svg.setAttribute('aria-hidden', 'true');
+    svg.setAttribute('focusable', 'false');
+    for (const data of ICON_PATHS[name]) {
+        const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+        path.setAttribute('d', data);
+        path.setAttribute('fill', 'none');
+        path.setAttribute('stroke', 'currentColor');
+        path.setAttribute('stroke-linecap', 'round');
+        path.setAttribute('stroke-linejoin', 'round');
+        path.setAttribute('stroke-width', '1.4');
+        svg.appendChild(path);
+    }
+    return svg;
+}
+export function setPanelButtonContent(button, icon, label) {
+    button.replaceChildren(createPanelIcon(icon), document.createTextNode(label));
+}
+//# sourceMappingURL=panelIcons.js.map

package/dist/panelIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelIcons.js","sourceRoot":"","sources":["../src/panelIcons.ts"],"names":[],"mappings":"AAYA,MAAM,UAAU,GAA6C;IAC5D,OAAO,EAAE;QACR,cAAc;QACd,eAAe;QACf,gBAAgB;QAChB,iBAAiB;QACjB,qDAAqD;KACrD;IACD,KAAK,EAAE,CAAC,wBAAwB,CAAC;IACjC,KAAK,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;IACjC,IAAI,EAAE,CAAC,mBAAmB,EAAE,eAAe,CAAC;IAC5C,KAAK,EAAE,CAAC,eAAe,EAAE,UAAU,CAAC;IACpC,KAAK,EAAE,CAAC,oBAAoB,EAAE,QAAQ,EAAE,YAAY,CAAC;IACrD,GAAG,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,gBAAgB,EAAE,iBAAiB,CAAC;IAC3E,SAAS,EAAE,CAAC,mBAAmB,EAAE,WAAW,CAAC;IAC7C,OAAO,EAAE,CAAC,qBAAqB,CAAC;IAChC,OAAO,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC;CAClC,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,IAAmB;IAClD,MAAM,GAAG,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;IAC1E,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,8BAA8B,CAAC,CAAC;IAClD,GAAG,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;IACxB,GAAG,CAAC,YAAY,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IACzC,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAChC,GAAG,CAAC,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IACjC,GAAG,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACxC,GAAG,CAAC,YAAY,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IACvC,KAAK,MAAM,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;QACrC,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,MAAM,CAAC,CAAC;QAC5E,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QAC7B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAClC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAC5C,IAAI,CAAC,YAAY,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;QAC7C,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;QAC9C,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;QACzC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;IACD,OAAO,GAAG,CAAC;AACZ,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,MAAyB,EAAE,IAAmB,EAAE,KAAa;IAClG,MAAM,CAAC,eAAe,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;AAC/E,CAAC","sourcesContent":["export type PanelIconName =\n\t| 'capture'\n\t| 'check'\n\t| 'close'\n\t| 'copy'\n\t| 'empty'\n\t| 'error'\n\t| 'fit'\n\t| 'inspector'\n\t| 'spinner'\n\t| 'waiting';\n\nconst ICON_PATHS: Record<PanelIconName, readonly string[]> = {\n\tcapture: [\n\t\t'M6 2.5H2.5V6',\n\t\t'M10 2.5h3.5V6',\n\t\t'M6 13.5H2.5V10',\n\t\t'M10 13.5h3.5V10',\n\t\t'M8 6.25a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5',\n\t],\n\tcheck: ['M3 8.2 6.3 11.5 13 4.8'],\n\tclose: ['M4 4l8 8', 'M12 4l-8 8'],\n\tcopy: ['M5.5 4h7.5v9H5.5z', 'M3 11V2.5h7.5'],\n\tempty: ['M3 3h10v10H3z', 'M5.5 8h5'],\n\terror: ['M8 2.5l5.5 10H2.5z', 'M8 6v3', 'M8 11.2v.1'],\n\tfit: ['M6 2.5H2.5V6', 'M10 2.5h3.5V6', 'M6 13.5H2.5V10', 'M10 13.5h3.5V10'],\n\tinspector: ['M2.5 3h11v10h-11z', 'M9.5 3v10'],\n\tspinner: ['M13 8a5 5 0 1 1-2-4'],\n\twaiting: ['M5.5 5v6', 'M10.5 5v6'],\n};\n\nexport function createPanelIcon(name: PanelIconName): SVGSVGElement {\n\tconst svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n\tsvg.classList.add('zenfg-inspector-control-icon');\n\tsvg.dataset.icon = name;\n\tsvg.setAttribute('viewBox', '0 0 16 16');\n\tsvg.setAttribute('width', '14');\n\tsvg.setAttribute('height', '14');\n\tsvg.setAttribute('aria-hidden', 'true');\n\tsvg.setAttribute('focusable', 'false');\n\tfor (const data of ICON_PATHS[name]) {\n\t\tconst path = document.createElementNS('http://www.w3.org/2000/svg', 'path');\n\t\tpath.setAttribute('d', data);\n\t\tpath.setAttribute('fill', 'none');\n\t\tpath.setAttribute('stroke', 'currentColor');\n\t\tpath.setAttribute('stroke-linecap', 'round');\n\t\tpath.setAttribute('stroke-linejoin', 'round');\n\t\tpath.setAttribute('stroke-width', '1.4');\n\t\tsvg.appendChild(path);\n\t}\n\treturn svg;\n}\n\nexport function setPanelButtonContent(button: HTMLButtonElement, icon: PanelIconName, label: string): void {\n\tbutton.replaceChildren(createPanelIcon(icon), document.createTextNode(label));\n}\n"]}

package/dist/panelInspectorView.d.ts

@@ -0,0 +1,33 @@
+import type { FrameGraphDebugViewModel } from './debugCaptureModel.ts';
+import type { Selection } from './panelTypes.ts';
+import { type WorkbenchCallbacks } from './panelWorkbenchHelpers.ts';
+export declare class InspectorView {
+    private readonly callbacks;
+    private readonly onOpenChange;
+    readonly root: HTMLElement;
+    private readonly title;
+    private readonly tabList;
+    private readonly content;
+    private readonly tabs;
+    private snapshot;
+    private selected;
+    private activeTab;
+    private open;
+    constructor(callbacks: WorkbenchCallbacks, onOpenChange: (open: boolean) => void, idPrefix: string);
+    setSnapshot(snapshot: FrameGraphDebugViewModel): void;
+    setSelection(selected: Selection | undefined, reveal?: boolean): void;
+    setOpen(open: boolean): void;
+    get isOpen(): boolean;
+    private updateOpenState;
+    private render;
+    private selectionTitle;
+    private createSummary;
+    private createRelations;
+    private accessRelations;
+    private resourceRelations;
+    private relationGroup;
+    private summary;
+    private accessNodeLabel;
+    private accessNodeSelection;
+}
+//# sourceMappingURL=panelInspectorView.d.ts.map

package/dist/panelInspectorView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelInspectorView.d.ts","sourceRoot":"","sources":["../src/panelInspectorView.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGX,wBAAwB,EACxB,MAAM,wBAAwB,CAAC;AAIhC,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAMN,KAAK,kBAAkB,EACvB,MAAM,4BAA4B,CAAC;AAEpC,qBAAa,aAAa;IAYxB,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,YAAY;IAZ9B,QAAQ,CAAC,IAAI,cAAmC;IAChD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAoC;IAC1D,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAiC;IACzD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAiC;IACzD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAA8C;IACnE,OAAO,CAAC,QAAQ,CAAuC;IACvD,OAAO,CAAC,QAAQ,CAAwB;IACxC,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,IAAI,CAAQ;gBAGF,SAAS,EAAE,kBAAkB,EAC7B,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,EACtD,QAAQ,EAAE,MAAM;IAwCjB,WAAW,CAAC,QAAQ,EAAE,wBAAwB,GAAG,IAAI;IAKrD,YAAY,CAAC,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,MAAM,UAAO,GAAG,IAAI;IAMlE,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAO5B,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,MAAM;IA+Bd,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,aAAa;IAoFrB,OAAO,CAAC,eAAe;IAwFvB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,OAAO;IAcf,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,mBAAmB;CAK3B"}

package/dist/panelInspectorView.js

@@ -0,0 +1,357 @@
+import { labelNode, labelResource } from "./panelDomHelpers.js";
+import { createPanelIcon } from "./panelIcons.js";
+import { resolveSelectedDetail } from "./panelSelection.js";
+import { createRelationButton, formatEstimatedBytes, formatResourceDescriptor, groupPath, resourceLabel, } from "./panelWorkbenchHelpers.js";
+export class InspectorView {
+    callbacks;
+    onOpenChange;
+    root = document.createElement('aside');
+    title = document.createElement('strong');
+    tabList = document.createElement('div');
+    content = document.createElement('div');
+    tabs = new Map();
+    snapshot;
+    selected;
+    activeTab = 'summary';
+    open = true;
+    constructor(callbacks, onOpenChange, idPrefix) {
+        this.callbacks = callbacks;
+        this.onOpenChange = onOpenChange;
+        this.root.className = 'zenfg-inspector-inspector';
+        this.root.setAttribute('aria-label', 'Selection inspector');
+        const header = document.createElement('header');
+        this.title.textContent = 'Inspector';
+        const close = document.createElement('button');
+        close.type = 'button';
+        close.className = 'zenfg-inspector-inspector-close';
+        close.appendChild(createPanelIcon('close'));
+        close.title = 'Close inspector';
+        close.setAttribute('aria-label', 'Close inspector');
+        close.addEventListener('click', () => this.setOpen(false));
+        header.append(this.title, close);
+        this.tabList.className = 'zenfg-inspector-inspector-tabs';
+        this.tabList.setAttribute('role', 'tablist');
+        this.tabList.setAttribute('aria-label', 'Inspector views');
+        for (const [tab, label] of [['summary', 'Summary'], ['relations', 'Relations'], ['raw', 'Raw']]) {
+            const button = document.createElement('button');
+            button.type = 'button';
+            button.id = `${idPrefix}-inspector-${tab}-tab`;
+            button.textContent = label;
+            button.setAttribute('role', 'tab');
+            button.setAttribute('aria-controls', `${idPrefix}-inspector-panel`);
+            button.addEventListener('click', () => {
+                this.activeTab = tab;
+                this.render();
+            });
+            this.tabs.set(tab, button);
+            this.tabList.appendChild(button);
+        }
+        this.content.id = `${idPrefix}-inspector-panel`;
+        this.content.className = 'zenfg-inspector-inspector-content';
+        this.content.setAttribute('role', 'tabpanel');
+        this.root.append(header, this.tabList, this.content);
+        this.updateOpenState();
+        this.render();
+    }
+    setSnapshot(snapshot) {
+        this.snapshot = snapshot;
+        this.render();
+    }
+    setSelection(selected, reveal = true) {
+        this.selected = selected;
+        if (selected && reveal)
+            this.setOpen(true);
+        this.render();
+    }
+    setOpen(open) {
+        if (this.open === open)
+            return;
+        this.open = open;
+        this.updateOpenState();
+        this.onOpenChange(open);
+    }
+    get isOpen() {
+        return this.open;
+    }
+    updateOpenState() {
+        this.root.hidden = !this.open;
+        this.root.classList.toggle('open', this.open);
+    }
+    render() {
+        for (const [tab, button] of this.tabs) {
+            const active = tab === this.activeTab;
+            button.classList.toggle('active', active);
+            button.setAttribute('aria-selected', active ? 'true' : 'false');
+            if (active)
+                this.content.setAttribute('aria-labelledby', button.id);
+        }
+        const snapshot = this.snapshot;
+        const selected = this.selected;
+        this.content.replaceChildren();
+        if (!snapshot || !selected) {
+            this.title.textContent = 'Inspector';
+            const empty = document.createElement('p');
+            empty.className = 'zenfg-inspector-muted';
+            empty.textContent = 'Select a pass, group, resource, allocation, root, culled node, or segment.';
+            this.content.appendChild(empty);
+            return;
+        }
+        this.title.textContent = this.selectionTitle(snapshot, selected);
+        if (this.activeTab === 'raw') {
+            const raw = document.createElement('pre');
+            raw.className = 'zenfg-inspector-raw-detail';
+            raw.textContent = JSON.stringify(resolveSelectedDetail(snapshot, selected), null, 2);
+            this.content.appendChild(raw);
+        }
+        else if (this.activeTab === 'relations') {
+            this.content.appendChild(this.createRelations(snapshot, selected));
+        }
+        else {
+            this.content.appendChild(this.createSummary(snapshot, selected));
+        }
+    }
+    selectionTitle(snapshot, selection) {
+        switch (selection.kind) {
+            case 'node': {
+                const node = snapshot.nodeById.get(selection.id);
+                return node ? labelNode(node) : `Pass #${selection.id}`;
+            }
+            case 'group': return snapshot.groupByPathKey.get(selection.pathKey)?.label ?? 'Group';
+            case 'resource': {
+                const resource = snapshot.resourceById.get(selection.id);
+                return resource ? labelResource(resource) : `Resource #${selection.id}`;
+            }
+            case 'allocation': return `Allocation #${selection.id}`;
+            case 'root': return `Retention root #${selection.index}`;
+            case 'culled': return `Culled node #${selection.index}`;
+            case 'segment': return `Segment #${selection.index}`;
+        }
+    }
+    createSummary(snapshot, selection) {
+        switch (selection.kind) {
+            case 'node': {
+                const node = snapshot.nodeById.get(selection.id);
+                if (!node)
+                    return this.summary([]);
+                const segment = snapshot.segmentByNodeId.get(node.id);
+                return this.summary([
+                    ['Kind', node.kind],
+                    ['Order', String(node.order)],
+                    ['Group', groupPath(snapshot, node.debugGroupId)],
+                    ['Segment', segment ? `#${segment.index} ${segment.kind}` : '-'],
+                    ['GPU', node.kind === 'external-submission' ? 'Opaque' : node.gpuDurationMicros === undefined ? 'Not timed' : `${(node.gpuDurationMicros / 1000).toFixed(3)} ms`],
+                    ['Accesses', `${node.reads.length} reads · ${node.writes.length} writes`],
+                    ['Side effect', node.sideEffect ? 'yes' : 'no'],
+                ]);
+            }
+            case 'group': {
+                const group = snapshot.groupByPathKey.get(selection.pathKey);
+                if (!group)
+                    return this.summary([]);
+                return this.summary([
+                    ['Path', group.path.join(' / ')],
+                    ['Retained', String(group.summary.retainedNodeCount)],
+                    ['Culled', String(group.summary.culledNodeCount)],
+                    ['GPU coverage', `${group.summary.timedNodeCount}/${group.summary.timingEligibleNodeCount}`],
+                    ['GPU work', `${(group.summary.gpuWorkDurationMicros / 1000).toFixed(3)} ms`],
+                    ['Allocations', String(group.summary.physicalAllocationCount)],
+                    ['Segments', String(group.summary.executionSegmentCount)],
+                ]);
+            }
+            case 'resource': {
+                const resource = snapshot.resourceById.get(selection.id);
+                if (!resource)
+                    return this.summary([]);
+                return this.summary([
+                    ['Kind / origin', `${resource.kind} · ${resource.origin}`],
+                    ['Group', groupPath(snapshot, resource.debugGroupId)],
+                    ['Descriptor', formatResourceDescriptor(resource)],
+                    ['Estimated', formatEstimatedBytes(resource.estimatedByteSize)],
+                    ['Lifetime', resource.lifetime ? `${resource.lifetime.firstUse}–${resource.lifetime.lastUse}` : '-'],
+                    ['Allocation', resource.physicalResourceId === undefined ? '-' : `#${resource.physicalResourceId}`],
+                    ['Usage', resource.usageFlags.join(', ') || '-'],
+                ]);
+            }
+            case 'allocation': {
+                const allocation = snapshot.allocationById.get(selection.id);
+                if (!allocation)
+                    return this.summary([]);
+                return this.summary([
+                    ['Kind', allocation.kind],
+                    ['Compatibility class', String(allocation.compatibilityClassId)],
+                    ['Estimated', formatEstimatedBytes(allocation.estimatedByteSize)],
+                    ['Logical resources', String(allocation.resourceIds.length)],
+                    ['Alias', allocation.resourceIds.length > 1 ? `yes · ×${allocation.resourceIds.length}` : 'single'],
+                ]);
+            }
+            case 'root': {
+                const root = snapshot.roots[selection.index];
+                return this.summary(root ? [
+                    ['Reason', root.reason],
+                    ['Node', root.nodeId === undefined ? '-' : `#${root.nodeId}`],
+                    ['Resource', root.resource ? labelResource(root.resource) : '-'],
+                ] : []);
+            }
+            case 'culled': {
+                const culled = snapshot.culledNodes[selection.index];
+                return this.summary(culled ? [
+                    ['Node', labelNode(culled.node)],
+                    ['Kind', culled.node.kind],
+                    ['Group', groupPath(snapshot, culled.node.debugGroupId)],
+                    ['Reason', culled.reason],
+                    ['Accesses', `${culled.node.reads.length} reads · ${culled.node.writes.length} writes`],
+                ] : []);
+            }
+            case 'segment': {
+                const segment = snapshot.segmentByIndex.get(selection.index);
+                return this.summary(segment ? [
+                    ['Kind', segment.kind === 'frame-graph' ? 'FrameGraph command segment' : 'Opaque interval'],
+                    ['Nodes', String(segment.nodeIds.length)],
+                    ['Meaning', segment.kind === 'external-submission'
+                            ? 'Boundary around external work; not an actual third-party submission count.'
+                            : 'Contiguous FrameGraph-encoded command work.'],
+                ] : []);
+            }
+        }
+    }
+    createRelations(snapshot, selection) {
+        const host = document.createElement('div');
+        host.className = 'zenfg-inspector-inspector-relations';
+        switch (selection.kind) {
+            case 'node': {
+                const node = snapshot.nodeById.get(selection.id);
+                if (node) {
+                    host.append(this.accessRelations('Reads', node.reads), this.accessRelations('Writes', node.writes));
+                    const segment = snapshot.segmentByNodeId.get(node.id);
+                    if (segment)
+                        host.appendChild(this.relationGroup('Segment', [
+                            [`#${segment.index} ${segment.kind}`, { kind: 'segment', index: segment.index }],
+                        ]));
+                }
+                break;
+            }
+            case 'group': {
+                const group = snapshot.groupByPathKey.get(selection.pathKey);
+                if (group) {
+                    host.append(this.resourceRelations('Inputs', group.summary.inputResources), this.resourceRelations('Outputs', group.summary.outputResources));
+                }
+                break;
+            }
+            case 'resource': {
+                const resource = snapshot.resourceById.get(selection.id);
+                const accesses = snapshot.accessesByResourceId.get(selection.id) ?? [];
+                const passRelations = [];
+                for (const access of accesses) {
+                    const nodeSelection = this.accessNodeSelection(snapshot, access.nodeId);
+                    if (nodeSelection)
+                        passRelations.push([
+                            `${access.mode} · ${this.accessNodeLabel(snapshot, access.nodeId)} · ${access.access}`,
+                            nodeSelection,
+                        ]);
+                }
+                host.appendChild(this.relationGroup('Pass accesses', passRelations));
+                if (resource?.physicalResourceId !== undefined)
+                    host.appendChild(this.relationGroup('Allocation', [
+                        [`#${resource.physicalResourceId}`, { kind: 'allocation', id: resource.physicalResourceId }],
+                    ]));
+                break;
+            }
+            case 'allocation': {
+                const allocation = snapshot.allocationById.get(selection.id);
+                if (allocation)
+                    host.appendChild(this.relationGroup('Logical resources', allocation.resourceIds.map((id) => [
+                        resourceLabel(snapshot, id), { kind: 'resource', id },
+                    ])));
+                break;
+            }
+            case 'root': {
+                const root = snapshot.roots[selection.index];
+                const relations = [];
+                if (root?.nodeId !== undefined && snapshot.nodeById.has(root.nodeId))
+                    relations.push([
+                        this.accessNodeLabel(snapshot, root.nodeId), { kind: 'node', id: root.nodeId },
+                    ]);
+                if (root?.resource)
+                    relations.push([labelResource(root.resource), { kind: 'resource', id: root.resource.id }]);
+                host.appendChild(this.relationGroup('Retained object', relations));
+                break;
+            }
+            case 'culled': {
+                const culled = snapshot.culledNodes[selection.index];
+                if (culled)
+                    host.append(this.accessRelations('Reads', culled.node.reads), this.accessRelations('Writes', culled.node.writes));
+                break;
+            }
+            case 'segment': {
+                const segment = snapshot.segmentByIndex.get(selection.index);
+                if (segment)
+                    host.appendChild(this.relationGroup('Passes', segment.nodeIds.flatMap((id) => {
+                        const node = snapshot.nodeById.get(id);
+                        return node ? [[labelNode(node), { kind: 'node', id }]] : [];
+                    })));
+                break;
+            }
+        }
+        if (host.childElementCount === 0) {
+            const empty = document.createElement('p');
+            empty.className = 'zenfg-inspector-muted';
+            empty.textContent = 'No related objects.';
+            host.appendChild(empty);
+        }
+        return host;
+    }
+    accessRelations(title, accesses) {
+        return this.relationGroup(title, accesses.map((access) => [
+            `${labelResource(access.resource)} · ${access.access}${access.mode === 'write' ? ` · ${access.contents}` : ''}`,
+            { kind: 'resource', id: access.resource.id },
+        ]));
+    }
+    resourceRelations(title, resources) {
+        return this.relationGroup(title, resources.map((resource) => [
+            labelResource(resource), { kind: 'resource', id: resource.id },
+        ]));
+    }
+    relationGroup(title, relations) {
+        const section = document.createElement('section');
+        const heading = document.createElement('h3');
+        heading.textContent = `${title} ${relations.length}`;
+        section.appendChild(heading);
+        for (const [label, selection] of relations) {
+            section.appendChild(createRelationButton(label, selection, this.callbacks.onSelect));
+        }
+        if (relations.length === 0) {
+            const empty = document.createElement('span');
+            empty.className = 'zenfg-inspector-muted';
+            empty.textContent = 'None';
+            section.appendChild(empty);
+        }
+        return section;
+    }
+    summary(rows) {
+        const summary = document.createElement('dl');
+        summary.className = 'zenfg-inspector-inspector-summary';
+        for (const [label, value] of rows) {
+            const term = document.createElement('dt');
+            term.textContent = label;
+            const description = document.createElement('dd');
+            description.textContent = value;
+            description.title = value;
+            summary.append(term, description);
+        }
+        return summary;
+    }
+    accessNodeLabel(snapshot, nodeId) {
+        const node = snapshot.nodeById.get(nodeId);
+        if (node)
+            return labelNode(node);
+        const culled = snapshot.culledNodes.find((candidate) => candidate.node.id === nodeId);
+        return culled ? `${labelNode(culled.node)} (culled)` : `node-${nodeId}`;
+    }
+    accessNodeSelection(snapshot, nodeId) {
+        if (snapshot.nodeById.has(nodeId))
+            return { kind: 'node', id: nodeId };
+        const index = snapshot.culledNodes.findIndex((candidate) => candidate.node.id === nodeId);
+        return index < 0 ? undefined : { kind: 'culled', index };
+    }
+}
+//# sourceMappingURL=panelInspectorView.js.map

package/dist/panelInspectorView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelInspectorView.js","sourceRoot":"","sources":["../src/panelInspectorView.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n\tFrameGraphDebugAccess,\n\tFrameGraphDebugResourceRef,\n\tFrameGraphDebugViewModel,\n} from './debugCaptureModel.ts';\nimport { labelNode, labelResource } from './panelDomHelpers.ts';\nimport { createPanelIcon } from './panelIcons.ts';\nimport { resolveSelectedDetail } from './panelSelection.ts';\nimport type { InspectorTab, Selection } from './panelTypes.ts';\nimport {\n\tcreateRelationButton,\n\tformatEstimatedBytes,\n\tformatResourceDescriptor,\n\tgroupPath,\n\tresourceLabel,\n\ttype WorkbenchCallbacks,\n} from './panelWorkbenchHelpers.ts';\n\nexport class InspectorView {\n\treadonly root = document.createElement('aside');\n\tprivate readonly title = document.createElement('strong');\n\tprivate readonly tabList = document.createElement('div');\n\tprivate readonly content = document.createElement('div');\n\tprivate readonly tabs = new Map<InspectorTab, HTMLButtonElement>();\n\tprivate snapshot: FrameGraphDebugViewModel | undefined;\n\tprivate selected: Selection | undefined;\n\tprivate activeTab: InspectorTab = 'summary';\n\tprivate open = true;\n\n\tconstructor(\n\t\tprivate readonly callbacks: WorkbenchCallbacks,\n\t\tprivate readonly onOpenChange: (open: boolean) => void,\n\t\tidPrefix: string,\n\t) {\n\t\tthis.root.className = 'zenfg-inspector-inspector';\n\t\tthis.root.setAttribute('aria-label', 'Selection inspector');\n\t\tconst header = document.createElement('header');\n\t\tthis.title.textContent = 'Inspector';\n\t\tconst close = document.createElement('button');\n\t\tclose.type = 'button';\n\t\tclose.className = 'zenfg-inspector-inspector-close';\n\t\tclose.appendChild(createPanelIcon('close'));\r\n\t\tclose.title = 'Close inspector';\n\t\tclose.setAttribute('aria-label', 'Close inspector');\n\t\tclose.addEventListener('click', () => this.setOpen(false));\n\t\theader.append(this.title, close);\n\n\t\tthis.tabList.className = 'zenfg-inspector-inspector-tabs';\n\t\tthis.tabList.setAttribute('role', 'tablist');\n\t\tthis.tabList.setAttribute('aria-label', 'Inspector views');\n\t\tfor (const [tab, label] of [['summary', 'Summary'], ['relations', 'Relations'], ['raw', 'Raw']] as const) {\n\t\t\tconst button = document.createElement('button');\n\t\t\tbutton.type = 'button';\n\t\t\tbutton.id = `${idPrefix}-inspector-${tab}-tab`;\n\t\t\tbutton.textContent = label;\n\t\t\tbutton.setAttribute('role', 'tab');\n\t\t\tbutton.setAttribute('aria-controls', `${idPrefix}-inspector-panel`);\n\t\t\tbutton.addEventListener('click', () => {\n\t\t\t\tthis.activeTab = tab;\n\t\t\t\tthis.render();\n\t\t\t});\n\t\t\tthis.tabs.set(tab, button);\n\t\t\tthis.tabList.appendChild(button);\n\t\t}\n\t\tthis.content.id = `${idPrefix}-inspector-panel`;\n\t\tthis.content.className = 'zenfg-inspector-inspector-content';\n\t\tthis.content.setAttribute('role', 'tabpanel');\n\t\tthis.root.append(header, this.tabList, this.content);\n\t\tthis.updateOpenState();\n\t\tthis.render();\n\t}\n\n\tsetSnapshot(snapshot: FrameGraphDebugViewModel): void {\n\t\tthis.snapshot = snapshot;\n\t\tthis.render();\n\t}\n\n\tsetSelection(selected: Selection | undefined, reveal = true): void {\n\t\tthis.selected = selected;\n\t\tif (selected && reveal) this.setOpen(true);\n\t\tthis.render();\n\t}\n\n\tsetOpen(open: boolean): void {\n\t\tif (this.open === open) return;\n\t\tthis.open = open;\n\t\tthis.updateOpenState();\n\t\tthis.onOpenChange(open);\n\t}\n\n\tget isOpen(): boolean {\n\t\treturn this.open;\n\t}\n\n\tprivate updateOpenState(): void {\n\t\tthis.root.hidden = !this.open;\n\t\tthis.root.classList.toggle('open', this.open);\n\t}\n\n\tprivate render(): void {\n\t\tfor (const [tab, button] of this.tabs) {\n\t\t\tconst active = tab === this.activeTab;\n\t\t\tbutton.classList.toggle('active', active);\n\t\t\tbutton.setAttribute('aria-selected', active ? 'true' : 'false');\n\t\t\tif (active) this.content.setAttribute('aria-labelledby', button.id);\n\t\t}\n\t\tconst snapshot = this.snapshot;\n\t\tconst selected = this.selected;\n\t\tthis.content.replaceChildren();\n\t\tif (!snapshot || !selected) {\n\t\t\tthis.title.textContent = 'Inspector';\n\t\t\tconst empty = document.createElement('p');\n\t\t\tempty.className = 'zenfg-inspector-muted';\n\t\t\tempty.textContent = 'Select a pass, group, resource, allocation, root, culled node, or segment.';\n\t\t\tthis.content.appendChild(empty);\n\t\t\treturn;\n\t\t}\n\t\tthis.title.textContent = this.selectionTitle(snapshot, selected);\n\t\tif (this.activeTab === 'raw') {\n\t\t\tconst raw = document.createElement('pre');\n\t\t\traw.className = 'zenfg-inspector-raw-detail';\n\t\t\traw.textContent = JSON.stringify(resolveSelectedDetail(snapshot, selected), null, 2);\n\t\t\tthis.content.appendChild(raw);\n\t\t} else if (this.activeTab === 'relations') {\n\t\t\tthis.content.appendChild(this.createRelations(snapshot, selected));\n\t\t} else {\n\t\t\tthis.content.appendChild(this.createSummary(snapshot, selected));\n\t\t}\n\t}\n\n\tprivate selectionTitle(snapshot: FrameGraphDebugViewModel, selection: Selection): string {\n\t\tswitch (selection.kind) {\n\t\t\tcase 'node': {\n\t\t\t\tconst node = snapshot.nodeById.get(selection.id);\n\t\t\t\treturn node ? labelNode(node) : `Pass #${selection.id}`;\n\t\t\t}\n\t\t\tcase 'group': return snapshot.groupByPathKey.get(selection.pathKey)?.label ?? 'Group';\n\t\t\tcase 'resource': {\n\t\t\t\tconst resource = snapshot.resourceById.get(selection.id);\n\t\t\t\treturn resource ? labelResource(resource) : `Resource #${selection.id}`;\n\t\t\t}\n\t\t\tcase 'allocation': return `Allocation #${selection.id}`;\n\t\t\tcase 'root': return `Retention root #${selection.index}`;\n\t\t\tcase 'culled': return `Culled node #${selection.index}`;\n\t\t\tcase 'segment': return `Segment #${selection.index}`;\n\t\t}\n\t}\n\n\tprivate createSummary(snapshot: FrameGraphDebugViewModel, selection: Selection): HTMLElement {\n\t\tswitch (selection.kind) {\n\t\t\tcase 'node': {\n\t\t\t\tconst node = snapshot.nodeById.get(selection.id);\n\t\t\t\tif (!node) return this.summary([]);\n\t\t\t\tconst segment = snapshot.segmentByNodeId.get(node.id);\n\t\t\t\treturn this.summary([\n\t\t\t\t\t['Kind', node.kind],\n\t\t\t\t\t['Order', String(node.order)],\n\t\t\t\t\t['Group', groupPath(snapshot, node.debugGroupId)],\n\t\t\t\t\t['Segment', segment ? `#${segment.index} ${segment.kind}` : '-'],\n\t\t\t\t\t['GPU', node.kind === 'external-submission' ? 'Opaque' : node.gpuDurationMicros === undefined ? 'Not timed' : `${(node.gpuDurationMicros / 1000).toFixed(3)} ms`],\n\t\t\t\t\t['Accesses', `${node.reads.length} reads · ${node.writes.length} writes`],\n\t\t\t\t\t['Side effect', node.sideEffect ? 'yes' : 'no'],\n\t\t\t\t]);\n\t\t\t}\n\t\t\tcase 'group': {\n\t\t\t\tconst group = snapshot.groupByPathKey.get(selection.pathKey);\n\t\t\t\tif (!group) return this.summary([]);\n\t\t\t\treturn this.summary([\n\t\t\t\t\t['Path', group.path.join(' / ')],\n\t\t\t\t\t['Retained', String(group.summary.retainedNodeCount)],\n\t\t\t\t\t['Culled', String(group.summary.culledNodeCount)],\n\t\t\t\t\t['GPU coverage', `${group.summary.timedNodeCount}/${group.summary.timingEligibleNodeCount}`],\n\t\t\t\t\t['GPU work', `${(group.summary.gpuWorkDurationMicros / 1000).toFixed(3)} ms`],\n\t\t\t\t\t['Allocations', String(group.summary.physicalAllocationCount)],\n\t\t\t\t\t['Segments', String(group.summary.executionSegmentCount)],\n\t\t\t\t]);\n\t\t\t}\n\t\t\tcase 'resource': {\n\t\t\t\tconst resource = snapshot.resourceById.get(selection.id);\n\t\t\t\tif (!resource) return this.summary([]);\n\t\t\t\treturn this.summary([\n\t\t\t\t\t['Kind / origin', `${resource.kind} · ${resource.origin}`],\n\t\t\t\t\t['Group', groupPath(snapshot, resource.debugGroupId)],\n\t\t\t\t\t['Descriptor', formatResourceDescriptor(resource)],\n\t\t\t\t\t['Estimated', formatEstimatedBytes(resource.estimatedByteSize)],\n\t\t\t\t\t['Lifetime', resource.lifetime ? `${resource.lifetime.firstUse}–${resource.lifetime.lastUse}` : '-'],\n\t\t\t\t\t['Allocation', resource.physicalResourceId === undefined ? '-' : `#${resource.physicalResourceId}`],\n\t\t\t\t\t['Usage', resource.usageFlags.join(', ') || '-'],\n\t\t\t\t]);\n\t\t\t}\n\t\t\tcase 'allocation': {\n\t\t\t\tconst allocation = snapshot.allocationById.get(selection.id);\n\t\t\t\tif (!allocation) return this.summary([]);\n\t\t\t\treturn this.summary([\n\t\t\t\t\t['Kind', allocation.kind],\n\t\t\t\t\t['Compatibility class', String(allocation.compatibilityClassId)],\n\t\t\t\t\t['Estimated', formatEstimatedBytes(allocation.estimatedByteSize)],\n\t\t\t\t\t['Logical resources', String(allocation.resourceIds.length)],\n\t\t\t\t\t['Alias', allocation.resourceIds.length > 1 ? `yes · ×${allocation.resourceIds.length}` : 'single'],\n\t\t\t\t]);\n\t\t\t}\n\t\t\tcase 'root': {\n\t\t\t\tconst root = snapshot.roots[selection.index];\n\t\t\t\treturn this.summary(root ? [\n\t\t\t\t\t['Reason', root.reason],\n\t\t\t\t\t['Node', root.nodeId === undefined ? '-' : `#${root.nodeId}`],\n\t\t\t\t\t['Resource', root.resource ? labelResource(root.resource) : '-'],\n\t\t\t\t] : []);\n\t\t\t}\n\t\t\tcase 'culled': {\n\t\t\t\tconst culled = snapshot.culledNodes[selection.index];\n\t\t\t\treturn this.summary(culled ? [\n\t\t\t\t\t['Node', labelNode(culled.node)],\n\t\t\t\t\t['Kind', culled.node.kind],\n\t\t\t\t\t['Group', groupPath(snapshot, culled.node.debugGroupId)],\n\t\t\t\t\t['Reason', culled.reason],\n\t\t\t\t\t['Accesses', `${culled.node.reads.length} reads · ${culled.node.writes.length} writes`],\n\t\t\t\t] : []);\n\t\t\t}\n\t\t\tcase 'segment': {\n\t\t\t\tconst segment = snapshot.segmentByIndex.get(selection.index);\n\t\t\t\treturn this.summary(segment ? [\n\t\t\t\t\t['Kind', segment.kind === 'frame-graph' ? 'FrameGraph command segment' : 'Opaque interval'],\n\t\t\t\t\t['Nodes', String(segment.nodeIds.length)],\n\t\t\t\t\t['Meaning', segment.kind === 'external-submission'\n\t\t\t\t\t\t? 'Boundary around external work; not an actual third-party submission count.'\n\t\t\t\t\t\t: 'Contiguous FrameGraph-encoded command work.'],\n\t\t\t\t] : []);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate createRelations(snapshot: FrameGraphDebugViewModel, selection: Selection): HTMLElement {\n\t\tconst host = document.createElement('div');\n\t\thost.className = 'zenfg-inspector-inspector-relations';\n\t\tswitch (selection.kind) {\n\t\t\tcase 'node': {\n\t\t\t\tconst node = snapshot.nodeById.get(selection.id);\n\t\t\t\tif (node) {\n\t\t\t\t\thost.append(\n\t\t\t\t\t\tthis.accessRelations('Reads', node.reads),\n\t\t\t\t\t\tthis.accessRelations('Writes', node.writes),\n\t\t\t\t\t);\n\t\t\t\t\tconst segment = snapshot.segmentByNodeId.get(node.id);\n\t\t\t\t\tif (segment) host.appendChild(this.relationGroup('Segment', [\n\t\t\t\t\t\t[`#${segment.index} ${segment.kind}`, { kind: 'segment', index: segment.index }],\n\t\t\t\t\t]));\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'group': {\n\t\t\t\tconst group = snapshot.groupByPathKey.get(selection.pathKey);\n\t\t\t\tif (group) {\n\t\t\t\t\thost.append(\n\t\t\t\t\t\tthis.resourceRelations('Inputs', group.summary.inputResources),\n\t\t\t\t\t\tthis.resourceRelations('Outputs', group.summary.outputResources),\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'resource': {\n\t\t\t\tconst resource = snapshot.resourceById.get(selection.id);\n\t\t\t\tconst accesses = snapshot.accessesByResourceId.get(selection.id) ?? [];\n\t\t\t\tconst passRelations: Array<readonly [string, Selection]> = [];\n\t\t\t\tfor (const access of accesses) {\n\t\t\t\t\tconst nodeSelection = this.accessNodeSelection(snapshot, access.nodeId);\n\t\t\t\t\tif (nodeSelection) passRelations.push([\n\t\t\t\t\t\t`${access.mode} · ${this.accessNodeLabel(snapshot, access.nodeId)} · ${access.access}`,\n\t\t\t\t\t\tnodeSelection,\n\t\t\t\t\t]);\n\t\t\t\t}\n\t\t\t\thost.appendChild(this.relationGroup('Pass accesses', passRelations));\n\t\t\t\tif (resource?.physicalResourceId !== undefined) host.appendChild(this.relationGroup('Allocation', [\n\t\t\t\t\t[`#${resource.physicalResourceId}`, { kind: 'allocation', id: resource.physicalResourceId }],\n\t\t\t\t]));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'allocation': {\n\t\t\t\tconst allocation = snapshot.allocationById.get(selection.id);\n\t\t\t\tif (allocation) host.appendChild(this.relationGroup('Logical resources', allocation.resourceIds.map((id) => [\n\t\t\t\t\tresourceLabel(snapshot, id), { kind: 'resource', id },\n\t\t\t\t])));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'root': {\n\t\t\t\tconst root = snapshot.roots[selection.index];\n\t\t\t\tconst relations: Array<readonly [string, Selection]> = [];\n\t\t\t\tif (root?.nodeId !== undefined && snapshot.nodeById.has(root.nodeId)) relations.push([\n\t\t\t\t\tthis.accessNodeLabel(snapshot, root.nodeId), { kind: 'node', id: root.nodeId },\n\t\t\t\t]);\n\t\t\t\tif (root?.resource) relations.push([labelResource(root.resource), { kind: 'resource', id: root.resource.id }]);\n\t\t\t\thost.appendChild(this.relationGroup('Retained object', relations));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'culled': {\n\t\t\t\tconst culled = snapshot.culledNodes[selection.index];\n\t\t\t\tif (culled) host.append(\n\t\t\t\t\tthis.accessRelations('Reads', culled.node.reads),\n\t\t\t\t\tthis.accessRelations('Writes', culled.node.writes),\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'segment': {\n\t\t\t\tconst segment = snapshot.segmentByIndex.get(selection.index);\n\t\t\t\tif (segment) host.appendChild(this.relationGroup('Passes', segment.nodeIds.flatMap((id) => {\n\t\t\t\t\tconst node = snapshot.nodeById.get(id);\n\t\t\t\t\treturn node ? [[labelNode(node), { kind: 'node', id }] as const] : [];\n\t\t\t\t})));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t\tif (host.childElementCount === 0) {\n\t\t\tconst empty = document.createElement('p');\n\t\t\tempty.className = 'zenfg-inspector-muted';\n\t\t\tempty.textContent = 'No related objects.';\n\t\t\thost.appendChild(empty);\n\t\t}\n\t\treturn host;\n\t}\n\n\tprivate accessRelations(title: string, accesses: readonly FrameGraphDebugAccess[]): HTMLElement {\n\t\treturn this.relationGroup(title, accesses.map((access) => [\n\t\t\t`${labelResource(access.resource)} · ${access.access}${access.mode === 'write' ? ` · ${access.contents}` : ''}`,\n\t\t\t{ kind: 'resource', id: access.resource.id },\n\t\t]));\n\t}\n\n\tprivate resourceRelations(title: string, resources: readonly FrameGraphDebugResourceRef[]): HTMLElement {\n\t\treturn this.relationGroup(title, resources.map((resource) => [\n\t\t\tlabelResource(resource), { kind: 'resource', id: resource.id },\n\t\t]));\n\t}\n\n\tprivate relationGroup(title: string, relations: readonly (readonly [string, Selection])[]): HTMLElement {\n\t\tconst section = document.createElement('section');\n\t\tconst heading = document.createElement('h3');\n\t\theading.textContent = `${title} ${relations.length}`;\n\t\tsection.appendChild(heading);\n\t\tfor (const [label, selection] of relations) {\n\t\t\tsection.appendChild(createRelationButton(label, selection, this.callbacks.onSelect));\n\t\t}\n\t\tif (relations.length === 0) {\n\t\t\tconst empty = document.createElement('span');\n\t\t\tempty.className = 'zenfg-inspector-muted';\n\t\t\tempty.textContent = 'None';\n\t\t\tsection.appendChild(empty);\n\t\t}\n\t\treturn section;\n\t}\n\n\tprivate summary(rows: readonly (readonly [string, string])[]): HTMLElement {\n\t\tconst summary = document.createElement('dl');\n\t\tsummary.className = 'zenfg-inspector-inspector-summary';\n\t\tfor (const [label, value] of rows) {\n\t\t\tconst term = document.createElement('dt');\n\t\t\tterm.textContent = label;\n\t\t\tconst description = document.createElement('dd');\n\t\t\tdescription.textContent = value;\n\t\t\tdescription.title = value;\n\t\t\tsummary.append(term, description);\n\t\t}\n\t\treturn summary;\n\t}\n\n\tprivate accessNodeLabel(snapshot: FrameGraphDebugViewModel, nodeId: string): string {\n\t\tconst node = snapshot.nodeById.get(nodeId);\n\t\tif (node) return labelNode(node);\n\t\tconst culled = snapshot.culledNodes.find((candidate) => candidate.node.id === nodeId);\n\t\treturn culled ? `${labelNode(culled.node)} (culled)` : `node-${nodeId}`;\n\t}\n\n\tprivate accessNodeSelection(snapshot: FrameGraphDebugViewModel, nodeId: string): Selection | undefined {\n\t\tif (snapshot.nodeById.has(nodeId)) return { kind: 'node', id: nodeId };\n\t\tconst index = snapshot.culledNodes.findIndex((candidate) => candidate.node.id === nodeId);\n\t\treturn index < 0 ? undefined : { kind: 'culled', index };\n\t}\n}\n"]}

package/dist/panelMemoryView.d.ts

@@ -0,0 +1,21 @@
+import type { FrameGraphDebugViewModel } from './debugCaptureModel.ts';
+import type { Selection } from './panelTypes.ts';
+import { type WorkbenchCallbacks } from './panelWorkbenchHelpers.ts';
+export declare class MemoryView {
+    private readonly callbacks;
+    readonly root: HTMLElement;
+    private readonly metrics;
+    private readonly scroller;
+    private readonly timeline;
+    private readonly rows;
+    private snapshot;
+    private selected;
+    constructor(callbacks: WorkbenchCallbacks, idPrefix: string);
+    setSnapshot(snapshot: FrameGraphDebugViewModel): void;
+    setSelection(selected: Selection | undefined): void;
+    private render;
+    private createMetric;
+    private createAxis;
+    private createResourceRow;
+}
+//# sourceMappingURL=panelMemoryView.d.ts.map

package/dist/panelMemoryView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelMemoryView.d.ts","sourceRoot":"","sources":["../src/panelMemoryView.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA2B,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAGhG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAIN,KAAK,kBAAkB,EAEvB,MAAM,4BAA4B,CAAC;AAEpC,qBAAa,UAAU;IASV,OAAO,CAAC,QAAQ,CAAC,SAAS;IARtC,QAAQ,CAAC,IAAI,cAAqC;IAClD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAiC;IACzD,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAiC;IAC1D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAiC;IAC1D,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAoC;IACzD,OAAO,CAAC,QAAQ,CAAuC;IACvD,OAAO,CAAC,QAAQ,CAAwB;gBAEX,SAAS,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM;IAW5E,WAAW,CAAC,QAAQ,EAAE,wBAAwB,GAAG,IAAI;IAKrD,YAAY,CAAC,QAAQ,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI;IAKnD,OAAO,CAAC,MAAM;IAkDd,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,UAAU;IAyBlB,OAAO,CAAC,iBAAiB;CA0BzB"}