Add action buttons bar to RmlUi UI

- Add action-bar div to RML template between tab bar and editor panel
- Add CSS styling for action bar and toolbar-action-button
- Update layout: action bar at 40dp, editor panel at 90dp, content at 175dp
- Implement PopulateActionButtons() to create buttons from SB.actionRegistry
- Bind click events to execute actions (Save, Load, Export, etc.)
- Fix icon paths to be relative to RML document location

Matches Chili mode behavior where action buttons appear between tabs
and editor buttons.

Author: claude

scen_edit/view/rcss/springboard.rcss

@@ -46,10 +46,49 @@ body#springboard {
     border-bottom: 2dp #3a7ebf;
 }
 
+/* Action bar (Save, Load, etc.) */
+.action-bar {
+    position: absolute;
+    top: 40dp;
+    left: 0dp;
+    right: 0dp;
+    height: 45dp;
+    background-color: #222222;
+    border-bottom: 1dp #555555;
+    display: flex;
+    flex-direction: row;
+    gap: 1dp;
+    padding: 2dp 5dp;
+    align-items: center;
+}
+
+.toolbar-action-button {
+    width: 40dp;
+    height: 40dp;
+    background-color: #3a3a3a;
+    border: 1dp #555555;
+    border-radius: 3dp;
+    cursor: pointer;
+    padding: 0dp;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.toolbar-action-button:hover {
+    background-color: #4a4a4a;
+    border-color: #777777;
+}
+
+.toolbar-action-button img {
+    width: 20dp;
+    height: 20dp;
+}
+
 /* Editor button panel (scrollable horizontal) - matches TOOLBOX_ITEM_HEIGHT (70dp) + padding */
 .editor-panel-wrapper {
     position: absolute;
-    top: 40dp;
+    top: 90dp;
     left: 0dp;
     right: 0dp;
     height: 80dp;
@@ -108,10 +147,10 @@ body#springboard {
     color: #00ff00;
 }
 
-/* Main content area - starts after editor panel (40 + 80 = 120dp) */
+/* Main content area - starts after editor panel (40 tab + 45 action + 80 editor = 165dp + 10 margin) */
 .main-content {
     position: absolute;
-    top: 125dp;
+    top: 175dp;
     left: 0dp;
     right: 0dp;
     bottom: 0dp;

scen_edit/view/rml/springboard_main.rml

@@ -13,6 +13,11 @@
         <button id="tab-Misc" class="tab-button">Misc</button>
     </div>
 
+    <!-- Action buttons bar (Save, Load, etc.) -->
+    <div id="action-bar" class="action-bar">
+        <!-- Action buttons populated dynamically -->
+    </div>
+
     <!-- Editor button panel (scrollable horizontal) -->
     <div id="editor-panel-wrapper" class="editor-panel-wrapper">
         <div id="editor-button-panel" class="editor-button-panel">

scen_edit/view/view.lua

@@ -76,6 +76,7 @@ function View:InitializeRmlUi()
     -- Initialize tab system
     self.currentTab = "Objects"
     self:BindTabEvents()
+    self:PopulateActionButtons()
     self:PopulateEditorButtons(self.currentTab)
 
     -- Setup event handlers
@@ -299,6 +300,59 @@ function View:SwitchTab(tabName)
     end
 end
 
+function View:PopulateActionButtons()
+    if not SB.conf.SHOW_BASIC_CONTROLS then
+        return
+    end
+
+    local actionBar = self.mainDocument:GetElementById("action-bar")
+    if not actionBar then return end
+
+    -- Filter and sort actions by toolbar_order
+    local actions = Table.Filter(SB.actionRegistry, function(v)
+        return v.toolbar_order ~= nil
+    end)
+    actions = Table.SortByAttr(actions, "toolbar_order")
+
+    -- Create button HTML for each action
+    local buttonsHTML = ""
+    for _, actionCfg in ipairs(actions) do
+        if actionCfg.image and actionCfg.tooltip then
+            local btnId = "toolbar-action-" .. (actionCfg.name or actionCfg.tooltip:gsub("%s+", "-"):lower())
+
+            -- Make image path relative to RML document
+            local imagePath = actionCfg.image
+            if imagePath:sub(1, 6) == "LuaUI/" then
+                imagePath = "../../../" .. imagePath
+            end
+
+            buttonsHTML = buttonsHTML .. string.format([[
+                <button id="%s" class="toolbar-action-button" title="%s">
+                    <img src="%s"/>
+                </button>
+            ]], btnId, actionCfg.tooltip, imagePath)
+        end
+    end
+
+    actionBar.inner_rml = buttonsHTML
+
+    -- Bind click events for action buttons
+    for _, actionCfg in ipairs(actions) do
+        if actionCfg.image and actionCfg.tooltip then
+            local btnId = "toolbar-action-" .. (actionCfg.name or actionCfg.tooltip:gsub("%s+", "-"):lower())
+            local btnElement = self.mainDocument:GetElementById(btnId)
+            if btnElement then
+                btnElement:AddEventListener("click", function()
+                    local action = actionCfg.action()
+                    if not action.canExecute or action:canExecute() then
+                        action:execute()
+                    end
+                end)
+            end
+        end
+    end
+end
+
 function View:PopulateEditorButtons(tabName)
     local editorPanel = self.mainDocument:GetElementById("editor-button-panel")
     if not editorPanel then return end