Add experimental dashboard UI #11208

janfaracik · 2025-10-15T17:57:49Z

This PR adds an experimental dashboard UI, hidden behind a flag, in line with the new job and run pages.

What's new?

New design, consistent with jobs and builds
Trying to reduce Jelly duplication (E.g. folder plugin duplicates stuff from core, would be good not to)
App bar supports icons, so plugins don't need to implement that themselves
Support for icons/badges for tabs

There'll be more to come/more polish in future iterations.

Testing done

UI isn't ideal at the moment, but it is functional

Proposed changelog entries

Add experimental dashboard UI

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).

Co-authored-by: Tim Jacomb <[email protected]>

timja

Thanks much better.

There is one layout shift but probably not a big deal:

Dashboard:

A view:

Note that the All view is in a much different place, this happens due to the edit view button. Probably can be a small fix-up later.

timja · 2025-10-22T07:53:34Z

Can you create an issue tracking post in sig-ux and a feedback post on community.jenkins.io as well?

lewisbirks

LGTM 🚀

timja · 2025-10-23T14:58:26Z

/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!

timja · 2025-10-23T14:58:57Z

Noting #18530 for tracking of feedback from this

core/src/main/java/hudson/model/View.java

bpedersen2 · 2025-10-29T08:16:38Z

There is a incompatibility with the Dashboard View plugin, you get the configured tabs displayed twice, see screenshot

timja · 2025-10-29T14:10:53Z

@janfaracik this fails PCT are you able to check the groovy test failures here please:
https://ci.jenkins.io/job/Tools/job/bom/job/PR-5906/1/testReport/

core/src/main/resources/hudson/model/View/main.jelly

RanjitCS · 2025-11-05T07:36:23Z

src/main/scss/components/_side-panel-widgets.scss


-#side-panel .pane-header,
-#side-panel .pane-footer {
+.pane-header,
+.pane-footer {
  color: var(--link-dark-color);
  background: transparent;
  padding: 0.65rem 1rem;
 }



I think these changes conflict with the CSS already present in

jenkins/src/main/scss/components/_panes-and-bigtable.scss

Line 8 in 1b38672

.pane-header,

since #side-panel is no longer present and is causing some broken UI when we use panel-header

I'm guessing legacy tables?

Maybe we change l:pane to use jenkins-pane-header and revert this change.

@janfaracik what was the reason to remove this? As I expect the pane's are still only used in the sidepanel legitimately.

Could you post a screenshot of the broken pane?

@janfaracik what was the reason to remove this? As I expect the pane's are still only used in the sidepanel legitimately.

The widgets on the experimental dashboard aren't inside their usual #side-panel container. Also wanted to standardise the code for widgets.

Before

After

I narrowed it down to specifically the change in adding display:flex as reverting just this fixes the entire issue. I dont know exactly why as i am not that familiar with UI

I created a revert PR, as its difficult to override this in child CSS, i am not sure of the impact on the dashboard changes #11272

NotMyFault · 2025-11-11T21:49:57Z

How do you edit the description of the default view? Enabling the flag, I see no "Edit View" button on https://weekly.ci.jenkins.io, if the view is the default view.

timja · 2025-11-11T22:03:27Z

How do you edit the description of the default view? Enabling the flag, I see no "Edit View" button on weekly.ci.jenkins.io, if the view is the default view.

Looks to be missing (other than doing via JCasc) - I added it to the tracking issue: #18530

NotMyFault · 2025-11-14T21:17:00Z

The "Changes" card looks like that, though there is a changeset in the build:

timja · 2025-11-14T23:09:55Z

That was fixed in #11277 (merged 2 days not released yet)

janfaracik and others added 21 commits October 11, 2025 14:45

Add experimental job page UI

e71abf9

Add experimental dashboard page

00daf6c

Update View.java

21b0d9c

Tidy up

b895f85

Merge branch 'master' into experimental-dashboard-page

b498f16

Push

3d6bf8e

Push

5c1133f

Merge branch 'master' into experimental-build-page

ac46f62

Support tabs for jobs

44caa3c

Update new-view-page.jelly

6f613a9

Update index.jelly

c6045d8

Co-authored-by: Tim Jacomb <[email protected]>

Update new-view-page.jelly

fccb47e

Add Build buttons/configure to app bar

45cfced

Merge branch 'master' into experimental-build-page

75fe528

Make Build with parameters a dialog

f832bc9

Update _build.scss

232c791

