Show coordinates on Field Planner to match official FTC coordinate system

Gemfile

@@ -1,9 +1,8 @@
 source "https://rubygems.org"
 
 gem "cyberarm_engine"
-gem "gosu_notifications"
 
 group :packaging do
-  gem "ocra"
-  gem "releasy"
-end
+  gem "ocran"
+  # gem "releasy", path: "../releasy"
+end

Gemfile.lock

@@ -1,37 +1,18 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    clipboard (1.3.6)
-    cri (2.1.0)
-    cyberarm_engine (0.19.1)
-      clipboard (~> 1.3.5)
-      excon (~> 0.78.0)
+    cyberarm_engine (0.24.4)
       gosu (~> 1.1)
-      gosu_more_drawables (~> 0.3)
-    excon (0.78.1)
-    ffi (1.15.4-x64-mingw32)
-    gosu (1.2.0)
-    gosu_more_drawables (0.3.1)
-    gosu_notifications (0.1.0)
-    ocra (1.3.11)
-    rake (13.0.6)
-    releasy (0.2.3)
-      bundler (>= 1.2.1)
-      cri (~> 2.1.0)
-      ocra (~> 1.3.0)
-      rake (>= 0.9.2.2)
+    gosu (1.4.6)
+    ocran (1.3.15)
 
 PLATFORMS
-  x64-mingw32
+  x64-mingw-ucrt
   x86_64-linux
 
 DEPENDENCIES
-  clipboard
   cyberarm_engine
-  ffi
-  gosu_notifications
-  ocra
-  releasy
+  ocran
 
 BUNDLED WITH
-   2.2.28
+   2.5.14

Rakefile

@@ -18,12 +18,12 @@ Releasy::Project.new do
     "media/music/.gitkeep",
     "media/particles/.gitkeep"
   ]
-  exclude_encoding # Applications that don't use advanced encoding (e.g. Japanese characters) can save build size with this.
+  # exclude_encoding # Applications that don't use advanced encoding (e.g. Japanese characters) can save build size with this.
   verbose
 
   add_build :windows_folder do
     icon "media/icon.ico"
-    executable_type :console # Assuming you don't want it to run with a console window.
+    executable_type :windows # Assuming you don't want it to run with a console window.
     add_package :exe # Windows self-extracting archive.
   end
 end

lib/backend.rb

@@ -2,6 +2,8 @@ module TAC
   class Backend
     attr_reader :config, :settings, :tacnet
     def initialize
+      create_directories
+
       load_settings
       load_config(@settings.config) if @settings.config && File.exist?("#{TAC::CONFIGS_PATH}/#{@settings.config}.json")
       @tacnet = TACNET.new
@@ -113,6 +115,12 @@ module TAC
       @settings_changed
     end
 
+    def create_directories
+      FileUtils.mkdir_p(TAC::ROOT_PATH) unless File.exist?(TAC::ROOT_PATH)
+      FileUtils.mkdir_p(TAC::CONFIGS_PATH) unless File.exist?(TAC::CONFIGS_PATH)
+      # FileUtils.mkdir_p(TAC::SETTINGS_PATH) unless File.exist?(TAC::SETTINGS_PATH)
+    end
+
     def load_settings
       if File.exist?(TAC::SETTINGS_PATH)
         @settings = TAC::Settings.new

lib/dialog.rb

@@ -11,9 +11,9 @@ module TAC
         @titlebar = flow(width: 1.0, height: 36) do
           background [TAC::Palette::TIMECRAFTERS_PRIMARY, TAC::Palette::TIMECRAFTERS_SECONDARY]
 
-          label @title, text_size: THEME_SUBHEADING_TEXT_SIZE, font: TAC::THEME_BOLD_FONT, fill: true, text_align: :center, text_border: true, text_border_color: 0xaa_222222, text_border_size: 1
+          para @title, text_size: THEME_SUBHEADING_TEXT_SIZE, font: TAC::THEME_BOLD_FONT, fill: true, text_align: :center, text_border: true, text_border_color: 0xaa_222222, text_border_size: 1
 
-          button get_image("#{TAC::ROOT_PATH}/media/icons/cross.png"), image_height: 1.0, **THEME_DANGER_BUTTON do
+          button get_image("#{TAC::MEDIA_PATH}/icons/cross.png"), image_height: 1.0, **THEME_DANGER_BUTTON do
             close
           end
         end

lib/dialogs/action_dialog.rb

@@ -4,15 +4,15 @@ module TAC
       def build
         background Gosu::Color::GRAY
 
-        label "Name", width: 1.0, text_align: :center
-        @name_error = label "Error", color: TAC::Palette::TACNET_CONNECTION_ERROR
+        para "Name", width: 1.0, text_align: :center
+        @name_error = para "Error", color: TAC::Palette::TACNET_CONNECTION_ERROR
         @name_error.hide
         @name = edit_line @options[:action] ? @options[:action].name : "", filter: method(:name_filter), width: 1.0, autofocus: true, focus: true
         @name.subscribe(:changed) do |sender, value|
           valid?
         end
 
-        label "Comment", width: 1.0, text_align: :center
+        para "Comment", width: 1.0, text_align: :center
         @comment = edit_line @options[:action] ? @options[:action].comment : "", width: 1.0
 
         flow width: 1.0, margin_top: THEME_DIALOG_BUTTON_PADDING do

lib/dialogs/alert_dialog.rb

@@ -3,7 +3,7 @@ module TAC
     class AlertDialog < Dialog
       def build
         background Gosu::Color::GRAY
-        label @options[:message]
+        para @options[:message]
 
         button "Close", width: 1.0, margin_top: THEME_DIALOG_BUTTON_PADDING do
           try_commit

lib/dialogs/confirm_dialog.rb

@@ -11,7 +11,7 @@ module TAC
         @titlebar.style.default[:background] = [ color, darken(color, 50) ]
 
         background Gosu::Color::GRAY
-        label @options[:message]
+        para @options[:message]
 
         flow width: 1.0, margin_top: THEME_DIALOG_BUTTON_PADDING do
           button "Cancel", width: 0.5 do

lib/dialogs/name_prompt_dialog.rb

@@ -5,8 +5,8 @@ module TAC
 
       def build
         background Gosu::Color::GRAY
-        label "Name", width: 1.0, text_align: :center
-        @name_error = label "", color: TAC::Palette::TACNET_CONNECTION_ERROR
+        para "Name", width: 1.0, text_align: :center
+        @name_error = para "", color: TAC::Palette::TACNET_CONNECTION_ERROR
         @name_error.hide
         @name = edit_line @options[:renaming] ? @options[:renaming].name : "", filter: method(:name_filter), width: 1.0, autofocus: true, focus: true
 

lib/dialogs/tacnet_dialog.rb

@@ -6,9 +6,9 @@ module TAC
         @titlebar.style.default[:background] = [ Palette::TACNET_PRIMARY, Palette::TACNET_SECONDARY ]
 
         background Gosu::Color::GRAY
-        label @options[:message], width: 1.0
+        para @options[:message], width: 1.0
 
-        @sound = Gosu::Sample.new("#{TAC::ROOT_PATH}/media/error_alarm.ogg").play(1, 1, true)
+        @sound = Gosu::Sample.new("#{TAC::MEDIA_PATH}/error_alarm.ogg").play(1, 1, true)
 
         button "Close", width: 1.0, margin_top: THEME_DIALOG_BUTTON_PADDING do
           try_commit

lib/dialogs/tacnet_status_dialog.rb

@@ -3,7 +3,7 @@ module TAC
     class TACNETStatusDialog < Dialog
       def build
         background Gosu::Color::GRAY
-        @message_label = label CyberarmEngine::Window.instance.backend.tacnet.full_status
+        @message_label = para CyberarmEngine::Window.instance.backend.tacnet.full_status
 
         button "Close", width: 1.0, margin_top: THEME_DIALOG_BUTTON_PADDING do
           try_commit

lib/dialogs/variable_dialog.rb

@@ -6,16 +6,16 @@ module TAC
 
         @type = @options[:variable].type if @options[:variable]
 
-        label "Name", width: 1.0, text_align: :center
-        @name_error = label "Error", color: TAC::Palette::TACNET_CONNECTION_ERROR
+        para "Name", width: 1.0, text_align: :center
+        @name_error = para "Error", color: TAC::Palette::TACNET_CONNECTION_ERROR
         @name_error.hide
         @name = edit_line @options[:variable] ? @options[:variable].name : "", filter: method(:name_filter), width: 1.0, autofocus: true, focus: true
         @name.subscribe(:changed) do |sender, value|
           valid?
         end
 
-        label "Type", width: 1.0, text_align: :center
-        @type_error = label "Error", color: TAC::Palette::TACNET_CONNECTION_ERROR
+        para "Type", width: 1.0, text_align: :center
+        @type_error = para "Error", color: TAC::Palette::TACNET_CONNECTION_ERROR
         @type_error.hide
 
         @var_type = list_box items: [:float, :double, :integer, :long, :string, :boolean], choose: @type ? @type : :double, width: 1.0 do |item|
@@ -35,8 +35,8 @@ module TAC
         @type ||= @var_type.value.to_sym
 
         @value_container = stack width: 1.0 do
-          label "Value", width: 1.0, text_align: :center
-          @value_error = label "Error", color: TAC::Palette::TACNET_CONNECTION_ERROR
+          para "Value", width: 1.0, text_align: :center
+          @value_error = para "Error", color: TAC::Palette::TACNET_CONNECTION_ERROR
           @value_error.hide
           @value = edit_line @options[:variable] ? @options[:variable].value : "", width: 1.0
           @value_boolean = check_box "Boolean", checked: @options[:variable] ? @options[:variable].value == "true" : false

lib/game_clock/clock.rb

@@ -57,13 +57,12 @@ module TAC
       end
 
       def clock_time(time_left)
-        minutes = ((time_left + 0.5) / 60.0).floor
+        minutes = ((time_left + 1.0) / 60.0).floor
 
-        seconds = time_left.round % 60
-        seconds = "0#{seconds}" if seconds < 10
+        seconds = format("%02d", time_left.ceil % 60)
 
-        return "#{minutes}:#{seconds}" if time_left.round.even?
-        return "#{minutes}<c=999999>:</c>#{seconds}" if time_left.round.odd?
+        return "#{minutes}:#{seconds}" if time_left.ceil.even?
+        return "#{minutes}<c=999999>:</c>#{seconds}" if time_left.ceil.odd?
       end
     end
   end

lib/game_clock/clock_controller.rb

@@ -33,8 +33,8 @@ module TAC
         create_event(:change_countdown, 33.0, "0:08"),
         create_event(:change_display, 33.0, :countdown),
         create_event(:start_countdown, 33.0),
-        create_event(:play_sound, 34.5, :teleop_pickup_controllers),
-        create_event(:change_color, 37.0, :red),
+        create_event(:play_sound, 35.0, :teleop_pickup_controllers),
+        create_event(:change_color, 38.0, :red),
         create_event(:play_sound, 38.0, :teleop_countdown),
         create_event(:stop_countdown, 41.0),
       ].freeze
@@ -44,7 +44,7 @@ module TAC
         create_event(:change_clock, 131.0, "0:30"),
         create_event(:start_clock, 131.0),
         create_event(:play_sound, 131.0, :end_game),
-        create_event(:play_sound, 158.0, :autonomous_countdown),
+        # create_event(:play_sound, 158.0, :autonomous_countdown), # Not played here anymore
         create_event(:play_sound, 161.0, :end_match),
         create_event(:stop_clock, 161.0),
       ].freeze
@@ -128,7 +128,7 @@ module TAC
         elsif @countdown_running
           return @countdown_time
         else
-          return 60 * 2 + 30
+          return 0 # Clock defaults to showing "0:00" if there is no clock or countdown
         end
       end
     end

lib/game_clock/event_handlers.rb

@@ -41,6 +41,12 @@ module TAC
           Gosu::Color.rgb(150, 0, 0)
         end
 
+        ### --- ###
+        # OVERRIDE: official CenterStage game clock no longer has colors
+        ### --- ###
+
+        out = Gosu::Color::WHITE
+
         @display_color = out
       end
 
@@ -56,26 +62,26 @@ module TAC
         path = nil
         case sound
         when :autonomous_countdown
-          path = "media/sounds/3-2-1.wav"
+          path = "sounds/3-2-1.wav"
         when :autonomous_start
-          path = "media/sounds/charge.wav"
+          path = "sounds/charge.wav"
         when :autonomous_ended
-          path = "media/sounds/endauto.wav"
+          path = "sounds/endauto.wav"
         when :teleop_pickup_controllers
-          path = "media/sounds/Pick_Up_Controllers.wav"
+          path = "sounds/Pick_Up_Controllers.wav"
         when :abort_match
-          path = "media/sounds/fogblast.wav"
+          path = "sounds/fogblast.wav"
         when :teleop_countdown
-          path = "media/sounds/3-2-1.wav"
+          path = "sounds/3-2-1.wav"
         when :teleop_started
-          path = "media/sounds/firebell.wav"
+          path = "sounds/firebell.wav"
         when :end_game
-          path = "media/sounds/factwhistle.wav"
+          path = "sounds/factwhistle.wav"
         when :end_match
-          path = "media/sounds/endmatch.wav"
+          path = "sounds/endmatch.wav"
         end
 
-        path = "#{ROOT_PATH}/#{path}"
+        path = "#{MEDIA_PATH}/#{path}"
 
         if path && File.exist?(path) && !File.directory?(path)
           Jukebox::SAMPLES[path] = Gosu::Sample.new(path) unless Jukebox::SAMPLES[path].is_a?(Gosu::Sample)

lib/game_clock/jukebox.rb

@@ -1,11 +1,11 @@
 module TAC
   class PracticeGameClock
     class Jukebox
-      MUSIC = Dir.glob(ROOT_PATH + "/media/music/*.*").freeze
+      MUSIC = Dir.glob(MEDIA_PATH + "/music/*.*").freeze
       SAMPLES = {}
 
-      if File.exist?(ROOT_PATH + "/media/sounds/skystone")
-        BEEPS_AND_BOOPS = Dir.glob(ROOT_PATH + "/media/sounds/skystone/*.*").freeze
+      if File.exist?(MEDIA_PATH + "/sounds/skystone")
+        BEEPS_AND_BOOPS = Dir.glob(MEDIA_PATH + "/sounds/skystone/*.*").freeze
       end
 
       attr_reader :volume, :now_playing

