let box_preferences_htab: ui_handle_t = ui_handle_create();
let box_preferences_files_plugin: string[] = null;
let box_preferences_files_keymap: string[] = null;
let box_preferences_theme_handle: ui_handle_t;
let box_preferences_preset_handle: ui_handle_t;
let box_preferences_locales: string[] = null;
let box_preferences_themes: string[] = null;
let _box_preferences_f: string;
let _box_preferences_h: ui_handle_t;
let _box_preferences_i: i32;

function box_preferences_show() {
	ui_box_show_custom(function () {
		if (ui_tab(box_preferences_htab, tr("Interface"), true)) {

			if (box_preferences_locales == null) {
				box_preferences_locales = translator_get_supported_locales();
			}

			let locale_handle: ui_handle_t = ui_handle(__ID__);
			if (locale_handle.init) {
				locale_handle.position = array_index_of(box_preferences_locales, config_raw.locale);
			}
			ui_combo(locale_handle, box_preferences_locales, tr("Language"), true);
			if (locale_handle.changed) {
				let locale_code: string = box_preferences_locales[locale_handle.position];
				config_raw.locale = locale_code;
				translator_load_translations(locale_code);
				ui_base_tag_ui_redraw();
			}

			let hscale: ui_handle_t = ui_handle(__ID__);
			if (hscale.init) {
				hscale.value = config_raw.window_scale;
			}
			ui_slider(hscale, tr("UI Scale"), 1.0, 4.0, true, 10);
			if (context_raw.hscale_was_changed && !ui.input_down) {
				context_raw.hscale_was_changed = false;
				if (hscale.value == 0.0) {
					hscale.value = 1.0;
				}
				config_raw.window_scale = hscale.value;
				box_preferences_set_scale();
			}
			if (hscale.changed) {
				context_raw.hscale_was_changed = true;
			}

			let hspeed: ui_handle_t = ui_handle(__ID__);
			if (hspeed.init) {
				hspeed.value = config_raw.camera_zoom_speed;
			}
			config_raw.camera_zoom_speed = ui_slider(hspeed, tr("Camera Zoom Speed"), 0.1, 4.0, true);

			hspeed = ui_handle(__ID__);
			if (hspeed.init) {
				hspeed.value = config_raw.camera_rotation_speed;
			}
			config_raw.camera_rotation_speed = ui_slider(hspeed, tr("Camera Rotation Speed"), 0.1, 4.0, true);

			hspeed = ui_handle(__ID__);
			if (hspeed.init) {
				hspeed.value = config_raw.camera_pan_speed;
			}
			config_raw.camera_pan_speed = ui_slider(hspeed, tr("Camera Pan Speed"), 0.1, 4.0, true);

			let zoom_direction_handle: ui_handle_t = ui_handle(__ID__);
			if (zoom_direction_handle.init) {
				zoom_direction_handle.position = config_raw.zoom_direction;
			}
			let zoom_direction_combo: string[] = [tr("Vertical"), tr("Vertical Inverted"), tr("Horizontal"), tr("Horizontal Inverted"), tr("Vertical and Horizontal"), tr("Vertical and Horizontal Inverted")];
			ui_combo(zoom_direction_handle, zoom_direction_combo, tr("Direction to Zoom"), true);
			if (zoom_direction_handle.changed) {
				config_raw.zoom_direction = zoom_direction_handle.position;
			}

			let h_wrap_mouse: ui_handle_t = ui_handle(__ID__);
			if (h_wrap_mouse.init) {
				h_wrap_mouse.selected = config_raw.wrap_mouse;
			}
			config_raw.wrap_mouse = ui_check(h_wrap_mouse, tr("Wrap Mouse"));
			if (ui.is_hovered) {
				ui_tooltip(tr("Wrap mouse around view boundaries during camera control"));
			}

			let h_node_preview: ui_handle_t = ui_handle(__ID__);
			if (h_node_preview.init) {
				h_node_preview.selected = config_raw.node_preview;
			}
			config_raw.node_preview = ui_check(h_node_preview, tr("Show Node Preview"));

			ui.changed = false;
			let h_show_asset_names: ui_handle_t = ui_handle(__ID__);
			if (h_show_asset_names.init) {
				h_show_asset_names.selected = config_raw.show_asset_names;
			}
			config_raw.show_asset_names = ui_check(h_show_asset_names, tr("Show Asset Names"));
			if (ui.changed) {
				ui_base_tag_ui_redraw();
			}

			///if !(arm_android || arm_ios)
			ui.changed = false;
			let h_touch_ui: ui_handle_t = ui_handle(__ID__);
			if (h_touch_ui.init) {
				h_touch_ui.selected = config_raw.touch_ui;
			}
			config_raw.touch_ui = ui_check(h_touch_ui, tr("Touch UI"));
			if (ui.changed) {
				ui_touch_scroll = config_raw.touch_ui;
				ui_touch_hold = config_raw.touch_ui;
				ui_touch_tooltip = config_raw.touch_ui;
				config_load_theme(config_raw.theme);
				box_preferences_set_scale();
				ui_base_tag_ui_redraw();
			}
			///end

			let h_splash_screen: ui_handle_t = ui_handle(__ID__);
			if (h_splash_screen.init) {
				h_splash_screen.selected = config_raw.splash_screen;
			}
			config_raw.splash_screen = ui_check(h_splash_screen, tr("Splash Screen"));

			let h_grid_snap: ui_handle_t = ui_handle(__ID__);
			if (h_grid_snap.init) {
				h_grid_snap.selected = config_raw.grid_snap;
			}
			config_raw.grid_snap = ui_check(h_grid_snap, tr("Grid Snap"));
			ui_nodes_grid_snap = config_raw.grid_snap;

			ui_end_element();

			ui_row2();
			if (ui_button(tr("Restore")) && !ui_menu_show) {
				ui_menu_draw(function () {
					if (ui_menu_button(tr("Confirm"))) {
						sys_notify_on_next_frame(function () {
							ui.ops.theme.ELEMENT_H = base_default_element_h;
							config_restore();
							box_preferences_set_scale();
							if (config_raw.plugins != null) {
								for (let i: i32 = 0; i < config_raw.plugins.length; ++i) {
									let f: string = config_raw.plugins[i];
									plugin_stop(f);
								}
							}
							box_preferences_files_plugin = null;
							box_preferences_files_keymap = null;
							make_material_parse_mesh_material();
							make_material_parse_paint_material();
							ui_base_set_viewport_col(ui.ops.theme.VIEWPORT_COL);
						});
					}
					if (ui_menu_button(tr("Import..."))) {
						ui_files_show("json", false, false, function (path: string) {
							let b: buffer_t = data_get_blob(path);
							let raw: config_t = json_parse(sys_buffer_to_string(b));
							sys_notify_on_next_frame(function (raw: config_t) {
								ui.ops.theme.ELEMENT_H = base_default_element_h;
								config_import_from(raw);
								box_preferences_set_scale();
								make_material_parse_mesh_material();
								make_material_parse_paint_material();
							}, raw);
						});
					}
				});
			}
			if (ui_button(tr("Reset Layout")) && !ui_menu_show) {
				ui_menu_draw(function () {
					if (ui_menu_button(tr("Confirm"))) {
						base_init_layout();
						config_save();
					}
				});
			}
		}

		if (ui_tab(box_preferences_htab, tr("Theme"), true)) {

			if (box_preferences_themes == null) {
				box_preferences_fetch_themes();
			}
			box_preferences_theme_handle = ui_handle(__ID__);
			if (box_preferences_theme_handle.init) {
				box_preferences_theme_handle.position = box_preferences_get_theme_index();
			}

			ui_begin_sticky();
			ui_row4();

			ui_combo(box_preferences_theme_handle, box_preferences_themes, tr("Theme"));
			if (box_preferences_theme_handle.changed) {
				config_raw.theme = box_preferences_themes[box_preferences_theme_handle.position] + ".json";
				config_load_theme(config_raw.theme);
			}

			if (ui_button(tr("New"))) {
				ui_box_show_custom(function () {
					if (ui_tab(ui_handle(__ID__), tr("New Theme"))) {
						ui_row2();
						let h: ui_handle_t = ui_handle(__ID__);
						if (h.init) {
							h.text = "new_theme";
						}
						let theme_name: string = ui_text_input(h, tr("Name"));
						if (ui_button(tr("OK")) || ui.is_return_down) {
							let template: string = box_preferences_theme_to_json(base_theme);
							if (!ends_with(theme_name, ".json")) {
								theme_name += ".json";
							}
							let path: string = path_data() + path_sep + "themes" + path_sep + theme_name;
							iron_file_save_bytes(path, sys_string_to_buffer(template), 0);
							box_preferences_fetch_themes(); // Refresh file list
							config_raw.theme = theme_name;
							box_preferences_theme_handle.position = box_preferences_get_theme_index();
							ui_box_hide();
							box_preferences_htab.position = 1; // Themes
							box_preferences_show();
						}
					}
				});
			}

			if (ui_button(tr("Import"))) {
				ui_files_show("json", false, false, function (path: string) {
					import_theme_run(path);
				});
			}

			if (ui_button(tr("Export"))) {
				ui_files_show("json", true, false, function (path: string) {
					path += path_sep;
					path += ui_files_filename;
					if (!ends_with(path, ".json")) {
						path += ".json";
					}
					iron_file_save_bytes(path, sys_string_to_buffer(box_preferences_theme_to_json(base_theme)), 0);
				});
			}

			ui_end_sticky();

			// Theme fields
			let hlist: ui_handle_t = ui_handle(__ID__);
			let u32_theme: u32_ptr = base_theme;
			ui.input_enabled = !ui_menu_show;
			for (let i: i32 = 0; i < ui_theme_keys_count; ++i) {
				let key: string = ARRAY_ACCESS(ui_theme_keys, i);
				let h: ui_handle_t = ui_nest(hlist, i);
				let val: u32 = DEREFERENCE(u32_theme + i);
				let is_hex: bool = ends_with(key, "_COL");

				if (is_hex) {
					let row: f32[] = [1 / 8, 7 / 8];
					ui_row(row);
					ui_text("", 0, val);
					if (ui.is_hovered && ui.input_released) {
						h.color = val;
						_box_preferences_h = h;
						_box_preferences_i = i;
						ui_menu_draw(function () {
							ui.changed = false;
							let color: i32 = ui_color_wheel(_box_preferences_h, false, -1, 11 * ui.ops.theme.ELEMENT_H * UI_SCALE(), true);
							let u32_theme: u32_ptr = base_theme;
							DEREFERENCE(u32_theme + _box_preferences_i) = color;
							if (ui.changed) {
								ui_menu_keep_open = true;
							}
						});
					}

					if (key == "VIEWPORT_COL" && ui_base_viewport_col != val) {
						ui_base_set_viewport_col(val);
					}
				}

				ui.changed = false;

				if (key == "FILL_WINDOW_BG" ||
					key == "FILL_BUTTON_BG" ||
					key == "FULL_TABS" ||
					key == "ROUND_CORNERS" ||
					key == "SHADOWS") {
					h.selected = val > 0;
					let b: bool = ui_check(h, key);
					DEREFERENCE(u32_theme + i) = b;
				}
				else if (key == "LINK_STYLE") {
					let styles: string[] = [tr("Straight"), tr("Curved")];
					h.position = val;
					let pos: i32 = ui_combo(h, styles, key, true);
					DEREFERENCE(u32_theme + i) = pos;
				}
				else {
					h.text = is_hex ? i32_to_string_hex(val) : i32_to_string(val);
					ui_text_input(h, key);
					if (is_hex) {
						DEREFERENCE(u32_theme + i) = parse_int_hex(h.text);
					}
					else {
						DEREFERENCE(u32_theme + i) = parse_int(h.text);
					}
				}

				if (ui.changed) {
					ui.elements_baked = false;
				}
			}
			ui.input_enabled = true;
		}

		if (ui_tab(box_preferences_htab, tr("Usage"), true)) {
			context_raw.undo_handle = ui_handle(__ID__);
			if (context_raw.undo_handle.init) {
				context_raw.undo_handle.value = config_raw.undo_steps;
			}
			config_raw.undo_steps = math_floor(ui_slider(context_raw.undo_handle, tr("Undo Steps"), 1, 64, false, 1));
			if (config_raw.undo_steps < 1) {
				config_raw.undo_steps = math_floor(context_raw.undo_handle.value = 1);
			}
			if (context_raw.undo_handle.changed) {
				let current: gpu_texture_t = _draw_current;
				draw_end();

				if (history_undo_layers != null) {
					while (history_undo_layers.length < config_raw.undo_steps) {
						let len: i32 = history_undo_layers.length;
						let l: slot_layer_t = slot_layer_create("_undo" + len);
						array_push(history_undo_layers, l);
					}
					while (history_undo_layers.length > config_raw.undo_steps) {
						let l: slot_layer_t = array_pop(history_undo_layers);
						slot_layer_unload(l);
					}
				}

				history_reset();
				draw_begin(current);
			}

			let h_dilate_radius: ui_handle_t = ui_handle(__ID__);
			if (h_dilate_radius.init) {
				h_dilate_radius.value = config_raw.dilate_radius;
			}
			config_raw.dilate_radius = math_floor(ui_slider(h_dilate_radius, tr("Dilate Radius"), 0.0, 16.0, true, 1));
			if (ui.is_hovered) {
				ui_tooltip(tr("Dilate painted textures to prevent seams"));
			}

			let dilate_handle: ui_handle_t = ui_handle(__ID__);
			if (dilate_handle.init) {
				dilate_handle.position = config_raw.dilate;
			}
			let dilate_combo: string[] = [tr("Instant"), tr("Delayed")];
			ui_combo(dilate_handle, dilate_combo, tr("Dilate"), true);
			if (dilate_handle.changed) {
				config_raw.dilate = dilate_handle.position;
			}

			let camera_controls_handle: ui_handle_t = ui_handle(__ID__);
			if (camera_controls_handle.init) {
				camera_controls_handle.position = config_raw.camera_controls;
			}
			let camera_controls_combo: string[] = [tr("Orbit"), tr("Rotate"), tr("Fly")];
			ui_combo(camera_controls_handle, camera_controls_combo, tr("Default Camera Controls"), true);
			if (camera_controls_handle.changed) {
				config_raw.camera_controls = camera_controls_handle.position;
			}

			let layer_res_handle: ui_handle_t = ui_handle(__ID__);
			if (layer_res_handle.init) {
				layer_res_handle.position = config_raw.layer_res;
			}

			///if (arm_android || arm_ios)
			let res_combo: string[] = ["128", "256", "512", "1K", "2K", "4K"];
			///else
			let res_combo: string[] = ["128", "256", "512", "1K", "2K", "4K", "8K", "16K"];
			///end

			ui_combo(layer_res_handle, res_combo, tr("Default Layer Resolution"), true);
			if (layer_res_handle.changed) {
				config_raw.layer_res = layer_res_handle.position;
			}

			let scene_atlas_res_handle: ui_handle_t = ui_handle(__ID__);
			if (scene_atlas_res_handle.init) {
				scene_atlas_res_handle.position = config_raw.scene_atlas_res;
			}

			ui_combo(scene_atlas_res_handle, res_combo, tr("Scene Atlas Resolution"), true);
			if (scene_atlas_res_handle.changed) {
				config_raw.scene_atlas_res = scene_atlas_res_handle.position;
			}

			let server_handle: ui_handle_t = ui_handle(__ID__);
			if (server_handle.init) {
				server_handle.text = config_raw.server;
			}
			config_raw.server = ui_text_input(server_handle, tr("Cloud Server"));

			let material_live_handle: ui_handle_t = ui_handle(__ID__);
			if (material_live_handle.init) {
				material_live_handle.selected = config_raw.material_live;
			}
			config_raw.material_live = ui_check(material_live_handle, tr("Live Material Preview"));
			if (ui.is_hovered) {
				ui_tooltip(tr("Instantly update material preview on node change"));
			}

			let brush_live_handle: ui_handle_t = ui_handle(__ID__);
			if (brush_live_handle.init) {
				brush_live_handle.selected = config_raw.brush_live;
			}
			config_raw.brush_live = ui_check(brush_live_handle, tr("Live Brush Preview"));
			if (ui.is_hovered) {
				ui_tooltip(tr("Draw live brush preview in viewport"));
			}
			if (brush_live_handle.changed) {
				context_raw.ddirty = 2;
			}

			let brush_3d_handle: ui_handle_t = ui_handle(__ID__);
			if (brush_3d_handle.init) {
				brush_3d_handle.selected = config_raw.brush_3d;
			}
			config_raw.brush_3d = ui_check(brush_3d_handle, tr("3D Cursor"));
			if (brush_3d_handle.changed) {
				make_material_parse_paint_material();
			}

			ui.enabled = config_raw.brush_3d;
			let brush_depth_reject_handle: ui_handle_t = ui_handle(__ID__);
			if (brush_depth_reject_handle.init) {
				brush_depth_reject_handle.selected = config_raw.brush_depth_reject;
			}
			config_raw.brush_depth_reject = ui_check(brush_depth_reject_handle, tr("Depth Reject"));
			if (brush_depth_reject_handle.changed) {
				make_material_parse_paint_material();
			}

			ui_row2();

			let brush_angle_reject_handle: ui_handle_t = ui_handle(__ID__);
			if (brush_angle_reject_handle.init) {
				brush_angle_reject_handle.selected = config_raw.brush_angle_reject;
			}
			config_raw.brush_angle_reject = ui_check(brush_angle_reject_handle, tr("Angle Reject"));
			if (brush_angle_reject_handle.changed) {
				make_material_parse_paint_material();
			}

			if (!config_raw.brush_angle_reject) ui.enabled = false;
			let angle_dot_handle: ui_handle_t = ui_handle(__ID__);
			if (angle_dot_handle.init) {
				angle_dot_handle.value = context_raw.brush_angle_reject_dot;
			}
			context_raw.brush_angle_reject_dot = ui_slider(angle_dot_handle, tr("Angle"), 0.0, 1.0, true);
			if (angle_dot_handle.changed) {
				make_material_parse_paint_material();
			}
			ui.enabled = true;

			let h_gpu_inference: ui_handle_t = ui_handle(__ID__);
			if (h_gpu_inference.init) {
				h_gpu_inference.selected = config_raw.gpu_inference;
			}
			config_raw.gpu_inference = ui_check(h_gpu_inference, tr("GPU Inference"));
			if (ui.is_hovered) {
				ui_tooltip(tr("Use GPU to accelerate neural node processing"));
			}
		}

		let pen_name: string;
		///if arm_ios
		pen_name = tr("Pencil");
		///else
		pen_name = tr("Pen");
		///end

		if (ui_tab(box_preferences_htab, pen_name, true)) {
			ui_text(tr("Pressure controls"));
			let h_pressure_radius: ui_handle_t = ui_handle(__ID__);
			if (h_pressure_radius.init) {
				h_pressure_radius.selected = config_raw.pressure_radius;
			}
			config_raw.pressure_radius = ui_check(h_pressure_radius, tr("Brush Radius"));

			let h_pressure_sensitivity: ui_handle_t = ui_handle(__ID__);
			if (h_pressure_sensitivity.init) {
				h_pressure_sensitivity.value = config_raw.pressure_sensitivity;
			}
			config_raw.pressure_sensitivity = ui_slider(h_pressure_sensitivity, tr("Sensitivity"), 0.0, 10.0, true);

			let h_pressure_hardness: ui_handle_t = ui_handle(__ID__);
			if (h_pressure_hardness.init) {
				h_pressure_hardness.selected = config_raw.pressure_hardness;
			}
			config_raw.pressure_hardness = ui_check(h_pressure_hardness, tr("Brush Hardness"));

			let h_pressure_opacity: ui_handle_t = ui_handle(__ID__);
			if (h_pressure_opacity.init) {
				h_pressure_opacity.selected = config_raw.pressure_opacity;
			}
			config_raw.pressure_opacity = ui_check(h_pressure_opacity, tr("Brush Opacity"));

			let h_pressure_angle: ui_handle_t = ui_handle(__ID__);
			if (h_pressure_angle.init) {
				h_pressure_angle.selected = config_raw.pressure_angle;
			}
			config_raw.pressure_angle = ui_check(h_pressure_angle, tr("Brush Angle"));

			ui_end_element();
			let row: f32[] = [0.5];
			ui_row(row);
			if (ui_button(tr("Help"))) {
				let url: string = "https://github.com/armory3d/";
				let name: string = to_lower_case(manifest_title);
				url += name;
				url += "_docs#pen";
				iron_load_url(url);
			}
		}

		context_raw.hssao = ui_handle(__ID__);
		if (context_raw.hssao.init) {
			context_raw.hssao.selected = config_raw.rp_ssao;
		}

		context_raw.hbloom = ui_handle(__ID__);
		if (context_raw.hbloom.init) {
			context_raw.hbloom.selected = config_raw.rp_bloom;
		}

		context_raw.hsupersample = ui_handle(__ID__);
		if (context_raw.hsupersample.init) {
			context_raw.hsupersample.position = config_get_super_sample_quality(config_raw.rp_supersample);
		}

		context_raw.hvxao = ui_handle(__ID__);
		if (context_raw.hvxao.init) {
			context_raw.hvxao.selected = config_raw.rp_gi;
		}

		if (ui_tab(box_preferences_htab, tr("Viewport"), true)) {

			let mode_handle: ui_handle_t = ui_handle(__ID__);
			if (mode_handle.init) {
				mode_handle.position = config_raw.workspace;
			}
			let mode_combo: string[] = [tr("Lit"), tr("Path Traced")];
			ui_combo(mode_handle, mode_combo, tr("Default Mode"), true);
			if (mode_handle.changed) {
				config_raw.viewport_mode = mode_handle.position;
			}

			let hpathtrace_mode: ui_handle_t = ui_handle(__ID__);
			if (hpathtrace_mode.init) {
				hpathtrace_mode.position = config_raw.pathtrace_mode;
			}
			let pathtrace_mode_combo: string[] = [tr("Fast"), tr("Quality")];
			config_raw.pathtrace_mode = ui_combo(hpathtrace_mode, pathtrace_mode_combo, tr("Path Tracer"), true);
			if (hpathtrace_mode.changed) {
				render_path_raytrace_ready = false;
				render_path_raytrace_init_shader = true;
				context_raw.ddirty = 2;
			}

			let hrender_mode: ui_handle_t = ui_handle(__ID__);
			if (hrender_mode.init) {
				hrender_mode.position = context_raw.render_mode;
			}
			let render_mode_combo: string[] = [tr("Desktop"), tr("Mobile")];
			context_raw.render_mode = ui_combo(hrender_mode, render_mode_combo, tr("Renderer"), true);
			if (hrender_mode.changed) {
				context_set_render_path();
			}

			let supersample_combo: string[] = ["0.25x", "0.5x", "1.0x", "1.5x", "2.0x", "4.0x"];
			ui_combo(context_raw.hsupersample, supersample_combo, tr("Super Sample"), true);
			if (context_raw.hsupersample.changed) {
				config_apply();
			}

			if (context_raw.render_mode == render_mode_t.DEFERRED) {
				ui_check(context_raw.hssao, tr("SSAO"));
				if (context_raw.hssao.changed) {
					config_apply();
				}
				ui_check(context_raw.hbloom, tr("Bloom"));
				if (context_raw.hbloom.changed) {
					config_apply();
				}
			}

			let h: ui_handle_t = ui_handle(__ID__);
			if (h.init) {
				h.value = config_raw.rp_vignette;
			}
			config_raw.rp_vignette = ui_slider(h, tr("Vignette"), 0.0, 1.0, true);
			if (h.changed) {
				context_raw.ddirty = 2;
			}

			h = ui_handle(__ID__);
			if (h.init) {
				h.value = config_raw.rp_grain;
			}
			config_raw.rp_grain = ui_slider(h, tr("Noise Grain"), 0.0, 1.0, true);
			if (h.changed) {
				context_raw.ddirty = 2;
			}

			// let h: ui_handle_t = ui_handle("boxpreferences_46", { value: raw.auto_exposure_strength });
			// raw.auto_exposure_strength = ui_slider(h, "Auto Exposure", 0.0, 2.0, true);
			// if (h.changed) raw.ddirty = 2;

			let cam: camera_object_t = scene_camera;
			let cam_raw: camera_data_t = cam.data;
			let near_handle: ui_handle_t = ui_handle(__ID__);
			let far_handle: ui_handle_t = ui_handle(__ID__);
			near_handle.value = math_floor(cam_raw.near_plane * 1000) / 1000;
			far_handle.value = math_floor(cam_raw.far_plane * 100) / 100;
			cam_raw.near_plane = ui_slider(near_handle, tr("Clip Start"), 0.001, 1.0, true);
			cam_raw.far_plane = ui_slider(far_handle, tr("Clip End"), 50.0, 100.0, true);
			if (near_handle.changed || far_handle.changed) {
				camera_object_build_proj(cam);
			}

			let disp_handle: ui_handle_t = ui_handle(__ID__);
			if (disp_handle.init) {
				disp_handle.value = config_raw.displace_strength;
			}
			config_raw.displace_strength = ui_slider(disp_handle, tr("Displacement Strength"), 0.0, 10.0, true);
			if (disp_handle.changed) {
				context_raw.ddirty = 2;
				make_material_parse_mesh_material();
			}
		}
		if (ui_tab(box_preferences_htab, tr("Keymap"), true)) {

			if (box_preferences_files_keymap == null) {
				box_preferences_fetch_keymaps();
			}

			ui_begin_sticky();
			ui_row4();

			box_preferences_preset_handle = ui_handle(__ID__);
			if (box_preferences_preset_handle.init) {
				box_preferences_preset_handle.position = box_preferences_get_preset_index();
			}
			ui_combo(box_preferences_preset_handle, box_preferences_files_keymap, tr("Preset"));
			if (box_preferences_preset_handle.changed) {
				config_raw.keymap = box_preferences_files_keymap[box_preferences_preset_handle.position] + ".json";
				config_apply();
				keymap_load();
			}

			if (ui_button(tr("New"))) {
				ui_box_show_custom(function () {
					if (ui_tab(ui_handle(__ID__), tr("New Keymap"))) {
						ui_row2();
						let h: ui_handle_t = ui_handle(__ID__);
						if (h.init) {
							h.text = "new_keymap";
						}
						let keymap_name: string = ui_text_input(h, tr("Name"));
						if (ui_button(tr("OK")) || ui.is_return_down) {
							let template: string = keymap_to_json(keymap_get_default());
							if (!ends_with(keymap_name, ".json")) {
								keymap_name += ".json";
							}
							let path: string = path_data() + path_sep + "keymap_presets" + path_sep + keymap_name;
							iron_file_save_bytes(path, sys_string_to_buffer(template), 0);
							box_preferences_fetch_keymaps(); // Refresh file list
							config_raw.keymap = keymap_name;
							box_preferences_preset_handle.position = box_preferences_get_preset_index();
							ui_box_hide();
							box_preferences_htab.position = 5; // Keymap
							box_preferences_show();
						}
					}
				});
			}

			if (ui_button(tr("Import"))) {
				ui_files_show("json", false, false, function (path: string) {
					import_keymap_run(path);
				});
			}
			if (ui_button(tr("Export"))) {
				ui_files_show("json", true, false, function (dest: string) {
					if (!ends_with(ui_files_filename, ".json")) {
						ui_files_filename += ".json";
					}
					let path: string = path_data() + path_sep + "keymap_presets" + path_sep + config_raw.keymap;
					file_copy(path, dest + path_sep + ui_files_filename);
				});
			}

			ui_end_sticky();

			ui_separator(8, false);

			let index: i32 = 0;
			ui.changed = false;
			let keys: string[] = map_keys(config_keymap);
			array_sort(keys, null);
			for (let i: i32 = 0; i < keys.length; ++i) {
				let key: string = keys[i];
				let h: ui_handle_t = ui_nest(ui_handle(__ID__), index++);
				h.text = map_get(config_keymap, key);
				let text: string = ui_text_input(h, key, ui_align_t.LEFT);
				map_set(config_keymap, key, text);
			}
			if (ui.changed) {
				config_apply();
				keymap_save();
			}
		}
		if (ui_tab(box_preferences_htab, tr("Plugins"), true)) {
			ui_begin_sticky();
			let row: f32[] = [1 / 4, 1 / 4];
			ui_row(row);
			if (ui_button(tr("New"))) {
				ui_box_show_custom(function () {
					if (ui_tab(ui_handle(__ID__), tr("New Plugin"))) {
						ui_row2();
						let h: ui_handle_t = ui_handle(__ID__);
						if (h.init) {
							h.text = "new_plugin";
						}
						let plugin_name: string = ui_text_input(h, tr("Name"));
						if (ui_button(tr("OK")) || ui.is_return_down) {
							let template: string =
"let plugin = plugin_create();\
let h1 = ui_handle_create();\
plugin_notify_on_ui(plugin, function() {\
	if (ui_panel(h1, \"New Plugin\")) {\
		if (ui_button(\"Button\")) {\
			console_info(\"Hello\");\
		}\
	}\
});\
";
							if (!ends_with(plugin_name, ".js")) {
								plugin_name += ".js";
							}
							let path: string = path_data() + path_sep + "plugins" + path_sep + plugin_name;
							iron_file_save_bytes(path, sys_string_to_buffer(template), 0);
							box_preferences_files_plugin = null; // Refresh file list
							ui_box_hide();
							box_preferences_htab.position = 6; // Plugins
							box_preferences_show();
						}
					}
				});
			}
			if (ui_button(tr("Import"))) {
				ui_files_show("js,zip", false, false, function (path: string) {
					import_plugin_run(path);
				});
			}
			ui_end_sticky();

			if (box_preferences_files_plugin == null) {
				box_preferences_fetch_plugins();
			}

			if (config_raw.plugins == null) {
				config_raw.plugins = [];
			}
			let h: ui_handle_t = ui_handle(__ID__);
			if (h.init) {
				h.selected = false;
			}
			for (let i: i32 = 0; i < box_preferences_files_plugin.length; ++i) {
				let f: string = box_preferences_files_plugin[i];
				let is_js: bool = ends_with(f, ".js");
				if (!is_js) {
					continue;
				}
				let enabled: bool = array_index_of(config_raw.plugins, f) >= 0;
				h.selected = enabled;
				let tag: string = is_js ? string_split(f, ".")[0] : f;
				ui_check(h, tag);
				if (h.changed && h.selected != enabled) {
					h.selected ? config_enable_plugin(f) : config_disable_plugin(f);
					base_redraw_ui();
				}
				if (ui.is_hovered && ui.input_released_r) {
					_box_preferences_f = f;
					ui_menu_draw(function () {
						let path: string = path_data() + path_sep + "plugins" + path_sep + _box_preferences_f;
						if (ui_menu_button(tr("Edit in Text Editor"))) {
							file_start(path);
						}
						if (ui_menu_button(tr("Edit in Script Tab"))) {
							let blob: buffer_t = data_get_blob("plugins/" + _box_preferences_f);
							tab_scripts_hscript.text = sys_buffer_to_string(blob);
							data_delete_blob("plugins/" + _box_preferences_f);
							console_info(tr("Script opened"));
						}
						if (ui_menu_button(tr("Export"))) {
							ui_files_show("js", true, false, function (dest: string) {
								if (!ends_with(ui_files_filename, ".js")) {
									ui_files_filename += ".js";
								}
								let path: string = path_data() + path_sep + "plugins" + path_sep + _box_preferences_f;
								file_copy(path, dest + path_sep + ui_files_filename);
							});
						}
						if (ui_menu_button(tr("Delete"))) {
							if (array_index_of(config_raw.plugins, _box_preferences_f) >= 0) {
								array_remove(config_raw.plugins, _box_preferences_f);
								plugin_stop(_box_preferences_f);
							}
							array_remove(box_preferences_files_plugin, _box_preferences_f);
							iron_delete_file(path);
						}
					});
				}
			}
		}

	}, 620, config_raw.touch_ui ? 510 : 420, function () {
		config_save();
	});
}

