diff --git a/.gitignore b/.gitignore
index ca9c710..6480fff 100644
--- a/.gitignore
+++ b/.gitignore
@@ -74,4 +74,5 @@ TODO.txt
 modelz
 
 magenta4live.amxd/code/public/
-magenta4live.amxd/magenta4live.amxd
\ No newline at end of file
+magenta4live.amxd/magenta4live.amxd
+*.amxd
\ No newline at end of file
diff --git a/README.md b/README.md
index bf43c1d..fcf3ba5 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@ This is not a Google product.
 
 Magenta Studio is a set of plugins contained in a [Max for Live](https://www.ableton.com/en/live/max-for-live/) Device. They are contained in a single web application that runs in the Max environment via Chromium Embedded Framework (CEF). All of the front-end code is contained in the `client/` folder, which contains the five plugins, and common UI and communication components which can be found in the `client/components/` folder. These objects are built using [lit](https://lit.dev/). 
 
-The communication between the web application and Live is handed through Max. This contains a local express server that runs on port 3333 in [Node for Max](https://cycling74.com/articles/node-for-max-intro-%E2%80%93-let%E2%80%99s-get-started). The Max patch and related JavaScript files can be found in the folder called `magenta4live.amxd/`.
+The communication between the web application and Live is handed through Max. This contains a local express server that runs on port 3333 (or 3334, 3335, etc if you have multiple instances open) in [Node for Max](https://cycling74.com/articles/node-for-max-intro-%E2%80%93-let%E2%80%99s-get-started). The Max patch and related JavaScript files can be found in the folder called `magenta4live.amxd/`.
 
 ## Installation
 
@@ -26,7 +26,7 @@ To run the front-end web application in development mode, in which webpack will
 npm run watch
 ```
 
-You will need to open the Max project to start the express server to test your changes. You can either view the app in the [`jweb`] object in Max, or load it in the browser at [http://localhost:3333](http://localhost:3333). Hot reloading is not enabled, so you will need to refresh to see changes.
+You will need to open the Max project to start the express server to test your changes. You can either view the app in the [`jweb`] object in Max, or load it in the browser at [http://localhost:3333](http://localhost:3333) (again, 3334, 3335, etc. if there are multiple instances running). Hot reloading is not enabled, so you will need to refresh to see changes.
 
 ## Building
 
diff --git a/client/about/index.js b/client/about/index.js
index b212696..bf6885f 100644
--- a/client/about/index.js
+++ b/client/about/index.js
@@ -5,13 +5,13 @@ import './style.scss'
 // https://magenta.tensorflow.org/studio/ in the default browser.
 // In CEF, you can't open links in the default browser, but it is
 // possible to do this in Max.
-function handleOpenWebsite(e){
-	e.preventDefault()
-	fetch(e.target.href)
+function handleOpenWebsite(e) {
+  e.preventDefault()
+  fetch(e.target.href)
 }
 
-export function About(parentElement){
-	render(html`
+export function About(parentElement) {
+  render(html`
     <div class="about">
       <h2 id="title">Magenta Studio</h2>
       <center><p>Version: ${VERSION}</p></center>
@@ -21,7 +21,7 @@ export function About(parentElement){
       </p>
       <p>
         Find more information and tutorials at
-        <a target="_blank" href="http://localhost:3333/studio" @click=${handleOpenWebsite}>our website.</a>
+        <a target="_blank" href="/studio" @click=${handleOpenWebsite}>our website.</a>
       </p>
       <!--
       <p>
diff --git a/client/components/src/Client.js b/client/components/src/Client.js
index 0987da4..8327c2c 100644
--- a/client/components/src/Client.js
+++ b/client/components/src/Client.js
@@ -15,31 +15,31 @@
  * limitations under the License.
  */
 
-const ROUTE = 'http://localhost:3333'
+// const ROUTE = 'http://localhost:3333'
 import { encode, decode } from '../../../magenta4live.amxd/code/src/Notes'
 
-async function GET(path){
-	return await fetch(`${ROUTE}/${path}`)
+async function GET(path) {
+	return await fetch(`/${path}`)
 }
 
-async function POST(path, body){
-	return await fetch(`${ROUTE}/${path}`, {
-		method : 'POST',
-		body : JSON.stringify(body),
-		headers : {
-			Accept : 'application/json',
-			'Content-Type' : 'application/json'
+async function POST(path, body) {
+	return await fetch(`/${path}`, {
+		method: 'POST',
+		body: JSON.stringify(body),
+		headers: {
+			Accept: 'application/json',
+			'Content-Type': 'application/json'
 		}
 	})
 }
 
-async function CALL(method, args){
-	const response = await fetch(`${ROUTE}/call`, {
-		method : 'POST',
-		body : JSON.stringify({ method, args }),
-		headers : {
-			Accept : 'application/json',
-			'Content-Type' : 'application/json'
+async function CALL(method, args) {
+	const response = await fetch(`/call`, {
+		method: 'POST',
+		body: JSON.stringify({ method, args }),
+		headers: {
+			Accept: 'application/json',
+			'Content-Type': 'application/json'
 		}
 	})
 	return await response.json()
@@ -48,22 +48,22 @@ async function CALL(method, args){
 /**
  * Returns true if it's connected to Live
  */
-export async function connected(){
+export async function connected() {
 	try {
 		await GET('status')
 		return true
-	} catch (e){
+	} catch (e) {
 		return false
 	}
 }
 
-export async function setNotes(args){
+export async function setNotes(args) {
 	args.notes = encode(args.notes)
 	const response = await CALL('set_notes', args)
 	return response
 }
 
-export async function getNotes(id){
+export async function getNotes(id) {
 	const response = await CALL('get_notes', { id })
 	response.notes = decode(response.notes)
 	return response
@@ -72,20 +72,20 @@ export async function getNotes(id){
 /**
  * Get all the tracks
  */
-export async function tracks(){
+export async function tracks() {
 	return await CALL('tracks')
 }
 
 /**
  * Get all the clips in a track
  */
-export async function clips(id){
+export async function clips(id) {
 	return await CALL('clips', { id })
 }
 
 /**
  * Make sure a track has at least this many clips
  */
-export async function setTrackLength(id, length){
+export async function setTrackLength(id, length) {
 	return await CALL('set_track_length', { length, id })
 }
diff --git a/client/interpolate/Model.js b/client/interpolate/Model.js
index 2dcd0ce..2feaa37 100644
--- a/client/interpolate/Model.js
+++ b/client/interpolate/Model.js
@@ -19,7 +19,7 @@ import { MusicVAE, sequences } from '@magenta/music'
 const { quantizeNoteSequence, unquantizeSequence, clone } = sequences
 
 export class Model {
-	constructor(drums=false){
+	constructor(drums = false) {
 		// const melodyUrl = 'https://storage.googleapis.com/magentadata/js/checkpoints/music_vae/mel_4bar_med_q2'
 		// const drumsUrl = 'https://storage.googleapis.com/magentadata/js/checkpoints/music_vae/drums_4bar_med_q2'
 		const drumUrl = '/interpolate/models/drums_4bar_med'
@@ -27,16 +27,16 @@ export class Model {
 		this.model = new MusicVAE(drums ? drumUrl : melodyUrl)
 	}
 
-	async load(){
+	async load() {
 		try {
 			await this.model.initialize()
-		} catch (e){
+		} catch (e) {
 			const snackbar = document.createElement('magenta-snackbar')
 			document.body.appendChild(snackbar)
 		}
 	}
 
-	validateSequence(seqA, seqB){
+	validateSequence(seqA, seqB) {
 		const maxBeats = 4 * 16
 		//make sure they're the same number of measures
 		const len = Math.min(seqA.totalQuantizedSteps, seqB.totalQuantizedSteps, maxBeats)
@@ -44,26 +44,25 @@ export class Model {
 		this.trim(seqB, len)
 	}
 
-	trim(sequence, beats){
+	trim(sequence, beats) {
 		sequence.totalQuantizedSteps = beats
 		sequence.totalTime = beats * 0.25
 		sequence.notes = sequence.notes.filter(n => n.quantizedEndStep < beats)
-		console.log(sequence)
 	}
 
-	trimOutput(inSequence, outSequences){
+	trimOutput(inSequence, outSequences) {
 		outSequences.forEach(seq => {
 			this.trim(seq, inSequence.totalQuantizedSteps)
 		})
 	}
 
-	setVelocities(sequences){
+	setVelocities(sequences) {
 		sequences.forEach(seq => {
 			seq.notes.forEach(n => n.velocity = 100)
 		})
 	}
 
-	async predict(inputSequenceA, inputSequenceB, steps=4, temp=1){
+	async predict(inputSequenceA, inputSequenceB, steps = 4, temp = 1) {
 		const quarterNoteSubdiv = 4
 		inputSequenceA = quantizeNoteSequence(inputSequenceA, quarterNoteSubdiv)
 		inputSequenceB = quantizeNoteSequence(inputSequenceB, quarterNoteSubdiv)
@@ -75,14 +74,14 @@ export class Model {
 		return outSequences
 	}
 
-	concat(...args){
-		if (args.length === 2){
+	concat(...args) {
+		if (args.length === 2) {
 			const [seqA, seqB] = args
 			const outputSequence = clone(seqA)
 			seqB.notes.forEach(note => {
 				const clonedNote = Object.assign({}, note)
-				clonedNote.startTime += outputSequence.totalQuantizedSteps/4
-				clonedNote.endTime += outputSequence.totalQuantizedSteps/4
+				clonedNote.startTime += outputSequence.totalQuantizedSteps / 4
+				clonedNote.endTime += outputSequence.totalQuantizedSteps / 4
 				clonedNote.quantizedStartStep += seqA.totalQuantizedSteps
 				clonedNote.quantizedEndStep += seqA.totalQuantizedSteps
 				outputSequence.notes.push(clonedNote)
@@ -90,7 +89,7 @@ export class Model {
 			outputSequence.totalQuantizedSteps = seqA.totalQuantizedSteps + seqB.totalQuantizedSteps
 			outputSequence.totalTime = outputSequence.totalQuantizedSteps / 4
 			return outputSequence
-		} else if (args.length > 2){
+		} else if (args.length > 2) {
 			//concat the last two
 			//get the first arg
 			const first = args.shift()
@@ -100,10 +99,10 @@ export class Model {
 		}
 	}
 
-	duplicate(seqs, repeats){
+	duplicate(seqs, repeats) {
 		const outSeq = []
 		seqs.forEach(s => {
-			for (let i = 0; i < repeats; i++){
+			for (let i = 0; i < repeats; i++) {
 				outSeq.push(s)
 			}
 		})
diff --git a/magenta4live.amxd/code/magenta-index.js b/magenta4live.amxd/code/magenta-index.js
index b80d6b5..82a4e8a 100644
--- a/magenta4live.amxd/code/magenta-index.js
+++ b/magenta4live.amxd/code/magenta-index.js
@@ -27,24 +27,24 @@ const max = require('max-api')
 // CONFIG
 ///////////////////////////////////////////////////////////////////////////////
 
-const PORT = 3333
+let PORT = 3333
 app.use(express.static('./public'))
-app.get('/continue', function(req, res){
-	res.sendFile('./public/index.html', { root : __dirname })
+app.get('/continue', function (req, res) {
+	res.sendFile('./public/index.html', { root: __dirname })
 })
-app.get('/drumify', function(req, res){
-	res.sendFile('./public/index.html', { root : __dirname })
+app.get('/drumify', function (req, res) {
+	res.sendFile('./public/index.html', { root: __dirname })
 })
-app.get('/generate', function(req, res){
-	res.sendFile('./public/index.html', { root : __dirname })
+app.get('/generate', function (req, res) {
+	res.sendFile('./public/index.html', { root: __dirname })
 })
-app.get('/groove', function(req, res){
-	res.sendFile('./public/index.html', { root : __dirname })
+app.get('/groove', function (req, res) {
+	res.sendFile('./public/index.html', { root: __dirname })
 })
-app.get('/interpolate', function(req, res){
-	res.sendFile('./public/index.html', { root : __dirname })
+app.get('/interpolate', function (req, res) {
+	res.sendFile('./public/index.html', { root: __dirname })
 })
-app.get('/studio', function(req, res){
+app.get('/studio', function (req, res) {
 	max.outlet('openWebsite')
 	res.send('success')
 })
@@ -53,7 +53,7 @@ app.get('/studio', function(req, res){
 // ROUTES
 ///////////////////////////////////////////////////////////////////////////////
 
-async function getId(path){
+async function getId(path) {
 	const id = await outlet('path', decodeURIComponent(path))
 	return parseInt(id)
 }
@@ -78,18 +78,20 @@ app.post('/call', async (req, res) => {
 
 let server = null
 
-async function startServer(){
+async function startServer() {
 	const availPort = await detect(PORT)
-	if (PORT !== availPort){
+	if (PORT !== availPort) {
 		//try and kill the port, and then try again
-		console.log(`killing server on ${PORT}`)
-		await kill(PORT)
+		// console.log(`killing server on ${PORT}`)
+		// await kill(PORT)
 		//try again
+		PORT = PORT + 1
 		max.outlet('server', 0)
-		setTimeout(() => startServer(), 1000)
+		// setTimeout(() => startServer(), 1000)
+		setTimeout(() => startServer(), 1)
 	} else {
 		server = app.listen(PORT, () => {
-			max.outlet('server', 1)
+			max.outlet('server', 1, PORT)
 			console.log(`server started on ${PORT}`)
 		})
 	}
@@ -97,8 +99,14 @@ async function startServer(){
 
 startServer()
 
+max.addHandler("closing", () => {
+	if (server) {
+		server.close()
+	}
+});
+
 process.on('exit', () => {
-	if (server){
+	if (server) {
 		server.close()
 	}
 })
diff --git a/magenta4live.amxd/code/magenta-js.js b/magenta4live.amxd/code/magenta-js.js
index ff0e3fd..568db38 100644
--- a/magenta4live.amxd/code/magenta-js.js
+++ b/magenta4live.amxd/code/magenta-js.js
@@ -30,6 +30,7 @@ function out(responseId, data){
  */
 function remote_invoke(method, args, responseId){
 	try {
+		post("received recponseId " + responseId + "\n");
 		args = JSON.parse(args)
 		var response = this[method](args)
 		out(responseId, response)
diff --git a/magenta4live.amxd/patchers/main.maxpat b/magenta4live.amxd/patchers/main.maxpat
index 3bae6f5..9ebe7f7 100644
--- a/magenta4live.amxd/patchers/main.maxpat
+++ b/magenta4live.amxd/patchers/main.maxpat
@@ -3,14 +3,14 @@
 		"fileversion" : 1,
 		"appversion" : 		{
 			"major" : 8,
-			"minor" : 2,
+			"minor" : 5,
 			"revision" : 1,
 			"architecture" : "x64",
 			"modernui" : 1
 		}
 ,
 		"classnamespace" : "box",
-		"rect" : [ 34.0, 87.0, 960.0, 663.0 ],
+		"rect" : [ 34.0, 100.0, 1308.0, 983.0 ],
 		"openrect" : [ 0.0, 0.0, 960.0, 169.0 ],
 		"bglocked" : 0,
 		"openinpresentation" : 1,
@@ -40,13 +40,61 @@
 		"subpatcher_template" : "",
 		"assistshowspatchername" : 0,
 		"boxes" : [ 			{
+				"box" : 				{
+					"id" : "obj-25",
+					"maxclass" : "message",
+					"numinlets" : 2,
+					"numoutlets" : 1,
+					"outlettype" : [ "" ],
+					"patching_rect" : [ 479.0, 145.0, 75.0, 22.0 ],
+					"text" : "script reboot"
+				}
+
+			}
+, 			{
+				"box" : 				{
+					"id" : "obj-42",
+					"maxclass" : "newobj",
+					"numinlets" : 1,
+					"numoutlets" : 1,
+					"outlettype" : [ "" ],
+					"patching_rect" : [ 275.0, 162.0, 162.0, 22.0 ],
+					"text" : "sprintf url http://localhost:%ld"
+				}
+
+			}
+, 			{
+				"box" : 				{
+					"id" : "obj-32",
+					"maxclass" : "message",
+					"numinlets" : 2,
+					"numoutlets" : 1,
+					"outlettype" : [ "" ],
+					"patching_rect" : [ 275.0, 126.0, 50.0, 22.0 ],
+					"text" : "3333"
+				}
+
+			}
+, 			{
+				"box" : 				{
+					"id" : "obj-30",
+					"maxclass" : "newobj",
+					"numinlets" : 1,
+					"numoutlets" : 2,
+					"outlettype" : [ "int", "int" ],
+					"patching_rect" : [ 275.0, 85.0, 59.0, 22.0 ],
+					"text" : "unpack i i"
+				}
+
+			}
+, 			{
 				"box" : 				{
 					"id" : "obj-14",
 					"maxclass" : "message",
 					"numinlets" : 2,
 					"numoutlets" : 1,
 					"outlettype" : [ "" ],
-					"patching_rect" : [ 329.0, 100.0, 133.0, 22.0 ],
+					"patching_rect" : [ 435.0, 42.0, 133.0, 22.0 ],
 					"text" : "url http://localhost:3333"
 				}
 
@@ -58,7 +106,7 @@
 					"numinlets" : 2,
 					"numoutlets" : 2,
 					"outlettype" : [ "", "" ],
-					"patching_rect" : [ 329.0, 73.0, 73.0, 22.0 ],
+					"patching_rect" : [ 275.0, 49.0, 73.0, 22.0 ],
 					"text" : "route server"
 				}
 
@@ -70,7 +118,7 @@
 					"numinlets" : 0,
 					"numoutlets" : 1,
 					"outlettype" : [ "" ],
-					"patching_rect" : [ 329.0, 42.0, 71.0, 22.0 ],
+					"patching_rect" : [ 275.0, 18.0, 71.0, 22.0 ],
 					"text" : "r from-node"
 				}
 
@@ -82,7 +130,7 @@
 					"numinlets" : 1,
 					"numoutlets" : 1,
 					"outlettype" : [ "" ],
-					"patching_rect" : [ 73.0, 142.0, 320.0, 240.0 ],
+					"patching_rect" : [ 58.0, 252.0, 320.0, 240.0 ],
 					"presentation" : 1,
 					"presentation_rect" : [ 0.0, 0.0, 960.0, 169.0 ],
 					"rendermode" : 1,
@@ -97,7 +145,7 @@
 					"maxclass" : "comment",
 					"numinlets" : 1,
 					"numoutlets" : 0,
-					"patching_rect" : [ 41.0, 459.0, 218.0, 33.0 ],
+					"patching_rect" : [ 45.0, 592.0, 218.0, 33.0 ],
 					"text" : "open tutorials in separate browser, outside of jweb"
 				}
 
@@ -143,7 +191,7 @@
 					"numinlets" : 2,
 					"numoutlets" : 1,
 					"outlettype" : [ "" ],
-					"patching_rect" : [ 41.0, 548.0, 129.0, 35.0 ],
+					"patching_rect" : [ 45.0, 681.0, 129.0, 35.0 ],
 					"text" : ";\rmax launchbrowser $1"
 				}
 
@@ -155,7 +203,7 @@
 					"numinlets" : 2,
 					"numoutlets" : 1,
 					"outlettype" : [ "" ],
-					"patching_rect" : [ 41.0, 510.0, 208.0, 22.0 ],
+					"patching_rect" : [ 45.0, 643.0, 208.0, 22.0 ],
 					"text" : "https://magenta.tensorflow.org/studio/"
 				}
 
@@ -167,7 +215,7 @@
 					"numinlets" : 2,
 					"numoutlets" : 2,
 					"outlettype" : [ "", "" ],
-					"patching_rect" : [ 46.0, 429.0, 109.0, 22.0 ],
+					"patching_rect" : [ 50.0, 562.0, 109.0, 22.0 ],
 					"text" : "route openWebsite"
 				}
 
@@ -179,7 +227,7 @@
 					"numinlets" : 0,
 					"numoutlets" : 1,
 					"outlettype" : [ "" ],
-					"patching_rect" : [ 46.0, 397.0, 71.0, 22.0 ],
+					"patching_rect" : [ 50.0, 530.0, 71.0, 22.0 ],
 					"text" : "r from-node"
 				}
 
@@ -343,6 +391,7 @@
 		"lines" : [ 			{
 				"patchline" : 				{
 					"destination" : [ "obj-6", 0 ],
+					"midpoints" : [ 499.5, 258.0, 499.5, 258.0 ],
 					"source" : [ "obj-10", 0 ]
 				}
 
@@ -350,13 +399,15 @@
 , 			{
 				"patchline" : 				{
 					"destination" : [ "obj-12", 0 ],
+					"midpoints" : [ 284.5, 42.0, 284.5, 42.0 ],
 					"source" : [ "obj-11", 0 ]
 				}
 
 			}
 , 			{
 				"patchline" : 				{
-					"destination" : [ "obj-14", 0 ],
+					"destination" : [ "obj-30", 0 ],
+					"midpoints" : [ 284.5, 72.0, 284.5, 72.0 ],
 					"source" : [ "obj-12", 0 ]
 				}
 
@@ -364,6 +415,7 @@
 , 			{
 				"patchline" : 				{
 					"destination" : [ "obj-18", 0 ],
+					"midpoints" : [ 601.5, 123.0, 601.5, 123.0 ],
 					"source" : [ "obj-13", 0 ]
 				}
 
@@ -371,20 +423,15 @@
 , 			{
 				"patchline" : 				{
 					"destination" : [ "obj-6", 0 ],
+					"midpoints" : [ 661.5, 123.0, 687.0, 123.0, 687.0, 222.0, 477.0, 222.0, 477.0, 273.0, 499.5, 273.0 ],
 					"source" : [ "obj-13", 1 ]
 				}
 
-			}
-, 			{
-				"patchline" : 				{
-					"destination" : [ "obj-1", 0 ],
-					"source" : [ "obj-14", 0 ]
-				}
-
 			}
 , 			{
 				"patchline" : 				{
 					"destination" : [ "obj-19", 0 ],
+					"midpoints" : [ 59.5, 555.0, 59.5, 555.0 ],
 					"source" : [ "obj-16", 0 ]
 				}
 
@@ -392,6 +439,7 @@
 , 			{
 				"patchline" : 				{
 					"destination" : [ "obj-6", 0 ],
+					"midpoints" : [ 499.5, 222.0, 477.0, 222.0, 477.0, 273.0, 499.5, 273.0 ],
 					"source" : [ "obj-17", 0 ]
 				}
 
@@ -399,6 +447,7 @@
 , 			{
 				"patchline" : 				{
 					"destination" : [ "obj-6", 0 ],
+					"midpoints" : [ 601.5, 222.0, 477.0, 222.0, 477.0, 273.0, 499.5, 273.0 ],
 					"source" : [ "obj-18", 0 ]
 				}
 
@@ -406,6 +455,7 @@
 , 			{
 				"patchline" : 				{
 					"destination" : [ "obj-21", 0 ],
+					"midpoints" : [ 59.5, 585.0, 30.0, 585.0, 30.0, 639.0, 54.5, 639.0 ],
 					"source" : [ "obj-19", 0 ]
 				}
 
@@ -413,6 +463,7 @@
 , 			{
 				"patchline" : 				{
 					"destination" : [ "obj-5", 0 ],
+					"midpoints" : [ 67.5, 57.0, 67.5, 57.0 ],
 					"source" : [ "obj-2", 0 ]
 				}
 
@@ -420,27 +471,71 @@
 , 			{
 				"patchline" : 				{
 					"destination" : [ "obj-22", 0 ],
+					"midpoints" : [ 54.5, 666.0, 54.5, 666.0 ],
 					"source" : [ "obj-21", 0 ]
 				}
 
+			}
+, 			{
+				"patchline" : 				{
+					"destination" : [ "obj-6", 0 ],
+					"midpoints" : [ 488.5, 177.0, 477.0, 177.0, 477.0, 273.0, 499.5, 273.0 ],
+					"source" : [ "obj-25", 0 ]
+				}
+
 			}
 , 			{
 				"patchline" : 				{
 					"destination" : [ "obj-4", 0 ],
+					"midpoints" : [ 727.5, 189.0, 727.5, 189.0 ],
 					"source" : [ "obj-3", 0 ]
 				}
 
+			}
+, 			{
+				"patchline" : 				{
+					"destination" : [ "obj-32", 1 ],
+					"midpoints" : [ 324.5, 108.0, 318.0, 108.0, 318.0, 120.0, 315.5, 120.0 ],
+					"source" : [ "obj-30", 1 ]
+				}
+
+			}
+, 			{
+				"patchline" : 				{
+					"destination" : [ "obj-32", 0 ],
+					"midpoints" : [ 284.5, 108.0, 284.5, 108.0 ],
+					"source" : [ "obj-30", 0 ]
+				}
+
+			}
+, 			{
+				"patchline" : 				{
+					"destination" : [ "obj-42", 0 ],
+					"midpoints" : [ 284.5, 150.0, 284.5, 150.0 ],
+					"source" : [ "obj-32", 0 ]
+				}
+
 			}
 , 			{
 				"patchline" : 				{
 					"destination" : [ "obj-7", 0 ],
+					"midpoints" : [ 727.5, 225.0, 727.5, 225.0 ],
 					"source" : [ "obj-4", 0 ]
 				}
 
+			}
+, 			{
+				"patchline" : 				{
+					"destination" : [ "obj-1", 0 ],
+					"midpoints" : [ 284.5, 237.0, 67.5, 237.0 ],
+					"source" : [ "obj-42", 0 ]
+				}
+
 			}
 , 			{
 				"patchline" : 				{
 					"destination" : [ "obj-3", 0 ],
+					"midpoints" : [ 499.5, 300.0, 477.0, 300.0, 477.0, 177.0, 705.0, 177.0, 705.0, 159.0, 727.5, 159.0 ],
 					"order" : 0,
 					"source" : [ "obj-6", 0 ]
 				}
@@ -449,6 +544,7 @@
 , 			{
 				"patchline" : 				{
 					"destination" : [ "obj-9", 0 ],
+					"midpoints" : [ 499.5, 300.0, 499.5, 300.0 ],
 					"order" : 1,
 					"source" : [ "obj-6", 0 ]
 				}
@@ -457,6 +553,7 @@
 , 			{
 				"patchline" : 				{
 					"destination" : [ "obj-6", 0 ],
+					"midpoints" : [ 727.5, 258.0, 558.0, 258.0, 558.0, 270.0, 499.5, 270.0 ],
 					"source" : [ "obj-7", 0 ]
 				}
 
@@ -464,6 +561,7 @@
 , 			{
 				"patchline" : 				{
 					"destination" : [ "obj-13", 0 ],
+					"midpoints" : [ 601.5, 90.0, 601.5, 90.0 ],
 					"source" : [ "obj-8", 0 ]
 				}
 
@@ -471,14 +569,14 @@
  ],
 		"dependency_cache" : [ 			{
 				"name" : "magenta-index.js",
-				"bootpath" : "~/Development/projects/magenta-studio/magenta4live.amxd/code",
+				"bootpath" : "~/Development/magenta-studio/magenta4live.amxd/code",
 				"patcherrelativepath" : "../code",
 				"type" : "TEXT",
 				"implicit" : 1
 			}
 , 			{
 				"name" : "magenta-js.js",
-				"bootpath" : "~/Development/projects/magenta-studio/magenta4live.amxd/code",
+				"bootpath" : "~/Development/magenta-studio/magenta4live.amxd/code",
 				"patcherrelativepath" : "../code",
 				"type" : "TEXT",
 				"implicit" : 1
diff --git a/webpack.config.js b/webpack.config.js
index cbff005..7afd184 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -24,14 +24,14 @@ const { resolve } = require('path')
 const { version } = require('./package.json')
 const { ModuleFilenameHelpers } = require('webpack')
 
-function getDefinitions(env, width=100, height=100){
+function getDefinitions(env, width = 100, height = 100) {
 	return new webpack.DefinePlugin({
-		PRODUCTION : JSON.stringify(Boolean(env.production)),
+		PRODUCTION: JSON.stringify(Boolean(env.production)),
 		// ANIMATE : JSON.stringify(Boolean(env.animate)),
-		ANIMATE : JSON.stringify(false),
-		INDEX_FILE : JSON.stringify('index.html'),
-		ABOUT_FILE : JSON.stringify('about.html'),
-		WIDTH : JSON.stringify(width),
+		ANIMATE: JSON.stringify(false),
+		INDEX_FILE: JSON.stringify('index.html'),
+		ABOUT_FILE: JSON.stringify('about.html'),
+		WIDTH: JSON.stringify(width),
 		HEIGHT: JSON.stringify(height),
 		VERSION: JSON.stringify(require("./package.json").version),
 	})
@@ -74,7 +74,7 @@ module.exports = (env = {}) => {
 			rules: [
 				{
 					test: /\.scss$/,
-						use: ['style-loader', 'css-loader', 'sass-loader']
+					use: ['style-loader', 'css-loader', 'sass-loader']
 				},
 				{
 					test: /\.(png|jpe?g|gif|svg)$/i,