This is an automated email from the ASF dual-hosted git repository.

kaxilnaik pushed a commit to branch v3-1-test
in repository https://gitbox.apache.org/repos/asf/airflow.git

commit 91790ea1e52acaa24a349a1cb8d8f26977478c20
Author: Dheeraj Turaga <[email protected]>
AuthorDate: Wed Sep 17 09:55:26 2025 -0500

    Add hyperlinks to dag_id column in Dag Runs and Task Instances pages 
(#55648)
    
    - Make dag_display_name clickable in DagRuns.tsx to navigate to dag page
      - Make dag_display_name clickable in TaskInstances.tsx to navigate to dag 
page
    
    (cherry picked from commit 30ccb2b9e527299cb9dbb6250f079d80cba84633)
---
 airflow-core/src/airflow/ui/src/pages/DagRuns.tsx                  | 7 +++++++
 .../src/airflow/ui/src/pages/TaskInstances/TaskInstances.tsx       | 7 +++++++
 2 files changed, 14 insertions(+)

diff --git a/airflow-core/src/airflow/ui/src/pages/DagRuns.tsx 
b/airflow-core/src/airflow/ui/src/pages/DagRuns.tsx
index 6bdf68afb6f..11c660eef99 100644
--- a/airflow-core/src/airflow/ui/src/pages/DagRuns.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/DagRuns.tsx
@@ -62,6 +62,13 @@ const runColumns = (translate: TFunction, dagId?: string): 
Array<ColumnDef<DAGRu
     : [
         {
           accessorKey: "dag_display_name",
+          cell: ({ row: { original } }: DagRunRow) => (
+            <Link asChild color="fg.info">
+              <RouterLink to={`/dags/${original.dag_id}`}>
+                <TruncatedText text={original.dag_display_name} />
+              </RouterLink>
+            </Link>
+          ),
           enableSorting: false,
           header: translate("dagId"),
         },
diff --git 
a/airflow-core/src/airflow/ui/src/pages/TaskInstances/TaskInstances.tsx 
b/airflow-core/src/airflow/ui/src/pages/TaskInstances/TaskInstances.tsx
index e9edce3df60..10e494d7d27 100644
--- a/airflow-core/src/airflow/ui/src/pages/TaskInstances/TaskInstances.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/TaskInstances/TaskInstances.tsx
@@ -67,6 +67,13 @@ const taskInstanceColumns = ({
     : [
         {
           accessorKey: "dag_display_name",
+          cell: ({ row: { original } }: TaskInstanceRow) => (
+            <Link asChild color="fg.info">
+              <RouterLink to={`/dags/${original.dag_id}`}>
+                <TruncatedText text={original.dag_display_name} />
+              </RouterLink>
+            </Link>
+          ),
           enableSorting: false,
           header: translate("dagId"),
         },

Reply via email to