@zenfg/inspector 0.1.0-beta.3 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/GUIDE.md +182 -0
- package/README.md +61 -89
- package/THEMING.md +124 -0
- package/dist/FrameGraphInspector.d.ts +23 -4
- package/dist/FrameGraphInspector.d.ts.map +1 -1
- package/dist/FrameGraphInspector.js +137 -29
- package/dist/FrameGraphInspector.js.map +1 -1
- package/dist/capture.d.ts +5 -0
- package/dist/capture.d.ts.map +1 -0
- package/dist/capture.js +2 -0
- package/dist/capture.js.map +1 -0
- package/dist/debugCaptureModel.d.ts +19 -0
- package/dist/debugCaptureModel.d.ts.map +1 -1
- package/dist/debugCaptureModel.js +36 -2
- package/dist/debugCaptureModel.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/panelAliasAnalysis.d.ts +1 -0
- package/dist/panelAliasAnalysis.d.ts.map +1 -1
- package/dist/panelAliasAnalysis.js +23 -54
- package/dist/panelAliasAnalysis.js.map +1 -1
- package/dist/panelCytoscapeGraphRenderer.d.ts +15 -2
- package/dist/panelCytoscapeGraphRenderer.d.ts.map +1 -1
- package/dist/panelCytoscapeGraphRenderer.js +145 -23
- package/dist/panelCytoscapeGraphRenderer.js.map +1 -1
- package/dist/panelDetailLayout.d.ts +27 -0
- package/dist/panelDetailLayout.d.ts.map +1 -0
- package/dist/panelDetailLayout.js +174 -0
- package/dist/panelDetailLayout.js.map +1 -0
- package/dist/panelDetailStyles.d.ts +2 -0
- package/dist/panelDetailStyles.d.ts.map +1 -0
- package/dist/panelDetailStyles.js +57 -0
- package/dist/panelDetailStyles.js.map +1 -0
- package/dist/panelDiagnosticsView.d.ts +10 -1
- package/dist/panelDiagnosticsView.d.ts.map +1 -1
- package/dist/panelDiagnosticsView.js +166 -57
- package/dist/panelDiagnosticsView.js.map +1 -1
- package/dist/panelDomHelpers.d.ts.map +1 -1
- package/dist/panelDomHelpers.js +6 -5
- package/dist/panelDomHelpers.js.map +1 -1
- package/dist/panelGraphLayout.d.ts +3 -2
- package/dist/panelGraphLayout.d.ts.map +1 -1
- package/dist/panelGraphLayout.js +6 -5
- package/dist/panelGraphLayout.js.map +1 -1
- package/dist/panelGraphRenderer.d.ts +10 -0
- package/dist/panelGraphRenderer.d.ts.map +1 -1
- package/dist/panelGraphRenderer.js.map +1 -1
- package/dist/panelGraphScene.d.ts +1 -0
- package/dist/panelGraphScene.d.ts.map +1 -1
- package/dist/panelGraphScene.js +69 -32
- package/dist/panelGraphScene.js.map +1 -1
- package/dist/panelGraphSearch.d.ts +16 -0
- package/dist/panelGraphSearch.d.ts.map +1 -0
- package/dist/panelGraphSearch.js +93 -0
- package/dist/panelGraphSearch.js.map +1 -0
- package/dist/panelGraphView.d.ts +82 -0
- package/dist/panelGraphView.d.ts.map +1 -1
- package/dist/panelGraphView.js +15 -4
- package/dist/panelGraphView.js.map +1 -1
- package/dist/panelGraphVisuals.d.ts +14 -6
- package/dist/panelGraphVisuals.d.ts.map +1 -1
- package/dist/panelGraphVisuals.js +126 -51
- package/dist/panelGraphVisuals.js.map +1 -1
- package/dist/panelInspectorView.d.ts +8 -0
- package/dist/panelInspectorView.d.ts.map +1 -1
- package/dist/panelInspectorView.js +242 -48
- package/dist/panelInspectorView.js.map +1 -1
- package/dist/panelListStyles.d.ts +3 -0
- package/dist/panelListStyles.d.ts.map +1 -0
- package/dist/panelListStyles.js +155 -0
- package/dist/panelListStyles.js.map +1 -0
- package/dist/panelMemoryStyles.d.ts +3 -0
- package/dist/panelMemoryStyles.d.ts.map +1 -0
- package/dist/panelMemoryStyles.js +42 -0
- package/dist/panelMemoryStyles.js.map +1 -0
- package/dist/panelMemoryView.d.ts +13 -1
- package/dist/panelMemoryView.d.ts.map +1 -1
- package/dist/panelMemoryView.js +161 -41
- package/dist/panelMemoryView.js.map +1 -1
- package/dist/panelPassesView.d.ts +15 -0
- package/dist/panelPassesView.d.ts.map +1 -1
- package/dist/panelPassesView.js +202 -72
- package/dist/panelPassesView.js.map +1 -1
- package/dist/panelRawView.d.ts +15 -0
- package/dist/panelRawView.d.ts.map +1 -0
- package/dist/panelRawView.js +105 -0
- package/dist/panelRawView.js.map +1 -0
- package/dist/panelResourcesView.d.ts +8 -0
- package/dist/panelResourcesView.d.ts.map +1 -1
- package/dist/panelResourcesView.js +62 -31
- package/dist/panelResourcesView.js.map +1 -1
- package/dist/panelSelection.d.ts +9 -1
- package/dist/panelSelection.d.ts.map +1 -1
- package/dist/panelSelection.js +34 -4
- package/dist/panelSelection.js.map +1 -1
- package/dist/panelTheme.d.ts +13 -0
- package/dist/panelTheme.d.ts.map +1 -0
- package/dist/panelTheme.js +104 -0
- package/dist/panelTheme.js.map +1 -0
- package/dist/panelTypes.d.ts +10 -1
- package/dist/panelTypes.d.ts.map +1 -1
- package/dist/panelTypes.js.map +1 -1
- package/dist/panelVisualTheme.d.ts +147 -50
- package/dist/panelVisualTheme.d.ts.map +1 -1
- package/dist/panelVisualTheme.js +34 -44
- package/dist/panelVisualTheme.js.map +1 -1
- package/dist/panelWorkbenchHelpers.d.ts +12 -1
- package/dist/panelWorkbenchHelpers.d.ts.map +1 -1
- package/dist/panelWorkbenchHelpers.js +62 -1
- package/dist/panelWorkbenchHelpers.js.map +1 -1
- package/dist/panelWorkbenchStyles.d.ts +2 -0
- package/dist/panelWorkbenchStyles.d.ts.map +1 -0
- package/dist/panelWorkbenchStyles.js +101 -0
- package/dist/panelWorkbenchStyles.js.map +1 -0
- package/dist/panelWorkbenchView.d.ts +16 -0
- package/dist/panelWorkbenchView.d.ts.map +1 -1
- package/dist/panelWorkbenchView.js +228 -50
- package/dist/panelWorkbenchView.js.map +1 -1
- package/dist/query.js.map +1 -1
- package/dist/styles.d.ts.map +1 -1
- package/dist/styles.js +147 -195
- package/dist/styles.js.map +1 -1
- package/dist/theme.d.ts +22 -0
- package/dist/theme.d.ts.map +1 -0
- package/dist/theme.js +10 -0
- package/dist/theme.js.map +1 -0
- package/dist/themeDefinitions.d.ts +251 -0
- package/dist/themeDefinitions.d.ts.map +1 -0
- package/dist/themeDefinitions.js +96 -0
- package/dist/themeDefinitions.js.map +1 -0
- package/dist/themePalette.d.ts +66 -0
- package/dist/themePalette.d.ts.map +1 -0
- package/dist/themePalette.js +37 -0
- package/dist/themePalette.js.map +1 -0
- package/dist/themes.css +165 -0
- package/package.json +44 -10
- package/src/FrameGraphInspector.ts +130 -31
- package/src/capture.ts +4 -0
- package/src/debugCaptureModel.ts +53 -2
- package/src/index.ts +6 -2
- package/src/panelAliasAnalysis.ts +24 -70
- package/src/panelCytoscapeGraphRenderer.ts +140 -23
- package/src/panelDetailLayout.ts +155 -0
- package/src/panelDetailStyles.ts +56 -0
- package/src/panelDiagnosticsView.ts +166 -85
- package/src/panelDomHelpers.ts +4 -5
- package/src/panelGraphLayout.ts +6 -5
- package/src/panelGraphRenderer.ts +7 -0
- package/src/panelGraphScene.ts +68 -30
- package/src/panelGraphSearch.ts +96 -0
- package/src/panelGraphView.ts +14 -4
- package/src/panelGraphVisuals.ts +122 -52
- package/src/panelInspectorView.ts +227 -48
- package/src/panelListStyles.ts +154 -0
- package/src/panelMemoryStyles.ts +41 -0
- package/src/panelMemoryView.ts +178 -53
- package/src/panelPassesView.ts +190 -137
- package/src/panelRawView.ts +99 -0
- package/src/panelResourcesView.ts +69 -56
- package/src/panelSelection.ts +37 -5
- package/src/panelTheme.ts +85 -0
- package/src/panelTypes.ts +7 -1
- package/src/panelVisualTheme.ts +38 -49
- package/src/panelWorkbenchHelpers.ts +60 -2
- package/src/panelWorkbenchStyles.ts +100 -0
- package/src/panelWorkbenchView.ts +201 -52
- package/src/query.ts +11 -11
- package/src/styles.ts +148 -195
- package/src/theme.ts +24 -0
- package/src/themeDefinitions.ts +103 -0
- package/src/themePalette.ts +44 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"panelWorkbenchHelpers.js","sourceRoot":"","sources":["../src/panelWorkbenchHelpers.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n\tFrameGraphDebugResource,\n\tFrameGraphDebugViewModel,\n} from './debugCaptureModel.ts';\nimport { createCell, formatBytes, labelResource } from './panelDomHelpers.ts';\nimport type { Selection } from './panelTypes.ts';\n\nexport type WorkbenchCallbacks = {\n\treadonly onSelect: (selection: Selection) => void;\n\treadonly onHover: (selection: Selection | undefined) => void;\n\treadonly onGroupToggle: (pathKey: string) => void;\n\treadonly isGroupExpanded: (pathKey: string) => boolean;\n};\nexport type WorkbenchTableColumn = {\n\treadonly label: string;\n\treadonly column?: 'code' | 'kind' | 'numeric';\n};\n\n\nexport function selectionKey(selection: Selection): string {\n\tswitch (selection.kind) {\n\t\tcase 'node': return `node:${selection.id}`;\n\t\tcase 'group': return `group:${selection.pathKey}`;\n\t\tcase 'resource': return `resource:${selection.id}`;\n\t\tcase 'root': return `root:${selection.key}`;\n\t\tcase 'culled': return `culled:${selection.index}`;\n\t\tcase 'allocation': return `allocation:${selection.id}`;\n\t\tcase 'segment': return `segment:${selection.index}`;\n\t}\n}\n\nexport function sameSelection(a: Selection | undefined, b: Selection | undefined): boolean {\n\treturn a === undefined || b === undefined ? a === b : selectionKey(a) === selectionKey(b);\n}\n\nexport function updateSelectedRows(rows: ReadonlyMap<string, readonly HTMLElement[]>, selected: Selection | undefined): void {\n\tconst key = selected ? selectionKey(selected) : undefined;\n\tfor (const [rowKey, elements] of rows) {\n\t\tfor (const element of elements) {\n\t\t\tconst active = rowKey === key;\n\t\t\telement.classList.toggle('selected', active);\n\t\t\tif (element.getAttribute('role') === 'option') {\n\t\t\t\telement.setAttribute('aria-selected', active ? 'true' : 'false');\n\t\t\t}\n\t\t}\n\t}\n}\n\nexport function registerSelectable(\n\trows: Map<string, HTMLElement[]>,\n\telement: HTMLElement,\n\tselection: Selection,\n\tcallbacks: WorkbenchCallbacks,\n): void {\n\tconst key = selectionKey(selection);\n\tconst elements = rows.get(key) ?? [];\n\telements.push(element);\n\trows.set(key, elements);\n\telement.dataset.selectionKey = key;\n\telement.addEventListener('mouseenter', () => callbacks.onHover(selection));\n\telement.addEventListener('mouseleave', () => callbacks.onHover(undefined));\n}\n\nexport function createViewToolbar(label: string): HTMLDivElement {\n\tconst toolbar = document.createElement('div');\n\ttoolbar.className = 'zenfg-inspector-view-toolbar';\n\ttoolbar.setAttribute('role', 'toolbar');\n\ttoolbar.setAttribute('aria-label', label);\n\treturn toolbar;\n}\n\nexport function createSearchInput(\n\tplaceholder: string,\n\tvalue: string,\n\tonInput: (value: string) => void,\n): HTMLInputElement {\n\tconst input = document.createElement('input');\n\tinput.type = 'search';\n\tinput.placeholder = placeholder;\n\tinput.value = value;\n\tinput.setAttribute('aria-label', placeholder);\n\tinput.addEventListener('input', () => onInput(input.value));\n\treturn input;\n}\n\nexport function createFilterSelect(\n\tlabel: string,\n\tvalue: string,\n\toptions: readonly (readonly [value: string, label: string])[],\n\tonChange: (value: string) => void,\n): HTMLSelectElement {\n\tconst select = document.createElement('select');\n\tselect.setAttribute('aria-label', label);\n\tfor (const [optionValue, optionLabel] of options) {\n\t\tconst option = document.createElement('option');\n\t\toption.value = optionValue;\n\t\toption.textContent = optionLabel;\n\t\tselect.appendChild(option);\n\t}\n\tselect.value = value;\n\tselect.addEventListener('change', () => onChange(select.value));\n\treturn select;\n}\n\nexport function createTableScroller(headers: readonly WorkbenchTableColumn[]): {\n\treadonly scroller: HTMLDivElement;\n\treadonly table: HTMLTableElement;\n\treadonly body: HTMLTableSectionElement;\n} {\n\tconst scroller = document.createElement('div');\n\tscroller.className = 'zenfg-inspector-table-scroller';\n\tconst table = document.createElement('table');\n\ttable.className = 'zenfg-inspector-workbench-table';\n\tconst head = document.createElement('thead');\n\tconst row = document.createElement('tr');\n\tfor (const header of headers) {\n\t\tconst cell = document.createElement('th');\n\t\tcell.textContent = header.label;\n\t\tif (header.column) cell.dataset.column = header.column;\n\t\trow.appendChild(cell);\n\t}\n\thead.appendChild(row);\n\tconst body = document.createElement('tbody');\n\ttable.append(head, body);\n\tscroller.appendChild(table);\n\treturn { scroller, table, body };\n}\n\nexport function createSelectionCell(\n\ttext: string,\n\tselection: Selection,\n\tcallbacks: WorkbenchCallbacks,\n\tcolumn?: WorkbenchTableColumn['column'],\n): HTMLTableCellElement {\n\tconst cell = document.createElement('td');\n\tconst button = createRelationButton(text, selection, callbacks.onSelect);\n\tcell.appendChild(button);\n\tif (column) cell.dataset.column = column;\n\treturn cell;\n}\n\nexport function createRelationButton(\n\ttext: string,\n\tselection: Selection,\n\tonSelect: (selection: Selection) => void,\n): HTMLButtonElement {\n\tconst button = document.createElement('button');\n\tbutton.type = 'button';\n\tbutton.className = 'zenfg-inspector-relation-button';\n\tbutton.textContent = text;\n\tbutton.addEventListener('click', () => onSelect(selection));\n\treturn button;\n}\n\nexport function createKindCell(kind: string, label = kind): HTMLTableCellElement {\n\tconst cell = createCell('', { column: 'kind', kind });\n\tconst marker = document.createElement('span');\n\tmarker.className = 'zenfg-inspector-kind-label';\n\tmarker.dataset.kind = kind;\n\tmarker.textContent = label;\n\tcell.appendChild(marker);\n\treturn cell;\n}\n\nexport function groupPath(snapshot: FrameGraphDebugViewModel, groupId: string | undefined): string {\n\tif (groupId === undefined) return '-';\n\treturn snapshot.groupById.get(groupId)?.path.join(' / ') ?? `group-${groupId}`;\n}\n\nexport function formatEstimatedBytes(bytes: number | undefined): string {\n\treturn bytes === undefined ? 'Unknown' : formatBytes(bytes);\n}\n\nexport function formatResourceDescriptor(resource: FrameGraphDebugResource): string {\n\tconst descriptor = resource.descriptor;\n\tif (!descriptor) return 'Unknown';\n\tif (resource.kind === 'buffer' && 'size' in descriptor && typeof descriptor.size === 'number') {\n\t\treturn `${formatBytes(descriptor.size)} buffer`;\n\t}\n\tif ('format' in descriptor) {\n\t\tconst size = descriptor.size;\n\t\tconst extent = `${size.width}×${size.height}×${size.depthOrArrayLayers}`;\n\t\tconst extras = [\n\t\t\tdescriptor.dimension !== '2d' ? descriptor.dimension : undefined,\n\t\t\tdescriptor.mipLevelCount > 1 ? `${descriptor.mipLevelCount} mips` : undefined,\n\t\t\tdescriptor.sampleCount > 1 ? `${descriptor.sampleCount}× MSAA` : undefined,\n\t\t\tdescriptor.viewFormats.length > 0 ? `views ${descriptor.viewFormats.join(', ')}` : undefined,\n\t\t].filter(Boolean);\n\t\treturn `${descriptor.format} · ${extent}${extras.length ? ` · ${extras.join(' · ')}` : ''}`;\n\t}\n\treturn 'Unknown';\n}\n\nexport function resourceAccessCounts(snapshot: FrameGraphDebugViewModel, resourceId: string): readonly [number, number] {\n\tlet reads = 0;\n\tlet writes = 0;\n\tfor (const access of snapshot.accessesByResourceId.get(resourceId) ?? []) {\n\t\tif (access.mode === 'read') reads++;\n\t\telse writes++;\n\t}\n\treturn [reads, writes];\n}\n\nexport function createEmptyTableRow(columnCount: number, text: string): HTMLTableRowElement {\n\tconst row = document.createElement('tr');\n\tconst cell = createCell(text);\n\tcell.colSpan = columnCount;\n\tcell.className = 'zenfg-inspector-empty-row';\n\trow.appendChild(cell);\n\treturn row;\n}\n\nexport function resourceLabel(snapshot: FrameGraphDebugViewModel, resourceId: string): string {\n\tconst resource = snapshot.resourceById.get(resourceId);\n\treturn resource ? labelResource(resource) : `resource-${resourceId}`;\n}\n"]}
|
|
1
|
+
{"version":3,"file":"panelWorkbenchHelpers.js","sourceRoot":"","sources":["../src/panelWorkbenchHelpers.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n\tFrameGraphDebugResource,\n\tFrameGraphDebugViewModel,\n} from './debugCaptureModel.ts';\nimport { createCell, formatBytes, labelResource } from './panelDomHelpers.ts';\nimport type { Selection, WorkbenchTab } from './panelTypes.ts';\n\nexport type WorkbenchCallbacks = {\n\treadonly onSelect: (selection: Selection) => void;\n\treadonly onHover: (selection: Selection | undefined) => void;\n\treadonly onGroupToggle: (pathKey: string) => void;\n\treadonly isGroupExpanded: (pathKey: string) => boolean;\n\treadonly onReveal?: (selection: Selection, tab: WorkbenchTab) => void;\n\treadonly onNavigate?: (tab: WorkbenchTab, filter?: 'culled') => void;\n};\nexport type WorkbenchTableColumn = {\n\treadonly label: string;\n\treadonly column?: 'code' | 'kind' | 'numeric';\n};\n\n\nexport function selectionKey(selection: Selection): string {\n\tswitch (selection.kind) {\n\t\tcase 'node': return `node:${selection.id}`;\n\t\tcase 'group': return `group:${selection.pathKey}`;\n\t\tcase 'resource': return `resource:${selection.id}`;\n\t\tcase 'root': return `root:${selection.key}`;\n\t\tcase 'culled': return `culled:${selection.id}`;\n\t\tcase 'allocation': return `allocation:${selection.id}`;\n\t\tcase 'segment': return `segment:${selection.index}`;\n\t}\n}\n\nexport function sameSelection(a: Selection | undefined, b: Selection | undefined): boolean {\n\treturn a === undefined || b === undefined ? a === b : selectionKey(a) === selectionKey(b);\n}\n\nexport function updateSelectedRows(rows: ReadonlyMap<string, readonly HTMLElement[]>, selected: Selection | undefined): void {\n\tconst key = selected ? selectionKey(selected) : undefined;\n\tfor (const [rowKey, elements] of rows) {\n\t\tfor (const element of elements) {\n\t\t\tconst active = rowKey === key;\n\t\t\telement.classList.toggle('selected', active);\n\t\t\tif (element.getAttribute('role') === 'option') {\n\t\t\t\telement.setAttribute('aria-selected', active ? 'true' : 'false');\n\t\t\t}\n\t\t}\n\t}\n}\n\nexport function registerSelectable(\n\trows: Map<string, HTMLElement[]>,\n\telement: HTMLElement,\n\tselection: Selection,\n\tcallbacks: WorkbenchCallbacks,\n): void {\n\tconst key = selectionKey(selection);\n\tconst elements = rows.get(key) ?? [];\n\telements.push(element);\n\trows.set(key, elements);\n\telement.dataset.selectionKey = key;\n\telement.addEventListener('mouseenter', () => callbacks.onHover(selection));\n\telement.addEventListener('mouseleave', () => callbacks.onHover(undefined));\n}\n\nexport function createViewToolbar(label: string): HTMLDivElement {\n\tconst toolbar = document.createElement('div');\n\ttoolbar.className = 'zenfg-inspector-view-toolbar';\n\ttoolbar.setAttribute('role', 'toolbar');\n\ttoolbar.setAttribute('aria-label', label);\n\treturn toolbar;\n}\n\nexport function createSearchInput(\n\tplaceholder: string,\n\tvalue: string,\n\tonInput: (value: string) => void,\n): HTMLInputElement {\n\tconst input = document.createElement('input');\n\tinput.type = 'search';\n\tinput.placeholder = placeholder;\n\tinput.value = value;\n\tinput.setAttribute('aria-label', placeholder);\n\tinput.addEventListener('input', () => onInput(input.value));\n\treturn input;\n}\n\nexport function createFilterSelect(\n\tlabel: string,\n\tvalue: string,\n\toptions: readonly (readonly [value: string, label: string])[],\n\tonChange: (value: string) => void,\n): HTMLSelectElement {\n\tconst select = document.createElement('select');\n\tselect.setAttribute('aria-label', label);\n\tfor (const [optionValue, optionLabel] of options) {\n\t\tconst option = document.createElement('option');\n\t\toption.value = optionValue;\n\t\toption.textContent = optionLabel;\n\t\tselect.appendChild(option);\n\t}\n\tselect.value = value;\n\tselect.addEventListener('change', () => onChange(select.value));\n\treturn select;\n}\n\nexport function createTableScroller(headers: readonly WorkbenchTableColumn[]): {\n\treadonly scroller: HTMLDivElement;\n\treadonly table: HTMLTableElement;\n\treadonly body: HTMLTableSectionElement;\n} {\n\tconst scroller = document.createElement('div');\n\tscroller.className = 'zenfg-inspector-table-scroller';\n\tconst table = document.createElement('table');\n\ttable.className = 'zenfg-inspector-workbench-table';\n\tconst head = document.createElement('thead');\n\tconst row = document.createElement('tr');\n\tfor (const header of headers) {\n\t\tconst cell = document.createElement('th');\n\t\tcell.textContent = header.label;\n\t\tif (header.column) cell.dataset.column = header.column;\n\t\trow.appendChild(cell);\n\t}\n\thead.appendChild(row);\n\tconst body = document.createElement('tbody');\n\ttable.append(head, body);\n\tscroller.appendChild(table);\n\treturn { scroller, table, body };\n}\n\nexport function createSelectionCell(\n\ttext: string,\n\tselection: Selection,\n\tcallbacks: WorkbenchCallbacks,\n\tcolumn?: WorkbenchTableColumn['column'],\n): HTMLTableCellElement {\n\tconst cell = document.createElement('td');\n\tconst button = createRelationButton(text, selection, callbacks.onSelect);\n\tcell.appendChild(button);\n\tif (column) cell.dataset.column = column;\n\treturn cell;\n}\n\nexport function createRelationButton(\n\ttext: string,\n\tselection: Selection,\n\tonSelect: (selection: Selection) => void,\n): HTMLButtonElement {\n\tconst button = document.createElement('button');\n\tbutton.type = 'button';\n\tbutton.className = 'zenfg-inspector-relation-button';\n\tbutton.textContent = text;\n\tbutton.addEventListener('click', () => onSelect(selection));\n\treturn button;\n}\n\nexport function createKindCell(kind: string, label = kind): HTMLTableCellElement {\n\tconst cell = createCell('', { column: 'kind', kind });\n\tconst marker = document.createElement('span');\n\tmarker.className = 'zenfg-inspector-kind-label';\n\tmarker.dataset.kind = kind;\n\tmarker.textContent = label;\n\tcell.appendChild(marker);\n\treturn cell;\n}\n\nexport function groupPath(snapshot: FrameGraphDebugViewModel, groupId: string | undefined): string {\n\tif (groupId === undefined) return '-';\n\treturn snapshot.groupById.get(groupId)?.path.join(' / ') ?? `group-${groupId}`;\n}\n\nexport function formatEstimatedBytes(bytes: number | undefined): string {\n\treturn bytes === undefined ? 'Unknown' : formatBytes(bytes);\n}\n\nexport function formatResourceDescriptor(resource: FrameGraphDebugResource): string {\n\tconst descriptor = resource.descriptor;\n\tif (!descriptor) return 'Unknown';\n\tif (resource.kind === 'buffer' && 'size' in descriptor && typeof descriptor.size === 'number') {\n\t\treturn `${formatBytes(descriptor.size)} buffer`;\n\t}\n\tif ('format' in descriptor) {\n\t\tconst size = descriptor.size;\n\t\tconst extent = `${size.width}×${size.height}×${size.depthOrArrayLayers}`;\n\t\tconst extras = [\n\t\t\tdescriptor.dimension !== '2d' ? descriptor.dimension : undefined,\n\t\t\tdescriptor.mipLevelCount > 1 ? `${descriptor.mipLevelCount} mips` : undefined,\n\t\t\tdescriptor.sampleCount > 1 ? `${descriptor.sampleCount}× MSAA` : undefined,\n\t\t\tdescriptor.viewFormats.length > 0 ? `views ${descriptor.viewFormats.join(', ')}` : undefined,\n\t\t].filter(Boolean);\n\t\treturn `${descriptor.format} · ${extent}${extras.length ? ` · ${extras.join(' · ')}` : ''}`;\n\t}\n\treturn 'Unknown';\n}\n\nexport function resourceAccessCounts(snapshot: FrameGraphDebugViewModel, resourceId: string): readonly [number, number] {\n\tlet reads = 0;\n\tlet writes = 0;\n\tfor (const access of snapshot.accessesByResourceId.get(resourceId) ?? []) {\n\t\tif (access.mode === 'read') reads++;\n\t\telse writes++;\n\t}\n\treturn [reads, writes];\n}\n\nexport function createEmptyTableRow(columnCount: number, text: string): HTMLTableRowElement {\n\tconst row = document.createElement('tr');\n\tconst cell = createCell(text);\n\tcell.colSpan = columnCount;\n\tcell.className = 'zenfg-inspector-empty-row';\n\trow.appendChild(cell);\n\treturn row;\n}\n\nexport function resourceLabel(snapshot: FrameGraphDebugViewModel, resourceId: string): string {\n\tconst resource = snapshot.resourceById.get(resourceId);\n\treturn resource ? labelResource(resource) : `resource-${resourceId}`;\n}\n\n/** All tablists use a single tab stop and automatic keyboard activation. */\nexport function enableTabKeyboard(tabList: HTMLElement): void {\n\tconst buttons = () => Array.from(tabList.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]'));\n\tconst sync = () => {\n\t\tfor (const button of buttons()) button.tabIndex = button.getAttribute('aria-selected') === 'true' && !button.disabled ? 0 : -1;\n\t};\n\ttabList.addEventListener('click', sync);\n\ttabList.addEventListener('keydown', (event) => {\n\t\tif (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return;\n\t\tconst available = buttons().filter((button) => !button.disabled && !button.hidden);\n\t\tif (!available.length) return;\n\t\tconst index = Math.max(0, available.indexOf(document.activeElement as HTMLButtonElement));\n\t\tconst next = event.key === 'Home' ? 0 : event.key === 'End' ? available.length - 1\n\t\t\t: (index + (event.key === 'ArrowRight' ? 1 : -1) + available.length) % available.length;\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\tavailable[next]!.click();\n\t\tavailable[next]!.focus();\n\t\tsync();\n\t});\n\tsync();\n}\n\nexport function formatTimingCoverage(timed: number, eligible: number): string {\n\tif (eligible === 0) return 'Not applicable · no eligible passes';\n\tif (timed === 0) return `Not collected · 0/${eligible}`;\n\treturn `${timed === eligible ? 'Complete' : 'Partial'} · ${timed}/${eligible} timed`;\n}\n\nexport function formatMeasuredGpuWork(micros: number, timed: number, eligible: number): string {\n\tif (eligible === 0) return 'Not applicable';\n\tif (timed === 0) return 'Not collected';\n\treturn `${(micros / 1000).toFixed(3)} ms · ${formatTimingCoverage(timed, eligible)}`;\n}\n\nexport function formatEstimateCoverage(bytes: number | undefined, coverage: { known: number; total: number }): string {\n\treturn bytes === undefined ? `Unknown · ${coverage.known}/${coverage.total} sizes known` : formatBytes(bytes);\n}\n\nexport async function writeClipboardText(text: string): Promise<void> {\n\tif (navigator.clipboard?.writeText) return navigator.clipboard.writeText(text);\n\tconst input = document.createElement('textarea');\n\tinput.value = text;\n\tinput.readOnly = true;\n\tinput.style.cssText = 'position:fixed;left:-9999px;top:0';\n\tdocument.body.append(input);\n\tconst previous = document.activeElement as HTMLElement | null;\n\tinput.select();\n\ttry {\n\t\tif (!document.execCommand('copy')) throw new Error('Clipboard is unavailable.');\n\t} finally {\n\t\tinput.remove();\n\t\tprevious?.focus();\n\t}\n}\n"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const PANEL_WORKBENCH_CSS = "\n.zenfg-inspector [hidden] { display: none !important; }\n.zenfg-inspector { font-size: var(--fgd-font-size); }\n.zenfg-inspector-workbench { display: flex; flex-direction: column; gap: 6px; }\n.zenfg-inspector-workbench-command-bar,\n.zenfg-inspector-feedback { flex: 0 0 auto; }\n.zenfg-inspector-workspace { flex: 1 1 0; gap: 0; }\n.zenfg-inspector-main { container-name: zenfg-inspector-main; container-type: inline-size; }\n.zenfg-inspector-workspace.inspector-open { grid-template-columns: minmax(0, 1fr) 8px var(--fgd-detail-width, 300px); }\n.zenfg-inspector-workspace.inspector-open::after { display: none; }\n.zenfg-inspector-workspace:not(.detail-drawer) .zenfg-inspector-inspector {\n position: static; width: auto; grid-column: 3; box-shadow: none;\n}\n.zenfg-inspector-workspace.detail-drawer { grid-template-columns: minmax(0, 1fr); }\n.zenfg-inspector-workspace.detail-drawer .zenfg-inspector-inspector {\n position: absolute; z-index: 20; top: 0; right: 0; bottom: 0;\n width: min(340px, calc(100% - 24px)); box-shadow: var(--fgd-shadow);\n}\n.zenfg-inspector-detail-divider {\n grid-column: 2; cursor: col-resize; touch-action: none; align-self: stretch; border-radius: var(--fgd-radius-sm);\n}\n.zenfg-inspector-detail-divider:hover,\n.zenfg-inspector-detail-divider:focus-visible { background: var(--fgd-accent-soft); outline: 1px solid var(--fgd-accent); }\n.zenfg-inspector-detail-backdrop {\n position: absolute; z-index: 10; inset: 0; border: 0; padding: 0; background: var(--fgd-backdrop); cursor: default;\n}\n.zenfg-inspector-diagnostic-badge { margin-left: 5px; padding: 1px var(--fgd-space-1); border-radius: var(--fgd-radius-sm); color: var(--fgd-warning); background: var(--fgd-surface-raised); font: var(--fgd-font-size-small)/1.2 var(--fgd-font-mono); }\n.zenfg-inspector-feedback { border: 1px solid var(--fgd-border); border-radius: var(--fgd-radius-sm); padding: 6px 10px; }\n.zenfg-inspector-feedback summary { color: var(--fgd-text-secondary); cursor: pointer; }\n.zenfg-inspector-feedback[data-tone='error'] { border-color: var(--fgd-danger); }\n.zenfg-inspector-feedback[data-tone='error'] summary { color: var(--fgd-danger); }\n.zenfg-inspector-feedback .zenfg-inspector-command-status {\n display: block; max-width: none; max-height: 140px; margin-top: 5px; overflow: auto;\n white-space: pre-wrap; overflow-wrap: anywhere; font-size: var(--fgd-font-size-small);\n}\n.zenfg-inspector-capture-summary { gap: var(--fgd-space-3); grid-template-columns: repeat(auto-fit, minmax(min(290px, 100%), 1fr)); }\n.zenfg-inspector-capture-summary section > div { font-size: var(--fgd-font-size-small); margin-top: var(--fgd-space-1); grid-template-columns: minmax(90px, auto) minmax(0, 1fr); }\n.zenfg-inspector-capture-summary strong { white-space: normal; overflow-wrap: anywhere; font-size: var(--fgd-font-size-small); }\n.zenfg-inspector-capture-summary > section { background: var(--fgd-surface); padding: 14px; }\n.zenfg-inspector-capture-summary h2 { font-size: var(--fgd-font-size-small); letter-spacing: 0; text-transform: none; }\n.zenfg-inspector-capture-summary section > button { margin-top: var(--fgd-space-3); font-size: var(--fgd-font-size); }\n.zenfg-inspector-capture-details { grid-column: 1 / -1; padding: 10px var(--fgd-space-3); border-top: 1px solid var(--fgd-border); }\n.zenfg-inspector-capture-details > summary { cursor: pointer; color: var(--fgd-text-secondary); }\n.zenfg-inspector-capture-details > section { margin-top: var(--fgd-space-3); max-width: 760px; }\n.zenfg-inspector-capture-details h2 { display: none; }\n.zenfg-inspector-view-toolbar input,\n.zenfg-inspector-view-toolbar select { height: var(--fgd-control-height); }\n.zenfg-inspector-workbench-table { min-width: 620px; font: var(--fgd-font-size-small)/1.5 var(--fgd-font-ui); }\n.zenfg-inspector-workbench-table th { font-size: var(--fgd-font-size-small); }\n.zenfg-inspector-workbench-table td { height: var(--fgd-row-height); }\n.zenfg-inspector-workbench-table [data-column='numeric'] { font-family: var(--fgd-font-mono); }\n.zenfg-inspector-relation-button { overflow: hidden; }\n.zenfg-inspector-muted { font-size: var(--fgd-font-size-small); }\n.zenfg-inspector-graph-toolbar {\n position: absolute; z-index: 5; top: var(--fgd-space-2); left: var(--fgd-space-2); right: var(--fgd-space-2);\n display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; pointer-events: none;\n}\n.zenfg-inspector-graph-toolbar > * { pointer-events: auto; }\n.zenfg-inspector-graph-toolbar > .zenfg-inspector-graph-action-controls,\n.zenfg-inspector-graph-search > button { box-shadow: var(--fgd-shadow); }\n.zenfg-inspector-graph-toolbar [hidden] { display: none !important; }\n.zenfg-inspector-graph-search { min-width: 0; }\n.zenfg-inspector-graph-search-popover {\n position: absolute; top: calc(100% + var(--fgd-space-2)); left: 0; width: min(360px, 100%);\n padding: var(--fgd-space-2); border: 1px solid var(--fgd-border); border-radius: var(--fgd-radius-sm);\n background: var(--fgd-surface-raised); box-shadow: var(--fgd-shadow);\n}\n.zenfg-inspector-graph-search input { width: 100%; min-width: 0; height: var(--fgd-control-height); padding: var(--fgd-space-1) var(--fgd-space-2); border: 1px solid var(--fgd-border); border-radius: var(--fgd-radius-sm); color: var(--fgd-text); background: var(--fgd-panel); font: var(--fgd-font-size) var(--fgd-font-ui); }\n.zenfg-inspector-graph-search-results {\n max-height: min(240px, 40vh); margin-top: var(--fgd-space-1); overflow: auto;\n}\n.zenfg-inspector-graph-search-results > p { margin: 0 var(--fgd-space-1) 5px; color: var(--fgd-muted); font-size: var(--fgd-font-size-small); }\n.zenfg-inspector-graph-search-results > button { display: block; width: 100%; height: auto; min-height: var(--fgd-control-height); text-align: left; padding: 6px; margin: 2px 0; white-space: normal; overflow-wrap: anywhere; font-size: var(--fgd-font-size); }\n.zenfg-inspector-graph-viewport { position: relative; isolation: isolate; display: flex; flex: 1 1 0; min-width: 0; min-height: 0; }\n.zenfg-inspector-legend-details {\n position: absolute; z-index: 4; right: var(--fgd-space-2); bottom: var(--fgd-space-2);\n max-width: calc(100% - 2 * var(--fgd-space-2)); max-height: calc(100% - 2 * var(--fgd-space-2)); overflow: auto;\n border: 1px solid var(--fgd-border); border-radius: var(--fgd-radius-sm);\n background: var(--fgd-surface-raised); box-shadow: var(--fgd-shadow); font-size: var(--fgd-font-size-small);\n}\n.zenfg-inspector-legend-details > summary { min-height: var(--fgd-control-height); padding: var(--fgd-space-2); cursor: pointer; color: var(--fgd-text-secondary); }\n.zenfg-inspector-legend-details[open] { width: 360px; }\n.zenfg-inspector-legend-details .zenfg-inspector-graph-legend {\n flex-direction: column; align-items: stretch; gap: var(--fgd-space-2); padding: 0 var(--fgd-space-2) var(--fgd-space-2);\n border: 0; font-size: var(--fgd-font-size-small); line-height: 1.5; white-space: normal;\n}\n.zenfg-inspector-legend-details .zenfg-inspector-legend-group + .zenfg-inspector-legend-group {\n border-left: 0; border-top: 1px solid var(--fgd-border-subtle); padding: var(--fgd-space-2) 0 0;\n}\n.zenfg-inspector-legend-group { flex-wrap: wrap; }\n.zenfg-inspector button:focus-visible,\n.zenfg-inspector input:focus-visible,\n.zenfg-inspector select:focus-visible,\n.zenfg-inspector summary:focus-visible { outline: 2px solid var(--fgd-accent); outline-offset: 1px; }\n@container zenfg-inspector (max-width: 560px) {\n .zenfg-inspector-workbench-command-bar.branding-hidden { grid-template-columns: minmax(0, 1fr); }\n .zenfg-inspector-workbench-command-bar.branding-hidden .zenfg-inspector-workbench-tabs { grid-column: 1; grid-row: 2; }\n .zenfg-inspector-workbench-command-bar.branding-hidden .zenfg-inspector-workbench-actions { grid-column: 1; grid-row: 1; justify-content: end; }\n}\n";
|
|
2
|
+
//# sourceMappingURL=panelWorkbenchStyles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"panelWorkbenchStyles.d.ts","sourceRoot":"","sources":["../src/panelWorkbenchStyles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,kwPAmG/B,CAAC"}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
export const PANEL_WORKBENCH_CSS = `
|
|
2
|
+
.zenfg-inspector [hidden] { display: none !important; }
|
|
3
|
+
.zenfg-inspector { font-size: var(--fgd-font-size); }
|
|
4
|
+
.zenfg-inspector-workbench { display: flex; flex-direction: column; gap: 6px; }
|
|
5
|
+
.zenfg-inspector-workbench-command-bar,
|
|
6
|
+
.zenfg-inspector-feedback { flex: 0 0 auto; }
|
|
7
|
+
.zenfg-inspector-workspace { flex: 1 1 0; gap: 0; }
|
|
8
|
+
.zenfg-inspector-main { container-name: zenfg-inspector-main; container-type: inline-size; }
|
|
9
|
+
.zenfg-inspector-workspace.inspector-open { grid-template-columns: minmax(0, 1fr) 8px var(--fgd-detail-width, 300px); }
|
|
10
|
+
.zenfg-inspector-workspace.inspector-open::after { display: none; }
|
|
11
|
+
.zenfg-inspector-workspace:not(.detail-drawer) .zenfg-inspector-inspector {
|
|
12
|
+
position: static; width: auto; grid-column: 3; box-shadow: none;
|
|
13
|
+
}
|
|
14
|
+
.zenfg-inspector-workspace.detail-drawer { grid-template-columns: minmax(0, 1fr); }
|
|
15
|
+
.zenfg-inspector-workspace.detail-drawer .zenfg-inspector-inspector {
|
|
16
|
+
position: absolute; z-index: 20; top: 0; right: 0; bottom: 0;
|
|
17
|
+
width: min(340px, calc(100% - 24px)); box-shadow: var(--fgd-shadow);
|
|
18
|
+
}
|
|
19
|
+
.zenfg-inspector-detail-divider {
|
|
20
|
+
grid-column: 2; cursor: col-resize; touch-action: none; align-self: stretch; border-radius: var(--fgd-radius-sm);
|
|
21
|
+
}
|
|
22
|
+
.zenfg-inspector-detail-divider:hover,
|
|
23
|
+
.zenfg-inspector-detail-divider:focus-visible { background: var(--fgd-accent-soft); outline: 1px solid var(--fgd-accent); }
|
|
24
|
+
.zenfg-inspector-detail-backdrop {
|
|
25
|
+
position: absolute; z-index: 10; inset: 0; border: 0; padding: 0; background: var(--fgd-backdrop); cursor: default;
|
|
26
|
+
}
|
|
27
|
+
.zenfg-inspector-diagnostic-badge { margin-left: 5px; padding: 1px var(--fgd-space-1); border-radius: var(--fgd-radius-sm); color: var(--fgd-warning); background: var(--fgd-surface-raised); font: var(--fgd-font-size-small)/1.2 var(--fgd-font-mono); }
|
|
28
|
+
.zenfg-inspector-feedback { border: 1px solid var(--fgd-border); border-radius: var(--fgd-radius-sm); padding: 6px 10px; }
|
|
29
|
+
.zenfg-inspector-feedback summary { color: var(--fgd-text-secondary); cursor: pointer; }
|
|
30
|
+
.zenfg-inspector-feedback[data-tone='error'] { border-color: var(--fgd-danger); }
|
|
31
|
+
.zenfg-inspector-feedback[data-tone='error'] summary { color: var(--fgd-danger); }
|
|
32
|
+
.zenfg-inspector-feedback .zenfg-inspector-command-status {
|
|
33
|
+
display: block; max-width: none; max-height: 140px; margin-top: 5px; overflow: auto;
|
|
34
|
+
white-space: pre-wrap; overflow-wrap: anywhere; font-size: var(--fgd-font-size-small);
|
|
35
|
+
}
|
|
36
|
+
.zenfg-inspector-capture-summary { gap: var(--fgd-space-3); grid-template-columns: repeat(auto-fit, minmax(min(290px, 100%), 1fr)); }
|
|
37
|
+
.zenfg-inspector-capture-summary section > div { font-size: var(--fgd-font-size-small); margin-top: var(--fgd-space-1); grid-template-columns: minmax(90px, auto) minmax(0, 1fr); }
|
|
38
|
+
.zenfg-inspector-capture-summary strong { white-space: normal; overflow-wrap: anywhere; font-size: var(--fgd-font-size-small); }
|
|
39
|
+
.zenfg-inspector-capture-summary > section { background: var(--fgd-surface); padding: 14px; }
|
|
40
|
+
.zenfg-inspector-capture-summary h2 { font-size: var(--fgd-font-size-small); letter-spacing: 0; text-transform: none; }
|
|
41
|
+
.zenfg-inspector-capture-summary section > button { margin-top: var(--fgd-space-3); font-size: var(--fgd-font-size); }
|
|
42
|
+
.zenfg-inspector-capture-details { grid-column: 1 / -1; padding: 10px var(--fgd-space-3); border-top: 1px solid var(--fgd-border); }
|
|
43
|
+
.zenfg-inspector-capture-details > summary { cursor: pointer; color: var(--fgd-text-secondary); }
|
|
44
|
+
.zenfg-inspector-capture-details > section { margin-top: var(--fgd-space-3); max-width: 760px; }
|
|
45
|
+
.zenfg-inspector-capture-details h2 { display: none; }
|
|
46
|
+
.zenfg-inspector-view-toolbar input,
|
|
47
|
+
.zenfg-inspector-view-toolbar select { height: var(--fgd-control-height); }
|
|
48
|
+
.zenfg-inspector-workbench-table { min-width: 620px; font: var(--fgd-font-size-small)/1.5 var(--fgd-font-ui); }
|
|
49
|
+
.zenfg-inspector-workbench-table th { font-size: var(--fgd-font-size-small); }
|
|
50
|
+
.zenfg-inspector-workbench-table td { height: var(--fgd-row-height); }
|
|
51
|
+
.zenfg-inspector-workbench-table [data-column='numeric'] { font-family: var(--fgd-font-mono); }
|
|
52
|
+
.zenfg-inspector-relation-button { overflow: hidden; }
|
|
53
|
+
.zenfg-inspector-muted { font-size: var(--fgd-font-size-small); }
|
|
54
|
+
.zenfg-inspector-graph-toolbar {
|
|
55
|
+
position: absolute; z-index: 5; top: var(--fgd-space-2); left: var(--fgd-space-2); right: var(--fgd-space-2);
|
|
56
|
+
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; pointer-events: none;
|
|
57
|
+
}
|
|
58
|
+
.zenfg-inspector-graph-toolbar > * { pointer-events: auto; }
|
|
59
|
+
.zenfg-inspector-graph-toolbar > .zenfg-inspector-graph-action-controls,
|
|
60
|
+
.zenfg-inspector-graph-search > button { box-shadow: var(--fgd-shadow); }
|
|
61
|
+
.zenfg-inspector-graph-toolbar [hidden] { display: none !important; }
|
|
62
|
+
.zenfg-inspector-graph-search { min-width: 0; }
|
|
63
|
+
.zenfg-inspector-graph-search-popover {
|
|
64
|
+
position: absolute; top: calc(100% + var(--fgd-space-2)); left: 0; width: min(360px, 100%);
|
|
65
|
+
padding: var(--fgd-space-2); border: 1px solid var(--fgd-border); border-radius: var(--fgd-radius-sm);
|
|
66
|
+
background: var(--fgd-surface-raised); box-shadow: var(--fgd-shadow);
|
|
67
|
+
}
|
|
68
|
+
.zenfg-inspector-graph-search input { width: 100%; min-width: 0; height: var(--fgd-control-height); padding: var(--fgd-space-1) var(--fgd-space-2); border: 1px solid var(--fgd-border); border-radius: var(--fgd-radius-sm); color: var(--fgd-text); background: var(--fgd-panel); font: var(--fgd-font-size) var(--fgd-font-ui); }
|
|
69
|
+
.zenfg-inspector-graph-search-results {
|
|
70
|
+
max-height: min(240px, 40vh); margin-top: var(--fgd-space-1); overflow: auto;
|
|
71
|
+
}
|
|
72
|
+
.zenfg-inspector-graph-search-results > p { margin: 0 var(--fgd-space-1) 5px; color: var(--fgd-muted); font-size: var(--fgd-font-size-small); }
|
|
73
|
+
.zenfg-inspector-graph-search-results > button { display: block; width: 100%; height: auto; min-height: var(--fgd-control-height); text-align: left; padding: 6px; margin: 2px 0; white-space: normal; overflow-wrap: anywhere; font-size: var(--fgd-font-size); }
|
|
74
|
+
.zenfg-inspector-graph-viewport { position: relative; isolation: isolate; display: flex; flex: 1 1 0; min-width: 0; min-height: 0; }
|
|
75
|
+
.zenfg-inspector-legend-details {
|
|
76
|
+
position: absolute; z-index: 4; right: var(--fgd-space-2); bottom: var(--fgd-space-2);
|
|
77
|
+
max-width: calc(100% - 2 * var(--fgd-space-2)); max-height: calc(100% - 2 * var(--fgd-space-2)); overflow: auto;
|
|
78
|
+
border: 1px solid var(--fgd-border); border-radius: var(--fgd-radius-sm);
|
|
79
|
+
background: var(--fgd-surface-raised); box-shadow: var(--fgd-shadow); font-size: var(--fgd-font-size-small);
|
|
80
|
+
}
|
|
81
|
+
.zenfg-inspector-legend-details > summary { min-height: var(--fgd-control-height); padding: var(--fgd-space-2); cursor: pointer; color: var(--fgd-text-secondary); }
|
|
82
|
+
.zenfg-inspector-legend-details[open] { width: 360px; }
|
|
83
|
+
.zenfg-inspector-legend-details .zenfg-inspector-graph-legend {
|
|
84
|
+
flex-direction: column; align-items: stretch; gap: var(--fgd-space-2); padding: 0 var(--fgd-space-2) var(--fgd-space-2);
|
|
85
|
+
border: 0; font-size: var(--fgd-font-size-small); line-height: 1.5; white-space: normal;
|
|
86
|
+
}
|
|
87
|
+
.zenfg-inspector-legend-details .zenfg-inspector-legend-group + .zenfg-inspector-legend-group {
|
|
88
|
+
border-left: 0; border-top: 1px solid var(--fgd-border-subtle); padding: var(--fgd-space-2) 0 0;
|
|
89
|
+
}
|
|
90
|
+
.zenfg-inspector-legend-group { flex-wrap: wrap; }
|
|
91
|
+
.zenfg-inspector button:focus-visible,
|
|
92
|
+
.zenfg-inspector input:focus-visible,
|
|
93
|
+
.zenfg-inspector select:focus-visible,
|
|
94
|
+
.zenfg-inspector summary:focus-visible { outline: 2px solid var(--fgd-accent); outline-offset: 1px; }
|
|
95
|
+
@container zenfg-inspector (max-width: 560px) {
|
|
96
|
+
.zenfg-inspector-workbench-command-bar.branding-hidden { grid-template-columns: minmax(0, 1fr); }
|
|
97
|
+
.zenfg-inspector-workbench-command-bar.branding-hidden .zenfg-inspector-workbench-tabs { grid-column: 1; grid-row: 2; }
|
|
98
|
+
.zenfg-inspector-workbench-command-bar.branding-hidden .zenfg-inspector-workbench-actions { grid-column: 1; grid-row: 1; justify-content: end; }
|
|
99
|
+
}
|
|
100
|
+
`;
|
|
101
|
+
//# sourceMappingURL=panelWorkbenchStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"panelWorkbenchStyles.js","sourceRoot":"","sources":["../src/panelWorkbenchStyles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmGlC,CAAC","sourcesContent":["export const PANEL_WORKBENCH_CSS = `\n.zenfg-inspector [hidden] { display: none !important; }\n.zenfg-inspector { font-size: var(--fgd-font-size); }\n.zenfg-inspector-workbench { display: flex; flex-direction: column; gap: 6px; }\n.zenfg-inspector-workbench-command-bar,\n.zenfg-inspector-feedback { flex: 0 0 auto; }\n.zenfg-inspector-workspace { flex: 1 1 0; gap: 0; }\n.zenfg-inspector-main { container-name: zenfg-inspector-main; container-type: inline-size; }\n.zenfg-inspector-workspace.inspector-open { grid-template-columns: minmax(0, 1fr) 8px var(--fgd-detail-width, 300px); }\n.zenfg-inspector-workspace.inspector-open::after { display: none; }\n.zenfg-inspector-workspace:not(.detail-drawer) .zenfg-inspector-inspector {\n position: static; width: auto; grid-column: 3; box-shadow: none;\n}\n.zenfg-inspector-workspace.detail-drawer { grid-template-columns: minmax(0, 1fr); }\n.zenfg-inspector-workspace.detail-drawer .zenfg-inspector-inspector {\n position: absolute; z-index: 20; top: 0; right: 0; bottom: 0;\n width: min(340px, calc(100% - 24px)); box-shadow: var(--fgd-shadow);\n}\n.zenfg-inspector-detail-divider {\n grid-column: 2; cursor: col-resize; touch-action: none; align-self: stretch; border-radius: var(--fgd-radius-sm);\n}\n.zenfg-inspector-detail-divider:hover,\n.zenfg-inspector-detail-divider:focus-visible { background: var(--fgd-accent-soft); outline: 1px solid var(--fgd-accent); }\n.zenfg-inspector-detail-backdrop {\n position: absolute; z-index: 10; inset: 0; border: 0; padding: 0; background: var(--fgd-backdrop); cursor: default;\n}\n.zenfg-inspector-diagnostic-badge { margin-left: 5px; padding: 1px var(--fgd-space-1); border-radius: var(--fgd-radius-sm); color: var(--fgd-warning); background: var(--fgd-surface-raised); font: var(--fgd-font-size-small)/1.2 var(--fgd-font-mono); }\n.zenfg-inspector-feedback { border: 1px solid var(--fgd-border); border-radius: var(--fgd-radius-sm); padding: 6px 10px; }\n.zenfg-inspector-feedback summary { color: var(--fgd-text-secondary); cursor: pointer; }\n.zenfg-inspector-feedback[data-tone='error'] { border-color: var(--fgd-danger); }\n.zenfg-inspector-feedback[data-tone='error'] summary { color: var(--fgd-danger); }\n.zenfg-inspector-feedback .zenfg-inspector-command-status {\n display: block; max-width: none; max-height: 140px; margin-top: 5px; overflow: auto;\n white-space: pre-wrap; overflow-wrap: anywhere; font-size: var(--fgd-font-size-small);\n}\n.zenfg-inspector-capture-summary { gap: var(--fgd-space-3); grid-template-columns: repeat(auto-fit, minmax(min(290px, 100%), 1fr)); }\n.zenfg-inspector-capture-summary section > div { font-size: var(--fgd-font-size-small); margin-top: var(--fgd-space-1); grid-template-columns: minmax(90px, auto) minmax(0, 1fr); }\n.zenfg-inspector-capture-summary strong { white-space: normal; overflow-wrap: anywhere; font-size: var(--fgd-font-size-small); }\n.zenfg-inspector-capture-summary > section { background: var(--fgd-surface); padding: 14px; }\n.zenfg-inspector-capture-summary h2 { font-size: var(--fgd-font-size-small); letter-spacing: 0; text-transform: none; }\n.zenfg-inspector-capture-summary section > button { margin-top: var(--fgd-space-3); font-size: var(--fgd-font-size); }\n.zenfg-inspector-capture-details { grid-column: 1 / -1; padding: 10px var(--fgd-space-3); border-top: 1px solid var(--fgd-border); }\n.zenfg-inspector-capture-details > summary { cursor: pointer; color: var(--fgd-text-secondary); }\n.zenfg-inspector-capture-details > section { margin-top: var(--fgd-space-3); max-width: 760px; }\n.zenfg-inspector-capture-details h2 { display: none; }\n.zenfg-inspector-view-toolbar input,\n.zenfg-inspector-view-toolbar select { height: var(--fgd-control-height); }\n.zenfg-inspector-workbench-table { min-width: 620px; font: var(--fgd-font-size-small)/1.5 var(--fgd-font-ui); }\n.zenfg-inspector-workbench-table th { font-size: var(--fgd-font-size-small); }\n.zenfg-inspector-workbench-table td { height: var(--fgd-row-height); }\n.zenfg-inspector-workbench-table [data-column='numeric'] { font-family: var(--fgd-font-mono); }\n.zenfg-inspector-relation-button { overflow: hidden; }\n.zenfg-inspector-muted { font-size: var(--fgd-font-size-small); }\n.zenfg-inspector-graph-toolbar {\n position: absolute; z-index: 5; top: var(--fgd-space-2); left: var(--fgd-space-2); right: var(--fgd-space-2);\n display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; pointer-events: none;\n}\n.zenfg-inspector-graph-toolbar > * { pointer-events: auto; }\n.zenfg-inspector-graph-toolbar > .zenfg-inspector-graph-action-controls,\n.zenfg-inspector-graph-search > button { box-shadow: var(--fgd-shadow); }\n.zenfg-inspector-graph-toolbar [hidden] { display: none !important; }\n.zenfg-inspector-graph-search { min-width: 0; }\n.zenfg-inspector-graph-search-popover {\n position: absolute; top: calc(100% + var(--fgd-space-2)); left: 0; width: min(360px, 100%);\n padding: var(--fgd-space-2); border: 1px solid var(--fgd-border); border-radius: var(--fgd-radius-sm);\n background: var(--fgd-surface-raised); box-shadow: var(--fgd-shadow);\n}\n.zenfg-inspector-graph-search input { width: 100%; min-width: 0; height: var(--fgd-control-height); padding: var(--fgd-space-1) var(--fgd-space-2); border: 1px solid var(--fgd-border); border-radius: var(--fgd-radius-sm); color: var(--fgd-text); background: var(--fgd-panel); font: var(--fgd-font-size) var(--fgd-font-ui); }\n.zenfg-inspector-graph-search-results {\n max-height: min(240px, 40vh); margin-top: var(--fgd-space-1); overflow: auto;\n}\n.zenfg-inspector-graph-search-results > p { margin: 0 var(--fgd-space-1) 5px; color: var(--fgd-muted); font-size: var(--fgd-font-size-small); }\n.zenfg-inspector-graph-search-results > button { display: block; width: 100%; height: auto; min-height: var(--fgd-control-height); text-align: left; padding: 6px; margin: 2px 0; white-space: normal; overflow-wrap: anywhere; font-size: var(--fgd-font-size); }\n.zenfg-inspector-graph-viewport { position: relative; isolation: isolate; display: flex; flex: 1 1 0; min-width: 0; min-height: 0; }\n.zenfg-inspector-legend-details {\n position: absolute; z-index: 4; right: var(--fgd-space-2); bottom: var(--fgd-space-2);\n max-width: calc(100% - 2 * var(--fgd-space-2)); max-height: calc(100% - 2 * var(--fgd-space-2)); overflow: auto;\n border: 1px solid var(--fgd-border); border-radius: var(--fgd-radius-sm);\n background: var(--fgd-surface-raised); box-shadow: var(--fgd-shadow); font-size: var(--fgd-font-size-small);\n}\n.zenfg-inspector-legend-details > summary { min-height: var(--fgd-control-height); padding: var(--fgd-space-2); cursor: pointer; color: var(--fgd-text-secondary); }\n.zenfg-inspector-legend-details[open] { width: 360px; }\n.zenfg-inspector-legend-details .zenfg-inspector-graph-legend {\n flex-direction: column; align-items: stretch; gap: var(--fgd-space-2); padding: 0 var(--fgd-space-2) var(--fgd-space-2);\n border: 0; font-size: var(--fgd-font-size-small); line-height: 1.5; white-space: normal;\n}\n.zenfg-inspector-legend-details .zenfg-inspector-legend-group + .zenfg-inspector-legend-group {\n border-left: 0; border-top: 1px solid var(--fgd-border-subtle); padding: var(--fgd-space-2) 0 0;\n}\n.zenfg-inspector-legend-group { flex-wrap: wrap; }\n.zenfg-inspector button:focus-visible,\n.zenfg-inspector input:focus-visible,\n.zenfg-inspector select:focus-visible,\n.zenfg-inspector summary:focus-visible { outline: 2px solid var(--fgd-accent); outline-offset: 1px; }\n@container zenfg-inspector (max-width: 560px) {\n .zenfg-inspector-workbench-command-bar.branding-hidden { grid-template-columns: minmax(0, 1fr); }\n .zenfg-inspector-workbench-command-bar.branding-hidden .zenfg-inspector-workbench-tabs { grid-column: 1; grid-row: 2; }\n .zenfg-inspector-workbench-command-bar.branding-hidden .zenfg-inspector-workbench-actions { grid-column: 1; grid-row: 1; justify-content: end; }\n}\n`;\n"]}
|
|
@@ -32,6 +32,8 @@ export declare class FrameGraphDebugWorkbench {
|
|
|
32
32
|
private readonly tabList;
|
|
33
33
|
private readonly commandActions;
|
|
34
34
|
private readonly commandStatus;
|
|
35
|
+
private readonly feedback;
|
|
36
|
+
private readonly feedbackTitle;
|
|
35
37
|
private readonly workspace;
|
|
36
38
|
private readonly main;
|
|
37
39
|
private readonly emptyHost;
|
|
@@ -42,6 +44,10 @@ export declare class FrameGraphDebugWorkbench {
|
|
|
42
44
|
private readonly memory;
|
|
43
45
|
private readonly diagnostics;
|
|
44
46
|
private readonly inspector;
|
|
47
|
+
private readonly detailLayout;
|
|
48
|
+
private readonly graphSearch;
|
|
49
|
+
private readonly dirtyViews;
|
|
50
|
+
private readonly captureDetails;
|
|
45
51
|
private readonly inspectorOpenButton;
|
|
46
52
|
private readonly captureButton;
|
|
47
53
|
private readonly importButton;
|
|
@@ -57,6 +63,7 @@ export declare class FrameGraphDebugWorkbench {
|
|
|
57
63
|
private snapshot;
|
|
58
64
|
private selected;
|
|
59
65
|
private hovered;
|
|
66
|
+
private destroyed;
|
|
60
67
|
constructor(graphView: GraphViewState, callbacks: WorkbenchCallbacks, actions: FrameGraphDebugWorkbenchActions, options: FrameGraphDebugWorkbenchOptions);
|
|
61
68
|
setSnapshot(snapshot: FrameGraphDebugViewModel, selected: Selection | undefined): void;
|
|
62
69
|
showEmptyState(kind: FrameGraphDebugEmptyStateKind, message: string, detail?: string): void;
|
|
@@ -73,5 +80,14 @@ export declare class FrameGraphDebugWorkbench {
|
|
|
73
80
|
private setExportMenuOpen;
|
|
74
81
|
private handleInspectorOpenChange;
|
|
75
82
|
private updateWorkspaceState;
|
|
83
|
+
reveal(selection: Selection, tab: WorkbenchTab): void;
|
|
84
|
+
navigate(tab: WorkbenchTab, filter?: 'culled'): void;
|
|
85
|
+
showNavigationIssue(message: string, selection: Selection): void;
|
|
86
|
+
destroy(): void;
|
|
87
|
+
private ensureActiveView;
|
|
88
|
+
private updateActiveSelection;
|
|
89
|
+
private diagnosticCounts;
|
|
90
|
+
private renderDiagnosticBadge;
|
|
91
|
+
private handleMenuKey;
|
|
76
92
|
}
|
|
77
93
|
//# sourceMappingURL=panelWorkbenchView.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"panelWorkbenchView.d.ts","sourceRoot":"","sources":["../src/panelWorkbenchView.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"panelWorkbenchView.d.ts","sourceRoot":"","sources":["../src/panelWorkbenchView.ts"],"names":[],"mappings":"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"}
|