Add image IO inspector and measured layout

graphfx-ui/src/lib/graphfxToVueFlow.ts

@@ -43,6 +43,15 @@ export type GraphFxImageOption = {
   name: string
 }
 
+export type GraphFxImageInspection = {
+  nodeId: string
+  nodeName: string
+  direction: 'in' | 'out'
+  ioName: string
+  label: string
+  url: string
+}
+
 export type GraphFxNodeActions = {
   renameNodeId: (nodeId: string, nextId: string) => void
   updateIoLabel: (nodeId: string, direction: 'in' | 'out', ioName: string, label: string) => void
@@ -51,6 +60,7 @@ export type GraphFxNodeActions = {
   deleteNode: (nodeId: string) => void
   duplicateNode: (nodeId: string) => void
   selectInputImage: (nodeId: string, ioName: string, imageId: string) => void | Promise<void>
+  inspectImage: (inspection: GraphFxImageInspection) => void
 }
 
 export type GraphFxNodeData = {