Adjust for experimental tabs UI

pom.xml

@@ -34,7 +34,7 @@
     <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.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>
   );
 }