Add conf column into Dag Runs page (#51270)

Co-authored-by: Valentyn Druzhynin <[email protected]>

Author: valentinDruzhinin

airflow-core/src/airflow/ui/src/i18n/locales/en/dags.json

@@ -97,6 +97,7 @@
     "allRunTypes": "All Run Types",
     "allStates": "All States",
     "columns": {
+      "conf": "Conf",
       "dagId": "Dag ID",
       "dagVersions": "Dag Versions",
       "duration": "Duration",

airflow-core/src/airflow/ui/src/pages/DagRuns.tsx

@@ -34,6 +34,7 @@ import { useTableURLState } from "src/components/DataTable/useTableUrlState";
 import { ErrorAlert } from "src/components/ErrorAlert";
 import { LimitedItemsList } from "src/components/LimitedItemsList";
 import { MarkRunAsButton } from "src/components/MarkAs";
+import RenderedJsonField from "src/components/RenderedJsonField";
 import { RunTypeIcon } from "src/components/RunTypeIcon";
 import { StateBadge } from "src/components/StateBadge";
 import Time from "src/components/Time";
@@ -119,6 +120,18 @@ const runColumns = (translate: TFunction, dagId?: string): Array<ColumnDef<DAGRu
     enableSorting: false,
     header: translate("dags:runs.columns.dagVersions"),
   },
+  {
+    accessorKey: "conf",
+    cell: ({ row: { original } }) => {
+      if (original.conf) {
+        return <RenderedJsonField content={original.conf} jsonProps={{ collapsed: true }} />;
+      }
+
+      return undefined;
+    },
+    enableSorting: false,
+    header: translate("dags:runs.columns.conf"),
+  },
   {
     accessorKey: "actions",
     cell: ({ row }) => (