Add experimental Manage Jenkins layout by janfaracik · Pull Request #11222 · jenkinsci/jenkins

janfaracik · 2025-10-21T13:26:57Z

~~Requires jenkinsci/maven-hpi-plugin#803~~ - Released

This PR adds an experimental Manage Jenkins redesign - the idea is to standardise and modernise each page, improving the design, consistency, and performance.

What's changed?

New sidebar and design for easy switching between settings
Alerts now show on the 'System' page
Added settings-subpage - reusable frame for Manage Jenkins pages
Page contents are deferred, meaning that swapping from page to page is near instant

What needs doing in future PRs?

Plugins should be integrated into this new design
Script Console should be integrated into this new design

Testing done

Should be no regressions when the flag isn't enabled
When the flag is enabled, 90% of Manage Jenkins swaps to the new design, the last 10% will be done in followups

Proposed changelog entries

Add experimental Manage Jenkins layout

Proposed changelog category

/label web-ui,rfe

Proposed upgrade guidelines

N/A

Submitter checklist

The Jira issue, if it exists, is well-described.
The changelog entries and upgrade guidelines are appropriate for the audience affected by the change (users or developers, depending on the change) and are in the imperative mood (see examples). Fill in the Proposed upgrade guidelines section only if there are breaking changes or changes that may require extra steps from users during upgrade.
There is automated testing or an explanation as to why this change has no tests.
New public classes, fields, and methods are annotated with @Restricted or have @since TODO Javadocs, as appropriate.
New deprecations are annotated with @Deprecated(since = "TODO") or @Deprecated(forRemoval = true, since = "TODO"), if applicable.
New or substantially changed JavaScript is not defined inline and does not call eval to ease future introduction of Content Security Policy (CSP) directives (see documentation).
For dependency updates, there are links to external changelogs and, if possible, full differentials.
For new APIs and extension points, there is a link to at least one consumer.

Desired reviewers

@jenkinsci/sig-ux

Before the changes are marked as ready-for-merge:

Maintainer checklist

There are at least two (2) approvals for the pull request and no outstanding requests for change.
Conversations in the pull request are over, or it is explicit that a reviewer is not blocking the change.
Changelog entries in the pull request title and/or Proposed changelog entries are accurate, human-readable, and in the imperative mood.
Proper changelog labels are set so that the changelog can be generated automatically.
If the change needs additional upgrade steps from users, the upgrade-guide-needed label is set and there is a Proposed upgrade guidelines section in the pull request title (see example).
If it would make sense to backport the change to LTS, a Jira issue must exist, be a Bug or Improvement, and be labeled as lts-candidate to be considered (see query).

This reverts commit db697ec.

janfaracik · 2025-11-10T11:37:00Z

ATH passed - jenkinsci/acceptance-test-harness#2240

janfaracik · 2025-11-11T11:00:55Z

Opened https://community.jenkins.io/t/a-redesigned-manage-jenkins-experience-let-me-know-your-thoughts/35809

timja

Looks great, few minor issues here and I've noted most of my feedback in jenkinsci/sig-ux#10 (comment) for later improvements before this is enabled

timja · 2025-11-11T10:47:41Z

core/src/main/resources/hudson/AboutJenkins/index.jelly

-      <div class="jenkins-app-bar">
+  <j:set var="header">
+    <l:view>
+      <div class="jenkins-app-bar jenkins-!-margin-top-2 jenkins-!-margin-bottom-4">


why not using l:app-bar?

It doesn't have a slot for the version number.

timja · 2025-11-11T10:48:14Z

core/src/main/resources/hudson/AboutJenkins/index.jelly


-      <p class="app-about-paragraph">${%blurb}</p>
+  <l:settings-subpage header="${header}"
+                      placeholder="${null}"


passing a null placeholder seems wrong why is this needed?

Otherwise a default app bar appears whilst its loading, its a little jarring seeing it switch to a completely different one.

timja · 2025-11-11T10:56:00Z

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

+          <l:app-bar title="${manageJenkinsAction.displayName}" />
+
+          <l:tasks>
+            <l:search-bar placeholder="${%Search}" id="settings-search-bar" />


This doesn't seem to be working for me I get no results

Good spot, will fix.

Rather gross fix - but working now.

timja

LGTM

daniel-beck · 2025-11-15T13:48:41Z

Requires #11222

That's this PR. Wrong link?

timja · 2025-11-15T16:36:58Z

Requires #11222

That's this PR. Wrong link?

Fixed the link

timja · 2025-11-16T13:33:21Z

/label ready-for-merge

This PR is now ready for merge, after ~24 hours, we will merge it if there's no negative feedback.

Thanks!

daniel-beck · 2025-11-17T09:01:52Z

"Reload configuration from disk" has broken text when the experiment is live.

Forms looked cramped, with tons of whitespace to the left and right for no real reason.

Help icons for dropdowns reveals JENKINS-76266 more than usual.

Navigating between sections that haven't been adapted, even in core, is jarring. In particular, it's unclear how the plugin manager would be adapted to work with this UI.

None of this is blocking, I think, and probably fine for an experiment.

timja · 2025-11-17T09:39:12Z

