Refine the 'System Log' Manage Jenkins page

core/src/main/resources/hudson/PluginManager/available.jelly

@@ -27,7 +27,7 @@ THE SOFTWARE.
 -->
 <?jelly escape-by-default='true'?>
 <j:jelly xmlns:j="jelly:core" xmlns:st="jelly:stapler" xmlns:l="/lib/layout" xmlns:f="/lib/form" xmlns:dd="/lib/layout/dropdowns">
-  <l:settings-subpage permission="${app.SYSTEM_READ}" header="${null}" noDefer="true" includeSidepanel="true">
+  <l:settings-subpage permission="${app.SYSTEM_READ}" header="${null}" noDefer="true" includeSidepanel="true" width="wide">
       <div class="jenkins-app-bar jenkins-app-bar--sticky">
         <div class="jenkins-app-bar__content">
           <l:search-bar clazz="jenkins-search--app-bar"

core/src/main/resources/hudson/PluginManager/installed.jelly

@@ -27,7 +27,7 @@ THE SOFTWARE.
 -->
 <?jelly escape-by-default='true'?>
 <j:jelly xmlns:j="jelly:core" xmlns:st="jelly:stapler" xmlns:l="/lib/layout" xmlns:s="/lib/form">
-  <l:settings-subpage permission="${app.SYSTEM_READ}" header="${null}" noDefer="true" includeSidepanel="true">
+  <l:settings-subpage permission="${app.SYSTEM_READ}" header="${null}" noDefer="true" includeSidepanel="true" width="wide">
     <j:set var="readOnlyMode" value="${!app.hasPermission(app.ADMINISTER)}"/>
 
       <j:set var="noPlugins"

core/src/main/resources/hudson/PluginManager/updates.jelly

@@ -24,7 +24,7 @@ THE SOFTWARE.
 
 <?jelly escape-by-default='true'?>
 <j:jelly xmlns:j="jelly:core" xmlns:st="jelly:stapler" xmlns:d="jelly:define" xmlns:l="/lib/layout" xmlns:f="/lib/form">
-  <l:settings-subpage permission="${app.SYSTEM_READ}" header="${null}" noDefer="true" includeSidepanel="true">
+  <l:settings-subpage permission="${app.SYSTEM_READ}" header="${null}" noDefer="true" includeSidepanel="true" width="wide">
     <j:set var="list" value="${app.updateCenter.updates}" />
       <script src="${resURL}/jsbundles/components/row-selection-controller.js" type="text/javascript" defer="true" />
 

core/src/main/resources/hudson/logging/LogRecorder/configure.jelly

@@ -26,11 +26,8 @@ THE SOFTWARE.
   Config page
 -->
 <?jelly escape-by-default='true'?>
-<j:jelly xmlns:j="jelly:core" xmlns:st="jelly:stapler" xmlns:d="jelly:define" xmlns:l="/lib/layout" xmlns:t="/lib/hudson" xmlns:f="/lib/form">
-<l:layout permission="${app.ADMINISTER}" title="${%Configure log recorder}" type="one-column">
-  <l:breadcrumb title="${%Configure log recorder}" />
-
-  <l:main-panel>
+<j:jelly xmlns:j="jelly:core" xmlns:l="/lib/layout" xmlns:t="/lib/hudson" xmlns:f="/lib/form">
+  <l:settings-subpage permission="${app.ADMINISTER}" title="${%Configure log recorder}" includeBreadcrumb="true" header="${null}">
     <l:app-bar title="${%Configure log recorder}">
       <t:help href="https://www.jenkins.io/redirect/log-recorders" tooltip="${%Additional information on log levels}" />
     </l:app-bar>
@@ -49,25 +46,22 @@ THE SOFTWARE.
                help="/help/LogRecorder/logger.html">
         <j:set var="instance" value="${null}" />
         <f:repeatable var="instance" items="${it.loggers}" name="loggers">
