From a18ce186012eaaafb24a8e334c4f43267803c851 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9=20Ahlert?= Date: Sun, 8 Feb 2026 08:04:14 -0300 Subject: [PATCH 1/4] Add run type legend tooltip to grid view Closes: #28737 --- .../ui/public/i18n/locales/en/dag.json | 3 +- .../src/layouts/Details/Grid/GridLegend.tsx | 51 +++++++++++++++++++ .../ui/src/layouts/Details/PanelButtons.tsx | 4 +- 3 files changed, 56 insertions(+), 2 deletions(-) create mode 100644 airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridLegend.tsx diff --git a/airflow-core/src/airflow/ui/public/i18n/locales/en/dag.json b/airflow-core/src/airflow/ui/public/i18n/locales/en/dag.json index 04380b149a8b2..b725458d7cdcf 100644 --- a/airflow-core/src/airflow/ui/public/i18n/locales/en/dag.json +++ b/airflow-core/src/airflow/ui/public/i18n/locales/en/dag.json @@ -45,7 +45,8 @@ "buttons": { "resetToLatest": "Reset to latest", "toggleGroup": "Toggle group" - } + }, + "legend": "Run Type Legend" }, "header": { "buttons": { diff --git a/airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridLegend.tsx b/airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridLegend.tsx new file mode 100644 index 0000000000000..9a7d766566ccc --- /dev/null +++ b/airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridLegend.tsx @@ -0,0 +1,51 @@ +/*! + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, + * software distributed under the License is distributed on an + * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + * KIND, either express or implied. See the License for the + * specific language governing permissions and limitations + * under the License. + */ +import { Box, Flex, Text } from "@chakra-ui/react"; +import { useTranslation } from "react-i18next"; +import { LuInfo } from "react-icons/lu"; + +import type { DAGRunResponse } from "openapi/requests/types.gen"; +import { RunTypeIcon } from "src/components/RunTypeIcon"; +import { Tooltip } from "src/components/ui"; + +const runTypes: Array = ["scheduled", "manual", "backfill", "asset_triggered"]; + +export const GridLegend = () => { + const { t: translate } = useTranslation("common"); + + return ( + + {runTypes.map((runType) => ( + + + {translate(`runTypes.${runType}`)} + + ))} + + } + portalled + > + + + + + ); +}; diff --git a/airflow-core/src/airflow/ui/src/layouts/Details/PanelButtons.tsx b/airflow-core/src/airflow/ui/src/layouts/Details/PanelButtons.tsx index 488b1b388b63c..df2342ca621db 100644 --- a/airflow-core/src/airflow/ui/src/layouts/Details/PanelButtons.tsx +++ b/airflow-core/src/airflow/ui/src/layouts/Details/PanelButtons.tsx @@ -54,6 +54,7 @@ import { dagRunTypeOptions, dagRunStateOptions } from "src/constants/stateOption import { useContainerWidth } from "src/utils/useContainerWidth"; import { DagRunSelect } from "./DagRunSelect"; +import { GridLegend } from "./Grid/GridLegend"; import { TaskStreamFilter } from "./TaskStreamFilter"; import { ToggleGroups } from "./ToggleGroups"; @@ -480,7 +481,8 @@ export const PanelButtons = ({ {dagView === "grid" && ( - + + From 5ece52366005c4cfde74f3647a6033d33963a404 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9=20Ahlert?= Date: Fri, 13 Feb 2026 09:05:57 -0300 Subject: [PATCH 2/4] Update airflow-core/src/airflow/ui/public/i18n/locales/en/dag.json Co-authored-by: Pierre Jeambrun --- airflow-core/src/airflow/ui/public/i18n/locales/en/dag.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/airflow-core/src/airflow/ui/public/i18n/locales/en/dag.json b/airflow-core/src/airflow/ui/public/i18n/locales/en/dag.json index b725458d7cdcf..7f701f94b7391 100644 --- a/airflow-core/src/airflow/ui/public/i18n/locales/en/dag.json +++ b/airflow-core/src/airflow/ui/public/i18n/locales/en/dag.json @@ -46,7 +46,7 @@ "resetToLatest": "Reset to latest", "toggleGroup": "Toggle group" }, - "legend": "Run Type Legend" + "runTypeLegend": "Run Type Legend" }, "header": { "buttons": { From 87cfda75f21702e81a0e1170b4adcacd4dc024f6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9=20Ahlert?= Date: Fri, 13 Feb 2026 09:06:10 -0300 Subject: [PATCH 3/4] Update airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridLegend.tsx Co-authored-by: Pierre Jeambrun --- .../src/airflow/ui/src/layouts/Details/Grid/GridLegend.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridLegend.tsx b/airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridLegend.tsx index 9a7d766566ccc..81a76e5173417 100644 --- a/airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridLegend.tsx +++ b/airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridLegend.tsx @@ -26,7 +26,7 @@ import { Tooltip } from "src/components/ui"; const runTypes: Array = ["scheduled", "manual", "backfill", "asset_triggered"]; -export const GridLegend = () => { +export const RunTypeLegend = () => { const { t: translate } = useTranslation("common"); return ( From 5e7cd6d7bb8142346d30762a7c628767816cddf4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9=20Ahlert?= Date: Mon, 2 Mar 2026 15:02:41 -0300 Subject: [PATCH 4/4] Update airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridLegend.tsx Co-authored-by: Brent Bovenzi --- .../src/airflow/ui/src/layouts/Details/Grid/GridLegend.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridLegend.tsx b/airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridLegend.tsx index 81a76e5173417..9a7d766566ccc 100644 --- a/airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridLegend.tsx +++ b/airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridLegend.tsx @@ -26,7 +26,7 @@ import { Tooltip } from "src/components/ui"; const runTypes: Array = ["scheduled", "manual", "backfill", "asset_triggered"]; -export const RunTypeLegend = () => { +export const GridLegend = () => { const { t: translate } = useTranslation("common"); return (