lib/game_clock/net/client.rb

@@ -129,7 +129,7 @@ module TAC
           end
 
 
-          return message.strip
+          return message.to_s.strip
         end
 
         def puts(message)

lib/game_clock/particle_emitter.rb

@@ -8,7 +8,7 @@ module TAC
         @z = -2
 
         @particles = []
-        @image_options = Dir.glob("#{ROOT_PATH}/media/particles/*.*")
+        @image_options = Dir.glob("#{MEDIA_PATH}/particles/*.*")
         @last_spawned = 0
         @clock_active = false
       end

lib/game_clock/randomizer.rb

@@ -15,30 +15,20 @@ module TAC
 
         case @roll
         when 1, 4
-          # Blue: Right
-          # Red: Left
+          #Blue and Red: Left
 
-          @ducks << Ducky.new(window: window, alliance: :blue, slot: 3, speed: 512, die_size: @size)
-          @ducks << Ducky.new(window: window, alliance: :red, slot: 1, speed: 512, die_size: @size)
+          @ducks << Ducky.new(window: window, alliance: :blue, slot: 1, speed: 1010, die_size: @size, label: "Left")
+          @ducks << Ducky.new(window: window, alliance: :red, slot: 1, speed: 1010, die_size: @size, label: "Left")
         when 2, 5
           #Blue and Red: Center
 
-          @ducks << Ducky.new(window: window, alliance: :blue, slot: 1, speed: 512, die_size: @size)
-          @ducks << Ducky.new(window: window, alliance: :blue, slot: 3, speed: 512, die_size: @size)
-
-          @ducks << Ducky.new(window: window, alliance: :red, slot: 3, speed: 512, die_size: @size)
-          @ducks << Ducky.new(window: window, alliance: :red, slot: 1, speed: 512, die_size: @size)
+          @ducks << Ducky.new(window: window, alliance: :blue, slot: 2, speed: 1010, die_size: @size, label: "Center")
+          @ducks << Ducky.new(window: window, alliance: :red, slot: 2, speed: 1010, die_size: @size, label: "Center")
         when 3, 6
-          # Blue: Left
-          # Red: Right
+          #Blue and Red: Right
 
-          @ducks << Ducky.new(window: window, alliance: :blue, slot: 1, speed: 512, die_size: @size)
-          @ducks << Ducky.new(window: window, alliance: :blue, slot: 2, speed: 512, die_size: @size)
-          @ducks << Ducky.new(window: window, alliance: :blue, slot: 3, speed: 512, die_size: @size)
-
-          @ducks << Ducky.new(window: window, alliance: :red, slot: 3, speed: 512, die_size: @size)
-          @ducks << Ducky.new(window: window, alliance: :red, slot: 2, speed: 512, die_size: @size)
-          @ducks << Ducky.new(window: window, alliance: :red, slot: 1, speed: 512, die_size: @size)
+          @ducks << Ducky.new(window: window, alliance: :blue, slot: 3, speed: 1010, die_size: @size, label: "Right")
+          @ducks << Ducky.new(window: window, alliance: :red, slot: 3, speed: 1010, die_size: @size, label: "Right")
         end
       end
 
@@ -121,14 +111,17 @@ module TAC
         SIZE = 0.20
         HALF_SIZE = SIZE * 0.5
 
-        def initialize(window:, alliance:, slot:, speed:, die_size:)
+        def initialize(window:, alliance:, slot:, speed:, die_size:, label:)
           @window = window
           @alliance = alliance
           @slot = slot
           @speed = speed
+          @die_size = die_size
+          @label = label
 
-          @image = @window.get_image("#{ROOT_PATH}/media/openclipart_ducky.png")
+          @image = @window.get_image("#{MEDIA_PATH}/openclipart_ducky.png")
           @debug_text = Gosu::Font.new(28)
+          @label_text = CyberarmEngine::Text.new(@label, static: true, size: 28, alignment: :center)
 
           if @alliance == :blue
             @position = CyberarmEngine::Vector.new(@window.width, die_size)
@@ -146,6 +139,10 @@ module TAC
             duck_scale = (size * (SIZE + HALF_SIZE)) / @image.width
             duck_scale_x = @alliance == :blue ? -duck_scale : duck_scale
             @image.draw_rot(slot_position(size), size * SIZE + float_y(size), 1, 0, 0.5, 0.5, duck_scale_x, duck_scale)
+
+            @label_text.x = slot_position(size) + (@alliance == :blue ? -170 : 110)
+            @label_text.y = float_y(size) + 52
+            @label_text.draw
           end
         end
 

lib/game_clock/remote_control.rb

@@ -80,7 +80,10 @@ module TAC
 
           @jukebox_volume = 1.0
           @jukebox_sound_effects = true
+          @locked_buttons_randomizer_visible = []
+          @locked_buttons_clock_active  = []
           @randomizer_visible = false
+          @clock_updated_at = -1000
 
           RemoteControl.connection.proxy_object.register(:track_changed, method(:track_changed))
           RemoteControl.connection.proxy_object.register(:volume_changed, method(:volume_changed))
@@ -94,25 +97,25 @@ module TAC
           flow width: 1.0, height: 1.0 do
             stack width: 0.5 do
               title "Match", width: 1.0, text_align: :center
-              button "Start Match", width: 1.0, text_size: 48, margin_bottom: 50 do
+              @start_match_btn = button "Start Match", width: 1.0, text_size: 48, margin_bottom: 50 do
                 start_clock(:full_match)
               end
 
               title "Practice", width: 1.0, text_align: :center
-              button "Autonomous", width: 1.0 do
+              @autonomous_btn = button "Autonomous", width: 1.0 do
                 start_clock(:autonomous)
               end
-              button "TeleOp with Countdown", width: 1.0 do
+              @teleop_with_countdown_btn = button "TeleOp with Countdown", width: 1.0 do
                 start_clock(:full_teleop)
               end
-              button "TeleOp", width: 1.0 do
+              @teleop_btn = button "TeleOp", width: 1.0 do
                 start_clock(:teleop_only)
               end
-              button "TeleOp Endgame", width: 1.0, margin_bottom: 50 do
+              @teleop_endgame_btn = button "TeleOp Endgame", width: 1.0, margin_bottom: 50 do
                 start_clock(:endgame_only)
               end
 
-              button "Abort Match", width: 1.0 do
+              @abort_match_btn = button "Abort Match", width: 1.0 do
                 RemoteControl.connection.puts(ClockNet::PacketHandler.packet_abort_clock)
               end
 
@@ -146,48 +149,48 @@ module TAC
                 end
 
                 flow width: 1.0 do
-                  button get_image("#{ROOT_PATH}/media/icons/previous.png") do
+                  button get_image("#{MEDIA_PATH}/icons/previous.png") do
                     RemoteControl.connection.puts(ClockNet::PacketHandler.packet_jukebox_previous_track)
                   end
 
-                  button get_image("#{ROOT_PATH}/media/icons/right.png") do |button|
+                  button get_image("#{MEDIA_PATH}/icons/right.png") do |button|
                     if @jukebox_playing
                       RemoteControl.connection.puts(ClockNet::PacketHandler.packet_jukebox_pause)
-                      button.value = get_image("#{ROOT_PATH}/media/icons/right.png")
+                      button.value = get_image("#{MEDIA_PATH}/icons/right.png")
                       @jukebox_playing = false
                     else
                       RemoteControl.connection.puts(ClockNet::PacketHandler.packet_jukebox_play)
-                      button.value = get_image("#{ROOT_PATH}/media/icons/pause.png")
+                      button.value = get_image("#{MEDIA_PATH}/icons/pause.png")
                       @jukebox_playing = true
                     end
                   end
 
-                  button get_image("#{ROOT_PATH}/media/icons/stop.png") do
+                  button get_image("#{MEDIA_PATH}/icons/stop.png") do
                     RemoteControl.connection.puts(ClockNet::PacketHandler.packet_jukebox_stop)
                   end
 
-                  button get_image("#{ROOT_PATH}/media/icons/next.png") do
+                  button get_image("#{MEDIA_PATH}/icons/next.png") do
                     RemoteControl.connection.puts(ClockNet::PacketHandler.packet_jukebox_next_track)
                   end
 
-                  button get_image("#{ROOT_PATH}/media/icons/minus.png"), margin_left: 20 do
+                  button get_image("#{MEDIA_PATH}/icons/minus.png"), margin_left: 20 do
                     @jukebox_volume -= 0.1
                     @jukebox_volume = 0.1 if @jukebox_volume < 0.1
                     RemoteControl.connection.puts(ClockNet::PacketHandler.packet_jukebox_set_volume(@jukebox_volume))
                   end
 
-                  button get_image("#{ROOT_PATH}/media/icons/plus.png") do
+                  button get_image("#{MEDIA_PATH}/icons/plus.png") do
                     @jukebox_volume += 0.1
                     @jukebox_volume = 1.0 if @jukebox_volume > 1.0
                     RemoteControl.connection.puts(ClockNet::PacketHandler.packet_jukebox_set_volume(@jukebox_volume))
                   end
 
-                  button get_image("#{ROOT_PATH}/media/icons/musicOn.png"), margin_left: 20, tip: "Toggle Sound Effects" do |button|
+                  button get_image("#{MEDIA_PATH}/icons/musicOn.png"), margin_left: 20, tip: "Toggle Sound Effects" do |button|
                     if @jukebox_sound_effects
-                      button.value = get_image("#{ROOT_PATH}/media/icons/musicOff.png")
+                      button.value = get_image("#{MEDIA_PATH}/icons/musicOff.png")
                       @jukebox_sound_effects = false
                     else
-                      button.value = get_image("#{ROOT_PATH}/media/icons/musicOn.png")
+                      button.value = get_image("#{MEDIA_PATH}/icons/musicOn.png")
                       @jukebox_sound_effects = true
                     end
 
@@ -196,12 +199,12 @@ module TAC
                 end
 
                 button "Open Music Library", width: 1.0 do
-                  path = "#{ROOT_PATH}/media/music"
+                  path = "#{MEDIA_PATH}/music"
 
                   if RUBY_PLATFORM.match(/ming|msys|cygwin/)
                     system("explorer \"#{path.gsub("/", "\\")}\"")
                   elsif RUBY_PLATFORM.match(/linux/)
-                    system("xdg-open \"#{ROOT_PATH}/media/music\"")
+                    system("xdg-open \"#{MEDIA_PATH}/music\"")
                   else
                     # TODO.
                   end
@@ -219,7 +222,7 @@ module TAC
                   @randomizer_label = title "Not Visible"
                 end
 
-                button "Randomizer", width: 1.0, **TAC::THEME_DANGER_BUTTON do
+                @randomizer_btn = button "Randomizer", width: 1.0, **TAC::THEME_DANGER_BUTTON do
                   @randomizer_visible = !@randomizer_visible
 
                   RemoteControl.connection.puts(ClockNet::PacketHandler.packet_randomizer_visible(@randomizer_visible))
@@ -227,6 +230,24 @@ module TAC
               end
             end
           end
+
+          @locked_buttons_clock_active.push(
+            @start_match_btn,
+            @autonomous_btn,
+            @teleop_with_countdown_btn,
+            @teleop_btn,
+            @teleop_endgame_btn,
+            @randomizer_btn
+          )
+
+          @locked_buttons_randomizer_visible.push(
+            @start_match_btn,
+            @autonomous_btn,
+            @teleop_with_countdown_btn,
+            @teleop_btn,
+            @teleop_endgame_btn,
+            @abort_match_btn
+          )
         end
 
         def update
@@ -236,6 +257,8 @@ module TAC
             o.call
           end
 
+          manage_button_enablement
+
           return if RemoteControl.connection.connected?
 
           # We've lost connection, unset window's connection object
@@ -258,6 +281,8 @@ module TAC
         end
 
         def clock_changed(string)
+          @clock_updated_at = Gosu.milliseconds if @clock_label.value != string
+
           @clock_label.value = string
         end
 
@@ -265,6 +290,22 @@ module TAC
           @randomizer_label.value = "Visible" if boolean
           @randomizer_label.value = "Not Visible" unless boolean
         end
+
+        def manage_button_enablement
+          if @randomizer_visible
+            @locked_buttons_randomizer_visible.each do |btn|
+              btn.enabled = false
+            end
+          elsif Gosu.milliseconds - @clock_updated_at <= 1_250
+            @locked_buttons_clock_active.each do |btn|
+              btn.enabled = false
+            end
+          else
+            (@locked_buttons_clock_active + @locked_buttons_randomizer_visible).uniq.each do |btn|
+              btn.enabled = true
+            end
+          end
+        end
       end
     end
   end

lib/game_clock/theme.rb

@@ -2,7 +2,7 @@ module TAC
   class PracticeGameClock
     THEME = {
       TextBlock: {
-        font: "Canterell",
+        font: "NotoSans-Bold",
         color: Gosu::Color.new(0xee_ffffff)
       },
       Button: {
@@ -23,7 +23,7 @@ module TAC
       },
       ToggleButton: {
         width: 18,
-        checkmark_image: "#{File.expand_path("..", __dir__)}/media/icons/checkmark.png",
+        checkmark_image: "#{MEDIA_PATH}/icons/checkmark.png",
       }
     }
   end

lib/game_clock/view.rb

@@ -9,9 +9,9 @@ module TAC
         window.show_cursor = !@remote_control_mode
         @escape_counter = 0
 
-        @background_image = get_image("#{ROOT_PATH}/media/background.png")
-        # Preload duck image since Gosu and windows threads don't get along with OpenGL (image is blank if loaded in a threaded context)
-        get_image("#{ROOT_PATH}/media/openclipart_ducky.png")
+        @background_image = get_image("#{MEDIA_PATH}/background.png")
+        # Preload duck image since Gosu and Windows threads don't get along with OpenGL (image is blank if loaded in a threaded context)
+        get_image("#{MEDIA_PATH}/openclipart_ducky.png")
         @menu_background = 0xaa004000
         @mouse = Mouse.new(window)
         @clock = Clock.new
@@ -25,6 +25,10 @@ module TAC
 
         @last_clock_state = @clock.active?
 