-          <div>
-            <f:entry title="${%Logger}">
-              <f:textbox  field="name" checkUrl="checkName" checkDependsOn="level" autoCompleteUrl="autoCompleteLoggerName" />
-            </f:entry>
-            <f:entry title="${%Log level}">
-              <div class="jenkins-select">
-                <select class="jenkins-select__input" name="level">
-                  <j:forEach var="lv" items="${it.LEVELS}">
-                    <f:option value="${lv.name}" selected="${instance.level==lv}">${lv.localizedName}</f:option>
-                  </j:forEach>
-                </select>
-              </div>
-            </f:entry>
-            <f:repeatableDeleteButton/>
-          </div>
+          <f:entry title="${%Logger}">
+            <f:textbox  field="name" checkUrl="checkName" checkDependsOn="level" autoCompleteUrl="autoCompleteLoggerName" />
+          </f:entry>
+          <f:entry title="${%Log level}">
+            <div class="jenkins-select">
+              <select class="jenkins-select__input" name="level">
+                <j:forEach var="lv" items="${it.LEVELS}">
+                  <f:option value="${lv.name}" selected="${instance.level==lv}">${lv.localizedName}</f:option>
+                </j:forEach>
+              </select>
+            </div>
+          </f:entry>
+          <f:repeatableDeleteButton/>
         </f:repeatable>
       </f:entry>
       <f:saveApplyBar/>
     </f:form>
-  </l:main-panel>
-</l:layout>
+  </l:settings-subpage>
 </j:jelly>

core/src/main/resources/hudson/logging/LogRecorder/index.jelly

@@ -26,11 +26,9 @@ THE SOFTWARE.
   Log view
 -->
 <?jelly escape-by-default='true'?>
-<j:jelly xmlns:j="jelly:core" xmlns:st="jelly:stapler" xmlns:d="jelly:define" xmlns:l="/lib/layout"
-         xmlns:t="/lib/hudson" xmlns:f="/lib/form" xmlns:dd="/lib/layout/dropdowns">
-<l:layout title="Log" permission="${app.SYSTEM_READ}" type="one-column">
-  <!-- no need for additional breadcrumb here as we're on an index page already including breadcrumb -->
-  <l:main-panel>
+<j:jelly xmlns:j="jelly:core" xmlns:st="jelly:stapler" xmlns:l="/lib/layout" xmlns:t="/lib/hudson" xmlns:f="/lib/form" xmlns:dd="/lib/layout/dropdowns">
+  <l:settings-subpage title="${it.displayName}" permission="${app.SYSTEM_READ}" header="${null}" width="wide">
+    <!-- no need for additional breadcrumb here as we're on an index page already including breadcrumb -->
     <j:set var="noLogs" value="${it.logRecords.isEmpty() and it.slaveLogRecords.isEmpty()}" />
 
     <l:app-bar title="${it.displayName}">
@@ -39,11 +37,12 @@ THE SOFTWARE.
           <form method="post" id='clear-logrecorder' action="clear">
             <f:submit icon="symbol-close-circle"
                       value="${%Clear This Log}"
-                      primary="false" />
+                      primary="false"
+                      clazz="jenkins-!-destructive-color" />
           </form>
         </j:if>
         <a class="jenkins-button" href="configure">
-          Configure
+          ${%Configure}
         </a>
       </l:isAdmin>
       <l:overflowButton>
@@ -77,6 +76,5 @@ THE SOFTWARE.
       <h2><a href="${rootURL}/${entry.key.url}" class="model-link">${entry.key.displayName}</a></h2>
       <t:logRecords logRecords="${entry.value}"/>
     </j:forEach>
-  </l:main-panel>
-</l:layout>
+  </l:settings-subpage>
 </j:jelly>

core/src/main/resources/hudson/logging/LogRecorder/index.properties

@@ -21,4 +21,4 @@
 # THE SOFTWARE.
 
 Clear\ This\ Log=Clear this log
-delete.logrecorder=Are you sure you want to delete the log recorder ‘{0}’?
+delete.logrecorder=Are you sure you want to delete ‘{0}’?

core/src/main/resources/hudson/logging/LogRecorderManager/all.jelly

@@ -27,9 +27,7 @@ THE SOFTWARE.
 -->
 <?jelly escape-by-default='true'?>
 <j:jelly xmlns:j="jelly:core" xmlns:st="jelly:stapler" xmlns:l="/lib/layout" xmlns:t="/lib/hudson">
-<l:layout title="${%All Jenkins Logs}" type="one-column">
-  <l:breadcrumb title="${%All Jenkins Logs}" />
-  <l:main-panel>
+  <l:settings-subpage title="${%All Jenkins Logs}" includeBreadcrumb="true" header="${null}" width="wide">
     <l:app-bar title="${%All Jenkins Logs}">
       <l:overflowButton icon="symbol-rss" text="${%Atom feed}" tooltip="${null}">
         <st:include page="feeds.jelly" />
