@zenfg/inspector 0.1.0-beta.3 → 0.1.0

package/dist/panelGraphView.js.map

@@ -1 +1 @@
-{"version":3,"file":"panelGraphView.js","sourceRoot":"","sources":["../src/panelGraphView.ts"],"names":[],"mappings":"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","sourcesContent":["import type { FrameGraphDebugViewModel } from './debugCaptureModel.ts';\nimport { CytoscapeGraphRenderer } from './panelCytoscapeGraphRenderer.ts';\nimport { createGraphScene, type GraphScene } from './panelGraphScene.ts';\nimport { createGraphLegend } from './panelGraphVisuals.ts';\nimport type { GraphViewState, Selection } from './panelTypes.ts';\n\ntype GraphSceneCacheEntry = {\n    readonly snapshot: FrameGraphDebugViewModel;\n    readonly optionsKey: string;\n    readonly scene: GraphScene;\n};\n\nconst graphSceneCache = new WeakMap<GraphViewState, GraphSceneCacheEntry>();\n\nexport function renderGraphView(\n    graphView: GraphViewState,\n    snapshot: FrameGraphDebugViewModel,\n    selected: Selection | undefined,\n    hovered: Selection | undefined,\n    onSelect: (selection: Selection) => void,\n    onHover: (selection: Selection | undefined) => void,\n    onToggleGroup: (pathKey: string) => void,\n): void {\n    const scene = resolveGraphScene(graphView, snapshot);\n    renderGraphLegend(graphView.legend, snapshot);\n\tconst elementCount = scene.nodes.length + scene.edges.length;\n\tconst layoutElementBudget = graphView.layoutElementBudget ?? Number.MAX_SAFE_INTEGER;\n\tif (elementCount > layoutElementBudget) {\n\t\tgraphView.renderer?.destroy();\n\t\tgraphView.renderer = undefined;\n\t\tconst notice = document.createElement('div');\n\t\tnotice.className = 'zenfg-inspector-graph-status';\n\t\tnotice.dataset.state = 'empty';\n\t\tnotice.setAttribute('role', 'status');\n\t\tnotice.textContent = `Automatic layout disabled: ${elementCount} graph elements exceed the ${layoutElementBudget} element budget. Passes, Resources, Memory, Diagnostics, and raw data remain available.`;\n\t\tgraphView.host.replaceChildren(notice);\n\t\treturn;\n\t}\n\tgraphView.renderer ??= new CytoscapeGraphRenderer(graphView.host);\n    graphView.renderer.render({\n        scene,\n        selected,\n        hovered,\n        fit: graphView.fitOnNextRender,\n        anchorElementId: graphView.anchorElementIdOnNextRender,\n        onSelect,\n        onHover,\n        onToggleGroup,\n    });\n    graphView.fitOnNextRender = false;\n    graphView.anchorElementIdOnNextRender = undefined;\n}\n\nexport function resolveGraphScene(\n    graphView: GraphViewState,\n    snapshot: FrameGraphDebugViewModel,\n): GraphScene {\n    const optionsKey = JSON.stringify([\n        graphView.groupsEnabled,\n        [...graphView.expandedGroupPaths].sort(),\n    ]);\n    const cached = graphSceneCache.get(graphView);\n    if (cached?.snapshot === snapshot && cached.optionsKey === optionsKey) return cached.scene;\n    const scene = createGraphScene(snapshot, {\n        groupsEnabled: graphView.groupsEnabled,\n        expandedGroupPaths: graphView.expandedGroupPaths,\n    });\n    graphSceneCache.set(graphView, { snapshot, optionsKey, scene });\n    return scene;\n}\n\nexport function fitGraph(graphView: GraphViewState): void {\n    graphView.renderer?.fit();\n}\n\nexport function resizeGraph(graphView: GraphViewState): void {\n    graphView.renderer?.resize();\n}\n\nexport function destroyGraph(graphView: GraphViewState): void {\n    graphView.renderer?.destroy();\n    graphView.renderer = undefined;\n    graphSceneCache.delete(graphView);\n}\n\nfunction renderGraphLegend(host: HTMLElement | undefined, snapshot: FrameGraphDebugViewModel): void {\n    if (!host) return;\n    const entries = createGraphLegend(snapshot);\n    const key = JSON.stringify(entries);\n    if (host.dataset.legendKey === key) return;\n    host.dataset.legendKey = key;\n    host.replaceChildren();\n    let group: HTMLElement | undefined;\n    for (const entry of entries) {\n        if (group?.getAttribute('aria-label') !== entry.group) {\n            group = document.createElement('span');\n            group.className = 'zenfg-inspector-legend-group';\n            group.setAttribute('role', 'group');\n            group.setAttribute('aria-label', entry.group);\n            const heading = document.createElement('span');\n            heading.className = 'zenfg-inspector-legend-heading';\n            heading.textContent = entry.group;\n            group.appendChild(heading);\n            host.appendChild(group);\n        }\n        const item = document.createElement('span');\n        item.className = 'zenfg-inspector-legend-item';\n        const swatch = document.createElement('span');\n        swatch.className = 'zenfg-inspector-legend-swatch';\n        swatch.dataset.shape = entry.shape;\n        if (entry.lineStyle) swatch.dataset.lineStyle = entry.lineStyle;\n        if (entry.hollowArrow) swatch.dataset.hollowArrow = 'true';\n        swatch.style.setProperty('--zenfg-inspector-legend-color', entry.color);\n        if (entry.shape === 'cut-rectangle' || entry.shape === 'tag') {\n            const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n            svg.setAttribute('viewBox', '0 0 20 14');\n            svg.setAttribute('aria-hidden', 'true');\n            const polygon = document.createElementNS('http://www.w3.org/2000/svg', 'polygon');\n            polygon.setAttribute('points', entry.shape === 'tag'\n                ? '1,1 12,1 19,7 12,13 1,13'\n                : '4,1 16,1 19,4 19,10 16,13 4,13 1,10 1,4');\n            svg.appendChild(polygon);\n            swatch.appendChild(svg);\n        }\n        const label = document.createElement('span');\n        label.textContent = entry.label;\n        item.append(swatch, label);\n        group!.appendChild(item);\n    }\n}\n"]}
+{"version":3,"file":"panelGraphView.js","sourceRoot":"","sources":["../src/panelGraphView.ts"],"names":[],"mappings":"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","sourcesContent":["import { GRAPH_VISUAL_THEME } from './panelVisualTheme.ts';\nimport type { FrameGraphDebugViewModel } from './debugCaptureModel.ts';\nimport { CytoscapeGraphRenderer } from './panelCytoscapeGraphRenderer.ts';\nimport { createGraphScene, type GraphScene } from './panelGraphScene.ts';\nimport { createGraphLegend } from './panelGraphVisuals.ts';\nimport type { GraphViewState, Selection } from './panelTypes.ts';\n\ntype GraphSceneCacheEntry = {\n    readonly snapshot: FrameGraphDebugViewModel;\n    readonly optionsKey: string;\n    readonly scene: GraphScene;\n};\n\nconst graphSceneCache = new WeakMap<GraphViewState, GraphSceneCacheEntry>();\n\nexport function renderGraphView(\n    graphView: GraphViewState,\n    snapshot: FrameGraphDebugViewModel,\n    selected: Selection | undefined,\n    hovered: Selection | undefined,\n    onSelect: (selection: Selection) => void,\n    onHover: (selection: Selection | undefined) => void,\n    onToggleGroup: (pathKey: string) => void,\n): void {\n    const scene = resolveGraphScene(graphView, snapshot);\n    if (!graphView.theme) graphView.refreshTheme?.();\n    renderGraphLegend(graphView.legend, snapshot, graphView.theme, graphView.showResourceDeclarations);\n\tconst elementCount = scene.nodes.length + scene.edges.length;\n\tconst layoutElementBudget = graphView.layoutElementBudget ?? Number.MAX_SAFE_INTEGER;\n\tif (elementCount > layoutElementBudget) {\n\t\tgraphView.renderer?.destroy();\n\t\tgraphView.renderer = undefined;\n\t\tconst notice = document.createElement('div');\n\t\tnotice.className = 'zenfg-inspector-graph-status';\n\t\tnotice.dataset.state = 'empty';\n\t\tnotice.setAttribute('role', 'status');\n\t\tnotice.textContent = `Automatic layout disabled: ${elementCount} graph elements exceed the ${layoutElementBudget} element budget. Passes, Resources, Memory, Diagnostics, and raw data remain available.`;\n\t\tgraphView.host.replaceChildren(notice);\n\t\treturn;\n\t}\n\tgraphView.renderer ??= new CytoscapeGraphRenderer(graphView.host);\n    graphView.renderer.render({\n        scene,\n        theme: graphView.theme,\n        onVisible: graphView.refreshTheme,\n        selected,\n        hovered,\n        fit: graphView.fitOnNextRender,\n        anchorElementId: graphView.anchorElementIdOnNextRender,\n        reveal: graphView.revealOnNextRender,\n        captureRevision: graphView.captureRevision,\n        onSelect,\n        onHover,\n        onToggleGroup,\n    });\n    graphView.fitOnNextRender = false;\n    graphView.anchorElementIdOnNextRender = undefined;\n    graphView.revealOnNextRender = undefined;\n}\n\nexport function resolveGraphScene(\n    graphView: GraphViewState,\n    snapshot: FrameGraphDebugViewModel,\n): GraphScene {\n    const optionsKey = JSON.stringify([\n        graphView.groupsEnabled,\n        graphView.showResourceDeclarations ?? true,\n        [...graphView.expandedGroupPaths].sort(),\n    ]);\n    const cached = graphSceneCache.get(graphView);\n    if (cached?.snapshot === snapshot && cached.optionsKey === optionsKey) return cached.scene;\n    const scene = createGraphScene(snapshot, {\n        groupsEnabled: graphView.groupsEnabled,\n        showResourceDeclarations: graphView.showResourceDeclarations,\n        expandedGroupPaths: graphView.expandedGroupPaths,\n    });\n    graphSceneCache.set(graphView, { snapshot, optionsKey, scene });\n    return scene;\n}\n\nexport function fitGraph(graphView: GraphViewState): void {\n    graphView.renderer?.fit();\n}\n\nexport function resizeGraph(graphView: GraphViewState): void {\n    graphView.refreshTheme?.();\n    graphView.renderer?.resize();\n}\n\nexport function destroyGraph(graphView: GraphViewState): void {\n    graphView.renderer?.destroy();\n    graphView.renderer = undefined;\n    graphSceneCache.delete(graphView);\n}\n\nexport function renderGraphLegend(host: HTMLElement | undefined, snapshot: FrameGraphDebugViewModel, theme = GRAPH_VISUAL_THEME, showResourceDeclarations = true): void {\n    if (!host) return;\n    const entries = createGraphLegend(snapshot, theme, showResourceDeclarations);\n    const key = JSON.stringify(entries);\n    if (host.dataset.legendKey === key) return;\n    host.dataset.legendKey = key;\n    host.replaceChildren();\n    let group: HTMLElement | undefined;\n    for (const entry of entries) {\n        if (group?.getAttribute('aria-label') !== entry.group) {\n            group = document.createElement('span');\n            group.className = 'zenfg-inspector-legend-group';\n            group.setAttribute('role', 'group');\n            group.setAttribute('aria-label', entry.group);\n            const heading = document.createElement('span');\n            heading.className = 'zenfg-inspector-legend-heading';\n            heading.textContent = entry.group;\n            group.appendChild(heading);\n            host.appendChild(group);\n        }\n        const item = document.createElement('span');\n        item.className = 'zenfg-inspector-legend-item';\n        const swatch = document.createElement('span');\n        swatch.className = 'zenfg-inspector-legend-swatch';\n        swatch.dataset.shape = entry.shape;\n        if (entry.lineStyle) swatch.dataset.lineStyle = entry.lineStyle;\n        if (entry.hollowArrow) swatch.dataset.hollowArrow = 'true';\n        swatch.style.setProperty('--zenfg-inspector-legend-color', entry.color);\n        if (entry.shape === 'cut-rectangle' || entry.shape === 'tag') {\n            const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n            svg.setAttribute('viewBox', '0 0 20 14');\n            svg.setAttribute('aria-hidden', 'true');\n            const polygon = document.createElementNS('http://www.w3.org/2000/svg', 'polygon');\n            polygon.setAttribute('points', entry.shape === 'tag'\n                ? '1,1 16,1 19,7 16,13 1,13'\n                : '4,1 16,1 19,4 19,10 16,13 4,13 1,10 1,4');\n            svg.appendChild(polygon);\n            swatch.appendChild(svg);\n        }\n        const label = document.createElement('span');\n        label.textContent = entry.label;\n        item.append(swatch, label);\n        group!.appendChild(item);\n    }\n}\n"]}