+        @locked_buttons_randomizer_visible = []
+        @locked_buttons_clock_active  = []
+        @randomizer_visible = false
+
         theme(THEME)
 
         @menu_container = flow width: 1.0 do
@@ -32,28 +36,45 @@ module TAC
             background @menu_background
 
             title "Match", width: 1.0, text_align: :center
-            button "Start Match", width: 1.0, margin_bottom: 50 do
+            @start_match_btn = button "Start Match", width: 1.0, margin_bottom: 50 do |btn|
+              @locked_buttons_clock_active << btn
+              @locked_buttons_randomizer_visible << btn
+
               @clock_proxy.start_clock(:full_match)
             end
 
             title "Practice", width: 1.0, text_align: :center
-            button "Autonomous", width: 1.0 do
+            @autonomous_btn = button "Autonomous", width: 1.0 do |btn|
+              @locked_buttons_clock_active << btn
+              @locked_buttons_randomizer_visible << btn
+
               @clock_proxy.start_clock(:autonomous)
             end
 
-            button "TeleOp with Countdown", width: 1.0 do
+            @teleop_with_countdown_btn = button "TeleOp with Countdown", width: 1.0 do |btn|
+              @locked_buttons_clock_active << btn
+              @locked_buttons_randomizer_visible << btn
+
               @clock_proxy.start_clock(:full_teleop)
             end
 
-            button "TeleOp", width: 1.0 do
+            @teleop_btn = button "TeleOp", width: 1.0 do |btn|
+              @locked_buttons_clock_active << btn
+              @locked_buttons_randomizer_visible << btn
+
               @clock_proxy.start_clock(:teleop_only)
             end
 
-            button "TeleOp Endgame", width: 1.0 do
+            @teleop_endgame_btn = button "TeleOp Endgame", width: 1.0 do |btn|
+              @locked_buttons_clock_active << btn
+              @locked_buttons_randomizer_visible << btn
+
               @clock_proxy.start_clock(:endgame_only)
             end
 
-            button "Abort Match", width: 1.0, margin_top: 50 do
+            @abort_match_btn = button "Abort Match", width: 1.0, margin_top: 50 do |btn|
+              @locked_buttons_randomizer_visible << btn
+
               @clock_proxy.abort_clock
             end
 
@@ -74,72 +95,72 @@ module TAC
             background @menu_background
 
             flow(width: 1.0) do
-              label "♫ Now playing:"
-              @current_song_label = label "♫ ♫ ♫"
+              para "♫ Now playing:"
+              @current_song_label = para "♫ ♫ ♫"
             end
 
             flow(width: 1.0) do
-              label "Volume:"
-              @current_volume_label = label "100%"
+              para "Volume:"
+              @current_volume_label = para "100%"
             end
 
             flow(width: 1.0) do
-              button get_image("#{ROOT_PATH}/media/icons/previous.png") do
+              button get_image("#{MEDIA_PATH}/icons/previous.png") do
                 @jukebox.previous_track
               end
 
-              button get_image("#{ROOT_PATH}/media/icons/pause.png") do |button|
+              button get_image("#{MEDIA_PATH}/icons/pause.png") do |button|
                 if @jukebox.song && @jukebox.song.paused?
-                  button.value = get_image("#{ROOT_PATH}/media/icons/right.png")
+                  button.value = get_image("#{MEDIA_PATH}/icons/right.png")
                   @jukebox.play
                 elsif !@jukebox.song
-                  button.value = get_image("#{ROOT_PATH}/media/icons/right.png")
+                  button.value = get_image("#{MEDIA_PATH}/icons/right.png")
                   @jukebox.play
                 else
-                  button.value = get_image("#{ROOT_PATH}/media/icons/pause.png")
+                  button.value = get_image("#{MEDIA_PATH}/icons/pause.png")
                   @jukebox.pause
                 end
               end
 
-              button get_image("#{ROOT_PATH}/media/icons/stop.png") do
+              button get_image("#{MEDIA_PATH}/icons/stop.png") do
                 @jukebox.stop
               end
 
-              button get_image("#{ROOT_PATH}/media/icons/next.png") do
+              button get_image("#{MEDIA_PATH}/icons/next.png") do
                 @jukebox.next_track
               end
 
-              button get_image("#{ROOT_PATH}/media/icons/minus.png"), margin_left: 20 do
+              button get_image("#{MEDIA_PATH}/icons/minus.png"), margin_left: 20 do
                 @jukebox.set_volume(@jukebox.volume - 0.1)
               end
 
-              button get_image("#{ROOT_PATH}/media/icons/plus.png") do
+              button get_image("#{MEDIA_PATH}/icons/plus.png") do
                 @jukebox.set_volume(@jukebox.volume + 0.1)
               end
 
               button "Open Music Library", margin_left: 50 do
                 if RUBY_PLATFORM.match(/ming|msys|cygwin/)
-                  system("explorer #{ROOT_PATH}/media/music")
+                  system("explorer #{MEDIA_PATH}/music")
                 elsif RUBY_PLATFORM.match(/linux/)
-                  system("xdg-open #{ROOT_PATH}/media/music")
+                  system("xdg-open #{MEDIA_PATH}/music")
                 else
                   # TODO.
                 end
               end
 
-              button get_image("#{ROOT_PATH}/media/icons/musicOn.png"), margin_left: 50, tip: "Toggle Sound Effects" do |button|
+              button get_image("#{MEDIA_PATH}/icons/musicOn.png"), margin_left: 50, tip: "Toggle Sound Effects" do |button|
                 boolean = @jukebox.set_sfx(!@jukebox.play_sfx?)
 
                 if boolean
-                  button.value = get_image("#{ROOT_PATH}/media/icons/musicOn.png")
+                  button.value = get_image("#{MEDIA_PATH}/icons/musicOn.png")
                 else
-                  button.value = get_image("#{ROOT_PATH}/media/icons/musicOff.png")
+                  button.value = get_image("#{MEDIA_PATH}/icons/musicOff.png")
                 end
               end
             end
 
             stack(width: 1.0) do
-              button "Randomizer", width: 1.0, **TAC::THEME_DANGER_BUTTON do
+              @randomizer_btn = button "Randomizer", width: 1.0, **TAC::THEME_DANGER_BUTTON do |btn|
                 unless @clock.active?
                   push_state(Randomizer)
                 end
@@ -148,6 +169,24 @@ module TAC
           end
         end
 
+        @locked_buttons_clock_active.push(
+          @start_match_btn,
+          @autonomous_btn,
+          @teleop_with_countdown_btn,
+          @teleop_btn,
+          @teleop_endgame_btn,
+          @randomizer_btn
+        )
+
+        @locked_buttons_randomizer_visible.push(
+          @start_match_btn,
+          @autonomous_btn,
+          @teleop_with_countdown_btn,
+          @teleop_btn,
+          @teleop_endgame_btn,
+          @abort_match_btn
+        )
+
         @jukebox = Jukebox.new(@clock)
 
         @clock_proxy = ClockProxy.new(@clock, @jukebox)
@@ -191,6 +230,8 @@ module TAC
             @menu_container.hide if @menu_container.visible?
             window.show_cursor = false
           end
+
+          manage_button_enablement
         end
 
         if @clock.value != @last_clock_display_value
@@ -222,9 +263,9 @@ module TAC
         @last_clock_state = @clock.active?
       end
 
-      def request_repaint
+      def needs_repaint?
         if @particle_emitters && @particle_emitters.map(&:particle_count).sum.positive?
-          true
+          @needs_repaint = true
         else
           super
         end
@@ -241,6 +282,22 @@ module TAC
         @jukebox.update
       end
 
+      def manage_button_enablement
+        if @randomizer_visible
+          @locked_buttons_randomizer_visible.each do |btn|
+            btn.enabled = false
+          end
+        elsif @clock.active?
+          @locked_buttons_clock_active.each do |btn|
+            btn.enabled = false
+          end
+        else
+          (@locked_buttons_clock_active + @locked_buttons_randomizer_visible).uniq.each do |btn|
+            btn.enabled = true
+          end
+        end
+      end
+
       def button_down(id)
         super
 
@@ -274,6 +331,8 @@ module TAC
       end
 
       def randomizer_changed(boolean)
+        @randomizer_visible = boolean
+
         if boolean
           push_state(Randomizer) unless @clock.active?
         else

lib/pages/configurations.rb

@@ -5,7 +5,7 @@ module TAC
         header_bar("Manage Configurations")
 
         menu_bar.clear do
