chore: add nudge to example

Author: idosal

examples/server/app/graph/graph.tsx

@@ -235,6 +235,29 @@ const CustomAvatarXAxisTick = (props: { x: number, y: number, payload: { value:
           width={baseAvatarSize}  // Image base size is constant
           clipPath="url(#clipCircle)" // Clip path is for a 24x24 image starting at 0,0
         />
+        {isHovered && (
+          <g>
+            <rect 
+              x={baseAvatarSize / 2 - 22} // Center the tooltip background
+              y={-18} // Position above the avatar
+              width={44} // Width of the tooltip background
+              height={16} // Height of the tooltip background
+              rx={3} // Rounded corners for the background
+              ry={3}
+              fill="rgba(0,0,0,0.75)" 
+            />
+            <text
+              x={baseAvatarSize / 2} // Center the text
+              y={-7} // Position above the avatar, vertically centered in the rect
+              fill="#FFFFFF"
+              fontSize="10px"
+              textAnchor="middle"
+              style={{ pointerEvents: 'none' }} // Ensure text doesn't interfere with mouse events on avatar
+            >
+              Nudge
+            </text>
+          </g>
+        )}
       </g>
     );
   }

examples/server/src/index.ts

@@ -31,16 +31,14 @@ export class MyMCP extends McpAgent {
 		const url = new URL(requestUrl);
 		const requestHost = url.host;
 
-		// Simple addition tool
 		this.server.tool(
-			"add",
-			{ a: z.number(), b: z.number() },
-			async ({ a, b }) => ({
-				content: [{ type: "text", text: String(a + b) }],
+			"nudge_team_member",
+			{ name: z.string() },
+			async ({ name }) => ({
+				content: [{ type: "text", text: "Nudged " + name + "!" }],
 			})
 		);
 
-		// Calculator tool with multiple operations
 		this.server.tool(
 			"show_task_status",
 			"Displays a UI for the user to see the status of tasks",