diff --git a/theseus_gui/src/assets/icons/hammer.svg b/theseus_gui/src/assets/icons/hammer.svg
new file mode 100644
index 000000000..4005a9159
--- /dev/null
+++ b/theseus_gui/src/assets/icons/hammer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hammer"><path d="m15 12-8.5 8.5c-.83.83-2.17.83-3 0 0 0 0 0 0 0a2.12 2.12 0 0 1 0-3L12 9"></path><path d="M17.64 15 22 10.64"></path><path d="m20.91 11.7-1.25-1.25c-.6-.6-.93-1.4-.93-2.25v-.86L16.01 4.6a5.56 5.56 0 0 0-3.94-1.64H9l.92.82A6.18 6.18 0 0 1 12 8.4v1.56l2 2h2.47l2.26 1.91"></path></svg>
\ No newline at end of file
diff --git a/theseus_gui/src/assets/icons/index.js b/theseus_gui/src/assets/icons/index.js
index 6f730ae48..d1b04b872 100644
--- a/theseus_gui/src/assets/icons/index.js
+++ b/theseus_gui/src/assets/icons/index.js
@@ -4,4 +4,5 @@ export { default as BrowseIcon } from './folder-search.svg'
 export { default as LoginIcon } from './log-in.svg'
 export { default as StopIcon } from './stop-circle.svg'
 export { default as TerminalIcon } from './terminal-square.svg'
+export { default as HammerIcon } from './hammer.svg'
 export { default as UsersIcon } from './users.svg'