@@ -39,7 +37,7 @@ THE SOFTWARE.
     <div class="jenkins-alert jenkins-alert-info">
       Log messages at a level more verbose than INFO (i.e., CONFIG, FINE, FINER, FINEST) are never recorded in the Jenkins log. Use <a href=".">log recorders</a> to record these log messages.
     </div>
+
     <t:logRecords logRecords="${h.logRecords}"/>
-  </l:main-panel>
-</l:layout>
+  </l:settings-subpage>
 </j:jelly>

core/src/main/resources/hudson/logging/LogRecorderManager/index.jelly

@@ -31,10 +31,12 @@ THE SOFTWARE.
     <l:view>
       <l:app-bar title="${it.managementLink.displayName}">
         <l:isAdmin>
-          <a href="new" class="jenkins-button jenkins-button--primary">
+          <button class="jenkins-button jenkins-button--primary"
+            data-type="dialog-opener"
+            data-dialog-url="newDialog">
             <l:icon src="symbol-add" />
             ${%Add recorder}
-          </a>
+          </button>
         </l:isAdmin>
         <a href="levels" class="jenkins-button">
           ${%Log levels}

core/src/main/resources/hudson/logging/LogRecorderManager/levels.jelly

@@ -26,36 +26,35 @@ THE SOFTWARE.
   Show form to adjust log levels
 -->
 <?jelly escape-by-default='true'?>
-<j:jelly xmlns:j="jelly:core" xmlns:st="jelly:stapler" xmlns:l="/lib/layout" xmlns:t="/lib/hudson" xmlns:f="/lib/form">
-  <l:layout title="${%Logger Configuration}" type="one-column">
-    <l:breadcrumb title="${%Log Levels}" />
+<j:jelly xmlns:j="jelly:core" xmlns:l="/lib/layout" xmlns:t="/lib/hudson" xmlns:f="/lib/form">
+  <l:settings-subpage title="${%Log levels}" header="${null}" includeBreadcrumb="true">
+    <l:app-bar title="${%Log levels}">
+      <t:help tooltip="${%Additional information on log levels}" href="${%url}"/>
+    </l:app-bar>
 
-    <l:main-panel>
-      <l:app-bar title="${%Logger Configuration}">
-        <t:help tooltip="${%Additional information on log levels}" href="${%url}"/>
-      </l:app-bar>
+    <p class="jenkins-page-description">${%defaultLoggerMsg}</p>
 
-      <table class="sortable jenkins-table" id="logLevels">
-        <thead>
+    <table class="sortable jenkins-table" id="logLevels">
+      <thead>
+        <tr>
+          <th>${%Name}</th>
+          <th>${%Level}</th>
+        </tr>
+      </thead>
+      <j:invokeStatic var="lm" className="java.util.logging.LogManager" method="getLogManager"/>
+      <j:forEach var="name" items="${h.loggerNames}">
+        <j:set var="logger" value="${lm.getLogger(name)}"/>
+        <j:if test="${logger.level != null}">
           <tr>
-            <th>${%Name}</th>
-            <th>${%Level}</th>
+            <td>${name}</td>
+            <td>${logger.level}</td>
           </tr>
-        </thead>
-        <j:invokeStatic var="lm" className="java.util.logging.LogManager" method="getLogManager"/>
-        <j:forEach var="name" items="${h.loggerNames}">
-          <j:set var="logger" value="${lm.getLogger(name)}"/>
-          <j:if test="${logger.level != null}">
-            <tr>
-              <td>${name}</td>
-              <td>${logger.level}</td>
-            </tr>
-          </j:if>
-        </j:forEach>
-      </table>
-      <p>${%defaultLoggerMsg}</p>
-      <l:isAdmin>
-        <h2>${%Adjust Levels}</h2>
+        </j:if>
+      </j:forEach>
+    </table>
+
+    <l:isAdmin>
+      <f:section title="${%Adjust Levels}">
         <form action="configLogger" method="post" name="configLogger">
           <f:entry>
             <label class="jenkins-form-label" for="name">${%Name}</label>
@@ -82,7 +81,7 @@ THE SOFTWARE.
             <f:submit value="${%Save}"/>
           </f:bottomButtonBar>
         </form>
-      </l:isAdmin>
-    </l:main-panel>
-  </l:layout>
+      </f:section>
+    </l:isAdmin>
+  </l:settings-subpage>
 </j:jelly>

