Integrate Canvas V2 subgraphs, editable edges and AI runs

src/components/canvas/material-node.tsx

@@ -1,4 +1,5 @@
 "use client";
+import { managedImageSource } from "@/lib/canvas-v2";
 
 import { useContext, useRef } from "react";
 import { Handle, Position, type NodeProps } from "@xyflow/react";
@@ -23,7 +24,7 @@ export function MaterialNode(props: NodeProps<CanvasNode>) {
     <TransformableNode {...props} className={`${styles.node} ${selected ? styles.selectedNode : ""}`}>
       <header className={styles.nodeHeading}><Icon size={13} /><NodeTitle id={id} title={data.title} selected={selected} /></header>
       <Handle type="target" position={Position.Left} className={styles.legacyHandle} isConnectable={false} />
-      {data.kind === "image" ? <img className={styles.image} src={data.src} alt={data.title} draggable={false} referrerPolicy="no-referrer" /> : (
+      {data.kind === "image" ? <img className={styles.image} src={managedImageSource(data.src)} alt={data.title} draggable={false} referrerPolicy="no-referrer" /> : (
         <CanvasTextEditor id={id} data={data} selected={selected} />
       )}
       <Handle type="source" position={Position.Right} className={styles.legacyHandle} isConnectable={false} />