[v3-2-test] open task group when navigating via group name; preserve arrow toggl… (#64284) (#64919)

* open task group when navigating via group name; preserve arrow toggle behavior

* Remove redundant comment.

* Update airflow-core/src/airflow/ui/src/layouts/Details/Grid/TaskNames.tsx



* Update airflow-core/src/airflow/ui/src/layouts/Details/Grid/TaskNames.tsx



* Fixing static checks

* Update TaskNames.tsx

---------
(cherry picked from commit 11a0aa8)

Co-authored-by: fat-catTW <124506982+fat-catTW@users.noreply.github.com>
Co-authored-by: Jarek Potiuk <jarek@potiuk.com>
Co-authored-by: Pierre Jeambrun <pierrejbrun@gmail.com>

Author: 4 people

airflow-core/src/airflow/ui/src/layouts/Details/Grid/TaskNames.tsx

@@ -67,6 +67,22 @@ export const TaskNames = ({ nodes, onRowClick, virtualItems }: Props) => {
     }
   };
 
+  const onClick = (event: MouseEvent<HTMLSpanElement>) => {
+    const groupNodeId = event.currentTarget.dataset.groupId;
+
+    if (groupNodeId === undefined || groupNodeId === "") {
+      return;
+    }
+
+    const id = groupNodeId;
+    const isViewingSameGroup = typeof groupId === "string" && groupId === id;
+
+    if (isViewingSameGroup) {
+      toggleGroupId(id);
+    }
+    onRowClick?.();
+  };
+
   const search = searchParams.toString();
 
   // If virtualItems is provided, use virtualization; otherwise render all items
@@ -109,7 +125,8 @@ export const TaskNames = ({ nodes, onRowClick, virtualItems }: Props) => {
             {node.isGroup ? (
               <Link asChild data-testid={node.id} display="block" width="100%">
                 <RouterLink
-                  onClick={onRowClick}
+                  data-group-id={node.id}
+                  onClick={onClick}
                   replace
                   style={{ outline: "none" }}
                   to={{