Adjust for experimental tabs UI (#1009)

Co-authored-by: Tim Jacomb <21194782+timja@users.noreply.github.com>

Author: janfaracik

pom.xml

@@ -33,8 +33,8 @@
     <changelist>999999-SNAPSHOT</changelist>
     <gitHubRepo>jenkinsci/pipeline-graph-view-plugin</gitHubRepo>
     <!-- Baseline Jenkins version you use to build the plugin. Users must have this version or newer to run. -->
-    <jenkins.baseline>2.504</jenkins.baseline>
-    <jenkins.version>${jenkins.baseline}.3</jenkins.version>
+    <jenkins.baseline>2.516</jenkins.baseline>
+    <jenkins.version>2.532</jenkins.version>
     <node.version>24.2.0</node.version>
     <npm.version>11.3.0</npm.version>
     <spotless.check.skip>false</spotless.check.skip>

src/main/frontend/pipeline-console-view/pipeline-console/main/PipelineConsole.tsx

@@ -52,6 +52,12 @@ export default function PipelineConsole() {
         container={document.getElementById("console-pipeline-overflow-root")}
       >
         <Dropdown
+          className={
+            rootElement?.closest(".app-build-content")
+              ? "jenkins-details__button"
+              : ""
+          }
+          icon={SETTINGS}
           items={[
             showSplitView ? (
               <StagesCustomization key="visibility-select" />

src/main/frontend/pipeline-console-view/pipeline-console/main/components/stages.scss

@@ -1,12 +1,7 @@
 .pgv-stages-graph {
-  --card-background: color-mix(
-    in srgb,
-    var(--text-color-secondary) 4%,
-    var(--background)
-  );
   position: relative;
   background: var(--card-background);
-  border: var(--jenkins-border);
+  border: var(--card-border-width) solid var(--card-border-color);
   border-radius: var(--form-input-border-radius);
   overflow: hidden;
   height: 100%;

src/main/frontend/pipeline-console-view/pipeline-console/main/data-tree-view.scss

@@ -11,6 +11,7 @@ $pgv-item-padding-inline: 0.7rem;
     content: "";
     position: absolute;
     inset: 0;
+    background: var(--input-color);
     border-radius: var(--form-input-border-radius);
     // TODO - var fallback can removed after baseline is moved >= 2.496
     border: var(

src/main/frontend/pipeline-graph-view/app.tsx

@@ -16,14 +16,12 @@ export default function App() {
   });
 
   return (
-    <div>
-      <UserPreferencesProvider>
-        <Stages
-          stages={run.stages}
-          stageViewPosition={StageViewPosition.TOP}
-          onRunPage
-        />
-      </UserPreferencesProvider>
-    </div>
+    <UserPreferencesProvider>
+      <Stages
+        stages={run.stages}
+        stageViewPosition={StageViewPosition.TOP}
+        onRunPage
+      />
+    </UserPreferencesProvider>
   );
 }

src/main/java/io/jenkins/plugins/pipelinegraphview/cards/Card.java

@@ -7,10 +7,6 @@
 
 public sealed interface RunDetailsItem {
 
-    RunDetailsItem SEPARATOR = new Separator();
-
-    record Separator() implements RunDetailsItem {}
-
     final class RunDetail implements RunDetailsItem {
         private final @NonNull Icon icon;
         private final @NonNull ItemContent content;
@@ -45,12 +41,6 @@ public String icon() {
     sealed interface Icon {
         String value();
 
-        record SimpleIcon(@NonNull String value) implements Icon {
-            public SimpleIcon {
-                requireNonNull(value);
-            }
-        }
-
         record Ionicon(@NonNull String value) implements Icon {
             public Ionicon(@NonNull String value) {
                 requireNonNull(value);