Fix alignment of floating widgets

77b48d0

Merge branch 'experimental-build-page' into experimental-dashboard-page

4c8397e

Update new-view-page.jelly

f830ae2

Update styles.scss

776c184

Refine

7ced252

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 15, 2025

janfaracik added 2 commits October 16, 2025 09:09

Update _dashboard.scss

3901818

Include sidepanel in overflow

55a434a

janfaracik requested a review from a team October 16, 2025 14:28

janfaracik marked this pull request as ready for review October 16, 2025 14:28

Merge branch 'master' into experimental-dashboard-page

1641413

janfaracik added the squash-merge-me Unclean or useless commit history, should be merged only with squash-merge label Oct 16, 2025

Fix legend

1c7bc72

timja approved these changes Oct 21, 2025

View reviewed changes

timja requested a review from a team October 22, 2025 07:53

janfaracik mentioned this pull request Nov 24, 2025

Redesign dashboard #18530

Open

3 tasks

janfaracik requested a review from NotMyFault October 23, 2025 12:35

lewisbirks approved these changes Oct 23, 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 Oct 23, 2025

daniel-beck reviewed Oct 25, 2025

View reviewed changes

core/src/main/java/hudson/model/View.java Show resolved Hide resolved

janfaracik added 4 commits October 25, 2025 10:36

Add Javadoc for View#getIconFileName

6a698ce

Add note that getIconFileName only shows if the flag is enabled

cd4b39a

Fix experimental build controls being in the wrong spot

c3071e9

Merge branch 'master' into experimental-dashboard-page

85ca24d

NotMyFault approved these changes Oct 26, 2025

View reviewed changes

timja merged commit 8c385f4 into jenkinsci:master Oct 26, 2025
18 checks passed

timja deleted the experimental-dashboard-page branch October 26, 2025 22:14

timja mentioned this pull request Oct 29, 2025

Update dependency org.jenkins-ci.main:jenkins-war to v2.535 jenkinsci/bom#5906

Merged

1 task

janfaracik mentioned this pull request Oct 29, 2025

Fix tests using removed Groovy file jenkinsci/workflow-cps-plugin#1104

Closed

6 tasks

jglick mentioned this pull request Oct 29, 2025

[SECURITY-359] More maintainable test jenkinsci/workflow-cps-plugin#1105

Merged

jglick reviewed Oct 29, 2025

View reviewed changes

core/src/main/resources/hudson/model/View/main.jelly Show resolved Hide resolved

janfaracik mentioned this pull request Oct 30, 2025

Fix MyViewsProperty condition #11252

Merged

14 tasks

RanjitCS reviewed Nov 5, 2025

View reviewed changes

RanjitCS mentioned this pull request Nov 6, 2025

Revert display:flex added to pane-header #11272

Merged

14 tasks

Uh oh!

Add experimental dashboard UI #11208

Add experimental dashboard UI #11208

Uh oh!

Conversation

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

Uh oh!

What's new?

Testing done

Proposed changelog entries

Proposed changelog category

Proposed upgrade guidelines

Submitter checklist

Desired reviewers

Maintainer checklist

Uh oh!

timja left a comment

Choose a reason for hiding this comment

Uh oh!

timja commented Oct 22, 2025

Uh oh!

lewisbirks left a comment

Choose a reason for hiding this comment

Uh oh!

timja commented Oct 23, 2025

Uh oh!

timja commented Oct 23, 2025

Uh oh!

Uh oh!

Uh oh!

bpedersen2 commented Oct 29, 2025

Uh oh!

timja commented Oct 29, 2025

Uh oh!

Uh oh!

RanjitCS Nov 5, 2025

Choose a reason for hiding this comment

Uh oh!

timja Nov 5, 2025

Choose a reason for hiding this comment

Uh oh!

janfaracik Nov 5, 2025

Choose a reason for hiding this comment

Uh oh!

janfaracik Nov 5, 2025

Choose a reason for hiding this comment

Uh oh!

RanjitCS Nov 5, 2025

Choose a reason for hiding this comment

Uh oh!

RanjitCS Nov 6, 2025

Choose a reason for hiding this comment

Uh oh!

NotMyFault commented Nov 11, 2025

Uh oh!

timja commented Nov 11, 2025

Uh oh!

NotMyFault commented Nov 14, 2025

Uh oh!

timja commented Nov 14, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

8 participants

janfaracik commented Oct 15, 2025 •

edited

Loading