diff --git a/.gitignore b/.gitignore
index 2231fe0333..43a33afd53 100755
--- a/.gitignore
+++ b/.gitignore
@@ -30,3 +30,4 @@ upgrade_deps.sh
 # ActiveStorage blobs:
 storage/*
 tmp
+module_graph.*
diff --git a/.madgerc b/.madgerc
new file mode 100644
index 0000000000..588d2038a7
--- /dev/null
+++ b/.madgerc
@@ -0,0 +1,14 @@
+{
+    "excludeRegExp": [
+        "^(?!.*three_d_garden)",
+        "[/\\\\]components\\.tsx$",
+        "[/\\\\]config\\.ts$",
+        "[/\\\\]helpers\\.ts$",
+        "[/\\\\]constants\\.ts$",
+        "[/\\\\]__tests__[/\\\\]"
+    ],
+    "fileExtensions": [
+        "ts",
+        "tsx"
+    ]
+}
diff --git a/app/mutations/devices/seeders/abstract_express.rb b/app/mutations/devices/seeders/abstract_express.rb
index f37161273e..b941a82229 100644
--- a/app/mutations/devices/seeders/abstract_express.rb
+++ b/app/mutations/devices/seeders/abstract_express.rb
@@ -30,8 +30,8 @@ def settings_change_firmware_config_defaults
       def tool_slots_slot_1
         add_tool_slot(name: ToolNames::SEED_TROUGH_1,
                       x: 0,
-                      y: 25,
-                      z: -100,
+                      y: TROUGH_Y,
+                      z: TROUGH_Z,
                       tool: tools_seed_trough_1,
                       pullout_direction: ToolSlot::NONE,
                       gantry_mounted: true)
@@ -40,8 +40,8 @@ def tool_slots_slot_1
       def tool_slots_slot_2
         add_tool_slot(name: ToolNames::SEED_TROUGH_2,
                       x: 0,
-                      y: 50,
-                      z: -100,
+                      y: TROUGH_Y + TROUGH_SPACING,
+                      z: TROUGH_Z,
                       tool: tools_seed_trough_2,
                       pullout_direction: ToolSlot::NONE,
                       gantry_mounted: true)
diff --git a/app/mutations/devices/seeders/abstract_genesis.rb b/app/mutations/devices/seeders/abstract_genesis.rb
index ea22973469..c8528582f8 100644
--- a/app/mutations/devices/seeders/abstract_genesis.rb
+++ b/app/mutations/devices/seeders/abstract_genesis.rb
@@ -27,49 +27,49 @@ def settings_change_firmware_config_defaults
 
       def tool_slots_slot_1
         add_tool_slot(name: ToolNames::SEEDER,
-                      x: 50,
-                      y: 100,
-                      z: -200,
+                      x: TOOL_X,
+                      y: TOOL_Y + 1 * TOOL_SPACING,
+                      z: TOOL_Z,
                       tool: tools_seeder)
       end
 
       def tool_slots_slot_2
         add_tool_slot(name: ToolNames::SEED_BIN,
-                      x: 50,
-                      y: 200,
-                      z: -200,
+                      x: TOOL_X,
+                      y: TOOL_Y + 2 * TOOL_SPACING,
+                      z: TOOL_Z,
                       tool: tools_seed_bin)
       end
 
       def tool_slots_slot_3
         add_tool_slot(name: ToolNames::SEED_TRAY,
-                      x: 50,
-                      y: 300,
-                      z: -200,
+                      x: TOOL_X,
+                      y: TOOL_Y + 3 * TOOL_SPACING,
+                      z: TOOL_Z,
                       tool: tools_seed_tray)
       end
 
       def tool_slots_slot_4
         add_tool_slot(name: ToolNames::WATERING_NOZZLE,
-                      x: 50,
-                      y: 500,
-                      z: -200,
+                      x: TOOL_X,
+                      y: TOOL_Y + 5 * TOOL_SPACING,
+                      z: TOOL_Z,
                       tool: tools_watering_nozzle)
       end
 
       def tool_slots_slot_5
         add_tool_slot(name: ToolNames::SOIL_SENSOR,
-                      x: 50,
-                      y: 600,
-                      z: -200,
+                      x: TOOL_X,
+                      y: TOOL_Y + 6 * TOOL_SPACING,
+                      z: TOOL_Z,
                       tool: tools_soil_sensor)
       end
 
       def tool_slots_slot_6
         add_tool_slot(name: ToolNames::WEEDER,
-                      x: 50,
-                      y: 700,
-                      z: -200,
+                      x: TOOL_X,
+                      y: TOOL_Y + 7 * TOOL_SPACING,
+                      z: TOOL_Z,
                       tool: tools_weeder)
       end
 
@@ -174,7 +174,7 @@ def settings_default_map_size_x
       end
 
       def settings_default_map_size_y
-        device.web_app_config.update!(map_size_y: 1_400)
+        device.web_app_config.update!(map_size_y: 1_230)
       end
 
       def pin_bindings_button_1
diff --git a/app/mutations/devices/seeders/abstract_seeder.rb b/app/mutations/devices/seeders/abstract_seeder.rb
index 8d689bd726..7b8a5b33cb 100644
--- a/app/mutations/devices/seeders/abstract_seeder.rb
+++ b/app/mutations/devices/seeders/abstract_seeder.rb
@@ -227,7 +227,7 @@ def settings_change_firmware_config_defaults; end
       def settings_soil_height; end
 
       def settings_soil_height
-        device.fbos_config.update!(soil_height: -200)
+        device.fbos_config.update!(soil_height: -500)
       end
 
       def tool_slots_slot_1; end
diff --git a/app/mutations/devices/seeders/constants.rb b/app/mutations/devices/seeders/constants.rb
index 5830b5378f..f70e39aa88 100644
--- a/app/mutations/devices/seeders/constants.rb
+++ b/app/mutations/devices/seeders/constants.rb
@@ -4,6 +4,15 @@ module Constants
       ANALOG = CeleryScriptSettingsBag::ANALOG
       DIGITAL = CeleryScriptSettingsBag::DIGITAL
 
+      TOOL_X = 6
+      TOOL_Y = 100
+      TOOL_Z = -340
+      TOOL_SPACING = 100
+
+      TROUGH_Y = 0
+      TROUGH_Z = -200
+      TROUGH_SPACING = 25
+
       module Names
         EXPRESS = "FarmBot Express"
         EXPRESS_XL = "FarmBot Express XL"
diff --git a/app/mutations/devices/seeders/genesis_one_five.rb b/app/mutations/devices/seeders/genesis_one_five.rb
index 48d358b7ef..69faed8370 100644
--- a/app/mutations/devices/seeders/genesis_one_five.rb
+++ b/app/mutations/devices/seeders/genesis_one_five.rb
@@ -10,8 +10,8 @@ def settings_firmware
       def tool_slots_slot_7
         add_tool_slot(name: ToolNames::SEED_TROUGH_1,
                       x: 0,
-                      y: 25,
-                      z: -100,
+                      y: TROUGH_Y,
+                      z: TROUGH_Z,
                       tool: tools_seed_trough_1,
                       pullout_direction: ToolSlot::NONE,
                       gantry_mounted: true)
@@ -20,8 +20,8 @@ def tool_slots_slot_7
       def tool_slots_slot_8
         add_tool_slot(name: ToolNames::SEED_TROUGH_2,
                       x: 0,
-                      y: 50,
-                      z: -100,
+                      y: TROUGH_Y + TROUGH_SPACING,
+                      z: TROUGH_Z,
                       tool: tools_seed_trough_2,
                       pullout_direction: ToolSlot::NONE,
                       gantry_mounted: true)
diff --git a/app/mutations/devices/seeders/genesis_one_seven.rb b/app/mutations/devices/seeders/genesis_one_seven.rb
index e791e74740..18f7392715 100644
--- a/app/mutations/devices/seeders/genesis_one_seven.rb
+++ b/app/mutations/devices/seeders/genesis_one_seven.rb
@@ -17,17 +17,17 @@ def peripherals_rotary_tool_reverse
 
       def tool_slots_slot_6
         add_tool_slot(name: ToolNames::ROTARY_TOOL,
-                      x: 50,
-                      y: 700,
-                      z: -200,
+                      x: TOOL_X,
+                      y: TOOL_Y + 7 * TOOL_SPACING,
+                      z: TOOL_Z,
                       tool: tools_rotary)
       end
 
       def tool_slots_slot_7
         add_tool_slot(name: ToolNames::SEED_TROUGH_1,
                       x: 0,
-                      y: 25,
-                      z: -100,
+                      y: TROUGH_Y,
+                      z: TROUGH_Z,
                       tool: tools_seed_trough_1,
                       pullout_direction: ToolSlot::NONE,
                       gantry_mounted: true)
@@ -36,8 +36,8 @@ def tool_slots_slot_7
       def tool_slots_slot_8
         add_tool_slot(name: ToolNames::SEED_TROUGH_2,
                       x: 0,
-                      y: 50,
-                      z: -100,
+                      y: TROUGH_Y + TROUGH_SPACING,
+                      z: TROUGH_Z,
                       tool: tools_seed_trough_2,
                       pullout_direction: ToolSlot::NONE,
                       gantry_mounted: true)
diff --git a/app/mutations/devices/seeders/genesis_one_six.rb b/app/mutations/devices/seeders/genesis_one_six.rb
index f33b0b319b..e3372fed0b 100644
--- a/app/mutations/devices/seeders/genesis_one_six.rb
+++ b/app/mutations/devices/seeders/genesis_one_six.rb
@@ -17,17 +17,17 @@ def peripherals_rotary_tool_reverse
 
       def tool_slots_slot_7
         add_tool_slot(name: ToolNames::ROTARY_TOOL,
-                      x: 50,
-                      y: 800,
-                      z: -200,
+                      x: TOOL_X,
+                      y: TOOL_Y + 8 * TOOL_SPACING,
+                      z: TOOL_Z,
                       tool: tools_rotary)
       end
 
       def tool_slots_slot_8
         add_tool_slot(name: ToolNames::SEED_TROUGH_1,
                       x: 0,
-                      y: 25,
-                      z: -100,
+                      y: TROUGH_Y,
+                      z: TROUGH_Z,
                       tool: tools_seed_trough_1,
                       pullout_direction: ToolSlot::NONE,
                       gantry_mounted: true)
@@ -36,8 +36,8 @@ def tool_slots_slot_8
       def tool_slots_slot_9
         add_tool_slot(name: ToolNames::SEED_TROUGH_2,
                       x: 0,
-                      y: 50,
-                      z: -100,
+                      y: TROUGH_Y + TROUGH_SPACING,
+                      z: TROUGH_Z,
                       tool: tools_seed_trough_2,
                       pullout_direction: ToolSlot::NONE,
                       gantry_mounted: true)
diff --git a/app/mutations/devices/seeders/genesis_xl_one_five.rb b/app/mutations/devices/seeders/genesis_xl_one_five.rb
index 15ef0e14ef..276a090702 100644
--- a/app/mutations/devices/seeders/genesis_xl_one_five.rb
+++ b/app/mutations/devices/seeders/genesis_xl_one_five.rb
@@ -16,14 +16,14 @@ def settings_default_map_size_x
       end
 
       def settings_default_map_size_y
-        device.web_app_config.update!(map_size_y: 2_900)
+        device.web_app_config.update!(map_size_y: 2_730)
       end
 
       def tool_slots_slot_7
         add_tool_slot(name: ToolNames::SEED_TROUGH_1,
                       x: 0,
-                      y: 25,
-                      z: -100,
+                      y: TROUGH_Y,
+                      z: TROUGH_Z,
                       tool: tools_seed_trough_1,
                       pullout_direction: ToolSlot::NONE,
                       gantry_mounted: true)
@@ -32,8 +32,8 @@ def tool_slots_slot_7
       def tool_slots_slot_8
         add_tool_slot(name: ToolNames::SEED_TROUGH_2,
                       x: 0,
-                      y: 50,
-                      z: -100,
+                      y: TROUGH_Y + TROUGH_SPACING,
+                      z: TROUGH_Z,
                       tool: tools_seed_trough_2,
                       pullout_direction: ToolSlot::NONE,
                       gantry_mounted: true)
diff --git a/app/mutations/devices/seeders/genesis_xl_one_four.rb b/app/mutations/devices/seeders/genesis_xl_one_four.rb
index aabd146a94..d8ef17c361 100644
--- a/app/mutations/devices/seeders/genesis_xl_one_four.rb
+++ b/app/mutations/devices/seeders/genesis_xl_one_four.rb
@@ -16,7 +16,7 @@ def settings_default_map_size_x
       end
 
       def settings_default_map_size_y
-        device.web_app_config.update!(map_size_y: 2_900)
+        device.web_app_config.update!(map_size_y: 2_730)
       end
     end
   end
diff --git a/app/mutations/devices/seeders/genesis_xl_one_seven.rb b/app/mutations/devices/seeders/genesis_xl_one_seven.rb
index 1627580b3b..e936beabff 100644
--- a/app/mutations/devices/seeders/genesis_xl_one_seven.rb
+++ b/app/mutations/devices/seeders/genesis_xl_one_seven.rb
@@ -16,7 +16,7 @@ def settings_default_map_size_x
       end
 
       def settings_default_map_size_y
-        device.web_app_config.update!(map_size_y: 2_900)
+        device.web_app_config.update!(map_size_y: 2_730)
       end
 
       def peripherals_rotary_tool
@@ -29,17 +29,17 @@ def peripherals_rotary_tool_reverse
 
       def tool_slots_slot_6
         add_tool_slot(name: ToolNames::ROTARY_TOOL,
-                      x: 50,
-                      y: 700,
-                      z: -200,
+                      x: TOOL_X,
+                      y: TOOL_Y + 7 * TOOL_SPACING,
+                      z: TOOL_Z,
                       tool: tools_rotary)
       end
 
       def tool_slots_slot_7
         add_tool_slot(name: ToolNames::SEED_TROUGH_1,
                       x: 0,
-                      y: 25,
-                      z: -100,
+                      y: TROUGH_Y,
+                      z: TROUGH_Z,
                       tool: tools_seed_trough_1,
                       pullout_direction: ToolSlot::NONE,
                       gantry_mounted: true)
@@ -48,8 +48,8 @@ def tool_slots_slot_7
       def tool_slots_slot_8
         add_tool_slot(name: ToolNames::SEED_TROUGH_2,
                       x: 0,
-                      y: 50,
-                      z: -100,
+                      y: TROUGH_Y + TROUGH_SPACING,
+                      z: TROUGH_Z,
                       tool: tools_seed_trough_2,
                       pullout_direction: ToolSlot::NONE,
                       gantry_mounted: true)
diff --git a/app/mutations/devices/seeders/genesis_xl_one_six.rb b/app/mutations/devices/seeders/genesis_xl_one_six.rb
index 8376a22d49..4292ccce5e 100644
--- a/app/mutations/devices/seeders/genesis_xl_one_six.rb
+++ b/app/mutations/devices/seeders/genesis_xl_one_six.rb
@@ -16,7 +16,7 @@ def settings_default_map_size_x
       end
 
       def settings_default_map_size_y
-        device.web_app_config.update!(map_size_y: 2_900)
+        device.web_app_config.update!(map_size_y: 2_730)
       end
 
       def peripherals_rotary_tool
@@ -29,17 +29,17 @@ def peripherals_rotary_tool_reverse
 
       def tool_slots_slot_7
         add_tool_slot(name: ToolNames::ROTARY_TOOL,
-                      x: 50,
-                      y: 800,
-                      z: -200,
+                      x: TOOL_X,
+                      y: TOOL_Y + 8 * TOOL_SPACING,
+                      z: TOOL_Z,
                       tool: tools_rotary)
       end
 
       def tool_slots_slot_8
         add_tool_slot(name: ToolNames::SEED_TROUGH_1,
                       x: 0,
-                      y: 25,
-                      z: -100,
+                      y: TROUGH_Y,
+                      z: TROUGH_Z,
                       tool: tools_seed_trough_1,
                       pullout_direction: ToolSlot::NONE,
                       gantry_mounted: true)
@@ -48,8 +48,8 @@ def tool_slots_slot_8
       def tool_slots_slot_9
         add_tool_slot(name: ToolNames::SEED_TROUGH_2,
                       x: 0,
-                      y: 50,
-                      z: -100,
+                      y: TROUGH_Y + TROUGH_SPACING,
+                      z: TROUGH_Z,
                       tool: tools_seed_trough_2,
                       pullout_direction: ToolSlot::NONE,
                       gantry_mounted: true)
diff --git a/app/mutations/devices/seeders/tool_slot_fixtures.yml b/app/mutations/devices/seeders/tool_slot_fixtures.yml
deleted file mode 100644
index e815c49c65..0000000000
--- a/app/mutations/devices/seeders/tool_slot_fixtures.yml
+++ /dev/null
@@ -1,109 +0,0 @@
----
-- meta: {}
-  pointer_type: ToolSlot
-  name: Tool Slot
-  openfarm_slug: not-set
-  plant_stage: planned
-  planted_at:
-  pullout_direction: 1
-  radius: 25.0
-  depth: 0
-  x: 50.0
-  y: 100.0
-  z: -200.0
-- meta: {}
-  pointer_type: ToolSlot
-  name: Tool Slot
-  openfarm_slug: not-set
-  plant_stage: planned
-  planted_at:
-  pullout_direction: 1
-  radius: 25.0
-  depth: 0
-  x: 50.0
-  y: 500.0
-  z: -200.0
-- meta: {}
-  pointer_type: ToolSlot
-  name: Tool Slot
-  openfarm_slug: not-set
-  plant_stage: planned
-  planted_at:
-  pullout_direction: 1
-  radius: 25.0
-  depth: 0
-  x: 50.0
-  y: 200.0
-  z: -200.0
-- meta: {}
-  pointer_type: ToolSlot
-  name: Tool Slot
-  openfarm_slug: not-set
-  plant_stage: planned
-  planted_at:
-  pullout_direction: 1
-  radius: 25.0
-  depth: 0
-  x: 50.0
-  y: 300.0
-  z: -200.0
-- meta: {}
-  pointer_type: ToolSlot
-  name: Tool Slot
-  openfarm_slug: not-set
-  plant_stage: planned
-  planted_at:
-  pullout_direction: 1
-  radius: 25.0
-  depth: 0
-  x: 50.0
-  y: 600.0
-  z: -200.0
-- meta: {}
-  pointer_type: ToolSlot
-  name: Tool Slot
-  openfarm_slug: not-set
-  plant_stage: planned
-  planted_at:
-  pullout_direction: 0
-  radius: 25.0
-  depth: 0
-  x: 0.0
-  y: 25.0
-  z: -200.0
-- meta: {}
-  pointer_type: ToolSlot
-  name: Tool Slot
-  openfarm_slug: not-set
-  plant_stage: planned
-  planted_at:
-  pullout_direction: 0
-  radius: 25.0
-  depth: 0
-  x: 0.0
-  y: 50.0
-  z: -200.0
-- meta: {}
-  pointer_type: ToolSlot
-  name: Tool Slot
-  openfarm_slug: not-set
-  plant_stage: planned
-  planted_at:
-  pullout_direction: 1
-  radius: 25.0
-  depth: 0
-  x: 50.0
-  y: 700.0
-  z: -200.0
-- meta: {}
-  pointer_type: ToolSlot
-  name: Tool Slot
-  openfarm_slug: not-set
-  plant_stage: planned
-  planted_at:
-  pullout_direction: 0
-  radius: 25.0
-  depth: 0
-  x: 0.0
-  y: 75.0
-  z: -200.0
diff --git a/db/migrate/20250221191831_change_map_size_y_default.rb b/db/migrate/20250221191831_change_map_size_y_default.rb
new file mode 100644
index 0000000000..84acb13c2d
--- /dev/null
+++ b/db/migrate/20250221191831_change_map_size_y_default.rb
@@ -0,0 +1,5 @@
+class ChangeMapSizeYDefault < ActiveRecord::Migration[6.1]
+  def change
+    change_column_default(:web_app_configs, :map_size_y, from: 1400, to: 1230)
+  end
+end
diff --git a/db/structure.sql b/db/structure.sql
index c0f963f558..60712aa0db 100644
--- a/db/structure.sql
+++ b/db/structure.sql
@@ -1,6 +1,7 @@
 SET statement_timeout = 0;
 SET lock_timeout = 0;
 SET idle_in_transaction_session_timeout = 0;
+SET transaction_timeout = 0;
 SET client_encoding = 'UTF8';
 SET standard_conforming_strings = on;
 SELECT pg_catalog.set_config('search_path', '', false);
@@ -2005,7 +2006,7 @@ CREATE TABLE public.web_app_configs (
     show_pins boolean DEFAULT false,
     disable_emergency_unlock_confirmation boolean DEFAULT true,
     map_size_x integer DEFAULT 2900,
-    map_size_y integer DEFAULT 1400,
+    map_size_y integer DEFAULT 1230,
     expand_step_options boolean DEFAULT false,
     hide_sensors boolean DEFAULT false,
     confirm_plant_deletion boolean DEFAULT true,
@@ -3979,6 +3980,7 @@ INSERT INTO "schema_migrations" (version) VALUES
 ('20240405171128'),
 ('20240625195838'),
 ('20241203194030'),
-('20241203211516');
+('20241203211516'),
+('20250221191831');
 
 
diff --git a/frontend/__test_support__/fake_html_events.ts b/frontend/__test_support__/fake_html_events.ts
index dd3fa91a56..0584a9230b 100644
--- a/frontend/__test_support__/fake_html_events.ts
+++ b/frontend/__test_support__/fake_html_events.ts
@@ -12,17 +12,6 @@ export const changeEvent = (value: string): ChangeEvent => {
   return event as ChangeEvent;
 };
 
-type IMGEvent = React.SyntheticEvent<HTMLImageElement, Event>;
-export const imgEvent = (): IMGEvent => {
-  const event: DeepPartial<IMGEvent> = {
-    currentTarget: {
-      getAttribute: jest.fn(),
-      setAttribute: jest.fn(),
-    }
-  };
-  return event as IMGEvent;
-};
-
 type FormEvent = React.FormEvent<HTMLFormElement>;
 export const formEvent = (): FormEvent => {
   const event: Partial<FormEvent> = { preventDefault: jest.fn() };
diff --git a/frontend/__test_support__/fake_props.ts b/frontend/__test_support__/fake_props.ts
index 6020edd1ab..68a4c9dfa2 100644
--- a/frontend/__test_support__/fake_props.ts
+++ b/frontend/__test_support__/fake_props.ts
@@ -6,7 +6,7 @@ export const fakeAddPlantProps =
   (plants: TaggedPlant[]): AddPlantProps => ({
     gridSize: { x: 1000, y: 2000 },
     dispatch: jest.fn(),
-    getConfigValue: jest.fn(),
+    getConfigValue: jest.fn(() => true),
     plants,
     curves: [],
     designer: fakeDesignerState(),
diff --git a/frontend/__test_support__/fake_state/resources.ts b/frontend/__test_support__/fake_state/resources.ts
index d3be6a923e..051113a369 100644
--- a/frontend/__test_support__/fake_state/resources.ts
+++ b/frontend/__test_support__/fake_state/resources.ts
@@ -389,7 +389,7 @@ export function fakeWebAppConfig(): TaggedWebAppConfig {
     default_plant_depth: 5,
     disable_emergency_unlock_confirmation: false,
     map_size_x: 2900,
-    map_size_y: 1400,
+    map_size_y: 1230,
     user_interface_read_only_mode: false,
     ["three_d_garden" as BooleanConfigKey]: false,
     ["dark_mode" as BooleanConfigKey]: false,
diff --git a/frontend/__test_support__/three_d_mocks.tsx b/frontend/__test_support__/three_d_mocks.tsx
index ad1a153a8d..a4a59c1ef3 100644
--- a/frontend/__test_support__/three_d_mocks.tsx
+++ b/frontend/__test_support__/three_d_mocks.tsx
@@ -9,6 +9,19 @@ import {
 import * as THREE from "three";
 import React, { ReactNode } from "react";
 import { TransitionFn, UseSpringProps } from "@react-spring/three";
+import { ThreeElements } from "@react-three/fiber";
+
+const GroupForTests = (props: ThreeElements["group"]) =>
+  // @ts-expect-error Property does not exist on type JSX.IntrinsicElements
+  <group {...props} />;
+
+jest.mock("../three_d_garden/components", () => ({
+  ...jest.requireActual("../three_d_garden/components"),
+  Group: (props: ThreeElements["group"]) =>
+    props.visible === false
+      ? <></>
+      : <GroupForTests {...props} />,
+}));
 
 jest.mock("three/examples/jsm/Addons.js", () => ({
   SVGLoader: class {
@@ -383,6 +396,12 @@ jest.mock("@react-three/drei", () => {
         PaletteMaterial001: {} as THREE.MeshStandardMaterial,
       },
     },
+    [ASSETS.models.seedTrough]: {
+      nodes: { Seed_Trough: {} as THREE.Mesh },
+      materials: {
+        [SeedTroughAssemblyMaterial.two]: {} as THREE.MeshStandardMaterial,
+      },
+    },
     [ASSETS.models.seedTroughAssembly]: {
       nodes: {
         mesh0_mesh: {} as THREE.Mesh,
@@ -454,8 +473,19 @@ jest.mock("@react-three/drei", () => {
         [PartName.toolbay3Logo]: {} as THREE.Mesh,
       },
     },
+    [ASSETS.models.toolbay1]: {
+      nodes: {
+        [PartName.toolbay1]: {} as THREE.Mesh,
+        [PartName.toolbay1Logo]: {} as THREE.Mesh,
+      },
+    },
     [ASSETS.models.seeder]: {
       nodes: { [PartName.seeder]: {} as THREE.Mesh },
+      materials: { PaletteMaterial001: {} as THREE.MeshStandardMaterial },
+    },
+    [ASSETS.models.weeder]: {
+      nodes: { [PartName.weeder]: {} as THREE.Mesh },
+      materials: { PaletteMaterial001: {} as THREE.MeshStandardMaterial },
     },
     [ASSETS.models.seedTray]: {
       nodes: { [PartName.seedTray]: {} as THREE.Mesh },
@@ -612,8 +642,8 @@ jest.mock("@react-three/drei", () => {
       <div className={"stats"}>{name}</div>,
     Billboard: ({ name, children }: { name: string, children: ReactNode }) =>
       <div className={"billboard" + name}>{children}</div>,
-    Image: ({ name }: { name: string }) =>
-      <div className={"image"}>{name}</div>,
+    Image: ({ name, url }: { name: string, url: string }) =>
+      <div className={"image"}>{name} {url}</div>,
     Clouds: ({ name }: { name: string }) =>
       <div className={"clouds"}>{name}</div>,
     Cloud: ({ name }: { name: string }) =>
diff --git a/frontend/css/farm_designer/three_d_garden.scss b/frontend/css/farm_designer/three_d_garden.scss
index 4c31e5f76b..eff5d11360 100644
--- a/frontend/css/farm_designer/three_d_garden.scss
+++ b/frontend/css/farm_designer/three_d_garden.scss
@@ -158,11 +158,7 @@
         white-space: nowrap;
         color: $off_black;
 
-        &.outdoor.active,
-        &.lab.active,
-        &.genesis.active,
-        &.standard.active,
-        &.mobile.active {
+        &.active {
           background: rgba(255, 255, 255, 0.6);
         }
 
diff --git a/frontend/external_urls.ts b/frontend/external_urls.ts
index 49d9d88a9a..72acfc3b4c 100644
--- a/frontend/external_urls.ts
+++ b/frontend/external_urls.ts
@@ -91,7 +91,9 @@ export namespace ExternalUrl {
     export const cameraCalibrationCard = `${PRODUCTS}/camera-calibration-card`;
     export const cameraReplacement =
       `${PRODUCTS}/genesis-v1-5-express-v1-0-camera-free-replacement`;
-    export const genesisKit = `${KITS}/farmbot-genesis-v1-7`;
-    export const genesisXlKit = `${KITS}/farmbot-genesis-xl-v1-7`;
+    export const genesisKit = (version: string) =>
+      `${KITS}/farmbot-genesis-${version.replace(".", "-")}`;
+    export const genesisXlKit = (version: string) =>
+      `${KITS}/farmbot-genesis-xl-${version.replace(".", "-")}`;
   }
 }
diff --git a/frontend/farm_designer/__tests__/index_test.tsx b/frontend/farm_designer/__tests__/index_test.tsx
index d2f524ff40..fd7b58761a 100644
--- a/frontend/farm_designer/__tests__/index_test.tsx
+++ b/frontend/farm_designer/__tests__/index_test.tsx
@@ -5,6 +5,13 @@ jest.mock("../../api/crud", () => ({
 
 jest.mock("../../plants/plant_inventory", () => ({ Plants: () => <div /> }));
 
+let mockIsMobile = false;
+let mockIsDesktop = false;
+jest.mock("../../screen_size", () => ({
+  isMobile: () => mockIsMobile,
+  isDesktop: () => mockIsDesktop,
+}));
+
 import React from "react";
 import {
   getDefaultAxisLength, getGridSize, RawFarmDesigner as FarmDesigner,
@@ -81,7 +88,7 @@ describe("<FarmDesigner />", () => {
     expect(legendProps.imageAgeInfo).toEqual({ newestDate: "", toOldest: 1 });
     const gardenMapProps = wrapper.find(GardenMap).props();
     expect(gardenMapProps.mapTransformProps.gridSize.x).toEqual(2900);
-    expect(gardenMapProps.mapTransformProps.gridSize.y).toEqual(1400);
+    expect(gardenMapProps.mapTransformProps.gridSize.y).toEqual(1230);
   });
 
   it("loads image info", () => {
@@ -122,13 +129,38 @@ describe("<FarmDesigner />", () => {
   });
 
   it("renders saved garden indicator", () => {
+    mockIsMobile = false;
+    mockIsDesktop = true;
+    const p = fakeProps();
+    p.designer.openedSavedGarden = 1;
+    p.designer.panelOpen = false;
+    const wrapper = mount(<FarmDesigner {...p} />);
+    expect(wrapper.text().toLowerCase()).toContain("viewing saved garden");
+    expect(wrapper.html()).not.toContain("three-d-garden");
+  });
+
+  it("renders saved garden indicator on medium screens", () => {
+    mockIsMobile = false;
+    mockIsDesktop = false;
     const p = fakeProps();
     p.designer.openedSavedGarden = 1;
+    p.designer.panelOpen = false;
     const wrapper = mount(<FarmDesigner {...p} />);
     expect(wrapper.text().toLowerCase()).toContain("viewing saved garden");
     expect(wrapper.html()).not.toContain("three-d-garden");
   });
 
+  it("doesn't render saved garden indicator", () => {
+    mockIsMobile = true;
+    mockIsDesktop = false;
+    const p = fakeProps();
+    p.designer.openedSavedGarden = 1;
+    p.designer.panelOpen = false;
+    const wrapper = mount(<FarmDesigner {...p} />);
+    expect(wrapper.text().toLowerCase()).not.toContain("viewing saved garden");
+    expect(wrapper.html()).not.toContain("three-d-garden");
+  });
+
   it("toggles setting", () => {
     const p = fakeProps();
     const state = fakeState();
@@ -167,7 +199,7 @@ describe("<FarmDesigner />", () => {
 describe("getDefaultAxisLength()", () => {
   it("returns axis lengths", () => {
     const axes = getDefaultAxisLength(() => false);
-    expect(axes).toEqual({ x: 2900, y: 1400, z: 400 });
+    expect(axes).toEqual({ x: 2900, y: 1230, z: 400 });
   });
 });
 
@@ -180,7 +212,7 @@ describe("getGridSize()", () => {
         y: { value: 200, isDefault: false },
         z: { value: 400, isDefault: true },
       });
-    expect(grid).toEqual({ x: 2900, y: 1400 });
+    expect(grid).toEqual({ x: 2900, y: 1230 });
   });
 
   it("returns custom grid size", () => {
diff --git a/frontend/farm_designer/__tests__/state_to_props_test.ts b/frontend/farm_designer/__tests__/state_to_props_test.ts
index bd0be15333..10c1916914 100644
--- a/frontend/farm_designer/__tests__/state_to_props_test.ts
+++ b/frontend/farm_designer/__tests__/state_to_props_test.ts
@@ -190,7 +190,7 @@ describe("botSize()", () => {
     const state = fakeState();
     expect(botSize(state)).toEqual({
       x: { value: 2900, isDefault: true },
-      y: { value: 1400, isDefault: true },
+      y: { value: 1230, isDefault: true },
       z: { value: 400, isDefault: true },
     });
   });
diff --git a/frontend/farm_designer/__tests__/three_d_garden_map_test.tsx b/frontend/farm_designer/__tests__/three_d_garden_map_test.tsx
index ab47204a77..511adb4a8b 100644
--- a/frontend/farm_designer/__tests__/three_d_garden_map_test.tsx
+++ b/frontend/farm_designer/__tests__/three_d_garden_map_test.tsx
@@ -25,6 +25,11 @@ describe("<ThreeDGardenMap />", () => {
     dispatch: jest.fn(),
     getWebAppConfigValue: jest.fn(),
     curves: [],
+    mapPoints: [],
+    weeds: [],
+    botPosition: { x: 1, y: 2, z: 3 },
+    negativeZ: false,
+    mountedToolName: undefined,
   });
 
   it("converts props", () => {
@@ -37,6 +42,9 @@ describe("<ThreeDGardenMap />", () => {
     expectedConfig.bedWidthOuter = 1660;
     expectedConfig.botSizeX = 3000;
     expectedConfig.botSizeY = 1500;
+    expectedConfig.x = 1;
+    expectedConfig.y = 2;
+    expectedConfig.z = 3;
     expectedConfig.ccSupportSize = 1;
     expectedConfig.beamLength = 1;
     expectedConfig.columnLength = 1;
@@ -55,6 +63,33 @@ describe("<ThreeDGardenMap />", () => {
     expect(ThreeDGarden).toHaveBeenCalledWith({
       config: expectedConfig,
       addPlantProps: expect.any(Object),
+      mapPoints: [],
+      weeds: [],
+    }, {});
+  });
+
+  it("converts props: unknown position", () => {
+    const p = fakeProps();
+    p.botPosition = { x: undefined, y: undefined, z: undefined };
+    render(<ThreeDGardenMap {...p} />);
+    expect(ThreeDGarden).toHaveBeenCalledWith({
+      config: expect.objectContaining({ x: 0, y: 0, z: 0 }),
+      addPlantProps: expect.any(Object),
+      mapPoints: [],
+      weeds: [],
+    }, {});
+  });
+
+  it("converts props: negative z", () => {
+    const p = fakeProps();
+    p.botPosition = { x: undefined, y: undefined, z: -100 };
+    p.negativeZ = true;
+    render(<ThreeDGardenMap {...p} />);
+    expect(ThreeDGarden).toHaveBeenCalledWith({
+      config: expect.objectContaining({ negativeZ: true, x: 0, y: 0, z: -100 }),
+      addPlantProps: expect.any(Object),
+      mapPoints: [],
+      weeds: [],
     }, {});
   });
 });
diff --git a/frontend/farm_designer/index.tsx b/frontend/farm_designer/index.tsx
index cb2194b5d0..5e2d3862ef 100755
--- a/frontend/farm_designer/index.tsx
+++ b/frontend/farm_designer/index.tsx
@@ -27,6 +27,7 @@ import { ThreeDGardenMap } from "./three_d_garden_map";
 import { Outlet } from "react-router";
 import { ErrorBoundary } from "../error_boundary";
 import { get3DConfigValueFunction } from "../settings/three_d_settings";
+import { isDesktop, isMobile } from "../screen_size";
 
 export const getDefaultAxisLength =
   (getConfigValue: GetWebAppConfigValue): Record<Xyz, number> => {
@@ -35,7 +36,7 @@ export const getDefaultAxisLength =
     if (isFinite(mapSizeX) && isFinite(mapSizeY)) {
       return { x: mapSizeX, y: mapSizeY, z: 400 };
     }
-    return { x: 2900, y: 1400, z: 400 };
+    return { x: 2900, y: 1230, z: 400 };
   };
 
 export const getGridSize = (
@@ -211,11 +212,17 @@ export class RawFarmDesigner
           plants={this.props.plants}
           get3DConfigValue={get3DConfigValueFunction(this.props.farmwareEnvs)}
           sourceFbosConfig={this.props.sourceFbosConfig}
+          negativeZ={!!this.props.botMcuParams.movement_home_up_z}
           gridOffset={gridOffset}
           mapTransformProps={this.mapTransformProps}
           botSize={this.props.botSize}
           dispatch={this.props.dispatch}
           curves={this.props.curves}
+          mapPoints={this.props.genericPoints}
+          weeds={this.props.weeds}
+          toolSlots={this.props.toolSlots}
+          mountedToolName={this.props.mountedToolInfo.name}
+          botPosition={this.props.botLocationData.position}
           getWebAppConfigValue={this.props.getConfigValue} />
         : <div
           className={`farm-designer-map ${this.mapPanelClassName}`}
@@ -266,7 +273,9 @@ export class RawFarmDesigner
             dispatch={this.props.dispatch} />
         </div>}
 
-      {this.props.designer.openedSavedGarden &&
+      {this.props.designer.openedSavedGarden
+        && !isMobile()
+        && (isDesktop() || !this.props.designer.panelOpen) &&
         <SavedGardenHUD dispatch={this.props.dispatch} />}
 
       {!this.props.getConfigValue(BooleanSetting.three_d_garden) &&
diff --git a/frontend/farm_designer/three_d_garden_map.tsx b/frontend/farm_designer/three_d_garden_map.tsx
index 9f8bd7fe20..cc1cd77561 100644
--- a/frontend/farm_designer/three_d_garden_map.tsx
+++ b/frontend/farm_designer/three_d_garden_map.tsx
@@ -5,10 +5,14 @@ import {
   BotSize, MapTransformProps, AxisNumberProperty, TaggedPlant,
 } from "./map/interfaces";
 import { clone } from "lodash";
-import { SourceFbosConfig } from "../devices/interfaces";
-import { ConfigurationName, TaggedCurve } from "farmbot";
+import { BotPosition, SourceFbosConfig } from "../devices/interfaces";
+import {
+  ConfigurationName, TaggedCurve, TaggedGenericPointer, TaggedWeedPointer,
+} from "farmbot";
 import { DesignerState } from "./interfaces";
 import { GetWebAppConfigValue } from "../config_storage/actions";
+import { BooleanSetting } from "../session_keys";
+import { SlotWithTool } from "../resources/interfaces";
 
 export interface ThreeDGardenMapProps {
   botSize: BotSize;
@@ -16,11 +20,17 @@ export interface ThreeDGardenMapProps {
   gridOffset: AxisNumberProperty;
   get3DConfigValue(key: string): number;
   sourceFbosConfig: SourceFbosConfig;
+  negativeZ: boolean;
   designer: DesignerState;
   plants: TaggedPlant[];
   dispatch: Function;
   getWebAppConfigValue: GetWebAppConfigValue;
   curves: TaggedCurve[];
+  mapPoints: TaggedGenericPointer[];
+  weeds: TaggedWeedPointer[];
+  botPosition: BotPosition;
+  toolSlots?: SlotWithTool[];
+  mountedToolName: string | undefined;
 }
 
 export const ThreeDGardenMap = (props: ThreeDGardenMapProps) => {
@@ -31,6 +41,13 @@ export const ThreeDGardenMap = (props: ThreeDGardenMapProps) => {
   config.bedWidthOuter = gridSize.y + 160;
   config.bedLengthOuter = gridSize.x + 160;
   config.zoomBeacons = false;
+  config.trail = !!props.getWebAppConfigValue(BooleanSetting.display_trail);
+
+  config.negativeZ = props.negativeZ;
+
+  config.x = props.botPosition.x || 0;
+  config.y = props.botPosition.y || 0;
+  config.z = props.botPosition.z || 0;
 
   const { designer } = props;
   config.distanceIndicator = designer.distanceIndicator;
@@ -59,6 +76,10 @@ export const ThreeDGardenMap = (props: ThreeDGardenMapProps) => {
 
   return <ThreeDGarden
     config={config}
+    mapPoints={props.mapPoints}
+    weeds={props.weeds}
+    toolSlots={props.toolSlots}
+    mountedToolName={props.mountedToolName}
     addPlantProps={{
       gridSize: props.mapTransformProps.gridSize,
       dispatch: props.dispatch,
diff --git a/frontend/farmware/__tests__/state_to_props_test.ts b/frontend/farmware/__tests__/state_to_props_test.ts
index d1cc44b2ce..f2034d769c 100644
--- a/frontend/farmware/__tests__/state_to_props_test.ts
+++ b/frontend/farmware/__tests__/state_to_props_test.ts
@@ -4,6 +4,10 @@ jest.mock("../../api/crud", () => ({
   initSave: jest.fn(),
 }));
 
+jest.mock("../../devices/actions", () => ({
+  updateConfig: jest.fn(),
+}));
+
 import {
   saveOrEditFarmwareEnv, getEnv, generateFarmwareDictionary,
   isPendingInstallation,
@@ -17,6 +21,7 @@ import {
 import { edit, initSave, save } from "../../api/crud";
 import { fakeFarmware } from "../../__test_support__/fake_farmwares";
 import { fakeState } from "../../__test_support__/fake_state";
+import { updateConfig } from "../../devices/actions";
 
 describe("getEnv()", () => {
   it("returns API farmware env", () => {
@@ -86,4 +91,13 @@ describe("saveOrEditFarmwareEnv()", () => {
     expect(initSave).toHaveBeenCalledWith("FarmwareEnv",
       { key: "new_key", value: "new_value" });
   });
+
+  it("saves new env var and updates soil height", () => {
+    const ri = buildResourceIndex([]).index;
+    saveOrEditFarmwareEnv(ri, true)(
+      "measure_soil_height_measured_distance", "100")(jest.fn());
+    expect(initSave).toHaveBeenCalledWith("FarmwareEnv",
+      { key: "measure_soil_height_measured_distance", value: "100" });
+    expect(updateConfig).toHaveBeenCalledWith({ soil_height: -100 });
+  });
 });
diff --git a/frontend/farmware/state_to_props.ts b/frontend/farmware/state_to_props.ts
index 0aef8d89ad..224b2fae18 100644
--- a/frontend/farmware/state_to_props.ts
+++ b/frontend/farmware/state_to_props.ts
@@ -8,23 +8,28 @@ import { save, edit, initSave } from "../api/crud";
 import { FarmwareManifestInfo, Farmwares, SaveFarmwareEnv } from "./interfaces";
 import { manifestInfo, manifestInfoPending } from "./generate_manifest_info";
 import { t } from "../i18next_wrapper";
+import { updateConfig } from "../devices/actions";
 
 /** Edit an existing Farmware env variable or add a new one. */
