Adjust for experimental tabs UI

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/RunDetailsItem.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);

src/main/java/io/jenkins/plugins/pipelinegraphview/consoleview/PipelineConsoleViewAction.java

@@ -4,7 +4,6 @@
 import edu.umd.cs.findbugs.annotations.SuppressFBWarnings;
 import hudson.Plugin;
 import hudson.console.AnnotatedLargeText;
-import hudson.model.Action;
 import hudson.model.BallColor;
 import hudson.model.Item;
 import hudson.model.ParametersDefinitionProperty;
@@ -14,15 +13,11 @@
 import hudson.util.HttpResponses;
 import io.jenkins.plugins.pipelinegraphview.Messages;
 import io.jenkins.plugins.pipelinegraphview.PipelineGraphViewConfiguration;
-import io.jenkins.plugins.pipelinegraphview.cards.RunDetailsCard;
 import io.jenkins.plugins.pipelinegraphview.cards.RunDetailsItem;
 import io.jenkins.plugins.pipelinegraphview.cards.items.ArtifactRunDetailsItem;
 import io.jenkins.plugins.pipelinegraphview.cards.items.ChangesRunDetailsItem;
 import io.jenkins.plugins.pipelinegraphview.cards.items.SCMRunDetailsItems;
 import io.jenkins.plugins.pipelinegraphview.cards.items.TestResultRunDetailsItem;
-import io.jenkins.plugins.pipelinegraphview.cards.items.TimingRunDetailsItems;
-import io.jenkins.plugins.pipelinegraphview.cards.items.UpstreamCauseRunDetailsItem;
-import io.jenkins.plugins.pipelinegraphview.cards.items.UserIdCauseRunDetailsItem;
 import io.jenkins.plugins.pipelinegraphview.utils.PipelineGraph;
 import io.jenkins.plugins.pipelinegraphview.utils.PipelineGraphApi;
 import io.jenkins.plugins.pipelinegraphview.utils.PipelineNodeUtil;
@@ -35,9 +30,9 @@
 import java.util.List;
 import java.util.concurrent.TimeUnit;
 import jenkins.model.Jenkins;
+import jenkins.model.Tab;
 import net.sf.json.JSONObject;
 import net.sf.json.JsonConfig;
-import org.jenkins.ui.icon.IconSpec;
 import org.jenkinsci.plugins.pipeline.modeldefinition.actions.RestartDeclarativePipelineAction;
 import org.jenkinsci.plugins.workflow.cps.replay.ReplayAction;
 import org.jenkinsci.plugins.workflow.flow.FlowExecution;
@@ -53,7 +48,7 @@
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 
-public class PipelineConsoleViewAction implements Action, IconSpec {
+public class PipelineConsoleViewAction extends Tab {
     public static final long LOG_THRESHOLD = 150 * 1024; // 150KB
     public static final String URL_NAME = "pipeline-overview";
     public static final int CACHE_AGE = (int) TimeUnit.DAYS.toSeconds(1);
@@ -71,14 +66,15 @@ public class PipelineConsoleViewAction implements Action, IconSpec {
     private final PipelineStepApi stepApi;
 
     public PipelineConsoleViewAction(WorkflowRun target) {
+        super(target);
         this.run = target;
         this.graphApi = new PipelineGraphApi(this.run);
         this.stepApi = new PipelineStepApi(this.run);
     }
 
     @Override
     public String getDisplayName() {
-        return "Pipeline Overview";
+        return "Stages";
     }
 
     @Override
@@ -318,24 +314,12 @@ private static long parseIntWithDefault(String s, long defaultValue) {
     }
 
     @SuppressWarnings("unused")
-    public RunDetailsCard getRunDetailsCard() {
-
+    public List<RunDetailsItem> getRunDetailsItems() {
         List<RunDetailsItem> runDetailsItems = new ArrayList<>(SCMRunDetailsItems.get(run));
-
-        if (!runDetailsItems.isEmpty()) {
-            runDetailsItems.add(RunDetailsItem.SEPARATOR);
-        }
-
-        UpstreamCauseRunDetailsItem.get(run).ifPresent(runDetailsItems::add);
-        UserIdCauseRunDetailsItem.get(run).ifPresent(runDetailsItems::add);
-
-        runDetailsItems.addAll(TimingRunDetailsItems.get(run));
-
         ChangesRunDetailsItem.get(run).ifPresent(runDetailsItems::add);
         TestResultRunDetailsItem.get(run).ifPresent(runDetailsItems::add);
         ArtifactRunDetailsItem.get(run).ifPresent(runDetailsItems::add);
-
-        return new RunDetailsCard(runDetailsItems);
+        return runDetailsItems;
     }
 
     public boolean isShowGraphOnBuildPage() {
@@ -516,13 +500,8 @@ public BallColor getIconColor() {
         return run.getIconColor();
     }
 
-    @Override
-    public String getIconClassName() {
-        return "symbol-git-network-outline plugin-ionicons-api";
-    }
-
     @Override
     public String getIconFileName() {
-        return null;
+        return "symbol-git-network-outline plugin-ionicons-api";
     }
 }

src/main/java/io/jenkins/plugins/pipelinegraphview/consoleview/PipelineConsoleViewActionFactory.java

@@ -8,7 +8,7 @@
 import jenkins.model.TransientActionFactory;
 import org.jenkinsci.plugins.workflow.job.WorkflowRun;
 
-@Extension
+@Extension(ordinal = Integer.MAX_VALUE - 1)
 public class PipelineConsoleViewActionFactory extends TransientActionFactory<WorkflowRun> {
 
     @Override