Navigating between sections that haven't been adapted, even in core, is jarring. In particular, it's unclear how the plugin manager would be adapted to work with this UI.

There's a follow up ready for this, sub-menus under the Plugins link in the side-panel but Jan didn't want to add too much in this PR as that needs more machinery to add to make it work.

daniel-beck · 2025-11-17T11:14:01Z

core/src/main/java/hudson/diagnosis/OldDataMonitor.java

        @Override
        public String getUrlName() {
-            return "administrativeMonitor/OldData/";
+            return "administrativeMonitor/OldData/manage";


Do we know why manage.jelly isn't just index.jelly? Seems unnecessary.

I agree - happy to experiment with renaming it to index.jelly in a follow up.

manage.jelly was added in 07f0405#diff-83d7a9405bfbe87e69167b2e0bc36db7070c3de282390b72f90eac9db2adc0f8R19-R238 not clear why they didn't just use index.

daniel-beck · 2025-11-25T20:52:53Z

Caused #23856.

timja · 2025-11-25T22:08:48Z

Caused #23856.

#23858

janfaracik added 24 commits October 15, 2025 15:13

Init

db697ec

Init

c09f227

Init

370220d

Merge branch 'defer-loading' into experimental-manage-jenkins-layout

3f7c0f2

Push

f840a00

Refine

526a265

Refine

a5668c0

Revert "Init"

2599618

This reverts commit db697ec.

Push

c6a4928

Update scriptConsole.jelly

2e09190

Push

4386589

Merge branch 'master' into experimental-manage-jenkins-layout

ee7a0d6

Tidy

032421a

Refine

9036b62

Refine

2c8d440

Update manage.jelly

dfaab77

Update configure.jelly

cdb2171

Refine UI

d08a3ac

Refine

e99c553

Update _build.scss

c26408f

Refine

ce732f3

Refine

4046867

Update _layout.scss

1ebbc55

Push

caadf7f

comment-ops-bot bot added web-ui The PR includes WebUI changes which may need special expertise rfe For changelog: Minor enhancement. use `major-rfe` for changes to be highlighted labels Oct 21, 2025

janfaracik added squash-merge-me Unclean or useless commit history, should be merged only with squash-merge and removed web-ui The PR includes WebUI changes which may need special expertise rfe For changelog: Minor enhancement. use `major-rfe` for changes to be highlighted labels Oct 21, 2025

comment-ops-bot bot added the web-ui The PR includes WebUI changes which may need special expertise label Oct 21, 2025

janfaracik added pct-successful This PR has successfully passed the full plugin-compatibility-test suite ath-successful This PR has successfully passed the full acceptance-test-harness suite and removed needs-ath-build Needs to run through the full acceptance-test-harness suite labels Nov 9, 2025

janfaracik marked this pull request as ready for review November 10, 2025 11:53

janfaracik and others added 5 commits November 10, 2025 11:53

Update pom.xml

b9c06a1

Update index.js

c33da8f

Merge branch 'master' into experimental-manage-jenkins-layout

ee59723

Merge branch 'master' into experimental-manage-jenkins-layout

119f957

Merge branch 'master' into experimental-manage-jenkins-layout

38de90c

timja mentioned this pull request Nov 11, 2025

Use a side panel in Manage Jenkins jenkinsci/sig-ux#10

Open

12 tasks

timja reviewed Nov 11, 2025

View reviewed changes

Fix Manage Jenkins search

366b31b

timja approved these changes Nov 11, 2025

View reviewed changes

timja requested a review from a team November 11, 2025 22:09

NotMyFault approved these changes Nov 16, 2025

View reviewed changes

comment-ops-bot bot added the ready-for-merge The PR is ready to go, and it will be merged soon if there is no negative feedback label Nov 16, 2025

daniel-beck reviewed Nov 17, 2025

View reviewed changes

timja merged commit 23ff4bc into jenkinsci:master Nov 17, 2025
19 checks passed

daniel-beck mentioned this pull request Nov 25, 2025

Jenkins no longer shows log recorders #23856

Closed

ollehu mentioned this pull request Jan 12, 2026

Manage Jenkins -> Clouds leads to a broken URL with experimental design #26106

Closed

JoshHarmon mentioned this pull request Jan 24, 2026

Experimental Manage Jenkins UI clips Matrix Authorization grid #26171

Open

Uh oh!

Conversation

janfaracik commented Oct 21, 2025 • edited by timja Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

What's changed?

What needs doing in future PRs?

Testing done

Proposed changelog entries

Proposed changelog category

Proposed upgrade guidelines

Submitter checklist

Desired reviewers

Maintainer checklist

Uh oh!

janfaracik commented Nov 10, 2025

Uh oh!

janfaracik commented Nov 11, 2025

Uh oh!

timja left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

timja left a comment

Choose a reason for hiding this comment

Uh oh!

daniel-beck commented Nov 15, 2025

Uh oh!

timja commented Nov 15, 2025

Uh oh!

timja commented Nov 16, 2025

Uh oh!

daniel-beck commented Nov 17, 2025

Uh oh!

timja commented Nov 17, 2025

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

daniel-beck commented Nov 25, 2025

Uh oh!

timja commented Nov 25, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

janfaracik commented Oct 21, 2025 •

edited by timja

Loading