-export const saveOrEditFarmwareEnv = (ri: ResourceIndex): SaveFarmwareEnv =>
-  (key: string, value: string) => (dispatch: Function) => {
-    const fwEnvLookup: Record<string, TaggedFarmwareEnv> = {};
-    selectAllFarmwareEnvs(ri)
-      .map(x => { fwEnvLookup[x.body.key] = x; });
-    if (Object.keys(fwEnvLookup).includes(key)) {
-      const fwEnv = fwEnvLookup[key];
-      if (value != fwEnv.body.value) {
-        dispatch(edit(fwEnv, { value }));
-        dispatch(save(fwEnv.uuid));
+export const saveOrEditFarmwareEnv =
+  (ri: ResourceIndex, copyDistance = false): SaveFarmwareEnv =>
+    (key: string, value: string) => (dispatch: Function) => {
+      const fwEnvLookup: Record<string, TaggedFarmwareEnv> = {};
+      selectAllFarmwareEnvs(ri)
+        .map(x => { fwEnvLookup[x.body.key] = x; });
+      if (Object.keys(fwEnvLookup).includes(key)) {
+        const fwEnv = fwEnvLookup[key];
+        if (value != fwEnv.body.value) {
+          dispatch(edit(fwEnv, { value }));
+          dispatch(save(fwEnv.uuid));
+        }
+      } else {
+        dispatch(initSave("FarmwareEnv", { key, value }));
       }
-    } else {
-      dispatch(initSave("FarmwareEnv", { key, value }));
-    }
-  };
+      if (copyDistance && key == "measure_soil_height_measured_distance") {
+        dispatch(updateConfig({ soil_height: -parseInt(value) }));
+      }
+    };
 
 export const isPendingInstallation = (farmware: FarmwareManifestInfo | undefined) =>
   !farmware || farmware.installation_pending;
diff --git a/frontend/plants/plant_panel.tsx b/frontend/plants/plant_panel.tsx
index 670ee038e2..cb7b89092b 100644
--- a/frontend/plants/plant_panel.tsx
+++ b/frontend/plants/plant_panel.tsx
@@ -179,7 +179,7 @@ export function PlantPanel(props: PlantPanelProps) {
             navigate(Path.cropSearch());
           }} />
       </ListItem>