function box_preferences_fetch_themes() {
	box_preferences_themes = file_read_directory(path_data() + path_sep + "themes");
	for (let i: i32 = 0; i < box_preferences_themes.length; ++i) {
		let s: string = box_preferences_themes[i];
		box_preferences_themes[i] = substring(box_preferences_themes[i], 0, s.length - 5); // Strip .json
	}
	array_insert(box_preferences_themes, 0, "default");
}

function box_preferences_fetch_keymaps() {
	box_preferences_files_keymap = file_read_directory(path_data() + path_sep + "keymap_presets");
	for (let i: i32 = 0; i < box_preferences_files_keymap.length; ++i) {
		let s: string = box_preferences_files_keymap[i];
		box_preferences_files_keymap[i] = substring(box_preferences_files_keymap[i], 0, s.length - 5); // Strip .json
	}
	array_insert(box_preferences_files_keymap, 0, "default");
}

function box_preferences_fetch_plugins() {
	box_preferences_files_plugin = file_read_directory(path_data() + path_sep + "plugins");
}

function box_preferences_get_theme_index(): i32 {
	return array_index_of(box_preferences_themes, substring(config_raw.theme, 0, config_raw.theme.length - 5)); // Strip .json
}

function box_preferences_get_preset_index(): i32 {
	return array_index_of(box_preferences_files_keymap, substring(config_raw.keymap, 0, config_raw.keymap.length - 5)); // Strip .json
}

function box_preferences_set_scale() {
	let scale: f32 = config_raw.window_scale;
	ui_set_scale(scale);
	ui_header_h = math_floor(ui_header_default_h * scale);
	config_raw.layout[layout_size_t.STATUS_H] = math_floor(ui_status_default_status_h * scale);
	ui_menubar_w = math_floor(ui_menubar_default_w * scale);
	ui_base_set_icon_scale();
	base_resize();
	config_raw.layout[layout_size_t.SIDEBAR_W] = math_floor(ui_base_default_sidebar_w * scale);
}

function box_preferences_theme_to_json(theme: ui_theme_t): string {
	json_encode_begin();
	let u32_theme: u32_ptr = theme;
	for (let i: i32 = 0; i < ui_theme_keys_count; ++i) {
		let key: string = ARRAY_ACCESS(ui_theme_keys, i);
		let val: u32 = DEREFERENCE(u32_theme + i);
		json_encode_i32(key, val);
	}
	return json_encode_end();
}