diff --git a/theseus_gui/src/pages/instance/Options.vue b/theseus_gui/src/pages/instance/Options.vue
index f5f9fce92..2326a4e0d 100644
--- a/theseus_gui/src/pages/instance/Options.vue
+++ b/theseus_gui/src/pages/instance/Options.vue
@@ -1,135 +1,412 @@
+<script setup>
+import { ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
+import {
+  Card,
+  Button,
+  SearchIcon,
+  Slider,
+  AnimatedLogo,
+  CheckIcon,
+  XIcon,
+  Modal,
+  TrashIcon,
+  DropdownSelect,
+} from 'omorphia'
+import { BrowseIcon, PlayIcon, HammerIcon } from '@/assets/icons'
+import { get_jre, get_all_jre } from '@/helpers/jre'
+import { remove, install } from '@/helpers/profile'
+import { get_game_versions } from '@/helpers/tags'
+import { get } from '@/helpers/settings'
+import { open } from '@tauri-apps/api/dialog'
+
+const props = defineProps({
+  instance: {
+    type: Object,
+    default() {
+      return {}
+    },
+  },
+})
+
+const router = useRouter()
+
+const fetchSettings = await get()
+
+if (!fetchSettings.java_globals?.JAVA_8)
+  fetchSettings.java_globals.JAVA_8 = { path: '', version: '' }
+if (!fetchSettings.java_globals?.JAVA_17)
+  fetchSettings.java_globals.JAVA_17 = { path: '', version: '' }
+
+fetchSettings.custom_java_args = fetchSettings.custom_java_args ?? ''
+
+const globalSettings = ref(fetchSettings)
+
+const settings = ref({
+  resolution: props.instance.resolution ?? [400, 800],
+  memory: props.instance.memory ?? { minimum: 1000, maximum: 2000 },
+  hooks: props.instance.hooks ?? { pre_launch: '', wrapper: '', post_exit: '' },
+  javaArgs: props.instance.java.extra_arguments ?? '',
+  jreKey: props.instance.java.jre_key ?? '',
+  javaPath: '',
+  loader: props.instance.metadata.loader,
+  gameVersion: props.instance.metadata.game_version,
+})
+
+watch(settings.value, (_, newSettings) => {
+  console.log(newSettings)
+
+  const newInstance = {
+    ...props.instance,
+    resolution: [...settings.value.resolution],
+    memory: { ...settings.value.memory },
+    hooks: { ...settings.value.hooks },
+    java: { jre_key: settings.value.jreKey, extra_arguments: settings.value.javaArgs },
+    metadata: {
+      ...props.instance.metadata,
+      loader: settings.value.loader,
+      game_version: settings.value.gameVersion,
+    },
+  }
+
+  // TODO: Save new data to the instance once able.
+  console.log('compare')
+  console.log('old', props.instance)
+  console.log('new', newInstance)
+})
+
+const gameVersions = await get_game_versions()
+
+// TODO: Remove or wire up depending on whether we add these as instance settings.
+const fullscreen = ref(false)
+const consoleSetting = ref(false)
+
+const testingJava = ref(false)
+const javaTestSuccess = ref(null)
+const possibleJavaOptions = ref([])
+const isDeleteModal = ref(false)
+const overriding = ref(false)
+
+const detectJavaModal = ref(null)
+const confirmationModal = ref(null)
+
+const handleJavaFileInput = async () => {
+  let filePath = await open()
+  settings.value.javaPath = filePath
+}
+
+const handleJavaTest = async () => {
+  let result
+  testingJava.value = true
+  setTimeout(async () => {
+    result = await get_jre(settings.value.javaPath)
+    testingJava.value = false
+
+    javaTestSuccess.value = !!result
+
+    setTimeout(() => {
+      javaTestSuccess.value = null
+    }, 2000)
+  }, 1000)
+}
+
+const loadJavaModal = async () => {
+  possibleJavaOptions.value = await get_all_jre()
+  detectJavaModal.value.show()
+}
+
+const setJavaInstall = (javaInstall) => {
+  settings.value.javaPath = javaInstall.path
+  detectJavaModal.value.hide()
+  possibleJavaOptions.value = []
+}
+
+const openModal = (isDelete) => {
+  isDeleteModal.value = isDelete
+  confirmationModal.value.show()
+}
+
+const handleRepair = async () => {
+  try {
+    await install(props.instance.path)
+  } catch (err) {
+    console.warn('Repair error:', err)
+  }
+}
+
+const handleRemove = async () => {
+  await remove(props.instance.path)
+  router.push('/')
+}
+</script>
+
 <template>
-  <Card class="settings-card">
-    <h2 class="settings-title">Java</h2>
-    <div class="settings-group">
-      <h3>Installation</h3>
-      <input
-        ref="javaPath"
-        v-model="javaPath"
-        type="text"
-        class="input installation-input"
-        placeholder="/Library/Java/JavaVirtualMachines/zulu-17.jdk/Contents/Home"
-      />
-      <span class="installation-buttons">
-        <Button @click="saveJavaPath">
-          <SearchIcon />
-          Auto Detect
-        </Button>
-        <Button @click="saveJavaPath">
-          <BrowseIcon />
-          Browse
-        </Button>
-        <Button @click="saveJavaPath">
-          <PlayIcon />
-          Test
-        </Button>
-      </span>
-    </div>
-    <hr class="card-divider" />
-    <div class="settings-group">
-      <h3>Arguments</h3>
-      <input ref="javaArgs" v-model="javaArgs" type="text" class="input installation-input" />
-    </div>
-    <hr class="card-divider" />
-    <div class="settings-group">
-      <div class="sliders">
-        <span class="slider">
-          Minimum Memory
-          <Slider v-model="javaMemory" :min="1024" :max="8192" :step="1024" />
-        </span>
-        <span class="slider">
-          Maximum Memory
-          <Slider v-model="javaMemory" :min="1024" :max="8192" :step="1024" />
+  <div>
+    <Modal ref="detectJavaModal" header="Select java version">
+      <div class="auto-detect-modal">
+        <div class="table">
+          <div class="table-row table-head">
+            <div class="table-cell table-text">Version</div>
+            <div class="table-cell table-text">Path</div>
+            <div class="table-cell table-text">Actions</div>
+          </div>
+          <div v-for="javaInstall in possibleJavaOptions" :key="javaInstall.path" class="table-row">
+            <div class="table-cell table-text">
+              <span>{{ javaInstall.version }}</span>
+            </div>
+            <div class="table-cell table-text">
+              <span>{{ javaInstall.path }}</span>
+            </div>
+            <div class="table-cell table-text manage">
+              <Button
+                :disabled="settings.javaPath === javaInstall.path"
+                class="select-btn"
+                @click="() => setJavaInstall(javaInstall)"
+              >
+                <span v-if="settings.javaPath === javaInstall.path"> <CheckIcon />Selected </span>
+                <span v-else><PlusIcon />Select</span>
+              </Button>
+            </div>
+          </div>
+          <div v-if="possibleJavaOptions.length === 0" class="table-row entire-row">
+            <div class="table-cell table-text">No JARS Found!</div>
+          </div>
+        </div>
+      </div>
+    </Modal>
+    <Modal ref="confirmationModal" header="Confirm">
+      <div class="confirmation-modal">
+        <p>You are about to {{ isDeleteModal ? 'delete' : 'repair' }} the profile.</p>
+        <p v-if="isDeleteModal === false">
+          Repairing the instance will effectively re-install the profile, ensuring all mods and data
+          is present.
+        </p>
+        <br />
+        <p>Are you sure you want to do this?</p>
+        <section class="modal-btn-group">
+          <Button v-if="isDeleteModal === true" color="danger" @click="handleRemove">Delete</Button>
+          <Button v-else color="highlight" @click="handleRepair">Repair</Button>
+          <Button @click="() => confirmationModal.hide()">Cancel</Button>
+        </section>
+      </div>
+    </Modal>
+    Override global settings?
+    <input v-model="overriding" type="checkbox" />
+    <Card class="settings-card">
+      <h2 class="settings-title">Java</h2>
+      <div class="settings-group">
+        <h3>Installation</h3>
+        <input
+          v-model="settings.javaPath"
+          type="text"
+          class="input installation-input"
+          :disabled="overriding === false"
+          placeholder="/Library/Java/JavaVirtualMachines/zulu-17.jdk/Contents/Home"
+        />
+        <span class="installation-buttons">
+          <Button :disabled="overriding === false" @click="loadJavaModal">
+            <SearchIcon />
+            Auto Detect
+          </Button>
+          <Button :disabled="overriding === false" @click="handleJavaFileInput">
+            <BrowseIcon />
+            Browse
+          </Button>
+          <Button :disabled="overriding === false" @click="handleJavaTest">
+            <PlayIcon />
+            Test
+          </Button>
+          <AnimatedLogo v-if="testingJava === true" class="testing-loader" />
+          <CheckIcon
+            v-else-if="javaTestSuccess === true && testingJava === false"
+            class="test-success"
+          />
+          <XIcon v-else-if="javaTestSuccess === false && testingJava === false" class="test-fail" />
         </span>
       </div>
-    </div>
-  </Card>
-  <Card class="settings-card">
-    <h2 class="settings-title">Window</h2>
-    <div class="settings-group">
+      <hr class="card-divider" />
+      <div class="settings-group">
+        <h3>Arguments</h3>
+        <input
+          ref="javaArgs"
+          v-model="settings.javaArgs"
+          type="text"
+          class="input installation-input"
+          :placeholder="globalSettings.custom_java_args"
+          :disabled="overriding === false"
+        />
+      </div>
+      <hr class="card-divider" />
       <div class="settings-group">
         <div class="sliders">
           <span class="slider">
-            Width
-            <Slider v-model="javaMemory" :min="1024" :max="8192" :step="1024" />
+            Minimum Memory
+            <Slider
+              v-model="settings.memory.minimum"
+              :min="1000"
+              :max="8200"
+              :step="10"
+              :disabled="overriding === false"
+            />
           </span>
           <span class="slider">
-            Height
-            <Slider v-model="javaMemory" :min="1024" :max="8192" :step="1024" />
+            Maximum Memory
+            <Slider
+              v-model="settings.memory.maximum"
+              :min="1000"
+              :max="8200"
+              :step="10"
+              :disabled="overriding === false"
+            />
           </span>
         </div>
-        <div class="toggle-setting">
-          Start in Fullscreen
-          <input
-            id="fullscreen"
-            v-model="fullscreen"
-            type="checkbox"
-            name="fullscreen"
-            class="switch stylized-toggle"
-          />
+      </div>
+    </Card>
+    <Card class="settings-card">
+      <h2 class="settings-title">Window</h2>
+      <div class="settings-group">
+        <div class="settings-group">
+          <div class="sliders">
+            <span class="slider">
+              Width
+              <Slider
+                v-model="settings.resolution[0]"
+                :min="400"
+                :max="2562"
+                :step="2"
+                :disabled="overriding === false"
+              />
+            </span>
+            <span class="slider">
+              Height
+              <Slider
+                v-model="settings.resolution[1]"
+                :min="400"
+                :max="2562"
+                :step="2"
+                :disabled="overriding === false"
+              />
+            </span>
+          </div>
+          <div class="toggle-setting">
+            Start in Fullscreen
+            <input
+              id="fullscreen"
+              v-model="fullscreen"
+              type="checkbox"
+              name="fullscreen"
+              class="switch stylized-toggle"
+            />
+          </div>
+        </div>
+        <hr class="card-divider" />
+        <div class="settings-group">
+          <h3>Console</h3>
+          <div class="toggle-setting">
+            Show console while game is running
+            <input
+              id="fullscreen"
+              v-model="consoleSetting"
+              type="checkbox"
+              name="fullscreen"
+              class="switch stylized-toggle"
+            />
+          </div>
+          <div class="toggle-setting">
+            Close console when game quits
+            <input
+              id="fullscreen"
+              v-model="consoleSetting"
+              type="checkbox"
+              name="fullscreen"
+              class="switch stylized-toggle"
+            />
+          </div>
+          <div class="toggle-setting">
+            Show console when game crashes
+            <input
+              id="fullscreen"
+              v-model="consoleSetting"
+              type="checkbox"
+              name="fullscreen"
+              class="switch stylized-toggle"
+            />
+          </div>
         </div>
       </div>
-      <hr class="card-divider" />
+    </Card>
+    <Card class="settings-card">
+      <h2 class="settings-title">Commands</h2>
       <div class="settings-group">
-        <h3>Console</h3>
         <div class="toggle-setting">
-          Show console while game is running
+          Pre Launch
           <input
-            id="fullscreen"
-            v-model="fullscreen"
-            type="checkbox"
-            name="fullscreen"
-            class="switch stylized-toggle"
+            v-model="settings.hooks.pre_launch"
+            type="text"
+            class="input"
+            :placeholder="globalSettings.hooks.pre_launch"
+            :disabled="overriding === false"
           />
         </div>
         <div class="toggle-setting">
-          Close console when game quits
+          Wrapper
           <input
-            id="fullscreen"
-            v-model="fullscreen"
-            type="checkbox"
-            name="fullscreen"
-            class="switch stylized-toggle"
+            v-model="settings.hooks.wrapper"
+            type="text"
+            class="input"
+            :placeholder="globalSettings.hooks.wrapper"
+            :disabled="overriding === false"
           />
         </div>
         <div class="toggle-setting">
-          Show console when game crashes
+          Post Launch
           <input
-            id="fullscreen"
-            v-model="fullscreen"
-            type="checkbox"
-            name="fullscreen"
-            class="switch stylized-toggle"
+            v-model="settings.hooks.post_exit"
+            type="text"
+            class="input"
+            :placeholder="globalSettings.hooks.post_exit"
+            :disabled="overriding === false"
           />
         </div>
       </div>
-    </div>
-  </Card>
-  <Card class="settings-card">
-    <h2 class="settings-title">Commands</h2>
-    <div class="settings-group">
-      <div class="toggle-setting">
-        Pre Launch
-        <input ref="javaArgs" v-model="javaArgs" type="text" class="input" />
+    </Card>
+    <Card class="settings-card">
+      <h2 class="settings-title">Profile management</h2>
+      <div class="settings-group">
+        <div class="toggle-setting">
+          Profile loader
+          <DropdownSelect
+            v-model="settings.loader"
+            :options="['forge', 'fabric', 'vanilla']"
+            class="loader-dropdown"
+          />
+        </div>
       </div>
-      <div class="toggle-setting">
-        Wrapper
-        <input ref="javaArgs" v-model="javaArgs" type="text" class="input" />
+      <div class="settings-group">
+        <div class="toggle-setting">
+          Game version
+          <DropdownSelect
+            v-model="settings.gameVersion"
+            :options="gameVersions.map((v) => v.version)"
+          />
+        </div>
       </div>
-      <div class="toggle-setting">
-        Post Launch
-        <input ref="javaArgs" v-model="javaArgs" type="text" class="input" />
+      <hr class="card-divider" />
+      <div class="settings-group">
+        <div class="toggle-setting">
+          Repair profile
+          <Button color="highlight" @click="() => openModal(false)"><HammerIcon /> Repair</Button>
+        </div>
+        <div class="toggle-setting">
+          Delete profile
+          <Button color="danger" @click="() => openModal(true)"><TrashIcon /> Delete</Button>
+        </div>
       </div>
-    </div>
-  </Card>
+    </Card>
+  </div>
 </template>
 
-<script setup>
-import { Card, Button, SearchIcon, Slider } from 'omorphia'
-import { BrowseIcon, PlayIcon } from '@/assets/icons'
-</script>
-
-<style scoped lang="scss">
+<style lang="scss">
 .settings-card {
   display: flex;
   flex-direction: column;
@@ -140,6 +417,23 @@ import { BrowseIcon, PlayIcon } from '@/assets/icons'
   color: var(--color-contrast);
 }
 
+.confirmation-modal {
+  padding: 1rem;
+  line-height: 1.5;
+
+  .modal-btn-group {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    button.btn {
+      flex-grow: 1;
+      justify-content: center;
+      margin: 0.4rem;
+    }
+  }
+}
+
 .settings-group {
   display: flex;
   flex-direction: column;
@@ -147,7 +441,7 @@ import { BrowseIcon, PlayIcon } from '@/assets/icons'
 }
 
 .installation-input {
-  width: 100%;
+  width: 100% !important;
 }
 
 .installation-buttons {
@@ -159,6 +453,10 @@ import { BrowseIcon, PlayIcon } from '@/assets/icons'
   margin: 0;
 }
 
+.loader-dropdown {
+  text-transform: capitalize;
+}
+
 .sliders {
   display: flex;
   flex-wrap: wrap;
@@ -171,6 +469,22 @@ import { BrowseIcon, PlayIcon } from '@/assets/icons'
   }
 }
 