-          button get_image("#{TAC::ROOT_PATH}/media/icons/plus.png"), image_height: 1.0, tip: "Add configuration" do
+          button get_image("#{TAC::MEDIA_PATH}/icons/plus.png"), image_height: 1.0, tip: "Add configuration" do
             push_state(Dialog::NamePromptDialog, title: "Config Name", callback_method: proc { |name|
               window.backend.write_new_config(name)
 
@@ -16,7 +16,7 @@ module TAC
 
           button "Open Folder", tip: "Open folder containing configurations", height: 1.0 do
             if RUBY_PLATFORM =~ /mingw/
-              system("start \"#{TAC::CONFIGS_PATH}\"")
+              system("explorer \"#{TAC::CONFIGS_PATH.gsub("/", "\\")}\"")
             elsif RUBY_PLATFORM =~ /darwin/
               system("open \"#{TAC::CONFIGS_PATH}\"")
             else
@@ -27,8 +27,8 @@ module TAC
 
         status_bar.clear do
           flow(width: 1.0, max_width: 720, h_align: :center) do
-            label "Current Configuration: "
-            @config_label = label window.backend.settings.config
+            para "Current Configuration: "
+            @config_label = para window.backend.settings.config
           end
         end
 
@@ -45,7 +45,7 @@ module TAC
         @config_files_list = @config_files.map { |file| Dialog::NamePromptDialog::NameStub.new(File.basename(file, ".json")) }
 
         @configs_list.clear do
-          @config_files.each_with_index do |config_file, i|
+          @config_files.sort_by { |f| [f.downcase] }.each_with_index do |config_file, i|
             flow width: 1.0, height: 36, **THEME_ITEM_CONTAINER_PADDING do
               name = File.basename(config_file, ".json")
 
@@ -60,7 +60,7 @@ module TAC
                 end
               end
 
-              button get_image("#{TAC::ROOT_PATH}/media/icons/gear.png"), image_width: THEME_ICON_SIZE, tip: "Rename configuration" do
+              button get_image("#{TAC::MEDIA_PATH}/icons/gear.png"), image_width: THEME_ICON_SIZE, tip: "Rename configuration" do
                 push_state(Dialog::NamePromptDialog, title: "Rename Config", renaming: @config_files_list.find { |c| c.name == name }, list: @config_files_list, accept_label: "Update", callback_method: proc { |old_name, new_name|
                   if not File.exist?("#{TAC::CONFIGS_PATH}/#{new_name}.json")
                     FileUtils.mv(
@@ -79,7 +79,7 @@ module TAC
                 })
               end
 
-              button get_image("#{TAC::ROOT_PATH}/media/icons/trashcan.png"), image_width: THEME_ICON_SIZE, **THEME_DANGER_BUTTON, tip: "Delete configuration" do
+              button get_image("#{TAC::MEDIA_PATH}/icons/trashcan.png"), image_width: THEME_ICON_SIZE, **THEME_DANGER_BUTTON, tip: "Delete configuration" do
                 push_state(Dialog::ConfirmDialog, title: "Delete Config?", dangerous: true, callback_method: proc {
                   File.delete("#{TAC::CONFIGS_PATH}/#{name}.json")
 

lib/pages/drive_team_rotation_generator.rb

@@ -9,11 +9,12 @@ module TAC
         @roster ||= [
           "Aubrey",
           "Cayden",
+          "Connor",
+          "Ben",
           "Dan",
           "Gabe",
           "Spencer",
-          "Sodi",
-          "Trent"
+          "Sodi"
         ]
 
         @roles ||= [
@@ -24,7 +25,7 @@ module TAC
         ]
 
         menu_bar.clear do
-          button get_image("#{TAC::ROOT_PATH}/media/icons/save.png"), image_height: 1.0, tip: "Export rotation as Comma-Seperated Values" do
+          button get_image("#{TAC::MEDIA_PATH}/icons/save.png"), image_height: 1.0, tip: "Export rotation as Comma-Seperated Values" do
             export_rotation
 
             @status_bar.clear do
@@ -44,7 +45,7 @@ module TAC
 
               flow(width: 1.0, height: 32, margin_bottom: 20) do
                 @role_name = edit_line "", placeholder: "Add role", fill: true, height: 1.0
-                button get_image("#{TAC::ROOT_PATH}/media/icons/plus.png"), image_height: 1.0, tip: "Add role" do
+                button get_image("#{TAC::MEDIA_PATH}/icons/plus.png"), image_height: 1.0, tip: "Add role" do
                   if @role_name.value.strip.length.positive?
                     @roles.push(@role_name.value.strip)
                     @role_name.value = ""
@@ -63,7 +64,7 @@ module TAC
 
               flow(width: 1.0, height: 32, margin_bottom: 20) do
                 @roster_name = edit_line "", placeholder: "Add name", height: 1.0, fill: true
-                button get_image("#{TAC::ROOT_PATH}/media/icons/plus.png"), image_height: 1.0, tip: "Add name" do
+                button get_image("#{TAC::MEDIA_PATH}/icons/plus.png"), image_height: 1.0, tip: "Add name" do
                   if @roster_name.value.strip.length.positive?
                     @roster.push(@roster_name.value.strip)
                     @roster_name.value = ""
@@ -98,7 +99,7 @@ module TAC
               background i.even? ? 0xff_007000 : 0xff_006000
 
               tagline name, fill: true
-              button get_image("#{TAC::ROOT_PATH}/media/icons/trashcan.png"), image_height: 1.0, tip: "Remove role", **THEME_DANGER_BUTTON do
+              button get_image("#{TAC::MEDIA_PATH}/icons/trashcan.png"), image_height: 1.0, tip: "Remove role", **THEME_DANGER_BUTTON do
                 @roles.delete(name)
                 populate_roles
               end
@@ -114,7 +115,7 @@ module TAC
               background i.even? ? 0xff_007000 : 0xff_006000
 
               tagline name, fill: true
-              button get_image("#{TAC::ROOT_PATH}/media/icons/trashcan.png"), image_height: 1.0, tip: "Remove name", **THEME_DANGER_BUTTON do
+              button get_image("#{TAC::MEDIA_PATH}/icons/trashcan.png"), image_height: 1.0, tip: "Remove name", **THEME_DANGER_BUTTON do
                 @roster.delete(name)
                 populate_roster
               end

lib/pages/editor.rb

@@ -6,6 +6,18 @@ module TAC
         @active_group = nil
         @active_action = nil
 
+        @scroll_into_view_list = []
+        @highlight_item_container = nil
+        @highlight_from_color = Gosu::Color.rgba(0, 0, 0, 0)
+        @highlight_to_color = Gosu::Color.rgba(THEME_HIGHLIGHTED_COLOR.red, THEME_HIGHLIGHTED_COLOR.green, THEME_HIGHLIGHTED_COLOR.blue, 200)
+
+        @highlight_animator = CyberarmEngine::Animator.new(
+          start_time: Gosu.milliseconds - 1,
+          duration: 0,
+          from: Gosu::Color.rgba(0, 0, 0, 0),
+          to: THEME_HIGHLIGHTED_COLOR
+        )
+
         menu_bar.clear do
           if @options[:group_is_preset]
             title "Editing group preset: #{@options[:group].name}"
@@ -18,13 +30,13 @@ module TAC
 
         status_bar.clear do
           flow(width: 0.3333) do
-            label "Active group:", margin_right: 20
-            @active_group_label = label ""
+            para "Active group:", margin_right: 20
+            @active_group_label = para ""
           end
 
           flow(width: 0.3333) do
-            label "Active action:", margin_right: 20
-            @active_action_label = label ""
+            para "Active action:", margin_right: 20
+            @active_action_label = para ""
           end
         end
 
@@ -32,13 +44,13 @@ module TAC
           flow(width: 1.0, height: 1.0) do
             stack fill: true, height: 1.0, padding_left: 2, padding_right: 2, border_thickness_right: 1, border_color: Gosu::Color::BLACK do
               @groups_menu = flow(width: 1.0, height: 36) do
-                label "Groups", text_size: THEME_SUBHEADING_TEXT_SIZE, fill: true, text_align: :center
+                para "Groups", text_size: THEME_SUBHEADING_TEXT_SIZE, fill: true, text_align: :center
 
-                button get_image("#{TAC::ROOT_PATH}/media/icons/plus.png"), image_width: THEME_ICON_SIZE, tip: "Add group" do
+                button get_image("#{TAC::MEDIA_PATH}/icons/plus.png"), image_width: THEME_ICON_SIZE, tip: "Add group" do
                   push_state(TAC::Dialog::NamePromptDialog, title: "Create Group", list: window.backend.config.groups, callback_method: method(:create_group))
                 end
 
-                button get_image("#{TAC::ROOT_PATH}/media/icons/button2.png"), image_width: THEME_ICON_SIZE, tip: "Clone currently selected group" do
+                button get_image("#{TAC::MEDIA_PATH}/icons/button2.png"), image_width: THEME_ICON_SIZE, tip: "Clone currently selected group" do
                   if @active_group
                     push_state(Dialog::NamePromptDialog, title: "Clone Group", renaming: @active_group, accept_label: "Clone", list: window.backend.config.groups, callback_method: proc { |group, name|
                       clone = TAC::Config::Group.from_json( JSON.parse( @active_group.to_json, symbolize_names: true ))
@@ -60,7 +72,7 @@ module TAC
                   end
                 end
 
-                button get_image("#{TAC::ROOT_PATH}/media/icons/save.png"), image_width: THEME_ICON_SIZE, tip: "Save group as preset" do
+                button get_image("#{TAC::MEDIA_PATH}/icons/save.png"), image_width: THEME_ICON_SIZE, tip: "Save group as preset" do
                   if @active_group
                     push_state(Dialog::NamePromptDialog, title: "Save Group Preset", renaming: @active_group, accept_label: "Save", list: window.backend.config.presets.groups, callback_method: proc { |group, name|
                       clone = TAC::Config::Group.from_json( JSON.parse( @active_group.to_json, symbolize_names: true ))
@@ -77,7 +89,7 @@ module TAC
                   end
                 end
 
-                button get_image("#{TAC::ROOT_PATH}/media/icons/import.png"), image_width: THEME_ICON_SIZE, tip: "Import group from preset" do
+                button get_image("#{TAC::MEDIA_PATH}/icons/import.png"), image_width: THEME_ICON_SIZE, tip: "Import group from preset" do
                   push_state(Dialog::PickPresetDialog, title: "Pick Group Preset", limit: :groups, callback_method: proc { |preset|
                     push_state(Dialog::NamePromptDialog, title: "Name Group", renaming: preset, accept_label: "Add", list: window.backend.config.groups, callback_method: proc { |group, name|
                       clone = TAC::Config::Group.from_json( JSON.parse( group.to_json, symbolize_names: true ))
@@ -105,9 +117,29 @@ module TAC
 
             stack fill: true, height: 1.0, padding_left: 2, padding_right: 2, border_thickness_right: 1, border_color: Gosu::Color::BLACK do
               @actions_menu = flow(width: 1.0, height: 36) do
-                label "Actions", text_size: THEME_SUBHEADING_TEXT_SIZE, fill: true, text_align: :center
+                para "Actions", text_size: THEME_SUBHEADING_TEXT_SIZE, fill: true, text_align: :center
 
-                button get_image("#{TAC::ROOT_PATH}/media/icons/plus.png"), image_width: THEME_ICON_SIZE, tip: "Add action" do
+                # TODO: Implement this
+                # button get_image("#{TAC::MEDIA_PATH}/icons/barsHorizontal.png"), image_width: THEME_ICON_SIZE, tip: "Auto renumber engine actions", margin_right: 16, enabled: false do
+                # end
+
+                button get_image("#{TAC::MEDIA_PATH}/icons/up.png"), image_width: THEME_ICON_SIZE, tip: "Move selected action up (and its children, if holding SHIFT)" do
+                  if @active_group && @active_action
+                    shift_action(@active_action, :up)
+                  else
+                    push_state(TAC::Dialog::AlertDialog, title: "Error", message: "Unable to shift action, no action selected.")
+                  end
+                end
+
+                button get_image("#{TAC::MEDIA_PATH}/icons/down.png"), image_width: THEME_ICON_SIZE, tip: "Move selected action down (and its children, if holding SHIFT)" do
+                  if @active_group && @active_action
+                    shift_action(@active_action, :down)
+                  else
+                    push_state(TAC::Dialog::AlertDialog, title: "Error", message: "Unable to shift action, no action selected.")
+                  end
+                end
+
+                button get_image("#{TAC::MEDIA_PATH}/icons/plus.png"), image_width: THEME_ICON_SIZE, tip: "Add action", margin_left: 16 do
                   if @active_group
                     push_state(TAC::Dialog::ActionDialog, title: "Create Action", list: @active_group.actions, callback_method: method(:create_action))
                   else
@@ -115,7 +147,7 @@ module TAC
                   end
                 end
 
-                button get_image("#{TAC::ROOT_PATH}/media/icons/button2.png"), image_width: THEME_ICON_SIZE, tip: "Clone currently selected action" do
+                button get_image("#{TAC::MEDIA_PATH}/icons/button2.png"), image_width: THEME_ICON_SIZE, tip: "Clone currently selected action" do
                   if @active_group && @active_action
                     push_state(Dialog::ActionDialog, title: "Clone Action", action: @active_action, cloning: true, accept_label: "Clone", list: @active_group.actions, callback_method: proc { |action, name, comment|
                       clone = TAC::Config::Action.from_json( JSON.parse( @active_action.to_json, symbolize_names: true ))
@@ -138,7 +170,7 @@ module TAC
                   end
                 end
 
-                button get_image("#{TAC::ROOT_PATH}/media/icons/save.png"), image_width: THEME_ICON_SIZE, tip: "Save action as preset" do
+                button get_image("#{TAC::MEDIA_PATH}/icons/save.png"), image_width: THEME_ICON_SIZE, tip: "Save action as preset" do
                   if @active_action
                     push_state(Dialog::NamePromptDialog, title: "Save Action Preset", renaming: @active_action, accept_label: "Save", list: window.backend.config.presets.actions, callback_method: proc { |action, name|
                       clone = TAC::Config::Action.from_json( JSON.parse( @active_action.to_json, symbolize_names: true ))
@@ -155,10 +187,10 @@ module TAC
                   end
                 end
 
-                button get_image("#{TAC::ROOT_PATH}/media/icons/import.png"), image_width: THEME_ICON_SIZE, tip: "Import action from preset" do
+                button get_image("#{TAC::MEDIA_PATH}/icons/import.png"), image_width: THEME_ICON_SIZE, tip: "Import action from preset" do
                   if @active_group
                     push_state(Dialog::PickPresetDialog, title: "Pick Action Preset", limit: :actions, callback_method: proc { |preset|
-                      push_state(Dialog::ActionDialog, title: "Name Action", action: preset, accept_label: "Add", list: @active_group.actions, callback_method: proc { |action, name, comment|
+                      push_state(Dialog::ActionDialog, title: "Name Action", action: preset, cloning: true, accept_label: "Add", list: @active_group.actions, callback_method: proc { |action, name, comment|
                         clone = TAC::Config::Action.from_json( JSON.parse( action.to_json, symbolize_names: true ))
                         clone.name = name.to_s
                         clone.comment = comment.to_s
@@ -189,8 +221,8 @@ module TAC
 
             stack fill: true, height: 1.0, padding_left: 2, padding_right: 2 do
               @variables_menu = flow(width: 1.0, height: 36) do
-                label "Variables", text_size: THEME_SUBHEADING_TEXT_SIZE, fill: true, text_align: :center
-                button get_image("#{TAC::ROOT_PATH}/media/icons/plus.png"), image_width: THEME_ICON_SIZE, tip: "Add variable" do
+                para "Variables", text_size: THEME_SUBHEADING_TEXT_SIZE, fill: true, text_align: :center
+                button get_image("#{TAC::MEDIA_PATH}/icons/plus.png"), image_width: THEME_ICON_SIZE, tip: "Add variable" do
                   if @active_action
                     push_state(TAC::Dialog::VariableDialog, title: "Create Variable", list: @active_action.variables, callback_method: method(:create_variable))
                   else
@@ -213,20 +245,33 @@ module TAC
           @active_group = @options[:group]
           @active_group_label.value = @active_group.name
 
+          if @options[:action]
+            @active_action = @options[:action]
+            @active_action_label.value = @active_action.name
+          end
+
           populate_groups_list
           populate_actions_list(@active_group)
+          populate_variables_list(@active_action) if @active_action
 
           @groups_menu.hide
 
+          scroll_into_view(@active_group)
+          scroll_into_view(@active_action) if @active_action
+          scroll_into_view(@options[:variable]) if @options[:variable]
+
         elsif @options[:action_is_preset]
           @active_action = @options[:action]
           @active_action_label.value = @active_action.name
 
-          populate_variables_list(@options[:action])
+          populate_variables_list(@active_action)
 
           @groups_menu.hide
           @actions_menu.hide
 
+          scroll_into_view(@active_action)
+          scroll_into_view(@options[:variable]) if @options[:variable]
+
         else
           if @options[:group]
             populated_groups_list = true
@@ -237,6 +282,8 @@ module TAC
             populate_groups_list
             populate_actions_list(@active_group) unless @options[:action]
 
+            scroll_into_view(@active_group)
+
             if @options[:action]
               @active_action = @options[:action]
               @active_action_label.value = @active_action.name
@@ -245,9 +292,8 @@ module TAC
 
               populate_variables_list(@active_action)
 
-              if @options[:variable]
-                # Scroll into view?
-              end
+              scroll_into_view(@active_action)
+              scroll_into_view(@options[:variable]) if @options[:variable]
             end
           end
         end
@@ -279,7 +325,7 @@ module TAC
         window.backend.config_changed!
 
         group_container = find_element_by_tag(@groups_list, old_name)
-        label = find_element_by_tag(group_container, "label")
+        para = find_element_by_tag(group_container, "label")
 
         label.value = name
 
@@ -305,7 +351,7 @@ module TAC
         @variables_list.clear
 
         # Remove deleted action from list
-        container = find_element_by_tag(@groups_list, action.name)
+        container = find_element_by_tag(@groups_list, group.name)
         @groups_list.remove(container)
 
         update_list_children(@groups_list)
@@ -336,7 +382,7 @@ module TAC
         window.backend.config_changed!
 
         action_container = find_element_by_tag(@actions_list, old_name)
-        label = find_element_by_tag(action_container, "label")
+        para = find_element_by_tag(action_container, "label")
         comment_container = find_element_by_tag(action_container, "comment_container")
         comment_label = find_element_by_tag(action_container, "comment")
 
@@ -351,6 +397,12 @@ module TAC
           comment_label.value = comment.to_s
         end
 
+        if action_is_child?(action)
+          action_container.style.default[:margin_left] = 72
+        else
+          action_container.style.default[:margin_left] = 0
+        end
+
         action_container.style.tag = name
 
         update_list_children(@actions_list)
@@ -402,11 +454,11 @@ module TAC
         window.backend.config_changed!
 
         variable_container = find_element_by_tag(@variables_list, old_name)
-        label = find_element_by_tag(variable_container, "label")
+        para = find_element_by_tag(variable_container, "label")
         type  = find_element_by_tag(variable_container, "type")
         value = find_element_by_tag(variable_container, "value")
 
-        label.value = name
+        para.value = name
         type.value = "Type: #{variable.type}"
         value.value = "Value: #{variable.value}"
 
@@ -448,12 +500,22 @@ module TAC
       end
 
       def scroll_into_view(item)
+        list_container = nil
+        item_container = nil
+
         if item.is_a?(TAC::Config::Group)
+          list_container = @groups_list
         elsif item.is_a?(TAC::Config::Action)
+          list_container = @actions_list
         elsif item.is_a?(TAC::Config::Variable)
+          list_container = @variables_list
         else
           raise "Unsupported item type: #{item.class}"
         end
+
+        item_container = find_element_by_tag(list_container, item.name)
+
+        @scroll_into_view_list << { list: list_container, item: item_container }
       end
 
       def populate_groups_list
@@ -517,10 +579,10 @@ module TAC
             @variables_list.clear
           end
 
-          button get_image("#{TAC::ROOT_PATH}/media/icons/gear.png"), image_width: THEME_ICON_SIZE, tip: "Edit group" do
+          button get_image("#{TAC::MEDIA_PATH}/icons/gear.png"), image_width: THEME_ICON_SIZE, tip: "Edit group" do
             push_state(Dialog::NamePromptDialog, title: "Rename Group", renaming: group, list: window.backend.config.groups, callback_method: method(:update_group))
           end
-          button get_image("#{TAC::ROOT_PATH}/media/icons/trashcan.png"), image_width: THEME_ICON_SIZE, tip: "Delete group", **THEME_DANGER_BUTTON do
+          button get_image("#{TAC::MEDIA_PATH}/icons/trashcan.png"), image_width: THEME_ICON_SIZE, tip: "Delete group", **THEME_DANGER_BUTTON do
             push_state(Dialog::ConfirmDialog, dangerous: true, title: "Are you sure?", message: "Delete group and all of its actions and variables?", callback_method: proc { delete_group(group) })
           end
         end
@@ -529,7 +591,10 @@ module TAC
       def add_action_container(action)
         index = @active_group.actions.index(action)
 
-        stack width: 1.0, height: action.comment.empty? ? 36 : 72, **THEME_ITEM_CONTAINER_PADDING, tag: action.name do |container|
+        # Determine whether we should intent this action's container element because it is for a child state (i.e. 00-01)
+        indent = action_is_child?(action)
+
+        stack width: 1.0, height: action.comment.empty? ? 36 : 72, **THEME_ITEM_CONTAINER_PADDING, margin_left: indent ? 72 : 0, tag: action.name do |container|
           background action == @active_action ? THEME_HIGHLIGHTED_COLOR : (index.even? ? THEME_EVEN_COLOR : THEME_ODD_COLOR)
           @active_action_container = container if action == @active_action
 
@@ -550,11 +615,11 @@ module TAC
               window.backend.config_changed!
             end
 
-            button get_image("#{TAC::ROOT_PATH}/media/icons/gear.png"), image_width: THEME_ICON_SIZE, tip: "Edit action" do
+            button get_image("#{TAC::MEDIA_PATH}/icons/gear.png"), image_width: THEME_ICON_SIZE, tip: "Edit action" do
               push_state(Dialog::ActionDialog, title: "Edit Action", action: action, list: @active_group.actions, callback_method: method(:update_action))
             end
 
-            button get_image("#{TAC::ROOT_PATH}/media/icons/trashcan.png"), image_width: THEME_ICON_SIZE, tip: "Delete action", **THEME_DANGER_BUTTON do
+            button get_image("#{TAC::MEDIA_PATH}/icons/trashcan.png"), image_width: THEME_ICON_SIZE, tip: "Delete action", **THEME_DANGER_BUTTON do
               push_state(Dialog::ConfirmDialog, dangerous: true, title: "Are you sure?", message: "Delete action and all of its variables?", callback_method: proc { delete_action(action) })
             end
           end
@@ -576,7 +641,7 @@ module TAC
               push_state(Dialog::VariableDialog, title: "Edit Variable", variable: variable, list: @active_action.variables, callback_method: method(:update_variable))
             end
 
-            button get_image("#{TAC::ROOT_PATH}/media/icons/trashcan.png"), image_width: THEME_ICON_SIZE, tip: "Delete variable", **THEME_DANGER_BUTTON do
+            button get_image("#{TAC::MEDIA_PATH}/icons/trashcan.png"), image_width: THEME_ICON_SIZE, tip: "Delete variable", **THEME_DANGER_BUTTON do
               push_state(Dialog::ConfirmDialog, title: "Are you sure?", message: "Delete variable?", callback_method: proc { delete_variable(variable) })
             end
           end
@@ -586,6 +651,221 @@ module TAC
         end
       end
 
+      def shift_action(action, direction)
+        # Determine whether this action is named as required for this operation
+        valid_name = valid_engine_action_name?(action)
+        am_child = action_is_child?(action)
+        index = @active_group.actions.index(action)
+        move_children = shift_down? # require that a SHIFT key is down when moving childen with their current parent to prevent undesired relocations.
+
+        unless valid_name
+          push_state(TAC::Dialog::AlertDialog, title: "Error", message: "Unable to shift action, incorrectly formated name.\nExpected: name to be like '00-00' not '#{action.name}'")
+
+          return
+        end
+
+        base_int = valid_name[0]
+        subbase_int = valid_name[1]
+
+        return if direction == :up && index.zero?
+
+        index_before = index - 1 >= 0 ? index - 1 : nil
+        index_next = index + 1 < @active_group.actions.size ? index + 1 : nil
+
+        mutated = false
+
+        case direction
+        when :up
+          if index_before
+            other = @active_group.actions[index_before]
+            other_is_child = action_is_child?(other)
+
+            i = index
+
+            while(other && ((!am_child && other_is_child) || (am_child && !other_is_child)))
+              i -= 1
+              index_before = i - 1 >= 0 ? i - 1 : nil
+
+              return unless index_before
+              return if am_child && valid_engine_action_name?(other).to_a[0].to_i != base_int
+
+              other = @active_group.actions[index_before]
+              other_is_child = action_is_child?(other)
+            end
+
+            move_child_actions(other, action) if move_children
+            swap_action(action, other)
+            mutated = true
+          end
+        when :down
+          if index_next
+            other = @active_group.actions[index_next]
+            other_is_child = action_is_child?(other)
+
+            i = index
+
+            while(other && ((!am_child && other_is_child) || (am_child && !other_is_child)))
+              i += 1
+              index_next = i + 1 < @active_group.actions.size ? i + 1 : nil
+
+              return unless index_next
+              return if am_child && valid_engine_action_name?(other).to_a[0].to_i != base_int
+
+              other = @active_group.actions[index_next]
+              other_is_child = action_is_child?(other)
+            end
+
+            move_child_actions(action, other) if move_children
+            swap_action(action, other)
+            mutated = true
+          end
+        end
+
+        return unless mutated
+
+        @active_group.actions.sort_by! { |a| a.name.downcase }
+
+        window.backend.config_changed!
+
+        @active_action_label.value = action.name
+
+        update_list_children(@actions_list)
+
+        scroll_into_view(action)
+      end
+
+      def swap_action(action, other)
+        old_name = action.name
+        new_name = other.name
+
+        action.name = other.name
+        other.name = old_name
+
+        action_container = find_element_by_tag(@actions_list, old_name)
+        action_label = find_element_by_tag(action_container, "label")
+
+        other_container = find_element_by_tag(@actions_list, new_name)
+        other_label = find_element_by_tag(other_container, "label")
+
+        action_container.style.tag = action.name
+        other_container.style.tag = other.name
+        action_label.value = action.name
+        other_label.value = other.name
+      end
+
+      def move_child_actions(action, other)
+        # Ordered: OTHER, ACTION
+        children = [select_child_actions(other), select_child_actions(action)]
+
+        [action, other].each_with_index do |a, i|
+          new_base_int, _new_subbase_int = valid_engine_action_name?(a)
+
+          children[i].each do |child|
+            child_base_int, child_subbase_int = valid_engine_action_name?(child)
+
+            # puts format("MOVING CHILD: #{child.name} (#{child.comment}) from %02d-00 to %02d-00", child_base_int, new_base_int)
+            new_name = format("%02d-%02d", new_base_int, child_subbase_int)
+
+            action_container = find_element_by_tag(@actions_list, child.name)
+            action_label = find_element_by_tag(action_container, "label")
+
+            action_container.style.tag = new_name
+            action_label.value = new_name
+
+            child.name = new_name
+          end
+        end
+      end
+
+      def select_child_actions(action)
+        valid_name = valid_engine_action_name?(action)
+
+        @active_group.actions.select do |a|
+          child_base_int, _child_subbase_int = valid_engine_action_name?(a)
+
+          next unless child_base_int
+
+          child_base_int == valid_name[0] && action_is_child?(a)
+        end
+      end
+
+      def valid_engine_action_name?(action)
+        base, subbase = action.name.split("-", 2)
+        base_int = -1
+        subbase_int = -1
+
+        return false unless base && subbase
+
+        return false unless base.length == 2 && subbase.length == 2
+
+        # Work around bug in Ruby's `Integer("08")` parser
+        base = base[0] == "0" ? base[1] : base
+        subbase = subbase[0] == "0" ? subbase[1] : subbase
+
+        begin
+          base_int = Integer(base)
+          subbase_int = Integer(subbase)
+        rescue ArgumentError
+          base_int = -1
+          subbase_int = -1
+        end
+
+        return [base_int, subbase_int] if base_int >= 0 && subbase_int >= 0
+
+        return false
+      end
+
+      def action_is_child?(action)
+        _base_int, subbase_int = valid_engine_action_name?(action)
+
+        return (subbase_int && subbase_int > 0) ? true : false
+      end
+
+      def draw
+        super
+
+        unless @highlight_animator.complete?
+          item = @highlight_item_container
+
+          Gosu.draw_rect(
+            item.x, item.y + (item&.parent&.scroll_top || 0),
+            item.width, item.height,
+            @highlight_animator.color_transition,
+            item.z + 1
+          )
+        end
+      end
+
+      def update
+        super
+
+        current_state.request_repaint unless @highlight_animator.complete?
+
+        while (hash = @scroll_into_view_list.shift)
+          list_container = hash[:list]
+          item_container = hash[:item]
+
+          return unless list_container
+          return unless item_container
+
+          unless (item_container.y + item_container.height).between?(list_container.y, list_container.y + list_container.height)
+
+            list_container.scroll_top = (item_container.y + item_container.height) - (list_container.y + list_container.height)
+
+            list_container.recalculate
+          end
+
+          @highlight_item_container = item_container
+          @highlight_animator = CyberarmEngine::Animator.new(
+            start_time: Gosu.milliseconds,
+            duration: 750,
+            from: @highlight_from_color,
+            to: @highlight_to_color,
+            tween: :ease_in_out_back
+          )
+        end
+      end
+
       def button_down(id)
         super
 

lib/pages/field_planner.rb

@@ -38,7 +38,7 @@ module TAC
               refresh_panel
             end
 
-            list_box items: ["Power Play", "Freight Frenzy", "Ultimate Goal", "Skystone"], width: 200, height: 1.0 do |item|
+            list_box items: ["Into the Deep", "CENTERSTAGE", "Power Play", "Freight Frenzy", "Ultimate Goal", "Skystone"], width: 200, height: 1.0 do |item|
               season = item.downcase.gsub(" ", "_").to_sym
               @field = TAC::Simulator::Field.new(container: @field_container, season: season, simulation: nil)
             end
@@ -63,12 +63,12 @@ module TAC
               background 0xff_111111
             end
 
-            @points_container = stack width: 0.5, height: 1.0 do
+            @points_container = stack width: 0.5, height: 1.0, scroll: true do
             end
           end
         end
 
-        @field = TAC::Simulator::Field.new(container: @field_container, season: :power_play, simulation: nil)
+        @field = TAC::Simulator::Field.new(container: @field_container, season: :into_the_deep, simulation: nil)
         @nodes ||= []
         @unit = :inches
         @total_distance = 0
@@ -80,12 +80,15 @@ module TAC
         @segment_thickness = 2
 
         @font = CyberarmEngine::Text.new(font: THEME_BOLD_FONT, size: 18, border: true, static: true)
+        @last_mouse_position = CyberarmEngine::Vector.new(window.mouse_x, window.mouse_y)
 
         measure_path
         refresh_panel
       end
 
       def draw
+        super
+
         @field.draw
 
         display_path
@@ -94,7 +97,8 @@ module TAC
           x = (window.mouse_x - @field_container.x) / @field.scale - 72
           y = (window.mouse_y - @field_container.y) / @field.scale - 72
 
-          @font.text = "X: #{inches_to_unit(x).round(2)} Y: #{inches_to_unit(y).round(2)} (#{@unit.to_s})"
+
+          @font.text = "X: #{inches_to_unit(-y).round(2)} Y: #{inches_to_unit(-x).round(2)} (#{@unit.to_s})"
           @font.x = window.mouse_x + 6
           @font.y = window.mouse_y - (@font.height / 2.0 + 24)
           @font.z = 100_001
@@ -105,15 +109,19 @@ module TAC
             @font.width + 12,
             @font.height + 12,
             0xaa_000000,
-            100_000)
-
-            @font.draw
+            100_000
+          )
 
+          @font.draw
         end
-
       end
 
       def update
+        super
+
+        current_state.request_repaint if window.mouse_x != @last_mouse_position.x || window.mouse_y != @last_mouse_position.y
+        @last_mouse_position = CyberarmEngine::Vector.new(window.mouse_x, window.mouse_y)
+
         @field.update
 
         measure_path
@@ -126,16 +134,20 @@ module TAC
           x = (window.mouse_x - @field_container.x) / @field.scale
           y = (window.mouse_y - @field_container.y) / @field.scale
 
+          field_x = -((window.mouse_y - @field_container.y) / @field.scale - 72)
+          field_y = -((window.mouse_x - @field_container.x) / @field.scale - 72)
+
           case id
           when Gosu::MS_LEFT # Add Node
-            @nodes << CyberarmEngine::Vector.new(x, y, 0)
+            @nodes << [CyberarmEngine::Vector.new(x, y, 0), CyberarmEngine::Vector.new(field_x, field_y, 0)]
 
             measure_path
 
             refresh_panel
 
           when Gosu::MS_RIGHT # Delete Node
-            result = @nodes.find do |node|
+            result = @nodes.find do |node_pair|
+              node = node_pair.first
               Gosu.distance(node.x, node.y, x, y) <= @node_radius * 0.25
             end
 
@@ -152,9 +164,10 @@ module TAC
         x = (window.mouse_x - @field_container.x) / @field.scale
         y = (window.mouse_y - @field_container.y) / @field.scale
 
-        last_node = @nodes.first
+        last_node = @nodes.first&.first
 
-        @nodes.each_with_index do |current_node, i|
+        @nodes.each_with_index do |current_node_pair, i|
+          current_node = current_node_pair.first
           mouse_near = Gosu.distance(current_node.x, current_node.y, x, y) <= @node_radius * 0.25
 
           Gosu.draw_circle(
@@ -192,10 +205,12 @@ module TAC
       def measure_path
         @total_distance = 0
 
-        v1 = @nodes.first
-        @nodes.each_with_index do |v2, i|
+        v1 = @nodes.first&.first
+        @nodes.each_with_index do |pair, i|
           next if i.zero?
 
+          v2 = pair.first
+
           @total_distance += Gosu.distance(
             v1.x + @field_container.x,
             v1.y + @field_container.y,
@@ -217,25 +232,10 @@ module TAC
         status_bar.recalculate
 
         # @points_container.clear do
-          # v1 = @nodes.first
-          # break unless v1
-
-          # para "Vector #{inches_to_unit(v1.x).round}:#{inches_to_unit(v1.y).round} - 0 #{@unit.to_s.capitalize}"
-
-          # @nodes.each_with_index do |v2, i|
-          #   next if i.zero?
-
-          #   distance = Gosu.distance(
-          #     v1.x + @field_container.x,
-          #     v1.y + @field_container.y,
-          #     v2.x + @field_container.x,
-          #     v2.y + @field_container.y
-          #   )
-
-            # para "Vector #{inches_to_unit(v1.x).round}:#{inches_to_unit(v1.y).round} - #{inches_to_unit(distance).round(2)} #{@unit.to_s.capitalize}"
-
-            # v1 = v2
-          # end
+        #   @nodes.each_with_index do |pair, i|
+        #     v = pair.last
+        #     para format("X: %.3f Y: %.3f", inches_to_unit(v.x), inches_to_unit(v.y))
+        #   end
         # end
       end
 

lib/pages/game_clock.rb

@@ -24,7 +24,7 @@ module TAC
                   # Spawn game clock window
                   $clock_pid = Process.spawn(
                     RbConfig.ruby,
-                    "#{ROOT_PATH}/timecrafters_configuration_tool.rb",
+                    "#{MEDIA_PATH}/../timecrafters_configuration_tool.rb",
                     "--game-clock-remote-display"
                   )
 

lib/pages/home.rb

@@ -6,33 +6,33 @@ module TAC
 
         body.clear do
           stack(width: 1.0, height: 1.0) do
-            label TAC::NAME, width: 1.0, text_size: 48, text_align: :center
+            para TAC::NAME, width: 1.0, text_size: 48, text_align: :center
 
             stack(width: 1.0, height: 8) do
               background 0xff_006000
             end
 
-            if window.backend.settings.config.empty?
-              label "TODO: Introduction"
-              label "Get Started", text_size: 28
+            if window.backend.settings.config.empty? || window.backend.config.nil?
+              para "TODO: Introduction"
+              para "Get Started", text_size: 28
               button "1. Create a configuration" do
                 page(TAC::Pages::Configurations)
               end
-              label "2. Add a group"
-              label "3. Add an action"
-              label "4. Add a variable"
-              label "5. Profit?"
+              para "2. Add a group"
+              para "3. Add an action"
+              para "4. Add a variable"
+              para "5. Profit?"
             else
-              label "Display config stats or something?"
+              para "Display config stats or something?"
 
               config = window.backend.config
               groups = config.groups
               actions = config.groups.map { |g| g.actions }.flatten
               variables = actions.map { |a| a.variables }.flatten
 
-              label "Total groups: #{groups.size}"
-              label "Total actions: #{actions.size}"
-              label "Total variables: #{variables.size}"
+              para "Total groups: #{groups.size}"
+              para "Total actions: #{actions.size}"
+              para "Total variables: #{variables.size}"
             end
 
             stack(width: 1.0, fill: true, scroll: true, margin_top: 32) do

lib/pages/presets.rb

@@ -19,82 +19,197 @@ module TAC
           end
         end
 
+        @scroll_into_view_list = []
+        @highlight_item_container = nil
+        @highlight_from_color = Gosu::Color.rgba(0, 0, 0, 0)
+        @highlight_to_color = Gosu::Color.rgba(THEME_HIGHLIGHTED_COLOR.red, THEME_HIGHLIGHTED_COLOR.green, THEME_HIGHLIGHTED_COLOR.blue, 200)
+
+        @highlight_animator = CyberarmEngine::Animator.new(
+          start_time: Gosu.milliseconds - 1,
+          duration: 0,
+          from: Gosu::Color.rgba(0, 0, 0, 0),
+          to: THEME_HIGHLIGHTED_COLOR
+        )
+
         populate_group_presets
         populate_action_presets
       end
 
+      def draw
+        super
+
+        unless @highlight_animator.complete?
+          item = @highlight_item_container
+
+          Gosu.draw_rect(
+            item.x, item.y,
+            item.width, item.height,
+            @highlight_animator.color_transition,
+            item.z + 1
+          )
+        end
+      end
+
+      def update
+        super
+
+        current_state.request_repaint unless @highlight_animator.complete?
+
+        while (hash = @scroll_into_view_list.shift)
+          list_container = hash[:list]
+          item_container = hash[:item]
+
+          return unless list_container
+          return unless item_container
+
+          unless (item_container.y + item_container.height).between?(list_container.y, list_container.y + list_container.height)
+
+            list_container.scroll_top = (item_container.y + item_container.height) - (list_container.y + list_container.height)
+
+            list_container.recalculate
+          end
+
+          @highlight_item_container = item_container
+          @highlight_animator = CyberarmEngine::Animator.new(
+            start_time: Gosu.milliseconds,
+            duration: 750,
+            from: @highlight_from_color,
+            to: @highlight_to_color,
+            tween: :ease_in_out_back
+          )
+        end
+      end
+
+      def update_list_children(list)
+        list.children.sort_by! { |i| i.style.tag.downcase }
+
+        list.children.each_with_index do |child, i|
+          child.style.default[:background] = i.even? ? THEME_EVEN_COLOR : THEME_ODD_COLOR
+
+          child.root.gui_state.request_recalculate
+        end
+      end
+
+      def scroll_into_view(item)
+        list_container = nil
+        item_container = nil
+
+        if item.is_a?(TAC::Config::Group)
+          list_container = @group_presets
+        elsif item.is_a?(TAC::Config::Action)
+          list_container = @action_presets
+        else
+          raise "Unsupported item type: #{item.class}"
+        end
+
+        item_container = find_element_by_tag(list_container, item.name)
+
+        @scroll_into_view_list << { list: list_container, item: item_container }
+      end
+
+      def add_group_container(group)
+        index = window.backend.config.presets.groups.index(group)
+
+        flow width: 1.0, height: 36, **THEME_ITEM_CONTAINER_PADDING, tag: group.name do |container|
+          background group == @active_group ? THEME_HIGHLIGHTED_COLOR : (index.even? ? THEME_EVEN_COLOR : THEME_ODD_COLOR)
+          @active_group_container = container if group == @active_group
+
+          button group.name, fill: true, text_size: THEME_ICON_SIZE - 3, tag: "label" do
+            page(TAC::Pages::Editor, { group: group, group_is_preset: true })
+          end
+
+          button get_image("#{TAC::MEDIA_PATH}/icons/gear.png"), image_width: THEME_ICON_SIZE, tip: "Edit group" do
+            push_state(
+              Dialog::NamePromptDialog,
+              title: "Rename Group Preset",
+              renaming: group,
+              list: window.backend.config.presets.groups,
+              callback_method: method(:update_group_preset)
+            )
+          end
+
+          button get_image("#{TAC::MEDIA_PATH}/icons/trashcan.png"), image_width: THEME_ICON_SIZE, tip: "Delete group", **THEME_DANGER_BUTTON do
+            push_state(
+              Dialog::ConfirmDialog,
+              title: "Are you sure?",
+              message: "Delete group preset and all of its actions and variables?",
+              callback_method: proc { delete_group_preset(group) }
+            )
+          end
+        end
+      end
+
+      def add_action_container(action)
+        index = window.backend.config.presets.actions.index(action)
+
+        stack width: 1.0, height: action.comment.empty? ? 36 : 72, **THEME_ITEM_CONTAINER_PADDING, tag: action.name do |container|
+          background action == @active_action ? THEME_HIGHLIGHTED_COLOR : (index.even? ? THEME_EVEN_COLOR : THEME_ODD_COLOR)
+          @active_action_container = container if action == @active_action
+
+          flow width: 1.0, height: 36 do
+            button action.name, fill: true, text_size: THEME_ICON_SIZE - 3, tag: "label" do
+              page(TAC::Pages::Editor, { action: action, action_is_preset: true })
+            end
+
+            button get_image("#{TAC::MEDIA_PATH}/icons/gear.png"), image_width: THEME_ICON_SIZE, tip: "Edit action" do
+              push_state(
+                Dialog::ActionDialog,
+                title: "Edit Action Preset",
+                action: action,
+                list: window.backend.config.presets.actions,
+                callback_method: method(:update_action_preset)
+              )
+            end
+
+            button get_image("#{TAC::MEDIA_PATH}/icons/trashcan.png"), image_width: THEME_ICON_SIZE, tip: "Delete action", **THEME_DANGER_BUTTON do
+              push_state(
+                Dialog::ConfirmDialog,
+                title: "Are you sure?",
+                message: "Delete action preset and all of its actions and variables?",
+                callback_method: proc { delete_action_preset(action) }
+              )
+            end
+          end
+
+          stack(width: 1.0, fill: true, scroll: true, visible: !action.comment.empty?, tag: "comment_container") do
+            caption action.comment.to_s, width: 1.0, text_wrap: :word_wrap, text_border: true, text_border_size: 1, text_border_color: 0xaa_000000, tag: "comment"
+          end
+        end
+      end
+
       def populate_group_presets
         @group_presets.clear do
-          window.backend.config.presets.groups.each_with_index do |group, i|
-            flow(width: 1.0, height: 36, **THEME_ITEM_CONTAINER_PADDING) do
-              background i.even? ? THEME_EVEN_COLOR : THEME_ODD_COLOR
-
-              button group.name, fill: true, text_size: THEME_ICON_SIZE - 3 do
-                page(TAC::Pages::Editor, { group: group, group_is_preset: true })
-              end
-
-              button get_image("#{TAC::ROOT_PATH}/media/icons/gear.png"), image_width: THEME_ICON_SIZE, tip: "Edit group preset" do
-                push_state(
-                  Dialog::NamePromptDialog,
-                  title: "Rename Group Preset",
-                  renaming: group,
-                  list: window.backend.config.presets.groups,
-                  callback_method: method(:update_group_preset)
-                )
-              end
-
-              button get_image("#{TAC::ROOT_PATH}/media/icons/trashcan.png"), image_width: THEME_ICON_SIZE, tip: "Delete group preset", **THEME_DANGER_BUTTON do
-                push_state(
-                  Dialog::ConfirmDialog,
-                  title: "Are you sure?",
-                  message: "Delete group preset and all of its actions and variables?",
-                  callback_method: proc { delete_group_preset(group) }
-                )
-              end
-            end
+          window.backend.config.presets.groups.each do |group|
+            add_group_container(group)
           end
         end
       end
 
       def populate_action_presets
         @action_presets.clear do
-          window.backend.config.presets.actions.each_with_index do |action, i|
-            flow(width: 1.0, height: 36, **THEME_ITEM_CONTAINER_PADDING) do
-              background i.even? ? THEME_EVEN_COLOR : THEME_ODD_COLOR
-
-              button action.name, fill: true, text_size: THEME_ICON_SIZE - 3 do
-                page(TAC::Pages::Editor, { action: action, action_is_preset: true })
-              end
-
-              button get_image("#{TAC::ROOT_PATH}/media/icons/gear.png"), image_width: THEME_ICON_SIZE, tip: "Edit action preset" do
-                push_state(
-                  Dialog::NamePromptDialog,
-                  title: "Rename Action Preset",
-                  renaming: action,
-                  list: window.backend.config.presets.actions,
-                  callback_method: method(:update_action_preset)
-                )
-              end
-
-              button get_image("#{TAC::ROOT_PATH}/media/icons/trashcan.png"), image_width: THEME_ICON_SIZE, tip: "Delete action preset", **THEME_DANGER_BUTTON do
-                push_state(
-                  Dialog::ConfirmDialog,
-                  title: "Are you sure?",
-                  message: "Delete action preset and all of its actions and variables?",
-                  callback_method: proc { delete_action_preset(action) }
-                )
-              end
-            end
+          window.backend.config.presets.actions.each do |action|
+            add_action_container(action)
           end
         end
       end
 
       def update_group_preset(group, name)
+        old_name = group.name
+
         group.name = name
         window.backend.config.presets.groups.sort_by! { |g| g.name.downcase }
         window.backend.config_changed!
 
-        populate_group_presets
+        group_container = find_element_by_tag(@group_presets, old_name)
+        para = find_element_by_tag(group_container, "label")
+
+        label.value = name
+
+        group_container.style.tag = name
+
+        update_list_children(@group_presets)
+
+        scroll_into_view(group)
       end
 
       def delete_group_preset(group)
@@ -102,15 +217,42 @@ module TAC
         window.backend.config.presets.groups.sort_by! { |g| g.name.downcase }
         window.backend.config_changed!
 
-        populate_group_presets
+        # Remove deleted action from list
+        container = find_element_by_tag(@group_presets, group.name)
+        @group_presets.remove(container)
+
+        update_list_children(@group_presets)
       end
 
-      def update_action_preset(action, name)
+      def update_action_preset(action, name, comment)
+        old_name = action.name
+
         action.name = name
+        action.comment = comment
         window.backend.config.presets.actions.sort_by! { |a| a.name.downcase }
         window.backend.config_changed!
 
-        populate_action_presets
+        action_container = find_element_by_tag(@action_presets, old_name)
+        para = find_element_by_tag(action_container, "label")
+        comment_container = find_element_by_tag(action_container, "comment_container")
+        comment_label = find_element_by_tag(action_container, "comment")
+
+        label.value = name
+        if comment.empty?
+          action_container.style.height = 36
+          comment_container.hide
+          comment_label.value = ""
+        else
+          action_container.style.height = 72
+          comment_container.show
+          comment_label.value = comment.to_s
+        end
+
+        action_container.style.tag = name
+
+        update_list_children(@action_presets)
+
+        scroll_into_view(action)
       end
 
       def delete_action_preset(action)
@@ -118,8 +260,12 @@ module TAC
         window.backend.config.presets.actions.sort_by! { |a| a.name.downcase }
         window.backend.config_changed!
 
-        populate_action_presets
+        # Remove deleted action from list
+        container = find_element_by_tag(@action_presets, action.name)
+        @action_presets.remove(container)
+
+        update_list_children(@action_presets)
       end
     end
   end
-end
+end

lib/pages/search.rb

@@ -6,7 +6,7 @@ module TAC
 
         menu_bar.clear do
           search = edit_line "", fill: true, height: 1.0
-          button get_image("#{TAC::ROOT_PATH}/media/icons/zoom.png"), image_height: 1.0 do
+          button get_image("#{TAC::MEDIA_PATH}/icons/zoom.png"), image_height: 1.0 do
             unless search.value.strip.empty?
               search_results = search_config(search.value.strip)
 
@@ -22,7 +22,7 @@ module TAC
                 shared_index = 0
 
                 flow(width: 1.0, height: 1.0) do
-                  stack(width: 0.495, height: 1.0, scroll: true) do
+                  stack(fill: true, height: 1.0, scroll: true, padding: 20, padding_right: 10) do
                     if search_results.groups.size.positive?
                       title "Groups"
 
@@ -44,7 +44,9 @@ module TAC
                       search_results.actions.each do |result|
                         stack(width: 1.0, **THEME_ITEM_CONTAINER_PADDING) do
                           background shared_index.even? ? THEME_EVEN_COLOR : THEME_ODD_COLOR
-                          button result.highlight(result.action.name), width: 1.0 do
+                          tip = "Group: #{result.group.name}"
+
+                          button result.highlight(result.action.name), width: 1.0, tip: tip do
                             page(TAC::Pages::Editor, { group: result.group, action: result.action, is_search: true })
                           end
 
@@ -63,7 +65,9 @@ module TAC
                       search_results.variables.each do |result|
                         stack(width: 1.0, **THEME_ITEM_CONTAINER_PADDING) do
                           background shared_index.even? ? THEME_EVEN_COLOR : THEME_ODD_COLOR
-                          button "#{result.highlight(result.variable.name)} [#{result.highlight(result.variable.value)}]", width: 1.0 do
+                          tip = "Group: #{result.group.name}, Action: #{result.action.name}"
+
+                          button "#{result.highlight(result.variable.name)} [#{result.variable.type}: #{result.highlight(result.variable.value)}]", width: 1.0, tip: tip do
                             page(TAC::Pages::Editor, { group: result.group, action: result.action, variable: result.variable, is_search: true })
                           end
                         end
@@ -73,13 +77,14 @@ module TAC
                     end
                   end
 
-                  stack(width: 0.495, height: 1.0, scroll: true) do
+                  stack(fill: true, height: 1.0, scroll: true, padding: 20, padding_left: 10) do
                     if search_results.group_presets.size.positive?
                       title "Group Presets"
 
                       search_results.group_presets.each do |result|
                         stack(width: 1.0, **THEME_ITEM_CONTAINER_PADDING) do
                           background shared_index.even? ? THEME_EVEN_COLOR : THEME_ODD_COLOR
+
                           button result.highlight(result.group.name), width: 1.0 do
                             page(TAC::Pages::Editor, { group: result.group, group_is_preset: true, is_search: true })
                           end
@@ -95,7 +100,9 @@ module TAC
                       search_results.action_presets.each do |result|
                         stack(width: 1.0, **THEME_ITEM_CONTAINER_PADDING) do
                           background shared_index.even? ? THEME_EVEN_COLOR : THEME_ODD_COLOR
-                          button result.highlight(result.action.name), width: 1.0 do
+                          tip = result.group ? "Group: #{result.group.name}" : nil
+
+                          button result.highlight(result.action.name), width: 1.0, tip: tip do
                             if result.group.nil?
                               page(TAC::Pages::Editor, { action: result.action, action_is_preset: true, is_search: true })
                             else
@@ -118,7 +125,9 @@ module TAC
                       search_results.variables_from_presets.each do |result|
                         stack(width: 1.0, **THEME_ITEM_CONTAINER_PADDING) do
                           background shared_index.even? ? THEME_EVEN_COLOR : THEME_ODD_COLOR
-                          button "#{result.highlight(result.variable.name)} [#{result.highlight(result.variable.value)}]", width: 1.0 do
+                          tip = result.group ? "Group: #{result.group.name}, Action: #{result.action.name}" : "Action: #{result.action.name}"
+
+                          button "#{result.highlight(result.variable.name)} [#{result.variable.type}: #{result.highlight(result.variable.value)}]", width: 1.0, tip: tip do
                             if result.group.nil?
                               page(TAC::Pages::Editor, { action: result.action, variable: result.variable, action_is_preset: true, is_search: true })
                             else

lib/pages/simulator.rb

@@ -6,7 +6,7 @@ module TAC
         header_bar("Simulator")
 
         menu_bar.clear do
-          button get_image("#{TAC::ROOT_PATH}/media/icons/right.png"), tip: "Run Simulation", image_height: 1.0 do
+          button get_image("#{TAC::MEDIA_PATH}/icons/right.png"), tip: "Run Simulation", image_height: 1.0 do
             save_source
 
             begin
@@ -19,17 +19,17 @@ module TAC
             end
           end
 
-          button get_image("#{TAC::ROOT_PATH}/media/icons/stop.png"), tip: "Stop Simulation", image_height: 1.0 do
+          button get_image("#{TAC::MEDIA_PATH}/icons/stop.png"), tip: "Stop Simulation", image_height: 1.0 do
             @simulation.robots.each { |robot| robot.queue.clear } if @simulation
           end
 
-          button get_image("#{TAC::ROOT_PATH}/media/icons/save.png"), tip: "Save", image_height: 1.0 do
+          button get_image("#{TAC::MEDIA_PATH}/icons/save.png"), tip: "Save", image_height: 1.0 do
             save_source
           end
         end
 
         status_bar.clear do
-          @simulation_status = label ""
+          @simulation_status = para ""
         end
 
         body.clear do

lib/pages/tacnet.rb

@@ -6,9 +6,9 @@ module TAC
 
         menu_bar.clear do
           @connect_menu = flow(width: 1.0, height: 1.0) do
-            label "Hostname", text_size: 28
+            para "Hostname", text_size: 28
             hostname = edit_line window.backend.settings.hostname, width: 0.33, height: 1.0, text_size: 28
-            label "Port", text_size: 28
+            para "Port", text_size: 28
             port = edit_line window.backend.settings.port, width: 0.33, height: 1.0, text_size: 28
             button "Connect", height: 1.0, text_size: 28 do
               if hostname.value != window.backend.settings.hostname || port.value.to_i != window.backend.settings.port
@@ -30,12 +30,12 @@ module TAC
         end
 
         status_bar.clear do
-          @tacnet_icon = image "#{TAC::ROOT_PATH}/media/icons/signal3.png", height: 26
-          @status_label = label "TACNET: Not Connected", text_size: 26
+          @tacnet_icon = image "#{TAC::MEDIA_PATH}/icons/signal3.png", height: 26
+          @status_label = para "TACNET: Not Connected", text_size: 26
         end
 
         body.clear do
-          @full_status_label = label ""
+          @full_status_label = para ""
         end
       end
 

lib/simulator/field.rb

@@ -336,6 +336,243 @@ module TAC
         end
       end
 
+
+      def draw_field_centerstage
+        # Corner TAPE
+        2.times do |i|
+          Gosu.rotate((i + 2) * 90.0, 72, 72) do
+            Gosu.draw_quad(
+              24 - 2, 0,      i.odd? ? @red : @blue,
+              24,     0,      i.odd? ? @red : @blue,
+              0,      24 - 2, i.odd? ? @red : @blue,
+              0,      24,     i.odd? ? @red : @blue,
+              @z
+            )
+          end
+        end
+
+        # Backstage TAPE
+        # BLUE
+        Gosu.draw_rect(0, 22, 58.5, 2, @blue, @z)
+        Gosu.draw_quad(
+          72 - 2, 0,      @blue,
+          72,     0,      @blue,
+          58.5 - 2,  24,  @blue,
+          58.5,      24,  @blue,
+          @z
+        )
+        # RED
+        Gosu.draw_rect(@field_size, 22, -58.5, 2, @red, @z)
+        Gosu.draw_quad(
+          @field_size - (72 - 2), 0,      @red,
+          @field_size - 72,     0,      @red,
+          @field_size - (58.5 - 2),  24,  @red,
+          @field_size - 58.5,      24,  @red,
+          @z
+        )
+
+        # Backstage BACKDROP
+        Gosu.draw_rect(24, 0, 24, 11.25, 0xff_252525, @z)
+        Gosu.draw_rect(@field_size - 48, 0, 24, 11.25, 0xff_252525, @z)
+
+        # Pixel TAPE
+        7.times do |i|
+          next if i == 3 # skip 4th iteration; empty slot
+
+          # TAPE
+          Gosu.draw_rect(24 + 11.5 + (12 * i), @field_size - 6, 1, 6, 0xff_dddddd, @z)
+          # Pixel
+          Gosu.rotate(30, 24 + 12 + (12 * i), @field_size - 1.75) do
+            Gosu.draw_circle(24 + 12 + (12 * i), @field_size - 1.75, 2.25, 6, 0xff_ffffff, @z)
+          end
+        end
+
+        # Spike marks TAPE
+        # BLUE
+        2.times do |r|
+          2.times do |i|
+            Gosu.rotate(r * 180, @field_size / 2, @field_size / 2 + 12) do
+              c = r.even? ? @blue : @red
+              Gosu.translate(0, i * 48) do
+                Gosu.draw_rect(35.5, @field_size / 2 - 1.5, 12, 1, c, @z)
+                Gosu.draw_rect(47.5 - 1, @field_size / 2 - 18, 1, 12, c, @z)
+                Gosu.draw_rect(35.5, @field_size / 2 - 23.5, 12, 1, c, @z)
+                # --- mark
+                Gosu.draw_rect(35.5 + 6, @field_size / 2 - 1.5, 0.125, 1, 0xff_000000, @z)
+                Gosu.draw_rect(47.5 - 1, @field_size / 2 - 18 + 6, 1, 0.125, 0xff_000000, @z)
+                Gosu.draw_rect(35.5 + 6, @field_size / 2 - 23.5, 0.125, 1, 0xff_000000, @z)
+              end
+            end
+          end
+        end
+
+        # Trusses
+        Gosu.draw_rect(0, @field_size / 2 - 2, 2, 28, 0xff_656565, @z)
+        Gosu.draw_rect(23, @field_size / 2 - 2, 2, 28, 0xff_656565, @z)
+        Gosu.draw_rect(47, @field_size / 2 - 2, 2, 28, 0xff_656565, @z)
+        Gosu.draw_rect(@field_size / 2 + 24 + -1, @field_size / 2 - 2, 2, 28, 0xff_656565, @z)
+        Gosu.draw_rect(@field_size / 2 + 24 + 23, @field_size / 2 - 2, 2, 28, 0xff_656565, @z)
+        Gosu.draw_rect(@field_size / 2 + 24 + 46, @field_size / 2 - 2, 2, 28, 0xff_656565, @z)
+
+        # Crossbeams
+        # BLUE
+        Gosu.draw_rect(0, @field_size / 2 + 12 + 2, 26, 2, @blue, @z)
+        Gosu.draw_rect(24, @field_size / 2 + 12 - 1, 24, 2, @blue, @z)
+        # YELLOW
+        # --- Blue
+        Gosu.draw_rect(0, @field_size / 2 + 2, 25, 1, @soft_orange, @z)
+        Gosu.draw_rect(23, @field_size / 2 + 21, 26, 1, @soft_orange, @z)
+        # --- Middle
+        Gosu.draw_rect(24 + 24, @field_size / 2 + 2, 48, 1, @soft_orange, @z)
+        Gosu.draw_rect(24 + 24, @field_size / 2 + 12 - 0.5, 48, 1, @soft_orange, @z)
+        Gosu.draw_rect(24 + 24, @field_size / 2 + 12 - 0.5, 48, 1, @soft_orange, @z)
+        # --- --- parallel beams
+        Gosu.draw_rect(24 + 28, @field_size / 2 + 2, 1, 10, @soft_orange, @z)
+        Gosu.draw_rect(@field_size / 2, @field_size / 2 + 2, 1, 10, @soft_orange, @z)
+        Gosu.draw_rect(24 + 72 - 4, @field_size / 2 + 2, 1, 10, @soft_orange, @z)
+        # --- Red
+        Gosu.draw_rect(47 + 72, @field_size / 2 + 2, 25, 1, @soft_orange, @z)
+        Gosu.draw_rect(23 + 72, @field_size / 2 + 21, 26, 1, @soft_orange, @z)
+        # RED
+        Gosu.draw_rect(24 + 72, @field_size / 2 + 12 - 1, 24, 2, @red, @z)
+        Gosu.draw_rect(46 + 72, @field_size / 2 + 12 + 2, 26, 2, @red, @z)
+
+      end
+
+      #############################
+      ### --- Into the Deep --- ###
+      #############################
+      def draw_field_into_the_deep
+        # Observation and net zones
+        2.times do |i|
+          Gosu.rotate(i * 180.0, 72, 72) do
+            Gosu.draw_quad(
+              24 - 2, 0,      i.odd? ? @red : @blue,
+              24,     0,      i.odd? ? @red : @blue,
+              0,      24 - 2, i.odd? ? @red : @blue,
+              0,      24,     i.odd? ? @red : @blue,
+              @z
+            )
+
+            Gosu.draw_rect(
+              12, 144 - 24,
+              2,  24,
+              i.odd? ? @red : @blue,
+              @z
+            )
+
+            Gosu.draw_quad(
+              12,     144 - 24, i.odd? ? @red : @blue,
+              14,     144 - 24, i.odd? ? @red : @blue,
+              0,      144 - 36, i.odd? ? @red : @blue,
+              0,      144 - 38, i.odd? ? @red : @blue,
+              @z
+            )
+          end
+        end
+
+        faint_white = Gosu::Color.rgb(240, 240, 240)
+
+        # spike marks, white
+        3.times do |i|
+          Gosu.draw_rect(
+            48 - 3.5, 22 - i * 10,
+            3.5, 2,
+            faint_white,
+            @z
+          )
+        end
+        #spike marks, red
+        3.times do |i|
+          Gosu.draw_rect(
+            (144 - 48), 22 - i * 10,
+            3.5, 2,
+            @red,
+            @z
+          )
+        end
+        # spike marks, blue
+        3.times do |i|
+          Gosu.draw_rect(
+            48 - 3.5, 144 - 24 + i * 10,
+            3.5, 2,
+            @blue,
+            @z
+          )
+        end
+        # spike marks, yellow
+        3.times do |i|
+          Gosu.draw_rect(
+            (144 - 48), 144 - 24 + i * 10,
+            3.5, 2,
+            faint_white,
+            @z
+          )
+        end
+
+        # Accent Zone Triangle TAPE
+        2.times do |i|
+          Gosu.rotate(i * 180.0, 72, 72) do
+            Gosu.draw_quad(
+              48,      48, faint_white,
+              72, 48 - 10, faint_white,
+              72, 49 - 10, faint_white,
+              50,      48, faint_white,
+              @z
+            )
+
+            Gosu.draw_quad(
+              96,      48, faint_white,
+              72, 48 - 10, faint_white,
+              72, 49 - 10, faint_white,
+              94,      48, faint_white,
+              @z
+            )
+          end
+        end
+
+        # submersible
+        bar_gray = 0xff_656565 #Gosu::Color.rgb(50, 50, 50)
+
+        2.times do |i|
+          # left and right edges of submersible
+          Gosu.draw_rect(
+            72 - 24 + i * 46, 72 - 24,
+            2, 48,
+            bar_gray,
+            @z
+          )
+
+          # top and bottom edges of submersible
+          Gosu.draw_rect(
+            72 - 24, 72 - 15 + i * 28,
+            48, 2,
+            bar_gray,
+            @z
+          )
+
+          # alliance rungs of submersible
+          Gosu.draw_rect(
+            72 - 24 + i * 46, 72 - 13,
+            2, 26,
+            i.even? ? @blue : @red,
+            @z
+          )
+        end
+
+        # alliance bar bars
+        2.times do |i|
+          3.times do |x|
+            Gosu.draw_rect(
+              72 - 21.5 + x * 21, 72 - 15 + i * 28,
+              1, 2,
+              i.even? ? @blue : @red,
+              @z
+            )
+          end
+        end
+      end
+
       def draw_tile_box(color)
         Gosu.draw_rect(0,  0, 24, 2, color, @z)
         Gosu.draw_rect(22, 2, 2, 22, color, @z)

lib/simulator/simulation.rb

@@ -8,7 +8,7 @@ module TAC
         @field_container = field_container
 
         @robots = []
-        @field = Field.new(simulation: self, season: :power_play, container: @field_container)
+        @field = Field.new(simulation: self, season: :into_the_deep, container: @field_container)
         @show_paths = false
 
         @last_milliseconds = Gosu.milliseconds

lib/states/boot.rb

@@ -9,7 +9,7 @@ module TAC
         end
 
         @title_font = CyberarmEngine::Text.new(TAC::NAME, z: 100, size: 72, border: true, border_size: 2, border_color: 0xff_000000, font: THEME[:TextBlock][:font], static:  true)
-        @logo = Gosu::Image.new("#{TAC::ROOT_PATH}/media/logo.png")
+        @logo = Gosu::Image.new("#{TAC::MEDIA_PATH}/logo.png")
 
         @title_animator = CyberarmEngine::Animator.new(start_time: Gosu.milliseconds + 0, duration: 750, from: 0.0, to: 1.0, tween: :swing_from_to)
         @logo_animator = CyberarmEngine::Animator.new(start_time: Gosu.milliseconds + 750, duration: 1_000, from: 0.0, to: 1.0, tween: :swing_to)
@@ -46,6 +46,7 @@ module TAC
       def button_down(id)
         super
 
+        pop_state
         push_state(@next_state)
       end
     end

lib/states/editor.rb

@@ -36,18 +36,18 @@ class Editor < CyberarmEngine::GuiState
     @header_bar = flow(width: 1.0, height: 36) do
       background 0xff_006000
 
-      @header_bar_label = label TAC::NAME, fill: true, text_align: :center, text_size: 32, font: TAC::THEME_BOLD_FONT, margin_left: BORDERLESS ? 36 * 3 : 0
+      @header_bar_label = para TAC::NAME, fill: true, text_align: :center, text_size: 32, font: TAC::THEME_BOLD_FONT, margin_left: BORDERLESS ? 36 * 3 : 0
 
       @window_controls = flow(width: 36 * 3, height: 1.0) do
-        button get_image("#{TAC::ROOT_PATH}/media/icons/minus.png"), tip: "Minimize", image_height: 1.0 do
+        button get_image("#{TAC::MEDIA_PATH}/icons/minus.png"), tip: "Minimize", image_height: 1.0 do
           window.minimize if window.respond_to?(:minimize)
         end
 
-        button get_image("#{TAC::ROOT_PATH}/media/icons/larger.png"), tip: "Maximize", image_height: 1.0 do |btn|
+        button get_image("#{TAC::MEDIA_PATH}/icons/larger.png"), tip: "Maximize", image_height: 1.0 do |btn|
           window.maximize if window.respond_to?(:maximize)
         end
 
-        button get_image("#{TAC::ROOT_PATH}/media/icons/cross.png"), tip: "Exit", image_height: 1.0, **TAC::THEME_DANGER_BUTTON do
+        button get_image("#{TAC::MEDIA_PATH}/icons/cross.png"), tip: "Exit", image_height: 1.0, **TAC::THEME_DANGER_BUTTON do
           window.close
         end
       end
@@ -57,27 +57,27 @@ class Editor < CyberarmEngine::GuiState
       @navigation = stack(width: 64, height: 1.0, scroll: true) do
         background 0xff_333333
 
-        button get_image("#{TAC::ROOT_PATH}/media/icons/home.png"), margin: 4, tip: "Home", image_width: 1.0 do
+        button get_image("#{TAC::MEDIA_PATH}/icons/home.png"), margin: 4, tip: "Home", image_width: 1.0 do
           page(TAC::Pages::Home)
         end
 
-        button get_image("#{TAC::ROOT_PATH}/media/icons/menuList.png"), margin: 4, tip: "Editor", image_width: 1.0 do
+        button get_image("#{TAC::MEDIA_PATH}/icons/menuList.png"), margin: 4, tip: "Editor", image_width: 1.0 do
           page(TAC::Pages::Editor)
         end
 
-        @tacnet_button = button get_image("#{TAC::ROOT_PATH}/media/icons/signal3.png"), margin: 4, tip: "TACNET", image_width: 1.0 do
+        @tacnet_button = button get_image("#{TAC::MEDIA_PATH}/icons/signal3.png"), margin: 4, tip: "TACNET", image_width: 1.0 do
           page(TAC::Pages::TACNET)
         end
 
-        button get_image("#{TAC::ROOT_PATH}/media/icons/gear.png"), margin: 4, tip: "Configurations", image_width: 1.0 do
+        button get_image("#{TAC::MEDIA_PATH}/icons/gear.png"), margin: 4, tip: "Configurations", image_width: 1.0 do
           page(TAC::Pages::Configurations)
         end
 
-        button get_image("#{TAC::ROOT_PATH}/media/icons/menuGrid.png"), margin: 4, tip: "Presets", image_width: 1.0 do
+        button get_image("#{TAC::MEDIA_PATH}/icons/menuGrid.png"), margin: 4, tip: "Presets", image_width: 1.0 do
           page(TAC::Pages::Presets)
         end
 
-        button get_image("#{TAC::ROOT_PATH}/media/icons/zoom.png"), margin: 4, tip: "Search", image_width: 1.0 do
+        button get_image("#{TAC::MEDIA_PATH}/icons/zoom.png"), margin: 4, tip: "Search", image_width: 1.0 do
           page(TAC::Pages::Search)
         end
 
@@ -86,28 +86,28 @@ class Editor < CyberarmEngine::GuiState
           para "Tools", width: 1.0, text_align: :center
         end
 
-        button get_image("#{TAC::ROOT_PATH}/media/icons/right.png"), margin: 4, tip: "Simulator", image_width: 1.0 do
+        button get_image("#{TAC::MEDIA_PATH}/icons/right.png"), margin: 4, tip: "Simulator", image_width: 1.0 do
           page(TAC::Pages::Simulator)
         end
 
-        button get_image("#{TAC::ROOT_PATH}/media/icons/joystickLeft.png"), margin: 4, tip: "Field Planner", image_width: 1.0 do
+        button get_image("#{TAC::MEDIA_PATH}/icons/joystickLeft.png"), margin: 4, tip: "Field Planner", image_width: 1.0 do
           page(TAC::Pages::FieldPlanner)
         end
 
-        button get_image("#{TAC::ROOT_PATH}/media/icons/massiveMultiplayer.png"), margin: 4, tip: "Drive Team Rotation Generator", image_width: 1.0 do
+        button get_image("#{TAC::MEDIA_PATH}/icons/massiveMultiplayer.png"), margin: 4, tip: "Drive Team Rotation Generator", image_width: 1.0 do
           page(TAC::Pages::DriveTeamRotationGenerator)
         end
 
-        button get_image("#{TAC::ROOT_PATH}/media/icons/custom_stopWatch.png"), margin: 4, tip: "Game Clock", image_width: 1.0 do
+        button get_image("#{TAC::MEDIA_PATH}/icons/custom_stopWatch.png"), margin: 4, tip: "Game Clock", image_width: 1.0 do
           page(TAC::Pages::GameClock)
         end
 
-        button get_image("#{TAC::ROOT_PATH}/media/icons/power.png"), margin: 4, tip: "Exit", image_width: 1.0, **TAC::THEME_DANGER_BUTTON do
+        button get_image("#{TAC::MEDIA_PATH}/icons/power.png"), margin: 4, tip: "Exit", image_width: 1.0, **TAC::THEME_DANGER_BUTTON do
           window.close
         end
       end
 
-      @content = stack(width: window.width - @navigation.style.width, height: 1.0) do
+      @content = stack(fill: true, height: 1.0) do
         @chrome = stack(width: 1.0, height: 96) do
           @menu_bar = flow(width: 1.0, height: 48, padding: 8) do
             background 0xff_008000
@@ -233,4 +233,4 @@ class Editor < CyberarmEngine::GuiState
       TAC::Pages::Search
     ].include?(klass)
   end
-end
+end

lib/tac.rb

@@ -1,7 +1,13 @@
 module TAC
-  ROOT_PATH = File.expand_path("../..", __FILE__)
+  if ARGV.join.include?("--dev")
+    ROOT_PATH = File.expand_path("../..", __FILE__)
+  else
+    ROOT_PATH = "#{Dir.home}/TimeCrafters_Configuration_Tool"
+  end
   CONFIGS_PATH = "#{ROOT_PATH}/data/configs"
   SETTINGS_PATH = "#{ROOT_PATH}/data/settings.json"
 
+  MEDIA_PATH = "#{File.expand_path("../..", __FILE__)}/media"
+
   CONFIG_SPEC_VERSION = 2
 end

lib/theme.rb

@@ -1,6 +1,6 @@
 module TAC
-  THEME_FONT = "#{TAC::ROOT_PATH}/media/fonts/NotoSans-Bold.ttf"
-  THEME_BOLD_FONT = "#{TAC::ROOT_PATH}/media/fonts/NotoSans-Black.ttf"
+  THEME_FONT = "#{TAC::MEDIA_PATH}/fonts/NotoSans-Bold.ttf"
+  THEME_BOLD_FONT = "#{TAC::MEDIA_PATH}/fonts/NotoSans-Black.ttf"
   THEME = {
     TextBlock: {
       text_static: true,
@@ -27,7 +27,7 @@ module TAC
     },
     ToggleButton: {
       width: 18,
-      checkmark_image: "#{TAC::ROOT_PATH}/media/icons/checkmark.png",
+      checkmark_image: "#{TAC::MEDIA_PATH}/icons/checkmark.png",
     },
   }
 

lib/version.rb

@@ -1,5 +1,6 @@
 module TAC
   NAME = "TimeCrafters Configuration Tool"
-  VERSION = "0.6.0"
-  RELEASE_NAME = "Beta"
-end
+  RELEASE_DATE = "2024-01-19" # ISO 8601 Date of version release
+  VERSION = "0.8.0"
+  RELEASE_NAME = "BETA"
+end

lib/window.rb

@@ -5,9 +5,9 @@ module TAC
     def initialize(**args)
       super(**args)
 
-      self.caption = "#{TAC::NAME} v#{TAC::VERSION} (#{TAC::RELEASE_NAME})"
+      self.caption = "#{TAC::NAME} v#{TAC::VERSION} (#{TAC::RELEASE_NAME}) [#{TAC::RELEASE_DATE}]"
       @backend = Backend.new
-      @notification_manager = GosuNotifications::NotificationManager.new(window: self, edge: :bottom)
+      @notification_manager = CyberarmEngine::NotificationManager.new(window: self, edge: :bottom)
 
       if ARGV.join.include?("--game-clock-remote-display")
         push_state(PracticeGameClock::View, remote_control_mode: true)
@@ -26,9 +26,9 @@ module TAC
     end
 
     def update
-      super
-
       @notification_manager.update
+
+      super
     end
 
     def needs_redraw?
@@ -37,7 +37,7 @@ module TAC
 
     def toast(title, message = nil)
       @notification_manager.create_notification(
-        priority: GosuNotifications::Notification::PRIORITY_HIGH,
+        priority: CyberarmEngine::Notification::PRIORITY_HIGH,
         title: title,
 
         tagline: message ? message : "",

timecrafters_configuration_tool.rb

@@ -1,10 +1,9 @@
 begin
-  raise LoadError if defined?(Ocra)
+  raise LoadError if defined?(Ocra) || defined?(Ocran)
   require_relative "../cyberarm_engine/lib/cyberarm_engine"
 rescue LoadError
   require "cyberarm_engine"
 end
-require "gosu_notifications"
 require "socket"
 require "securerandom"
 require "json"
@@ -74,7 +73,7 @@ require_relative "lib/game_clock/net/packet"
 USE_REDESIGN = ARGV.include?("--redesign")
 BORDERLESS = ARGV.include?("--borderless")
 
-if not defined?(Ocra)
+unless defined?(Ocra) || defined?(Ocran)
   TAC::Window.new(width: (Gosu.screen_width * 0.8).round, height: (Gosu.screen_height * 0.8).round, resizable: true, borderless: BORDERLESS).show
 end