robotframework-dashboard 2.0.0__tar.gz → 2.1.0__tar.gz

{robotframework_dashboard-2.0.0/robotframework_dashboard.egg-info → robotframework_dashboard-2.1.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: robotframework-dashboard
-Version: 2.0.0
+Version: 2.1.0
 Summary: Output processor and dashboard generator for Robot Framework output files
 Home-page: https://github.com/marketsquare/robotframework-dashboard
 Author: Tim de Groot

{robotframework_dashboard-2.0.0 → robotframework_dashboard-2.1.0}/robotframework_dashboard/arguments.py

@@ -267,6 +267,9 @@ class ArgumentParser:
                 "  • '-r run_start=2024-07-30 15:27:20.184407' -> remove specified run\n"
                 "  • '-r alias=some_alias,tag=prod'\n"
                 "  • '-r limit=10' -> keep only the 10 most recent runs\n"
+                "  • '-r age=10d' -> remove runs older than 10 days\n"
+                "  • '-r age=-10d' -> remove runs younger than 10 days\n"
+                "  • (y)ear/(d)ay/(h)our/(m)inute/(s)econd supported\n"
             ),
             action="append",
             nargs="*",

{robotframework_dashboard-2.0.0 → robotframework_dashboard-2.1.0}/robotframework_dashboard/css/components.css

@@ -193,6 +193,68 @@
   min-width: 60px;
 }
 
