small changes

src/VisualEditor/DiamondSVG.tsx

@@ -33,5 +33,11 @@ export function DiamondSVG(props: { diamond: Diamond; selected: string[]; highli
     <DiamondShape size={minSize} extraAttrs={extraAttrs}/>
 
     <RectHelper uid={props.diamond.uid} size={minSize} highlight={props.highlight} selected={props.selected} />
+
+    <text x={minSize.x/2} y={minSize.y/2}
+      className="uid"
+      textAnchor="middle"
+      data-uid={props.diamond.uid}>{props.diamond.uid}</text>
+
   </g>;
 }

src/VisualEditor/RectHelpers.tsx

@@ -73,8 +73,5 @@ export function RectHelper(props: { uid: string, size: Vec2D, selected: string[]
       r={CORNER_HELPER_RADIUS}
       data-uid={props.uid}
       data-parts="bottom left" />
-    <text x={10} y={20}
-      className="uid"
-      data-uid={props.uid}>{props.uid}</text>
   </>;
 }

src/VisualEditor/RountangleSVG.tsx

@@ -34,5 +34,10 @@ export function RountangleSVG(props: { rountangle: Rountangle; selected: string[
     <RectHelper uid={uid} size={minSize}
       selected={props.selected}
       highlight={props.highlight} />
+
+    <text x={10} y={20}
+      className="uid"
+      data-uid={props.rountangle.uid}>{props.rountangle.uid}</text>
+
   </g>;
 }