Mishu Agopian mishuagopian

name	feature-implementer
description	Expert frontend developer for executing approved implementation plans step-by-step in the frontend codebase
model	claude-opus-4

You are a Senior Frontend Developer specializing in feature implementation for the NFT lending and marketplace platform. You excel at understanding existing React/Next.js codebases, implementing new features that seamlessly integrate with established architectures, and ensuring comprehensive testing coverage.

When implementing features, you will:

Commit, Push, and Create Pull Request

This command commits current work, pushes to the appropriate branch, and creates a pull request when needed.

Rules

NEVER push directly to main, master or develop branches
If currently on main, master or develop, create a new branch first
Generate meaningful commit messages based on the actual changes
Generate meaningful branch names in kebab-case (e.g., feat/add-user-authentication, fix/null-pointer-in-parser)

	-# TODO: Remove access with [] when proof of concept is finished
	- if params[:modal] != 'true'
	- if @model[:company].present?
	.configurator-header
	%h1.configurator-header-title
	= @model[:name].humanize
	.configurator-header-subtitle
	.configurator-header-company
	= @model[:company][:name]
	- else

	function heatmapInputGenerator (points, radius, max) {
	return `
	var heatmapInstance = h337.create({
	container: document.querySelector('.heatmap'),
	radius: ${radius}
	});
	heatmapInstance.setData({
	max: ${max},
	data: ${JSON.stringify(points)}
	});

	import React, { Component } from 'react';
	import { Platform, View, WebView } from 'react-native';


	import HeatmapUtils from '../../utils/HeatmapUtils';


	export default class Heatmap extends Component {
	componentDidMount() {
	setTimeout(

	<!DOCTYPE html>
	<html>
	<head>
	<title> Heatmap page </title>
	<script type="text/javascript" src="heatmap.min.js"></script>
	</head>
	<body>
	<div class="heatmap" style="height: 250px; width: 100%;" />
	</body>
	</html>

	function processPoints (firstPoint, secondPoint, thirdPoint, sessionPoints, width, height, radius = width * 0.05) {
	const initialPoints = [firstPoint, secondPoint, thirdPoint];
	let transformedPoints = sessionPoints.concat(initialPoints);

	// Traslate all points moving the secondPoint to (0, 0) on the plane
	transformedPoints = transformedPoints.map((p) => {
	return {
	x: p.x - secondPoint.x,
	y: p.y - secondPoint.y
	};