-      {(timeSettings && !inSavedGarden) &&
+      {timeSettings && !inSavedGarden &&
         <div className="row info-box">
           <div className="grid half-gap">
             <label>{t("Started")}</label>
@@ -187,9 +187,7 @@ export function PlantPanel(props: PlantPanelProps) {
               datePlanted={plantedAt}
               timeSettings={timeSettings} />
           </div>
-          {(!inSavedGarden)
-            ? <EditPlantStatus {...commonProps} plantStatus={plantStatus} />
-            : t(startCase(plantStatus))}
+          <EditPlantStatus {...commonProps} plantStatus={plantStatus} />
           <div className="grid half-gap">
             <label>{t("Age")}</label>
             {daysOldText({ age: daysOld, stage: plantStatus })}
diff --git a/frontend/points/__tests__/point_inventory_test.tsx b/frontend/points/__tests__/point_inventory_test.tsx
index f02e5e8504..7912a41ffe 100644
--- a/frontend/points/__tests__/point_inventory_test.tsx
+++ b/frontend/points/__tests__/point_inventory_test.tsx
@@ -136,6 +136,17 @@ describe("<Points />", () => {
     expect(wrapper.text()).not.toContain("point 1");
   });
 
+  it("filters point grids", () => {
+    const p = fakeProps();
+    const gridPoint = fakePoint();
+    gridPoint.body.meta.gridId = "123";
+    gridPoint.body.name = "mesh";
+    p.genericPoints = [gridPoint];
+    const wrapper = mount(<Points {...p} />);
+    wrapper.setState({ searchTerm: "0" });
+    expect(wrapper.text()).not.toContain("mesh");
+  });
+
   it("changes sort term", () => {
     const wrapper = shallow<Points>(<Points {...fakeProps()} />);
     const menu = wrapper.find(SearchField).props().customLeftIcon;
diff --git a/frontend/points/point_inventory.tsx b/frontend/points/point_inventory.tsx
index 72dae8f014..e181c29b98 100644
--- a/frontend/points/point_inventory.tsx
+++ b/frontend/points/point_inventory.tsx
@@ -198,7 +198,7 @@ export class RawPoints extends React.Component<PointsProps, PointsState> {
         <PanelSection isOpen={this.props.pointsPanelState.groups}
           panel={Panel.Points}
           toggleOpen={this.toggleOpen("groups")}
-          itemCount={pointGroups.length}
+          itemCount={filteredGroups.length}
           addNew={() => dispatch(createGroup({
             criteria: {
               ...DEFAULT_CRITERIA,
@@ -283,6 +283,7 @@ export class RawPoints extends React.Component<PointsProps, PointsState> {
               dispatch={dispatch} />)}
         {gridIds.map(gridId => {
           const gridPoints = points.filter(p => p.body.meta.gridId == gridId);
+          if (gridPoints.length == 0) { return <div key={gridId} />; }
           const pointName = gridPoints[0].body.name;
           return <PointsSection
             key={gridId}
diff --git a/frontend/promo/promo.tsx b/frontend/promo/promo.tsx
index bac40a5589..b001f4747c 100644
--- a/frontend/promo/promo.tsx
+++ b/frontend/promo/promo.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import {
   Config, INITIAL, modifyConfigsFromUrlParams,
 } from "../three_d_garden/config";
-import { GardenModel } from "../three_d_garden/garden";
+import { GardenModel } from "../three_d_garden/garden_model";
 import { Canvas } from "@react-three/fiber";
 import {
   PrivateOverlay, PublicOverlay, ToolTip,
diff --git a/frontend/settings/default_values.ts b/frontend/settings/default_values.ts
index e0d23b71a5..91aa18b86b 100644
--- a/frontend/settings/default_values.ts
+++ b/frontend/settings/default_values.ts
@@ -67,7 +67,7 @@ const DEFAULT_WEB_APP_CONFIG_VALUES: Record<Key, Value> = {
   show_pins: false,
   disable_emergency_unlock_confirmation: true,
   map_size_x: 2900,
-  map_size_y: 1400,
+  map_size_y: 1230,
   expand_step_options: false,
   hide_sensors: false,
   confirm_plant_deletion: true,
diff --git a/frontend/settings/dev/__tests__/dev_settings_test.tsx b/frontend/settings/dev/__tests__/dev_settings_test.tsx
index 7247153d0a..f067edeca6 100644
--- a/frontend/settings/dev/__tests__/dev_settings_test.tsx
+++ b/frontend/settings/dev/__tests__/dev_settings_test.tsx
@@ -9,6 +9,7 @@ import { mount, shallow } from "enzyme";
 import {
   DevWidgetFERow, DevWidgetFBOSRow, DevWidgetDelModeRow,
   DevWidgetShowInternalEnvsRow,
+  DevWidget3dCameraRow,
 } from "../dev_settings";
 import { DevSettings } from "../dev_support";
 import { setWebAppConfigValue } from "../../../config_storage/actions";
@@ -52,6 +53,40 @@ describe("<DevWidgetFERow />", () => {
   });
 });
 
+describe("<DevWidget3dCameraRow />", () => {
+  const MOCK_CAMERA_VALUE = "{\"position\": [0, 0, 0], \"target\": [0, 0, 0]}";
+
+  it("changes dev camera value", () => {
+    const wrapper = shallow(<DevWidget3dCameraRow />);
+    wrapper.find("BlurableInput").simulate("commit",
+      { currentTarget: { value: MOCK_CAMERA_VALUE } });
+    expect(setWebAppConfigValue).toHaveBeenCalledWith("internal_use",
+      JSON.stringify({ [DevSettings.CAMERA3D]: MOCK_CAMERA_VALUE }));
+    wrapper.find(".fa-times").simulate("click");
+    expect(setWebAppConfigValue).toHaveBeenCalledWith("internal_use", "{}");
+    delete mockDevSettings[DevSettings.CAMERA3D];
+  });
+
+  it("enables dev camera position", () => {
+    const wrapper = mount(<DevWidget3dCameraRow />);
+    wrapper.find(".fa-angle-double-up").simulate("click");
+    expect(setWebAppConfigValue).toHaveBeenCalledWith("internal_use",
+      JSON.stringify({
+        [DevSettings.CAMERA3D]: JSON.stringify(
+          { position: [-500, -500, 400], target: [-1500, -200, 200] })
+      }));
+    delete mockDevSettings[DevSettings.CAMERA3D];
+  });
+
+  it("disables dev camera position", () => {
+    mockDevSettings[DevSettings.CAMERA3D] = MOCK_CAMERA_VALUE;
+    const wrapper = mount(<DevWidget3dCameraRow />);
+    wrapper.find(".fa-times").simulate("click");
+    expect(setWebAppConfigValue).toHaveBeenCalledWith("internal_use", "{}");
+    delete mockDevSettings[DevSettings.CAMERA3D];
+  });
+});
+
 describe("<DevWidgetDelModeRow />", () => {
   it("enables delete mode", () => {
     const wrapper = mount(<DevWidgetDelModeRow />);
diff --git a/frontend/settings/dev/dev_settings.tsx b/frontend/settings/dev/dev_settings.tsx
index bdfd5a13fc..82c56a7c38 100644
--- a/frontend/settings/dev/dev_settings.tsx
+++ b/frontend/settings/dev/dev_settings.tsx
@@ -32,6 +32,24 @@ export const DevWidgetFBOSRow = () => {
   </Row>;
 };
 
+export const DevWidget3dCameraRow = () => {
+  return <Row className="grid-2-col">
+    <label>
+      {"Change inital 3D camera position"}
+    </label>
+    <div className="row grid-exp-3">
+      <button className="fb-button red fa fa-times"
+        onClick={DevSettings.remove3dCamera} />
+      <button className="fb-button green fa fa-angle-double-up"
+        onClick={() => DevSettings.set3dCamera(
+          JSON.stringify({ position: [-500, -500, 400], target: [-1500, -200, 200] }))} />
+      <BlurableInput type="text"
+        value={DevSettings.get3dCamera() || ""}
+        onCommit={e => DevSettings.set3dCamera(e.currentTarget.value)} />
+    </div>
+  </Row>;
+};
+
 export const DevWidgetDelModeRow = () =>
   <Row className="grid-exp-1">
     <label>
@@ -59,6 +77,7 @@ export const DevWidgetShowInternalEnvsRow = () =>
 export const DevSettingsRows = () =>
   <div className={"dev-settings-rows grid"}>
     <DevWidgetFERow />
+    <DevWidget3dCameraRow />
     <DevWidgetDelModeRow />
     <DevWidgetShowInternalEnvsRow />
     <DevWidgetFBOSRow />
diff --git a/frontend/settings/dev/dev_support.ts b/frontend/settings/dev/dev_support.ts
index 311baffd7f..8268e1b2d8 100644
--- a/frontend/settings/dev/dev_support.ts
+++ b/frontend/settings/dev/dev_support.ts
@@ -12,6 +12,7 @@ namespace devStorage {
     FBOS_VERSION_OVERRIDE = "FBOS_VERSION_OVERRIDE",
     QUICK_DELETE_MODE = "QUICK_DELETE_MODE",
     SHOW_INTERNAL_ENVS = "SHOW_INTERNAL_ENVS",
+    CAMERA3D = "CAMERA3D",
   }
   type Storage = { [K in Key]: string };
 
@@ -81,4 +82,10 @@ export namespace DevSettings {
     devStorage.setItem(SHOW_INTERNAL_ENVS, "true");
   export const disableShowInternalEnvs = () =>
     devStorage.removeItem(SHOW_INTERNAL_ENVS);
+
+  export const CAMERA3D = devStorage.Key.CAMERA3D;
+  export const get3dCamera = () => devStorage.getItem(CAMERA3D);
+  export const set3dCamera = (details: string) =>
+    devStorage.setItem(CAMERA3D, details);
+  export const remove3dCamera = () => devStorage.removeItem(CAMERA3D);
 }
diff --git a/frontend/settings/three_d_settings.tsx b/frontend/settings/three_d_settings.tsx
index f17ffa4bcc..8ca445f88e 100644
--- a/frontend/settings/three_d_settings.tsx
+++ b/frontend/settings/three_d_settings.tsx
@@ -19,7 +19,7 @@ const DEFAULTS: Record<string, number> = {
   columnLength: 500,
   zAxisLength: 1000,
   bedXOffset: 140,
-  bedYOffset: 60,
+  bedYOffset: 20,
   bedZOffset: 0,
   legSize: 100,
   bounds: 0,
diff --git a/frontend/three_d_garden/__tests__/camera_test.ts b/frontend/three_d_garden/__tests__/camera_test.ts
new file mode 100644
index 0000000000..11c35ee92b
--- /dev/null
+++ b/frontend/three_d_garden/__tests__/camera_test.ts
@@ -0,0 +1,37 @@
+let mockDev: string | undefined = undefined;
+jest.mock("../../settings/dev/dev_support", () => ({
+  DevSettings: { get3dCamera: () => mockDev }
+}));
+
+let mockIsDesktop = true;
+jest.mock("../../screen_size", () => ({
+  isDesktop: () => mockIsDesktop,
+}));
+
+import { cameraInit } from "../camera";
+
+describe("cameraInit()", () => {
+  it("initializes camera", () => {
+    mockDev = undefined;
+    mockIsDesktop = true;
+    expect(cameraInit()).toEqual({
+      position: [2000, -4000, 2500],
+      target: [0, 0, 0],
+    });
+  });
+
+  it("initializes camera: dev", () => {
+    mockDev = JSON.stringify({ position: [0, 0, 0], target: [0, 0, 0] });
+    mockIsDesktop = true;
+    expect(cameraInit()).toEqual({ position: [0, 0, 0], target: [0, 0, 0] });
+  });
+
+  it("initializes camera: mobile", () => {
+    mockDev = undefined;
+    mockIsDesktop = false;
+    expect(cameraInit()).toEqual({
+      position: [5400, -2500, 3400],
+      target: [0, 0, 0],
+    });
+  });
+});
diff --git a/frontend/three_d_garden/__tests__/components_test.tsx b/frontend/three_d_garden/__tests__/components_test.tsx
index 3681362ed3..4383a7560c 100644
--- a/frontend/three_d_garden/__tests__/components_test.tsx
+++ b/frontend/three_d_garden/__tests__/components_test.tsx
@@ -1,14 +1,30 @@
+jest.mock("../components", () => ({
+  ...jest.requireActual("../components"),
+}));
+
 import React from "react";
 import { mount } from "enzyme";
 import {
   AmbientLight,
   DirectionalLight,
+  Group,
   Mesh,
   MeshBasicMaterial,
   PointLight,
 } from "../components";
 import { ThreeElements } from "@react-three/fiber";
 
+describe("<Group />", () => {
+  const fakeProps = (): ThreeElements["group"] => ({
+    visible: true,
+  });
+
+  it("adds props", () => {
+    const wrapper = mount(<Group {...fakeProps()} />);
+    expect(wrapper.props().visible).toEqual(true);
+  });
+});
+
 describe("<AmbientLight />", () => {
   const fakeProps = (): ThreeElements["ambientLight"] => ({
     intensity: 0.5,
diff --git a/frontend/three_d_garden/__tests__/config_overlays_test.tsx b/frontend/three_d_garden/__tests__/config_overlays_test.tsx
index 9d4b8ff925..f3a4a47091 100644
--- a/frontend/three_d_garden/__tests__/config_overlays_test.tsx
+++ b/frontend/three_d_garden/__tests__/config_overlays_test.tsx
@@ -53,6 +53,16 @@ describe("<PublicOverlay />", () => {
       text: "",
     });
   });
+
+  it("sets buy button url and text", () => {
+    const p = fakeProps();
+    p.config.sizePreset = "Genesis XL";
+    p.config.kitVersion = "v1.8";
+    const wrapper = mount(<PublicOverlay {...p} />);
+    const buyButton = wrapper.find(".buy-button").first();
+    expect(buyButton.props().href).toContain("genesis-xl-v1-8");
+    expect(buyButton.text()).toContain("GenesisXLv1.8");
+  });
 });
 
 describe("<PrivateOverlay />", () => {
diff --git a/frontend/three_d_garden/__tests__/garden_test.tsx b/frontend/three_d_garden/__tests__/garden_model_test.tsx
similarity index 77%
rename from frontend/three_d_garden/__tests__/garden_test.tsx
rename to frontend/three_d_garden/__tests__/garden_model_test.tsx
index 29415b2435..89697546d4 100644
--- a/frontend/three_d_garden/__tests__/garden_test.tsx
+++ b/frontend/three_d_garden/__tests__/garden_model_test.tsx
@@ -6,12 +6,15 @@ jest.mock("../../screen_size", () => ({
 
 import React from "react";
 import { mount } from "enzyme";
-import { GardenModelProps, GardenModel } from "../garden";
+import { GardenModelProps, GardenModel } from "../garden_model";
 import { clone } from "lodash";
 import { INITIAL } from "../config";
 import { render, screen } from "@testing-library/react";
-import { fakePlant } from "../../__test_support__/fake_state/resources";
+import {
+  fakePlant, fakePoint, fakeWeed,
+} from "../../__test_support__/fake_state/resources";
 import { fakeAddPlantProps } from "../../__test_support__/fake_props";
+import { ASSETS } from "../constants";
 
 describe("<GardenModel />", () => {
   const fakeProps = (): GardenModelProps => ({
@@ -46,6 +49,23 @@ describe("<GardenModel />", () => {
     expect(plantLabels.length).toEqual(1);
   });
 
+  it("renders points and weeds", () => {
+    const p = fakeProps();
+    p.mapPoints = [fakePoint()];
+    p.weeds = [fakeWeed()];
+    const { container } = render(<GardenModel {...p} />);
+    expect(container).toContainHTML("cylinder");
+    expect(container).toContainHTML(ASSETS.other.weed);
+  });
+
+  it("doesn't render bot", () => {
+    const p = fakeProps();
+    p.addPlantProps = fakeAddPlantProps([]);
+    p.addPlantProps.getConfigValue = () => false;
+    const { container } = render(<GardenModel {...p} />);
+    expect(container).not.toContainHTML("bot");
+  });
+
   it("renders promo plants", () => {
     const p = fakeProps();
     p.addPlantProps = undefined;
@@ -131,4 +151,16 @@ describe("<GardenModel />", () => {
     });
     expect(console.log).toHaveBeenCalledWith(["1", "2"]);
   });
+
+  it.each<[string, string]>([
+    ["Greenhouse", "ground Greenhouse"],
+    ["Lab", "ground Lab"],
+    ["Outdoor", "ground Outdoor"],
+  ])("renders different ground based on scene: %s %s",
+    (sceneName, expectedClass) => {
+      const p = fakeProps();
+      p.config.scene = sceneName;
+      const { container } = render(<GardenModel {...p} />);
+      expect(container.innerHTML).toContain(expectedClass);
+    });
 });
diff --git a/frontend/three_d_garden/__tests__/helpers_test.ts b/frontend/three_d_garden/__tests__/helpers_test.ts
index 6bde1511a7..cb3cbbbd3f 100644
--- a/frontend/three_d_garden/__tests__/helpers_test.ts
+++ b/frontend/three_d_garden/__tests__/helpers_test.ts
@@ -3,6 +3,7 @@ import {
   easyCubicBezierCurve3,
   getColorFromBrightness,
   threeSpace,
+  zDir,
   zZero,
 } from "../helpers";
 import { INITIAL } from "../config";
@@ -21,6 +22,14 @@ describe("zZero()", () => {
   });
 });
 
+describe("zDir()", () => {
+  it("returns factor", () => {
+    const config = clone(INITIAL);
+    config.negativeZ = true;
+    expect(zDir(config)).toEqual(-1);
+  });
+});
+
 describe("getColorFromBrightness()", () => {
   it("returns color", () => {
     expect(getColorFromBrightness(1)).toEqual("#444");
diff --git a/frontend/three_d_garden/__tests__/index_test.tsx b/frontend/three_d_garden/__tests__/index_test.tsx
index ee85f796cf..9b47400b2a 100644
--- a/frontend/three_d_garden/__tests__/index_test.tsx
+++ b/frontend/three_d_garden/__tests__/index_test.tsx
@@ -11,6 +11,8 @@ describe("<ThreeDGarden />", () => {
   const fakeProps = (): ThreeDGardenProps => ({
     config: clone(INITIAL),
     addPlantProps: fakeAddPlantProps([]),
+    mapPoints: [],
+    weeds: [],
   });
 
   it("renders", () => {
diff --git a/frontend/three_d_garden/__tests__/lab_test.tsx b/frontend/three_d_garden/__tests__/lab_test.tsx
deleted file mode 100644
index 9fc46cfd28..0000000000
--- a/frontend/three_d_garden/__tests__/lab_test.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from "react";
-import { mount } from "enzyme";
-import { Lab, LabProps } from "../lab";
-import { INITIAL } from "../config";
-import { clone } from "lodash";
-
-describe("<Lab />", () => {
-  const fakeProps = (): LabProps => ({
-    config: clone(INITIAL),
-    activeFocus: "",
-  });
-
-  it("renders", () => {
-    const p = fakeProps();
-    p.config.people = false;
-    p.activeFocus = "";
-    const wrapper = mount(<Lab {...p} />);
-    expect(wrapper.html()).toContain("lab");
-    expect(wrapper.find({ name: "people" }).first().props().visible).toBeFalsy();
-  });
-
-  it("renders with people", () => {
-    const p = fakeProps();
-    p.config.people = true;
-    p.activeFocus = "";
-    const wrapper = mount(<Lab {...p} />);
-    expect(wrapper.find({ name: "people" }).first().props().visible).toBeTruthy();
-  });
-});
diff --git a/frontend/three_d_garden/__tests__/bed_test.tsx b/frontend/three_d_garden/bed/__tests__/bed_test.tsx
similarity index 87%
rename from frontend/three_d_garden/__tests__/bed_test.tsx
rename to frontend/three_d_garden/bed/__tests__/bed_test.tsx
index a4dbc2278b..3fc3b06494 100644
--- a/frontend/three_d_garden/__tests__/bed_test.tsx
+++ b/frontend/three_d_garden/bed/__tests__/bed_test.tsx
@@ -1,9 +1,9 @@
-jest.mock("../../farm_designer/map/layers/plants/plant_actions", () => ({
+jest.mock("../../../farm_designer/map/layers/plants/plant_actions", () => ({
   dropPlant: jest.fn(),
 }));
 
 let mockIsMobile = false;
-jest.mock("../../screen_size", () => ({
+jest.mock("../../../screen_size", () => ({
   isMobile: () => mockIsMobile,
 }));
 
@@ -21,13 +21,13 @@ jest.mock("react", () => ({
 }));
 
 import React from "react";
-import { INITIAL } from "../config";
+import { INITIAL } from "../../config";
 import { Bed, BedProps } from "../bed";
 import { clone } from "lodash";
 import { fireEvent, render, screen } from "@testing-library/react";
-import { dropPlant } from "../../farm_designer/map/layers/plants/plant_actions";
-import { Path } from "../../internal_urls";
-import { fakeAddPlantProps } from "../../__test_support__/fake_props";
+import { dropPlant } from "../../../farm_designer/map/layers/plants/plant_actions";
+import { Path } from "../../../internal_urls";
+import { fakeAddPlantProps } from "../../../__test_support__/fake_props";
 
 describe("<Bed />", () => {
   const fakeProps = (): BedProps => ({
@@ -59,7 +59,7 @@ describe("<Bed />", () => {
     const soil = screen.getAllByText("soil")[0];
     fireEvent.click(soil);
     expect(dropPlant).toHaveBeenCalledWith(expect.objectContaining({
-      gardenCoords: { x: 1360, y: 620 },
+      gardenCoords: { x: 1360, y: 660 },
     }));
   });
 
diff --git a/frontend/three_d_garden/bed.tsx b/frontend/three_d_garden/bed/bed.tsx
similarity index 91%
rename from frontend/three_d_garden/bed.tsx
rename to frontend/three_d_garden/bed/bed.tsx
index 295aa883c8..8784b9dd97 100644
--- a/frontend/three_d_garden/bed.tsx
+++ b/frontend/three_d_garden/bed/bed.tsx
@@ -6,28 +6,25 @@ import {
   DoubleSide, Path as LinePath, Shape, RepeatWrapping, Group as GroupType,
 } from "three";
 import { range } from "lodash";
-import { threeSpace, zZero, getColorFromBrightness } from "./helpers";
-import { Config, detailLevels } from "./config";
-import { ASSETS } from "./constants";
-import { DistanceIndicator } from "./distance_indicator";
-import { FarmbotAxes } from "./farmbot_axes";
-import { Packaging } from "./packaging";
-import { Caster } from "./caster";
-import { UtilitiesPost } from "./utilities_post";
-import { Group, MeshPhongMaterial } from "./components";
-import { getMode, round } from "../farm_designer/map/util";
+import { threeSpace, zZero, getColorFromBrightness } from "../helpers";
+import { Config, detailLevels } from "../config";
+import { ASSETS } from "../constants";
+import { DistanceIndicator } from "../elements";
+import { FarmbotAxes, Caster, UtilitiesPost, Packaging } from "./objects";
+import { Group, MeshPhongMaterial } from "../components";
+import { getMode, round } from "../../farm_designer/map/util";
 import {
   AxisNumberProperty, Mode, TaggedPlant,
-} from "../farm_designer/map/interfaces";
-import { dropPlant } from "../farm_designer/map/layers/plants/plant_actions";
+} from "../../farm_designer/map/interfaces";
+import { dropPlant } from "../../farm_designer/map/layers/plants/plant_actions";
 import { TaggedCurve } from "farmbot";
-import { GetWebAppConfigValue } from "../config_storage/actions";
-import { DesignerState } from "../farm_designer/interfaces";
-import { isMobile } from "../screen_size";
+import { GetWebAppConfigValue } from "../../config_storage/actions";
+import { DesignerState } from "../../farm_designer/interfaces";
+import { isMobile } from "../../screen_size";
 import { ThreeEvent } from "@react-three/fiber";
-import { Path } from "../internal_urls";
-import { findIcon } from "../crops/find";
-import { DEFAULT_PLANT_RADIUS } from "../farm_designer/plant";
+import { Path } from "../../internal_urls";
+import { findIcon } from "../../crops/find";
+import { DEFAULT_PLANT_RADIUS } from "../../farm_designer/plant";
 
 const soil = (
   Type: typeof LinePath | typeof Shape,
diff --git a/frontend/three_d_garden/bed/index.ts b/frontend/three_d_garden/bed/index.ts
new file mode 100644
index 0000000000..316c67602b
--- /dev/null
+++ b/frontend/three_d_garden/bed/index.ts
@@ -0,0 +1 @@
+export * from "./bed";
diff --git a/frontend/three_d_garden/__tests__/caster_test.tsx b/frontend/three_d_garden/bed/objects/__tests__/caster_test.tsx
similarity index 91%
rename from frontend/three_d_garden/__tests__/caster_test.tsx
rename to frontend/three_d_garden/bed/objects/__tests__/caster_test.tsx
index 2a9ea5ea19..2c634e932f 100644
--- a/frontend/three_d_garden/__tests__/caster_test.tsx
+++ b/frontend/three_d_garden/bed/objects/__tests__/caster_test.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { mount } from "enzyme";
 import { Caster, CasterProps } from "../caster";
-import { INITIAL } from "../config";
+import { INITIAL } from "../../../config";
 import { clone } from "lodash";
 
 describe("<Caster />", () => {
diff --git a/frontend/three_d_garden/__tests__/farmbot_axes_test.tsx b/frontend/three_d_garden/bed/objects/__tests__/farmbot_axes_test.tsx
similarity index 90%
rename from frontend/three_d_garden/__tests__/farmbot_axes_test.tsx
rename to frontend/three_d_garden/bed/objects/__tests__/farmbot_axes_test.tsx
index 6173653219..a7923ff13f 100644
--- a/frontend/three_d_garden/__tests__/farmbot_axes_test.tsx
+++ b/frontend/three_d_garden/bed/objects/__tests__/farmbot_axes_test.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { mount } from "enzyme";
 import { FarmbotAxes, FarmbotAxesProps } from "../farmbot_axes";
 import { clone } from "lodash";
-import { INITIAL } from "../config";
+import { INITIAL } from "../../../config";
 
 describe("<FarmbotAxes />", () => {
   const fakeProps = (): FarmbotAxesProps => ({
diff --git a/frontend/three_d_garden/__tests__/packaging_test.tsx b/frontend/three_d_garden/bed/objects/__tests__/packaging_test.tsx
similarity index 63%
rename from frontend/three_d_garden/__tests__/packaging_test.tsx
rename to frontend/three_d_garden/bed/objects/__tests__/packaging_test.tsx
index 523440ace8..c49b7fb9a8 100644
--- a/frontend/three_d_garden/__tests__/packaging_test.tsx
+++ b/frontend/three_d_garden/bed/objects/__tests__/packaging_test.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { mount } from "enzyme";
 import { Packaging, PackagingProps } from "../packaging";
-import { INITIAL } from "../config";
+import { INITIAL } from "../../../config";
 import { clone } from "lodash";
 
 describe("<Packaging />", () => {
@@ -11,6 +11,7 @@ describe("<Packaging />", () => {
 
   it("renders", () => {
     const p = fakeProps();
+    p.config.packaging = true;
     p.config.kitVersion = "v1.7";
     const wrapper = mount(<Packaging {...p} />);
     expect(wrapper.html()).toContain("packaging");
@@ -18,12 +19,23 @@ describe("<Packaging />", () => {
     expect(wrapper.html()).not.toContain("170");
   });
 
-  it("renders: XL", () => {
+  it("renders: v1.7 XL", () => {
     const p = fakeProps();
+    p.config.packaging = true;
     p.config.sizePreset = "Genesis XL";
-    p.config.kitVersion = "v1.8";
+    p.config.kitVersion = "v1.7";
     const wrapper = mount(<Packaging {...p} />);
     expect(wrapper.html()).toContain("170");
     expect(wrapper.html()).not.toContain("100");
   });
+
+  it("renders: v1.8 XL", () => {
+    const p = fakeProps();
+    p.config.packaging = true;
+    p.config.sizePreset = "Genesis XL";
+    p.config.kitVersion = "v1.8";
+    const wrapper = mount(<Packaging {...p} />);
+    expect(wrapper.html()).not.toContain("170");
+    expect(wrapper.html()).not.toContain("100");
+  });
 });
diff --git a/frontend/three_d_garden/__tests__/utilities_post_test.tsx b/frontend/three_d_garden/bed/objects/__tests__/utilities_post_test.tsx
similarity index 91%
rename from frontend/three_d_garden/__tests__/utilities_post_test.tsx
rename to frontend/three_d_garden/bed/objects/__tests__/utilities_post_test.tsx
index b9dab5bcc6..fd841c2d82 100644
--- a/frontend/three_d_garden/__tests__/utilities_post_test.tsx
+++ b/frontend/three_d_garden/bed/objects/__tests__/utilities_post_test.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { mount } from "enzyme";
 import { UtilitiesPost, UtilitiesPostProps } from "../utilities_post";
-import { INITIAL } from "../config";
+import { INITIAL } from "../../../config";
 import { clone } from "lodash";
 
 describe("<UtilitiesPost />", () => {
diff --git a/frontend/three_d_garden/caster.tsx b/frontend/three_d_garden/bed/objects/caster.tsx
similarity index 94%
rename from frontend/three_d_garden/caster.tsx
rename to frontend/three_d_garden/bed/objects/caster.tsx
index 63d962bdb8..fb6b901ac8 100644
--- a/frontend/three_d_garden/caster.tsx
+++ b/frontend/three_d_garden/bed/objects/caster.tsx
@@ -1,8 +1,8 @@
 import React from "react";
 import { Extrude, Cylinder } from "@react-three/drei";
 import { Shape } from "three";
-import { Config } from "./config";
-import { Group, MeshPhongMaterial } from "./components";
+import { Config } from "../../config";
+import { Group, MeshPhongMaterial } from "../../components";
 
 export interface CasterProps {
   config: Config;
diff --git a/frontend/three_d_garden/farmbot_axes.tsx b/frontend/three_d_garden/bed/objects/farmbot_axes.tsx
similarity index 79%
rename from frontend/three_d_garden/farmbot_axes.tsx
rename to frontend/three_d_garden/bed/objects/farmbot_axes.tsx
index 275e732b18..770eafcbcf 100644
--- a/frontend/three_d_garden/farmbot_axes.tsx
+++ b/frontend/three_d_garden/bed/objects/farmbot_axes.tsx
@@ -1,8 +1,8 @@
 import React from "react";
-import { Config } from "./config";
-import { Arrow } from "./arrow";
-import { threeSpace, zZero } from "./helpers";
-import { Group } from "./components";
+import { Config } from "../../config";
+import { Arrow } from "../../elements";
+import { threeSpace, zZero } from "../../helpers";
+import { Group } from "../../components";
 
 export interface FarmbotAxesProps {
   config: Config;
diff --git a/frontend/three_d_garden/bed/objects/index.ts b/frontend/three_d_garden/bed/objects/index.ts
new file mode 100644
index 0000000000..f7cac8b7f7
--- /dev/null
+++ b/frontend/three_d_garden/bed/objects/index.ts
@@ -0,0 +1,4 @@
+export * from "./caster";
+export * from "./farmbot_axes";
+export * from "./utilities_post";
+export * from "./packaging";
diff --git a/frontend/three_d_garden/packaging.tsx b/frontend/three_d_garden/bed/objects/packaging.tsx
similarity index 95%
rename from frontend/three_d_garden/packaging.tsx
rename to frontend/three_d_garden/bed/objects/packaging.tsx
index bbe0c8e52e..e601b3e2e1 100644
--- a/frontend/three_d_garden/packaging.tsx
+++ b/frontend/three_d_garden/bed/objects/packaging.tsx
@@ -1,9 +1,9 @@
 import React from "react";
 import { Box } from "@react-three/drei";
-import { threeSpace } from "./helpers";
-import { Config } from "./config";
-import { Group, MeshPhongMaterial } from "./components";
-import { Text } from "./text";
+import { threeSpace } from "../../helpers";
+import { Config } from "../../config";
+import { Group, MeshPhongMaterial } from "../../components";
+import { Text } from "../../elements";
 
 export interface PackagingProps {
   config: Config;
diff --git a/frontend/three_d_garden/utilities_post.tsx b/frontend/three_d_garden/bed/objects/utilities_post.tsx
similarity index 96%
rename from frontend/three_d_garden/utilities_post.tsx
rename to frontend/three_d_garden/bed/objects/utilities_post.tsx
index 8e50f61dca..78e821d816 100644
--- a/frontend/three_d_garden/utilities_post.tsx
+++ b/frontend/three_d_garden/bed/objects/utilities_post.tsx
@@ -1,14 +1,14 @@
 import React from "react";
 import { Box, Cylinder, RoundedBox, Tube, useTexture } from "@react-three/drei";
 import { RepeatWrapping } from "three";
-import { ASSETS } from "./constants";
-import { Config } from "./config";
+import { ASSETS } from "../../constants";
+import { Config } from "../../config";
 import {
   threeSpace, getColorFromBrightness, easyCubicBezierCurve3,
-} from "./helpers";
-import { outletDepth } from "./power_supply";
+} from "../../helpers";
+import { outletDepth } from "../../bot";
 import * as THREE from "three";
-import { Group, MeshPhongMaterial } from "./components";
+import { Group, MeshPhongMaterial } from "../../components";
 
 export interface UtilitiesPostProps {
   config: Config;
diff --git a/frontend/three_d_garden/__tests__/bot_test.tsx b/frontend/three_d_garden/bot/__tests__/bot_test.tsx
similarity index 72%
rename from frontend/three_d_garden/__tests__/bot_test.tsx
rename to frontend/three_d_garden/bot/__tests__/bot_test.tsx
index 9bdcc195d2..da77fa412a 100644
--- a/frontend/three_d_garden/__tests__/bot_test.tsx
+++ b/frontend/three_d_garden/bot/__tests__/bot_test.tsx
@@ -1,15 +1,21 @@
 import React from "react";
 import { mount } from "enzyme";
 import { Bot, FarmbotModelProps } from "../bot";
-import { INITIAL } from "../config";
+import { INITIAL } from "../../config";
 import { clone } from "lodash";
 import { SVGLoader } from "three/examples/jsm/Addons";
 
 describe("<Bot />", () => {
-  const fakeProps = (): FarmbotModelProps => ({
-    config: clone(INITIAL),
-    activeFocus: "",
-  });
+  const fakeProps = (): FarmbotModelProps => {
+    const config = clone(INITIAL);
+    config.bot = true;
+    config.tracks = true;
+    config.cableCarriers = true;
+    return {
+      config,
+      activeFocus: "",
+    };
+  };
 
   it("renders", () => {
     const p = fakeProps();
@@ -19,8 +25,8 @@ describe("<Bot />", () => {
     const wrapper = mount(<Bot {...p} />);
     expect(wrapper.html()).toContain("bot");
     expect(wrapper.html()).toContain("water-tube");
-    expect(wrapper.find({ name: "wateringNozzle" }).first().props().position)
-      .toEqual([-1344, 210, 75]);
+    expect(wrapper.find({ name: "slot" }).last().props().position)
+      .toEqual([-1350, 200, 60]);
   });
 
   it("renders: Jr", () => {
@@ -30,22 +36,22 @@ describe("<Bot />", () => {
     p.config.trail = false;
     const wrapper = mount(<Bot {...p} />);
     expect(wrapper.html()).toContain("bot");
-    expect(wrapper.find({ name: "wateringNozzle" }).first().props().position)
-      .toEqual([-1344, 110, 75]);
+    expect(wrapper.find({ name: "slot" }).last().props().position)
+      .toEqual([-1350, 100, 60]);
   });
 
   it("renders: v1.7", () => {
     const p = fakeProps();
     p.config.kitVersion = "v1.7";
     const wrapper = mount(<Bot {...p} />);
-    expect(wrapper.find({ name: "button-group" }).length).toEqual(10);
+    expect(wrapper.find({ name: "button-group" }).length).toEqual(15); // 5 * 3
   });
 
   it("renders: v1.8", () => {
     const p = fakeProps();
     p.config.kitVersion = "v1.8";
     const wrapper = mount(<Bot {...p} />);
-    expect(wrapper.find({ name: "button-group" }).length).toEqual(6);
+    expect(wrapper.find({ name: "button-group" }).length).toEqual(9); // 3 * 3
   });
 
   it("loads shapes", () => {
diff --git a/frontend/three_d_garden/__tests__/power_supply_test.tsx b/frontend/three_d_garden/bot/__tests__/power_supply_test.tsx
similarity index 95%
rename from frontend/three_d_garden/__tests__/power_supply_test.tsx
rename to frontend/three_d_garden/bot/__tests__/power_supply_test.tsx
index 9ded40538d..2fc9d04aaf 100644
--- a/frontend/three_d_garden/__tests__/power_supply_test.tsx
+++ b/frontend/three_d_garden/bot/__tests__/power_supply_test.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { mount } from "enzyme";
 import { PowerSupply, PowerSupplyProps } from "../power_supply";
-import { INITIAL } from "../config";
+import { INITIAL } from "../../config";
 import { clone } from "lodash";
 
 describe("<PowerSupply />", () => {
diff --git a/frontend/three_d_garden/__tests__/x_axis_water_tube_test.tsx b/frontend/three_d_garden/bot/__tests__/x_axis_water_tube_test.tsx
similarity index 91%
rename from frontend/three_d_garden/__tests__/x_axis_water_tube_test.tsx
rename to frontend/three_d_garden/bot/__tests__/x_axis_water_tube_test.tsx
index 3641d9b62b..95d8e064ca 100644
--- a/frontend/three_d_garden/__tests__/x_axis_water_tube_test.tsx
+++ b/frontend/three_d_garden/bot/__tests__/x_axis_water_tube_test.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { mount } from "enzyme";
 import { XAxisWaterTubeProps, XAxisWaterTube } from "../x_axis_water_tube";
 import { clone } from "lodash";
-import { INITIAL } from "../config";
+import { INITIAL } from "../../config";
 
 describe("<XAxisWaterTube />", () => {
   const fakeProps = (): XAxisWaterTubeProps => ({
diff --git a/frontend/three_d_garden/bot.tsx b/frontend/three_d_garden/bot/bot.tsx
similarity index 64%
rename from frontend/three_d_garden/bot.tsx
rename to frontend/three_d_garden/bot/bot.tsx
index 9e193171aa..84f104e9bd 100644
--- a/frontend/three_d_garden/bot.tsx
+++ b/frontend/three_d_garden/bot/bot.tsx
@@ -2,39 +2,37 @@
 import React, { useEffect, useState } from "react";
 import * as THREE from "three";
 import {
-  Cylinder, Extrude, Line, Trail, Tube, useGLTF, useTexture,
+  Cylinder, Extrude, Trail, Tube, useGLTF, useTexture,
 } from "@react-three/drei";
 import { DoubleSide, Shape, RepeatWrapping } from "three";
 import {
-  easyCubicBezierCurve3, threeSpace, zDir,
+  easyCubicBezierCurve3, threeSpace,
+  zDir as zDirFunc,
   zZero as zZeroFunc,
-  zero as zeroFunc,
-  extents as extentsFunc,
-} from "./helpers";
-import { Config } from "./config";
+} from "../helpers";
+import { Config } from "../config";
 import { GLTF } from "three-stdlib";
-import { ASSETS, ElectronicsBoxMaterial, LIB_DIR, PartName } from "./constants";
+import { ASSETS, LIB_DIR, PartName } from "../constants";
 import { SVGLoader } from "three/examples/jsm/Addons.js";
 import { range } from "lodash";
-import { CrossSlide, CrossSlideFull } from "./parts/cross_slide";
-import { GantryWheelPlate, GantryWheelPlateFull } from "./parts/gantry_wheel_plate";
-import { RotaryTool, RotaryToolFull } from "./parts/rotary_tool";
-import { DistanceIndicator } from "./distance_indicator";
-import { VacuumPumpCover, VacuumPumpCoverFull } from "./parts/vacuum_pump_cover";
-import { SoilSensor, SoilSensorFull } from "./parts/soil_sensor";
 import {
-  SeedTroughAssembly, SeedTroughAssemblyFull,
-} from "./parts/seed_trough_assembly";
-import { SeedTroughHolder, SeedTroughHolderFull } from "./parts/seed_trough_holder";
+  CrossSlide, CrossSlideFull,
+  GantryWheelPlate, GantryWheelPlateFull,
+  VacuumPumpCover, VacuumPumpCoverFull,
+} from "./parts";
 import { PowerSupply } from "./power_supply";
 import { XAxisWaterTube } from "./x_axis_water_tube";
-import { Group, Mesh, MeshPhongMaterial } from "./components";
-import { IColor } from "../settings/pin_bindings/model";
+import { Group, Mesh, MeshPhongMaterial } from "../components";
+import { Tools } from "./components/tools";
+import { ElectronicsBox } from "./components/electronics_box";
+import { Bounds } from "./components/bounds";
+import { SlotWithTool } from "../../resources/interfaces";
 
 const extrusionWidth = 20;
 const utmRadius = 35;
-const utmHeight = 35;
+export const utmHeight = 35;
 const xTrackPadding = 280;
+export const distinguishableBlack = "#333";
 
 type LeftBracket = GLTF & {
   nodes: { [PartName.leftBracket]: THREE.Mesh };
@@ -76,65 +74,11 @@ type ZAxisMotorMount = GLTF & {
   nodes: { [PartName.zAxisMotorMount]: THREE.Mesh };
   materials: { PaletteMaterial001: THREE.MeshStandardMaterial };
 }
-type Toolbay3 = GLTF & {
-  nodes: {
-    [PartName.toolbay3]: THREE.Mesh;
-    [PartName.toolbay3Logo]: THREE.Mesh;
-  };
-  materials: never;
-}
-type WateringNozzle = GLTF & {
-  nodes: { [PartName.wateringNozzle]: THREE.Mesh };
-  materials: { PaletteMaterial001: THREE.MeshStandardMaterial };
-}
-type SeedBin = GLTF & {
-  nodes: { [PartName.seedBin]: THREE.Mesh };
-  materials: never;
-}
-type SeedTray = GLTF & {
-  nodes: { [PartName.seedTray]: THREE.Mesh };
-  materials: never;
-}
 type CameraMountHalf = GLTF & {
   nodes: { [PartName.cameraMountHalf]: THREE.Mesh };
   materials: never;
 }
-type Box = GLTF & {
-  nodes: {
-    Electronics_Box: THREE.Mesh;
-    Electronics_Box_Gasket: THREE.Mesh;
-    Electronics_Box_Lid: THREE.Mesh;
-  };
-  materials: {
-    [ElectronicsBoxMaterial.box]: THREE.MeshStandardMaterial;
-    [ElectronicsBoxMaterial.gasket]: THREE.MeshStandardMaterial;
-    [ElectronicsBoxMaterial.lid]: THREE.MeshStandardMaterial;
-  };
-}
-type Btn = GLTF & {
-  nodes: {
-    ["Push_Button_-_Red"]: THREE.Mesh;
-  };
-  materials: {
-    [ElectronicsBoxMaterial.button]: THREE.MeshStandardMaterial;
-  };
-}
-type Led = GLTF & {
-  nodes: {
-    LED: THREE.Mesh;
-  };
-  materials: {
-    [ElectronicsBoxMaterial.led]: THREE.MeshStandardMaterial;
-  };
-}
-type Pi = GLTF & {
-  nodes: { [PartName.pi]: THREE.Mesh };
-  materials: { PaletteMaterial001: THREE.MeshStandardMaterial };
-}
-type Farmduino = GLTF & {
-  nodes: { [PartName.farmduino]: THREE.Mesh };
-  materials: { PaletteMaterial001: THREE.MeshStandardMaterial };
-}
+
 type Solenoid = GLTF & {
   nodes: { [PartName.solenoid]: THREE.Mesh };
   materials: { PaletteMaterial001: THREE.MeshStandardMaterial };
@@ -178,24 +122,20 @@ const ccPath =
 export interface FarmbotModelProps {
   config: Config;
   activeFocus: string;
+  toolSlots?: SlotWithTool[];
+  mountedToolName?: string | undefined;
 }
 
 export const Bot = (props: FarmbotModelProps) => {
   const config = props.config;
   const {
     x, y, z, botSizeX, botSizeY, botSizeZ, beamLength, trail, laser, soilHeight,
-    bedXOffset, bedYOffset, bedLengthOuter, bedWidthOuter, tracks, zDimension,
-    columnLength, zAxisLength, zGantryOffset, bedWallThickness, tool, bedHeight,
-    cableCarriers, bounds,
+    bedXOffset, bedYOffset, bedLengthOuter, bedWidthOuter, tracks,
+    columnLength, zAxisLength, zGantryOffset, bedHeight,
+    cableCarriers,
   } = props.config;
   const zZero = zZeroFunc(config);
-  const zero = zeroFunc(config);
-  const extents = extentsFunc(config);
-  const zDip = (x: number, y: number): [number, number, number][] => [
-    [x, y, extents.z],
-    [x, y, zero.z],
-    [x, y, extents.z],
-  ];
+  const zDir = zDirFunc(config);
   const gantryWheelPlate =
     useGLTF(ASSETS.models.gantryWheelPlate, LIB_DIR) as GantryWheelPlateFull;
   const GantryWheelPlateComponent = GantryWheelPlate(gantryWheelPlate);
@@ -214,31 +154,11 @@ export const Bot = (props: FarmbotModelProps) => {
     ASSETS.models.horizontalMotorHousing, LIB_DIR) as HorizontalMotorHousing;
   const zAxisMotorMount = useGLTF(
     ASSETS.models.zAxisMotorMount, LIB_DIR) as ZAxisMotorMount;
-  const toolbay3 = useGLTF(ASSETS.models.toolbay3, LIB_DIR) as Toolbay3;
-  const rotaryTool = useGLTF(ASSETS.models.rotaryTool, LIB_DIR) as RotaryToolFull;
-  const RotaryToolComponent = RotaryTool(rotaryTool);
   const vacuumPumpCover = useGLTF(
     ASSETS.models.vacuumPumpCover, LIB_DIR) as VacuumPumpCoverFull;
   const VacuumPumpCoverComponent = VacuumPumpCover(vacuumPumpCover);
-  const seedBin = useGLTF(ASSETS.models.seedBin, LIB_DIR) as SeedBin;
-  const seedTray = useGLTF(ASSETS.models.seedTray, LIB_DIR) as SeedTray;
-  const seedTroughHolder = useGLTF(
-    ASSETS.models.seedTroughHolder, LIB_DIR) as SeedTroughHolderFull;
-  const SeedTroughHolderComponent = SeedTroughHolder(seedTroughHolder);
-  const seedTroughAssembly = useGLTF(
-    ASSETS.models.seedTroughAssembly, LIB_DIR) as SeedTroughAssemblyFull;
-  const SeedTroughAssemblyComponent = SeedTroughAssembly(seedTroughAssembly);
-  const soilSensor = useGLTF(ASSETS.models.soilSensor, LIB_DIR) as SoilSensorFull;
-  const SoilSensorComponent = SoilSensor(soilSensor);
-  const wateringNozzle = useGLTF(
-    ASSETS.models.wateringNozzle, LIB_DIR) as WateringNozzle;
   const cameraMountHalf = useGLTF(
     ASSETS.models.cameraMountHalf, LIB_DIR) as CameraMountHalf;
-  const box = useGLTF(ASSETS.models.box, LIB_DIR) as Box;
-  const btn = useGLTF(ASSETS.models.btn, LIB_DIR) as Btn;
-  const led = useGLTF(ASSETS.models.led, LIB_DIR) as Led;
-  const pi = useGLTF(ASSETS.models.pi, LIB_DIR) as Pi;
-  const farmduino = useGLTF(ASSETS.models.farmduino, LIB_DIR) as Farmduino;
   const solenoid = useGLTF(ASSETS.models.solenoid, LIB_DIR) as Solenoid;
   const xAxisCCMount = useGLTF(ASSETS.models.xAxisCCMount, LIB_DIR) as XAxisCCMount;
   const [trackShape, setTrackShape] = useState<Shape>();
@@ -310,9 +230,8 @@ export const Bot = (props: FarmbotModelProps) => {
     path.lineTo(-2, 0);
     return path;
   };
-  const distanceToSoil = soilHeight + zDir * z;
+  const distanceToSoil = soilHeight - zDir * z;
   const bedCCSupportHeight = Math.min(150, bedHeight / 2);
-  const isJr = props.config.sizePreset == "Jr";
   return <Group name={"bot"}
     visible={props.config.bot && props.activeFocus != "Planter bed"}>
     {[0 - extrusionWidth, bedWidthOuter].map((y, index) => {
@@ -475,7 +394,7 @@ export const Bot = (props: FarmbotModelProps) => {
         -40,
       ]}
       rotation={[-Math.PI / 2, -Math.PI, 0 * Math.PI]}>
-      <MeshPhongMaterial color={"black"} />
+      <MeshPhongMaterial color={distinguishableBlack} />
     </Extrude>
     <CrossSlideComponent name={"crossSlide"}
       position={[
@@ -494,7 +413,7 @@ export const Bot = (props: FarmbotModelProps) => {
       position={[
         threeSpace(x, bedLengthOuter) + bedXOffset,
         threeSpace(y + utmRadius, bedWidthOuter) + bedYOffset,
-        zZero + zDir * z,
+        zZero - zDir * z,
       ]}
       rotation={[0, 0, 0]}>
       <MeshPhongMaterial color={"white"} map={aluminumTexture} side={DoubleSide} />
@@ -504,7 +423,7 @@ export const Bot = (props: FarmbotModelProps) => {
         position={[
           threeSpace(x + 4, bedLengthOuter) + bedXOffset,
           threeSpace(y + utmRadius - 47, bedWidthOuter) + bedYOffset,
-          zZero + zDir * z + zAxisLength - 80,
+          zZero - zDir * z + zAxisLength - 80,
         ]}
         rotation={[0, 0, Math.PI]}
         scale={1000}
@@ -515,7 +434,7 @@ export const Bot = (props: FarmbotModelProps) => {
         position={[
           threeSpace(x + 10, bedLengthOuter) + bedXOffset,
           threeSpace(y + utmRadius - 5, bedWidthOuter) + bedYOffset,
-          zZero + zDir * z + zAxisLength - 140,
+          zZero - zDir * z + zAxisLength - 140,
         ]}
         rotation={[Math.PI / 2, 0, 0]}
         scale={1000}
@@ -525,7 +444,7 @@ export const Bot = (props: FarmbotModelProps) => {
         position={[
           threeSpace(x + 5, bedLengthOuter) + bedXOffset,
           threeSpace(y + utmRadius - 65, bedWidthOuter) + bedYOffset,
-          zZero + zDir * z + zAxisLength - 80,
+          zZero - zDir * z + zAxisLength - 80,
         ]}
         rotation={[0, 0, Math.PI]}
         scale={1000}
@@ -537,7 +456,7 @@ export const Bot = (props: FarmbotModelProps) => {
         position={[
           threeSpace(x + 5, bedLengthOuter) + bedXOffset,
           threeSpace(y + utmRadius - 65, bedWidthOuter) + bedYOffset,
-          zZero + zDir * z + zAxisLength - 80,
+          zZero - zDir * z + zAxisLength - 80,
         ]}
         rotation={[Math.PI / 2, 0, 0]}>
         <MeshPhongMaterial color={"#999"} />
@@ -547,7 +466,7 @@ export const Bot = (props: FarmbotModelProps) => {
       position={[
         threeSpace(x + 5, bedLengthOuter) + bedXOffset,
         threeSpace(y - 30, bedWidthOuter) + bedYOffset,
-        zZero + zDir * z + zAxisLength - 120,
+        zZero - zDir * z + zAxisLength - 120,
       ]}
       rotation={[0, 0, 0]}
       scale={1000}
@@ -559,7 +478,7 @@ export const Bot = (props: FarmbotModelProps) => {
       position={[
         threeSpace(x + 5, bedLengthOuter) + bedXOffset,
         threeSpace(y - 30, bedWidthOuter) + bedYOffset,
-        zZero + zDir * z + zAxisLength - 120 + 25 / 2,
+        zZero - zDir * z + zAxisLength - 120 + 25 / 2,
       ]}
       rotation={[Math.PI / 2, 0, 0]}>
       <MeshPhongMaterial color={"silver"} />
@@ -570,7 +489,7 @@ export const Bot = (props: FarmbotModelProps) => {
       position={[
         threeSpace(x + 6, bedLengthOuter) + bedXOffset,
         threeSpace(y - 30, bedWidthOuter) + bedYOffset,
-        zZero + zDir * z + zAxisLength / 2,
+        zZero - zDir * z + zAxisLength / 2,
       ]}
       rotation={[Math.PI / 2, 0, 0]} />
     <Group name={"ccVertical"}>
@@ -581,7 +500,7 @@ export const Bot = (props: FarmbotModelProps) => {
               position={[
                 threeSpace(x + 20, bedLengthOuter) + bedXOffset,
                 threeSpace(y + 55, bedWidthOuter) + bedYOffset,
-                zZero + zDir * z + i * 200 + 125,
+                zZero - zDir * z + i * 200 + 125,
               ]}
               rotation={[0, 0, Math.PI / 2]}
               scale={1000}
@@ -595,7 +514,7 @@ export const Bot = (props: FarmbotModelProps) => {
             position={[
               threeSpace(x + 20, bedLengthOuter) + bedXOffset,
               threeSpace(y + 35, bedWidthOuter) + bedYOffset,
-              zZero + zDir * z + 125,
+              zZero - zDir * z + 125,
             ]}
             rotation={[0, 0, 0]}
             geometry={new THREE.ExtrudeGeometry(
@@ -634,16 +553,16 @@ export const Bot = (props: FarmbotModelProps) => {
       position={[
         threeSpace(x - 41, bedLengthOuter) + bedXOffset,
         threeSpace(y - 25, bedWidthOuter) + bedYOffset,
-        zZero + zDir * z + 125,
+        zZero - zDir * z + 125,
       ]}
       rotation={[Math.PI / 2, Math.PI, Math.PI / 2]}>
-      <MeshPhongMaterial color={"black"} />
+      <MeshPhongMaterial color={distinguishableBlack} />
     </Extrude>
     <Mesh name={"zStopMax"}
       position={[
         threeSpace(x - 5, bedLengthOuter) + bedXOffset,
         threeSpace(y + utmRadius + extrusionWidth / 2, bedWidthOuter) + bedYOffset,
-        zZero + zDir * z - 30 + zGantryOffset,
+        zZero - zDir * z - 30 + zGantryOffset,
       ]}
       rotation={[0, Math.PI / 2, 0]}
       scale={1000}
@@ -654,7 +573,7 @@ export const Bot = (props: FarmbotModelProps) => {
       position={[
         threeSpace(x - 5, bedLengthOuter) + bedXOffset,
         threeSpace(y + utmRadius + extrusionWidth / 2, bedWidthOuter) + bedYOffset,
-        zZero + zDir * z + botSizeZ + 140 + zGantryOffset,
+        zZero - zDir * z + botSizeZ + 140 + zGantryOffset,
       ]}
       rotation={[0, Math.PI / 2, 0]}
       scale={1000}
@@ -665,7 +584,7 @@ export const Bot = (props: FarmbotModelProps) => {
       position={[
         threeSpace(x + 28, bedLengthOuter) + bedXOffset,
         threeSpace(y, bedWidthOuter) + bedYOffset,
-        zZero + zDir * z + 40,
+        zZero - zDir * z + 40,
       ]}
       rotation={[0, 0, Math.PI / 2]}
       scale={1000}
@@ -678,7 +597,7 @@ export const Bot = (props: FarmbotModelProps) => {
         [
           threeSpace(x + 28, bedLengthOuter) + bedXOffset,
           threeSpace(y, bedWidthOuter) + bedYOffset,
-          zZero + zDir * z + 35,
+          zZero - zDir * z + 35,
         ],
         [0, 0, 100],
         [0, 0, -200],
@@ -686,12 +605,12 @@ export const Bot = (props: FarmbotModelProps) => {
           ? [
             threeSpace(x + 80, bedLengthOuter) + bedXOffset,
             threeSpace(y + 100, bedWidthOuter) + bedYOffset,
-            zZero + zDir * z + 245,
+            zZero - zDir * z + 245,
           ]
           : [
             threeSpace(x + 35, bedLengthOuter) + bedXOffset,
             threeSpace(y, bedWidthOuter) + bedYOffset,
-            zZero + zDir * z + 245,
+            zZero - zDir * z + 245,
           ],
       ), 20, 5, 8]}>
       <MeshPhongMaterial
@@ -712,7 +631,7 @@ export const Bot = (props: FarmbotModelProps) => {
           ? [
             threeSpace(x + 12, bedLengthOuter) + bedXOffset,
             threeSpace(y + 55, bedWidthOuter) + bedYOffset,
-            zZero + zDir * z + 490,
+            zZero - zDir * z + 490,
           ]
           : [
             threeSpace(x + 2, bedLengthOuter) + bedXOffset,
@@ -725,7 +644,7 @@ export const Bot = (props: FarmbotModelProps) => {
       position={[
         threeSpace(x + 23, bedLengthOuter) + bedXOffset,
         threeSpace(y + 25 + extrusionWidth / 2, bedWidthOuter) + bedYOffset,
-        zZero + zDir * z - 140 + zGantryOffset,
+        zZero - zDir * z - 140 + zGantryOffset,
       ]}>
       <Mesh name={"cameraMount"}
         rotation={[0, 0, 0]}
@@ -753,7 +672,7 @@ export const Bot = (props: FarmbotModelProps) => {
         position={[
           threeSpace(x + 11, bedLengthOuter) + bedXOffset,
           threeSpace(y, bedWidthOuter) + bedYOffset,
-          zZero + zDir * z + utmHeight / 2 - 18,
+          zZero - zDir * z + utmHeight / 2 - 18,
         ]}
         rotation={[0, 0, Math.PI / 2]}
         scale={1000}>
@@ -764,14 +683,6 @@ export const Bot = (props: FarmbotModelProps) => {
           rotation={[0, 0, 2.094]} />
       </Group>
     </Trail>
-    <RotaryToolComponent name={"rotaryTool"} visible={tool == "rotaryTool"}
-      position={[
-        threeSpace(x + 11, bedLengthOuter) + bedXOffset,
-        threeSpace(y, bedWidthOuter) + bedYOffset,
-        zZero + zDir * z + utmHeight / 2 - 15,
-      ]}
-      rotation={[0, 0, Math.PI / 2]}
-      scale={1000} />
     <Cylinder
       visible={laser}
       material-color={"red"}
@@ -779,7 +690,7 @@ export const Bot = (props: FarmbotModelProps) => {
       position={[
         threeSpace(x, bedLengthOuter) + bedXOffset,
         threeSpace(y, bedWidthOuter) + bedYOffset,
-        zZero + zDir * z - distanceToSoil / 2,
+        zZero - zDir * z - distanceToSoil / 2,
       ]}
       rotation={[Math.PI / 2, 0, 0]} />
     <Extrude name={"gantry-beam"}
@@ -790,7 +701,7 @@ export const Bot = (props: FarmbotModelProps) => {
       ]}
       position={[
         threeSpace(x - extrusionWidth - 8, bedLengthOuter) + bedXOffset,
-        threeSpace((bedWidthOuter + beamLength) / 2, bedWidthOuter),
+        threeSpace((bedWidthOuter + beamLength) / 2, bedWidthOuter) - 50,
         columnLength + 40,
       ]}
       rotation={[Math.PI / 2, 0, 0]}>
@@ -859,7 +770,7 @@ export const Bot = (props: FarmbotModelProps) => {
         columnLength + 150,
       ]}
       rotation={[-Math.PI / 2, -Math.PI / 2, 0]}>
-      <MeshPhongMaterial color={"black"} />
+      <MeshPhongMaterial color={distinguishableBlack} />
     </Extrude>
     <Mesh name={"yStopMin"}
       position={[
@@ -883,7 +794,7 @@ export const Bot = (props: FarmbotModelProps) => {
         columnLength + 100,
       ]}
       rotation={[0, -Math.PI / 2, 0]}>
-      <MeshPhongMaterial color={"black"} />
+      <MeshPhongMaterial color={distinguishableBlack} />
     </Extrude>
     <Mesh name={"yStopMax"}
       position={[
@@ -906,257 +817,13 @@ export const Bot = (props: FarmbotModelProps) => {
       scale={1000}
       geometry={solenoid.nodes[PartName.solenoid].geometry}
       material={solenoid.materials.PaletteMaterial001} />
-    <Group name={"electronics-box"}
-      position={new THREE.Vector3(
-        threeSpace(x - 62, bedLengthOuter) + bedXOffset,
-        threeSpace(-20, bedWidthOuter),
-        columnLength - 190,
-      )}>
-      <Group name={"box"}
-        rotation={[0, 0, Math.PI / 2]}>
-        <Mesh name={"electronicsBox"}
-          geometry={box.nodes.Electronics_Box.geometry}
-          material={box.materials[ElectronicsBoxMaterial.box]}
-          scale={1000}
-          material-color={0xffffff}
-          material-emissive={0x999999} />
-        <Mesh name={"electronicsBoxGasket"}
-          geometry={box.nodes.Electronics_Box_Gasket.geometry}
-          material={box.materials[ElectronicsBoxMaterial.gasket]}
-          scale={1000} />
-        <Mesh name={"electronicsBoxLid"}
-          geometry={box.nodes.Electronics_Box_Lid.geometry}
-          material={box.materials[ElectronicsBoxMaterial.lid]}
-          scale={1000} />
-        <Group name={"buttons"}
-          position={[0, 0, 130]}>
-          {(
-            config.kitVersion == "v1.7"
-              ? [
-                { position: -60, color: IColor.estop.on },
-                { position: -30, color: IColor.unlock.on },
-                { position: 0, color: IColor.blank.on },
-                { position: 30, color: IColor.blank.on },
-                { position: 60, color: IColor.blank.on },
-              ]
-              : [
-                { position: -30, color: IColor.estop.on },
-                { position: 0, color: IColor.unlock.on },
-                { position: 30, color: IColor.blank.on },
-              ]
-          ).map(button => {
-            const { position, color } = button;
-            const btnPosition = position;
-            return <Group key={btnPosition} name={"button-group"}>
-              <Mesh name={"button-housing"}
-                geometry={btn.nodes["Push_Button_-_Red"].geometry}
-                material={btn.materials[ElectronicsBoxMaterial.button]}
-                position={[-30, btnPosition, 0]}
-                scale={1000}
-                material-color={0xcccccc} />
-              <Cylinder
-                name={"button-color"}
-                material-color={color}
-                args={[9, 0, 3.5]}
-                position={[-30, btnPosition, 0]}
-                rotation={[Math.PI / 2, 0, 0]} />
-              <Cylinder name={"button-center"}
-                material-color={0xcccccc}
-                args={[6.75, 0, 4]}
-                position={[-30, btnPosition, 0]}
-                rotation={[Math.PI / 2, 0, 0]} />
-            </Group>;
-          })}
-        </Group>
-        <Group name={"leds"}
-          position={[0, 0, 130]}
-          visible={config.kitVersion == "v1.7"}>
-          {[
-            { position: -45, color: IColor.sync.on },
-            { position: -15, color: IColor.connect.on },
-            { position: 15, color: IColor.blank.on },
-            { position: 45, color: IColor.blank.on },
-          ].map(ledIndicator => {
-            const { position, color } = ledIndicator;
-            return <Group key={position}>
-              <Mesh name={"led-housing"}
-                geometry={led.nodes.LED.geometry}
-                material={led.materials[ElectronicsBoxMaterial.led]}
-                position={[-50, position, 0]}
-                material-color={0xcccccc}
-                scale={1000} />
-              <Cylinder name={"led-color"}
-                material-color={color}
-                args={[6.75, 6.75, 3]}
-                position={[-50, position, 0]}
-                rotation={[Math.PI / 2, 0, 0]} />
-            </Group>;
-          })}
-        </Group>
-      </Group>
-      <Mesh name={"farmduino"}
-        position={[-60, -10, -110]}
-        rotation={[Math.PI / 2, 0, 0]}
-        scale={1000}
-        geometry={farmduino.nodes[PartName.farmduino].geometry}
-        material={farmduino.materials.PaletteMaterial001} />
-      <Mesh name={"pi"}
-        position={[-15, -10, 40]}
-        rotation={[Math.PI / 2, 0, Math.PI]}
-        scale={1000}
-        geometry={pi.nodes[PartName.pi].geometry}
-        material={pi.materials.PaletteMaterial001} />
-    </Group>
-    <Group
-      position={[
-        threeSpace(x - 32, bedLengthOuter) + bedXOffset,
-        threeSpace(2, bedWidthOuter),
-        100,
-      ]}
-      rotation={[0, 0, Math.PI / 2]}>
-      <SeedTroughAssemblyComponent name={"seedTroughAssembly"}
-        position={[3, -15, 30]}
-        scale={1000} />
-      <SeedTroughHolderComponent name={"seedTroughHolder"}
-        scale={1000} />
-    </Group>
-    <Group name={"toolbay3"}>
-      {(isJr ? [0] : [-200, 200]).map(yPosition =>
-        <Group key={yPosition}>
-          {[
-            { node: PartName.toolbay3, color: "black", id: "toolbay3" },
-            { node: PartName.toolbay3Logo, color: "white", id: "toolbay3Logo" },
-          ].map(part =>
-            <Mesh name={part.id} key={part.id}
-              position={[
-                threeSpace(105 + bedWallThickness, bedLengthOuter),
-                threeSpace(yPosition + bedWidthOuter / 2, bedWidthOuter),
-                60,
-              ]}
-              rotation={[0, 0, -Math.PI / 2]}
-              scale={1000}
-              geometry={
-                toolbay3.nodes[part.node as keyof Toolbay3["nodes"]].geometry}>
-              <MeshPhongMaterial color={part.color} />
-            </Mesh>)}
-        </Group>)}
-    </Group>
-    <RotaryToolComponent name={"rotaryTool"} visible={tool != "rotaryTool"}
-      position={[
-        threeSpace(105 + bedWallThickness, bedLengthOuter),
-        threeSpace((isJr ? 0 : 100) + bedWidthOuter / 2, bedWidthOuter),
-        70,
-      ]}
-      rotation={[0, 0, Math.PI / 2]}
-      scale={1000} />
-    <Mesh name={"wateringNozzle"}
-      position={[
-        threeSpace(11 + 105 + bedWallThickness, bedLengthOuter),
-        threeSpace(10 + (isJr ? 100 : 200) + bedWidthOuter / 2, bedWidthOuter),
-        5 + 70,
-      ]}
-      rotation={[0, 0, 2.094 + Math.PI / 2]}
-      scale={1000}
-      geometry={wateringNozzle.nodes[PartName.wateringNozzle].geometry}
-      material={wateringNozzle.materials.PaletteMaterial001} />
-    <Mesh name={"seedBin"}
-      position={[
-        threeSpace(110 + bedWallThickness, bedLengthOuter),
-        threeSpace((isJr ? 200 : 300) + bedWidthOuter / 2, bedWidthOuter),
-        55,
-      ]}
-      rotation={[0, 0, Math.PI / 2]}
-      scale={1000}
-      geometry={seedBin.nodes[PartName.seedBin].geometry}>
-      <MeshPhongMaterial color={"silver"} />
-    </Mesh>
-    <Mesh name={"seedTray"}
-      position={[
-        threeSpace(110 + bedWallThickness, bedLengthOuter),
-        threeSpace((isJr ? -100 : -200) + bedWidthOuter / 2, bedWidthOuter),
-        55,
-      ]}
-      rotation={[0, 0, Math.PI / 2]}
-      scale={1000}
-      geometry={seedTray.nodes[PartName.seedTray].geometry}>
-      <MeshPhongMaterial color={"silver"} />
-    </Mesh>
-    <SoilSensorComponent name={"soilSensor"}
-      position={[
-        threeSpace(105 + bedWallThickness, bedLengthOuter),
-        threeSpace((isJr ? -200 : -300) + bedWidthOuter / 2, bedWidthOuter),
-        70,
-      ]}
-      rotation={[0, 0, Math.PI / 2]}
-      scale={1000} />
+    <ElectronicsBox config={config} />
+    <Tools
+      config={config}
+      toolSlots={props.toolSlots}
+      mountedToolName={props.mountedToolName} />
     <PowerSupply config={config} />
     <XAxisWaterTube config={config} />
-    <Line name={"bounds"}
-      visible={bounds}
-      color={"white"}
-      points={[
-        [zero.x, zero.y, zero.z],
-        [zero.x, extents.y, zero.z],
-        [extents.x, extents.y, zero.z],
-        [extents.x, zero.y, zero.z],
-        [zero.x, zero.y, zero.z],
-        ...zDip(zero.x, zero.y),
-        ...zDip(zero.x, extents.y),
-        ...zDip(extents.x, extents.y),
-        ...zDip(extents.x, zero.y),
-        [zero.x, zero.y, extents.z],
-      ]} />
-    <Group visible={zDimension}>
-      <DistanceIndicator
-        start={{
-          x: threeSpace(0, bedLengthOuter),
-          y: threeSpace(bedWidthOuter, bedWidthOuter),
-          z: 0,
-        }}
-        end={{
-          x: threeSpace(0, bedLengthOuter),
-          y: threeSpace(bedWidthOuter, bedWidthOuter),
-          z: zZero - z + zAxisLength,
-        }} />
-    </Group>
-    <Group visible={config.distanceIndicator == "beamLength"}>
-      <DistanceIndicator
-        start={{
-          x: threeSpace(x + 100, bedLengthOuter) + bedXOffset,
-          y: threeSpace(bedWidthOuter / 2 - beamLength / 2, bedWidthOuter),
-          z: columnLength + 200,
-        }}
-        end={{
-          x: threeSpace(x + 100, bedLengthOuter) + bedXOffset,
-          y: threeSpace(bedWidthOuter / 2 + beamLength / 2, bedWidthOuter),
-          z: columnLength + 200,
-        }} />
-    </Group>
-    <Group visible={config.distanceIndicator == "columnLength"}>
-      <DistanceIndicator
-        start={{
-          x: threeSpace(x + 100, bedLengthOuter) + bedXOffset,
-          y: threeSpace(bedWidthOuter + 200, bedWidthOuter),
-          z: 30,
-        }}
-        end={{
-          x: threeSpace(x + 100, bedLengthOuter) + bedXOffset,
-          y: threeSpace(bedWidthOuter + 200, bedWidthOuter),
-          z: 30 + columnLength,
-        }} />
-    </Group>
-    <Group visible={config.distanceIndicator == "zAxisLength"}>
-      <DistanceIndicator
-        start={{
-          x: threeSpace(x + 100, bedLengthOuter) + bedXOffset,
-          y: threeSpace(y, bedWidthOuter) + bedYOffset,
-          z: zZero + zDir * z,
-        }}
-        end={{
-          x: threeSpace(x + 100, bedLengthOuter) + bedXOffset,
-          y: threeSpace(y, bedWidthOuter) + bedYOffset,
-          z: zZero + zDir * z + zAxisLength,
-        }} />
-    </Group>
+    <Bounds config={config} />
   </Group>;
 };
diff --git a/frontend/three_d_garden/bot/components/__tests__/bounds_test.tsx b/frontend/three_d_garden/bot/components/__tests__/bounds_test.tsx
new file mode 100644
index 0000000000..c50125f3a5
--- /dev/null
+++ b/frontend/three_d_garden/bot/components/__tests__/bounds_test.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { render } from "@testing-library/react";
+import { INITIAL } from "../../../config";
+import { clone } from "lodash";
+import { Bounds, BoundsProps } from "../bounds";
+
+describe("<Bounds />", () => {
+  const fakeProps = (): BoundsProps => ({
+    config: clone(INITIAL),
+  });
+
+  it("renders bounds", () => {
+    const { container } = render(<Bounds {...fakeProps()} />);
+    expect(container).toContainHTML("bounds");
+  });
+});
diff --git a/frontend/three_d_garden/bot/components/__tests__/electronics_box_test.tsx b/frontend/three_d_garden/bot/components/__tests__/electronics_box_test.tsx
new file mode 100644
index 0000000000..130c945f37
--- /dev/null
+++ b/frontend/three_d_garden/bot/components/__tests__/electronics_box_test.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { render } from "@testing-library/react";
+import { INITIAL } from "../../../config";
+import { clone } from "lodash";
+import { ElectronicsBox, ElectronicsBoxProps } from "../electronics_box";
+
+describe("<ElectronicsBox />", () => {
+  const fakeProps = (): ElectronicsBoxProps => ({
+    config: clone(INITIAL),
+  });
+
+  it("renders box", () => {
+    const { container } = render(<ElectronicsBox {...fakeProps()} />);
+    expect(container).toContainHTML("electronics-box");
+  });
+});
diff --git a/frontend/three_d_garden/bot/components/__tests__/tools_test.tsx b/frontend/three_d_garden/bot/components/__tests__/tools_test.tsx
new file mode 100644
index 0000000000..21dbf78f05
--- /dev/null
+++ b/frontend/three_d_garden/bot/components/__tests__/tools_test.tsx
@@ -0,0 +1,100 @@
+import * as THREE from "three";
+
+jest.mock("react", () => {
+  const originReact = jest.requireActual("react");
+  const mockRef = jest.fn(() => ({
+    current: {
+      traverse: (cb: (m: {}) => void) => {
+        const mesh = {
+          material: {
+            clone: () => ({
+              transparent: false,
+              opacity: 1,
+              needsUpdate: false,
+            }),
+          }
+        };
+        Object.setPrototypeOf(mesh, THREE.Mesh.prototype);
+        cb(mesh);
+      },
+    },
+  }));
+  return {
+    ...originReact,
+    useRef: mockRef,
+  };
+});
+
+import React from "react";
+import { render } from "@testing-library/react";
+import { INITIAL } from "../../../config";
+import { clone } from "lodash";
+import { Tools, ToolsProps } from "../tools";
+import {
+  fakeTool, fakeToolSlot,
+} from "../../../../__test_support__/fake_state/resources";
+import { ToolPulloutDirection } from "farmbot/dist/resources/api_resources";
+
+describe("<Tools />", () => {
+  const fakeProps = (): ToolsProps => ({
+    config: clone(INITIAL),
+  });
+
+  it("renders promo tools", () => {
+    const { container } = render(<Tools {...fakeProps()} />);
+    expect(container).toContainHTML("toolbay3");
+  });
+
+  it("renders user tools", () => {
+    const p = fakeProps();
+    const tool0 = fakeTool();
+    tool0.body.id = 1;
+    tool0.body.name = "soil sensor";
+    const tool1 = fakeTool();
+    tool1.body.id = 2;
+    tool1.body.name = undefined;
+    const tool2 = fakeTool();
+    tool2.body.id = 3;
+    tool2.body.name = "weeder";
+    const tool3 = fakeTool();
+    tool3.body.id = 4;
+    tool3.body.name = "seeder";
+    const tool5 = fakeTool();
+    tool5.body.id = 6;
+    tool5.body.name = "seed trough 1";
+    const tool6 = fakeTool();
+    tool6.body.id = 7;
+    tool6.body.name = "seed trough 2";
+    const toolSlot0 = fakeToolSlot();
+    toolSlot0.body.tool_id = tool0.body.id;
+    toolSlot0.body.pullout_direction = ToolPulloutDirection.NONE;
+    const toolSlot1 = fakeToolSlot();
+    toolSlot1.body.tool_id = tool1.body.id;
+    toolSlot1.body.pullout_direction = ToolPulloutDirection.POSITIVE_X;
+    const toolSlot2 = fakeToolSlot();
+    toolSlot2.body.tool_id = tool2.body.id;
+    toolSlot2.body.pullout_direction = ToolPulloutDirection.POSITIVE_Y;
+    const toolSlot3 = fakeToolSlot();
+    toolSlot3.body.tool_id = tool3.body.id;
+    toolSlot3.body.pullout_direction = ToolPulloutDirection.NEGATIVE_X;
+    const toolSlot4 = fakeToolSlot();
+    toolSlot4.body.tool_id = undefined;
+    toolSlot4.body.pullout_direction = ToolPulloutDirection.NEGATIVE_Y;
+    const toolSlot5 = fakeToolSlot();
+    toolSlot5.body.tool_id = tool5.body.id;
+    const toolSlot6 = fakeToolSlot();
+    toolSlot6.body.tool_id = tool6.body.id;
+    p.toolSlots = [
+      { toolSlot: toolSlot0, tool: tool0 },
+      { toolSlot: toolSlot1, tool: tool1 },
+      { toolSlot: toolSlot2, tool: tool2 },
+      { toolSlot: toolSlot3, tool: tool3 },
+      { toolSlot: toolSlot4, tool: undefined },
+      { toolSlot: toolSlot5, tool: tool5 },
+      { toolSlot: toolSlot6, tool: tool6 },
+    ];
+    p.mountedToolName = "weeder";
+    const { container } = render(<Tools {...p} />);
+    expect(container).not.toContainHTML("toolbay3");
+  });
+});
diff --git a/frontend/three_d_garden/bot/components/bounds.tsx b/frontend/three_d_garden/bot/components/bounds.tsx
new file mode 100644
index 0000000000..f8d05ba09f
--- /dev/null
+++ b/frontend/three_d_garden/bot/components/bounds.tsx
@@ -0,0 +1,102 @@
+import React from "react";
+import { Config } from "../../config";
+import { Line } from "@react-three/drei";
+import { Group } from "../../components";
+import {
+  threeSpace,
+  zero as zeroFunc,
+  extents as extentsFunc,
+  zZero as zZeroFunc,
+  zDir as zDirFunc,
+} from "../../helpers";
+import { DistanceIndicator } from "../../elements";
+
+export interface BoundsProps {
+  config: Config;
+}
+
+export const Bounds = (props: BoundsProps) => {
+  const {
+    bedLengthOuter, bedWidthOuter, x, y, z,
+    zAxisLength, columnLength, beamLength, bounds,
+    bedXOffset, bedYOffset,
+  } = props.config;
+  const zZero = zZeroFunc(props.config);
+  const zDir = zDirFunc(props.config);
+  const zero = zeroFunc(props.config);
+  const extents = extentsFunc(props.config);
+  const zDip = (x: number, y: number): [number, number, number][] => [
+    [x, y, extents.z],
+    [x, y, zero.z],
+    [x, y, extents.z],
+  ];
+  return <Group name={"bounds-and-distances"}>
+    <Line name={"bounds"}
+      visible={bounds}
+      color={"white"}
+      points={[
+        [zero.x, zero.y, zero.z],
+        [zero.x, extents.y, zero.z],
+        [extents.x, extents.y, zero.z],
+        [extents.x, zero.y, zero.z],
+        [zero.x, zero.y, zero.z],
+        ...zDip(zero.x, zero.y),
+        ...zDip(zero.x, extents.y),
+        ...zDip(extents.x, extents.y),
+        ...zDip(extents.x, zero.y),
+        [zero.x, zero.y, extents.z],
+      ]} />
+    <Group visible={props.config.zDimension}>
+      <DistanceIndicator
+        start={{
+          x: threeSpace(0, bedLengthOuter),
+          y: threeSpace(bedWidthOuter, bedWidthOuter),
+          z: 0,
+        }}
+        end={{
+          x: threeSpace(0, bedLengthOuter),
+          y: threeSpace(bedWidthOuter, bedWidthOuter),
+          z: zZero - z + zAxisLength,
+        }} />
+    </Group>
+    <Group visible={props.config.distanceIndicator == "beamLength"}>
+      <DistanceIndicator
+        start={{
+          x: threeSpace(x + 100, bedLengthOuter) + bedXOffset,
+          y: threeSpace(bedWidthOuter / 2 - beamLength / 2, bedWidthOuter),
+          z: columnLength + 200,
+        }}
+        end={{
+          x: threeSpace(x + 100, bedLengthOuter) + bedXOffset,
+          y: threeSpace(bedWidthOuter / 2 + beamLength / 2, bedWidthOuter),
+          z: columnLength + 200,
+        }} />
+    </Group>
+    <Group visible={props.config.distanceIndicator == "columnLength"}>
+      <DistanceIndicator
+        start={{
+          x: threeSpace(x + 100, bedLengthOuter) + bedXOffset,
+          y: threeSpace(bedWidthOuter + 200, bedWidthOuter),
+          z: 30,
+        }}
+        end={{
+          x: threeSpace(x + 100, bedLengthOuter) + bedXOffset,
+          y: threeSpace(bedWidthOuter + 200, bedWidthOuter),
+          z: 30 + columnLength,
+        }} />
+    </Group>
+    <Group visible={props.config.distanceIndicator == "zAxisLength"}>
+      <DistanceIndicator
+        start={{
+          x: threeSpace(x + 100, bedLengthOuter) + bedXOffset,
+          y: threeSpace(y, bedWidthOuter) + bedYOffset,
+          z: zZero - zDir * z,
+        }}
+        end={{
+          x: threeSpace(x + 100, bedLengthOuter) + bedXOffset,
+          y: threeSpace(y, bedWidthOuter) + bedYOffset,
+          z: zZero - zDir * z + zAxisLength,
+        }} />
+    </Group>
+  </Group>;
+};
diff --git a/frontend/three_d_garden/bot/components/electronics_box.tsx b/frontend/three_d_garden/bot/components/electronics_box.tsx
new file mode 100644
index 0000000000..4bfeabc91b
--- /dev/null
+++ b/frontend/three_d_garden/bot/components/electronics_box.tsx
@@ -0,0 +1,162 @@
+import React from "react";
+import * as THREE from "three";
+import { Cylinder, useGLTF } from "@react-three/drei";
+import { threeSpace } from "../../helpers";
+import { Config } from "../../config";
+import { GLTF } from "three-stdlib";
+import { ASSETS, ElectronicsBoxMaterial, LIB_DIR, PartName } from "../../constants";
+import { Group, Mesh } from "../../components";
+import { IColor } from "../../../settings/pin_bindings/model";
+
+type Box = GLTF & {
+  nodes: {
+    Electronics_Box: THREE.Mesh;
+    Electronics_Box_Gasket: THREE.Mesh;
+    Electronics_Box_Lid: THREE.Mesh;
+  };
+  materials: {
+    [ElectronicsBoxMaterial.box]: THREE.MeshStandardMaterial;
+    [ElectronicsBoxMaterial.gasket]: THREE.MeshStandardMaterial;
+    [ElectronicsBoxMaterial.lid]: THREE.MeshStandardMaterial;
+  };
+}
+type Btn = GLTF & {
+  nodes: {
+    ["Push_Button_-_Red"]: THREE.Mesh;
+  };
+  materials: {
+    [ElectronicsBoxMaterial.button]: THREE.MeshStandardMaterial;
+  };
+}
+type Led = GLTF & {
+  nodes: {
+    LED: THREE.Mesh;
+  };
+  materials: {
+    [ElectronicsBoxMaterial.led]: THREE.MeshStandardMaterial;
+  };
+}
+type Pi = GLTF & {
+  nodes: { [PartName.pi]: THREE.Mesh };
+  materials: { PaletteMaterial001: THREE.MeshStandardMaterial };
+}
+type Farmduino = GLTF & {
+  nodes: { [PartName.farmduino]: THREE.Mesh };
+  materials: { PaletteMaterial001: THREE.MeshStandardMaterial };
+}
+
+export interface ElectronicsBoxProps {
+  config: Config;
+}
+
+export const ElectronicsBox = (props: ElectronicsBoxProps) => {
+  const { x, bedXOffset, bedLengthOuter, bedWidthOuter, columnLength } = props.config;
+
+  const box = useGLTF(ASSETS.models.box, LIB_DIR) as Box;
+  const btn = useGLTF(ASSETS.models.btn, LIB_DIR) as Btn;
+  const led = useGLTF(ASSETS.models.led, LIB_DIR) as Led;
+  const pi = useGLTF(ASSETS.models.pi, LIB_DIR) as Pi;
+  const farmduino = useGLTF(ASSETS.models.farmduino, LIB_DIR) as Farmduino;
+
+  return <Group name={"electronics-box"}
+    position={new THREE.Vector3(
+      threeSpace(x - 62, bedLengthOuter) + bedXOffset,
+      threeSpace(-20, bedWidthOuter),
+      columnLength - 190,
+    )}>
+    <Group name={"box"}
+      rotation={[0, 0, Math.PI / 2]}>
+      <Mesh name={"electronicsBox"}
+        geometry={box.nodes.Electronics_Box.geometry}
+        material={box.materials[ElectronicsBoxMaterial.box]}
+        scale={1000}
+        material-color={0xffffff}
+        material-emissive={0x999999} />
+      <Mesh name={"electronicsBoxGasket"}
+        geometry={box.nodes.Electronics_Box_Gasket.geometry}
+        material={box.materials[ElectronicsBoxMaterial.gasket]}
+        scale={1000} />
+      <Mesh name={"electronicsBoxLid"}
+        geometry={box.nodes.Electronics_Box_Lid.geometry}
+        material={box.materials[ElectronicsBoxMaterial.lid]}
+        scale={1000} />
+      <Group name={"buttons"}
+        position={[0, 0, 130]}>
+        {(
+          props.config.kitVersion == "v1.7"
+            ? [
+              { position: -60, color: IColor.estop.on },
+              { position: -30, color: IColor.unlock.on },
+              { position: 0, color: IColor.blank.on },
+              { position: 30, color: IColor.blank.on },
+              { position: 60, color: IColor.blank.on },
+            ]
+            : [
+              { position: -30, color: IColor.estop.on },
+              { position: 0, color: IColor.unlock.on },
+              { position: 30, color: IColor.blank.on },
+            ]
+        ).map(button => {
+          const { position, color } = button;
+          const btnPosition = position;
+          return <Group key={btnPosition} name={"button-group"}>
+            <Mesh name={"button-housing"}
+              geometry={btn.nodes["Push_Button_-_Red"].geometry}
+              material={btn.materials[ElectronicsBoxMaterial.button]}
+              position={[-30, btnPosition, 0]}
+              scale={1000}
+              material-color={0xcccccc} />
+            <Cylinder
+              name={"button-color"}
+              material-color={color}
+              args={[9, 0, 3.5]}
+              position={[-30, btnPosition, 0]}
+              rotation={[Math.PI / 2, 0, 0]} />
+            <Cylinder name={"button-center"}
+              material-color={0xcccccc}
+              args={[6.75, 0, 4]}
+              position={[-30, btnPosition, 0]}
+              rotation={[Math.PI / 2, 0, 0]} />
+          </Group>;
+        })}
+      </Group>
+      <Group name={"leds"}
+        position={[0, 0, 130]}
+        visible={props.config.kitVersion == "v1.7"}>
+        {[
+          { position: -45, color: IColor.sync.on },
+          { position: -15, color: IColor.connect.on },
+          { position: 15, color: IColor.blank.on },
+          { position: 45, color: IColor.blank.on },
+        ].map(ledIndicator => {
+          const { position, color } = ledIndicator;
+          return <Group key={position}>
+            <Mesh name={"led-housing"}
+              geometry={led.nodes.LED.geometry}
+              material={led.materials[ElectronicsBoxMaterial.led]}
+              position={[-50, position, 0]}
+              material-color={0xcccccc}
+              scale={1000} />
+            <Cylinder name={"led-color"}
+              material-color={color}
+              args={[6.75, 6.75, 3]}
+              position={[-50, position, 0]}
+              rotation={[Math.PI / 2, 0, 0]} />
+          </Group>;
+        })}
+      </Group>
+    </Group>
+    <Mesh name={"farmduino"}
+      position={[-60, -10, -110]}
+      rotation={[Math.PI / 2, 0, 0]}
+      scale={1000}
+      geometry={farmduino.nodes[PartName.farmduino].geometry}
+      material={farmduino.materials.PaletteMaterial001} />
+    <Mesh name={"pi"}
+      position={[-15, -10, 40]}
+      rotation={[Math.PI / 2, 0, Math.PI]}
+      scale={1000}
+      geometry={pi.nodes[PartName.pi].geometry}
+      material={pi.materials.PaletteMaterial001} />
+  </Group>;
+};
diff --git a/frontend/three_d_garden/bot/components/tools.tsx b/frontend/three_d_garden/bot/components/tools.tsx
new file mode 100644
index 0000000000..a0013430f5
--- /dev/null
+++ b/frontend/three_d_garden/bot/components/tools.tsx
@@ -0,0 +1,426 @@
+import React from "react";
+import * as THREE from "three";
+import { useGLTF } from "@react-three/drei";
+import { threeSpace, zDir as zDirFunc, zZero as zZeroFunc } from "../../helpers";
+import { Config } from "../../config";
+import { GLTF } from "three-stdlib";
+import {
+  ASSETS, LIB_DIR, PartName, SeedTroughAssemblyMaterial,
+} from "../../constants";
+import {
+  RotaryTool, RotaryToolFull,
+  SoilSensor, SoilSensorFull,
+  SeedTroughAssembly, SeedTroughAssemblyFull,
+  SeedTroughHolder, SeedTroughHolderFull,
+} from "../parts";
+import { Group, Mesh, MeshPhongMaterial } from "../../components";
+import { distinguishableBlack, utmHeight } from "../bot";
+import { SlotWithTool } from "../../../resources/interfaces";
+import { isUndefined, sortBy } from "lodash";
+import {
+  reduceToolName, ToolName,
+} from "../../../farm_designer/map/tool_graphics/all_tools";
+import { Xyz } from "farmbot";
+import { ToolPulloutDirection } from "farmbot/dist/resources/api_resources";
+
+type Toolbay3 = GLTF & {
+  nodes: {
+    [PartName.toolbay3]: THREE.Mesh;
+    [PartName.toolbay3Logo]: THREE.Mesh;
+  };
+  materials: never;
+}
+type Toolbay1 = GLTF & {
+  nodes: {
+    [PartName.toolbay1]: THREE.Mesh;
+    [PartName.toolbay1Logo]: THREE.Mesh;
+  };
+  materials: never;
+}
+type WateringNozzle = GLTF & {
+  nodes: { [PartName.wateringNozzle]: THREE.Mesh };
+  materials: { PaletteMaterial001: THREE.MeshStandardMaterial };
+}
+type SeedBin = GLTF & {
+  nodes: { [PartName.seedBin]: THREE.Mesh };
+  materials: never;
+}
+type SeedTray = GLTF & {
+  nodes: { [PartName.seedTray]: THREE.Mesh };
+  materials: never;
+}
+type SeedTrough = GLTF & {
+  nodes: { [PartName.seedTrough]: THREE.Mesh };
+  materials: { [SeedTroughAssemblyMaterial.two]: THREE.MeshStandardMaterial };
+}
+type Seeder = GLTF & {
+  nodes: { [PartName.seeder]: THREE.Mesh };
+  materials: { PaletteMaterial001: THREE.MeshStandardMaterial };
+}
+type Weeder = GLTF & {
+  nodes: { [PartName.weeder]: THREE.Mesh };
+  materials: { PaletteMaterial001: THREE.MeshStandardMaterial };
+}
+
+export interface ToolsProps {
+  config: Config;
+  toolSlots?: SlotWithTool[];
+  mountedToolName?: string | undefined;
+}
+
+interface ConvertedTools {
+  x: number;
+  y: number;
+  z: number;
+  toolName: string | undefined;
+  toolPulloutDirection: ToolPulloutDirection;
+  firstTrough?: boolean;
+}
+
+export const convertSlotsWithTools =
+  (slotsWithTools: SlotWithTool[]): ConvertedTools[] => {
+    let troughIndex = 0;
+    return sortBy(slotsWithTools, "toolSlot.body.y").map(swt => {
+      const toolName = reduceToolName(swt.tool?.body.name);
+      if (toolName == ToolName.seedTrough) { troughIndex++; }
+      return {
+        x: swt.toolSlot.body.x,
+        y: swt.toolSlot.body.y,
+        z: swt.toolSlot.body.z,
+        toolName,
+        toolPulloutDirection: swt.toolSlot.body.pullout_direction,
+        firstTrough: troughIndex < 2,
+      };
+    });
+  };
+
+export const Tools = (props: ToolsProps) => {
+  const {
+    bedXOffset, bedYOffset, bedLengthOuter, bedWidthOuter, bedWallThickness,
+  } = props.config;
+  const botPosition = {
+    x: props.config.x,
+    y: props.config.y,
+    z: props.config.z,
+  };
+  const mountedToolName = isUndefined(props.toolSlots)
+    ? props.config.tool
+    : reduceToolName(props.mountedToolName);
+  const zZero = zZeroFunc(props.config);
+  const zDir = zDirFunc(props.config);
+
+  const toolbay3 = useGLTF(ASSETS.models.toolbay3, LIB_DIR) as Toolbay3;
+  const toolbay1 = useGLTF(ASSETS.models.toolbay1, LIB_DIR) as Toolbay1;
+  const rotaryTool = useGLTF(ASSETS.models.rotaryTool, LIB_DIR) as RotaryToolFull;
+  const RotaryToolComponent = RotaryTool(rotaryTool);
+  const seedBin = useGLTF(ASSETS.models.seedBin, LIB_DIR) as SeedBin;
+  const seedTray = useGLTF(ASSETS.models.seedTray, LIB_DIR) as SeedTray;
+  const seedTrough = useGLTF(ASSETS.models.seedTrough, LIB_DIR) as SeedTrough;
+  const seedTroughHolder = useGLTF(
+    ASSETS.models.seedTroughHolder, LIB_DIR) as SeedTroughHolderFull;
+  const SeedTroughHolderComponent = SeedTroughHolder(seedTroughHolder);
+  const seedTroughAssembly = useGLTF(
+    ASSETS.models.seedTroughAssembly, LIB_DIR) as SeedTroughAssemblyFull;
+  const SeedTroughAssemblyComponent = SeedTroughAssembly(seedTroughAssembly);
+  const soilSensor = useGLTF(ASSETS.models.soilSensor, LIB_DIR) as SoilSensorFull;
+  const seeder = useGLTF(ASSETS.models.seeder, LIB_DIR) as Seeder;
+  const weeder = useGLTF(ASSETS.models.weeder, LIB_DIR) as Weeder;
+  const SoilSensorComponent = SoilSensor(soilSensor);
+  const wateringNozzle = useGLTF(
+    ASSETS.models.wateringNozzle, LIB_DIR) as WateringNozzle;
+
+  const rotationFactor = (toolPulloutDirection: ToolPulloutDirection) => {
+    switch (toolPulloutDirection) {
+      case ToolPulloutDirection.POSITIVE_X: return 3;
+      case ToolPulloutDirection.POSITIVE_Y: return 4;
+      case ToolPulloutDirection.NEGATIVE_X: return 1;
+      case ToolPulloutDirection.NEGATIVE_Y: return 2;
+    }
+  };
+
+  interface ToolbaySlotProps {
+    position: Record<Xyz, number>;
+    children?: React.ReactNode;
+    toolPulloutDirection: ToolPulloutDirection;
+    mounted: boolean;
+  }
+
+  const ToolbaySlot = (slotProps: ToolbaySlotProps) => {
+    const { position, children, toolPulloutDirection, mounted } = slotProps;
+    const rotationMultiplier = rotationFactor(toolPulloutDirection);
+    return <Group name={"slot"}
+      position={[
+        position.x,
+        position.y,
+        position.z,
+      ]}>
+      {rotationMultiplier &&
+        <Group name={"bay"}
+          rotation={[0, 0, rotationMultiplier * Math.PI / 2]}>
+          <Mesh name={"toolbay1"}
+            scale={1000}
+            geometry={toolbay1.nodes[PartName.toolbay1].geometry}>
+            <MeshPhongMaterial color={distinguishableBlack} />
+          </Mesh>
+          <Mesh name={"toolbay1-logo"}
+            scale={1000}
+            geometry={toolbay1.nodes[PartName.toolbay1Logo].geometry}>
+            <MeshPhongMaterial color={distinguishableBlack} />
+          </Mesh>
+        </Group>}
+      <OpacityFilter opacity={mounted ? 0.25 : 1}>
+        {children}
+      </OpacityFilter>
+    </Group>;
+  };
+
+  interface ToolProps extends ConvertedTools {
+    inToolbay: boolean;
+  }
+
+  const Tool = (toolProps: ToolProps) => {
+    const { toolPulloutDirection } = toolProps;
+    const mounted = toolProps.inToolbay && toolProps.toolName == mountedToolName;
+    const position = {
+      x: threeSpace(toolProps.x, bedLengthOuter) + bedXOffset,
+      y: threeSpace(toolProps.y, bedWidthOuter) + bedYOffset,
+      z: zZero - zDir * toolProps.z + (toolProps.inToolbay ? 0 : (utmHeight / 2 - 15)),
+    };
+    const common = { mounted, position, toolPulloutDirection };
+    switch (toolProps.toolName) {
+      case ToolName.rotaryTool:
+        return <ToolbaySlot {...common}>
+          <RotaryToolComponent name={"rotaryTool"}
+            position={[
+              0,
+              0,
+              10,
+            ]}
+            rotation={[0, 0, Math.PI / 2]}
+            scale={1000} />
+        </ToolbaySlot>;
+      case ToolName.wateringNozzle:
+        return <ToolbaySlot {...common}>
+          <Mesh name={"wateringNozzle"}
+            position={[
+              5,
+              10,
+              16,
+            ]}
+            rotation={[0, 0, 2.094 + Math.PI / 2]}
+            scale={1000}
+            geometry={wateringNozzle.nodes[PartName.wateringNozzle].geometry}
+            material={wateringNozzle.materials.PaletteMaterial001} />
+        </ToolbaySlot>;
+      case ToolName.seedBin:
+        return <ToolbaySlot {...common}>
+          <Mesh name={"seedBin"}
+            position={[
+              0,
+              0,
+              -4,
+            ]}
+            rotation={[0, 0, Math.PI / 2]}
+            scale={1000}
+            geometry={seedBin.nodes[PartName.seedBin].geometry}>
+            <MeshPhongMaterial color={"silver"} />
+          </Mesh>
+        </ToolbaySlot>;
+      case ToolName.seedTray:
+        return <ToolbaySlot {...common}>
+          <Mesh name={"seedTray"}
+            position={[
+              0,
+              0,
+              -4,
+            ]}
+            rotation={[0, 0, Math.PI / 2]}
+            scale={1000}
+            geometry={seedTray.nodes[PartName.seedTray].geometry}>
+            <MeshPhongMaterial color={"silver"} />
+          </Mesh>
+        </ToolbaySlot>;
+      case ToolName.soilSensor:
+        return <ToolbaySlot {...common}>
+          <SoilSensorComponent name={"soilSensor"}
+            position={[
+              0,
+              0,
+              10,
+            ]}
+            rotation={[0, 0, Math.PI / 2]}
+            scale={1000} />
+        </ToolbaySlot>;
+      case ToolName.seeder:
+        return <ToolbaySlot {...common}>
+          <Mesh name={"seeder"}
+            position={[
+              0,
+              0,
+              -5,
+            ]}
+            rotation={[0, 0, Math.PI / 2]}
+            scale={1000}
+            geometry={seeder.nodes[PartName.seeder].geometry}
+            material={seeder.materials.PaletteMaterial001} />
+        </ToolbaySlot>;
+      case ToolName.weeder:
+        return <ToolbaySlot {...common}>
+          <Mesh name={"weeder"}
+            position={[
+              -25,
+              20,
+              10,
+            ]}
+            rotation={[0, 0, -Math.PI]}
+            scale={1000}
+            geometry={weeder.nodes[PartName.weeder].geometry}
+            material={weeder.materials.PaletteMaterial001} />
+        </ToolbaySlot>;
+      case ToolName.seedTrough:
+        return <Group
+          position={[
+            position.x - 30,
+            position.y - 15,
+            position.z,
+          ]}
+          rotation={[0, 0, Math.PI / 2]}>
+          {toolProps.firstTrough
+            ? <Group name={"seedTroughWithAssembly"}>
+              <SeedTroughAssemblyComponent name={"seedTroughAssembly"}
+                position={[3, -15, 30]}
+                scale={1000} />
+              <SeedTroughHolderComponent name={"seedTroughHolder"}
+                scale={1000} />
+            </Group>
+            : <Mesh name={"seedTrough"}
+              position={[
+                15,
+                -15,
+                30,
+              ]}
+              scale={1000}
+              geometry={seedTrough.nodes[PartName.seedTrough].geometry}
+              material={seedTrough.materials[SeedTroughAssemblyMaterial.two]} />}
+        </Group>;
+      default:
+        return <ToolbaySlot {...common} />;
+    }
+  };
+
+  const isJr = props.config.sizePreset == "Jr";
+
+  const promoToolOffset = {
+    x: 110 + bedWallThickness - bedXOffset,
+    y: bedWidthOuter / 2 - bedYOffset,
+    z: zZero - 60,
+  };
+
+  const PROMO_TOOLS: ConvertedTools[] = [
+    {
+      x: promoToolOffset.x,
+      y: (isJr ? 0 : 100) + promoToolOffset.y,
+      z: promoToolOffset.z,
+      toolName: ToolName.rotaryTool,
+      toolPulloutDirection: ToolPulloutDirection.NONE,
+    },
+    {
+      x: promoToolOffset.x,
+      y: (isJr ? 200 : 300) + promoToolOffset.y,
+      z: promoToolOffset.z,
+      toolName: ToolName.seedBin,
+      toolPulloutDirection: ToolPulloutDirection.NONE,
+    },
+    {
+      x: promoToolOffset.x,
+      y: (isJr ? -100 : -200) + promoToolOffset.y,
+      z: promoToolOffset.z,
+      toolName: ToolName.seedTray,
+      toolPulloutDirection: ToolPulloutDirection.NONE,
+    },
+    {
+      x: promoToolOffset.x,
+      y: (isJr ? -200 : -300) + promoToolOffset.y,
+      z: promoToolOffset.z,
+      toolName: ToolName.soilSensor,
+      toolPulloutDirection: ToolPulloutDirection.NONE,
+    },
+    {
+      x: promoToolOffset.x,
+      y: (isJr ? 100 : 200) + promoToolOffset.y,
+      z: promoToolOffset.z,
+      toolName: ToolName.wateringNozzle,
+      toolPulloutDirection: ToolPulloutDirection.NONE,
+    },
+    {
+      x: botPosition.x - bedXOffset + 140,
+      y: -bedYOffset + 15,
+      z: zZero - 100,
+      toolName: ToolName.seedTrough,
+      toolPulloutDirection: ToolPulloutDirection.NONE,
+      firstTrough: true,
+    },
+  ];
+
+  const tools = isUndefined(props.toolSlots)
+    ? PROMO_TOOLS
+    : convertSlotsWithTools(props.toolSlots);
+
+  return <Group name={"tools"}>
+    <Tool
+      x={botPosition.x + (isUndefined(props.toolSlots) ? 10 : 12)}
+      y={botPosition.y}
+      z={botPosition.z + (isUndefined(props.toolSlots) ? 10 : -12)}
+      toolName={mountedToolName}
+      toolPulloutDirection={ToolPulloutDirection.NONE}
+      inToolbay={false} />
+    {isUndefined(props.toolSlots) && <Group name={"toolbay3"}>
+      {(isJr ? [0] : [-200, 200]).map(yPosition =>
+        <Group key={yPosition}>
+          {[
+            { node: PartName.toolbay3, color: distinguishableBlack, id: "toolbay3" },
+            { node: PartName.toolbay3Logo, color: "white", id: "toolbay3Logo" },
+          ].map(part =>
+            <Mesh name={part.id} key={part.id}
+              position={[
+                threeSpace(105 + bedWallThickness, bedLengthOuter),
+                threeSpace(yPosition + bedWidthOuter / 2, bedWidthOuter),
+                60,
+              ]}
+              rotation={[0, 0, -Math.PI / 2]}
+              scale={1000}
+              geometry={
+                toolbay3.nodes[part.node as keyof Toolbay3["nodes"]].geometry}>
+              <MeshPhongMaterial color={part.color} />
+            </Mesh>)}
+        </Group>)}
+    </Group>}
+    {tools.map((tool, i) =>
+      <Tool key={i}
+        {...tool}
+        inToolbay={true} />)}
+  </Group>;
+};
+
+interface OpacityFilterProps {
+  opacity: number;
+  children?: React.ReactNode;
+}
+
+const OpacityFilter = (props: OpacityFilterProps) => {
+  // eslint-disable-next-line no-null/no-null
+  const groupRef = React.useRef<THREE.Group>(null);
+  React.useLayoutEffect(() => {
+    if (groupRef.current) {
+      groupRef.current.traverse(child => {
+        if (child instanceof THREE.Mesh) {
+          child.material = child.material.clone();
+          child.material.transparent = true;
+          child.material.opacity = props.opacity;
+          child.material.needsUpdate = true;
+        }
+      });
+    }
+  }, [props.opacity]);
+  return <Group ref={groupRef}>{props.children}</Group>;
+};
diff --git a/frontend/three_d_garden/bot/index.ts b/frontend/three_d_garden/bot/index.ts
new file mode 100644
index 0000000000..7877d4480a
--- /dev/null
+++ b/frontend/three_d_garden/bot/index.ts
@@ -0,0 +1,3 @@
+export * from "./bot";
+export * from "./power_supply";
+export * from "./x_axis_water_tube";
diff --git a/frontend/three_d_garden/parts/__tests__/cross_slide_test.tsx b/frontend/three_d_garden/bot/parts/__tests__/cross_slide_test.tsx
similarity index 91%
rename from frontend/three_d_garden/parts/__tests__/cross_slide_test.tsx
rename to frontend/three_d_garden/bot/parts/__tests__/cross_slide_test.tsx
index f622df95f9..c6785999c2 100644
--- a/frontend/three_d_garden/parts/__tests__/cross_slide_test.tsx
+++ b/frontend/three_d_garden/bot/parts/__tests__/cross_slide_test.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { mount } from "enzyme";
 import { CrossSlideFull, CrossSlide } from "../cross_slide";
 import { useGLTF } from "@react-three/drei";
-import { ASSETS } from "../../constants";
+import { ASSETS } from "../../../constants";
 
 describe("<CrossSlide />", () => {
   it("renders", () => {
diff --git a/frontend/three_d_garden/parts/__tests__/gantry_wheel_plate_test.tsx b/frontend/three_d_garden/bot/parts/__tests__/gantry_wheel_plate_test.tsx
similarity index 92%
rename from frontend/three_d_garden/parts/__tests__/gantry_wheel_plate_test.tsx
rename to frontend/three_d_garden/bot/parts/__tests__/gantry_wheel_plate_test.tsx
index e01cc0c3b9..9a92f5da0f 100644
--- a/frontend/three_d_garden/parts/__tests__/gantry_wheel_plate_test.tsx
+++ b/frontend/three_d_garden/bot/parts/__tests__/gantry_wheel_plate_test.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { mount } from "enzyme";
 import { GantryWheelPlate, GantryWheelPlateFull } from "../gantry_wheel_plate";
 import { useGLTF } from "@react-three/drei";
-import { ASSETS } from "../../constants";
+import { ASSETS } from "../../../constants";
 
 describe("<GantryWheelPlate />", () => {
   it("renders", () => {
diff --git a/frontend/three_d_garden/parts/__tests__/rotary_tool_test.tsx b/frontend/three_d_garden/bot/parts/__tests__/rotary_tool_test.tsx
similarity index 91%
rename from frontend/three_d_garden/parts/__tests__/rotary_tool_test.tsx
rename to frontend/three_d_garden/bot/parts/__tests__/rotary_tool_test.tsx
index 131df56eca..5ddc8d0ec0 100644
--- a/frontend/three_d_garden/parts/__tests__/rotary_tool_test.tsx
+++ b/frontend/three_d_garden/bot/parts/__tests__/rotary_tool_test.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { mount } from "enzyme";
 import { RotaryTool, RotaryToolFull } from "../rotary_tool";
-import { ASSETS } from "../../constants";
+import { ASSETS } from "../../../constants";
 import { useGLTF } from "@react-three/drei";
 
 describe("<RotaryTool />", () => {
diff --git a/frontend/three_d_garden/parts/__tests__/seed_trough_assembly_test.tsx b/frontend/three_d_garden/bot/parts/__tests__/seed_trough_assembly_test.tsx
similarity index 92%
rename from frontend/three_d_garden/parts/__tests__/seed_trough_assembly_test.tsx
rename to frontend/three_d_garden/bot/parts/__tests__/seed_trough_assembly_test.tsx
index ceabbc21b0..c2e463b4c8 100644
--- a/frontend/three_d_garden/parts/__tests__/seed_trough_assembly_test.tsx
+++ b/frontend/three_d_garden/bot/parts/__tests__/seed_trough_assembly_test.tsx
@@ -3,7 +3,7 @@ import { mount } from "enzyme";
 import {
   SeedTroughAssembly, SeedTroughAssemblyFull,
 } from "../seed_trough_assembly";
-import { ASSETS } from "../../constants";
+import { ASSETS } from "../../../constants";
 import { useGLTF } from "@react-three/drei";
 
 describe("<SeedTroughAssembly />", () => {
diff --git a/frontend/three_d_garden/parts/__tests__/seed_trough_holder_test.tsx b/frontend/three_d_garden/bot/parts/__tests__/seed_trough_holder_test.tsx
similarity index 92%
rename from frontend/three_d_garden/parts/__tests__/seed_trough_holder_test.tsx
rename to frontend/three_d_garden/bot/parts/__tests__/seed_trough_holder_test.tsx
index 66ae320472..888d2cde6c 100644
--- a/frontend/three_d_garden/parts/__tests__/seed_trough_holder_test.tsx
+++ b/frontend/three_d_garden/bot/parts/__tests__/seed_trough_holder_test.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { mount } from "enzyme";
 import { SeedTroughHolder, SeedTroughHolderFull } from "../seed_trough_holder";
 import { useGLTF } from "@react-three/drei";
-import { ASSETS } from "../../constants";
+import { ASSETS } from "../../../constants";
 
 describe("<SeedTroughHolder />", () => {
   it("renders", () => {
diff --git a/frontend/three_d_garden/parts/__tests__/soil_sensor_test.tsx b/frontend/three_d_garden/bot/parts/__tests__/soil_sensor_test.tsx
similarity index 91%
rename from frontend/three_d_garden/parts/__tests__/soil_sensor_test.tsx
rename to frontend/three_d_garden/bot/parts/__tests__/soil_sensor_test.tsx
index 623e94dbc9..e9d097c372 100644
--- a/frontend/three_d_garden/parts/__tests__/soil_sensor_test.tsx
+++ b/frontend/three_d_garden/bot/parts/__tests__/soil_sensor_test.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { mount } from "enzyme";
 import { SoilSensor, SoilSensorFull } from "../soil_sensor";
 import { useGLTF } from "@react-three/drei";
-import { ASSETS } from "../../constants";
+import { ASSETS } from "../../../constants";
 
 describe("<SoilSensor />", () => {
   it("renders", () => {
diff --git a/frontend/three_d_garden/parts/__tests__/vacuum_pump_cover_test.tsx b/frontend/three_d_garden/bot/parts/__tests__/vacuum_pump_cover_test.tsx
similarity index 92%
rename from frontend/three_d_garden/parts/__tests__/vacuum_pump_cover_test.tsx
rename to frontend/three_d_garden/bot/parts/__tests__/vacuum_pump_cover_test.tsx
index 3f56de9075..68132366c2 100644
--- a/frontend/three_d_garden/parts/__tests__/vacuum_pump_cover_test.tsx
+++ b/frontend/three_d_garden/bot/parts/__tests__/vacuum_pump_cover_test.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { mount } from "enzyme";
 import { VacuumPumpCover, VacuumPumpCoverFull } from "../vacuum_pump_cover";
 import { useGLTF } from "@react-three/drei";
-import { ASSETS } from "../../constants";
+import { ASSETS } from "../../../constants";
 
 describe("<VacuumPumpCover />", () => {
   it("renders", () => {
diff --git a/frontend/three_d_garden/parts/cross_slide.tsx b/frontend/three_d_garden/bot/parts/cross_slide.tsx
similarity index 99%
rename from frontend/three_d_garden/parts/cross_slide.tsx
rename to frontend/three_d_garden/bot/parts/cross_slide.tsx
index 4697cd2cfd..40ede04e96 100644
--- a/frontend/three_d_garden/parts/cross_slide.tsx
+++ b/frontend/three_d_garden/bot/parts/cross_slide.tsx
@@ -3,7 +3,7 @@ import React from "react";
 import * as THREE from "three";
 import { InstancedBufferAttribute } from "three";
 import { GLTF } from "three-stdlib";
-import { Group, Mesh as MeshComponent, InstancedMesh } from "../components";
+import { Group, Mesh as MeshComponent, InstancedMesh } from "../../components";
 import { ThreeElements } from "@react-three/fiber";
 
 type Mesh = THREE.Mesh & { instanceMatrix: InstancedBufferAttribute | undefined };
diff --git a/frontend/three_d_garden/parts/gantry_wheel_plate.tsx b/frontend/three_d_garden/bot/parts/gantry_wheel_plate.tsx
similarity index 99%
rename from frontend/three_d_garden/parts/gantry_wheel_plate.tsx
rename to frontend/three_d_garden/bot/parts/gantry_wheel_plate.tsx
index d9a4a73d12..f5fc14864a 100644
--- a/frontend/three_d_garden/parts/gantry_wheel_plate.tsx
+++ b/frontend/three_d_garden/bot/parts/gantry_wheel_plate.tsx
@@ -3,7 +3,7 @@ import React from "react";
 import * as THREE from "three";
 import { InstancedBufferAttribute } from "three";
 import { GLTF } from "three-stdlib";
-import { Group, Mesh as MeshComponent, InstancedMesh } from "../components";
+import { Group, Mesh as MeshComponent, InstancedMesh } from "../../components";
 import { ThreeElements } from "@react-three/fiber";
 
 type Mesh = THREE.Mesh & { instanceMatrix: InstancedBufferAttribute | undefined };
diff --git a/frontend/three_d_garden/bot/parts/index.ts b/frontend/three_d_garden/bot/parts/index.ts
new file mode 100644
index 0000000000..f85e6f1c09
--- /dev/null
+++ b/frontend/three_d_garden/bot/parts/index.ts
@@ -0,0 +1,7 @@
+export * from "./cross_slide";
+export * from "./gantry_wheel_plate";
+export * from "./rotary_tool";
+export * from "./seed_trough_assembly";
+export * from "./seed_trough_holder";
+export * from "./soil_sensor";
+export * from "./vacuum_pump_cover";
diff --git a/frontend/three_d_garden/parts/rotary_tool.tsx b/frontend/three_d_garden/bot/parts/rotary_tool.tsx
similarity index 99%
rename from frontend/three_d_garden/parts/rotary_tool.tsx
rename to frontend/three_d_garden/bot/parts/rotary_tool.tsx
index 8a9101d0ce..097eb0c1f8 100644
--- a/frontend/three_d_garden/parts/rotary_tool.tsx
+++ b/frontend/three_d_garden/bot/parts/rotary_tool.tsx
@@ -3,7 +3,7 @@ import React from "react";
 import * as THREE from "three";
 import { InstancedBufferAttribute } from "three";
 import { GLTF } from "three-stdlib";
-import { Group, Mesh as MeshComponent, InstancedMesh } from "../components";
+import { Group, Mesh as MeshComponent, InstancedMesh } from "../../components";
 import { ThreeElements } from "@react-three/fiber";
 
 type Mesh = THREE.Mesh & { instanceMatrix: InstancedBufferAttribute | undefined };
diff --git a/frontend/three_d_garden/parts/seed_trough_assembly.tsx b/frontend/three_d_garden/bot/parts/seed_trough_assembly.tsx
similarity index 91%
rename from frontend/three_d_garden/parts/seed_trough_assembly.tsx
rename to frontend/three_d_garden/bot/parts/seed_trough_assembly.tsx
index 6094f1385e..2757f9c52a 100644
--- a/frontend/three_d_garden/parts/seed_trough_assembly.tsx
+++ b/frontend/three_d_garden/bot/parts/seed_trough_assembly.tsx
@@ -2,8 +2,8 @@
 import React from "react";
 import * as THREE from "three";
 import { GLTF } from "three-stdlib";
-import { Group, Mesh as MeshComponent } from "../components";
-import { SeedTroughAssemblyMaterial } from "../constants";
+import { Group, Mesh as MeshComponent } from "../../components";
+import { SeedTroughAssemblyMaterial } from "../../constants";
 import { ThreeElements } from "@react-three/fiber";
 
 export type SeedTroughAssemblyFull = GLTF & {
diff --git a/frontend/three_d_garden/parts/seed_trough_holder.tsx b/frontend/three_d_garden/bot/parts/seed_trough_holder.tsx
similarity index 90%
rename from frontend/three_d_garden/parts/seed_trough_holder.tsx
rename to frontend/three_d_garden/bot/parts/seed_trough_holder.tsx
index 4a40cea920..47c6095d94 100644
--- a/frontend/three_d_garden/parts/seed_trough_holder.tsx
+++ b/frontend/three_d_garden/bot/parts/seed_trough_holder.tsx
@@ -2,8 +2,8 @@
 import React from "react";
 import * as THREE from "three";
 import { GLTF } from "three-stdlib";
-import { Group, Mesh as MeshComponent } from "../components";
-import { SeedTroughHolderMaterial } from "../constants";
+import { Group, Mesh as MeshComponent } from "../../components";
+import { SeedTroughHolderMaterial } from "../../constants";
 import { ThreeElements } from "@react-three/fiber";
 
 export type SeedTroughHolderFull = GLTF & {
diff --git a/frontend/three_d_garden/parts/soil_sensor.tsx b/frontend/three_d_garden/bot/parts/soil_sensor.tsx
similarity index 99%
rename from frontend/three_d_garden/parts/soil_sensor.tsx
rename to frontend/three_d_garden/bot/parts/soil_sensor.tsx
index 33ecfc1d3d..d861c4fa4a 100644
--- a/frontend/three_d_garden/parts/soil_sensor.tsx
+++ b/frontend/three_d_garden/bot/parts/soil_sensor.tsx
@@ -3,7 +3,7 @@ import React from "react";
 import * as THREE from "three";
 import { InstancedBufferAttribute } from "three";
 import { GLTF } from "three-stdlib";
-import { Group, Mesh as MeshComponent, InstancedMesh } from "../components";
+import { Group, Mesh as MeshComponent, InstancedMesh } from "../../components";
 import { ThreeElements } from "@react-three/fiber";
 
 type Mesh = THREE.Mesh & { instanceMatrix: InstancedBufferAttribute | undefined };
diff --git a/frontend/three_d_garden/parts/vacuum_pump_cover.tsx b/frontend/three_d_garden/bot/parts/vacuum_pump_cover.tsx
similarity index 89%
rename from frontend/three_d_garden/parts/vacuum_pump_cover.tsx
rename to frontend/three_d_garden/bot/parts/vacuum_pump_cover.tsx
index 1d7335ce0d..cddf0632f2 100644
--- a/frontend/three_d_garden/parts/vacuum_pump_cover.tsx
+++ b/frontend/three_d_garden/bot/parts/vacuum_pump_cover.tsx
@@ -1,8 +1,8 @@
 import React from "react";
 import * as THREE from "three";
 import { GLTF } from "three-stdlib";
-import { Group, Mesh as MeshComponent } from "../components";
-import { VacuumPumpCoverMaterial } from "../constants";
+import { Group, Mesh as MeshComponent } from "../../components";
+import { VacuumPumpCoverMaterial } from "../../constants";
 import { ThreeElements } from "@react-three/fiber";
 
 export type VacuumPumpCoverFull = GLTF & {
diff --git a/frontend/three_d_garden/power_supply.tsx b/frontend/three_d_garden/bot/power_supply.tsx
similarity index 96%
rename from frontend/three_d_garden/power_supply.tsx
rename to frontend/three_d_garden/bot/power_supply.tsx
index a4e84bd1e7..6e9f1ff9df 100644
--- a/frontend/three_d_garden/power_supply.tsx
+++ b/frontend/three_d_garden/bot/power_supply.tsx
@@ -3,10 +3,10 @@ import React from "react";
 import { RepeatWrapping } from "three";
 import * as THREE from "three";
 import { Box, Tube, useTexture } from "@react-three/drei";
-import { ASSETS } from "./constants";
-import { threeSpace, easyCubicBezierCurve3 } from "./helpers";
-import { Config } from "./config";
-import { Group, MeshPhongMaterial } from "./components";
+import { ASSETS } from "../constants";
+import { threeSpace, easyCubicBezierCurve3 } from "../helpers";
+import { Config } from "../config";
+import { Group, MeshPhongMaterial } from "../components";
 
 export interface PowerSupplyProps {
   config: Config;
diff --git a/frontend/three_d_garden/x_axis_water_tube.tsx b/frontend/three_d_garden/bot/x_axis_water_tube.tsx
similarity index 90%
rename from frontend/three_d_garden/x_axis_water_tube.tsx
rename to frontend/three_d_garden/bot/x_axis_water_tube.tsx
index d3df13eed8..551cfc1f0e 100644
--- a/frontend/three_d_garden/x_axis_water_tube.tsx
+++ b/frontend/three_d_garden/bot/x_axis_water_tube.tsx
@@ -1,8 +1,8 @@
 import React from "react";
 import { Cylinder, Tube } from "@react-three/drei";
-import { Config } from "./config";
-import { threeSpace, easyCubicBezierCurve3 } from "./helpers";
-import { Group, MeshPhongMaterial } from "./components";
+import { Config } from "../config";
+import { threeSpace, easyCubicBezierCurve3 } from "../helpers";
+import { Group, MeshPhongMaterial } from "../components";
 
 export interface XAxisWaterTubeProps {
   config: Config;
diff --git a/frontend/three_d_garden/camera.ts b/frontend/three_d_garden/camera.ts
new file mode 100644
index 0000000000..5d7060a35e
--- /dev/null
+++ b/frontend/three_d_garden/camera.ts
@@ -0,0 +1,20 @@
+import { isDesktop } from "../screen_size";
+import { DevSettings } from "../settings/dev/dev_support";
+import { Camera } from "./zoom_beacons_constants";
+
+export const cameraInit = (): Camera => {
+  const devCameraString = DevSettings.get3dCamera();
+  const devCamera = devCameraString ? JSON.parse(devCameraString) : undefined;
+  const defaultCameraPosition = isDesktop()
+    ? [2000, -4000, 2500]
+    : [5400, -2500, 3400];
+  const cameraPositionInit = devCamera?.position || defaultCameraPosition;
+  const defaultCameraTarget = [0, 0, 0];
+  const cameraTargetInit = devCamera?.target || defaultCameraTarget;
+
+  const initCamera: Camera = {
+    position: cameraPositionInit,
+    target: cameraTargetInit,
+  };
+  return initCamera;
+};
diff --git a/frontend/three_d_garden/components.tsx b/frontend/three_d_garden/components.tsx
index dcb19e97f5..00d44ecc68 100644
--- a/frontend/three_d_garden/components.tsx
+++ b/frontend/three_d_garden/components.tsx
@@ -12,9 +12,9 @@ export const DirectionalLight = (props: ThreeElements["directionalLight"]) =>
   // @ts-expect-error Property does not exist on type JSX.IntrinsicElements
   <directionalLight {...props} />;
 
-export const Group = (props: ThreeElements["group"]) =>
+export const Group = React.forwardRef((props: ThreeElements["group"], ref) =>
   // @ts-expect-error Property does not exist on type JSX.IntrinsicElements
-  <group {...props} />;
+  <group ref={ref} {...props} />);
 
 export const Mesh = (props: ThreeElements["mesh"]) =>
   // @ts-expect-error Property does not exist on type JSX.IntrinsicElements
diff --git a/frontend/three_d_garden/config.ts b/frontend/three_d_garden/config.ts
index 2e16390f67..ce7e7c47cc 100644
--- a/frontend/three_d_garden/config.ts
+++ b/frontend/three_d_garden/config.ts
@@ -69,6 +69,7 @@ export interface Config {
   animate: boolean;
   distanceIndicator: string;
   kitVersion: string;
+  negativeZ: boolean;
 }
 
 export const INITIAL: Config = {
@@ -89,7 +90,7 @@ export const INITIAL: Config = {
   columnLength: 500,
   zAxisLength: 1000,
   bedXOffset: 140,
-  bedYOffset: 60,
+  bedYOffset: 20,
   bedZOffset: 0,
   zGantryOffset: 140,
   bedWidthOuter: 1360,
@@ -142,6 +143,7 @@ export const INITIAL: Config = {
   animate: true,
   distanceIndicator: "",
   kitVersion: "v1.7",
+  negativeZ: false,
 };
 
 export const STRING_KEYS = [
@@ -163,7 +165,7 @@ export const BOOLEAN_KEYS = [
   "viewCube", "stats", "config", "zoom", "pan", "bounds", "threeAxes",
   "xyDimensions", "zDimension", "promoInfo", "settingsBar", "zoomBeacons",
   "solar", "utilitiesPost", "packaging", "lab", "people", "lowDetail",
-  "eventDebug", "cableDebug", "zoomBeaconDebug", "animate",
+  "eventDebug", "cableDebug", "zoomBeaconDebug", "animate", "negativeZ",
 ];
 
 export const PRESETS: Record<string, Config> = {
@@ -200,7 +202,7 @@ export const PRESETS: Record<string, Config> = {
     columnLength: 500,
     zAxisLength: 1000,
     bedXOffset: 140,
-    bedYOffset: 60,
+    bedYOffset: 20,
     zGantryOffset: 140,
     bedWidthOuter: 1360,
     bedLengthOuter: 3000,
@@ -221,7 +223,7 @@ export const PRESETS: Record<string, Config> = {
     columnLength: 500,
     zAxisLength: 1000,
     bedXOffset: 140,
-    bedYOffset: 60,
+    bedYOffset: 20,
     zGantryOffset: 140,
     bedWidthOuter: 2860,
     bedLengthOuter: 6000,
@@ -353,7 +355,7 @@ const OTHER_CONFIG_KEYS: (keyof Config)[] = [
   "threeAxes", "xyDimensions", "zDimension", "labelsOnHover", "promoInfo",
   "settingsBar", "zoomBeacons", "pan", "solar", "utilitiesPost", "packaging", "lab",
   "people", "scene", "lowDetail", "eventDebug", "cableDebug", "zoomBeaconDebug",
-  "animate", "distanceIndicator", "kitVersion",
+  "animate", "distanceIndicator", "kitVersion", "negativeZ",
 ];
 
 export const modifyConfig = (config: Config, update: Partial<Config>) => {
@@ -369,10 +371,10 @@ export const modifyConfig = (config: Config, update: Partial<Config>) => {
   }
   if (update.scene) {
     newConfig.lab = update.scene == "Lab";
-    newConfig.clouds = update.scene != "Lab";
-    newConfig.people = update.scene == "Lab";
+    newConfig.clouds = update.scene == "Outdoor";
+    newConfig.people = update.scene != "Outdoor";
     newConfig.bedType =
-      (update.scene == "Lab" && newConfig.sizePreset != "Genesis XL")
+      (update.scene != "Outdoor" && newConfig.sizePreset != "Genesis XL")
         ? "Mobile"
         : "Standard";
   }
diff --git a/frontend/three_d_garden/config_overlays.tsx b/frontend/three_d_garden/config_overlays.tsx
index 669748c5db..3a801816b1 100644
--- a/frontend/three_d_garden/config_overlays.tsx
+++ b/frontend/three_d_garden/config_overlays.tsx
@@ -95,19 +95,23 @@ export const PublicOverlay = (props: OverlayProps) => {
           options={{
             "outdoor": "Outdoor",
             "lab": "Lab",
+            "greenhouse": "Greenhouse",
           }} />
       </div>}
     {config.promoInfo && !props.activeFocus &&
-      <PromoInfo isGenesis={config.sizePreset == "Genesis"} />}
+      <PromoInfo
+        isGenesis={config.sizePreset == "Genesis"}
+        kitVersion={config.kitVersion} />}
   </div>;
 };
 
 interface PromoInfoProps {
   isGenesis: boolean;
+  kitVersion: string;
 }
 
 const PromoInfo = (props: PromoInfoProps) => {
-  const { isGenesis } = props;
+  const { isGenesis, kitVersion } = props;
   return <div className="promo-info">
     <h2 className="title">Explore our models</h2>
     {isGenesis
@@ -118,7 +122,7 @@ const PromoInfo = (props: PromoInfoProps) => {
         <p className="full">
           FarmBot Genesis is our flagship kit for prosumers and enthusiasts
           featuring our most advanced technology, features, and options.
-          Coming 90% pre-assembled in the box, Genesis can be installed on
+          Coming 95% pre-assembled in the box, Genesis can be installed on
           an existing raised bed in an afternoon. It is suitable for fixed
           or mobile raised beds in classrooms, research labs, and backyards.
         </p>
@@ -139,13 +143,14 @@ const PromoInfo = (props: PromoInfoProps) => {
     <a className="buy-button"
       target="_top"
       href={isGenesis
-        ? ExternalUrl.Store.genesisKit
-        : ExternalUrl.Store.genesisXlKit}>
+        ? ExternalUrl.Store.genesisKit(kitVersion)
+        : ExternalUrl.Store.genesisXlKit(kitVersion)}>
       <p>Order Genesis</p>
       <p className="genesis-xl"
         style={{ display: isGenesis ? "none" : "inline-block" }}>
         XL
       </p>
+      <p style={{ textTransform: "none" }}>{kitVersion}</p>
     </a>
   </div>;
 };
@@ -284,7 +289,9 @@ export const PrivateOverlay = (props: OverlayProps) => {
       <Slider {...common} configKey={"x"} min={0} max={props.config.botSizeX} />
       <Slider {...common} configKey={"y"} min={0} max={props.config.botSizeY} />
       <Slider {...common} configKey={"z"} min={0} max={props.config.botSizeZ} />
-      <Radio {...common} configKey={"tool"} options={["rotaryTool", "None"]} />
+      <Radio {...common} configKey={"tool"}
+        options={["wateringNozzle", "rotaryTool", "soilSensor", "weeder",
+          "seeder", "None"]} />
       <Toggle {...common} configKey={"trail"} />
       <Toggle {...common} configKey={"laser"} />
       <label>{"Bot Dimensions"}</label>
@@ -329,7 +336,7 @@ export const PrivateOverlay = (props: OverlayProps) => {
       <Toggle {...common} configKey={"lowDetail"} />
       <label>{"Environment"}</label>
       <Radio {...common} configKey={"scene"}
-        options={["Outdoor", "Lab"]} />
+        options={["Outdoor", "Lab", "Greenhouse"]} />
       <Toggle {...common} configKey={"ground"} />
       <Toggle {...common} configKey={"grid"} />
       <Toggle {...common} configKey={"utilitiesPost"} />
diff --git a/frontend/three_d_garden/constants.ts b/frontend/three_d_garden/constants.ts
index 96889e1921..19eff71617 100644
--- a/frontend/three_d_garden/constants.ts
+++ b/frontend/three_d_garden/constants.ts
@@ -15,6 +15,7 @@ export const ASSETS: Record<string, Record<string, string>> = {
     aluminum: "/3D/textures/aluminum.avif",
     concrete: "/3D/textures/concrete.avif",
     screen: "/3D/textures/screen.avif",
+    bricks: "/3D/textures/bricks.avif",
   },
   shapes: {
     track: "/3D/shapes/track.svg",
@@ -36,10 +37,13 @@ export const ASSETS: Record<string, Record<string, string>> = {
     horizontalMotorHousing: "/3D/models/horizontal_motor_housing.glb",
     zAxisMotorMount: "/3D/models/z_axis_motor_mount.glb",
     toolbay3: "/3D/models/toolbay_3.glb",
+    toolbay1: "/3D/models/toolbay_1.glb",
     rotaryTool: "/3D/models/rotary_tool.glb",
     seeder: "/3D/models/seeder.glb",
+    weeder: "/3D/models/weeder.glb",
     seedTray: "/3D/models/seed_tray.glb",
     seedBin: "/3D/models/seed_bin.glb",
+    seedTrough: "/3D/models/seed_trough.glb",
     seedTroughAssembly: "/3D/models/seed_trough_assembly.glb",
     seedTroughHolder: "/3D/models/seed_trough_holder.glb",
     soilSensor: "/3D/models/soil_sensor.glb",
@@ -56,12 +60,18 @@ export const ASSETS: Record<string, Record<string, string>> = {
   },
   other: {
     gear: "/app-resources/img/icons/settings.svg",
+    weed: "/3D/icons/generic-weed.avif",
+    plant: "/3D/icons/generic-plant.avif",
   },
   people: {
     person1: "/3D/people/person_1.avif",
     person1Flipped: "/3D/people/person_1_flipped.avif",
     person2: "/3D/people/person_2.avif",
     person2Flipped: "/3D/people/person_2_flipped.avif",
+    person3: "/3D/people/person_3.avif",
+    person3Flipped: "/3D/people/person_3_flipped.avif",
+    person4: "/3D/people/person_4.avif",
+    person4Flipped: "/3D/people/person_4_flipped.avif",
   },
 };
 
@@ -339,11 +349,15 @@ export enum PartName {
   zAxisMotorMount = "Z-Axis_Motor_Mount",
   toolbay3 = "mesh0_mesh",
   toolbay3Logo = "mesh0_mesh_1",
+  toolbay1 = "mesh0_mesh",
+  toolbay1Logo = "mesh0_mesh_1",
   seeder = "Seeder_Brass_Insert",
+  weeder = "Weeder_Blade_(medium)",
   vacuumPump = "Lower_Vacuum_Tube",
   wateringNozzle = "M5_x_30mm_Screw",
   seedBin = "Seed_Bin",
   seedTray = "Seed_Tray",
+  seedTrough = "Seed_Trough",
   cameraMountHalf = "Camera_Mount_Half",
   pi = "Raspberry_Pi_4B",
   farmduino = "Farmduino",
diff --git a/frontend/three_d_garden/__tests__/arrow_test.tsx b/frontend/three_d_garden/elements/__tests__/arrow_test.tsx
similarity index 100%
rename from frontend/three_d_garden/__tests__/arrow_test.tsx
rename to frontend/three_d_garden/elements/__tests__/arrow_test.tsx
diff --git a/frontend/three_d_garden/__tests__/button_test.tsx b/frontend/three_d_garden/elements/__tests__/button_test.tsx
similarity index 100%
rename from frontend/three_d_garden/__tests__/button_test.tsx
rename to frontend/three_d_garden/elements/__tests__/button_test.tsx
diff --git a/frontend/three_d_garden/__tests__/distance_indicator_test.tsx b/frontend/three_d_garden/elements/__tests__/distance_indicator_test.tsx
similarity index 100%
rename from frontend/three_d_garden/__tests__/distance_indicator_test.tsx
rename to frontend/three_d_garden/elements/__tests__/distance_indicator_test.tsx
diff --git a/frontend/three_d_garden/elements/__tests__/text_test.tsx b/frontend/three_d_garden/elements/__tests__/text_test.tsx
new file mode 100644
index 0000000000..80dad52894
--- /dev/null
+++ b/frontend/three_d_garden/elements/__tests__/text_test.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+import { render } from "@testing-library/react";
+import { Text, TextProps } from "../text";
+
+describe("<Text />", () => {
+  const fakeProps = (): TextProps => ({
+    children: "text",
+    position: [0, 0, 0],
+    rotation: [0, 0, 0],
+    fontSize: 10,
+    color: "black",
+  });
+
+  it("renders", () => {
+    const { container } = render(<Text {...fakeProps()} />);
+    expect(container).toContainHTML("text");
+  });
+});
diff --git a/frontend/three_d_garden/arrow.tsx b/frontend/three_d_garden/elements/arrow.tsx
similarity index 94%
rename from frontend/three_d_garden/arrow.tsx
rename to frontend/three_d_garden/elements/arrow.tsx
index 8040f0af79..570d599a6b 100644
--- a/frontend/three_d_garden/arrow.tsx
+++ b/frontend/three_d_garden/elements/arrow.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Extrude } from "@react-three/drei";
 import { Shape } from "three";
-import { MeshPhongMaterial } from "./components";
+import { MeshPhongMaterial } from "../components";
 
 export interface ArrowProps {
   length: number;
diff --git a/frontend/three_d_garden/button.tsx b/frontend/three_d_garden/elements/button.tsx
similarity index 97%
rename from frontend/three_d_garden/button.tsx
rename to frontend/three_d_garden/elements/button.tsx
index 449d8500c8..48cb250e44 100644
--- a/frontend/three_d_garden/button.tsx
+++ b/frontend/three_d_garden/elements/button.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import * as THREE from "three";
 import { Box } from "@react-three/drei";
 import { BufferGeometry } from "three";
-import { Group, MeshPhongMaterial } from "./components";
+import { Group, MeshPhongMaterial } from "../components";
 import { Text } from "./text";
 
 export interface PresetButtonProps {
diff --git a/frontend/three_d_garden/distance_indicator.tsx b/frontend/three_d_garden/elements/distance_indicator.tsx
similarity index 97%
rename from frontend/three_d_garden/distance_indicator.tsx
rename to frontend/three_d_garden/elements/distance_indicator.tsx
index 9dc795e374..73e7482210 100644
--- a/frontend/three_d_garden/distance_indicator.tsx
+++ b/frontend/three_d_garden/elements/distance_indicator.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Box } from "@react-three/drei";
 import { Arrow } from "./arrow";
-import { Group, MeshPhongMaterial } from "./components";
+import { Group, MeshPhongMaterial } from "../components";
 import { Text } from "./text";
 
 enum BoxDimension {
diff --git a/frontend/three_d_garden/elements/index.ts b/frontend/three_d_garden/elements/index.ts
new file mode 100644
index 0000000000..5c72cace48
--- /dev/null
+++ b/frontend/three_d_garden/elements/index.ts
@@ -0,0 +1,4 @@
+export * from "./arrow";
+export * from "./button";
+export * from "./distance_indicator";
+export * from "./text";
diff --git a/frontend/three_d_garden/text.tsx b/frontend/three_d_garden/elements/text.tsx
similarity index 85%
rename from frontend/three_d_garden/text.tsx
rename to frontend/three_d_garden/elements/text.tsx
index 0a5d413667..5380f7457f 100644
--- a/frontend/three_d_garden/text.tsx
+++ b/frontend/three_d_garden/elements/text.tsx
@@ -1,9 +1,9 @@
 import React from "react";
 import { Center, Text3D } from "@react-three/drei";
-import { ASSETS } from "./constants";
-import { MeshPhongMaterial } from "./components";
+import { ASSETS } from "../constants";
+import { MeshPhongMaterial } from "../components";
 
-interface TextProps {
+export interface TextProps {
   children: React.ReactNode;
   position: [number, number, number];
   rotation: [number, number, number];
diff --git a/frontend/three_d_garden/garden/__tests__/clouds_test.tsx b/frontend/three_d_garden/garden/__tests__/clouds_test.tsx
new file mode 100644
index 0000000000..d2884a48c1
--- /dev/null
+++ b/frontend/three_d_garden/garden/__tests__/clouds_test.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { render } from "@testing-library/react";
+import { Clouds, CloudsProps } from "../clouds";
+import { INITIAL } from "../../config";
+import { clone } from "lodash";
+
+describe("<Clouds />", () => {
+  const fakeProps = (): CloudsProps => ({
+    config: clone(INITIAL),
+  });
+
+  it("renders", () => {
+    const { container } = render(<Clouds {...fakeProps()} />);
+    expect(container).toContainHTML("clouds");
+  });
+});
diff --git a/frontend/three_d_garden/garden/__tests__/grid_test.tsx b/frontend/three_d_garden/garden/__tests__/grid_test.tsx
new file mode 100644
index 0000000000..986d9fc40b
--- /dev/null
+++ b/frontend/three_d_garden/garden/__tests__/grid_test.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+import { render } from "@testing-library/react";
+import { Grid, GridProps } from "../grid";
+import { INITIAL } from "../../config";
+import { clone } from "lodash";
+
+describe("<Grid />", () => {
+  const fakeProps = (): GridProps => ({
+    config: clone(INITIAL),
+  });
+
+  it("renders", () => {
+    const p = fakeProps();
+    p.config.grid = true;
+    const { container } = render(<Grid {...p} />);
+    expect(container).toContainHTML("grid");
+  });
+});
diff --git a/frontend/three_d_garden/garden/__tests__/ground_test.tsx b/frontend/three_d_garden/garden/__tests__/ground_test.tsx
new file mode 100644
index 0000000000..83e4d63ef2
--- /dev/null
+++ b/frontend/three_d_garden/garden/__tests__/ground_test.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { render } from "@testing-library/react";
+import { Ground, GroundProps } from "../ground";
+import { INITIAL } from "../../config";
+import { clone } from "lodash";
+
+describe("<Ground />", () => {
+  const fakeProps = (): GroundProps => ({
+    config: clone(INITIAL),
+  });
+
+  it("renders", () => {
+    const { container } = render(<Ground {...fakeProps()} />);
+    expect(container).toContainHTML("ground");
+  });
+});
diff --git a/frontend/three_d_garden/__tests__/plants_test.tsx b/frontend/three_d_garden/garden/__tests__/plants_test.tsx
similarity index 94%
rename from frontend/three_d_garden/__tests__/plants_test.tsx
rename to frontend/three_d_garden/garden/__tests__/plants_test.tsx
index 32bc15c344..7aed3aadb3 100644
--- a/frontend/three_d_garden/__tests__/plants_test.tsx
+++ b/frontend/three_d_garden/garden/__tests__/plants_test.tsx
@@ -1,15 +1,15 @@
 import React from "react";
 import { render, screen } from "@testing-library/react";
 import { clone } from "lodash";
-import { fakePlant } from "../../__test_support__/fake_state/resources";
-import { INITIAL } from "../config";
+import { fakePlant } from "../../../__test_support__/fake_state/resources";
+import { INITIAL } from "../../config";
 import {
   calculatePlantPositions,
   convertPlants,
   ThreeDPlant,
   ThreeDPlantProps,
 } from "../plants";
-import { CROPS } from "../../crops/constants";
+import { CROPS } from "../../../crops/constants";
 
 describe("calculatePlantPositions()", () => {
   it("calculates plant positions", () => {
diff --git a/frontend/three_d_garden/garden/__tests__/point_test.tsx b/frontend/three_d_garden/garden/__tests__/point_test.tsx
new file mode 100644
index 0000000000..84dd84b877
--- /dev/null
+++ b/frontend/three_d_garden/garden/__tests__/point_test.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+import { render } from "@testing-library/react";
+import { Point, PointProps } from "../point";
+import { INITIAL } from "../../config";
+import { clone } from "lodash";
+import { fakePoint } from "../../../__test_support__/fake_state/resources";
+
+describe("<Point />", () => {
+  const fakeProps = (): PointProps => ({
+    config: clone(INITIAL),
+    point: fakePoint(),
+  });
+
+  it("renders", () => {
+    const { container } = render(<Point {...fakeProps()} />);
+    expect(container).toContainHTML("cylinder");
+  });
+});
diff --git a/frontend/three_d_garden/__tests__/sky_test.tsx b/frontend/three_d_garden/garden/__tests__/sky_test.tsx
similarity index 100%
rename from frontend/three_d_garden/__tests__/sky_test.tsx
rename to frontend/three_d_garden/garden/__tests__/sky_test.tsx
diff --git a/frontend/three_d_garden/__tests__/solar_test.tsx b/frontend/three_d_garden/garden/__tests__/solar_test.tsx
similarity index 52%
rename from frontend/three_d_garden/__tests__/solar_test.tsx
rename to frontend/three_d_garden/garden/__tests__/solar_test.tsx
index 901b87e49c..aec76f6bb8 100644
--- a/frontend/three_d_garden/__tests__/solar_test.tsx
+++ b/frontend/three_d_garden/garden/__tests__/solar_test.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { mount } from "enzyme";
+import { render } from "@testing-library/react";
 import { Solar, SolarProps } from "../solar";
-import { INITIAL } from "../config";
+import { INITIAL } from "../../config";
 import { clone } from "lodash";
 
 describe("<Solar />", () => {
@@ -11,7 +11,9 @@ describe("<Solar />", () => {
   });
 
   it("renders", () => {
-    const wrapper = mount(<Solar {...fakeProps()} />);
-    expect(wrapper.html()).toContain("solar");
+    const p = fakeProps();
+    p.config.solar = true;
+    const { container } = render(<Solar {...p} />);
+    expect(container).toContainHTML("solar");
   });
 });
diff --git a/frontend/three_d_garden/__tests__/sun_test.tsx b/frontend/three_d_garden/garden/__tests__/sun_test.tsx
similarity index 90%
rename from frontend/three_d_garden/__tests__/sun_test.tsx
rename to frontend/three_d_garden/garden/__tests__/sun_test.tsx
index caff85ec11..695ff31e0d 100644
--- a/frontend/three_d_garden/__tests__/sun_test.tsx
+++ b/frontend/three_d_garden/garden/__tests__/sun_test.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { mount } from "enzyme";
 import { Sun, SunProps } from "../sun";
-import { INITIAL } from "../config";
+import { INITIAL } from "../../config";
 import { clone } from "lodash";
 
 describe("<Sun />", () => {
diff --git a/frontend/three_d_garden/garden/__tests__/weed_test.tsx b/frontend/three_d_garden/garden/__tests__/weed_test.tsx
new file mode 100644
index 0000000000..d202fd1529
--- /dev/null
+++ b/frontend/three_d_garden/garden/__tests__/weed_test.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+import { render } from "@testing-library/react";
+import { Weed, WeedProps } from "../weed";
+import { INITIAL } from "../../config";
+import { clone } from "lodash";
+import { fakeWeed } from "../../../__test_support__/fake_state/resources";
+
+describe("<Weed />", () => {
+  const fakeProps = (): WeedProps => ({
+    config: clone(INITIAL),
+    weed: fakeWeed(),
+  });
+
+  it("renders", () => {
+    const { container } = render(<Weed {...fakeProps()} />);
+    expect(container).toContainHTML("weed");
+  });
+});
diff --git a/frontend/three_d_garden/__tests__/zoom_beacons_test.tsx b/frontend/three_d_garden/garden/__tests__/zoom_beacons_test.tsx
similarity index 97%
rename from frontend/three_d_garden/__tests__/zoom_beacons_test.tsx
rename to frontend/three_d_garden/garden/__tests__/zoom_beacons_test.tsx
index a53f42cd48..0f2e3cee7e 100644
--- a/frontend/three_d_garden/__tests__/zoom_beacons_test.tsx
+++ b/frontend/three_d_garden/garden/__tests__/zoom_beacons_test.tsx
@@ -1,5 +1,5 @@
 let mockIsDesktop = true;
-jest.mock("../../screen_size", () => ({
+jest.mock("../../../screen_size", () => ({
   isDesktop: () => mockIsDesktop,
 }));
 
@@ -7,7 +7,7 @@ import React from "react";
 import { mount } from "enzyme";
 import { ZoomBeacons, ZoomBeaconsProps } from "../zoom_beacons";
 import { clone } from "lodash";
-import { INITIAL } from "../config";
+import { INITIAL } from "../../config";
 
 describe("<ZoomBeacons />", () => {
   beforeEach(() => {
diff --git a/frontend/three_d_garden/garden/clouds.tsx b/frontend/three_d_garden/garden/clouds.tsx
new file mode 100644
index 0000000000..4ae51beef3
--- /dev/null
+++ b/frontend/three_d_garden/garden/clouds.tsx
@@ -0,0 +1,29 @@
+import React from "react";
+import { Config, seasonProperties } from "../config";
+import { Cloud, Clouds as DreiClouds } from "@react-three/drei";
+import { ASSETS } from "../constants";
+
+export interface CloudsProps {
+  config: Config;
+}
+
+export const Clouds = (props: CloudsProps) => {
+  const { config } = props;
+  return <DreiClouds name={"clouds"} visible={config.clouds} renderOrder={2}
+    texture={ASSETS.textures.cloud}>
+    <Cloud position={[0, 0, 5000]}
+      seed={0}
+      bounds={[5000, 5000, 1000]}
+      segments={80}
+      volume={2500}
+      smallestVolume={.4}
+      concentrate="random"
+      color="#ccc"
+      growth={400}
+      speed={.1}
+      opacity={
+        (seasonProperties[config.plants] || seasonProperties.Summer)
+          .cloudOpacity}
+      fade={5000} />
+  </DreiClouds>;
+};
diff --git a/frontend/three_d_garden/garden/grid.tsx b/frontend/three_d_garden/garden/grid.tsx
new file mode 100644
index 0000000000..821382507b
--- /dev/null
+++ b/frontend/three_d_garden/garden/grid.tsx
@@ -0,0 +1,33 @@
+import React from "react";
+import { Config } from "../config";
+import { Group } from "../components";
+import { Line } from "@react-three/drei";
+import { zero as zeroFunc, extents as extentsFunc } from "../helpers";
+import { range } from "lodash";
+
+export interface GridProps {
+  config: Config;
+}
+
+export const Grid = (props: GridProps) => {
+  const { config } = props;
+  const zero = zeroFunc(config);
+  const gridZ = zero.z - config.soilHeight + 5;
+  const extents = extentsFunc(config);
+  return <Group name={"garden-grid"} visible={config.grid}>
+    {range(0, config.botSizeX + 100, 100).map(x =>
+      <Line key={x}
+        color={"white"}
+        points={[
+          [zero.x + x, zero.y, gridZ],
+          [zero.x + x, extents.y, gridZ],
+        ]} />)}
+    {range(0, config.botSizeY + 100, 100).map(y =>
+      <Line key={y}
+        color={"white"}
+        points={[
+          [zero.x, zero.y + y, gridZ],
+          [extents.x, zero.y + y, gridZ],
+        ]} />)}
+  </Group>;
+};
diff --git a/frontend/three_d_garden/garden/ground.tsx b/frontend/three_d_garden/garden/ground.tsx
new file mode 100644
index 0000000000..75dd2e14be
--- /dev/null
+++ b/frontend/three_d_garden/garden/ground.tsx
@@ -0,0 +1,64 @@
+import React from "react";
+import { Config, detailLevels } from "../config";
+import { Circle, Detailed, useTexture } from "@react-three/drei";
+import { MeshPhongMaterial } from "../components";
+import { ASSETS } from "../constants";
+import { RepeatWrapping } from "three";
+
+export interface GroundProps {
+  config: Config;
+}
+
+export const Ground = (props: GroundProps) => {
+  const { config } = props;
+  const groundZ = config.bedZOffset + config.bedHeight;
+
+  const grassTexture = useTexture(ASSETS.textures.grass + "?=grass");
+  grassTexture.wrapS = RepeatWrapping;
+  grassTexture.wrapT = RepeatWrapping;
+  grassTexture.repeat.set(24, 24);
+  const labFloorTexture = useTexture(ASSETS.textures.concrete + "?=labFloor");
+  labFloorTexture.wrapS = RepeatWrapping;
+  labFloorTexture.wrapT = RepeatWrapping;
+  labFloorTexture.repeat.set(16, 24);
+  const brickTexture = useTexture(ASSETS.textures.bricks + "?=bricks");
+  brickTexture.wrapS = RepeatWrapping;
+  brickTexture.wrapT = RepeatWrapping;
+  brickTexture.repeat.set(30, 30);
+
+  const getGroundProperties = (sceneName: string) => {
+    switch (sceneName) {
+      case "Greenhouse":
+        return { texture: brickTexture, color: "#999", lowDetailColor: "#8c6f64" };
+      case "Lab":
+        return { texture: labFloorTexture, color: "#aaa", lowDetailColor: "gray" };
+      default:
+        return { texture: grassTexture, color: "#ddd", lowDetailColor: "darkgreen" };
+    }
+  };
+
+  const groundProperties = getGroundProperties(config.scene);
+
+  const GroundWrapper = ({ children }: { children: React.ReactElement }) =>
+    <Circle name={`ground ${config.scene}`}
+      visible={config.ground}
+      receiveShadow={true}
+      args={[30000, 16]}
+      position={[0, 0, -groundZ]}>
+      {children}
+    </Circle>;
+
+  return <Detailed distances={detailLevels(config)}>
+    <GroundWrapper>
+      <MeshPhongMaterial
+        map={groundProperties.texture}
+        color={groundProperties.color}
+        shininess={0} />
+    </GroundWrapper>
+    <GroundWrapper>
+      <MeshPhongMaterial
+        color={groundProperties.lowDetailColor}
+        shininess={0} />
+    </GroundWrapper>
+  </Detailed>;
+};
diff --git a/frontend/three_d_garden/garden/index.ts b/frontend/three_d_garden/garden/index.ts
new file mode 100644
index 0000000000..564fcf8827
--- /dev/null
+++ b/frontend/three_d_garden/garden/index.ts
@@ -0,0 +1,10 @@
+export * from "./clouds";
+export * from "./grid";
+export * from "./ground";
+export * from "./plants";
+export * from "./point";
+export * from "./sky";
+export * from "./solar";
+export * from "./sun";
+export * from "./weed";
+export * from "./zoom_beacons";
diff --git a/frontend/three_d_garden/plants.tsx b/frontend/three_d_garden/garden/plants.tsx
similarity index 91%
rename from frontend/three_d_garden/plants.tsx
rename to frontend/three_d_garden/garden/plants.tsx
index d251917c50..adcb35667d 100644
--- a/frontend/three_d_garden/plants.tsx
+++ b/frontend/three_d_garden/garden/plants.tsx
@@ -1,12 +1,12 @@
-import { TaggedPlant } from "../farm_designer/map/interfaces";
-import { Config } from "./config";
-import { GARDENS, PLANTS } from "./constants";
+import { TaggedPlant } from "../../farm_designer/map/interfaces";
+import { Config } from "../config";
+import { GARDENS, PLANTS } from "../constants";
 import { Billboard, Image } from "@react-three/drei";
 import React from "react";
 import { Vector3 } from "three";
-import { threeSpace, zZero as zZeroFunc } from "./helpers";
-import { Text } from "./text";
-import { findIcon } from "../crops/find";
+import { threeSpace, zZero as zZeroFunc } from "../helpers";
+import { Text } from "../elements";
+import { findIcon } from "../../crops/find";
 import { kebabCase } from "lodash";
 
 interface Plant {
diff --git a/frontend/three_d_garden/garden/point.tsx b/frontend/three_d_garden/garden/point.tsx
new file mode 100644
index 0000000000..e22e5561fc
--- /dev/null
+++ b/frontend/three_d_garden/garden/point.tsx
@@ -0,0 +1,53 @@
+import React from "react";
+import { TaggedGenericPointer } from "farmbot";
+import { Config } from "../config";
+import { Group, MeshPhongMaterial } from "../components";
+import { Cylinder, Sphere } from "@react-three/drei";
+import { DoubleSide } from "three";
+import { zero as zeroFunc, threeSpace } from "../helpers";
+
+export interface PointProps {
+  point: TaggedGenericPointer;
+  config: Config;
+}
+
+export const Point = (props: PointProps) => {
+  const { point, config } = props;
+  const RADIUS = 25;
+  const HEIGHT = 100;
+  return <Group
+    name={"point"}
+    rotation={[Math.PI / 2, 0, 0]}
+    position={[
+      threeSpace(point.body.x, config.bedLengthOuter),
+      threeSpace(point.body.y, config.bedWidthOuter),
+      zeroFunc(config).z - config.soilHeight,
+    ]}>
+    <Cylinder
+      args={[RADIUS, 0, HEIGHT, 32, 32, true]}
+      position={[0, HEIGHT / 2, 0]}>
+      <MeshPhongMaterial
+        color={point.body.meta.color}
+        side={DoubleSide}
+        transparent={true}
+        opacity={1} />
+    </Cylinder>
+    <Sphere
+      args={[RADIUS, 32, 32]}
+      position={[0, HEIGHT, 0]}>
+      <MeshPhongMaterial
+        color={point.body.meta.color}
+        side={DoubleSide}
+        transparent={true}
+        opacity={1} />
+    </Sphere>
+    <Cylinder
+      args={[point.body.radius, point.body.radius, 100, 32, 32, true]}>
+      <MeshPhongMaterial
+        color={point.body.meta.color}
+        side={DoubleSide}
+        transparent={true}
+        opacity={0.5} />
+    </Cylinder>
+  </Group>;
+};
diff --git a/frontend/three_d_garden/sky.tsx b/frontend/three_d_garden/garden/sky.tsx
similarity index 97%
rename from frontend/three_d_garden/sky.tsx
rename to frontend/three_d_garden/garden/sky.tsx
index b406e47447..c2eb96b49d 100644
--- a/frontend/three_d_garden/sky.tsx
+++ b/frontend/three_d_garden/garden/sky.tsx
@@ -5,7 +5,7 @@ import { Vector3 as Vector3Type } from "@react-three/fiber";
 import { Sky as SkyImpl } from "three-stdlib";
 import { Vector3 } from "three";
 import { ForwardRefComponent } from "@react-three/drei/helpers/ts-utils";
-import { Primitive } from "./components";
+import { Primitive } from "../components";
 
 export type SkyProps = {
   distance?: number
diff --git a/frontend/three_d_garden/solar.tsx b/frontend/three_d_garden/garden/solar.tsx
similarity index 94%
rename from frontend/three_d_garden/solar.tsx
rename to frontend/three_d_garden/garden/solar.tsx
index da647d24d9..be72a50ddf 100644
--- a/frontend/three_d_garden/solar.tsx
+++ b/frontend/three_d_garden/garden/solar.tsx
@@ -1,9 +1,9 @@
 import React from "react";
 import { Shape } from "three";
 import { Extrude, Line } from "@react-three/drei";
-import { threeSpace } from "./helpers";
-import { Config } from "./config";
-import { Group, Mesh, BoxGeometry, MeshPhongMaterial } from "./components";
+import { threeSpace } from "../helpers";
+import { Config } from "../config";
+import { Group, Mesh, BoxGeometry, MeshPhongMaterial } from "../components";
 
 export interface SolarProps {
   config: Config;
diff --git a/frontend/three_d_garden/sun.tsx b/frontend/three_d_garden/garden/sun.tsx
similarity index 93%
rename from frontend/three_d_garden/sun.tsx
rename to frontend/three_d_garden/garden/sun.tsx
index fed1db4b85..9079fb57fc 100644
--- a/frontend/three_d_garden/sun.tsx
+++ b/frontend/three_d_garden/garden/sun.tsx
@@ -1,8 +1,8 @@
 import React from "react";
-import { Config, seasonProperties } from "./config";
+import { Config, seasonProperties } from "../config";
 import { Vector3 } from "three";
 import { useSpring, animated } from "@react-spring/three";
-import { Group, PointLight } from "./components";
+import { Group, PointLight } from "../components";
 
 const AnimatedPointLight = animated(PointLight);
 
diff --git a/frontend/three_d_garden/garden/weed.tsx b/frontend/three_d_garden/garden/weed.tsx
new file mode 100644
index 0000000000..609ca6c79d
--- /dev/null
+++ b/frontend/three_d_garden/garden/weed.tsx
@@ -0,0 +1,41 @@
+import React from "react";
+import { TaggedWeedPointer } from "farmbot";
+import { Config } from "../config";
+import { ASSETS } from "../constants";
+import { Group, MeshPhongMaterial } from "../components";
+import { Image, Billboard, Sphere } from "@react-three/drei";
+import { DoubleSide } from "three";
+import { zero as zeroFunc, threeSpace } from "../helpers";
+
+export interface WeedProps {
+  weed: TaggedWeedPointer;
+  config: Config;
+}
+
+export const Weed = (props: WeedProps) => {
+  const { weed, config } = props;
+  return <Group name={"weed"}
+    position={[
+      threeSpace(weed.body.x, config.bedLengthOuter),
+      threeSpace(weed.body.y, config.bedWidthOuter),
+      zeroFunc(config).z - config.soilHeight,
+    ]}>
+    <Billboard follow={true}
+      position={[0, 0, weed.body.radius / 2]}>
+      <Image url={ASSETS.other.weed}
+        scale={weed.body.radius}
+        transparent={true}
+        position={[0, 0, 0]} />
+    </Billboard>
+    <Sphere
+      renderOrder={1}
+      args={[weed.body.radius, 8, 16]}
+      position={[0, 0, 0]}>
+      <MeshPhongMaterial
+        color={weed.body.meta.color}
+        side={DoubleSide}
+        transparent={true}
+        opacity={0.5} />
+    </Sphere>
+  </Group>;
+};
diff --git a/frontend/three_d_garden/zoom_beacons.tsx b/frontend/three_d_garden/garden/zoom_beacons.tsx
similarity index 94%
rename from frontend/three_d_garden/zoom_beacons.tsx
rename to frontend/three_d_garden/garden/zoom_beacons.tsx
index 690e55e05f..98a8a1536d 100644
--- a/frontend/three_d_garden/zoom_beacons.tsx
+++ b/frontend/three_d_garden/garden/zoom_beacons.tsx
@@ -1,10 +1,10 @@
 import { Sphere, Html, Line } from "@react-three/drei";
 import React from "react";
-import { Config } from "./config";
-import { FOCI, getCameraOffset, setUrlParam } from "./zoom_beacons_constants";
+import { Config } from "../config";
+import { FOCI, getCameraOffset, setUrlParam } from "../zoom_beacons_constants";
 import { useSpring, animated } from "@react-spring/three";
-import { Group, Mesh, MeshPhongMaterial } from "./components";
-import { isDesktop } from "../screen_size";
+import { Group, Mesh, MeshPhongMaterial } from "../components";
+import { isDesktop } from "../../screen_size";
 
 const beaconColor = "#0266b5";
 
diff --git a/frontend/three_d_garden/garden.tsx b/frontend/three_d_garden/garden_model.tsx
similarity index 53%
rename from frontend/three_d_garden/garden.tsx
rename to frontend/three_d_garden/garden_model.tsx
index aaccede1b6..7bdd7ec347 100644
--- a/frontend/three_d_garden/garden.tsx
+++ b/frontend/three_d_garden/garden_model.tsx
@@ -3,33 +3,30 @@ import { ThreeEvent } from "@react-three/fiber";
 import {
   GizmoHelper, GizmoViewcube,
   OrbitControls, PerspectiveCamera,
-  Circle, Stats, Image, Clouds, Cloud, OrthographicCamera,
-  Detailed, Sphere,
-  useTexture,
-  Line,
+  Stats, Image, OrthographicCamera,
+  Sphere,
 } from "@react-three/drei";
-import { RepeatWrapping, BackSide } from "three";
+import { BackSide } from "three";
 import { Bot } from "./bot";
 import { AddPlantProps, Bed } from "./bed";
-import { zero as zeroFunc, extents as extentsFunc } from "./helpers";
-import { Sky } from "./sky";
-import { Config, detailLevels, seasonProperties } from "./config";
-import { ASSETS } from "./constants";
+import {
+  Sky, Solar, Sun, sunPosition, ZoomBeacons,
+  calculatePlantPositions, convertPlants, ThreeDPlant,
+  Point, Grid, Clouds, Ground, Weed,
+} from "./garden";
+import { Config } from "./config";
 import { useSpring, animated } from "@react-spring/three";
-import { Solar } from "./solar";
-import { Sun, sunPosition } from "./sun";
-import { Lab } from "./lab";
-import { ZoomBeacons } from "./zoom_beacons";
-import { getCamera, Camera as CameraInterface } from "./zoom_beacons_constants";
+import { Lab, Greenhouse } from "./scenes";
+import { getCamera } from "./zoom_beacons_constants";
 import {
-  AmbientLight, AxesHelper, Group, MeshBasicMaterial, MeshPhongMaterial,
+  AmbientLight, AxesHelper, Group, MeshBasicMaterial,
 } from "./components";
-import { isDesktop } from "../screen_size";
-import { isUndefined, range } from "lodash";
-import {
-  calculatePlantPositions, convertPlants, ThreeDPlant,
-} from "./plants";
+import { isUndefined } from "lodash";
 import { ICON_URLS } from "../crops/constants";
+import { TaggedGenericPointer, TaggedWeedPointer } from "farmbot";
+import { BooleanSetting } from "../session_keys";
+import { SlotWithTool } from "../resources/interfaces";
+import { cameraInit } from "./camera";
 
 const AnimatedGroup = animated(Group);
 
@@ -38,12 +35,14 @@ export interface GardenModelProps {
   activeFocus: string;
   setActiveFocus(focus: string): void;
   addPlantProps?: AddPlantProps;
+  mapPoints?: TaggedGenericPointer[];
+  weeds?: TaggedWeedPointer[];
+  toolSlots?: SlotWithTool[];
+  mountedToolName?: string | undefined;
 }
 
-// eslint-disable-next-line complexity
 export const GardenModel = (props: GardenModelProps) => {
   const { config } = props;
-  const groundZ = config.bedZOffset + config.bedHeight;
   const Camera = config.perspective ? PerspectiveCamera : OrthographicCamera;
 
   const plants = isUndefined(props.addPlantProps)
@@ -74,33 +73,7 @@ export const GardenModel = (props: GardenModelProps) => {
     },
   });
 
-  const grassTexture = useTexture(ASSETS.textures.grass + "?=grass");
-  grassTexture.wrapS = RepeatWrapping;
-  grassTexture.wrapT = RepeatWrapping;
-  grassTexture.repeat.set(24, 24);
-  const labFloorTexture = useTexture(ASSETS.textures.concrete + "?=labFloor");
-  labFloorTexture.wrapS = RepeatWrapping;
-  labFloorTexture.wrapT = RepeatWrapping;
-  labFloorTexture.repeat.set(16, 24);
-
-  const Ground = ({ children }: { children: React.ReactElement }) =>
-    <Circle name={"ground"}
-      visible={config.ground}
-      receiveShadow={true}
-      args={[30000, 16]}
-      position={[0, 0, -groundZ]}>
-      {children}
-    </Circle>;
-
-  const initCamera: CameraInterface = {
-    position: isDesktop() ? [2000, -4000, 2500] : [5400, -2500, 3400],
-    target: [0, 0, 0],
-  };
-  const camera = getCamera(config, props.activeFocus, initCamera);
-
-  const zero = zeroFunc(config);
-  const gridZ = zero.z - config.soilHeight + 5;
-  const extents = extentsFunc(config);
+  const camera = getCamera(config, props.activeFocus, cameraInit());
 
   // eslint-disable-next-line no-null/no-null
   return <Group dispose={null}
@@ -138,41 +111,19 @@ export const GardenModel = (props: GardenModelProps) => {
     </GizmoHelper>}
     <Sun config={config} />
     <AmbientLight intensity={1} />
-    <Detailed distances={detailLevels(config)}>
-      <Ground>
-        <MeshPhongMaterial
-          map={config.lab ? labFloorTexture : grassTexture}
-          color={"#ddd"}
-          shininess={0} />
-      </Ground>
-      <Ground>
-        <MeshPhongMaterial
-          color={config.lab ? "gray" : "darkgreen"}
-          shininess={0} />
-      </Ground>
-    </Detailed>
-    <Clouds name={"clouds"} visible={config.clouds} renderOrder={2}
-      texture={ASSETS.textures.cloud}>
-      <Cloud position={[0, 0, 5000]}
-        seed={0}
-        bounds={[5000, 5000, 1000]}
-        segments={80}
-        volume={2500}
-        smallestVolume={.4}
-        concentrate="random"
-        color="#ccc"
-        growth={400}
-        speed={.1}
-        opacity={
-          (seasonProperties[config.plants] || seasonProperties.Summer)
-            .cloudOpacity}
-        fade={5000} />
-    </Clouds>
+    <Ground config={config} />
+    <Clouds config={config} />
     <Bed
       config={config}
       activeFocus={props.activeFocus}
       addPlantProps={props.addPlantProps} />
-    <Bot config={config} activeFocus={props.activeFocus} />
+    {(!props.addPlantProps
+      || !!props.addPlantProps.getConfigValue(BooleanSetting.show_farmbot)) &&
+      <Bot
+        config={config}
+        activeFocus={props.activeFocus}
+        mountedToolName={props.mountedToolName}
+        toolSlots={props.toolSlots} />}
     <Group name={"plant-icon-preload"} visible={false}>
       {ICON_URLS.map((url, i) => <Image key={i} url={url} />)}
     </Group>
@@ -184,24 +135,11 @@ export const GardenModel = (props: GardenModelProps) => {
           config={config}
           hoveredPlant={hoveredPlant} />)}
     </Group>
-    <Group name={"garden-grid"} visible={config.grid}>
-      {range(0, config.botSizeX + 100, 100).map(x =>
-        <Line key={x}
-          color={"white"}
-          points={[
-            [zero.x + x, zero.y, gridZ],
-            [zero.x + x, extents.y, gridZ],
-          ]} />)}
-      {range(0, config.botSizeY + 100, 100).map(y =>
-        <Line key={y}
-          color={"white"}
-          points={[
-            [zero.x, zero.y + y, gridZ],
-            [extents.x, zero.y + y, gridZ],
-          ]} />)}
-    </Group>
+    <Grid config={config} />
     <Group name={"plants"}
-      visible={props.activeFocus != "Planter bed"}
+      visible={props.activeFocus != "Planter bed" &&
+        (!props.addPlantProps
+          || !!props.addPlantProps.getConfigValue(BooleanSetting.show_plants))}
       onPointerEnter={setHover(true)}
       onPointerMove={setHover(true)}
       onPointerLeave={setHover(false)}>
@@ -211,7 +149,18 @@ export const GardenModel = (props: GardenModelProps) => {
           config={config}
           hoveredPlant={hoveredPlant} />)}
     </Group>
+    <Group name={"points"}
+      visible={!!props.addPlantProps?.getConfigValue(BooleanSetting.show_points)}>
+      {props.mapPoints?.map(point =>
+        <Point key={point.uuid} point={point} config={config} />)}
+    </Group>
+    <Group name={"weeds"}
+      visible={!!props.addPlantProps?.getConfigValue(BooleanSetting.show_weeds)}>
+      {props.weeds?.map(weed =>
+        <Weed key={weed.uuid} weed={weed} config={config} />)}
+    </Group>
     <Solar config={config} activeFocus={props.activeFocus} />
     <Lab config={config} activeFocus={props.activeFocus} />
+    <Greenhouse config={config} activeFocus={props.activeFocus} />
   </Group>;
 };
diff --git a/frontend/three_d_garden/helpers.ts b/frontend/three_d_garden/helpers.ts
index 5890d0ffbb..a2a5643bba 100644
--- a/frontend/three_d_garden/helpers.ts
+++ b/frontend/three_d_garden/helpers.ts
@@ -22,7 +22,7 @@ export const getColorFromBrightness = (value: number) => {
   };
   return colorMap[value];
 };
-export const zDir = -1;
+export const zDir = (config: Config) => config.negativeZ ? -1 : 1;
 
 export const zero = (config: Config): Record<"x" | "y" | "z", number> => ({
   x: threeSpace(config.bedXOffset, config.bedLengthOuter),
@@ -33,7 +33,7 @@ export const zero = (config: Config): Record<"x" | "y" | "z", number> => ({
 export const extents = (config: Config): Record<"x" | "y" | "z", number> => ({
   x: threeSpace(config.bedXOffset + config.botSizeX, config.bedLengthOuter),
   y: threeSpace(config.bedYOffset + config.botSizeY, config.bedWidthOuter),
-  z: zZero(config) + zDir * config.botSizeZ,
+  z: zZero(config) + zDir(config) * config.botSizeZ,
 });
 
 interface Vector3Array extends Array<number> {
diff --git a/frontend/three_d_garden/index.tsx b/frontend/three_d_garden/index.tsx
index 8c5e90b503..feb0adb033 100644
--- a/frontend/three_d_garden/index.tsx
+++ b/frontend/three_d_garden/index.tsx
@@ -1,13 +1,19 @@
 import { Canvas } from "@react-three/fiber";
 import React from "react";
 import { Config } from "./config";
-import { GardenModel } from "./garden";
+import { GardenModel } from "./garden_model";
 import { noop } from "lodash";
 import { AddPlantProps } from "./bed";
+import { TaggedGenericPointer, TaggedWeedPointer } from "farmbot";
+import { SlotWithTool } from "../resources/interfaces";
 
 export interface ThreeDGardenProps {
   config: Config;
   addPlantProps: AddPlantProps;
+  mapPoints: TaggedGenericPointer[];
+  weeds: TaggedWeedPointer[];
+  toolSlots?: SlotWithTool[];
+  mountedToolName?: string;
 }
 
 export const ThreeDGarden = (props: ThreeDGardenProps) => {
@@ -18,6 +24,10 @@ export const ThreeDGarden = (props: ThreeDGardenProps) => {
           config={props.config}
           activeFocus={""}
           setActiveFocus={noop}
+          mapPoints={props.mapPoints}
+          weeds={props.weeds}
+          toolSlots={props.toolSlots}
+          mountedToolName={props.mountedToolName}
           addPlantProps={props.addPlantProps} />
       </Canvas>
     </div>
diff --git a/frontend/three_d_garden/scenes/__tests__/greenhouse_test.tsx b/frontend/three_d_garden/scenes/__tests__/greenhouse_test.tsx
new file mode 100644
index 0000000000..4a834e2e66
--- /dev/null
+++ b/frontend/three_d_garden/scenes/__tests__/greenhouse_test.tsx
@@ -0,0 +1,54 @@
+import React from "react";
+import { render } from "@testing-library/react";
+import { Greenhouse, GreenhouseProps } from "../greenhouse";
+import { INITIAL } from "../../config";
+import { clone } from "lodash";
+
+describe("<Greenhouse />", () => {
+  const fakeProps = (): GreenhouseProps => ({
+    config: clone(INITIAL),
+    activeFocus: "",
+  });
+
+  it("renders", () => {
+    const p = fakeProps();
+    p.config.scene = "Greenhouse";
+    p.config.people = false;
+    p.activeFocus = "";
+    const { container } = render(<Greenhouse {...p} />);
+    expect(container).toContainHTML("greenhouse-environment");
+    expect(container).not.toContainHTML("people");
+    expect(container).toContainHTML("starter-tray-1");
+    expect(container).toContainHTML("starter-tray-2");
+    expect(container).toContainHTML("left-greenhouse-wall");
+    expect(container).toContainHTML("right-greenhouse-wall");
+    expect(container).toContainHTML("potted-plant");
+  });
+
+  it("not visible when scene is not greenhouse", () => {
+    const p = fakeProps();
+    p.config.scene = "Lab";
+    const { container } = render(<Greenhouse {...p} />);
+    expect(container).not.toContainHTML("greenhouse-environment");
+  });
+
+  it("renders with people", () => {
+    const p = fakeProps();
+    p.config.scene = "Greenhouse";
+    p.config.people = true;
+    p.activeFocus = "";
+    const { container } = render(<Greenhouse {...p} />);
+    expect(container).toContainHTML("greenhouse-environment");
+    expect(container).toContainHTML("people");
+  });
+
+  it("doesn't render people or potted plant when active focus is set", () => {
+    const p = fakeProps();
+    p.config.scene = "Greenhouse";
+    p.config.people = true;
+    p.activeFocus = "foo";
+    const { container } = render(<Greenhouse {...p} />);
+    expect(container).toContainHTML("greenhouse-environment");
+    expect(container).not.toContainHTML("people");
+  });
+});
diff --git a/frontend/three_d_garden/scenes/__tests__/lab_test.tsx b/frontend/three_d_garden/scenes/__tests__/lab_test.tsx
new file mode 100644
index 0000000000..d64521afe1
--- /dev/null
+++ b/frontend/three_d_garden/scenes/__tests__/lab_test.tsx
@@ -0,0 +1,43 @@
+import React from "react";
+import { render } from "@testing-library/react";
+import { Lab, LabProps } from "../lab";
+import { INITIAL } from "../../config";
+import { clone } from "lodash";
+
+describe("<Lab />", () => {
+  const fakeProps = (): LabProps => ({
+    config: clone(INITIAL),
+    activeFocus: "",
+  });
+
+  it("renders", () => {
+    const p = fakeProps();
+    p.config.scene = "Lab";
+    p.config.people = false;
+    p.activeFocus = "";
+    render(<Lab {...p} />);
+    const { container } = render(<Lab {...p} />);
+    expect(container).toContainHTML("shelf");
+    expect(container).not.toContainHTML("people");
+  });
+
+  it("not visible when scene is not lab", () => {
+    const p = fakeProps();
+    p.config.scene = "Greenhouse";
+    render(<Lab {...p} />);
+    const { container } = render(<Lab {...p} />);
+    expect(container).not.toContainHTML("shelf");
+    expect(container).not.toContainHTML("people");
+  });
+
+  it("renders with people", () => {
+    const p = fakeProps();
+    p.config.scene = "Lab";
+    p.config.people = true;
+    p.activeFocus = "";
+    render(<Lab {...p} />);
+    const { container } = render(<Lab {...p} />);
+    expect(container).toContainHTML("shelf");
+    expect(container).toContainHTML("people");
+  });
+});
diff --git a/frontend/three_d_garden/scenes/greenhouse.tsx b/frontend/three_d_garden/scenes/greenhouse.tsx
new file mode 100644
index 0000000000..1d38fc7fcc
--- /dev/null
+++ b/frontend/three_d_garden/scenes/greenhouse.tsx
@@ -0,0 +1,101 @@
+import React from "react";
+import { Box, useTexture } from "@react-three/drei";
+import { DoubleSide, RepeatWrapping } from "three";
+import { ASSETS } from "../constants";
+import { threeSpace } from "../helpers";
+import { Config } from "../config";
+import { Group, MeshPhongMaterial } from "../components";
+import { StarterTray, PottedPlant, GreenhouseWall, People } from "./props";
+
+export interface GreenhouseProps {
+  config: Config;
+  activeFocus: string;
+}
+
+const wallLength = 10000;
+const wallOffset = 2000;
+const shelfThickness = 50;
+const shelfHeight = 800;
+const shelfDepth = 600;
+
+export const Greenhouse = (props: GreenhouseProps) => {
+  const { config } = props;
+  const groundZ = -config.bedZOffset - config.bedHeight;
+
+  const shelfWoodTexture = useTexture(ASSETS.textures.wood + "?=shelf");
+  shelfWoodTexture.wrapS = RepeatWrapping;
+  shelfWoodTexture.wrapT = RepeatWrapping;
+  shelfWoodTexture.repeat.set(0.3, 0.3);
+
+  return <Group
+    name={"greenhouse-environment"}
+    visible={config.scene == "Greenhouse"}>
+
+    <Group
+      name={"right-greenhouse-wall"}
+      position={[
+        threeSpace(-wallOffset, config.bedLengthOuter),
+        threeSpace(config.bedWidthOuter + wallOffset, config.bedWidthOuter),
+        groundZ,
+      ]}>
+      <GreenhouseWall />
+      <Box
+        name={"shelf"}
+        castShadow={true}
+        receiveShadow={true}
+        args={[wallLength, shelfDepth, shelfThickness]}
+        position={[wallLength / 2, -shelfDepth / 2, shelfHeight]}>
+        <MeshPhongMaterial
+          map={shelfWoodTexture}
+          color={"#aaa"}
+          side={DoubleSide}
+        />
+      </Box>
+      <Group name={"starter-tray-1"}
+        position={[2000, -shelfDepth / 2, shelfHeight + 25]}>
+        <StarterTray />
+      </Group>
+      <Group name={"starter-tray-2"}
+        position={[3000, -shelfDepth / 2, shelfHeight + 25]}>
+        <StarterTray />
+      </Group>
+    </Group>
+
+    <Group
+      name={"left-greenhouse-wall"}
+      position={[
+        threeSpace(-wallOffset, config.bedLengthOuter),
+        threeSpace(config.bedWidthOuter + wallOffset - 10000,
+          config.bedWidthOuter),
+        groundZ,
+      ]}
+      rotation={[0, 0, Math.PI / 2]}>
+      <GreenhouseWall />
+    </Group>
+
+    <People
+      activeFocus={props.activeFocus}
+      config={config}
+      people={[
+        {
+          url: ASSETS.people.person3,
+          offset: [-400, -400],
+        },
+        {
+          url: ASSETS.people.person4Flipped,
+          offset: [0, config.bedWidthOuter + 900],
+        },
+      ]} />
+
+    <Group
+      name="potted-plant"
+      visible={props.activeFocus == ""}
+      position={[
+        threeSpace(-1750, config.bedLengthOuter),
+        threeSpace(850, -config.bedWidthOuter),
+        groundZ,
+      ]}>
+      <PottedPlant />
+    </Group>
+  </Group>;
+};
diff --git a/frontend/three_d_garden/scenes/index.ts b/frontend/three_d_garden/scenes/index.ts
new file mode 100644
index 0000000000..1a1721be73
--- /dev/null
+++ b/frontend/three_d_garden/scenes/index.ts
@@ -0,0 +1,2 @@
+export * from "./lab";
+export * from "./greenhouse";
diff --git a/frontend/three_d_garden/lab.tsx b/frontend/three_d_garden/scenes/lab.tsx
similarity index 62%
rename from frontend/three_d_garden/lab.tsx
rename to frontend/three_d_garden/scenes/lab.tsx
index a41674470f..ea2262eaa7 100644
--- a/frontend/three_d_garden/lab.tsx
+++ b/frontend/three_d_garden/scenes/lab.tsx
@@ -1,11 +1,11 @@
 import React from "react";
-import { Box, Billboard, Image, Extrude, useTexture } from "@react-three/drei";
+import { Box, Extrude, useTexture } from "@react-three/drei";
 import { DoubleSide, Shape, RepeatWrapping } from "three";
-import { ASSETS } from "./constants";
-import { threeSpace } from "./helpers";
-import { Config } from "./config";
-import { Desk } from "./desk";
-import { Group, MeshPhongMaterial } from "./components";
+import { ASSETS } from "../constants";
+import { threeSpace } from "../helpers";
+import { Config } from "../config";
+import { Desk, People } from "./props";
+import { Group, MeshPhongMaterial } from "../components";
 
 export interface LabProps {
   config: Config;
@@ -42,7 +42,7 @@ export const Lab = (props: LabProps) => {
   shelfWoodTexture.wrapT = RepeatWrapping;
   shelfWoodTexture.repeat.set(0.3, 0.3);
 
-  return <Group name={"lab-environment"} visible={config.lab}>
+  return <Group name={"lab-environment"} visible={config.scene == "Lab"}>
     <Group
       name={"lab-walls"}
       position={[
@@ -80,36 +80,18 @@ export const Lab = (props: LabProps) => {
       ))}
     </Group>
     <Desk config={config} activeFocus={props.activeFocus} />
-    <Group name={"people"}
-      visible={config.people && props.activeFocus == ""}>
-      <Billboard
-        position={[
-          threeSpace(-300, config.bedLengthOuter),
-          threeSpace(-300, config.bedWidthOuter),
-          groundZ,
-        ]}>
-        <Image
-          url={ASSETS.people.person1Flipped}
-          position={[0, 900, 0]}
-          scale={[900, 1800]}
-          transparent={true}
-          opacity={0.4}
-          renderOrder={1} />
-      </Billboard>
-      <Billboard
-        position={[
-          threeSpace(config.bedLengthOuter / 2, config.bedLengthOuter),
-          threeSpace(config.bedWidthOuter + 500, config.bedWidthOuter),
-          groundZ,
-        ]}>
-        <Image
-          url={ASSETS.people.person2Flipped}
-          position={[0, 850, 0]}
-          scale={[700, 1700]}
-          transparent={true}
-          opacity={0.4}
-          renderOrder={1} />
-      </Billboard>
-    </Group>
+    <People
+      activeFocus={props.activeFocus}
+      config={config}
+      people={[
+        {
+          url: ASSETS.people.person1Flipped,
+          offset: [-300, -300],
+        },
+        {
+          url: ASSETS.people.person2Flipped,
+          offset: [config.bedLengthOuter / 2, config.bedWidthOuter + 500],
+        },
+      ]} />
   </Group>;
 };
diff --git a/frontend/three_d_garden/__tests__/desk_test.tsx b/frontend/three_d_garden/scenes/props/__tests__/desk_test.tsx
similarity index 90%
rename from frontend/three_d_garden/__tests__/desk_test.tsx
rename to frontend/three_d_garden/scenes/props/__tests__/desk_test.tsx
index 4e1f3246f6..bfbd4919be 100644
--- a/frontend/three_d_garden/__tests__/desk_test.tsx
+++ b/frontend/three_d_garden/scenes/props/__tests__/desk_test.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { mount } from "enzyme";
 import { Desk, DeskProps } from "../desk";
 import { clone } from "lodash";
-import { INITIAL } from "../config";
+import { INITIAL } from "../../../config";
 
 describe("<Desk />", () => {
   const fakeProps = (): DeskProps => ({
diff --git a/frontend/three_d_garden/scenes/props/__tests__/greenhouse_wall_test.tsx b/frontend/three_d_garden/scenes/props/__tests__/greenhouse_wall_test.tsx
new file mode 100644
index 0000000000..3072c5dafc
--- /dev/null
+++ b/frontend/three_d_garden/scenes/props/__tests__/greenhouse_wall_test.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import { render } from "@testing-library/react";
+import { GreenhouseWall } from "../greenhouse_wall";
+
+describe("<GreenhouseWall />", () => {
+  it("renders", () => {
+    const { container } = render(<GreenhouseWall />);
+    expect(container).toContainHTML("greenhouse-wall");
+  });
+});
diff --git a/frontend/three_d_garden/scenes/props/__tests__/people_test.tsx b/frontend/three_d_garden/scenes/props/__tests__/people_test.tsx
new file mode 100644
index 0000000000..0494efaba6
--- /dev/null
+++ b/frontend/three_d_garden/scenes/props/__tests__/people_test.tsx
@@ -0,0 +1,20 @@
+import React from "react";
+import { render } from "@testing-library/react";
+import { People, PeopleProps } from "../people";
+import { INITIAL } from "../../../config";
+import { clone } from "lodash";
+
+describe("<People />", () => {
+  const fakeProps = (): PeopleProps => ({
+    activeFocus: "",
+    config: clone(INITIAL),
+    people: [],
+  });
+
+  it("renders", () => {
+    const p = fakeProps();
+    p.config.people = true;
+    const { container } = render(<People {...p} />);
+    expect(container).toContainHTML("people");
+  });
+});
diff --git a/frontend/three_d_garden/scenes/props/__tests__/potted_plant_test.tsx b/frontend/three_d_garden/scenes/props/__tests__/potted_plant_test.tsx
new file mode 100644
index 0000000000..d0698f53b6
--- /dev/null
+++ b/frontend/three_d_garden/scenes/props/__tests__/potted_plant_test.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import { render } from "@testing-library/react";
+import { PottedPlant } from "../potted_plant";
+
+describe("<PottedPlant />", () => {
+  it("renders", () => {
+    const { container } = render(<PottedPlant />);
+    expect(container).toContainHTML("pot-with-plant");
+  });
+});
diff --git a/frontend/three_d_garden/scenes/props/__tests__/starter_tray_test.tsx b/frontend/three_d_garden/scenes/props/__tests__/starter_tray_test.tsx
new file mode 100644
index 0000000000..12b115fca6
--- /dev/null
+++ b/frontend/three_d_garden/scenes/props/__tests__/starter_tray_test.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { render } from "@testing-library/react";
+import { Desk, DeskProps } from "../desk";
+import { clone } from "lodash";
+import { INITIAL } from "../../../config";
+
+describe("<Desk />", () => {
+  const fakeProps = (): DeskProps => ({
+    config: clone(INITIAL),
+    activeFocus: "",
+  });
+
+  it("renders", () => {
+    const { container } = render(<Desk {...fakeProps()} />);
+    expect(container).toContainHTML("desk");
+  });
+});
diff --git a/frontend/three_d_garden/desk.tsx b/frontend/three_d_garden/scenes/props/desk.tsx
similarity index 94%
rename from frontend/three_d_garden/desk.tsx
rename to frontend/three_d_garden/scenes/props/desk.tsx
index fe129c5acf..159caa60ce 100644
--- a/frontend/three_d_garden/desk.tsx
+++ b/frontend/three_d_garden/scenes/props/desk.tsx
@@ -1,10 +1,10 @@
 import React from "react";
 import { RepeatWrapping } from "three";
 import { Box, useTexture } from "@react-three/drei";
-import { ASSETS } from "./constants";
-import { threeSpace } from "./helpers";
-import { Config } from "./config";
-import { Group, MeshPhongMaterial } from "./components";
+import { ASSETS } from "../../constants";
+import { threeSpace } from "../../helpers";
+import { Config } from "../../config";
+import { Group, MeshPhongMaterial } from "../../components";
 
 export interface DeskProps {
   config: Config;
diff --git a/frontend/three_d_garden/scenes/props/greenhouse_wall.tsx b/frontend/three_d_garden/scenes/props/greenhouse_wall.tsx
new file mode 100644
index 0000000000..ed186f7539
--- /dev/null
+++ b/frontend/three_d_garden/scenes/props/greenhouse_wall.tsx
@@ -0,0 +1,86 @@
+import React from "react";
+import { Box } from "@react-three/drei";
+import { DoubleSide } from "three";
+import { Group, MeshPhongMaterial } from "../../components";
+import { range } from "lodash";
+
+const wallLength = 10000;
+const wallHeight = 2500;
+const glassThickness = 10;
+
+const numWallCols = 8;
+const numWallRows = 4;
+const wallGap = 20;
+const paneWidth = (wallLength - (numWallCols + 1) * wallGap) / numWallCols;
+const paneHeight = (wallHeight - (numWallRows + 1) * wallGap) / numWallRows;
+
+const openPanels = [
+  { row: 2, col: 1 },
+  { row: 2, col: 2 },
+  { row: 2, col: 3 },
+];
+
+export const GreenhouseWall = () => {
+
+  return <Group
+    name={"greenhouse-wall"}>
+    {range(numWallRows).map(row =>
+      range(numWallCols).map(col => {
+        const isOpen = openPanels.some(panel =>
+          panel.row === row &&
+          panel.col === col,
+        );
+        return <Box key={`${row}-${col}`}
+          castShadow={true}
+          receiveShadow={true}
+          renderOrder={1}
+          args={[paneWidth, glassThickness, paneHeight]}
+          position={[
+            wallGap + paneWidth / 2 + col * (paneWidth + wallGap),
+            0,
+            wallGap + paneHeight / 2 + row * (paneHeight + wallGap),
+          ]}
+          rotation={isOpen ? [-Math.PI / 3, 0, 0] : [0, 0, 0]}>
+          <MeshPhongMaterial
+            color={"#ccffff"}
+            side={DoubleSide}
+            transparent={true}
+            opacity={0.25}
+          />
+        </Box>;
+      }),
+    )}
+    {range(numWallCols + 1).map(col => (
+      <Box key={col}
+        castShadow={true}
+        receiveShadow={true}
+        args={[wallGap, glassThickness, wallHeight]}
+        position={[
+          col * (paneWidth + wallGap) + wallGap / 2,
+          0,
+          wallHeight / 2,
+        ]}>
+        <MeshPhongMaterial
+          color={"#999"}
+          side={DoubleSide}
+        />
+      </Box>
+    ))}
+    {range(numWallRows + 1).map(row => (
+      <Box key={row}
+        castShadow={true}
+        receiveShadow={true}
+        args={[wallLength, glassThickness, wallGap]}
+        position={[
+          wallLength / 2,
+          0,
+          wallGap + row * (paneHeight + wallGap) - wallGap / 2,
+        ]}>
+        <MeshPhongMaterial
+          color={"#999"}
+          side={DoubleSide}
+        />
+      </Box>
+    ))}
+  </Group>;
+};
diff --git a/frontend/three_d_garden/scenes/props/index.ts b/frontend/three_d_garden/scenes/props/index.ts
new file mode 100644
index 0000000000..2dc0930c90
--- /dev/null
+++ b/frontend/three_d_garden/scenes/props/index.ts
@@ -0,0 +1,5 @@
+export * from "./desk";
+export * from "./greenhouse_wall";
+export * from "./people";
+export * from "./potted_plant";
+export * from "./starter_tray";
diff --git a/frontend/three_d_garden/scenes/props/people.tsx b/frontend/three_d_garden/scenes/props/people.tsx
new file mode 100644
index 0000000000..ef53a3c0aa
--- /dev/null
+++ b/frontend/three_d_garden/scenes/props/people.tsx
@@ -0,0 +1,55 @@
+import React from "react";
+import { Billboard, Image } from "@react-three/drei";
+import { Group } from "../../components";
+import { Config } from "../../config";
+import { threeSpace } from "../../helpers";
+import { Vector3 } from "three";
+import { ASSETS } from "../../constants";
+
+export interface PeopleProps {
+  config: Config;
+  activeFocus: string;
+  people: { url: string, offset: number[] }[];
+}
+
+export const People = (props: PeopleProps) => {
+  const { people, config } = props;
+  const groundZ = -config.bedZOffset - config.bedHeight;
+  return <Group name={"people"}
+    visible={config.people && props.activeFocus == ""}>
+    {people.map((person, i) => {
+      const scalingData = SCALING_DATA[person.url];
+      const offset = new Vector3(...person.offset);
+      return <Billboard key={i}
+        position={[
+          threeSpace(offset.x, config.bedLengthOuter),
+          threeSpace(offset.y, config.bedWidthOuter),
+          groundZ,
+        ]}>
+        <Image
+          url={person.url}
+          position={new Vector3(...scalingData.position)}
+          scale={scalingData.scale}
+          transparent={true}
+          opacity={0.4}
+          renderOrder={1} />
+      </Billboard>;
+    })}
+  </Group>;
+};
+
+interface DataRecord {
+  scale: [number, number];
+  position: number[];
+}
+
+const SCALING_DATA: Record<string, DataRecord> = {
+  [ASSETS.people.person1]: { scale: [900, 1800], position: [0, 900, 0] },
+  [ASSETS.people.person1Flipped]: { scale: [900, 1800], position: [0, 900, 0] },
+  [ASSETS.people.person2]: { scale: [700, 1700], position: [0, 850, 0] },
+  [ASSETS.people.person2Flipped]: { scale: [700, 1700], position: [0, 850, 0] },
+  [ASSETS.people.person3]: { scale: [875, 1800], position: [0, 900, 0] },
+  [ASSETS.people.person3Flipped]: { scale: [875, 1800], position: [0, 900, 0] },
+  [ASSETS.people.person4]: { scale: [580, 1700], position: [0, 850, 0] },
+  [ASSETS.people.person4Flipped]: { scale: [580, 1700], position: [0, 850, 0] },
+};
diff --git a/frontend/three_d_garden/scenes/props/potted_plant.tsx b/frontend/three_d_garden/scenes/props/potted_plant.tsx
new file mode 100644
index 0000000000..0c4efe3712
--- /dev/null
+++ b/frontend/three_d_garden/scenes/props/potted_plant.tsx
@@ -0,0 +1,46 @@
+import React, { useMemo } from "react";
+import { Billboard, Circle, Image } from "@react-three/drei";
+import * as THREE from "three";
+import { Group, MeshPhongMaterial, Mesh } from "../../components";
+
+const potHeight = 400;
+const plantHeight = 500;
+
+export const PottedPlant = () => {
+  const points = useMemo(() => [
+    new THREE.Vector2(0, 0),
+    new THREE.Vector2(0.3, 0),
+    new THREE.Vector2(0.35, 0.1),
+    new THREE.Vector2(0.25, 0.6),
+    new THREE.Vector2(0.3, 0.8),
+    new THREE.Vector2(0.4, 1),
+    new THREE.Vector2(0.35, 1),
+    new THREE.Vector2(0.2, 0.6),
+    new THREE.Vector2(0, 0.6),
+  ], []);
+
+  const geometry = useMemo(() =>
+    new THREE.LatheGeometry(points, 32, 0, Math.PI * 2), [points]);
+
+  return <Group name="pot-with-plant">
+    <Mesh geometry={geometry}
+      scale={[potHeight, potHeight, potHeight]}
+      rotation={[Math.PI / 2, 0, 0]}
+      receiveShadow={true}>
+      <MeshPhongMaterial color="#E2725B" />
+    </Mesh>
+    <Circle args={[potHeight * 0.35, 16]}
+      position={[0, 0, potHeight * 0.9]}>
+      <MeshPhongMaterial color="#3A1502" />
+    </Circle>
+    <Billboard follow={true} position={[0, 0, potHeight - plantHeight / 8]}>
+      <Image
+        url={"/crops/icons/lavender.avif"}
+        scale={plantHeight}
+        transparent={true}
+        renderOrder={1}
+        position={[0, plantHeight / 2, 0]}
+      />
+    </Billboard>
+  </Group>;
+};
diff --git a/frontend/three_d_garden/scenes/props/starter_tray.tsx b/frontend/three_d_garden/scenes/props/starter_tray.tsx
new file mode 100644
index 0000000000..062341b9ed
--- /dev/null
+++ b/frontend/three_d_garden/scenes/props/starter_tray.tsx
@@ -0,0 +1,40 @@
+import React from "react";
+import { Box, Billboard, Image } from "@react-three/drei";
+import { DoubleSide } from "three";
+import { ASSETS } from "../../constants";
+import { Group, MeshPhongMaterial } from "../../components";
+import { range } from "lodash";
+
+const length = 250;
+const width = 700;
+const height = 50;
+const cellSize = 50;
+const seedlingSize = 40;
+
+export const StarterTray = () => {
+
+  return <Group name={"starter-tray"}>
+    <Box
+      castShadow={true}
+      receiveShadow={true}
+      args={[width, length, height]}
+      position={[0, 0, height / 2]}>
+      <MeshPhongMaterial color={"#434343"} side={DoubleSide} />
+    </Box>
+    {range(5).map(row =>
+      range(14).map(col => {
+        const x = -width / 2 + cellSize / 2 + col * cellSize;
+        const y = -length / 2 + cellSize / 2 + row * cellSize;
+        return <Billboard key={`${row}-${col}`}
+          follow={true}
+          position={[x, y, height + seedlingSize / 2]}>
+          <Image
+            url={ASSETS.other.plant}
+            scale={seedlingSize}
+            renderOrder={1}
+            transparent={true} />
+        </Billboard>;
+      }),
+    )}
+  </Group>;
+};
diff --git a/frontend/three_d_garden/zoom_beacons_constants.tsx b/frontend/three_d_garden/zoom_beacons_constants.tsx
index 8b0ccf3103..175dc33d57 100644
--- a/frontend/three_d_garden/zoom_beacons_constants.tsx
+++ b/frontend/three_d_garden/zoom_beacons_constants.tsx
@@ -177,7 +177,7 @@ export const FOCI = (config: Config): Focus[] => [
     position: [
       threeSpace(config.x, config.bedLengthOuter) + config.bedXOffset,
       threeSpace(config.y + 150, config.bedWidthOuter) + config.bedYOffset,
-      zZero(config) + zDir * config.z,
+      zZero(config) - zDir(config) * config.z,
     ],
     camera: {
       narrow: {
diff --git a/frontend/tools/__tests__/add_tool_slot_test.tsx b/frontend/tools/__tests__/add_tool_slot_test.tsx
index 4d833aa598..a2c428afc3 100644
--- a/frontend/tools/__tests__/add_tool_slot_test.tsx
+++ b/frontend/tools/__tests__/add_tool_slot_test.tsx
@@ -70,9 +70,11 @@ describe("<AddToolSlot />", () => {
 
   it("saves tool slot", () => {
     const wrapper = shallow<AddToolSlot>(<AddToolSlot {...fakeProps()} />);
+    const navigate = jest.fn();
+    wrapper.instance().navigate = navigate;
     wrapper.find("SaveBtn").simulate("click");
     expect(save).toHaveBeenCalled();
-    expect(mockNavigate).toHaveBeenCalledWith(Path.tools());
+    expect(navigate).toHaveBeenCalledWith(Path.tools());
   });
 
   it("saves on unmount", () => {
diff --git a/frontend/tools/__tests__/add_tool_test.tsx b/frontend/tools/__tests__/add_tool_test.tsx
index 41023823e9..ac33be80b2 100644
--- a/frontend/tools/__tests__/add_tool_test.tsx
+++ b/frontend/tools/__tests__/add_tool_test.tsx
@@ -76,12 +76,14 @@ describe("<AddTool />", () => {
     p.dispatch = mockDispatch();
     const wrapper = shallow<AddTool>(<AddTool {...p} />);
     wrapper.setState({ toolName: "Foo" });
+    const navigate = jest.fn();
+    wrapper.instance().navigate = navigate;
     await wrapper.find(SaveBtn).simulate("click");
     expect(init).toHaveBeenCalledWith("Tool", {
       name: "Foo", flow_rate_ml_per_s: 0,
     });
     expect(wrapper.state().uuid).toEqual(undefined);
-    expect(mockNavigate).toHaveBeenCalledWith(Path.tools());
+    expect(navigate).toHaveBeenCalledWith(Path.tools());
   });
 
   it("removes unsaved tool on exit", async () => {
@@ -90,12 +92,14 @@ describe("<AddTool />", () => {
     p.dispatch = mockDispatch();
     const wrapper = shallow<AddTool>(<AddTool {...p} />);
     wrapper.setState({ toolName: "Foo" });
+    const navigate = jest.fn();
+    wrapper.instance().navigate = navigate;
     await wrapper.find(SaveBtn).simulate("click");
     expect(init).toHaveBeenCalledWith("Tool", {
       name: "Foo", flow_rate_ml_per_s: 0,
     });
     expect(wrapper.state().uuid).toEqual("fake uuid");
-    expect(mockNavigate).not.toHaveBeenCalled();
+    expect(navigate).not.toHaveBeenCalled();
     wrapper.unmount();
     expect(destroy).toHaveBeenCalledWith("fake uuid");
   });
@@ -113,20 +117,24 @@ describe("<AddTool />", () => {
   ])("adds peripherals: %s", (firmware, expectedAdds) => {
     const p = fakeProps();
     p.firmwareHardware = firmware;
-    const wrapper = mount(<AddTool {...p} />);
+    const wrapper = mount<AddTool>(<AddTool {...p} />);
+    const navigate = jest.fn();
+    wrapper.instance().navigate = navigate;
     wrapper.find("button").last().simulate("click");
     expect(initSave).toHaveBeenCalledTimes(expectedAdds);
-    expect(mockNavigate).toHaveBeenCalledWith(Path.tools());
+    expect(navigate).toHaveBeenCalledWith(Path.tools());
   });
 
   it("doesn't add stock tools twice", () => {
     const p = fakeProps();
     p.firmwareHardware = "express_k10";
     p.existingToolNames = ["Seed Trough 1"];
-    const wrapper = mount(<AddTool {...p} />);
+    const wrapper = mount<AddTool>(<AddTool {...p} />);
+    const navigate = jest.fn();
+    wrapper.instance().navigate = navigate;
     wrapper.find("button").last().simulate("click");
     expect(initSave).toHaveBeenCalledTimes(2);
-    expect(mockNavigate).toHaveBeenCalledWith(Path.tools());
+    expect(navigate).toHaveBeenCalledWith(Path.tools());
   });
 
   it("copies a tool name", () => {
diff --git a/frontend/tools/add_tool.tsx b/frontend/tools/add_tool.tsx
index 8a80050808..0e17b03282 100644
--- a/frontend/tools/add_tool.tsx
+++ b/frontend/tools/add_tool.tsx
@@ -9,7 +9,6 @@ import { SaveBtn } from "../ui";
 import { SpecialStatus } from "farmbot";
 import { initSave, destroy, init, save } from "../api/crud";
 import { Panel } from "../farm_designer/panel_header";
-import { useNavigate } from "react-router";
 import { selectAllTools } from "../resources/selectors";
 import { betterCompact } from "../util";
 import {
@@ -27,6 +26,7 @@ import {
   reduceToolName, ToolName,
 } from "../farm_designer/map/tool_graphics/all_tools";
 import { WaterFlowRateInput } from "./edit_tool";
+import { NavigationContext } from "../routes_helpers";
 
 export const mapStateToProps = (props: Everything): AddToolProps => ({
   dispatch: props.dispatch,
@@ -54,9 +54,12 @@ export class RawAddTool extends React.Component<AddToolProps, AddToolState> {
 
   newTool = (name: string) => this.props.dispatch(initSave("Tool", { name }));
 
+  static contextType = NavigationContext;
+  context!: React.ContextType<typeof NavigationContext>;
+  navigate = this.context;
+
   back = () => {
-    const navigate = useNavigate();
-    navigate(Path.tools());
+    this.navigate(Path.tools());
   };
 
   save = () => {
@@ -139,7 +142,6 @@ export class RawAddTool extends React.Component<AddToolProps, AddToolState> {
 
   AddStockTools = () => {
     const add = this.state.toAdd.filter(this.filterExisting);
-    const navigate = useNavigate();
     return <div className="add-stock-tools"
       hidden={this.props.firmwareHardware == "none"}>
       <label>{t("stock names")}</label>
@@ -155,7 +157,7 @@ export class RawAddTool extends React.Component<AddToolProps, AddToolState> {
         title={add.length > 0 ? t("Add selected") : t("None to add")}
         onClick={() => {
           add.map(n => this.newTool(n));
-          navigate(Path.tools());
+          this.navigate(Path.tools());
         }}>
         <i className="fa fa-plus" />
         {t("selected")}
diff --git a/frontend/tools/add_tool_slot.tsx b/frontend/tools/add_tool_slot.tsx
index b9d9eab485..426a367e29 100644
--- a/frontend/tools/add_tool_slot.tsx
+++ b/frontend/tools/add_tool_slot.tsx
@@ -9,12 +9,12 @@ import { SpecialStatus, TaggedToolSlotPointer } from "farmbot";
 import { init, save, edit, destroy } from "../api/crud";
 import { Panel } from "../farm_designer/panel_header";
 import { ToolPulloutDirection } from "farmbot/dist/resources/api_resources";
-import { useNavigate } from "react-router";
 import { SlotEditRows } from "./tool_slot_edit_components";
 import { hasUTM } from "../settings/firmware/firmware_hardware_support";
 import { mapStateToPropsAdd } from "./state_to_props";
 import { AddToolSlotState, AddToolSlotProps } from "./interfaces";
 import { Path } from "../internal_urls";
+import { NavigationContext } from "../routes_helpers";
 
 export class RawAddToolSlot
   extends React.Component<AddToolSlotProps, AddToolSlotState> {
@@ -54,10 +54,13 @@ export class RawAddToolSlot
     (update: Partial<TaggedToolSlotPointer["body"]>) =>
       this.props.dispatch(edit(toolSlot, update));
 
+  static contextType = NavigationContext;
+  context!: React.ContextType<typeof NavigationContext>;
+  navigate = this.context;
+
   save = () => {
     this.state.uuid && this.props.dispatch(save(this.state.uuid));
-    const navigate = useNavigate();
-    navigate(Path.tools());
+    this.navigate(Path.tools());
   };
 
   render() {
diff --git a/frontend/wizard/checks.tsx b/frontend/wizard/checks.tsx
index 88d9262c0b..90374bd0cc 100644
--- a/frontend/wizard/checks.tsx
+++ b/frontend/wizard/checks.tsx
@@ -228,7 +228,7 @@ const MeasureSoilHeight = (props: CameraCheckBaseProps) => {
       env={env}
       userEnv={userEnv}
       farmwareEnvs={farmwareEnvs}
-      saveFarmwareEnv={saveOrEditFarmwareEnv(props.resources)}
+      saveFarmwareEnv={saveOrEditFarmwareEnv(props.resources, true)}
       botOnline={botOnline}
       hideAdvanced={true}
       hideResets={true}
diff --git a/package.json b/package.json
index ca18a0155a..eee504ed7f 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,8 @@
     "test-very-slow": "node --expose-gc ./node_modules/.bin/jest -i --colors --coverage",
     "test-slow": "./node_modules/.bin/jest -w 6 --colors",
     "test": "./node_modules/.bin/jest -w 5 --no-coverage",
+    "graph-modules-dot": "./node_modules/.bin/madge --dot ./frontend > module_graph.dot",
+    "graph-modules-svg": "dot -Tsvg module_graph.dot -o module_graph.svg",
     "typecheck": "./node_modules/typescript/bin/tsc --noEmit",
     "dev-typecheck": "./node_modules/typescript/bin/tsc --project tsconfig.dev.json --noEmit",
     "eslint": "./node_modules/.bin/eslint frontend public/app-resources/languages --ext .ts,.tsx",
diff --git a/public/3D/icons/generic-plant.avif b/public/3D/icons/generic-plant.avif
new file mode 100644
index 0000000000..8074146d51
Binary files /dev/null and b/public/3D/icons/generic-plant.avif differ
diff --git a/public/3D/icons/generic-weed.avif b/public/3D/icons/generic-weed.avif
new file mode 100644
index 0000000000..c14ea79719
Binary files /dev/null and b/public/3D/icons/generic-weed.avif differ
diff --git a/public/3D/models/seed_trough.glb b/public/3D/models/seed_trough.glb
new file mode 100644
index 0000000000..003e7d6f83
Binary files /dev/null and b/public/3D/models/seed_trough.glb differ
diff --git a/public/3D/models/toolbay_1.glb b/public/3D/models/toolbay_1.glb
new file mode 100644
index 0000000000..55d075526b
Binary files /dev/null and b/public/3D/models/toolbay_1.glb differ
diff --git a/public/3D/models/weeder.glb b/public/3D/models/weeder.glb
new file mode 100644
index 0000000000..f2d50752a1
Binary files /dev/null and b/public/3D/models/weeder.glb differ
diff --git a/public/3D/people/person_3.avif b/public/3D/people/person_3.avif
new file mode 100644
index 0000000000..3081d8613e
Binary files /dev/null and b/public/3D/people/person_3.avif differ
diff --git a/public/3D/people/person_3_flipped.avif b/public/3D/people/person_3_flipped.avif
new file mode 100644
index 0000000000..c4ccacb146
Binary files /dev/null and b/public/3D/people/person_3_flipped.avif differ
diff --git a/public/3D/people/person_4.avif b/public/3D/people/person_4.avif
new file mode 100644
index 0000000000..5a56f991f2
Binary files /dev/null and b/public/3D/people/person_4.avif differ
diff --git a/public/3D/people/person_4_flipped.avif b/public/3D/people/person_4_flipped.avif
new file mode 100644
index 0000000000..0a673b4b28
Binary files /dev/null and b/public/3D/people/person_4_flipped.avif differ
diff --git a/public/3D/textures/bricks.avif b/public/3D/textures/bricks.avif
new file mode 100644
index 0000000000..12b439b422
Binary files /dev/null and b/public/3D/textures/bricks.avif differ
diff --git a/spec/controllers/api/devices/devices_controller_seed_spec.rb b/spec/controllers/api/devices/devices_controller_seed_spec.rb
index 1bfba2f869..74f8ee2125 100644
--- a/spec/controllers/api/devices/devices_controller_seed_spec.rb
+++ b/spec/controllers/api/devices/devices_controller_seed_spec.rb
@@ -325,7 +325,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sensors_tool_verification?(device)).to be_kind_of(Sensor)
       expect(settings_device_name?(device)).to eq(Names::GENESIS)
       expect(settings_change_firmware_config_defaults?(device)).to be(true)
-      expect(settings_soil_height?(device)).to eq(-200)
+      expect(settings_soil_height?(device)).to eq(-500)
       expect(settings_gantry_height?(device)).to eq(120)
       expect(settings_firmware?(device)).to eq("arduino")
       expect(settings_hide_sensors?(device)).to be(false)
@@ -378,7 +378,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sequences_mow_all_weeds?(device)).to_not be
       expect(sequences_pick_from_seed_tray?(device)).to be_kind_of(Sequence)
       expect(settings_default_map_size_x?(device)).to eq(2900)
-      expect(settings_default_map_size_y?(device)).to eq(1400)
+      expect(settings_default_map_size_y?(device)).to eq(1230)
     end
 
     it "seeds accounts with Genesis 1.3 data" do
@@ -398,7 +398,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sensors_tool_verification?(device).pin).to eq(63)
       expect(settings_device_name?(device)).to eq(Names::GENESIS)
       expect(settings_change_firmware_config_defaults?(device)).to be(true)
-      expect(settings_soil_height?(device)).to eq(-200)
+      expect(settings_soil_height?(device)).to eq(-500)
       expect(settings_gantry_height?(device)).to eq(120)
       expect(settings_firmware?(device)).to eq("farmduino")
       expect(settings_hide_sensors?(device)).to be(false)
@@ -451,7 +451,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sequences_mow_all_weeds?(device)).to_not be
       expect(sequences_pick_from_seed_tray?(device)).to be_kind_of(Sequence)
       expect(settings_default_map_size_x?(device)).to eq(2900)
-      expect(settings_default_map_size_y?(device)).to eq(1400)
+      expect(settings_default_map_size_y?(device)).to eq(1230)
     end
 
     it "seeds accounts with Genesis 1.4 data" do
@@ -471,7 +471,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sensors_tool_verification?(device).pin).to eq(63)
       expect(settings_device_name?(device)).to eq(Names::GENESIS)
       expect(settings_change_firmware_config_defaults?(device)).to be(true)
-      expect(settings_soil_height?(device)).to eq(-200)
+      expect(settings_soil_height?(device)).to eq(-500)
       expect(settings_gantry_height?(device)).to eq(120)
       expect(settings_firmware?(device)).to eq("farmduino_k14")
       expect(settings_hide_sensors?(device)).to be(false)
@@ -524,7 +524,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sequences_mow_all_weeds?(device)).to_not be
       expect(sequences_pick_from_seed_tray?(device)).to be_kind_of(Sequence)
       expect(settings_default_map_size_x?(device)).to eq(2900)
-      expect(settings_default_map_size_y?(device)).to eq(1400)
+      expect(settings_default_map_size_y?(device)).to eq(1230)
     end
 
     it "seeds accounts with Genesis 1.5 data" do
@@ -544,7 +544,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sensors_tool_verification?(device).pin).to eq(63)
       expect(settings_device_name?(device)).to eq(Names::GENESIS)
       expect(settings_change_firmware_config_defaults?(device)).to be(true)
-      expect(settings_soil_height?(device)).to eq(-200)
+      expect(settings_soil_height?(device)).to eq(-500)
       expect(settings_gantry_height?(device)).to eq(120)
       expect(settings_firmware?(device)).to eq("farmduino_k15")
       expect(settings_hide_sensors?(device)).to be(false)
@@ -599,7 +599,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sequences_mow_all_weeds?(device)).to_not be
       expect(sequences_pick_from_seed_tray?(device)).to be_kind_of(Sequence)
       expect(settings_default_map_size_x?(device)).to eq(2900)
-      expect(settings_default_map_size_y?(device)).to eq(1400)
+      expect(settings_default_map_size_y?(device)).to eq(1230)
     end
 
     it "seeds accounts with Genesis 1.6 data" do
@@ -619,7 +619,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sensors_tool_verification?(device).pin).to eq(63)
       expect(settings_device_name?(device)).to eq(Names::GENESIS)
       expect(settings_change_firmware_config_defaults?(device)).to be(true)
-      expect(settings_soil_height?(device)).to eq(-200)
+      expect(settings_soil_height?(device)).to eq(-500)
       expect(settings_gantry_height?(device)).to eq(120)
       expect(settings_firmware?(device)).to eq("farmduino_k16")
       expect(settings_hide_sensors?(device)).to be(false)
@@ -675,7 +675,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sequences_mow_all_weeds?(device)).to be_kind_of(Sequence)
       expect(sequences_pick_from_seed_tray?(device)).to be_kind_of(Sequence)
       expect(settings_default_map_size_x?(device)).to eq(2900)
-      expect(settings_default_map_size_y?(device)).to eq(1400)
+      expect(settings_default_map_size_y?(device)).to eq(1230)
     end
 
     it "seeds accounts with Genesis 1.7 data" do
@@ -695,7 +695,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sensors_tool_verification?(device).pin).to eq(63)
       expect(settings_device_name?(device)).to eq(Names::GENESIS)
       expect(settings_change_firmware_config_defaults?(device)).to be(true)
-      expect(settings_soil_height?(device)).to eq(-200)
+      expect(settings_soil_height?(device)).to eq(-500)
       expect(settings_gantry_height?(device)).to eq(120)
       expect(settings_firmware?(device)).to eq("farmduino_k17")
       expect(settings_hide_sensors?(device)).to be(false)
@@ -750,7 +750,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sequences_mow_all_weeds?(device)).to be_kind_of(Sequence)
       expect(sequences_pick_from_seed_tray?(device)).to be_kind_of(Sequence)
       expect(settings_default_map_size_x?(device)).to eq(2900)
-      expect(settings_default_map_size_y?(device)).to eq(1400)
+      expect(settings_default_map_size_y?(device)).to eq(1230)
     end
 
     it "seeds accounts with Genesis XL 1.4 data" do
@@ -770,7 +770,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sensors_tool_verification?(device).pin).to eq(63)
       expect(settings_device_name?(device)).to eq(Names::GENESIS_XL)
       expect(settings_change_firmware_config_defaults?(device)).to be(true)
-      expect(settings_soil_height?(device)).to eq(-200)
+      expect(settings_soil_height?(device)).to eq(-500)
       expect(settings_gantry_height?(device)).to eq(120)
       expect(settings_firmware?(device)).to eq("farmduino_k14")
       expect(settings_hide_sensors?(device)).to be(false)
@@ -823,7 +823,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sequences_mow_all_weeds?(device)).to_not be
       expect(sequences_pick_from_seed_tray?(device)).to be_kind_of(Sequence)
       expect(settings_default_map_size_x?(device)).to eq(5900)
-      expect(settings_default_map_size_y?(device)).to eq(2900)
+      expect(settings_default_map_size_y?(device)).to eq(2730)
     end
 
     it "seeds accounts with Genesis XL 1.5 data" do
@@ -843,7 +843,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sensors_tool_verification?(device).pin).to eq(63)
       expect(settings_device_name?(device)).to eq(Names::GENESIS_XL)
       expect(settings_change_firmware_config_defaults?(device)).to be(true)
-      expect(settings_soil_height?(device)).to eq(-200)
+      expect(settings_soil_height?(device)).to eq(-500)
       expect(settings_gantry_height?(device)).to eq(120)
       expect(settings_firmware?(device)).to eq("farmduino_k15")
       expect(settings_hide_sensors?(device)).to be(false)
@@ -898,7 +898,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sequences_mow_all_weeds?(device)).to_not be
       expect(sequences_pick_from_seed_tray?(device)).to be_kind_of(Sequence)
       expect(settings_default_map_size_x?(device)).to eq(5900)
-      expect(settings_default_map_size_y?(device)).to eq(2900)
+      expect(settings_default_map_size_y?(device)).to eq(2730)
     end
 
     it "seeds accounts with Genesis XL 1.7 data" do
@@ -918,7 +918,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sensors_tool_verification?(device).pin).to eq(63)
       expect(settings_device_name?(device)).to eq(Names::GENESIS_XL)
       expect(settings_change_firmware_config_defaults?(device)).to be(true)
-      expect(settings_soil_height?(device)).to eq(-200)
+      expect(settings_soil_height?(device)).to eq(-500)
       expect(settings_gantry_height?(device)).to eq(120)
       expect(settings_firmware?(device)).to eq("farmduino_k17")
       expect(settings_hide_sensors?(device)).to be(false)
@@ -973,7 +973,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sequences_mow_all_weeds?(device)).to be_kind_of(Sequence)
       expect(sequences_pick_from_seed_tray?(device)).to be_kind_of(Sequence)
       expect(settings_default_map_size_x?(device)).to eq(5900)
-      expect(settings_default_map_size_y?(device)).to eq(2900)
+      expect(settings_default_map_size_y?(device)).to eq(2730)
     end
 
     it "seeds accounts with Genesis XL 1.6 data" do
@@ -993,7 +993,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sensors_tool_verification?(device).pin).to eq(63)
       expect(settings_device_name?(device)).to eq(Names::GENESIS_XL)
       expect(settings_change_firmware_config_defaults?(device)).to be(true)
-      expect(settings_soil_height?(device)).to eq(-200)
+      expect(settings_soil_height?(device)).to eq(-500)
       expect(settings_gantry_height?(device)).to eq(120)
       expect(settings_firmware?(device)).to eq("farmduino_k16")
       expect(settings_hide_sensors?(device)).to be(false)
@@ -1049,7 +1049,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sequences_mow_all_weeds?(device)).to be_kind_of(Sequence)
       expect(sequences_pick_from_seed_tray?(device)).to be_kind_of(Sequence)
       expect(settings_default_map_size_x?(device)).to eq(5900)
-      expect(settings_default_map_size_y?(device)).to eq(2900)
+      expect(settings_default_map_size_y?(device)).to eq(2730)
     end
 
     it "seeds accounts with Express 1.0 data" do
@@ -1069,7 +1069,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sensors_tool_verification?(device)).to_not be
       expect(settings_device_name?(device)).to eq(Names::EXPRESS)
       expect(settings_change_firmware_config_defaults?(device)).to be(false)
-      expect(settings_soil_height?(device)).to eq(-200)
+      expect(settings_soil_height?(device)).to eq(-500)
       expect(settings_gantry_height?(device)).to eq(140)
       expect(settings_firmware?(device)).to eq("express_k10")
       expect(settings_hide_sensors?(device)).to be(true)
@@ -1138,7 +1138,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sensors_tool_verification?(device)).to_not be
       expect(settings_device_name?(device)).to eq(Names::EXPRESS)
       expect(settings_change_firmware_config_defaults?(device)).to be(false)
-      expect(settings_soil_height?(device)).to eq(-200)
+      expect(settings_soil_height?(device)).to eq(-500)
       expect(settings_gantry_height?(device)).to eq(140)
       expect(settings_firmware?(device)).to eq("express_k11")
       expect(settings_hide_sensors?(device)).to be(true)
@@ -1207,7 +1207,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sensors_tool_verification?(device)).to_not be
       expect(settings_device_name?(device)).to eq(Names::EXPRESS)
       expect(settings_change_firmware_config_defaults?(device)).to be(false)
-      expect(settings_soil_height?(device)).to eq(-200)
+      expect(settings_soil_height?(device)).to eq(-500)
       expect(settings_gantry_height?(device)).to eq(140)
       expect(settings_firmware?(device)).to eq("express_k12")
       expect(settings_hide_sensors?(device)).to be(true)
@@ -1276,7 +1276,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sensors_tool_verification?(device)).to_not be
       expect(settings_device_name?(device)).to eq(Names::EXPRESS_XL)
       expect(settings_change_firmware_config_defaults?(device)).to be(false)
-      expect(settings_soil_height?(device)).to eq(-200)
+      expect(settings_soil_height?(device)).to eq(-500)
       expect(settings_gantry_height?(device)).to eq(140)
       expect(settings_firmware?(device)).to eq("express_k10")
       expect(settings_hide_sensors?(device)).to be(true)
@@ -1345,7 +1345,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sensors_tool_verification?(device)).to_not be
       expect(settings_device_name?(device)).to eq(Names::EXPRESS_XL)
       expect(settings_change_firmware_config_defaults?(device)).to be(false)
-      expect(settings_soil_height?(device)).to eq(-200)
+      expect(settings_soil_height?(device)).to eq(-500)
       expect(settings_gantry_height?(device)).to eq(140)
       expect(settings_firmware?(device)).to eq("express_k11")
       expect(settings_hide_sensors?(device)).to be(true)
@@ -1414,7 +1414,7 @@ def check_slot_pairing(slot, expected_name)
       expect(sensors_tool_verification?(device)).to_not be
       expect(settings_device_name?(device)).to eq(Names::EXPRESS_XL)
       expect(settings_change_firmware_config_defaults?(device)).to be(false)
-      expect(settings_soil_height?(device)).to eq(-200)
+      expect(settings_soil_height?(device)).to eq(-500)
       expect(settings_gantry_height?(device)).to eq(140)
       expect(settings_firmware?(device)).to eq("express_k12")
       expect(settings_hide_sensors?(device)).to be(true)