diff --git a/README.md b/README.md
index b689de3..049ae59 100755
--- a/README.md
+++ b/README.md
@@ -1,162 +1,113 @@
-# Tableau Extension Framework
+# Annotate All The (Tableau)Things!
+### Layering React Annotation on top of Tableau
 
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+## Introduction
 
-## Creating a Tableau Extension via `create-tableau-extension`
-The easiest way to create a new Tableau Extension is by using `create-tableau-extension` tool from NPM.
+![React Annotation in Tableau Image](./docs/D1-Annotations.gif)
 
-Installation:
+This is the tableau extension that allows you to layer [Susie Lu's](https://twitter.com/datatoviz?lang=en) [react-annotation](https://react-annotation.susielu.com/) library on top of Tableau. When you add this to your dashboard (you will likely want to cover your entire dashboard with it) you can leverage the majority of annotation types and options available in [react-annotation](https://react-annotation.susielu.com/) directly within Tableau. We have built a simple configuration UI that you can take advantage of to be able annotate your viz to your heart's delight. 
 
-```sh
-npm install -g create-tableau-extension
-or
-yarn global add create-tableau-extension
-```
-
-Then you simply run `create-tableau-extension` command from your work folder and an interactive terminal will guild you throw the process.
-
-## Available Scripts
-
-In the project directory, you can run: 
-
-### `yarn install`
-
-Installs all the dependencies.
+This extension is supported on **Tableau Desktop >=2018.3** and **Tableau Server**. It works best when deployed directly on to the Tableau Server you are using and the content of the extensions is also viewable on **Tableau Mobile**.
 
-### `yarn start`
+## Env Requirements
+Tableau Desktop >= 2018.2 and Tableau Server >= 2018.2
 
-Make sure you have a correct name, description and version inside the `package.json` file. 
+This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app) along with [StarSchema](https://starschema.com/) & [DataBlick's](https://www.datablick.com/) **Tableau Extension Framework**.
 
-**Note!** If you try running this project after cloning it, you may have to remove the # from the name before the run.
+## Quick Start
+#### Step 1: Locate Annotate All The (Tableau) Things on the [Tableau Community Extensions](https://tableau.github.io/extensions-api/community/) page
 
-Runs the app in the development mode.<br>
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
+Note: If you want the best experience, you should deploy a compiled version of this code directly to your Tableau Server and point your .trex file to that deployment of the extension. 
 
-The page will reload if you make edits.<br>
-You will also see any lint errors in the console.
+#### Step 2: Click ‘Allow’ to permit the extension to run.
 
-### `yarn run build`
+![Allow Extension in Desktop Image](./docs/Allow-extension.png)
 
-Builds the app for production to the `build` folder.<br>
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.<br>
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
-
-## Configuration
-The main entry point of customization is the `src/extension_assets` folder.
-
-### Creating a custom splash screen
-
-To create a custom splash screen (front screen of your extension) you have to modify the `src/extension_assets/splash/index.js` file. 
-
-Note the `Button` component on the 29th row:
-```js
-   <Button 
-      value="Configure"
-      onClick={props.onClick}
-      style={buttonStyle}
-    />
-```
-This is the config window laucher. You can change the style and the text value as you want, but let the `onClick` method as it is right now. This callback method tells the Extension to launch the config window.
+#### Step 3a: Cover your Dashboard with the Extension Object. The best experience for now is to work with the extension using web edit on Tableau Server. Tableau Desktop is lacking transparency for Extension Objects. You are not required to cover your dashboard, but I found this the easiest way to use React Annotation across your viz. 
 
-### Creating the custom viz
+#### Step 3b: Click the `Let's Annotate Things!` button. 
 
-To implement your custom vizualization you have to edit the `src/extension_assets/viz/index.js`.
+![Tableau React Annotation Splash Screen](./docs/Cover-Dashboard.png)
 
-In the file you can see an exaple how to pull data from the dashboard.
+#### Step 4: Edit the default annotation to your desire by clicking on the edit icon (pencil) and changing the many configurations. 
 
-### Configuration wizard
-Here are the types of available configuration layouts. You can set or configure the configuration steps inside the `src/extension_assets/stepperConfig.js` file. 
+Note: You can reference the [react-annotation](https://react-annotation.susielu.com/) site for additional details and information on the configurations available to you.
 
-There is a `steps` attributes which contains the used layouts in the order. You can have multiple steps from one layout type. 
-#### Sheet selector layout
-- `"type": "sheet_selector"`
+Note: You may need to select "configure" again in the extension object menu if you do not see the edit icon and/or edit mode initially. 
 
-This is a very basic layout which allows to select one or two datasheet.
+![Tableau React Annotation Edit Annotation Screen](./docs/Edit-Annotation.png)
 
-If you want to use two datasheet you have to set allowMultiSheets property to true.
+#### Step 5: You can delete an annotation by clicking on the trash can icon and then confirming via the dialog box which pops up. 
 
-`"allowMultiSheets": true`
+![Tableau React Annotation Delete Annotation Screen](./docs/Delete-Annotation.png)
 
-You can overwrite specific labels by setting these values inside the `overwrites` object:
-- `add_other_datasheet` - Default: **Add another datasheet**
-- `add_sheet` - Default: **Add sheet**
-- `revert` - Default: **Revert**
+Note: If you want to hide the annotation, but not delete it (e.g., save it for later, but don't show) you can click on the eyeball icon to toggle visibility of the annotation when not in Edit Mode. 
 
-#### Drag and Drop options
+#### Step 6: You can add more annotations by toggling the icon on the top left and then clicking anywhere on the extension object's surface. Once the configuration pops up just fill it out and you will have a new annotation!
 
-- `"type": "drag_and_drop"`
+![Tableau React Annotation Add Annotation Screen](./docs/Add-Annotation.png)
 
-The Drag and Drop screen can be configured via a json-like javascript object. You can find an example under `src/extension_assets/stepperConfig.js`. Feel free to modify it. 
+#### Step 7: Once you have added all of your extensions you can hide the ability to modify the annotations from the end user by toggling these two configurations in the add/edit annotation config (these settings are global even though they are accessed in the add/edit annotation config).
 
-First you have to add columns. The first column should be a `measures` type one. This will contain the field names from the selected sheet.
+![Tableau React Annotation Global Config Screen](./docs/Global-Config.png)
 
-The following two should be `options` type. They will contain the drop areas. 
+* Show Controls - When no is selected the end user will not be able to toggle add/edit mode on as the icons on the top left will be hidden. This will also default to turning off add/edit mode. 
 
-You have to configure the `drop_area` as well. Currently we are supporting `single_drop` type only. 
+* Click Through Mode - Use this only when the extension is deployed directly onto your Tableau Server. It allows you to enable the end user to click through the extension layer and still interact with the Tableau Dashboard behind it. 
 
-Last thing you have to configure the column render order.
+#### Step 8: If you want your changes to be retained, you **MUST** save your workbook before you close/exit Tableau. This will write the extension changes to your twb/twbx file. 
 
-#### Custom viz options 
-- `"type": "viz_options"`
+#### Step 9: If you want to see something different, submit an issue on this Github repo. 
 
-You have the opportunity to add custom configuration (e.g.: text inputs, dropdown select). In order to set up this config layout you have to edit the `src/extension_assets/stepperConfig.js` file. You can define option groups. In each group you have to add input fields. We are supporting the following input types:
-* Text input - `text`
-* Checkbox - `check`
-* Radio buttons - `radio`
-* Dropdown select - `dropdown`
+## Local Development Setup
+For a development installation (requires npm, node and yarn):
 
-You can find exaples of each and every type inside the `src/extension_assets/stepperConfig.js` file. 
+Install [node](https://nodejs.org/en/download/package-manager/) (`> 8.15.0`), [yarn](https://yarnpkg.com/en/docs/install). For best management of Node versions, use [nvm](https://github.com/creationix/nvm)
+then simply run `nvm use 8`.
 
-#### Custom config layout
-- `"type": "custom"`
+This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app) along with [StarSchema](https://starschema.com/) & [DataBlick's](https://www.datablick.com/) **Tableau Extension Framework**.
 
-You can define custom config layout as well. In order to create one you have to import the component into the `src/extension_assets/stepperConfig.js` file and define a new step with `custom` type. You have to pass this component to the `component` property. You can define component props under `props` key. 
-
-
-#### Summary layout
-- `"type": "summary"`
-
-There is a overview page for development purposes only called Summary Layout. This view diplays the previously set up options. 
+### Start local app
+##### 1. Clone repo
+```sh
+git clone git@github.com:demartsc/tableau-react-annotation.git
+```
 
-### The `name` property
-As you can see in the example config there are `name` attributes specified. This name attribut is goint to be the *key* inside the Tableau Settings object and the selected or given value will be the *value* of this key. 
+##### 2. Install
+```sh
+yarn
+# or
+npm install
+```
 
-**Note!** Tableau stores everything as a string. If you need to store complex data structures, like arrays or objects, you have to stringify it first. 
+##### 3. Start local app session
+```sh
+yarn start
+# or
+npm run start
+```
 
-### Custom css syle
+### Setup local extension in Tableau Desktop
+##### 1. Launch Tableau
+open tableau workbook (get it from public folder of this repo)
+- NOTE: if you want to enable remote debugging, use this command in terminal to open tableau
 
-You can define custom styling options, like `font-family` by editing `src/extension_assets/extension.css`. 
-You can define your own color schemes as well by editing the `src/extension_assets/style.js` file. 
+```sh
+open /Applications/Tableau\ Desktop\ 2019\.3.app --args --remote-debugging-port=8696
+```
 
-### Custom logo
+A debug session will be available in browser http://localhost:8696
 
-You are able to use your own brand logo inside the extension. The only thing you have to do is edit the `src/index.js` file, and import your logo like so:
-```js
-import brandLogo from './extension_assets/logo.png';
-```
+##### 2. Execute extension in tableau
 
-## Hosting
-To create a build version of the extension you have to build it first.
+- copy the `datablick-react-annotation-local.trex` file (inside the `public` folder) into your `extensions` folder of the `My Tableau Repository` (likely in your `Documents` folder).
 
-```bash
-yarn run build
-```
+- Go to the Tableau window that opened when running the above command.
 
-This command will create a new folder called `build` and generates all the necessary files. You can simply upload the files into a server or S3 and put it under a public domain, and you are ready to use it or share it. 
+- Drag the extension onto dashboard and select the trex file from your my tableau repository\extensions folder.
 
-### Hosting under subfolder
-If you want to host your extension under a specific subfolder, you have to specify the folder structure in the `package.json` file under the `homepage` key.
+- More information on [Tableau Extensions API](https://tableau.github.io/extensions-api/#) about [Get Started with Dashboard Extensions
+](https://tableau.github.io/extensions-api/docs/trex_getstarted.html)
 
-```json
-{
-  "name": "BestExtension",
-  "description": "Awesome extension",
-  "version": "0.0.1",
-  "homepage": "/path/to/subdir",
-  "private": true,
-  ...
-```
\ No newline at end of file
+## Links
+- [Susie Lu's](https://twitter.com/datatoviz?lang=en) [react-annotation](https://react-annotation.susielu.com/) library
diff --git a/docs/Add-Annotation.png b/docs/Add-Annotation.png
new file mode 100644
index 0000000..03173ad
Binary files /dev/null and b/docs/Add-Annotation.png differ
diff --git a/docs/Allow-extension.png b/docs/Allow-extension.png
new file mode 100644
index 0000000..d2398fa
Binary files /dev/null and b/docs/Allow-extension.png differ
diff --git a/docs/Cover-Dashboard.png b/docs/Cover-Dashboard.png
new file mode 100644
index 0000000..d99064d
Binary files /dev/null and b/docs/Cover-Dashboard.png differ
diff --git a/docs/D1-Annotations.gif b/docs/D1-Annotations.gif
new file mode 100644
index 0000000..0f1475c
Binary files /dev/null and b/docs/D1-Annotations.gif differ
diff --git a/docs/Delete-Annotation.png b/docs/Delete-Annotation.png
new file mode 100644
index 0000000..daf85f0
Binary files /dev/null and b/docs/Delete-Annotation.png differ
diff --git a/docs/Edit-Annotation.png b/docs/Edit-Annotation.png
new file mode 100644
index 0000000..8cca177
Binary files /dev/null and b/docs/Edit-Annotation.png differ
diff --git a/docs/Global-Config.png b/docs/Global-Config.png
new file mode 100644
index 0000000..7423228
Binary files /dev/null and b/docs/Global-Config.png differ
diff --git a/public/tableau-extension-framework.js b/public/tableau-extension-framework.js
index afaa235..827c736 100644
--- a/public/tableau-extension-framework.js
+++ b/public/tableau-extension-framework.js
@@ -1,3 +1,23 @@
+// Copyright (c) 2019 Chris DeMartini, Tamas Foldi and Abraham Szilagyi
+
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
 !function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=148)}([function(e,t,n){"use strict";e.exports=n(151)},function(e,t,n){e.exports=n(159)()},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ReactCSS=t.loop=t.handleActive=t.handleHover=t.hover=void 0;var r=s(n(231)),o=s(n(302)),i=s(n(322)),a=s(n(323)),l=s(n(324)),u=s(n(325));function s(e){return e&&e.__esModule?e:{default:e}}t.hover=a.default,t.handleHover=a.default,t.handleActive=l.default,t.loop=u.default;var c=t.ReactCSS=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];var l=(0,r.default)(n),u=(0,o.default)(e,l);return(0,i.default)(u)};t.default=c},function(e,t,n){"use strict";var r=function(e,t){return e.length===t.length&&e.every(function(e,n){return r=e,o=t[n],r===o;var r,o})};t.a=function(e,t){var n;void 0===t&&(t=r);var o,i=[],a=!1;return function(){for(var r=arguments.length,l=new Array(r),u=0;u<r;u++)l[u]=arguments[u];return a&&n===this&&t(l,i)?o:(o=e.apply(this,l),a=!0,n=this,i=l,o)}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(326);Object.defineProperty(t,"Alpha",{enumerable:!0,get:function(){return d(r).default}});var o=n(82);Object.defineProperty(t,"Checkboard",{enumerable:!0,get:function(){return d(o).default}});var i=n(329);Object.defineProperty(t,"EditableInput",{enumerable:!0,get:function(){return d(i).default}});var a=n(330);Object.defineProperty(t,"Hue",{enumerable:!0,get:function(){return d(a).default}});var l=n(332);Object.defineProperty(t,"Raised",{enumerable:!0,get:function(){return d(l).default}});var u=n(346);Object.defineProperty(t,"Saturation",{enumerable:!0,get:function(){return d(u).default}});var s=n(138);Object.defineProperty(t,"ColorWrap",{enumerable:!0,get:function(){return d(s).default}});var c=n(354);function d(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"Swatch",{enumerable:!0,get:function(){return d(c).default}})},function(e,t){e.exports=function(e){return e&&e.__esModule?e:{default:e}}},function(e,t){var n=Array.isArray;e.exports=n},function(e,t,n){var r=n(333),o=n(337)(function(e,t,n){r(e,t,n)});e.exports=o},function(e,t){e.exports=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}},function(e,t,n){var r=n(106),o="object"==typeof self&&self&&self.Object===Object&&self,i=r||o||Function("return this")();e.exports=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.red=t.getContrastingColor=t.isValidHex=t.toState=t.simpleCheckForValidColor=void 0;var r=i(n(351)),o=i(n(353));function i(e){return e&&e.__esModule?e:{default:e}}t.simpleCheckForValidColor=function(e){var t=0,n=0;return(0,r.default)(["r","g","b","a","h","s","l","v"],function(r){if(e[r]&&(t+=1,isNaN(e[r])||(n+=1),"s"===r||"l"===r)){/^\d+%$/.test(e[r])&&(n+=1)}}),t===n&&e};var a=t.toState=function(e,t){var n=e.hex?(0,o.default)(e.hex):(0,o.default)(e),r=n.toHsl(),i=n.toHsv(),a=n.toRgb(),l=n.toHex();return 0===r.s&&(r.h=t||0,i.h=t||0),{hsl:r,hex:"000000"===l&&0===a.a?"transparent":"#"+l,rgb:a,hsv:i,oldHue:e.h||t||r.h,source:e.source}};t.isValidHex=function(e){var t="#"===String(e).charAt(0)?1:0;return e.length!==4+t&&e.length<7+t&&(0,o.default)(e).isValid()},t.getContrastingColor=function(e){if(!e)return"#fff";var t=a(e);return"transparent"===t.hex?"rgba(0,0,0,0.4)":(299*t.rgb.r+587*t.rgb.g+114*t.rgb.b)/1e3>=128?"#000":"#fff"},t.red={hsl:{a:1,h:0,l:.5,s:1},hex:"#ff0000",rgb:{r:255,g:0,b:0,a:1},hsv:{h:0,s:1,v:1,a:1}};t.default=t},function(e,t){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e.exports=function(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),e}},function(e,t,n){var r=n(87),o=n(18);e.exports=function(e,t){return!t||"object"!==r(t)&&"function"!=typeof t?o(e):t}},function(e,t){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},n(t)}e.exports=n},function(e,t,n){var r=n(150);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&r(e,t)}},function(e,t){e.exports=function(e){return null!=e&&"object"==typeof e}},function(e,t){var n=e.exports={version:"2.6.5"};"number"==typeof __e&&(__e=n)},function(e,t){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},function(e,t,n){var r;"undefined"!=typeof self&&self,e.exports=(r=n(0),function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/dist/",t(t.s=12)}([function(e,t,n){"use strict";function r(e){var t="function"==typeof Symbol&&e[Symbol.iterator],n=0;return t?t.call(e):{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}}}function o(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,i=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)a.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return a}function i(e){return this instanceof i?(this.v=e,this):new i(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.__extends=function(e,t){function n(){this.constructor=e}a(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},n.d(t,"__assign",function(){return l}),t.__rest=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},t.__decorate=function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},t.__param=function(e,t){return function(n,r){t(n,r,e)}},t.__metadata=function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},t.__awaiter=function(e,t,n,r){return new(n||(n=Promise))(function(o,i){function a(e){try{u(r.next(e))}catch(e){i(e)}}function l(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){e.done?o(e.value):new n(function(t){t(e.value)}).then(a,l)}u((r=r.apply(e,t||[])).next())})},t.__generator=function(e,t){function n(e){return function(t){return r([e,t])}}function r(n){if(o)throw new TypeError("Generator is already executing.");for(;u;)try{if(o=1,i&&(a=2&n[0]?i.return:n[0]?i.throw||((a=i.return)&&a.call(i),0):i.next)&&!(a=a.call(i,n[1])).done)return a;switch(i=0,a&&(n=[2&n[0],a.value]),n[0]){case 0:case 1:a=n;break;case 4:return u.label++,{value:n[1],done:!1};case 5:u.label++,i=n[1],n=[0];continue;case 7:n=u.ops.pop(),u.trys.pop();continue;default:if(!(a=(a=u.trys).length>0&&a[a.length-1])&&(6===n[0]||2===n[0])){u=0;continue}if(3===n[0]&&(!a||n[1]>a[0]&&n[1]<a[3])){u.label=n[1];break}if(6===n[0]&&u.label<a[1]){u.label=a[1],a=n;break}if(a&&u.label<a[2]){u.label=a[2],u.ops.push(n);break}a[2]&&u.ops.pop(),u.trys.pop();continue}n=t.call(e,u)}catch(e){n=[6,e],i=0}finally{o=a=0}if(5&n[0])throw n[1];return{value:n[0]?n[1]:void 0,done:!0}}var o,i,a,l,u={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return l={next:n(0),throw:n(1),return:n(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l},t.__exportStar=function(e,t){for(var n in e)t.hasOwnProperty(n)||(t[n]=e[n])},t.__values=r,t.__read=o,t.__spread=function(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(o(arguments[t]));return e},t.__await=i,t.__asyncGenerator=function(e,t,n){function r(e){c[e]&&(s[e]=function(t){return new Promise(function(n,r){d.push([e,t,n,r])>1||o(e,t)})})}function o(e,t){try{!function(e){e.value instanceof i?Promise.resolve(e.value.v).then(a,l):u(d[0][2],e)}(c[e](t))}catch(e){u(d[0][3],e)}}function a(e){o("next",e)}function l(e){o("throw",e)}function u(e,t){e(t),d.shift(),d.length&&o(d[0][0],d[0][1])}if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var s,c=n.apply(e,t||[]),d=[];return s={},r("next"),r("throw"),r("return"),s[Symbol.asyncIterator]=function(){return this},s},t.__asyncDelegator=function(e){function t(t,o){n[t]=e[t]?function(n){return(r=!r)?{value:i(e[t](n)),done:"return"===t}:o?o(n):n}:o}var n,r;return n={},t("next"),t("throw",function(e){throw e}),t("return"),n[Symbol.iterator]=function(){return this},n},t.__asyncValues=function(e){function t(t){n[t]=e[t]&&function(n){return new Promise(function(r,o){n=e[t](n),function(e,t,n,r){Promise.resolve(r).then(function(t){e({value:t,done:n})},t)}(r,o,n.done,n.value)})}}if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=e[Symbol.asyncIterator];return o?o.call(e):(e=r(e),n={},t("next"),t("throw"),t("return"),n[Symbol.asyncIterator]=function(){return this},n)},t.__makeTemplateObject=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},t.__importStar=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t},t.__importDefault=function(e){return e&&e.__esModule?e:{default:e}};
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
diff --git a/src/Extension.js b/src/Extension.js
index 2639cc6..022f7be 100644
--- a/src/Extension.js
+++ b/src/Extension.js
@@ -1,3 +1,23 @@
+// Copyright (c) 2019 Chris DeMartini
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
 /* eslint-disable no-unused-expressions */
 /* eslint-disable */
 import React, { Component } from 'react';
diff --git a/src/extension_assets/CustomLayout.js b/src/extension_assets/CustomLayout.js
index 396f03e..2a24deb 100644
--- a/src/extension_assets/CustomLayout.js
+++ b/src/extension_assets/CustomLayout.js
@@ -1,3 +1,23 @@
+// Copyright (c) 2019 Chris DeMartini
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
 import React, { useState, useContext, useEffect } from 'react';
 import { 
   AnnotationLabel,
diff --git a/src/extension_assets/annotationConfig.js b/src/extension_assets/annotationConfig.js
index a364934..a5cc192 100644
--- a/src/extension_assets/annotationConfig.js
+++ b/src/extension_assets/annotationConfig.js
@@ -1,3 +1,23 @@
+// Copyright (c) 2019 Chris DeMartini
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
 import CustomLayout from './CustomLayout';
 
 export default {
@@ -395,10 +415,10 @@ export default {
               },
               {
                 "type": "dropdown",
-                "label": "Turbo Mode",
+                "label": "Click Through Mode (Caution!)",
                 "value": "no",
                 "name": "annotationPassThroughMode",
-                "tooltip": "Toggle whether to allow the extension to try and effect parent dom elements of extension.",
+                "tooltip": "Proceed with Caution! This will cause our extension to error if not deployed directly to your Tableau Server! It will toggle whether to allow the extension to try and effect parent dom elements of extension.",
                 "values": [
                   {"value": "no", "text": "No"},
                   {"value": "yes", "text": "Yes"}
diff --git a/src/extension_assets/annotationDelete/index.js b/src/extension_assets/annotationDelete/index.js
index c301907..9f0dbba 100644
--- a/src/extension_assets/annotationDelete/index.js
+++ b/src/extension_assets/annotationDelete/index.js
@@ -1,3 +1,23 @@
+// Copyright (c) 2019 Chris DeMartini
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
 import React from 'react';
 import '../styles/SplashScreen.css';
 
diff --git a/src/extension_assets/components/annotations/Types.js b/src/extension_assets/components/annotations/Types.js
deleted file mode 100644
index b032865..0000000
--- a/src/extension_assets/components/annotations/Types.js
+++ /dev/null
@@ -1,528 +0,0 @@
-// This code and /img was obtained and modified from Susie Lu's repo on Github on 8/5/2019
-// source: https://github.com/susielu/react-annotation
-
-import React from "react"
-import { Card, CardHeader, CardTitle, CardText } from "material-ui/Card"
-import Toggle from "material-ui/Toggle"
-import TextField from "material-ui/TextField"
-import FloatingActionButton from "material-ui/FloatingActionButton"
-
-import Annotations from 'react-annotation';
-import theme from "./Theme"
-
-const types = {
-  AnnotationLabel: {
-    typeSettings: {
-      className: "show-bg",
-      note: {
-        align: "middle",
-        orientation: "topBottom",
-        bgPadding: 20,
-        padding: 15,
-        titleColor: "#59039c"
-      },
-      connector: { type: "line" }
-    },
-    summary: "A centered label annotation",
-    img: "a-label.png"
-  },
-  AnnotationCallout: {
-    typeSettings: {
-      className: "show-bg",
-      note: {
-        lineType: "horizontal",
-        bgPadding: { top: 15, left: 10, right: 10, bottom: 10 },
-        padding: 15,
-        titleColor: "#59039c"
-      },
-      connector: { type: "line" }
-    },
-    summary: "Adds a line along the note",
-    img: "a-callout.png"
-  },
-  AnnotationCalloutElbow: {
-    typeSettings: {
-      note: { lineType: "horizontal" },
-      connector: { type: "elbow" }
-    },
-    summary: "Keeps connector at 45 and 90 degree angles",
-    img: "a-elbow.png"
-  },
-  AnnotationCalloutCircle: {
-    typeSettings: {
-      note: { lineType: "horizontal" },
-      connector: { type: "elbow" }
-    },
-    summary: "Subject options: radius, innerRadius, outerRadius, ",
-    summaryCont: "radiusPadding",
-    subject: {
-      radius: 50,
-      radiusPadding: 5
-    },
-    img: "a-circle.png"
-  },
-  AnnotationCalloutRect: {
-    typeSettings: {
-      note: { lineType: "horizontal" },
-      connector: { type: "elbow" }
-    },
-    summary: "Subject options: width, height",
-    subject: {
-      width: -50,
-      height: 100
-    },
-    img: "a-rect.png"
-  },
-  AnnotationCalloutCurve: {
-    typeSettings: {
-      note: { lineType: "horizontal" },
-      connector: { type: "curve" }
-    },
-    summary: "Connector options: curve, ",
-    summaryCont: "points(array of [x,y]s or number)",
-    img: "a-curve.png"
-  },
-  AnnotationXYThreshold: {
-    typeSettings: {
-      note: { lineType: "horizontal" },
-      connector: { type: "elbow" }
-    },
-    summary: "Subject options: x1, x2 or y1, y2",
-    subject: {
-      x1: 0,
-      x2: 1000
-    },
-    img: "a-threshold.png"
-  },
-  AnnotationBadge: {
-    typeSettings: {
-      note: { lineType: "horizontal" },
-      connector: { type: "elbow" }
-    },
-    summary: "Subject options: radius, text, x:left or right, y:top or bottom",
-    subject: {
-      radius: 14,
-      text: "A"
-    },
-    img: "a-badge.png"
-  },
-  AnnotationBracket: {
-    typeSettings: {
-      note: {},
-      connector: { type: "elbow" }
-    },
-    summary: "Subject options: height or width, depth, type (square or curly)",
-    subject: {
-      height: 100,
-      type: "square"
-    },
-    img: "a-bracket.png"
-  },
-}
-
-const typesOrder = [
-  "AnnotationLabel",
-  "AnnotationCallout",
-  "AnnotationCalloutElbow",
-  "AnnotationCalloutCurve",
-  "AnnotationCalloutCircle",
-  "AnnotationCalloutRect",
-  "AnnotationXYThreshold",
-  "AnnotationBracket",
-  "AnnotationBadge"
-]
-
-export default class Types extends React.Component {
-  state = {
-    name: "AnnotationLabel",
-    description: types.AnnotationLabel.summary,
-    editMode: true,
-    connector: {},
-    note: {},
-    subject: {}
-  }
-  updateType(t) {
-    this.setState({
-      name: t,
-      description: types[t].summary,
-      connector: {},
-      note: {},
-      subject: {}
-    })
-  }
-
-  updateNote(property, value) {
-    const settings = Object.assign({}, this.state.note)
-    settings[property] = value
-    this.setState({
-      note: settings
-    })
-  }
-
-  updateConnector(property, value) {
-    const settings = Object.assign({}, this.state.connector)
-    settings[property] = value
-    this.setState({
-      connector: settings
-    })
-  }
-
-  updateSubject(property, value) {
-    const settings = Object.assign({}, this.state.subject)
-    settings[property] = value
-    this.setState({
-      subject: settings
-    })
-  }
-
-  render() {
-    const name = this.state.name
-    const imgs = typesOrder.map(i => {
-      const t = types[i]
-      return (
-        <img
-          key={i}
-          alt={t.img}
-          className={`icon ${name === i ? "selected" : ""}`}
-          onClick={this.updateType.bind(this, i)}
-          src={`img/${t.img}`}
-        />
-      )
-    })
-
-    const Annotation = Annotations[name]
-    const t = types[name]
-    const subject = this.state.subject
-    const connector = this.state.connector
-
-    const note = Object.assign(
-      {},
-      {
-        title: "Annotations :)",
-        label: "Longer text to show text wrapping"
-      },
-      t.typeSettings.note,
-      this.state.note
-    )
-
-    const subjectJoined = Object.assign({}, t.subject, subject)
-    const connectorJoined = Object.assign(
-      {},
-      t.typeSettings.connector,
-      connector
-    )
-
-    const noteJoined = Object.assign({}, t.typeSettings.note, this.state.note)
-
-    const ConnectorCode = () => {
-      const c =
-        connectorJoined.type === "line"
-          ? "ConnectorLine"
-          : connectorJoined.type === "elbow"
-          ? "ConnectorElbow"
-          : "ConnectorCurve"
-
-      const e =
-        connectorJoined.end === "arrow"
-          ? "ConnectorEndArrow"
-          : connectorJoined.end === "dot"
-          ? "ConnectorEndDot"
-          : undefined
-
-      if (e) {
-        return `
-          <${c} >
-            <${e} />
-          </${c} >
-        `
-      }
-      return `<${c} />`
-    }
-
-    const SubjectCode = () => {
-      if (!t.subject) {
-        return ""
-      }
-
-      const s =
-        name === "AnnotationCalloutCircle"
-          ? "SubjectCircle"
-          : name === "AnnotationXYThreshold"
-          ? "SubjectThreshold"
-          : name === "AnnotationBadge"
-          ? "SubjectBadge"
-          : name === "AnnotationCalloutRect"
-          ? "SubjectRect"
-          : undefined
-
-      if (s) {
-        return `<${s} />`
-      }
-    }
-
-    let orientation
-
-    if (!noteJoined.lineType) {
-      orientation = (
-        <div>
-          <p>Orientation</p>
-          <img
-            className={`tiny-icon ${
-              note.orientation === "topBottom" ? "selected" : ""
-            }`}
-            onClick={this.updateNote.bind(this, "orientation", "topBottom")}
-            src="img/topBottom.png"
-          />
-          <img
-            className={`tiny-icon ${
-              note.orientation === "leftRight" ? "selected" : ""
-            }`}
-            onClick={this.updateNote.bind(this, "orientation", "leftRight")}
-            src="img/leftRight.png"
-          />
-        </div>
-      )
-    }
-
-    let alignFirst = "left"
-    let alignSecond = "right"
-
-    if (
-      noteJoined.lineType === "vertical" ||
-      noteJoined.orientation === "leftRight"
-    ) {
-      alignFirst = "top"
-      alignSecond = "bottom"
-    }
-
-    let bracketType
-
-    if (this.state.name === "AnnotationBracket") {
-      bracketType = (
-        <div style={{ position: "absolute", top: 20, right: 30 }}>
-          <FloatingActionButton
-            onTouchTap={this.updateSubject.bind(this, "type", "square")}
-            mini={true}
-            secondary={this.state.subject.type === "curly" ? true : false}
-            iconStyle={{
-              color: "white",
-              lineHeight: ".8em",
-              fontSize: "1.4em"
-            }}
-          >
-            {"]"}
-          </FloatingActionButton>
-          <FloatingActionButton
-            onTouchTap={this.updateSubject.bind(this, "type", "curly")}
-            mini={true}
-            secondary={this.state.subject.type !== "curly" ? true : false}
-            iconStyle={{
-              color: "white",
-              lineHeight: ".8em",
-              fontSize: "1.4em"
-            }}
-          >
-            {"}"}
-          </FloatingActionButton>
-        </div>
-      )
-    }
-
-    return (
-      <div>
-        <Card className="types-ui" initiallyExpanded={true}>
-          <CardHeader
-            title="Presets (adapted from Susie Lu's Docs Site)"
-            style={{ fontWeight: "bold", borderBottom: "1px solid #d6daea" }}
-          >
-            <Toggle
-              label="Edit Mode"
-              toggled={this.state.editMode}
-              onToggle={() =>
-                this.setState({
-                  editMode: !this.state.editMode
-                })
-              }
-              style={{
-                float: "right",
-                width: 30,
-                fontSize: ".8em"
-              }}
-            />
-          </CardHeader>
-          <CardTitle>{imgs}</CardTitle>
-          <CardHeader
-            title="Options"
-            style={{
-              fontWeight: "bold",
-              borderTop: "1px solid #d6daea",
-              borderBottom: "1px solid #d6daea"
-            }}
-            showExpandableButton={true}
-            actAsExpander={true}
-          />
-          <CardText expandable={true} className="row">
-            <div className="col-xs-3">
-              <b>Note</b>
-              <p>Line Type</p>
-              <img
-                className={`tiny-icon ${!note.lineType ? "selected" : ""}`}
-                src="img/none.png"
-                onClick={this.updateNote.bind(this, "lineType", null)}
-              />
-              <img
-                className={`tiny-icon ${
-                  note.lineType === "vertical" ? "selected" : ""
-                }`}
-                src="img/vertical.png"
-                onClick={this.updateNote.bind(this, "lineType", "vertical")}
-              />
-              <img
-                className={`tiny-icon ${
-                  note.lineType === "horizontal" ? "selected" : ""
-                }`}
-                src="img/horizontal.png"
-                onClick={this.updateNote.bind(this, "lineType", "horizontal")}
-              />
-              {orientation}
-            </div>
-            <div className="col-xs-3">
-              <br />
-              <p>Align</p>
-              <img
-                className={`tiny-icon ${!note.align ? "selected" : ""}`}
-                src="img/dynamic.png"
-                onClick={this.updateNote.bind(this, "align", null)}
-              />
-              <img
-                className={`tiny-icon ${
-                  note.align === "middle" ? "selected" : ""
-                }`}
-                src="img/middle.png"
-                onClick={this.updateNote.bind(this, "align", "middle")}
-              />
-              <img
-                className={`tiny-icon ${
-                  note.align === alignFirst ? "selected" : ""
-                }`}
-                src={`img/${alignFirst}.png`}
-                onClick={this.updateNote.bind(this, "align", alignFirst)}
-              />
-              <img
-                className={`tiny-icon ${
-                  note.align === alignSecond ? "selected" : ""
-                }`}
-                src={`img/${alignSecond}.png`}
-                onClick={this.updateNote.bind(this, "align", alignSecond)}
-              />
-            </div>
-            <div className="col-xs-3">
-              <TextField
-                hintText="120"
-                floatingLabelFixed={true}
-                floatingLabelShrinkStyle={{
-                  height: 80
-                }}
-                fullWidth={true}
-                type="number"
-                onChange={(e, v) => {
-                  this.setState({
-                    note: Object.assign({}, this.state.note, {
-                      wrap: parseInt(v) || 0
-                    })
-                  })
-                }}
-                floatingLabelText="Text Wrap (120)"
-              />
-              <TextField
-                hintText="5"
-                floatingLabelFixed={true}
-                fullWidth={true}
-                type="number"
-                onChange={(e, v) => {
-                  this.setState({
-                    note: Object.assign({}, this.state.note, {
-                      padding: parseInt(v) || 0
-                    })
-                  })
-                }}
-                floatingLabelText="Text Padding (5)"
-              />
-            </div>
-            <div className="col-xs-3">
-              <b>Connector</b>
-              <p>Type</p>
-              <img
-                className={`tiny-icon ${
-                  connectorJoined.type === "line" ? "selected" : ""
-                }`}
-                onClick={this.updateConnector.bind(this, "type", "line")}
-                src="img/line.png"
-              />
-              <img
-                className={`tiny-icon ${
-                  connectorJoined.type === "elbow" ? "selected" : ""
-                }`}
-                onClick={this.updateConnector.bind(this, "type", "elbow")}
-                src="img/elbow.png"
-              />
-              <img
-                className={`tiny-icon ${
-                  connectorJoined.type === "curve" ? "selected" : ""
-                }`}
-                onClick={this.updateConnector.bind(this, "type", "curve")}
-                src="img/curve.png"
-              />
-              <p>End</p>
-              <img
-                className={`tiny-icon ${
-                  !connectorJoined.end ? "selected" : ""
-                }`}
-                onClick={this.updateConnector.bind(this, "end", null)}
-                src="img/none.png"
-              />
-              <img
-                className={`tiny-icon ${
-                  connectorJoined.end === "arrow" ? "selected" : ""
-                }`}
-                onClick={this.updateConnector.bind(this, "end", "arrow")}
-                src="img/arrow.png"
-              />
-              <img
-                className={`tiny-icon ${
-                  connector.end === "dot" ? "selected" : ""
-                }`}
-                onClick={this.updateConnector.bind(this, "end", "dot")}
-                src="img/dot.png"
-              />
-            </div>
-          </CardText>
-        </Card>
-        <h3>Use {name}</h3>
-        <div style={{ position: "relative" }}>
-          {bracketType}
-          <svg className="types viz">
-            <g transform="translate(30,60)">
-              <text className="title">{name}</text>
-              <text className="summary" y={30}>
-                {this.state.description}
-              </text>
-            </g>
-            <Annotation
-              x={150}
-              y={170}
-              dy={name === "AnnotationBracket" ? undefined : 117}
-              dx={name === "AnnotationBracket" ? undefined : 162}
-              editMode={this.state.editMode}
-              subject={subjectJoined}
-              connector={connector}
-              className={t.typeSettings.className}
-              color={theme.accent}
-              note={note}
-            />
-          </svg>
-        </div>
-      </div>
-    )
-  }
-}
\ No newline at end of file
diff --git a/src/extension_assets/extension-icons/fillby.png b/src/extension_assets/extension-icons/fillby.png
deleted file mode 100644
index 6679065..0000000
Binary files a/src/extension_assets/extension-icons/fillby.png and /dev/null differ
diff --git a/src/extension_assets/extension-icons/geo.png b/src/extension_assets/extension-icons/geo.png
deleted file mode 100644
index 7a63b24..0000000
Binary files a/src/extension_assets/extension-icons/geo.png and /dev/null differ
diff --git a/src/extension_assets/extension-icons/geoname.png b/src/extension_assets/extension-icons/geoname.png
deleted file mode 100644
index 83bea60..0000000
Binary files a/src/extension_assets/extension-icons/geoname.png and /dev/null differ
diff --git a/src/extension_assets/extension-icons/latitude.png b/src/extension_assets/extension-icons/latitude.png
deleted file mode 100644
index 7df7073..0000000
Binary files a/src/extension_assets/extension-icons/latitude.png and /dev/null differ
diff --git a/src/extension_assets/extension-icons/longitude.png b/src/extension_assets/extension-icons/longitude.png
deleted file mode 100644
index 8154fec..0000000
Binary files a/src/extension_assets/extension-icons/longitude.png and /dev/null differ
diff --git a/src/extension_assets/extension-icons/sizeby.png b/src/extension_assets/extension-icons/sizeby.png
deleted file mode 100644
index c7fb21f..0000000
Binary files a/src/extension_assets/extension-icons/sizeby.png and /dev/null differ
diff --git a/src/extension_assets/extension.css b/src/extension_assets/extension.css
index 12fedce..2e55daf 100644
--- a/src/extension_assets/extension.css
+++ b/src/extension_assets/extension.css
@@ -22,598 +22,4 @@ html {
 hr {
   border-top: 1px solid #d8d8d8;
   border-bottom: none;
-}
-
-.types-ui {
-  body {
-    font-family: "Nunito", -apple-system, system-ui, BlinkMacSystemFont, Helvetica,
-      Arial, sans-serif;
-    line-height: 1.8em;
-    font-size: 1.2em;
-    color: var(--font-color);
-  }
-
-  a {
-    text-decoration: none;
-    font-weight: bold;
-    color: var(--accent-color);
-  }
-
-  section {
-    border-bottom: 1px solid var(--accent-color);
-  }
-
-  section {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-  }
-
-  svg.viz {
-    width: 100%;
-    background: #f6f7fc;
-    border: 1px solid #d6daea;
-  }
-
-  svg.types {
-    height: 440px;
-  }
-
-  svg.types text.title {
-    font-weight: 900;
-    fill: var(--font-color);
-  }
-  svg.types text.summary {
-    font-size: 0.8em;
-    fill: var(--font-color);
-  }
-
-  .center {
-    text-align: center;
-  }
-
-  .types-ui .icon {
-    width: 50px;
-    cursor: pointer;
-  }
-
-  .types-ui .icon.selected,
-  .types-ui img.tiny-icon.selected {
-    border: 1px dotted var(--accent-color);
-  }
-
-  img.tiny-icon {
-    /* width: 24px; */
-    vertical-align: middle;
-    padding: 4px;
-  }
-
-  p code,
-  li code {
-    font-size: 0.9em;
-    /* color: var(--accent-color); */
-    opacity: 0.6;
-  }
-
-  img {
-    margin-left: auto;
-    margin-right: auto;
-    max-width: 100%;
-  }
-
-  .hide-sm {
-    position: fixed;
-    top: 0;
-    height: 61px;
-    width: 100%;
-    z-index: 1000;
-    background: white;
-    text-align: center;
-  }
-
-  .hide-sm img {
-    float: left;
-    margin-left: 5px;
-    margin-top: 0px;
-    cursor: pointer;
-  }
-
-  .hide-sm h1 {
-    font-size: 1.5em;
-    padding-top: 15px;
-    padding-bottom: 15px;
-    margin: 0px;
-    border-bottom: 1px solid var(--font-color);
-  }
-
-  .hidden {
-    display: none;
-  }
-
-  @media only screen and (max-width: 48em) {
-    .hide-xs {
-      display: none;
-    }
-    .main {
-      margin-top: 50px;
-    }
-  }
-
-  @media only screen and (min-width: 48em) {
-    .hide-sm {
-      display: none;
-    }
-  }
-
-  #emmys .subject-ring {
-    display: none;
-  }
-
-  div.title {
-    font-size: 2em;
-    width: 200px;
-    position: absolute;
-    left: 70px;
-    top: 100px;
-    line-height: 1.5em;
-    color: black;
-    font-family: sans-serif;
-  }
-
-  #emmys .annotation.badge text {
-    font-weight: normal;
-    font-size: 10px;
-  }
-
-  #emmys .annotation text {
-    font-size: 0.7em;
-    text-transform: uppercase;
-    font-weight: bold;
-  }
-
-  .show-bg .annotation-note-bg {
-    fill: blue;
-    fill-opacity: 0.05;
-  }
-
-  .annotation.axis .annotation-note-bg {
-    fill: white;
-    stroke: white;
-    stroke-width: 10;
-  }
-
-  .annotation.axis path {
-    stroke: lightgrey;
-  }
-
-  .annotation.axis text {
-    fill: lightgrey;
-  }
-
-  .sticky-menu {
-    position: sticky;
-    top: 0;
-    align-self: flex-start;
-  }
-
-  /* .container,
-  .container-fluid {
-    margin-right: auto;
-    margin-left: auto;
-  } */
-  /* .container-fluid {
-    padding-right: 2rem;
-    padding-left: 2rem;
-  } */
-  .row {
-    box-sizing: border-box;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-flex: 0;
-    -ms-flex: 0 1 auto;
-    flex: 0 1 auto;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: row;
-    flex-direction: row;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    /* margin-right: -.5rem;
-    margin-left: -.5rem; */
-  }
-  .row.reverse {
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: reverse;
-    -ms-flex-direction: row-reverse;
-    flex-direction: row-reverse;
-  }
-  .col.reverse {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: reverse;
-    -ms-flex-direction: column-reverse;
-    flex-direction: column-reverse;
-  }
-  .col-xs,
-  .col-xs-1,
-  .col-xs-10,
-  .col-xs-11,
-  .col-xs-12,
-  .col-xs-2,
-  .col-xs-3,
-  .col-xs-4,
-  .col-xs-5,
-  .col-xs-6,
-  .col-xs-7,
-  .col-xs-8,
-  .col-xs-9,
-  .col-xs-offset-0,
-  .col-xs-offset-1,
-  .col-xs-offset-10,
-  .col-xs-offset-11,
-  .col-xs-offset-12,
-  .col-xs-offset-2,
-  .col-xs-offset-3,
-  .col-xs-offset-4,
-  .col-xs-offset-5,
-  .col-xs-offset-6,
-  .col-xs-offset-7,
-  .col-xs-offset-8,
-  .col-xs-offset-9 {
-    box-sizing: border-box;
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 auto;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-  }
-  .col-xs {
-    -webkit-box-flex: 1;
-    -ms-flex-positive: 1;
-    flex-grow: 1;
-    -ms-flex-preferred-size: 0;
-    flex-basis: 0;
-    max-width: 100%;
-  }
-  .col-xs-1 {
-    -ms-flex-preferred-size: 8.33333333%;
-    flex-basis: 8.33333333%;
-    max-width: 8.33333333%;
-  }
-  .col-xs-2 {
-    -ms-flex-preferred-size: 16.66666667%;
-    flex-basis: 16.66666667%;
-    max-width: 16.66666667%;
-  }
-  .col-xs-3 {
-    -ms-flex-preferred-size: 25%;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-  .col-xs-4 {
-    -ms-flex-preferred-size: 33.33333333%;
-    flex-basis: 33.33333333%;
-    max-width: 33.33333333%;
-  }
-  .col-xs-5 {
-    -ms-flex-preferred-size: 41.66666667%;
-    flex-basis: 41.66666667%;
-    max-width: 41.66666667%;
-  }
-  .col-xs-6 {
-    -ms-flex-preferred-size: 50%;
-    flex-basis: 50%;
-    max-width: 50%;
-  }
-  .col-xs-7 {
-    -ms-flex-preferred-size: 58.33333333%;
-    flex-basis: 58.33333333%;
-    max-width: 58.33333333%;
-  }
-  .col-xs-8 {
-    -ms-flex-preferred-size: 66.66666667%;
-    flex-basis: 66.66666667%;
-    max-width: 66.66666667%;
-  }
-  .col-xs-9 {
-    -ms-flex-preferred-size: 75%;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-  .col-xs-10 {
-    -ms-flex-preferred-size: 83.33333333%;
-    flex-basis: 83.33333333%;
-    max-width: 83.33333333%;
-  }
-  .col-xs-11 {
-    -ms-flex-preferred-size: 91.66666667%;
-    flex-basis: 91.66666667%;
-    max-width: 91.66666667%;
-  }
-  .col-xs-12 {
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-  .col-xs-offset-0 {
-    margin-left: 0;
-  }
-  .col-xs-offset-1 {
-    margin-left: 8.33333333%;
-  }
-  .col-xs-offset-2 {
-    margin-left: 16.66666667%;
-  }
-  .col-xs-offset-3 {
-    margin-left: 25%;
-  }
-  .col-xs-offset-4 {
-    margin-left: 33.33333333%;
-  }
-  .col-xs-offset-5 {
-    margin-left: 41.66666667%;
-  }
-  .col-xs-offset-6 {
-    margin-left: 50%;
-  }
-  .col-xs-offset-7 {
-    margin-left: 58.33333333%;
-  }
-  .col-xs-offset-8 {
-    margin-left: 66.66666667%;
-  }
-  .col-xs-offset-9 {
-    margin-left: 75%;
-  }
-  .col-xs-offset-10 {
-    margin-left: 83.33333333%;
-  }
-  .col-xs-offset-11 {
-    margin-left: 91.66666667%;
-  }
-  .start-xs {
-    -webkit-box-pack: start;
-    -ms-flex-pack: start;
-    justify-content: flex-start;
-    text-align: start;
-  }
-  .center-xs {
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    text-align: center;
-  }
-  .end-xs {
-    -webkit-box-pack: end;
-    -ms-flex-pack: end;
-    justify-content: flex-end;
-    text-align: end;
-  }
-  .top-xs {
-    -webkit-box-align: start;
-    -ms-flex-align: start;
-    align-items: flex-start;
-  }
-  .middle-xs {
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-  }
-  .bottom-xs {
-    -webkit-box-align: end;
-    -ms-flex-align: end;
-    align-items: flex-end;
-  }
-  .around-xs {
-    -ms-flex-pack: distribute;
-    justify-content: space-around;
-  }
-  .between-xs {
-    -webkit-box-pack: justify;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-  }
-  .first-xs {
-    -webkit-box-ordinal-group: 0;
-    -ms-flex-order: -1;
-    order: -1;
-  }
-  .last-xs {
-    -webkit-box-ordinal-group: 2;
-    -ms-flex-order: 1;
-    order: 1;
-  }
-  @media only screen and (min-width: 48em) {
-    .container {
-      width: 49rem;
-    }
-    .col-sm,
-    .col-sm-1,
-    .col-sm-10,
-    .col-sm-11,
-    .col-sm-12,
-    .col-sm-2,
-    .col-sm-3,
-    .col-sm-4,
-    .col-sm-5,
-    .col-sm-6,
-    .col-sm-7,
-    .col-sm-8,
-    .col-sm-9,
-    .col-sm-offset-0,
-    .col-sm-offset-1,
-    .col-sm-offset-10,
-    .col-sm-offset-11,
-    .col-sm-offset-12,
-    .col-sm-offset-2,
-    .col-sm-offset-3,
-    .col-sm-offset-4,
-    .col-sm-offset-5,
-    .col-sm-offset-6,
-    .col-sm-offset-7,
-    .col-sm-offset-8,
-    .col-sm-offset-9 {
-      box-sizing: border-box;
-      -webkit-box-flex: 0;
-      -ms-flex: 0 0 auto;
-      flex: 0 0 auto;
-      padding-right: 0.5rem;
-      padding-left: 0.5rem;
-    }
-    .col-sm {
-      -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-      flex-grow: 1;
-      -ms-flex-preferred-size: 0;
-      flex-basis: 0;
-      max-width: 100%;
-    }
-    .col-sm-1 {
-      -ms-flex-preferred-size: 8.33333333%;
-      flex-basis: 8.33333333%;
-      max-width: 8.33333333%;
-    }
-    .col-sm-2 {
-      -ms-flex-preferred-size: 16.66666667%;
-      flex-basis: 16.66666667%;
-      max-width: 16.66666667%;
-    }
-    .col-sm-3 {
-      -ms-flex-preferred-size: 25%;
-      flex-basis: 25%;
-      max-width: 25%;
-    }
-    .col-sm-4 {
-      -ms-flex-preferred-size: 33.33333333%;
-      flex-basis: 33.33333333%;
-      max-width: 33.33333333%;
-    }
-    .col-sm-5 {
-      -ms-flex-preferred-size: 41.66666667%;
-      flex-basis: 41.66666667%;
-      max-width: 41.66666667%;
-    }
-    .col-sm-6 {
-      -ms-flex-preferred-size: 50%;
-      flex-basis: 50%;
-      max-width: 50%;
-    }
-    .col-sm-7 {
-      -ms-flex-preferred-size: 58.33333333%;
-      flex-basis: 58.33333333%;
-      max-width: 58.33333333%;
-    }
-    .col-sm-8 {
-      -ms-flex-preferred-size: 66.66666667%;
-      flex-basis: 66.66666667%;
-      max-width: 66.66666667%;
-    }
-    .col-sm-9 {
-      -ms-flex-preferred-size: 75%;
-      flex-basis: 75%;
-      max-width: 75%;
-    }
-    .col-sm-10 {
-      -ms-flex-preferred-size: 83.33333333%;
-      flex-basis: 83.33333333%;
-      max-width: 83.33333333%;
-    }
-    .col-sm-11 {
-      -ms-flex-preferred-size: 91.66666667%;
-      flex-basis: 91.66666667%;
-      max-width: 91.66666667%;
-    }
-    .col-sm-12 {
-      -ms-flex-preferred-size: 100%;
-      flex-basis: 100%;
-      max-width: 100%;
-    }
-    .col-sm-offset-0 {
-      margin-left: 0;
-    }
-    .col-sm-offset-1 {
-      margin-left: 8.33333333%;
-    }
-    .col-sm-offset-2 {
-      margin-left: 16.66666667%;
-    }
-    .col-sm-offset-3 {
-      margin-left: 25%;
-    }
-    .col-sm-offset-4 {
-      margin-left: 33.33333333%;
-    }
-    .col-sm-offset-5 {
-      margin-left: 41.66666667%;
-    }
-    .col-sm-offset-6 {
-      margin-left: 50%;
-    }
-    .col-sm-offset-7 {
-      margin-left: 58.33333333%;
-    }
-    .col-sm-offset-8 {
-      margin-left: 66.66666667%;
-    }
-    .col-sm-offset-9 {
-      margin-left: 75%;
-    }
-    .col-sm-offset-10 {
-      margin-left: 83.33333333%;
-    }
-    .col-sm-offset-11 {
-      margin-left: 91.66666667%;
-    }
-    .start-sm {
-      -webkit-box-pack: start;
-      -ms-flex-pack: start;
-      justify-content: flex-start;
-      text-align: start;
-    }
-    .center-sm {
-      -webkit-box-pack: center;
-      -ms-flex-pack: center;
-      justify-content: center;
-      text-align: center;
-    }
-    .end-sm {
-      -webkit-box-pack: end;
-      -ms-flex-pack: end;
-      justify-content: flex-end;
-      text-align: end;
-    }
-    .top-sm {
-      -webkit-box-align: start;
-      -ms-flex-align: start;
-      align-items: flex-start;
-    }
-    .middle-sm {
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-    }
-    .bottom-sm {
-      -webkit-box-align: end;
-      -ms-flex-align: end;
-      align-items: flex-end;
-    }
-    .around-sm {
-      -ms-flex-pack: distribute;
-      justify-content: space-around;
-    }
-    .between-sm {
-      -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-      justify-content: space-between;
-    }
-    .first-sm {
-      -webkit-box-ordinal-group: 0;
-      -ms-flex-order: -1;
-      order: -1;
-    }
-    .last-sm {
-      -webkit-box-ordinal-group: 2;
-      -ms-flex-order: 1;
-      order: 1;
-    }
-  }
 }
\ No newline at end of file
diff --git a/src/extension_assets/splash/index.js b/src/extension_assets/splash/index.js
index c5c4b14..8c6e7ed 100644
--- a/src/extension_assets/splash/index.js
+++ b/src/extension_assets/splash/index.js
@@ -1,3 +1,23 @@
+// Copyright (c) 2019 Chris DeMartini
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
 import React from 'react';
 import '../styles/SplashScreen.css';
 
@@ -71,7 +91,7 @@ const CustomSplash = (props) => (
         >
           React Annotation
         </a>{" "}
-        Made with <img alt="A picture of a heart" src="img/heart.png" /> by
+        Made with <img alt="A heart" src="img/heart.png" /> by
         <a 
           href="http://www.susielu.com"
           target="_blank"
diff --git a/src/extension_assets/stepperConfig.js b/src/extension_assets/stepperConfig.js
index 4cc4ed4..9965348 100644
--- a/src/extension_assets/stepperConfig.js
+++ b/src/extension_assets/stepperConfig.js
@@ -1,4 +1,22 @@
-import CustomLayout from './CustomLayout';
+// Copyright (c) 2019 Chris DeMartini
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
 
 export default {
   "config": {
diff --git a/src/extension_assets/style.js b/src/extension_assets/style.js
index d713905..7558c34 100644
--- a/src/extension_assets/style.js
+++ b/src/extension_assets/style.js
@@ -1,3 +1,23 @@
+// Copyright (c) 2019 Chris DeMartini
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
 export const colors = {
   buttonPrimaryBgColor: 'rgb(45, 204, 151)',
   buttonPrimaryTextColor: 'white',
@@ -9,11 +29,4 @@ export const colors = {
   stepperPrimaryTextColor: 'white',
 }
 
-export const extensionIcons = {
-  LongitudeIcon: require('./extension-icons/longitude.png'),
-  LatitudeIcon: require('./extension-icons/latitude.png'),
-  GeoNameIcon: require('./extension-icons/geoname.png'),
-  FillByIcon: require('./extension-icons/fillby.png'),
-  SizeByIcon: require('./extension-icons/sizeby.png'),
-  GeoIcon: require('./extension-icons/geo.png')
-}
\ No newline at end of file
+export const extensionIcons = {}
\ No newline at end of file
diff --git a/src/extension_assets/viz/index.js b/src/extension_assets/viz/index.js
index 8696ae1..cedc0e0 100644
--- a/src/extension_assets/viz/index.js
+++ b/src/extension_assets/viz/index.js
@@ -1,4 +1,24 @@
-import React, { useContext, useEffect, useState } from 'react';
+// Copyright (c) 2019 Chris DeMartini
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+import React, { useContext, useState } from 'react';
 import _ from 'lodash';
 import uuid from 'uuid';
 import { 
@@ -19,7 +39,6 @@ import {
   curveNatural, 
   curveBasis
 } from 'd3-shape'
-import TypesUI  from '../components/annotations/Types';
 import MuiThemeProvider from "material-ui/styles/MuiThemeProvider";
 import getMuiTheme from "material-ui/styles/getMuiTheme";
 import { muiTheme } from "../components/annotations/Theme";
@@ -584,7 +603,6 @@ const Viz = (props) => {
 
   return (
     <MuiThemeProvider muiTheme={getMuiTheme(muiTheme)}>
-        {/* <TypesUI /> */}
       <div 
         className="Annotation-Div"
         onMouseEnter={() => { setIconViewState(true)}}
diff --git a/src/index.js b/src/index.js
index 4cfd235..7537c98 100755
--- a/src/index.js
+++ b/src/index.js
@@ -1,3 +1,23 @@
+// Copyright (c) 2019 Chris DeMartini
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';