package/dist/panelGraphVisuals.d.ts

@@ -1,5 +1,6 @@
 import type cytoscape from 'cytoscape';
 import type { GraphScene, GraphSceneEdge, GraphSceneNode } from './panelGraphScene.ts';
+import { type GraphVisualTheme } from './panelVisualTheme.ts';
 import { type FrameGraphDebugViewModel } from './debugCaptureModel.ts';
 export { GRAPH_VISUAL_THEME } from './panelVisualTheme.ts';
 export declare const GRAPH_GEOMETRY: {
@@ -17,8 +18,9 @@ export declare const GRAPH_GEOMETRY: {
         readonly left: 24;
     };
     readonly edgeCornerRadius: 6;
-    readonly outputWidth: 256;
-    readonly outputLabelWidth: 144;
+    readonly outputWidth: 208;
+    readonly outputTipWidth: 24;
+    readonly outputLabelWidth: 160;
 };
 export type GraphLegendEntry = {
     readonly group: 'Execution' | 'Resources' | 'Relationships';
@@ -29,14 +31,20 @@ export type GraphLegendEntry = {
     readonly lineStyle?: 'solid' | 'dotted' | 'dashed';
     readonly hollowArrow?: boolean;
 };
-export declare function createGraphLegend(snapshot: FrameGraphDebugViewModel): readonly GraphLegendEntry[];
-export declare function createGraphStyles(): cytoscape.StylesheetJson;
-export declare function nodeDimensions(node: GraphSceneNode): {
+export declare function createGraphLegend(snapshot: FrameGraphDebugViewModel, theme?: GraphVisualTheme, showResourceDeclarations?: boolean): readonly GraphLegendEntry[];
+export declare function createGraphStyles(theme?: GraphVisualTheme): cytoscape.StylesheetJson;
+export declare function nodeDimensions(node: GraphSceneNode, theme?: GraphVisualTheme): {
     readonly width: number;
     readonly height: number;
 };
+/** Enlarge short labels within the existing box; retain the theme size for dense text. */
+export declare function graphLabelFontSize(label: string, width: number, height: number, theme: GraphVisualTheme): number;
+/** Wrap only the group name (up to two lines); keep the node-count row distinct. */
+export declare function fitCollapsedGroupLabel(label: string, width: number, theme: GraphVisualTheme): string;
+/** Fit the already semantic label to its available width after font changes. */
+export declare function fitGraphLabel(label: string, width: number, theme: GraphVisualTheme): string;
 export declare function graphLayoutGeometryKey(scene: GraphScene): string;
 export declare function graphEdgeDisplayLabel(_edge: GraphSceneEdge): string;
 export declare function expandedGroupLabelMaxWidth(outerWidth: number): number;
-export declare function isOverviewGraphScale(zoom: number): boolean;
+export declare function isOverviewGraphScale(zoom: number, theme?: GraphVisualTheme): boolean;
 //# sourceMappingURL=panelGraphVisuals.d.ts.map

package/dist/panelGraphVisuals.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panelGraphVisuals.d.ts","sourceRoot":"","sources":["../src/panelGraphVisuals.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,SAAS,MAAM,WAAW,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEvF,OAAO,EAAwB,KAAK,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAE7F,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAG3D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;CAYjB,CAAC;AAKX,MAAM,MAAM,gBAAgB,GAAG;IAC3B,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,WAAW,GAAG,eAAe,CAAC;IAC5D,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,eAAe,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/E,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACnD,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAWF,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,wBAAwB,GAAG,SAAS,gBAAgB,EAAE,CA6BjG;AAED,wBAAgB,iBAAiB,IAAI,SAAS,CAAC,cAAc,CA2K5D;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,cAAc,GAAG;IAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAWxG;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAQhE;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,CAEnE;AAED,wBAAgB,0BAA0B,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAErE;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAE1D"}
+{"version":3,"file":"panelGraphVisuals.d.ts","sourceRoot":"","sources":["../src/panelGraphVisuals.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,SAAS,MAAM,WAAW,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACvF,OAAO,EAAsB,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAwB,KAAK,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAE7F,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAG3D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;CAajB,CAAC;AAKX,MAAM,MAAM,gBAAgB,GAAG;IAC3B,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,WAAW,GAAG,eAAe,CAAC;IAC5D,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,eAAe,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/E,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACnD,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,wBAAwB,EAAE,KAAK,GAAE,gBAAqC,EAAE,wBAAwB,UAAO,GAAG,SAAS,gBAAgB,EAAE,CAsChL;AAED,wBAAgB,iBAAiB,CAAC,KAAK,GAAE,gBAAqC,GAAG,SAAS,CAAC,cAAc,CAqLxG;AAeD,wBAAgB,cAAc,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,GAAE,gBAAqC,GAAG;IAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAItJ;AAED,0FAA0F;AAC1F,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAQhH;AAED,oFAAoF;AACpF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAkBpG;AAED,gFAAgF;AAChF,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAU3F;AASD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAQhE;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,CAEnE;AAED,wBAAgB,0BAA0B,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAErE;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,GAAE,gBAAqC,GAAG,OAAO,CAExG"}

package/dist/panelGraphVisuals.js

@@ -11,55 +11,64 @@ export const GRAPH_GEOMETRY = {
     groupPadding: 32,
     elkGroupPadding: { top: 46, right: 24, bottom: 24, left: 24 },
     edgeCornerRadius: 6,
-    outputWidth: 256,
-    outputLabelWidth: 144,
+    outputWidth: 208,
+    outputTipWidth: 24,
+    outputLabelWidth: 160,
 };
 const ENDPOINT_EDGE_DISTANCES = 'endpoints';
 const EDGE_SEGMENT_RADII = `${GRAPH_GEOMETRY.edgeCornerRadius}px`;
-const NODE_LEGEND_ENTRIES = {
-    render: nodeLegend('render', 'Render', GRAPH_VISUAL_THEME.render.stroke),
-    compute: nodeLegend('compute', 'Compute', GRAPH_VISUAL_THEME.compute.stroke),
-    copy: nodeLegend('copy', 'Copy', GRAPH_VISUAL_THEME.copy.stroke),
-    'clear-buffer': nodeLegend('clear', 'Clear', GRAPH_VISUAL_THEME.clear.stroke),
-    command: nodeLegend('command', 'Command', GRAPH_VISUAL_THEME.command.stroke),
-    'external-submission': { ...nodeLegend('external', 'External', GRAPH_VISUAL_THEME.external.stroke), shape: 'cut-rectangle' },
-};
-export function createGraphLegend(snapshot) {
+export function createGraphLegend(snapshot, theme = GRAPH_VISUAL_THEME, showResourceDeclarations = true) {
+    const nodeEntries = {
+        render: nodeLegend('render', 'Render', theme.render.stroke),
+        compute: nodeLegend('compute', 'Compute', theme.compute.stroke),
+        copy: nodeLegend('copy', 'Copy', theme.copy.stroke),
+        'clear-buffer': nodeLegend('clear', 'Clear', theme.clear.stroke),
+        command: nodeLegend('command', 'Command', theme.command.stroke),
+        'external-submission': { ...nodeLegend('external', 'External', theme.external.stroke), shape: 'cut-rectangle' },
+    };
     const entries = [];
     const passKinds = new Set(snapshot.nodes.map((node) => node.kind));
     for (const kind of ['render', 'compute', 'copy', 'clear-buffer', 'command', 'external-submission']) {
         if (passKinds.has(kind))
-            entries.push(NODE_LEGEND_ENTRIES[kind]);
+            entries.push(nodeEntries[kind]);
     }
     const retained = new Set(snapshot.nodes.map((node) => node.id));
     const used = new Set([
         ...snapshot.accessEdges.filter((access) => retained.has(access.nodeId)).map((access) => access.resource.id),
         ...snapshot.roots.flatMap((root) => root.resource ? [root.resource.id] : []),
     ]);
-    const resources = snapshot.resources.filter((resource) => used.has(resource.id));
+    const resources = showResourceDeclarations ? snapshot.resources.filter((resource) => used.has(resource.id)) : [];
     if (resources.length)
-        entries.push({ group: 'Resources', key: 'declaration', label: 'Declaration', color: GRAPH_VISUAL_THEME.declaration.stroke, shape: 'ellipse' });
+        entries.push({ group: 'Resources', key: 'declaration', label: 'Declaration', color: theme.declaration.stroke, shape: 'ellipse' });
     if (snapshot.roots.some((root) => root.resource))
-        entries.push({ group: 'Resources', key: 'output', label: 'Output', color: GRAPH_VISUAL_THEME.output.stroke, shape: 'tag' });
+        entries.push({ group: 'Resources', key: 'output', label: 'Output', color: theme.output.stroke, shape: 'tag' });
     if ([...snapshot.nodes, ...resources].some((item) => item.debugGroupId !== undefined)) {
-        entries.push({ group: 'Relationships', key: 'group', label: 'Group', color: GRAPH_VISUAL_THEME.group.stroke, shape: 'group' });
+        entries.push({ group: 'Relationships', key: 'group', label: 'Group', color: theme.group.stroke, shape: 'group' });
     }
     if (snapshot.edges.some((edge) => edge.kind === 'value')
-        || declarationEntrances(snapshot.nodes, snapshot.accessEdges, snapshot.edges).length
-        || snapshot.roots.some((root) => root.resource && root.resolution && (root.resolution.usesInitialContents || root.resolution.producerNodeIds.length))) {
-        entries.push(edgeLegend('flow', 'Resource Flow', GRAPH_VISUAL_THEME.dependency.value, 'solid'));
+        || (showResourceDeclarations && declarationEntrances(snapshot.nodes, snapshot.accessEdges, snapshot.edges).length)
+        || snapshot.roots.some((root) => root.resource && root.resolution && ((showResourceDeclarations && root.resolution.usesInitialContents) || root.resolution.producerNodeIds.length))) {
+        entries.push(edgeLegend('flow', 'Resource Flow', theme.dependency.value, 'solid'));
     }
     if (snapshot.edges.some((edge) => edge.kind === 'ordering')) {
         entries.push({
-            ...edgeLegend('ordering', 'Order', GRAPH_VISUAL_THEME.dependency.ordering, 'dotted'),
+            ...edgeLegend('ordering', 'Order', theme.dependency.ordering, 'dotted'),
             hollowArrow: true,
         });
     }
     return entries;
 }
-export function createGraphStyles() {
-    const theme = GRAPH_VISUAL_THEME;
+export function createGraphStyles(theme = GRAPH_VISUAL_THEME) {
     return [
+        {
+            selector: 'core',
+            style: {
+                'active-bg-color': theme.activeBackground.color,
+                'active-bg-opacity': theme.activeBackground.opacity,
+                'active-bg-size': theme.activeBackground.size,
+                // Cytoscape accepts partial core styles; its Core type marks every property required.
+            },
+        },
         {
             selector: 'node',
             style: {
@@ -68,14 +77,15 @@ export function createGraphStyles() {
                 'height': 'data(height)',
                 'label': 'data(displayLabel)',
                 'text-wrap': 'wrap',
-                'text-max-width': '160px',
-                'font-family': 'ui-monospace, SFMono-Regular, Consolas, Liberation Mono, monospace',
-                'font-size': GRAPH_GEOMETRY.baseFontSize,
+                'text-max-width': 'data(labelMaxWidth)',
+                'font-family': theme.fontFamily,
+                'font-size': (element) => element.data('labelFontSize') ?? theme.fontSize,
+                'line-height': 1.2,
                 'min-zoomed-font-size': GRAPH_GEOMETRY.minimumZoomedFontSize,
                 'color': theme.text,
                 'background-color': theme.surfaceRaised,
                 'border-color': theme.group.stroke,
-                'border-width': 1.25,
+                'border-width': theme.nodeBorderWidth,
                 'border-style': 'solid',
                 'text-valign': 'center',
                 'text-halign': 'center',
@@ -108,12 +118,13 @@ export function createGraphStyles() {
         {
             selector: 'node[kind = "root"]',
             style: {
-                'shape': 'tag',
+                'shape': 'polygon',
+                'shape-polygon-points': `-1 -1 ${1 - 2 * GRAPH_GEOMETRY.outputTipWidth / GRAPH_GEOMETRY.outputWidth} -1 1 0 ${1 - 2 * GRAPH_GEOMETRY.outputTipWidth / GRAPH_GEOMETRY.outputWidth} 1 -1 1`,
                 'background-color': theme.output.fill,
                 'border-color': theme.output.stroke,
-                'text-max-width': `${GRAPH_GEOMETRY.outputLabelWidth}px`,
-                // Native tag shoulders sit at 5/8 of its width. Center text in the rectangular body.
-                'text-margin-x': -GRAPH_GEOMETRY.outputWidth * 3 / 16,
+                'text-max-width': 'data(labelMaxWidth)',
+                // Keep a short tip and center the label in the rectangular body.
+                'text-margin-x': -GRAPH_GEOMETRY.outputTipWidth / 2 * theme.fontSize / GRAPH_GEOMETRY.baseFontSize,
             },
         },
         {
@@ -127,13 +138,13 @@ export function createGraphStyles() {
             style: {
                 'background-color': theme.group.fill,
                 'border-color': theme.group.stroke,
-                'border-width': 2,
+                'border-width': theme.groupBorderWidth,
                 'color': theme.text,
             },
         },
         {
             selector: 'node[kind = "group"][collapsed = 0]',
-            style: expandedGroupStyle(theme.group.fill),
+            style: expandedGroupStyle(theme.group.fill, theme),
         },
         {
             selector: 'node[kind = "group"][collapsed = 0][depthBand = 1]',
@@ -142,16 +153,16 @@ export function createGraphStyles() {
         {
             selector: 'edge',
             style: {
-                'width': 1.5,
+                'width': theme.edgeWidth,
                 'line-color': theme.dependency.value,
-                'line-opacity': 0.82,
+                'line-opacity': theme.edgeOpacity,
                 'target-arrow-color': theme.dependency.value,
                 'target-arrow-shape': 'triangle',
                 'target-arrow-fill': 'filled',
-                'arrow-scale': 0.8,
+                'arrow-scale': theme.arrowScale,
                 'curve-style': 'straight',
                 'label': 'data(displayLabel)',
-                'font-family': 'ui-monospace, SFMono-Regular, Consolas, Liberation Mono, monospace',
+                'font-family': theme.fontFamily,
                 'font-size': 10,
                 'min-zoomed-font-size': GRAPH_GEOMETRY.minimumZoomedFontSize,
                 'color': theme.text,
@@ -170,7 +181,7 @@ export function createGraphStyles() {
                 'target-arrow-color': theme.dependency.ordering,
                 'line-style': 'dotted',
                 'target-arrow-fill': 'hollow',
-                'line-opacity': 0.72,
+                'line-opacity': theme.orderingOpacity,
             },
         },
         {
@@ -194,7 +205,7 @@ export function createGraphStyles() {
             selector: 'node.semantic-hover',
             style: {
                 'border-color': theme.hover,
-                'border-width': 2,
+                'border-width': theme.hoverWidth,
                 'z-index': 15,
             },
         },
@@ -204,7 +215,7 @@ export function createGraphStyles() {
                 'line-color': theme.hover,
                 'target-arrow-color': theme.hover,
                 'line-opacity': 1,
-                'width': 2.5,
+                'width': theme.hoverWidth,
                 'z-index': 15,
             },
         },
@@ -212,7 +223,7 @@ export function createGraphStyles() {
             selector: 'node.semantic-selected',
             style: {
                 'border-color': theme.selected,
-                'border-width': 3,
+                'border-width': theme.selectedWidth,
                 'opacity': 1,
                 'z-index': 20,
             },
@@ -223,13 +234,13 @@ export function createGraphStyles() {
                 'line-color': theme.selected,
                 'target-arrow-color': theme.selected,
                 'line-opacity': 1,
-                'width': 3,
+                'width': theme.selectedWidth,
                 'z-index': 20,
             },
         },
     ];
 }
-export function nodeDimensions(node) {
+function baseNodeDimensions(node) {
     switch (node.kind) {
         case 'pass':
             return { width: 184, height: node.label.includes('\n') ? 62 : 48 };
@@ -238,9 +249,72 @@ export function nodeDimensions(node) {
         case 'resource':
             return { width: 184, height: Math.max(58, node.label.split('\n').length * 17 + 24) };
         case 'group':
-            return node.collapsed ? { width: 224, height: 68 } : { width: 120, height: 80 };
+            return node.collapsed ? { width: 240, height: 80 } : { width: 120, height: 80 };
     }
 }
+export function nodeDimensions(node, theme = GRAPH_VISUAL_THEME) {
+    const base = baseNodeDimensions(node);
+    const scale = theme.fontSize / GRAPH_GEOMETRY.baseFontSize;
+    return { width: base.width * scale, height: base.height * scale };
+}
+/** Enlarge short labels within the existing box; retain the theme size for dense text. */
+export function graphLabelFontSize(label, width, height, theme) {
+    const context = graphTextContext();
+    if (context)
+        context.font = theme.fontSize + 'px ' + theme.fontFamily;
+    const lines = label.split('\n');
+    const widest = Math.max(1, ...lines.map(line => context?.measureText(line).width ?? [...line].length * theme.fontSize * .62));
+    const widthScale = width / widest;
+    const heightScale = height / (lines.length * theme.fontSize * 1.2);
+    return Math.max(theme.fontSize, Math.floor(theme.fontSize * Math.min(1.25, widthScale, heightScale) * 4) / 4);
+}
+/** Wrap only the group name (up to two lines); keep the node-count row distinct. */
+export function fitCollapsedGroupLabel(label, width, theme) {
+    const [name = '', ...summary] = label.split('\n');
+    const context = graphTextContext();
+    if (context)
+        context.font = theme.fontSize + 'px ' + theme.fontFamily;
+    const measure = (text) => context?.measureText(text).width ?? [...text].length * theme.fontSize * .62;
+    const chars = [...name];
+    let split = 0;
+    while (split < chars.length && measure(chars.slice(0, split + 1).join('')) <= width)
+        split++;
+    if (split === chars.length)
+        return fitGraphLabel(label, width, theme);
+    // Prefer a word/path boundary without losing characters, including Unicode.
+    const prefix = chars.slice(0, split).join('');
+    const boundary = Math.max(prefix.lastIndexOf(' '), prefix.lastIndexOf('.'), prefix.lastIndexOf('/'));
+    if (boundary > prefix.length / 2)
+        split = [...prefix.slice(0, boundary + 1)].length;
+    return fitGraphLabel([
+        chars.slice(0, split).join('').trimEnd(),
+        chars.slice(split).join('').trimStart(),
+        ...summary,
+    ].join('\n'), width, theme);
+}
+/** Fit the already semantic label to its available width after font changes. */
+export function fitGraphLabel(label, width, theme) {
+    const context = graphTextContext();
+    if (context)
+        context.font = theme.fontSize + 'px ' + theme.fontFamily;
+    const measure = (text) => context?.measureText(text).width ?? [...text].length * theme.fontSize * .62;
+    return label.split('\n').map(line => {
+        if (measure(line) <= width)
+            return line;
+        const chars = [...line];
+        while (chars.length && measure(chars.join('') + '…') > width)
+            chars.pop();
+        return chars.join('') + '…';
+    }).join('\n');
+}
+let textContext;
+function graphTextContext() {
+    if (typeof document === 'undefined')
+        return null;
+    if (textContext === undefined)
+        textContext = document.createElement('canvas').getContext('2d');
+    return textContext;
+}
 export function graphLayoutGeometryKey(scene) {
     return JSON.stringify({
         topology: scene.topologyKey,
@@ -256,8 +330,8 @@ export function graphEdgeDisplayLabel(_edge) {
 export function expandedGroupLabelMaxWidth(outerWidth) {
     return Math.max(80, Math.floor(outerWidth - GRAPH_GEOMETRY.groupTitleInset * 2));
 }
-export function isOverviewGraphScale(zoom) {
-    return GRAPH_GEOMETRY.baseFontSize * zoom < GRAPH_GEOMETRY.overviewFontThreshold;
+export function isOverviewGraphScale(zoom, theme = GRAPH_VISUAL_THEME) {
+    return theme.fontSize * zoom < GRAPH_GEOMETRY.overviewFontThreshold;
 }
 function nodeLegend(key, label, color) {
     return { group: 'Execution', key, label, color, shape: 'box' };
@@ -271,15 +345,16 @@ function passStyle(kind, colors) {
         style: { 'background-color': colors.fill, 'border-color': colors.stroke },
     };
 }
-function expandedGroupStyle(backgroundColor) {
+function expandedGroupStyle(backgroundColor, theme) {
     const geometry = GRAPH_GEOMETRY;
     return {
         'background-color': backgroundColor,
-        'background-opacity': 0.34,
-        'border-color': GRAPH_VISUAL_THEME.group.stroke,
-        'border-width': 1.5,
+        'background-opacity': theme.groupOpacity,
+        'border-color': theme.group.stroke,
+        'border-width': theme.groupBorderWidth,
         'padding': `${geometry.groupPadding}px`,
-        'compound-sizing-wrt-labels': 'include',
+        'compound-sizing-wrt-labels': 'exclude',
+        'text-wrap': 'ellipsis',
         'min-width': '120px',
         'min-height': '80px',
         'text-valign': 'top-inside',
@@ -288,7 +363,7 @@ function expandedGroupStyle(backgroundColor) {
         'text-margin-x': geometry.groupTitleInset - geometry.groupPadding * 2,
         'text-margin-y': geometry.groupTitleInset - geometry.groupPadding * 2,
         'line-height': geometry.groupTitleLineHeight,
-        'color': GRAPH_VISUAL_THEME.text,
+        'color': theme.text,
         'font-weight': 600,
     };
 }

package/dist/panelGraphVisuals.js.map

@@ -1 +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';\nimport { declarationEntrances, type FrameGraphDebugViewModel } from './debugCaptureModel.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    outputWidth: 256,\n    outputLabelWidth: 144,\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 group: 'Execution' | 'Resources' | 'Relationships';\n    readonly key: string;\n    readonly label: string;\n    readonly color: string;\n    readonly shape: 'box' | 'cut-rectangle' | 'tag' | '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), shape: 'cut-rectangle' as const },\n} as const;\n\nexport function createGraphLegend(snapshot: FrameGraphDebugViewModel): readonly GraphLegendEntry[] {\n    const entries: GraphLegendEntry[] = [];\n    const passKinds = new Set(snapshot.nodes.map((node) => node.kind));\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    const retained = new Set(snapshot.nodes.map((node) => node.id));\n    const used = new Set([\n        ...snapshot.accessEdges.filter((access) => retained.has(access.nodeId)).map((access) => access.resource.id),\n        ...snapshot.roots.flatMap((root) => root.resource ? [root.resource.id] : []),\n    ]);\n    const resources = snapshot.resources.filter((resource) => used.has(resource.id));\n    if (resources.length) entries.push({ group: 'Resources', key: 'declaration', label: 'Declaration', color: GRAPH_VISUAL_THEME.declaration.stroke, shape: 'ellipse' });\n    if (snapshot.roots.some((root) => root.resource)) entries.push({ group: 'Resources', key: 'output', label: 'Output', color: GRAPH_VISUAL_THEME.output.stroke, shape: 'tag' });\n    if ([...snapshot.nodes, ...resources].some((item) => item.debugGroupId !== undefined)) {\n        entries.push({ group: 'Relationships', key: 'group', label: 'Group', color: GRAPH_VISUAL_THEME.group.stroke, shape: 'group' });\n    }\n    if (snapshot.edges.some((edge) => edge.kind === 'value')\n        || declarationEntrances(snapshot.nodes, snapshot.accessEdges, snapshot.edges).length\n        || snapshot.roots.some((root) => root.resource && root.resolution && (root.resolution.usesInitialContents || root.resolution.producerNodeIds.length))) {\n        entries.push(edgeLegend('flow', 'Resource Flow', GRAPH_VISUAL_THEME.dependency.value, 'solid'));\n    }\n    if (snapshot.edges.some((edge) => edge.kind === 'ordering')) {\n        entries.push({\n            ...edgeLegend('ordering', 'Order', GRAPH_VISUAL_THEME.dependency.ordering, 'dotted'),\n            hollowArrow: true,\n        });\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                'border-style': 'solid',\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                'shape': 'cut-rectangle',\n                'corner-radius': '10px',\n            },\n        },\n        {\n            selector: 'node[kind = \"resource\"]',\n            style: {\n                'shape': 'ellipse',\n                'background-color': theme.declaration.fill,\n                'border-color': theme.declaration.stroke,\n            },\n        },\n        {\n            selector: 'node[kind = \"root\"]',\n            style: {\n                'shape': 'tag',\n                'background-color': theme.output.fill,\n                'border-color': theme.output.stroke,\n                'text-max-width': `${GRAPH_GEOMETRY.outputLabelWidth}px`,\n                // Native tag shoulders sit at 5/8 of its width. Center text in the rectangular body.\n                'text-margin-x': -GRAPH_GEOMETRY.outputWidth * 3 / 16,\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',\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[kind = \"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.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                '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 'root':\n            return { width: GRAPH_GEOMETRY.outputWidth, height: Math.max(58, node.label.split('\\n').length * 17 + 24) };\n        case 'resource':\n            return { width: 184, height: Math.max(58, node.label.split('\\n').length * 17 + 24) };\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, node.kind === 'pass' && node.passKind === 'external-submission'];\n        }),\n    });\n}\n\nexport function graphEdgeDisplayLabel(_edge: GraphSceneEdge): string {\n    return '';\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 { group: 'Execution', 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 { group: 'Relationships', 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"]}
+{"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, type GraphVisualTheme } from './panelVisualTheme.ts';\nimport { declarationEntrances, type FrameGraphDebugViewModel } from './debugCaptureModel.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    outputWidth: 208,\n    outputTipWidth: 24,\n    outputLabelWidth: 160,\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 group: 'Execution' | 'Resources' | 'Relationships';\n    readonly key: string;\n    readonly label: string;\n    readonly color: string;\n    readonly shape: 'box' | 'cut-rectangle' | 'tag' | 'ellipse' | 'group' | 'line';\n    readonly lineStyle?: 'solid' | 'dotted' | 'dashed';\n    readonly hollowArrow?: boolean;\n};\n\nexport function createGraphLegend(snapshot: FrameGraphDebugViewModel, theme: GraphVisualTheme = GRAPH_VISUAL_THEME, showResourceDeclarations = true): readonly GraphLegendEntry[] {\n    const nodeEntries = {\n        render: nodeLegend('render', 'Render', theme.render.stroke),\n        compute: nodeLegend('compute', 'Compute', theme.compute.stroke),\n        copy: nodeLegend('copy', 'Copy', theme.copy.stroke),\n        'clear-buffer': nodeLegend('clear', 'Clear', theme.clear.stroke),\n        command: nodeLegend('command', 'Command', theme.command.stroke),\n        'external-submission': { ...nodeLegend('external', 'External', theme.external.stroke), shape: 'cut-rectangle' as const },\n    } as const;\n\n    const entries: GraphLegendEntry[] = [];\n    const passKinds = new Set(snapshot.nodes.map((node) => node.kind));\n    for (const kind of ['render', 'compute', 'copy', 'clear-buffer', 'command', 'external-submission'] as const) {\n        if (passKinds.has(kind)) entries.push(nodeEntries[kind]);\n    }\n    const retained = new Set(snapshot.nodes.map((node) => node.id));\n    const used = new Set([\n        ...snapshot.accessEdges.filter((access) => retained.has(access.nodeId)).map((access) => access.resource.id),\n        ...snapshot.roots.flatMap((root) => root.resource ? [root.resource.id] : []),\n    ]);\n    const resources = showResourceDeclarations ? snapshot.resources.filter((resource) => used.has(resource.id)) : [];\n    if (resources.length) entries.push({ group: 'Resources', key: 'declaration', label: 'Declaration', color: theme.declaration.stroke, shape: 'ellipse' });\n    if (snapshot.roots.some((root) => root.resource)) entries.push({ group: 'Resources', key: 'output', label: 'Output', color: theme.output.stroke, shape: 'tag' });\n    if ([...snapshot.nodes, ...resources].some((item) => item.debugGroupId !== undefined)) {\n        entries.push({ group: 'Relationships', key: 'group', label: 'Group', color: theme.group.stroke, shape: 'group' });\n    }\n    if (snapshot.edges.some((edge) => edge.kind === 'value')\n        || (showResourceDeclarations && declarationEntrances(snapshot.nodes, snapshot.accessEdges, snapshot.edges).length)\n        || snapshot.roots.some((root) => root.resource && root.resolution && ((showResourceDeclarations && root.resolution.usesInitialContents) || root.resolution.producerNodeIds.length))) {\n        entries.push(edgeLegend('flow', 'Resource Flow', theme.dependency.value, 'solid'));\n    }\n    if (snapshot.edges.some((edge) => edge.kind === 'ordering')) {\n        entries.push({\n            ...edgeLegend('ordering', 'Order', theme.dependency.ordering, 'dotted'),\n            hollowArrow: true,\n        });\n    }\n    return entries;\n}\n\nexport function createGraphStyles(theme: GraphVisualTheme = GRAPH_VISUAL_THEME): cytoscape.StylesheetJson {\n    return [\n        {\n            selector: 'core',\n            style: {\n                'active-bg-color': theme.activeBackground.color,\n                'active-bg-opacity': theme.activeBackground.opacity,\n                'active-bg-size': theme.activeBackground.size,\n            // Cytoscape accepts partial core styles; its Core type marks every property required.\n            } satisfies Partial<cytoscape.Css.Core> as cytoscape.Css.Core,\n        },\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': 'data(labelMaxWidth)',\n                'font-family': theme.fontFamily,\n                'font-size': (element: cytoscape.SingularElementArgument) => (element.data('labelFontSize') as number | undefined) ?? theme.fontSize,\n                'line-height': 1.2,\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': theme.nodeBorderWidth,\n                'border-style': 'solid',\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                'shape': 'cut-rectangle',\n                'corner-radius': '10px',\n            },\n        },\n        {\n            selector: 'node[kind = \"resource\"]',\n            style: {\n                'shape': 'ellipse',\n                'background-color': theme.declaration.fill,\n                'border-color': theme.declaration.stroke,\n            },\n        },\n        {\n            selector: 'node[kind = \"root\"]',\n            style: {\n                'shape': 'polygon',\n                'shape-polygon-points': `-1 -1 ${1 - 2 * GRAPH_GEOMETRY.outputTipWidth / GRAPH_GEOMETRY.outputWidth} -1 1 0 ${1 - 2 * GRAPH_GEOMETRY.outputTipWidth / GRAPH_GEOMETRY.outputWidth} 1 -1 1`,\n                'background-color': theme.output.fill,\n                'border-color': theme.output.stroke,\n                'text-max-width': 'data(labelMaxWidth)',\n                // Keep a short tip and center the label in the rectangular body.\n                'text-margin-x': -GRAPH_GEOMETRY.outputTipWidth / 2 * theme.fontSize / GRAPH_GEOMETRY.baseFontSize,\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': theme.groupBorderWidth,\n                'color': theme.text,\n            },\n        },\n        {\n            selector: 'node[kind = \"group\"][collapsed = 0]',\n            style: expandedGroupStyle(theme.group.fill, theme),\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': theme.edgeWidth,\n                'line-color': theme.dependency.value,\n                'line-opacity': theme.edgeOpacity,\n                'target-arrow-color': theme.dependency.value,\n                'target-arrow-shape': 'triangle',\n                'target-arrow-fill': 'filled',\n                'arrow-scale': theme.arrowScale,\n                'curve-style': 'straight',\n                'label': 'data(displayLabel)',\n                'font-family': theme.fontFamily,\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[kind = \"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': theme.orderingOpacity,\n            },\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': theme.hoverWidth,\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': theme.hoverWidth,\n                'z-index': 15,\n            },\n        },\n        {\n            selector: 'node.semantic-selected',\n            style: {\n                'border-color': theme.selected,\n                'border-width': theme.selectedWidth,\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': theme.selectedWidth,\n                'z-index': 20,\n            },\n        },\n    ];\n}\n\nfunction baseNodeDimensions(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 'root':\n            return { width: GRAPH_GEOMETRY.outputWidth, height: Math.max(58, node.label.split('\\n').length * 17 + 24) };\n        case 'resource':\n            return { width: 184, height: Math.max(58, node.label.split('\\n').length * 17 + 24) };\n        case 'group':\n            return node.collapsed ? { width: 240, height: 80 } : { width: 120, height: 80 };\n    }\n}\n\nexport function nodeDimensions(node: GraphSceneNode, theme: GraphVisualTheme = GRAPH_VISUAL_THEME): { readonly width: number; readonly height: number } {\n    const base = baseNodeDimensions(node);\n    const scale = theme.fontSize / GRAPH_GEOMETRY.baseFontSize;\n    return { width: base.width * scale, height: base.height * scale };\n}\n\n/** Enlarge short labels within the existing box; retain the theme size for dense text. */\nexport function graphLabelFontSize(label: string, width: number, height: number, theme: GraphVisualTheme): number {\n    const context = graphTextContext();\n    if (context) context.font = theme.fontSize + 'px ' + theme.fontFamily;\n    const lines = label.split('\\n');\n    const widest = Math.max(1, ...lines.map(line => context?.measureText(line).width ?? [...line].length * theme.fontSize * .62));\n    const widthScale = width / widest;\n    const heightScale = height / (lines.length * theme.fontSize * 1.2);\n    return Math.max(theme.fontSize, Math.floor(theme.fontSize * Math.min(1.25, widthScale, heightScale) * 4) / 4);\n}\n\n/** Wrap only the group name (up to two lines); keep the node-count row distinct. */\nexport function fitCollapsedGroupLabel(label: string, width: number, theme: GraphVisualTheme): string {\n    const [name = '', ...summary] = label.split('\\n');\n    const context = graphTextContext();\n    if (context) context.font = theme.fontSize + 'px ' + theme.fontFamily;\n    const measure = (text: string) => context?.measureText(text).width ?? [...text].length * theme.fontSize * .62;\n    const chars = [...name];\n    let split = 0;\n    while (split < chars.length && measure(chars.slice(0, split + 1).join('')) <= width) split++;\n    if (split === chars.length) return fitGraphLabel(label, width, theme);\n    // Prefer a word/path boundary without losing characters, including Unicode.\n    const prefix = chars.slice(0, split).join('');\n    const boundary = Math.max(prefix.lastIndexOf(' '), prefix.lastIndexOf('.'), prefix.lastIndexOf('/'));\n    if (boundary > prefix.length / 2) split = [...prefix.slice(0, boundary + 1)].length;\n    return fitGraphLabel([\n        chars.slice(0, split).join('').trimEnd(),\n        chars.slice(split).join('').trimStart(),\n        ...summary,\n    ].join('\\n'), width, theme);\n}\n\n/** Fit the already semantic label to its available width after font changes. */\nexport function fitGraphLabel(label: string, width: number, theme: GraphVisualTheme): string {\n    const context = graphTextContext();\n    if (context) context.font = theme.fontSize + 'px ' + theme.fontFamily;\n    const measure = (text: string) => context?.measureText(text).width ?? [...text].length * theme.fontSize * .62;\n    return label.split('\\n').map(line => {\n        if (measure(line) <= width) return line;\n        const chars = [...line];\n        while (chars.length && measure(chars.join('') + '…') > width) chars.pop();\n        return chars.join('') + '…';\n    }).join('\\n');\n}\n\nlet textContext: CanvasRenderingContext2D | null | undefined;\nfunction graphTextContext(): CanvasRenderingContext2D | null {\n    if (typeof document === 'undefined') return null;\n    if (textContext === undefined) textContext = document.createElement('canvas').getContext('2d');\n    return textContext;\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, node.kind === 'pass' && node.passKind === 'external-submission'];\n        }),\n    });\n}\n\nexport function graphEdgeDisplayLabel(_edge: GraphSceneEdge): string {\n    return '';\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, theme: GraphVisualTheme = GRAPH_VISUAL_THEME): boolean {\n    return theme.fontSize * zoom < GRAPH_GEOMETRY.overviewFontThreshold;\n}\n\nfunction nodeLegend(key: string, label: string, color: string): GraphLegendEntry {\n    return { group: 'Execution', 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 { group: 'Relationships', 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, theme: GraphVisualTheme): cytoscape.Css.Node {\n    const geometry = GRAPH_GEOMETRY;\n    return {\n        'background-color': backgroundColor,\n        'background-opacity': theme.groupOpacity,\n        'border-color': theme.group.stroke,\n        'border-width': theme.groupBorderWidth,\n        'padding': `${geometry.groupPadding}px`,\n        'compound-sizing-wrt-labels': 'exclude',\n        'text-wrap': 'ellipsis',\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': theme.text,\n        'font-weight': 600,\n    };\n}\n"]}

package/dist/panelInspectorView.d.ts

@@ -14,6 +14,7 @@ export declare class InspectorView {
     private activeTab;
     private open;
     private hoveredLink;
+    private rawCache;
     constructor(callbacks: WorkbenchCallbacks, onOpenChange: (open: boolean) => void, idPrefix: string);
     setSnapshot(snapshot: FrameGraphDebugViewModel): void;
     setSelection(selected: Selection | undefined, reveal?: boolean): void;
@@ -34,5 +35,12 @@ export declare class InspectorView {
     private summary;
     private accessNodeLabel;
     private accessNodeSelection;
+    private nodeLink;
+    private primaryPage;
+    private revealButton;
+    private createLocationActions;
+    private selectionId;
+    private copyId;
+    private createDiagnostics;
 }
 //# sourceMappingURL=panelInspectorView.d.ts.map

package/dist/panelInspectorView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panelInspectorView.d.ts","sourceRoot":"","sources":["../src/panelInspectorView.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAIX,wBAAwB,EACxB,MAAM,wBAAwB,CAAC;AAIhC,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAMN,KAAK,kBAAkB,EACvB,MAAM,4BAA4B,CAAC;AAwBpC,qBAAa,aAAa;IAaxB,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,YAAY;IAb9B,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;IACpB,OAAO,CAAC,WAAW,CAAgC;gBAGjC,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;IAQlE,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAQ5B,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,MAAM;IAgCd,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,aAAa;IAyFrB,OAAO,CAAC,eAAe;IAmGvB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,aAAa;IA4BrB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,OAAO;IAkBf,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,mBAAmB;CAK3B"}
+{"version":3,"file":"panelInspectorView.d.ts","sourceRoot":"","sources":["../src/panelInspectorView.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAIX,wBAAwB,EACxB,MAAM,wBAAwB,CAAC;AAKhC,OAAO,KAAK,EAAgB,SAAS,EAAgB,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAUN,KAAK,kBAAkB,EACvB,MAAM,4BAA4B,CAAC;AA2BpC,qBAAa,aAAa;IAcxB,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,YAAY;IAd9B,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,CAAS;IACrB,OAAO,CAAC,WAAW,CAAgC;IACnD,OAAO,CAAC,QAAQ,CAAkH;gBAGhH,SAAS,EAAE,kBAAkB,EAC7B,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,EACtD,QAAQ,EAAE,MAAM;IAyCjB,WAAW,CAAC,QAAQ,EAAE,wBAAwB,GAAG,IAAI;IAMrD,YAAY,CAAC,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,MAAM,UAAO,GAAG,IAAI;IAalE,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAS5B,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,MAAM;IAsDd,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,aAAa;IA4GrB,OAAO,CAAC,eAAe;IAgHvB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,aAAa;IA+BrB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,OAAO;IAkBf,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,qBAAqB;IAkB7B,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,MAAM;IAgBd,OAAO,CAAC,iBAAiB;CAuCzB"}