feat: sandboxing settings tab + changes to settings

apps/app-frontend/src/features/instances/settings-modal/index.vue

@@ -6,6 +6,7 @@ import {
 	CoffeeIcon,
 	InfoIcon,
 	Settings2Icon,
+	ShieldIcon,
 	UsersIcon,
 	WindowIcon,
 	WrenchIcon,
@@ -34,6 +35,7 @@ import HooksSettings from './hooks-settings.vue'
 import InstallationSettings from './installation-settings.vue'
 import { provideInstanceSettings } from './instance-settings-context.ts'
 import JavaSettings from './java-settings.vue'
+import SandboxSettings from './sandbox-settings.vue'
 import SharingSettings from './sharing-settings.vue'
 import SyncedOptionsSettings from './synced-options-settings.vue'
 import WindowSettings from './window-settings.vue'
@@ -132,6 +134,15 @@ const tabs = computed<TabbedModalTab[]>(() => [
 		content: SharingSettings,
 		shown: props.instance.shared_instance?.role === 'owner' && !props.instance.quarantined,
 	},
+	{
+		name: defineMessage({
+			id: 'instance.settings.tabs.sandbox',
+			defaultMessage: 'Sandboxing',
+		}),
+		icon: ShieldIcon,
+		category: tabCategories.game,
+		content: SandboxSettings,
+	},
 	{
 		name: defineMessage({
 			id: 'instance.settings.tabs.java.label',

apps/app-frontend/src/features/instances/settings-modal/sandbox-settings.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { defineMessage, useVIntl } from '@modrinth/ui'
+
+import SandboxSettings from '@/features/settings/instance-defaults/sandbox-settings.vue'
+
+import DefaultSettingsIntro from './default-settings-intro.vue'
+
+const { formatMessage } = useVIntl()
+const description = defineMessage({
+	id: 'instance.settings.tabs.sandbox.default-settings-description',
+	defaultMessage: 'Your instance uses the default sandbox permissions unless you override them here.',
+})
+</script>
+
+<template>
+	<div class="flex flex-col gap-6">
+		<DefaultSettingsIntro tab="sandbox" :description="formatMessage(description)" />
+		<SandboxSettings instance-settings />
+	</div>
+</template>

apps/app-frontend/src/features/settings/app-settings-modal/index.vue

@@ -11,6 +11,7 @@ import {
 	PaintbrushIcon,
 	RefreshCwIcon,
 	Settings2Icon,
+	ShieldIcon,
 	ToggleRightIcon,
 	UserIcon,
 	WindowIcon,
@@ -43,6 +44,7 @@ import FeaturesSettings from '@/features/settings/display/features-settings.vue'
 import LanguageSettings from '@/features/settings/display/language-settings.vue'
 import JavaAndMemorySettings from '@/features/settings/instance-defaults/java-and-memory-settings/index.vue'
 import LaunchHooksSettings from '@/features/settings/instance-defaults/launch-hooks-settings.vue'
+import SandboxSettings from '@/features/settings/instance-defaults/sandbox-settings.vue'
 import WindowSettings from '@/features/settings/instance-defaults/window-settings.vue'
 import type { InstanceDefaultsTab } from '@/features/settings/settings-actions'
 import SyncingSettings from '@/features/settings/syncing/syncing-settings.vue'
@@ -152,6 +154,15 @@ const tabs = [
 		icon: EyeOffIcon,
 		content: PrivacySettings,
 	},
+	{
+		name: defineMessage({
+			id: 'app.settings.tabs.sandbox',
+			defaultMessage: 'Sandboxing',
+		}),
+		category: tabCategories.instanceDefaults,
+		icon: ShieldIcon,
+		content: SandboxSettings,
+	},
 	{
 		name: defineMessage({
 			id: 'app.settings.tabs.java-and-memory',
@@ -295,6 +306,7 @@ function showSyncedOptions(): void {
 
 function showInstanceDefaults(tab: InstanceDefaultsTab): void {
 	const content = {
+		sandbox: SandboxSettings,
 		java: JavaAndMemorySettings,
 		window: WindowSettings,
 		hooks: LaunchHooksSettings,