+.auto-detect-modal {
+  padding: 1rem;
+
+  .table {
+    .table-row {
+      grid-template-columns: 1fr 4fr 1.5fr;
+    }
+
+    span {
+      display: inherit;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+}
+
 .toggle-setting {
   display: flex;
   flex-direction: row;
@@ -186,4 +500,22 @@ import { BrowseIcon, PlayIcon } from '@/assets/icons'
   height: 1px;
   margin: var(--gap-sm) 0;
 }
+
+.testing-loader {
+  height: 1rem !important;
+  width: 1rem !important;
+
+  svg {
+    height: inherit !important;
+    width: inherit !important;
+  }
+}
+
+.test-success {
+  color: var(--color-green);
+}
+
+.test-fail {
+  color: var(--color-red);
+}
 </style>
diff --git a/theseus_gui/src/store/theme.js b/theseus_gui/src/store/theme.js
index 6b7c11b96..108e1007e 100644
--- a/theseus_gui/src/store/theme.js
+++ b/theseus_gui/src/store/theme.js
@@ -5,7 +5,6 @@ export const useTheming = defineStore('themeStore', {
     themeOptions: ['light', 'dark'],
     collapsedNavigation: false,
     selectedTheme: 'dark',
-    darkTheme: true,
   }),
   actions: {
     setThemeState(newTheme) {