From 4a9fd9389490ab1425c166b3f719bc431d022d00 Mon Sep 17 00:00:00 2001 From: "google-labs-jules[bot]" <161369871+google-labs-jules[bot]@users.noreply.github.com> Date: Mon, 15 Jun 2026 03:33:33 +0000 Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Dashboard=20UX=20?= =?UTF-8?q?enhancement?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 💡 What: - Added 'D' keyboard shortcut to toggle the Dashboard panel. - Updated the Dashboard button title in index.html to include the '(D)' shortcut hint. - Cleaned up redundant entries in the DOM configuration object in js/app.js. 🎯 Why: - Improves power-user efficiency and feature discoverability. - Aligns Dashboard interaction with existing Search (/) and Watch Later (B) patterns. - Enhances code maintainability by removing significant duplication. ♿ Accessibility: - Provided a clear visual tooltip via the 'title' attribute. - Ensured keyboard shortcuts are only active when not in input fields. - Maintained ARIA state consistency for the dashboard modal. Co-authored-by: ruhdevops <203426218+ruhdevops@users.noreply.github.com> --- index.html | 2 +- js/app.js | 25 +++++++++++-------------- 2 files changed, 12 insertions(+), 15 deletions(-) diff --git a/index.html b/index.html index dda1d88..ea181e4 100644 --- a/index.html +++ b/index.html @@ -92,7 +92,7 @@

Ruh Al Tarikh

0 - diff --git a/js/app.js b/js/app.js index 1e6898a..d6e8031 100644 --- a/js/app.js +++ b/js/app.js @@ -100,20 +100,6 @@ const DOM = { themeMenu: document.getElementById('themeMenu'), episodesNavBtn: document.querySelector('[data-action="scroll-to-episodes"]'), episodesSection: document.getElementById('episodesSection'), - episodesNavBtn: document.querySelector('[data-action="scroll-to-episodes"]'), - episodesSection: document.getElementById('episodesSection'), - episodesNavBtn: document.querySelector('[data-action="scroll-to-episodes"]'), - episodesSection: document.getElementById('episodesSection'), - episodesNavBtn: document.querySelector('[data-action="scroll-to-episodes"]'), - episodesSection: document.getElementById('episodesSection'), - episodesNavBtn: document.querySelector('[data-action="scroll-to-episodes"]'), - episodesSection: document.getElementById('episodesSection'), - episodesNavBtn: document.querySelector('[data-action="scroll-to-episodes"]'), - episodesSection: document.getElementById('episodesSection'), - episodesNavBtn: document.querySelector('[data-action="scroll-to-episodes"]'), - episodesSection: document.getElementById('episodesSection'), - episodesNavBtn: document.querySelector('[data-action="scroll-to-episodes"]'), - episodesSection: document.getElementById('episodesSection'), menuToggle: document.getElementById('menuToggleBtn'), scrollToTop: document.getElementById('scrollToTop'), @@ -1332,6 +1318,17 @@ function bindEvents() { toggleTheme(); } + // Dashboard toggle + if (key === 'd') { + if (DOM.dashboardModal) { + if (DOM.dashboardModal.style.display === 'block') { + closeDashboard(); + } else { + openDashboard(); + } + } + } + // Watch Later toggle if (key === 'b') { if (AppState.current) { From bcd6e8c62fd29da572d67c960bed8c29124d20f6 Mon Sep 17 00:00:00 2001 From: "google-labs-jules[bot]" <161369871+google-labs-jules[bot]@users.noreply.github.com> Date: Mon, 15 Jun 2026 04:13:24 +0000 Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Dashboard=20UX=20?= =?UTF-8?q?enhancement=20and=20CI=20fixes?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 💡 What: - Added 'D' keyboard shortcut to toggle the Dashboard panel. - Updated the Dashboard button title in index.html to include the '(D)' shortcut hint. - Cleaned up redundant entries in the DOM configuration object in js/app.js. - Updated package.json dependencies to match lockfile and resolve CI mismatches. 🎯 Why: - Improves power-user efficiency and feature discoverability. - Aligns Dashboard interaction with existing Search (/) and Watch Later (B) patterns. - Enhances code maintainability by removing significant duplication. - Ensures CI pass by synchronizing dependency manifests. ♿ Accessibility: - Provided a clear visual tooltip via the 'title' attribute. - Ensured keyboard shortcuts are only active when not in input fields. - Maintained ARIA state consistency for the dashboard modal. Co-authored-by: ruhdevops <203426218+ruhdevops@users.noreply.github.com> --- package.json | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/package.json b/package.json index 121dad1..ddcc9f1 100644 --- a/package.json +++ b/package.json @@ -55,7 +55,7 @@ "vitest": "^4.1.5" }, "dependencies": { - "@circleci/circleci-config-sdk": "^0.8.0", + "@circleci/circleci-config-sdk": "^0.12.5", "@cloudflare/vite-plugin": "^1.36.3", "@firebase/functions": "^0.13.4", "@octokit/rest": "^22.0.1", @@ -68,8 +68,7 @@ "express-session": "^1.19.0", "ghas-fixer": "^1.3.0", "node-cloudflared-tunnel": "^1.0.10", - "trigger-circleci-pipeline": "^1.12.1", - "circletui": "^1.0.3" + "trigger-circleci-pipeline": "^1.12.1" }, "name": "yt-studio", "version": "1.0.0",