core/src/main/resources/hudson/logging/LogRecorder/sidepanel.jelly → core/src/main/resources/hudson/logging/LogRecorderManager/newDialog.jelly

@@ -1,7 +1,7 @@
 <!--
 The MIT License
 
-Copyright (c) 2004-2009, Sun Microsystems, Inc., Kohsuke Kawaguchi
+Copyright (c) 2026, Jan Faracik
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -22,19 +22,19 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
 -->
 
-<!--
-  Side panel for the log recorder
--->
 <?jelly escape-by-default='true'?>
-<j:jelly xmlns:j="jelly:core" xmlns:st="jelly:stapler" xmlns:d="jelly:define" xmlns:l="/lib/layout" xmlns:t="/lib/hudson" xmlns:f="/lib/form" xmlns:i="jelly:fmt">
-  <l:header />
-  <l:side-panel>
-    <l:tasks>
-      <l:task href="." icon="symbol-journal" title="${%Log records}"/>
-      <l:isAdmin>
-        <l:task href="configure" icon="symbol-settings" title="${%Configure}"/>
-        <l:delete title="${%Delete}" message="${%delete.logrecorder(it.displayName)}" />
-      </l:isAdmin>
-    </l:tasks>
-  </l:side-panel>
+<j:jelly xmlns:j="jelly:core" xmlns:l="/lib/layout" xmlns:st="jelly:stapler" xmlns:f="/lib/form">
+  <st:setHeader name="X-Dialog-Title" value="${%Add recorder}" />
+
+  <l:ajax>
+    <f:form name="configSubmit" method="post" action="newLogRecorder">
+      <f:entry title="${%Name}">
+        <f:textbox name="name" checkDependsOn="name" checkUrl="checkNewName" autofocus="true" />
+      </f:entry>
+
+      <f:bottomButtonBar>
+        <f:submit value="${%Create}" />
+      </f:bottomButtonBar>
+    </f:form>
+  </l:ajax>
 </j:jelly>

core/src/main/resources/hudson/logging/Messages.properties

@@ -21,7 +21,7 @@
 # THE SOFTWARE.
 
 LogRecorderManager.init=Initializing log recorders
-LogRecorderManager.DisplayName=System Log
+LogRecorderManager.DisplayName=Logs
 LogRecorderManager.LoggerNotFound=A logger named "{0}" does not exist. \
   Add a logger by this name to a log recorder before attempting to configure its level.
 LogRecorder.Target.Empty.Warning=Setting the Root (empty) logger to FINE or below is strongly discouraged \

core/src/main/resources/jenkins/management/Messages.properties

@@ -44,8 +44,8 @@ PluginsLink.incompatibleUpdatesAvailable={0} updates are incompatible with the i
 SystemInfoLink.DisplayName=System Information
 SystemInfoLink.Description=Displays various environmental information to assist trouble-shooting.
 
-SystemLogLink.DisplayName=System Log
-SystemLogLink.Description=System log captures output from <code>java.util.logging</code> output related to Jenkins.
+SystemLogLink.DisplayName=Logs
+SystemLogLink.Description=View output from <code>java.util.logging</code> related to Jenkins.
 
 StatisticsLink.DisplayName=Load Statistics
 StatisticsLink.Description=Check your resource utilization and see if you need more computers for your builds.

core/src/main/resources/lib/layout/settings-subpage.jelly

@@ -69,6 +69,9 @@ THE SOFTWARE.
       Optional, includes the sidepanel for if the Experimental Manage Jenkins is disabled.
       Defaults to false if not set.
     </st:attribute>
+    <st:attribute name="width">
+      Optional, sets the width of the page. Available options are 'default' or 'wide'.
+    </st:attribute>
   </st:documentation>
 
   <j:new className="hudson.model.ManageJenkinsAction" var="manageJenkinsAction" />
@@ -124,7 +127,7 @@ THE SOFTWARE.
         </l:side-panel>
         <l:main-panel>
           <div class="app-settings-container">
-            <div class="app-settings-container__inner">
+            <div class="app-settings-container__inner ${attrs.width eq 'wide' ? 'app-settings-container__inner--wide' : ''}">
               <j:if test="${!attrs.containsKey('header')}">
                 <l:app-bar title="${pageTitle}" />
                 <j:if test="${!empty(description)}">