From 4ae85becfd227c1c27cf02f165b2737a0c4ba807 Mon Sep 17 00:00:00 2001
From: Jan Faracik <43062514+janfaracik@users.noreply.github.com>
Date: Thu, 1 May 2025 17:05:37 +0100
Subject: [PATCH 1/3] TBC

---
 .../pipeline-console/main/DataTreeView.tsx    | 30 ++++++++++++-------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/main/frontend/pipeline-console-view/pipeline-console/main/DataTreeView.tsx b/src/main/frontend/pipeline-console-view/pipeline-console/main/DataTreeView.tsx
index 4543ffeb7..d9ee6dcec 100644
--- a/src/main/frontend/pipeline-console-view/pipeline-console/main/DataTreeView.tsx
+++ b/src/main/frontend/pipeline-console-view/pipeline-console/main/DataTreeView.tsx
@@ -17,6 +17,8 @@ import {
   StageInfo,
 } from "../../../pipeline-graph-view/pipeline-graph/main/PipelineGraphModel.tsx";
 import { useFilter } from "./providers/filter-provider.tsx";
+import { Virtuoso } from "react-virtuoso";
+import { ConsoleLine } from "./ConsoleLine.tsx";
 
 export default function DataTreeView({
   stages,
@@ -88,14 +90,18 @@ export default function DataTreeView({
       )}
 
       <div id="tasks" style={{ marginLeft: "0.7rem" }}>
-        {filteredStages.map((stage) => (
-          <TreeNode
-            key={stage.id}
-            stage={stage}
-            selected={String(selected)}
-            onSelect={handleSelect}
-          />
-        ))}
+        <Virtuoso
+          useWindowScroll
+          data={filteredStages}
+          itemContent={(index: number, stage: StageInfo) => (
+              <TreeNode
+              key={stage.id}
+              stage={stage}
+              selected={String(selected)}
+              onSelect={handleSelect}
+            />
+          )}
+        />
       </div>
     </div>
   );
@@ -201,14 +207,16 @@ const TreeNode = memo(function TreeNode({
 
       {hasChildren && isExpanded && (
         <div className="pgv-tree-children">
-          {stage.children.map((child) => (
+          <Virtuoso
+            useWindowScroll
+            data={stage.children}
+            itemContent={(index: number, child: StageInfo) => (
             <TreeNode
               key={child.id}
               stage={child}
               selected={selected}
               onSelect={onSelect}
-            />
-          ))}
+            />)} />
         </div>
       )}
     </div>

From 6b2f8a20ac080e3760f90c47700b386537cb0b15 Mon Sep 17 00:00:00 2001
From: Jan Faracik <43062514+janfaracik@users.noreply.github.com>
Date: Thu, 1 May 2025 17:06:08 +0100
Subject: [PATCH 2/3] Format

---
 crowdin.yml                                   |  2 +-
 .../pipeline-console/main/DataTreeView.tsx    | 19 ++++++++++---------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/crowdin.yml b/crowdin.yml
index d908c3b72..58c23ae25 100644
--- a/crowdin.yml
+++ b/crowdin.yml
@@ -1,7 +1,7 @@
 files:
   - source: "/src/main/resources/io/jenkins/plugins/pipelinegraphview/**/*.properties"
     ignore:
-      - '/src/main/resources/io/jenkins/plugins/pipelinegraphview/**/%file_name%_%two_letters_code%.properties'
+      - "/src/main/resources/io/jenkins/plugins/pipelinegraphview/**/%file_name%_%two_letters_code%.properties"
     translation: "/src/main/resources/io/jenkins/plugins/pipelinegraphview/**/%file_name%_%two_letters_code%.properties"
     escape_quotes: 1
     escape_special_characters: 0
diff --git a/src/main/frontend/pipeline-console-view/pipeline-console/main/DataTreeView.tsx b/src/main/frontend/pipeline-console-view/pipeline-console/main/DataTreeView.tsx
index d9ee6dcec..cc3eaed21 100644
--- a/src/main/frontend/pipeline-console-view/pipeline-console/main/DataTreeView.tsx
+++ b/src/main/frontend/pipeline-console-view/pipeline-console/main/DataTreeView.tsx
@@ -7,6 +7,7 @@ import {
   useEffect,
   useState,
 } from "react";
+import { Virtuoso } from "react-virtuoso";
 
 import Filter from "../../../common/components/filter.tsx";
 import StatusIcon from "../../../common/components/status-icon.tsx";
@@ -17,8 +18,6 @@ import {
   StageInfo,
 } from "../../../pipeline-graph-view/pipeline-graph/main/PipelineGraphModel.tsx";
 import { useFilter } from "./providers/filter-provider.tsx";
-import { Virtuoso } from "react-virtuoso";
-import { ConsoleLine } from "./ConsoleLine.tsx";
 
 export default function DataTreeView({
   stages,
@@ -94,7 +93,7 @@ export default function DataTreeView({
           useWindowScroll
           data={filteredStages}
           itemContent={(index: number, stage: StageInfo) => (
-              <TreeNode
+            <TreeNode
               key={stage.id}
               stage={stage}
               selected={String(selected)}
@@ -211,12 +210,14 @@ const TreeNode = memo(function TreeNode({
             useWindowScroll
             data={stage.children}
             itemContent={(index: number, child: StageInfo) => (
-            <TreeNode
-              key={child.id}
-              stage={child}
-              selected={selected}
-              onSelect={onSelect}
-            />)} />
+              <TreeNode
+                key={child.id}
+                stage={child}
+                selected={selected}
+                onSelect={onSelect}
+              />
+            )}
+          />
         </div>
       )}
     </div>

From caa723b4d1cd10f695492ff933df4ad912aa4db0 Mon Sep 17 00:00:00 2001
From: Jan Faracik <43062514+janfaracik@users.noreply.github.com>
Date: Thu, 1 May 2025 18:58:00 +0100
Subject: [PATCH 3/3] Format

---
 crowdin.yml                                                   | 4 ++--
 .../pipeline-console/main/DataTreeView.tsx                    | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/crowdin.yml b/crowdin.yml
index 2d59730cb..e7e6715d1 100644
--- a/crowdin.yml
+++ b/crowdin.yml
@@ -1,8 +1,8 @@
 files:
   - source: "/src/main/resources/io/jenkins/plugins/pipelinegraphview/**/*.properties"
     ignore:
-      - '/src/main/resources/io/jenkins/plugins/pipelinegraphview/**/%file_name%_%two_letters_code%.properties'
-      - '/src/main/resources/io/jenkins/plugins/pipelinegraphview/**/%file_name%_%locale_with_underscore%.properties'
+      - "/src/main/resources/io/jenkins/plugins/pipelinegraphview/**/%file_name%_%two_letters_code%.properties"
+      - "/src/main/resources/io/jenkins/plugins/pipelinegraphview/**/%file_name%_%locale_with_underscore%.properties"
     translation: "/src/main/resources/io/jenkins/plugins/pipelinegraphview/**/%file_name%_%two_letters_code%.properties"
     escape_quotes: 1
     escape_special_characters: 0
diff --git a/src/main/frontend/pipeline-console-view/pipeline-console/main/DataTreeView.tsx b/src/main/frontend/pipeline-console-view/pipeline-console/main/DataTreeView.tsx
index cc3eaed21..380fe9a16 100644
--- a/src/main/frontend/pipeline-console-view/pipeline-console/main/DataTreeView.tsx
+++ b/src/main/frontend/pipeline-console-view/pipeline-console/main/DataTreeView.tsx
@@ -92,7 +92,7 @@ export default function DataTreeView({
         <Virtuoso
           useWindowScroll
           data={filteredStages}
-          itemContent={(index: number, stage: StageInfo) => (
+          itemContent={(_: number, stage: StageInfo) => (
             <TreeNode
               key={stage.id}
               stage={stage}
@@ -209,7 +209,7 @@ const TreeNode = memo(function TreeNode({
           <Virtuoso
             useWindowScroll
             data={stage.children}
-            itemContent={(index: number, child: StageInfo) => (
+            itemContent={(_: number, child: StageInfo) => (
               <TreeNode
                 key={child.id}
                 stage={child}