+/* Add custom section horizontal tile — shown in customize-view mode (unified grid only) */
+.add-section-tile {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 2px dashed var(--bs-border-color, rgba(128,128,128,0.4));
+  border-radius: 8px;
+  transition: border-color 0.15s, background-color 0.15s;
+}
+
+.add-section-tile:hover {
+  border-color: var(--color-text);
+  background-color: rgba(128,128,128,0.08);
+}
+
+.add-section-tile-inner {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
+  user-select: none;
+}
+
+.add-section-plus {
+  font-size: 1.5rem;
+  font-weight: 300;
+  line-height: 1;
+}
+
+.add-section-tile-label {
+  font-size: 0.85rem;
+  font-weight: 500;
+}
+
+/* Custom section divider bar rendered inside the unified GridStack */
+.custom-section-divider {
+  display: flex;
+  align-items: center;
+  padding: 0 1rem;
+  border-radius: 6px;
+  height: 100%;
+  width: 100%;
+  position: relative;
+}
+
+.custom-section-title {
+  flex: 1;
+  font-size: 1rem;
+  font-weight: 600;
+  text-align: center;
+  user-select: none;
+}
+
+/* Delete button on custom section dividers — pinned to top-right */
+.delete-custom-section {
+  position: absolute;
+  top: 5px;
+  right: 5px;
+  z-index: 1;
+}
+
 /* Delete button on custom stat widgets — pinned to top-right, out of flex flow */
 .delete-custom-stat-widget {
   position: absolute;

{robotframework_dashboard-2.0.0 → robotframework_dashboard-2.1.0}/robotframework_dashboard/database.py

@@ -1,9 +1,10 @@
 import sqlite3
+import re
 from pathlib import Path
 from .queries import *
 from .abstractdb import AbstractDatabaseProcessor
 from time import time
-from datetime import datetime, timezone
+from datetime import datetime, timezone, timedelta
 from typing import Union
 
 # Explicit adapter for datetime -> ISO string, replacing the deprecated default
@@ -399,6 +400,8 @@ class DatabaseProcessor(AbstractDatabaseProcessor):
                     console += self._remove_by_tag(run, run_starts, run_tags)
                 elif "limit=" in run:
                     console += self._remove_by_limit(run, run_starts)
+                elif "age=" in run:
+                    console += self._remove_by_age(run, run_starts)
                 else:
                     print(
                         f"  ERROR: incorrect usage of the remove_run feature ({run}), check out robotdashboard --help for instructions"
@@ -490,6 +493,37 @@ class DatabaseProcessor(AbstractDatabaseProcessor):
             console += f"  Removed run from the database: index={index}, run_start={run_starts[index]}\n"
         return console
 
+    def _remove_by_age(self, run_query: str, run_starts: list):
+        console = ""
+        try:
+            clean_query = run_query.replace("age=", "")
+            mod, delta = self.parse_time_range(clean_query)
+        except ValueError as e:
+            return f" ERROR: {e}"
+        cutoff = datetime.now(timezone.utc)-delta
+        targets = []
+        for r in run_starts:
+            try:
+                run_dt = datetime.fromisoformat(r)
+                if run_dt.tzinfo is None:
+                    run_dt = run_dt.replace(tzinfo=timezone.utc)
+                if mod == "+":
+                    if run_dt < cutoff:
+                        targets.append(r)
+                elif mod == "-":
+                    if run_dt > cutoff:
+                        targets.append(r)
+            except ValueError as e:
+                print(f"    WARNING: Skipping invalid timestamp: '{r}' ({e})")
+        if not targets:
+            console += f"  WARNING: no runs were removed as no runs were within range {clean_query}"
+            return console
+        for run_to_remove in targets:
+            self._remove_run(run_to_remove)
+            print(f"  Removed run from the database: run_start={run_to_remove}")
+            console += f"  Removed run from the database: run_start={run_to_remove}\n"
+        return console
+
     def _remove_run(self, run_start: str):
         """Helper function to remove the data from all tables"""
         self.connection.cursor().execute(DELETE_FROM_RUNS.format(run_start=run_start))
@@ -510,6 +544,25 @@ class DatabaseProcessor(AbstractDatabaseProcessor):
         print(f"  Vacuumed the database in {round(end - start, 2)} seconds")
         return console
 
+    def parse_time_range(self, range_str: str):
+        # Regex groups : [modifier] [value] [unit]
+        # e.g., +10d, -4h, 1y
+        match = re.match(r"([+-])?(\d+)([smhdy])", range_str)
+        if not match:
+            raise ValueError("Invalid format. Use e.g., 10d, +5h, -1y")
+        modifier, value, unit = match.groups()
+        value = int(value)
+        units = {
+            's': 'seconds',
+            'm': 'minutes',
+            'h': 'hours',
+            'd': 'days',
+            'y': 'days'
+        }
+        # assume year is 365 days
+        delta_kwargs = {units[unit]: value * (365 if unit == 'y' else 1)}
+        return modifier or '+', timedelta(**delta_kwargs)
+
     def update_output_path(self, log_path: str):
         """Function to update the output_path using the log path that the server has used"""
         console = ""

{robotframework_dashboard-2.0.0 → robotframework_dashboard-2.1.0}/robotframework_dashboard/js/admin_page/admin_api.js

@@ -116,6 +116,8 @@ function remove_outputs() {
     const removeTags = document.getElementById("removeTags").value.split(",")
     const removeLimit = document.getElementById("removeLimit").value
     if (removeLimit != "") { data["limit"] = removeLimit }
+    const removeAge = document.getElementById("removeAge").value
+    if (removeAge != "") { data["age"] = removeAge }
     for (const removeTag of removeTags) {
         if (removeTag == "") { continue }
         tags.push(removeTag)
@@ -126,6 +128,7 @@ function remove_outputs() {
     document.getElementById("removeAliases").value = ""
     document.getElementById("removeTags").value = ""
     document.getElementById("removeLimit").value = ""
+    document.getElementById("removeAge").value = ""
     const body = JSON.stringify(data)
     send_request("DELETE", "/remove-outputs", body, "removeSpinner")
 }

robotframework_dashboard-2.1.0/robotframework_dashboard/js/customsections.js

@@ -0,0 +1,224 @@
+import { settings } from './variables/settings.js';
+import { set_local_storage_item } from './localstorage.js';
+import { STAT_WIDGET_COLORS, STAT_WIDGET_BG_COLORS } from './variables/statwidgetdefs.js';
+
+// Generates a short random ID (safe across all modern browsers)
+function generate_section_id() {
+    if (typeof crypto !== 'undefined' && crypto.randomUUID) {
+        return crypto.randomUUID().replace(/-/g, '').slice(0, 12);
+    }
+    return Math.random().toString(36).slice(2, 14);
+}
+
+// Applies (or updates) the bg class on the grid-stack-item-content of a section item el
+function apply_section_bg_class(itemEl, bgColor) {
+    const content = itemEl.querySelector('.grid-stack-item-content');
+    if (!content) return;
+    content.classList.remove('blue-bg', 'green-bg', 'red-bg', 'yellow-bg');
+    if (bgColor) content.classList.add(bgColor);
+}
+
+// Builds the inner HTML for a custom section divider bar
+function build_section_divider_html(section, editMode) {
+    const deleteBtn = editMode
+        ? `<button type="button" class="btn-close btn-close-sm delete-custom-section" aria-label="Remove section" data-section-id="${section.id}"></button>`
+        : '';
+    return `<div class="custom-section-divider ${section.textColor || 'white-text'}">
+                <span class="custom-section-title">${section.title}</span>
+                ${deleteBtn}
+            </div>`;
+}
+
+// Adds all custom section dividers (for unified grid) to the provided GridStack
+function render_custom_sections(gridStack, editMode) {
+    const savedLayout = settings.layouts?.['gridUnified']
+        ? JSON.parse(settings.layouts['gridUnified'])
+        : null;
+
+    const sections = settings.customSections || [];
+    for (const section of sections) {
+        const saved = savedLayout?.find(l => l.id === `customSection-${section.id}`);
+
+        const item = document.createElement('div');
+        item.classList.add('grid-stack-item');
+        item.setAttribute('gs-w',     saved ? saved.w : 12);
+        item.setAttribute('gs-h',     saved ? saved.h : 1);
+        item.setAttribute('gs-min-w', 12);
+        item.setAttribute('gs-max-w', 12);
+        item.setAttribute('gs-min-h', 1);
+        item.setAttribute('gs-max-h', 3);
+        if (saved) {
+            item.setAttribute('gs-x', saved.x);
+            item.setAttribute('gs-y', saved.y);
+        }
+        item.setAttribute('data-gs-id', `customSection-${section.id}`);
+        item.innerHTML = `<div class="grid-stack-item-content">${build_section_divider_html(section, editMode)}</div>`;
+        gridStack.makeWidget(item);
+        apply_section_bg_class(item, section.bgColor);
+    }
+}
+
+// Adds a special "Add custom section" horizontal tile to the unified GridStack for edit mode
+function render_add_section_tile(gridStack) {
+    const tileId = 'addSectionTile-unified';
+    if (gridStack.el.querySelector(`[data-gs-id="${tileId}"]`)) return;
+
+    const item = document.createElement('div');
+    item.classList.add('grid-stack-item');
+    item.setAttribute('gs-w',       12);
+    item.setAttribute('gs-h',        1);
+    item.setAttribute('gs-min-w',   12);
+    item.setAttribute('gs-max-w',   12);
+    item.setAttribute('gs-min-h',    1);
+    item.setAttribute('gs-max-h',    1);
+    item.setAttribute('gs-no-resize', 'true');
+    item.setAttribute('data-gs-id', tileId);
+    item.innerHTML = `<div class="grid-stack-item-content add-section-tile">
+        <div class="add-section-tile-inner">
+            <div class="add-section-plus">+</div>
+            <div class="add-section-tile-label">Add custom section</div>
+        </div>
+    </div>`;
+    gridStack.makeWidget(item);
+    item.querySelector('.add-section-tile').addEventListener('click', () => {
+        open_add_custom_section_modal();
+    });
+}
+
+// Saves a new custom section divider to localStorage and returns it
+function add_custom_section(title, bgColor, textColor) {
+    const id      = generate_section_id();
+    const section = { id, title, bgColor, textColor };
+    const list    = settings.customSections ? [...settings.customSections] : [];
+    list.push(section);
+    set_local_storage_item('customSections', list);
+    return section;
+}
+
+// Removes a custom section divider from localStorage by its id
+function remove_custom_section(id) {
+    const list = (settings.customSections || []).filter(s => s.id !== id);
+    set_local_storage_item('customSections', list);
+}
+
+// Populates the background color picker in the Add Custom Section modal
+function populate_section_bg_colors() {
+    const picker = document.getElementById('addCustomSectionBgColorPicker');
+    if (!picker) return;
+    picker.innerHTML = '';
+    for (const c of STAT_WIDGET_BG_COLORS) {
+        const btn = document.createElement('button');
+        btn.type          = 'button';
+        btn.className     = 'btn btn-outline-light btn-sm stat-color-btn';
+        btn.dataset.color = c.value;
+        btn.textContent   = c.label;
+        if (c.value === '') btn.classList.add('active');
+        btn.addEventListener('click', () => {
+            picker.querySelectorAll('.stat-color-btn').forEach(b => b.classList.remove('active'));
+            btn.classList.add('active');
+        });
+        picker.appendChild(btn);
+    }
+}
+
+// Populates the text color picker in the Add Custom Section modal
+function populate_section_text_colors() {
+    const picker = document.getElementById('addCustomSectionTextColorPicker');
+    if (!picker) return;
+    picker.innerHTML = '';
+    for (const c of STAT_WIDGET_COLORS) {
+        const btn = document.createElement('button');
+        btn.type          = 'button';
+        btn.className     = 'btn btn-outline-light btn-sm stat-color-btn';
+        btn.dataset.color = c.value;
+        btn.textContent   = c.label;
+        if (c.value === 'white-text') btn.classList.add('active');
+        btn.addEventListener('click', () => {
+            picker.querySelectorAll('.stat-color-btn').forEach(b => b.classList.remove('active'));
+            btn.classList.add('active');
+        });
+        picker.appendChild(btn);
+    }
+}
+
+// Wires all events inside the Add Custom Section modal (call once after DOM ready)
+function setup_add_custom_section_modal() {
+    populate_section_bg_colors();
+    populate_section_text_colors();
+
+    document.getElementById('addCustomSectionConfirm')?.addEventListener('click', () => {
+        const titleInput   = document.getElementById('addCustomSectionTitle');
+        const title        = titleInput?.value.trim() || 'Section';
+        const bgColorBtn   = document.querySelector('#addCustomSectionBgColorPicker .stat-color-btn.active');
+        const bgColor      = bgColorBtn?.dataset.color || '';
+        const textColorBtn = document.querySelector('#addCustomSectionTextColorPicker .stat-color-btn.active');
+        const textColor    = textColorBtn?.dataset.color || 'white-text';
+
+        const section = add_custom_section(title, bgColor, textColor);
+
+        const grid = window['gridUnified'];
+        if (grid) {
+            const item = document.createElement('div');
+            item.classList.add('grid-stack-item');
+            item.setAttribute('gs-w',     12);
+            item.setAttribute('gs-h',      1);
+            item.setAttribute('gs-min-w', 12);
+            item.setAttribute('gs-max-w', 12);
+            item.setAttribute('gs-min-h',  1);
+            item.setAttribute('gs-max-h',  3);
+            item.setAttribute('data-gs-id', `customSection-${section.id}`);
+            item.innerHTML = `<div class="grid-stack-item-content">${build_section_divider_html(section, true)}</div>`;
+            grid.makeWidget(item);
+            apply_section_bg_class(item, section.bgColor);
+            const deleteBtn = item.querySelector(`.delete-custom-section[data-section-id="${section.id}"]`);
+            if (deleteBtn) {
+                deleteBtn.addEventListener('click', () => handle_delete_section(section.id, grid));
+            }
+        }
+
+        document.dispatchEvent(new CustomEvent("layout-user-action"));
+
+        if (titleInput) titleInput.value = '';
+        bootstrap.Modal.getInstance(document.getElementById('addCustomSectionModal'))?.hide();
+    });
+
+    // Reset color pickers each time the modal opens
+    document.getElementById('addCustomSectionModal')?.addEventListener('show.bs.modal', () => {
+        populate_section_bg_colors();
+        populate_section_text_colors();
+    });
+}
+
+// Wires delete buttons on all currently rendered custom section dividers
+function wire_delete_section_buttons(gridStack) {
+    const sections = settings.customSections || [];
+    for (const section of sections) {
+        const btn = document.querySelector(`.delete-custom-section[data-section-id="${section.id}"]`);
+        if (btn) {
+            btn.addEventListener('click', () => handle_delete_section(section.id, gridStack));
+        }
+    }
+}
+
+function handle_delete_section(id, gridStack) {
+    const el = gridStack?.el?.querySelector(`[data-gs-id="customSection-${id}"]`);
+    if (el && gridStack) {
+        gridStack.removeWidget(el);
+    }
+    remove_custom_section(id);
+    document.dispatchEvent(new CustomEvent("layout-user-action"));
+}
+
+// Opens the Add Custom Section modal
+function open_add_custom_section_modal() {
+    const modal = document.getElementById('addCustomSectionModal');
+    if (!modal) return;
+    bootstrap.Modal.getOrCreateInstance(modal).show();
+}
+
+export {
+    render_custom_sections,
+    render_add_section_tile,
+    setup_add_custom_section_modal,
+    wire_delete_section_buttons,
+};

{robotframework_dashboard-2.0.0 → robotframework_dashboard-2.1.0}/robotframework_dashboard/js/eventlisteners.js

@@ -26,6 +26,7 @@ import {
     setup_lowest_highest_dates,
     clear_all_filters,
     setup_project_versions_in_select_filter_buttons,
+    setup_suite_path_navigator,
     setup_custom_filters_in_select_filter_buttons,
     update_overview_version_select_list,
     setup_metadata_filter,
@@ -251,6 +252,7 @@ function setup_filter_modal() {
     setup_runs_in_select_filter_buttons();
     setup_runtags_in_select_filter_buttons();
     setup_project_versions_in_select_filter_buttons();
+    setup_suite_path_navigator("All");
     setup_custom_filters_in_select_filter_buttons();
     // snapshot the default/initial filter state so profile checkboxes can reflect changes
     capture_default_filters();
@@ -822,9 +824,16 @@ function setup_sections_filters() {
         update_overview_filter_visibility();
     });
     document.getElementById("suiteSelectSuites").addEventListener("change", () => {
-        update_graphs_with_loading(["suiteStatisticsGraph", "suiteDurationGraph"], () => {
+        const mostGraphIds = settings.switch.sectionFiltersApplySuite
+            ? ["suiteMostFailedGraph", "suiteMostTimeConsumingGraph"]
+            : [];
+        update_graphs_with_loading(["suiteStatisticsGraph", "suiteDurationGraph", ...mostGraphIds], () => {
             update_suite_duration_graph();
             update_suite_statistics_graph();
+            if (settings.switch.sectionFiltersApplySuite) {
+                update_suite_most_failed_graph();
+                update_suite_most_time_consuming_graph();
+            }
         });
     });
     update_switch_local_storage("switch.suitePathsSuiteSection", settings.switch.suitePathsSuiteSection, true);
@@ -842,20 +851,44 @@ function setup_sections_filters() {
             }
         );
     });
+    update_switch_local_storage("switch.sectionFiltersApplySuite", settings.switch.sectionFiltersApplySuite, true);
+    document.getElementById("switchSectionFiltersApplySuite").addEventListener("change", () => {
+        settings.switch.sectionFiltersApplySuite = !settings.switch.sectionFiltersApplySuite;
+        update_switch_local_storage("switch.sectionFiltersApplySuite", settings.switch.sectionFiltersApplySuite);
+        update_graphs_with_loading(
+            ["suiteMostFailedGraph", "suiteMostTimeConsumingGraph"],
+            () => {
+                update_suite_most_failed_graph();
+                update_suite_most_time_consuming_graph();
+            }
+        );
+    });
     document.getElementById("resetSuiteFolder").addEventListener("click", () => {
         update_graphs_with_loading(["suiteFolderDonutGraph", "suiteFolderFailDonutGraph", "suiteStatisticsGraph", "suiteDurationGraph"], () => {
             update_suite_folder_donut_graph("");
         });
     });
     document.getElementById("suiteSelectTests").addEventListener("change", () => {
+        const mostGraphIds = settings.switch.sectionFiltersApplyTest
+            ? ["testMessagesGraph", "testMostFlakyGraph", "testRecentMostFlakyGraph",
+               "testMostFailedGraph", "testRecentMostFailedGraph", "testMostTimeConsumingGraph"]
+            : [];
         update_graphs_with_loading(
-            ["testStatisticsGraph", "testDurationGraph", "testDurationDeviationGraph"],
+            ["testStatisticsGraph", "testDurationGraph", "testDurationDeviationGraph", ...mostGraphIds],
             () => {
                 setup_testtags_in_select();
                 setup_tests_in_select();
                 update_test_statistics_graph();
                 update_test_duration_graph();
                 update_test_duration_deviation_graph();
+                if (settings.switch.sectionFiltersApplyTest) {
+                    update_test_messages_graph();
+                    update_test_most_flaky_graph();
+                    update_test_recent_most_flaky_graph();
+                    update_test_most_failed_graph();
+                    update_test_recent_most_failed_graph();
+                    update_test_most_time_consuming_graph();
+                }
             }
         );
     });
@@ -881,31 +914,75 @@ function setup_sections_filters() {
             }
         );
     });
+    update_switch_local_storage("switch.sectionFiltersApplyTest", settings.switch.sectionFiltersApplyTest, true);
+    document.getElementById("switchSectionFiltersApplyTest").addEventListener("change", () => {
+        settings.switch.sectionFiltersApplyTest = !settings.switch.sectionFiltersApplyTest;
+        update_switch_local_storage("switch.sectionFiltersApplyTest", settings.switch.sectionFiltersApplyTest);
+        update_graphs_with_loading(
+            ["testMessagesGraph", "testMostFlakyGraph", "testRecentMostFlakyGraph",
+             "testMostFailedGraph", "testRecentMostFailedGraph", "testMostTimeConsumingGraph"],
+            () => {
+                update_test_messages_graph();
+                update_test_most_flaky_graph();
+                update_test_recent_most_flaky_graph();
+                update_test_most_failed_graph();
+                update_test_recent_most_failed_graph();
+                update_test_most_time_consuming_graph();
+            }
+        );
+    });
     document.getElementById("testTagsSelect").addEventListener("change", () => {
+        const mostGraphIds = settings.switch.sectionFiltersApplyTest
+            ? ["testMessagesGraph", "testMostFlakyGraph", "testRecentMostFlakyGraph",
+               "testMostFailedGraph", "testRecentMostFailedGraph", "testMostTimeConsumingGraph"]
+            : [];
         update_graphs_with_loading(
-            ["testStatisticsGraph", "testDurationGraph", "testDurationDeviationGraph"],
+            ["testStatisticsGraph", "testDurationGraph", "testDurationDeviationGraph", ...mostGraphIds],
             () => {
                 setup_tests_in_select();
                 update_test_statistics_graph();
                 update_test_duration_graph();
                 update_test_duration_deviation_graph();
+                if (settings.switch.sectionFiltersApplyTest) {
+                    update_test_messages_graph();
+                    update_test_most_flaky_graph();
+                    update_test_recent_most_flaky_graph();
+                    update_test_most_failed_graph();
+                    update_test_recent_most_failed_graph();
+                    update_test_most_time_consuming_graph();
+                }
             }
         );
     });
     document.getElementById("testSelect").addEventListener("change", () => {
+        const mostGraphIds = settings.switch.sectionFiltersApplyTest
+            ? ["testMessagesGraph", "testMostFlakyGraph", "testRecentMostFlakyGraph",
+               "testMostFailedGraph", "testRecentMostFailedGraph", "testMostTimeConsumingGraph"]
+            : [];
         update_graphs_with_loading(
-            ["testStatisticsGraph", "testDurationGraph", "testDurationDeviationGraph"],
+            ["testStatisticsGraph", "testDurationGraph", "testDurationDeviationGraph", ...mostGraphIds],
             () => {
                 update_test_statistics_graph();
                 update_test_duration_graph();
                 update_test_duration_deviation_graph();
+                if (settings.switch.sectionFiltersApplyTest) {
+                    update_test_messages_graph();
+                    update_test_most_flaky_graph();
+                    update_test_recent_most_flaky_graph();
+                    update_test_most_failed_graph();
+                    update_test_recent_most_failed_graph();
+                    update_test_most_time_consuming_graph();
+                }
             }
         );
     });
     document.getElementById("keywordSelect").addEventListener("change", () => {
+        const mostGraphIds = settings.switch.sectionFiltersApplyKeyword
+            ? ["keywordMostFailedGraph", "keywordMostTimeConsumingGraph", "keywordMostUsedGraph"]
+            : [];
         update_graphs_with_loading(
             ["keywordStatisticsGraph", "keywordTimesRunGraph", "keywordTotalDurationGraph",
-                "keywordAverageDurationGraph", "keywordMinDurationGraph", "keywordMaxDurationGraph"],
+                "keywordAverageDurationGraph", "keywordMinDurationGraph", "keywordMaxDurationGraph", ...mostGraphIds],
             () => {
                 update_keyword_statistics_graph();
                 update_keyword_times_run_graph();
@@ -913,6 +990,24 @@ function setup_sections_filters() {
                 update_keyword_average_duration_graph();
                 update_keyword_min_duration_graph();
                 update_keyword_max_duration_graph();
+                if (settings.switch.sectionFiltersApplyKeyword) {
+                    update_keyword_most_failed_graph();
+                    update_keyword_most_time_consuming_graph();
+                    update_keyword_most_used_graph();
+                }
+            }
+        );
+    });
+    update_switch_local_storage("switch.sectionFiltersApplyKeyword", settings.switch.sectionFiltersApplyKeyword, true);
+    document.getElementById("switchSectionFiltersApplyKeyword").addEventListener("change", () => {
+        settings.switch.sectionFiltersApplyKeyword = !settings.switch.sectionFiltersApplyKeyword;
+        update_switch_local_storage("switch.sectionFiltersApplyKeyword", settings.switch.sectionFiltersApplyKeyword);
+        update_graphs_with_loading(
+            ["keywordMostFailedGraph", "keywordMostTimeConsumingGraph", "keywordMostUsedGraph"],
+            () => {
+                update_keyword_most_failed_graph();
+                update_keyword_most_time_consuming_graph();
+                update_keyword_most_used_graph();
             }
         );
     });