diff --git a/FAQ.md b/FAQ.md
new file mode 100644
index 000000000..8b53ee17e
--- /dev/null
+++ b/FAQ.md
@@ -0,0 +1,55 @@
+# Frequently-Asked-Questions
+
+There are many questions that are asked frequently within the bridge. Discord, and this document goes through them.
+
+**How do I use custom commands in game?**
+
+You can’t; bridge. custom commands are used only inside of the editor (functions, items, animations, animation controllers, entities) as they are compiled into normal
+commands.
+
+**After editing an animation in bridge., it stopped working. Why?**
+
+This is a known issue that has to do with how bridge. handles arrays and objects. The automatic type detection fails where there is ambiguity between objects and
+animations and both options are valid. Solution: Do not edit animations from Blockbench with bridge.; manually fix broken animations with a text editor.
+
+**Something isn’t behaving properly with bridge. behavior. What should I do?**
+
+Please verify your bridge. version is the latest, and then report it in **#bugs** (within the bridge. Discord, specifying the version, the problem, and what you were
+doing when the problem occured). We will get back to you as soon as we can. In case you have a GitHub account, it is preferred that you open an issue here:
+https://github.com/bridge-core/bridge./issues/new/choose
+
+**Something is wrong with the bridge. auto completions.**
+
+Follow the same steps as reporting improper bridge. behavior.
+
+**My entity exists in game, but is invisible.**
+
+If your entity has a shadow but is invisible, give it the `skeleton` material in the client entity file. If it has no shadow, you probably need to add a render
+controller.
+
+**My addon isn’t working. Why?**
+
+There are lots of reasons an addon might not work. Before you ask in an addon help channel within the bridge. Discord, please turn on content logs and review any errors.  
+
+**How do I turn on content logs?**
+
+In *Minecraft* settings under the Profile section, there are two settings: ”Enable Content Log GUI” and “Enable Content Log File.” We recommend turning both on while
+testing.
+![Enable content logs](https://github.com/bridge-core/bridge./blob/master/images/faq_1.png)
+
+**How do I make a scripting GUI?**
+
+There are currently no tutorials for this, but Mojang has released an example pack using a GUI. You can get the pack here: https://aka.ms/minecraftscripting_turnbased
+
+**Is there a tutorial for…?**
+
+You can check #addon-guides in the bridge. Discord. If there isn’t one there, the documentation (https://bedrock.dev) might help. If you still need help, ask in an
+available #addon-help channel.
+
+**Do I need experimental gameplay for…?**
+
+As of 1.16.0, the following things require experimental gameplay:
+* Biomes
+* Features
+* Feature rules
+* Scripts
diff --git a/app/renderer/src/Presets.ts b/app/renderer/src/Presets.ts
index c1067598f..a85a64523 100644
--- a/app/renderer/src/Presets.ts
+++ b/app/renderer/src/Presets.ts
@@ -263,5 +263,10 @@ export async function expandPresetFile(
 
 	if (typeof original === 'string')
 		await fs.writeFile(to_path, `${original}\n${templ}`)
-	else await writeJSON(to_path, detachMerge({}, original, JSON.parse(templ)))
+	else
+		await writeJSON(
+			to_path,
+			detachMerge({}, original, JSON.parse(templ)),
+			true
+		)
 }
diff --git a/app/renderer/src/Project/Config.ts b/app/renderer/src/Project/Config.ts
index fca2e370e..e1f599b7c 100644
--- a/app/renderer/src/Project/Config.ts
+++ b/app/renderer/src/Project/Config.ts
@@ -8,7 +8,7 @@ import SETTINGS from '../../store/Settings'
 import { on } from '../AppCycle/EventSystem'
 import { getFormatVersions } from '../autoCompletions/components/VersionedTemplate/Common'
 
-on('bridge:changedProject', () => {
+on('bridge:onProjectChanged', () => {
 	ProjectConfig.prefix_cache = undefined
 	ProjectConfig.formatVersionCache = undefined
 })
diff --git a/app/renderer/src/TabSystem.ts b/app/renderer/src/TabSystem.ts
index 5284b6fae..788dad51b 100644
--- a/app/renderer/src/TabSystem.ts
+++ b/app/renderer/src/TabSystem.ts
@@ -137,7 +137,8 @@ class TabSystem {
 				file_name: curr_file_name,
 				folders: curr_folders,
 			} = projects[this.project][i]
-			if (file_path === tab.file_path) {
+
+			if (path.resolve(file_path) === path.resolve(tab.file_path)) {
 				Store.commit('removeLoadingWindow', { id: 'open-file' })
 				return this.select(i)
 			} else if (curr_file_name === file_name) {
diff --git a/app/renderer/src/UI/Editor/JsonEditor/JsonInput.vue b/app/renderer/src/UI/Editor/JsonEditor/JsonInput.vue
index 60030ff8b..c630d1b57 100644
--- a/app/renderer/src/UI/Editor/JsonEditor/JsonInput.vue
+++ b/app/renderer/src/UI/Editor/JsonEditor/JsonInput.vue
@@ -5,6 +5,7 @@
 				id="json-editing-input"
 				ref="input"
 				@keydown.enter.native="click"
+				v-on="autoApplyEdit ? { change: click } : null"
 				:disabled="file_navigation === 'global'"
 				v-if="type == 'edit'"
 				v-model="value"
@@ -107,14 +108,17 @@ export default {
 		provide_auto_completions() {
 			return this.$store.state.Settings.auto_completions
 		},
+		autoApplyEdit() {
+			return this.$store.state.Settings.automatically_apply_edits
+		},
 	},
 	methods: {
 		click(val) {
 			if (this.trigger_cooldown) return
 
-			if (this.value === '')
+			if (!this.value)
 				this.value = this.$refs.input.$el.querySelector('input').value
-			if (this.value === '' || !this.value) return
+			if (!this.value) return
 			let current = this.render_object.get(this.file_navigation)
 			let is_data_path = TabSystem.getSelected().content.isDataPath(
 				this.file_navigation
diff --git a/app/renderer/src/UI/Editor/JsonEditor/PredictingInput.vue b/app/renderer/src/UI/Editor/JsonEditor/PredictingInput.vue
index ee6c4413c..53b5f2060 100644
--- a/app/renderer/src/UI/Editor/JsonEditor/PredictingInput.vue
+++ b/app/renderer/src/UI/Editor/JsonEditor/PredictingInput.vue
@@ -92,7 +92,7 @@ export default {
 	methods: {
 		click(val, force) {
 			if (this.trigger_cooldown) return
-			if (this.value === '')
+			if (!this.value)
 				this.value =
 					val || this.$refs.input.$el.querySelector('input').value
 			if (
diff --git a/app/renderer/src/UI/Editor/SingleFile.vue b/app/renderer/src/UI/Editor/SingleFile.vue
index c1c54e844..bb59c5991 100644
--- a/app/renderer/src/UI/Editor/SingleFile.vue
+++ b/app/renderer/src/UI/Editor/SingleFile.vue
@@ -10,7 +10,13 @@
 		}"
 	>
 		<v-container v-if="file_viewer === 'image'">
-			<img class="image" :src="image" style="max-width: 100%;" />
+			<img
+				class="image"
+				:src="image"
+				:style="`width: ${zoom}%; cursor: zoom-in;`"
+				@click.left="zoomIn"
+				@click.right="zoomOut"
+			/>
 		</v-container>
 		<audio-player v-else-if="file_viewer === 'audio'" :src="audio" />
 		<model-editor
@@ -79,6 +85,7 @@ export default {
 				func: 'mcfunction',
 				html: 'text/html',
 			},
+			zoom: 50,
 		}
 	},
 	computed: {
@@ -167,6 +174,16 @@ export default {
 				mimetype: `${type}/${ext}`,
 			})
 		},
+		zoomIn() {
+			if (this.zoom != 100) {
+				this.zoom = this.zoom + 10
+			}
+		},
+		zoomOut() {
+			if (this.zoom != 10) {
+				this.zoom = this.zoom - 10
+			}
+		},
 	},
 	watch: {
 		content_as_string() {
diff --git a/app/renderer/src/UI/Sidebar/Content/Explorer.vue b/app/renderer/src/UI/Sidebar/Content/Explorer.vue
index 191c02c3a..6fb2f505b 100644
--- a/app/renderer/src/UI/Sidebar/Content/Explorer.vue
+++ b/app/renderer/src/UI/Sidebar/Content/Explorer.vue
@@ -19,7 +19,7 @@
 		<v-layout align-center>
 			<span style="padding: 0 4px;">
 				<v-avatar tile size="36px">
-					<img :src="project_icon" />
+					<img :src="projectIcon" />
 				</v-avatar>
 			</span>
 
@@ -150,9 +150,11 @@ export default {
 			no_projects: false,
 			loaded_file_defs: FileType.LIB_LOADED,
 			disposable: null,
+			projectIcon: undefined,
 		}
 	},
 	mounted() {
+		this.projectIcon = this.loadProjectIcon()
 		this.$root.$on('refreshExplorer', () =>
 			EventBus.trigger('bridge:refreshExplorer')
 		)
@@ -203,23 +205,6 @@ export default {
 				value: p,
 			}))
 		},
-		project_icon() {
-			try {
-				return DataUrl.convert({
-					data: fsync.readFileSync(
-						this.base_path + this.selected + '/pack_icon.png'
-					),
-					mimetype: `image/png`,
-				})
-			} catch (e) {
-				return DataUrl.convert({
-					data: fsync.readFileSync(
-						__static + '/images/pack_icon.png'
-					),
-					mimetype: `image/png`,
-				})
-			}
-		},
 	},
 	methods: {
 		openProjectScreen() {
@@ -227,6 +212,8 @@ export default {
 				ProjectChooser.open()
 		},
 		async refresh(force_val) {
+			this.projectIcon = this.loadProjectIcon()
+
 			if (this.force_project_algorithm) {
 				if (force_val) this.selected = force_val
 				console.log('[REFRESH RP] ' + this.selected)
@@ -261,7 +248,7 @@ export default {
 		async loadDirectory(dir = this.selected, force_reload) {
 			let lw = new LoadingWindow().show()
 			if (this.explorer_type === 'explorer') {
-				EventBus.trigger('bridge:changedProject')
+				EventBus.trigger('bridge:onProjectChanged')
 				OmegaCache.init(dir)
 				LightningCache.init()
 				JSONFileMasks.resetMasks()
@@ -350,6 +337,33 @@ export default {
 		createRP() {
 			CreateRP.open()
 		},
+
+		loadProjectIcon() {
+			try {
+				return DataUrl.convert({
+					data: fsync.readFileSync(
+						path.join(
+							this.base_path,
+							this.selected,
+							'pack_icon.png'
+						)
+					),
+					mimetype: `image/png`,
+				})
+			} catch (e) {
+				return DataUrl.convert({
+					data: fsync.readFileSync(
+						path.join(__static, '/images/pack_icon.png')
+					),
+					mimetype: `image/png`,
+				})
+			}
+		},
+	},
+	watch: {
+		selected() {
+			this.projectIcon = this.loadProjectIcon()
+		},
 	},
 }
 </script>
diff --git a/app/renderer/src/UI/Toolbar/Category/file.ts b/app/renderer/src/UI/Toolbar/Category/file.ts
index 4a49d9810..139e596ce 100644
--- a/app/renderer/src/UI/Toolbar/Category/file.ts
+++ b/app/renderer/src/UI/Toolbar/Category/file.ts
@@ -5,7 +5,7 @@ import { ipcRenderer } from 'electron'
 import TabSystem from '../../../TabSystem'
 import SettingsWindow from '../../../../windows/Settings'
 import ExtensionBrowser from '../../../../windows/Extensions/Browser'
-import { ImportOBJ } from '../../Windows/ImportOBJ/definition'
+import { ImportOBJ } from '../../Windows/Tools/ImportOBJ/definition'
 import LoadingWindow from '../../../../windows/LoadingWindow'
 import FileSystem from '../../../FileSystem'
 import { ImportFileMap } from '../../../plugins/scripts/modules/importFiles'
diff --git a/app/renderer/src/UI/Toolbar/Category/tools.ts b/app/renderer/src/UI/Toolbar/Category/tools.ts
index 2b6cf6c27..a1b15cb24 100644
--- a/app/renderer/src/UI/Toolbar/Category/tools.ts
+++ b/app/renderer/src/UI/Toolbar/Category/tools.ts
@@ -1,5 +1,5 @@
 import { IAppMenu } from '../create'
-import { GoToFile } from '../../Windows/GoToFile/definition'
+import { GoToFile } from '../../Windows/Tools/GoToFile/definition'
 import SnippetWindow from '../../../../windows/Snippets'
 import PresetWindow from '../../../../windows/PresetWindow'
 
diff --git a/app/renderer/src/UI/Windows/Common/Input/Input.vue b/app/renderer/src/UI/Windows/Common/Input/Input.vue
index 294efec50..d7a06dc02 100644
--- a/app/renderer/src/UI/Windows/Common/Input/Input.vue
+++ b/app/renderer/src/UI/Windows/Common/Input/Input.vue
@@ -49,10 +49,12 @@ export default {
 	methods: {
 		onClose() {
 			this.currentWindow.close()
+			this.inputValue = ''
 		},
 		onConfirm() {
 			this.currentWindow.close()
 			this.onConfirmCb(this.inputValue + this.expandText)
+			this.inputValue = ''
 		},
 	},
 }
diff --git a/app/renderer/src/UI/Windows/Layout/Base.vue b/app/renderer/src/UI/Windows/Layout/Base.vue
index 238c9a64c..12a7eb0ec 100644
--- a/app/renderer/src/UI/Windows/Layout/Base.vue
+++ b/app/renderer/src/UI/Windows/Layout/Base.vue
@@ -4,7 +4,7 @@
 		@input="$emit('closeWindow')"
 		:persistent="isPersistent"
 		:hide-overlay="!blurBackground"
-		:max-width="isFullscreen ? maxWidth : width"
+		:max-width="isFullscreen ? maxWindowWidth : windowWidth"
 		content-class="no-overflow"
 	>
 		<v-card height="100%" width="100%" color="background">
@@ -42,8 +42,8 @@
 
 			<v-card-text
 				:style="
-					`padding-top: 12px; max-height: ${maxHeight}px; height: ${
-						isFullscreen ? maxHeight : height
+					`padding-top: 12px; max-height: ${maxWindowHeight}px; height: ${
+						isFullscreen ? maxWindowHeight : windowHeight
 					}px; overflow-y: auto;`
 				"
 			>
@@ -94,11 +94,45 @@ export default {
 			type: Number,
 			default: 800,
 		},
+		percentageHeight: Number,
+		percentageWidth: Number,
+		maxPercentageHeight: Number,
+		maxPercentageWidth: Number,
 	},
 	computed: {
 		isDarkMode() {
 			return this.$store.state.Appearance.is_dark_mode
 		},
+		windowWidth() {
+			if (this.percentageWidth == undefined) {
+				return this.width
+			} else {
+				return (window.innerWidth / 100) * this.percentageWidth
+			}
+		},
+		windowHeight() {
+			if (this.percentageHeight == undefined) {
+				return this.height
+			} else {
+				return (window.innerHeight / 100) * this.percentageHeight - 150
+			}
+		},
+		maxWindowHeight() {
+			if (this.maxPercentageHeight == undefined) {
+				return this.maxHeight
+			} else {
+				return (
+					(window.innerHeight / 100) * this.maxPercentageHeight - 150
+				)
+			}
+		},
+		maxWindowWidth() {
+			if (this.maxPercentageWidth == undefined) {
+				return this.maxWidth
+			} else {
+				return (window.innerWidth / 100) * this.maxPercentageWidth
+			}
+		},
 	},
 }
 </script>
diff --git a/app/renderer/src/UI/Windows/Project/Chooser/ProjectCard.vue b/app/renderer/src/UI/Windows/Project/Chooser/ProjectCard.vue
index 412d6362d..0d98b92d2 100644
--- a/app/renderer/src/UI/Windows/Project/Chooser/ProjectCard.vue
+++ b/app/renderer/src/UI/Windows/Project/Chooser/ProjectCard.vue
@@ -16,7 +16,7 @@
 				}}
 			</div>
 
-			<div>{{ projectDescription }}</div>
+			<div class="text-wrap">{{ projectDescription }}</div>
 		</v-card-text>
 
 		<!-- <v-divider class="mx-4"></v-divider>
@@ -50,7 +50,7 @@ export default {
 		} catch {}
 	},
 	data: () => ({
-		projectImage: join(__static, '/images/pack_icon.png'),
+		projectImage: join(__static, 'images/pack_icon.png'),
 	}),
 
 	computed: {
@@ -67,4 +67,4 @@ export default {
 }
 </script>
 
-<style></style>
+<style scoped></style>
diff --git a/app/renderer/src/UI/Windows/Project/Chooser/load.ts b/app/renderer/src/UI/Windows/Project/Chooser/load.ts
index 787ee75fe..b2ab4d0fc 100644
--- a/app/renderer/src/UI/Windows/Project/Chooser/load.ts
+++ b/app/renderer/src/UI/Windows/Project/Chooser/load.ts
@@ -1,5 +1,5 @@
 import { promises as fs, Dirent } from 'fs'
-import { BP_BASE_PATH, MOJANG_PATH } from '../../../../constants'
+import { BP_BASE_PATH, MOJANG_PATH, CURRENT } from '../../../../constants'
 import { join } from 'path'
 import { LoadedProjects } from './definition'
 import { readJSON } from '../../../../Utilities/JsonFS'
@@ -37,7 +37,7 @@ export async function loadProjects() {
 }
 
 async function loadManifest(projectPath: string) {
-	const {
+	let {
 		header: { version, name, description },
 		metadata: { author } = { author: 'Unknown' },
 	} = await readJSON(join(projectPath, 'manifest.json')).catch(() => ({
@@ -45,6 +45,21 @@ async function loadManifest(projectPath: string) {
 		metadata: {},
 	}))
 
+	if (description === 'pack.description') {
+		try {
+			const langFile = (
+				await fs.readFile(join(projectPath, 'texts/en_US.lang'))
+			).toString('utf-8')
+			const lines = langFile.split('\n')
+
+			for (let line of lines) {
+				const [key, value] = line.split('=')
+				if (key.trim() === 'pack.description')
+					description = value.trim()
+			}
+		} catch {}
+	}
+
 	return {
 		version,
 		name,
diff --git a/app/renderer/src/UI/Windows/Project/Create/BP/Main.vue b/app/renderer/src/UI/Windows/Project/Create/BP/Main.vue
index aa9e898b0..7574b621b 100644
--- a/app/renderer/src/UI/Windows/Project/Create/BP/Main.vue
+++ b/app/renderer/src/UI/Windows/Project/Create/BP/Main.vue
@@ -6,7 +6,7 @@
 		:hasMaximizeButton="false"
 		:isFullscreen="false"
 		:width="500"
-		:height="400"
+		:height="420"
 		@closeWindow="close"
 	>
 		<template #default>
@@ -154,12 +154,12 @@ export default {
 									'bridge:selectProject',
 									this.projectName
 								)
+								this.reset()
 							}
 						)
 					}
 				)
 			}, 50)
-			//this.reset()
 		},
 		reset() {
 			this.projectName = ''
diff --git a/app/renderer/src/UI/Windows/Project/Create/RP/Main.vue b/app/renderer/src/UI/Windows/Project/Create/RP/Main.vue
index 1b0583358..0d3dfa9e0 100644
--- a/app/renderer/src/UI/Windows/Project/Create/RP/Main.vue
+++ b/app/renderer/src/UI/Windows/Project/Create/RP/Main.vue
@@ -58,7 +58,8 @@ export default {
 	data: () => CreateRP.getState(),
 	methods: {
 		close() {
-			CreateRP.close(), this.reset()
+			CreateRP.close()
+			this.reset()
 		},
 		invalidNameCheck() {
 			if (this.RPName.endsWith('.')) {
@@ -104,15 +105,16 @@ export default {
 							)
 							PackLinker.link(CURRENT.PROJECT, this.RPName)
 							Vue.$root.$emit('refreshExplorer')
+							this.reset()
 							l_w.hide()
 						}
 					)
 				})
 			}, 50)
-			//this.reset()
 		},
 		reset() {
-			;(this.RPName = ''), (this.RPDescription = '')
+			this.RPName = ''
+			this.RPDescription = ''
 		},
 	},
 }
diff --git a/app/renderer/src/UI/Windows/Project/Create/definition.ts b/app/renderer/src/UI/Windows/Project/Create/definition.ts
index 24bdfb919..ca3054540 100644
--- a/app/renderer/src/UI/Windows/Project/Create/definition.ts
+++ b/app/renderer/src/UI/Windows/Project/Create/definition.ts
@@ -1,7 +1,6 @@
 import { createWindow } from '../../create'
 import CreateRPComponent from './RP/Main.vue'
 import CreateBPComponent from './BP/Main.vue'
-import { getFormatVersions } from '../../../../autoCompletions/components/VersionedTemplate/Common'
 
 export const CreateRP = createWindow(CreateRPComponent, {
 	RPName: '',
diff --git a/app/renderer/src/UI/Windows/GoToFile/Main.vue b/app/renderer/src/UI/Windows/Tools/GoToFile/Main.vue
similarity index 89%
rename from app/renderer/src/UI/Windows/GoToFile/Main.vue
rename to app/renderer/src/UI/Windows/Tools/GoToFile/Main.vue
index 43eb44c24..0c3b702d4 100644
--- a/app/renderer/src/UI/Windows/GoToFile/Main.vue
+++ b/app/renderer/src/UI/Windows/Tools/GoToFile/Main.vue
@@ -23,9 +23,9 @@
 
 <script>
 import { GoToFile } from './definition'
-import BaseWindow from '../Layout/Base'
+import BaseWindow from '../../Layout/Base'
 import { loadFiles } from './loadFiles'
-import FileSystem from '../../../../src/FileSystem'
+import FileSystem from '../../../../FileSystem'
 
 export default {
 	name: 'GoToFile',
diff --git a/app/renderer/src/UI/Windows/GoToFile/definition.ts b/app/renderer/src/UI/Windows/Tools/GoToFile/definition.ts
similarity index 69%
rename from app/renderer/src/UI/Windows/GoToFile/definition.ts
rename to app/renderer/src/UI/Windows/Tools/GoToFile/definition.ts
index 06fea645d..f59e5c23c 100644
--- a/app/renderer/src/UI/Windows/GoToFile/definition.ts
+++ b/app/renderer/src/UI/Windows/Tools/GoToFile/definition.ts
@@ -1,4 +1,4 @@
-import { createWindow } from '../create'
+import { createWindow } from '../../create'
 import GoToFileComponent from './Main.vue'
 
 export const GoToFile = createWindow(GoToFileComponent)
diff --git a/app/renderer/src/UI/Windows/GoToFile/loadFiles.ts b/app/renderer/src/UI/Windows/Tools/GoToFile/loadFiles.ts
similarity index 86%
rename from app/renderer/src/UI/Windows/GoToFile/loadFiles.ts
rename to app/renderer/src/UI/Windows/Tools/GoToFile/loadFiles.ts
index bfa57ca3d..a5eebb44b 100644
--- a/app/renderer/src/UI/Windows/GoToFile/loadFiles.ts
+++ b/app/renderer/src/UI/Windows/Tools/GoToFile/loadFiles.ts
@@ -1,5 +1,5 @@
-import { FileExplorerStorage } from '../../../../src/UI/Sidebar/FileExplorer'
-import { CURRENT, BP_BASE_PATH, RP_BASE_PATH } from '../../../../src/constants'
+import { FileExplorerStorage } from '../../../Sidebar/FileExplorer'
+import { CURRENT, BP_BASE_PATH, RP_BASE_PATH } from '../../../../constants'
 import path from 'path'
 
 export function loadFiles(): { text: string; value: string }[] {
diff --git a/app/renderer/src/UI/Windows/ImportOBJ/Main.vue b/app/renderer/src/UI/Windows/Tools/ImportOBJ/Main.vue
similarity index 85%
rename from app/renderer/src/UI/Windows/ImportOBJ/Main.vue
rename to app/renderer/src/UI/Windows/Tools/ImportOBJ/Main.vue
index 8627e6741..6001703d7 100644
--- a/app/renderer/src/UI/Windows/ImportOBJ/Main.vue
+++ b/app/renderer/src/UI/Windows/Tools/ImportOBJ/Main.vue
@@ -5,9 +5,10 @@
 		:isVisible="isVisible"
 		:hasMaximizeButton="true"
 		:isFullscreen="isFullscreen"
-		:width="550"
-		:maxWidth="1000"
-		:height="550"
+		:percentageHeight="85"
+		:percentageWidth="40"
+		:maxPercentageHeight="95"
+		:maxPercentageWidth="90"
 		@closeWindow="close"
 		@toggleFullscreen="isFullscreen = !isFullscreen"
 	>
@@ -64,16 +65,16 @@
 
 <script>
 import { ImportOBJ } from './definition'
-import BaseWindow from '../Layout/Base'
+import BaseWindow from '../../Layout/Base'
 import { ipcRenderer } from 'electron'
-import LoadingWindow from '../../../../windows/LoadingWindow'
-import { uuid } from '../../../Utilities/useAttr'
-import { OBJtoMC } from '../../../Compiler/File/Model/OBJtoMC'
+import LoadingWindow from '../../../../../windows/LoadingWindow'
+import { uuid } from '../../../../Utilities/useAttr'
+import { OBJtoMC } from '../../../../Compiler/File/Model/OBJtoMC'
 import { promises as fs } from 'fs'
-import { CURRENT } from '../../../constants'
-import { trySetRP, NEGATIVE_RESPONSES } from '../../../Utilities/FindRP'
+import { CURRENT } from '../../../../constants'
+import { trySetRP, NEGATIVE_RESPONSES } from '../../../../Utilities/FindRP'
 import { join } from 'path'
-import { createInformationWindow } from '../../../UI/Windows/Common/CommonDefinitions'
+import { createInformationWindow } from '../../Common/CommonDefinitions'
 
 export default {
 	name: 'ImportOBJ',
@@ -123,7 +124,7 @@ export default {
 			if (!rpSet) {
 				lw.close()
 				this.reset()
-				return createInformationWindow(
+				createInformationWindow(
 					'ERROR',
 					'You do not have a resource pack to add the model to.'
 				)
diff --git a/app/renderer/src/UI/Windows/ImportOBJ/definition.ts b/app/renderer/src/UI/Windows/Tools/ImportOBJ/definition.ts
similarity index 82%
rename from app/renderer/src/UI/Windows/ImportOBJ/definition.ts
rename to app/renderer/src/UI/Windows/Tools/ImportOBJ/definition.ts
index 47e1d7424..cdd7ed5f1 100644
--- a/app/renderer/src/UI/Windows/ImportOBJ/definition.ts
+++ b/app/renderer/src/UI/Windows/Tools/ImportOBJ/definition.ts
@@ -1,4 +1,4 @@
-import { createWindow } from '../create'
+import { createWindow } from '../../create'
 import ImportOBJComponent from './Main.vue'
 
 export const ImportOBJ = createWindow(ImportOBJComponent, {
diff --git a/app/renderer/src/editor/ScriptRunner/runFile.ts b/app/renderer/src/editor/ScriptRunner/runFile.ts
index 96b793574..7f8fe31bf 100644
--- a/app/renderer/src/editor/ScriptRunner/runFile.ts
+++ b/app/renderer/src/editor/ScriptRunner/runFile.ts
@@ -24,7 +24,7 @@ export function createFileRunner(
 	} = {}
 
 	const reset = () => {
-		// bridge:changedProject triggers upon loading the initial project...
+		// bridge:onProjectChanged triggers upon loading the initial project...
 		// ...but we don't want to reset the FileRunner in this case
 		if (!hadProjectSelectTrigger) return (hadProjectSelectTrigger = true)
 
@@ -33,7 +33,7 @@ export function createFileRunner(
 		CACHE = {}
 	}
 
-	on('bridge:changedProject', reset)
+	on('bridge:onProjectChanged', reset)
 	on('bridge:scriptRunner.resetCaches', reset)
 
 	return async function runFile(fileName: string, ...args: unknown[]) {
diff --git a/app/renderer/src/files/Manifest.ts b/app/renderer/src/files/Manifest.ts
index 04a289101..326e5921a 100644
--- a/app/renderer/src/files/Manifest.ts
+++ b/app/renderer/src/files/Manifest.ts
@@ -39,6 +39,7 @@ export default class Manifest {
 				description: 'pack.description',
 				uuid: uuidv4(),
 				version: [1, 0, 0],
+				min_engine_version: [1, 13, 0],
 			}
 		} else {
 			this.header = {
@@ -46,9 +47,15 @@ export default class Manifest {
 				description: 'pack.description',
 				uuid: uuidv4(),
 				version: [1, 0, 0],
-				min_engine_version: <[number, number, number]>(
-					targetProjectVersion.split('.').map(n => Number(n))
-				),
+				min_engine_version: [1, 13, 0],
+
+				/**
+				 * Yay, Minecraft doesn't like our new feature... -.-
+				 * Disabled it until it works
+				 */
+				// min_engine_version: <[number, number, number]>(
+				// 	targetProjectVersion.split('.').map(n => Number(n))
+				// ),
 			}
 		}
 		this.modules = [
diff --git a/app/renderer/src/plugins/CustomComponents.ts b/app/renderer/src/plugins/CustomComponents.ts
index e65e6121c..a2ca13ade 100644
--- a/app/renderer/src/plugins/CustomComponents.ts
+++ b/app/renderer/src/plugins/CustomComponents.ts
@@ -51,9 +51,11 @@ export default class ComponentRegistry {
 			},
 		}
 	}
-	static async updateFiles(commandUpdates: Set<string>) {
+	static async updateFiles(commandUpdates?: Set<string>) {
 		this.registerUpdates = new Set(
-			[...this.registerUpdates].filter(x => !commandUpdates.has(x))
+			[...this.registerUpdates].filter(
+				x => !commandUpdates || !commandUpdates.has(x)
+			)
 		)
 		console.log(Object.entries(this.components))
 		for (let f of this.registerUpdates) await JSONFileMasks.apply(f)
diff --git a/app/renderer/src/plugins/scripts/modules/globals.md b/app/renderer/src/plugins/scripts/modules/globals.md
new file mode 100644
index 000000000..24d805842
--- /dev/null
+++ b/app/renderer/src/plugins/scripts/modules/globals.md
@@ -0,0 +1,3 @@
+# @bridge/globals
+
+Utility module that allows custom components, custom commands and other plugins to access shared data inside of a `globals.json` file.
diff --git a/app/renderer/src/plugins/scripts/modules/globals.ts b/app/renderer/src/plugins/scripts/modules/globals.ts
new file mode 100644
index 000000000..337c81e87
--- /dev/null
+++ b/app/renderer/src/plugins/scripts/modules/globals.ts
@@ -0,0 +1,24 @@
+import { IModuleConfig } from '../types'
+import { CURRENT } from '../../../constants'
+import { readJSON } from '../../../Utilities/JsonFS'
+import { join } from 'path'
+import { on } from '../../../AppCycle/EventSystem'
+
+let cachedGlobals: Record<string, unknown> | undefined = undefined
+
+on('bridge:onProjectChanged', () => {
+	cachedGlobals = undefined
+})
+
+export const GlobalsModule = async ({}: IModuleConfig) => {
+	try {
+		if (cachedGlobals === undefined)
+			cachedGlobals = await readJSON(
+				join(CURRENT.PROJECT_PATH, 'globals.json')
+			)
+	} catch {
+		return {}
+	}
+
+	return { ...cachedGlobals }
+}
diff --git a/app/renderer/src/plugins/scripts/modules/modules.md b/app/renderer/src/plugins/scripts/modules/modules.md
new file mode 100644
index 000000000..4204a05a9
--- /dev/null
+++ b/app/renderer/src/plugins/scripts/modules/modules.md
@@ -0,0 +1,42 @@
+# Plugin Modules
+
+_This documentation is still a work in progress_
+
+## [@bridge/env](https://github.com/solvedDev/bridge./blob/master/app/renderer/src/plugins/scripts/modules/env.md)
+
+## [@bridge/fetch-definition](https://github.com/solvedDev/bridge./blob/master/app/renderer/src/plugins/scripts/modules/fetchDefinition.md)
+
+## [@bridge/path](https://github.com/solvedDev/bridge./blob/master/app/renderer/src/plugins/scripts/modules/path.md)
+
+## [@bridge/ui](https://github.com/solvedDev/bridge./blob/master/app/renderer/src/plugins/scripts/modules/ui.md)
+
+## [@bridge/utils](https://github.com/solvedDev/bridge./blob/master/app/renderer/src/plugins/scripts/modules/utils.md)
+
+## [@bridge/windows](https://github.com/solvedDev/bridge./blob/master/app/renderer/src/plugins/scripts/modules/windows.md)
+
+## [@bridge/sidebar]()
+
+## [@bridge/file-importer]()
+
+## [@bridge/notification]()
+
+## [@bridge/fs](https://github.com/solvedDev/bridge./blob/master/app/renderer/src/plugins/scripts/modules/fs.md)
+
+Usage Examples:
+
+```javascript
+const Sidebar = await require('@bridge/sidebar')
+
+Sidebar.create({
+	id: 'example',
+	displayName: 'Example',
+	icon: 'mdi-console',
+	component: UI.Example,
+})
+```
+
+```javascript
+const { createInformationWindow } = await require('@bridge/windows')
+
+createInformationWindow('Window Title', 'This is the window content!')
+```
diff --git a/app/renderer/src/plugins/scripts/modules/ui.md b/app/renderer/src/plugins/scripts/modules/ui.md
index 3ee457ba4..717a7a42f 100644
--- a/app/renderer/src/plugins/scripts/modules/ui.md
+++ b/app/renderer/src/plugins/scripts/modules/ui.md
@@ -46,10 +46,26 @@ A helper for quickly creating windows
 	maxHeight: {
 		type: Number,
 		default: 800,
-    },
+	},
+	/*
+	/  These percentage values overwrite the height, width, maxHeight and maxWidth props
+	/  and allow you to create windows that fit inside the users display size by providing the
+	/  percentage you want the window to cover
+	*/
+	percentageHeight: Number,
+	percentageWidth: Number,
+	maxPercentageHeight: Number,
+	maxPercentageWidth: Number,
 }
 ```
 
+### Events:
+
+```
+@closeWindow
+@toggleFullscreen
+```
+
 #### Example Usage:
 
 ```html
diff --git a/app/renderer/src/plugins/scripts/require.ts b/app/renderer/src/plugins/scripts/require.ts
index 079d42068..60cf2aba2 100644
--- a/app/renderer/src/plugins/scripts/require.ts
+++ b/app/renderer/src/plugins/scripts/require.ts
@@ -11,6 +11,7 @@ import { ImportFileModule } from './modules/importFiles'
 import { PathModule } from './modules/path'
 import { FetchDefinitionModule } from './modules/fetchDefinition'
 import { WindowModule } from './modules/windows'
+import { GlobalsModule } from './modules/globals'
 
 const BuiltInModules = new Map<string, (config: IModuleConfig) => unknown>([
 	['@bridge/ui', UIModule],
@@ -19,6 +20,7 @@ const BuiltInModules = new Map<string, (config: IModuleConfig) => unknown>([
 	['@bridge/fs', FSModule],
 	['@bridge/path', PathModule],
 	['@bridge/env', ENVModule],
+	['@bridge/globals', GlobalsModule],
 	['@bridge/utils', UtilsModule],
 	['@bridge/file-importer', ImportFileModule],
 	['@bridge/fetch-definition', FetchDefinitionModule],
@@ -30,6 +32,7 @@ const LimitedModules = new Map<string, (config: IModuleConfig) => unknown>([
 	['@bridge/fs', FSModule],
 	['@bridge/path', PathModule],
 	['@bridge/env', ENVModule],
+	['@bridge/globals', GlobalsModule],
 	['@bridge/utils', UtilsModule],
 	['@bridge/fetch-definition', FetchDefinitionModule],
 ])
@@ -41,7 +44,7 @@ function createGenericEnv(
 ) {
 	return async (importName: string) => {
 		const module = modules.get(importName)
-		if (module) return module({ uiStore, disposables })
+		if (module) return await module({ uiStore, disposables })
 	}
 }
 
diff --git a/app/renderer/store/Settings.ts b/app/renderer/store/Settings.ts
index 48f35d1a8..ea48953e0 100644
--- a/app/renderer/store/Settings.ts
+++ b/app/renderer/store/Settings.ts
@@ -40,6 +40,7 @@ function setup() {
 			is_alternative_append_with_copy: true,
 			custom_snippets: [],
 			open_in_fullscreen: false,
+			automatically_apply_edits: false,
 		})
 	} else {
 		DATA = STORE.load('settings')
diff --git a/app/renderer/windows/DebugLog/SearchListView.js b/app/renderer/windows/DebugLog/SearchListView.js
index 83cc08fe0..79f82083e 100644
--- a/app/renderer/windows/DebugLog/SearchListView.js
+++ b/app/renderer/windows/DebugLog/SearchListView.js
@@ -72,7 +72,7 @@ export default class SearchListView extends ContentWindow {
 					is_disabled: from === 0,
 					action: () => {
 						this.close()
-						new LogListView(search_filter, from - PAGE_SIZE)
+						new SearchListView(search_filter, from - PAGE_SIZE)
 					},
 				},
 				{
@@ -82,7 +82,7 @@ export default class SearchListView extends ContentWindow {
 					is_disabled: from + PAGE_SIZE > logs.length,
 					action: () => {
 						this.close()
-						new LogListView(search_filter, from + PAGE_SIZE)
+						new SearchListView(search_filter, from + PAGE_SIZE)
 					},
 				},
 			]
diff --git a/app/renderer/windows/Settings.ts b/app/renderer/windows/Settings.ts
index 6da5ddb32..60ecfd362 100644
--- a/app/renderer/windows/Settings.ts
+++ b/app/renderer/windows/Settings.ts
@@ -204,6 +204,11 @@ export default class SettingsWindow extends TabWindow {
 				// 	text: 'Hide File Toolbar',
 				// 	key: `settings.editor.tab.hide_file_toolbar.${Math.random()}`,
 				// }),
+				new ReactiveSwitch(this, 'automatically_apply_edits', {
+					color: 'primary',
+					text: 'Automatically Apply Edits',
+					key: `settings.editor.tab.automatically_apply_edits.${Math.random()}`,
+				}),
 				new ReactiveSwitch(this, 'open_in_fullscreen', {
 					color: 'primary',
 					text: 'Launch In Fullscreen',
diff --git a/app/shared/app_version.ts b/app/shared/app_version.ts
index f44ddcfdd..5f969355d 100644
--- a/app/shared/app_version.ts
+++ b/app/shared/app_version.ts
@@ -1,4 +1,4 @@
 /**
  * Current bridge. app version
  */
-export default 'v1.7.4'
+export default 'v1.7.5'
diff --git a/images/faq_1.png b/images/faq_1.png
new file mode 100644
index 000000000..575179172
Binary files /dev/null and b/images/faq_1.png differ
diff --git a/package.json b/package.json
index 6a9d2df92..e5c3b81a5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bridge",
-  "version": "1.7.4",
+  "version": "1.7.5",
   "author": "solvedDev <solveddev@gmail.com>",
   "description": "A powerful add-on editor",
   "license": "GNU",
diff --git a/plugin_docs/main.md b/plugin_docs/main.md
index 282535683..df12d06cc 100644
--- a/plugin_docs/main.md
+++ b/plugin_docs/main.md
@@ -40,7 +40,7 @@ Scripts are loaded from the `<PLUGIN NAME>/scripts` folder. Scripts are written
 
 ### JavaScript API
 
-We are currently working on creating the new API documentation.
+We are currently working on creating the <a href="https://github.com/solvedDev/bridge./blob/master/app/renderer/src/plugins/scripts/modules/modules.md">new API documentation</a>.
 
 ### Custom Syntax APIs
 
diff --git a/static/language/lang.js b/static/language/lang.js
index 720c355ab..abb019c93 100644
--- a/static/language/lang.js
+++ b/static/language/lang.js
@@ -1,74 +1,74 @@
 const o = expr => {
-    const {
-        object,
-        value
-    } = Bridge.AutoCompletions.eval(expr)
-    return Object.keys(object).concat(value)
+	const { object, value } = Bridge.AutoCompletions.eval(expr)
+	return Object.keys(object).concat(value)
 }
 
 Bridge.registerTokens({
-    tokenizer: {
-        root: [
-            [/##.*/, 'comment'],
-            [/=|\.|:/, 'definition'],
-            [Bridge.Project.getPrefix(), "variable"]
-        ],
-    },
+	tokenizer: {
+		root: [
+			[/##.*/, 'comment'],
+			[/=|\.|:/, 'definition'],
+			[Bridge.Project.getPrefix(), 'variable'],
+		],
+	},
 })
 
 const getSuggestions = () => [
-    ...o('$dynamic.cache.item.identifiers').map(id => `item.${id}.name`),
-    ...o('$dynamic.cache.block.identifiers').map(id => `tile.${id}.name`),
-    ...o('$dynamic.cache.entity.identifiers').map(id => `item.spawn_egg.entity${id}.name`),
-    ...o('$dynamic.cache.entity.identifiers').map(id => `entity.${id}.name`)
+	...o('$dynamic.cache.item.identifiers').map(id => `item.${id}.name`),
+	...o('$dynamic.cache.block.identifiers').map(id => `tile.${id}.name`),
+	...o('$dynamic.cache.entity.identifiers').map(
+		id => `item.spawn_egg.entity.${id}.name`
+	),
+	...o('$dynamic.cache.entity.identifiers').map(id => `entity.${id}.name`),
 ]
 
 Bridge.registerCompletionProvider({
-    triggerCharacters: ["="],
-    provideCompletionItems: (model, {
-        lineNumber,
-        column
-    }) => {
-        let id = model.getValueInRange({
-            startLineNumber: lineNumber,
-            endLineNumber: lineNumber,
-            startColumn: 0,
-            endColumn: column,
-        }).toLowerCase()
+	triggerCharacters: ['='],
+	provideCompletionItems: (model, { lineNumber, column }) => {
+		let id = model
+			.getValueInRange({
+				startLineNumber: lineNumber,
+				endLineNumber: lineNumber,
+				startColumn: 0,
+				endColumn: column,
+			})
+			.toLowerCase()
 
-        if (id[id.length - 1] === "=") {
-            const textTranslation = id
-                .substring(0, id.length - 1)
-                .split(".")
-                .find(val => val.includes(":"))
-                .split(":")
-                .pop()
-                .replace(/_.|^./g, (match) => {
-                    if (match.length === 1) return match.toUpperCase()
-                    return ` ${match[1].toUpperCase()}`
-                })
+		if (id[id.length - 1] === '=') {
+			const textTranslation = id
+				.substring(0, id.length - 1)
+				.split('.')
+				.find(val => val.includes(':'))
+				.split(':')
+				.pop()
+				.replace(/_.|^./g, match => {
+					if (match.length === 1) return match.toUpperCase()
+					return ` ${match[1].toUpperCase()}`
+				})
 
-            return {
-                suggestions: [{
-                    label: textTranslation,
-                    insertText: textTranslation,
-                    kind: 1
-                }]
-            }
-        }
+			return {
+				suggestions: [
+					{
+						label: textTranslation,
+						insertText: textTranslation,
+						kind: 1,
+					},
+				],
+			}
+		}
 
-        return {
-            suggestions: getSuggestions().map(val => ({
-                label: val,
-                kind: 1,
-                insertText: val
-            }))
-        }
-    }
+		return {
+			suggestions: getSuggestions().map(val => ({
+				label: val,
+				kind: 1,
+				insertText: val,
+			})),
+		}
+	},
 })
 
 Bridge.registerConfiguration({
-    comments: {
-        lineComment: "##"
-    }
-})
\ No newline at end of file
+	comments: {
+		lineComment: '##',
+	},
+})
diff --git a/static/map_area.json b/static/map_area.json
deleted file mode 100644
index bb9ad5961..000000000
--- a/static/map_area.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-    "bridge:map_area": {
-        "description": {
-            "identifier": "test:my_area",
-            "subjects": [
-                "minecraft:player"
-            ],
-            "area": {
-                "from": [0, 0, 0],
-                "to": [10, 10, 10]
-            }
-        },
-        "components": {
-            "bridge:timer": {
-                "time": 0.5,
-                "looping": true,
-                "event": {
-                    "commands": [
-                        "/say Welcome in MyArea!"
-                    ],
-                    "entity_events": [
-                        "test:my_entity_event"
-                    ]
-                }
-            },
-            "bridge:area_sensor": {
-                "on_enter": {
-                    "commands": [
-                        "/say Welcome in MyArea!"
-                    ],
-                    "entity_events": [
-                        "test:my_entity_event"
-                    ]
-                },
-                "on_leave": {
-                    "commands": [
-                        "/say Welcome in MyArea!"
-                    ],
-                    "entity_events": [
-                        "test:my_entity_event"
-                    ]
-                }
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/static/newAPI.js b/static/newAPI.js
new file mode 100644
index 000000000..31338815f
--- /dev/null
+++ b/static/newAPI.js
@@ -0,0 +1,67 @@
+//New API
+const {
+	register,
+	template,
+	propose,
+	scope,
+	name,
+} = await require('@bridge/custom-component')
+
+register(({ component, value }, location) => {
+	name('bridge:set_variant')
+	scope('entityComponent') // blockComponent, entityComponent, itemComponent
+
+	template(
+		{
+			[`minecraft:${component}`]: {
+				value,
+			},
+		},
+		location
+	)
+
+	propose({
+		component: ['mark_variant', 'variant', 'skin_id'],
+		value: '$general.number',
+	})
+})
+
+//Old API
+Bridge.register(
+	class Component {
+		static component_scope = 'entityComponent' //Not supported yet
+		static component_name = 'bridge:set_variant'
+
+		onApply({ component, value }, location) {
+			const componentTemplate = {
+				[`minecraft:${component}`]: {
+					value,
+				},
+			}
+
+			if (location === 'components')
+				return {
+					'minecraft:entity': {
+						components: componentTemplate,
+					},
+				}
+			else
+				return {
+					'minecraft:entity': {
+						component_groups: {
+							[location]: componentTemplate,
+						},
+					},
+				}
+		}
+
+		onPropose() {
+			return {
+				[Component.component_name]: {
+					component: ['mark_variant', 'variant', 'skin_id'],
+					value: '$general.number',
+				},
+			}
+		}
+	}
+)
diff --git a/static/validate/molang.js b/static/validate/molang.js
index 10a4569d9..501c1ba88 100644
--- a/static/validate/molang.js
+++ b/static/validate/molang.js
@@ -1,5 +1,5 @@
 //Reset previous errors
-Bridge.Node.error = {}
+Bridge.Node.error = undefined
 
 //Empty strings don't need to be validated
 if (Bridge.Node.data === '') return